/* $Id: global.css,v 1.3 2006/03/28 13:20:19 baest Exp $ */

/***************** standard styles *****************
*
*/

/* body */
body {
	margin:0px;
	font-size:10px;
	font-family: arial,verdana,helvetica,sans-serif;
	font-weight:normal;
}

/* page defaults */
body, ul, div, td, a:link, a:visited, a:hover, a:active {
	font-size: 10px;
	font-family: verdana, arial, helvetica, sans-serif;
}

html {
	height: 100%
}

body.standard, .tundra .dijitContentPane {
	background-color:#efefef;
	padding: 0;
}

/* standard body */
body.standard {
	height: auto;
	margin:0; 
}

body.frontpage{
	overflow: hidden;
	height: 100%;
	width: 100%;
}

/* standard link */
a:link {
	font-size:11px;
	color:#0000cc;
	text-decoration: none;
}
a:hover {
	font-size:11px;
	color:black;
	text-decoration: none;
}
a:active {
	font-size:11px;
	color:#801d1d;
	text-decoration: none;
}
a:visited {
	font-size:11px;
	color:#0000cc;
	text-decoration: none;
}

h2 {
	color:#000070;
	padding-left:5px;
}

/* input fields */
input, textarea, select, .input, .tundra .dijitTextBox {
	border: 1px solid #9B9BB0;
}
/* input fields */
.tundra .dijitInputField input, .tundra .dijitInputField, .tundra .dijitTextBox {
	margin: 0;
}

.tundra .input .RichTextEditable {
	border: 0px !important;
}

.tundra .input .RichTextEditable body {
	height: auto;
	
}

input, textarea, select, 
.input, 
.tundra .dijitTextBox input /* dijit input */
,.tundra .dijitTextArea /* dijit textarea */
{
	font: 10px verdana, arial, helvetica, sans-serif;
	padding:1px 3px; 
}

.tundra .dijitDisabled *, .tundra .dijitDisabled
{
	background-color: #EFEFEF !important;
}


a.toplink {
	color: #000070;
	font-size: 11px;
	font-weight: normal;
	vertical-align: middle;
	font-family: arial, sans-serif;
}

a.toplink:hover {
	background-color: #ececec;
	color: #700000;
}

#shadowlink {
	font-size:1.11px;
	font-weight:normal;
	color:#0000cc;
	padding:2px;
	vertical-align:middle;
	font-family: arial, sans-serif;
}

#shadowlink:hover {
	background-color:#dfe6ff;
	color:black;
}


table.topframe {
	background-color: #FFD571;
}

table.stdlist {
  width: 100%;
}

table.stdlist th {
  text-align: left;
  text-decoration: underline;
}

td.bottombottom {
	height: 24px;
}

div.bottomtopleft {
	width: 210px;
	height: 24px;
	background-color: #babcc0;
}

td.bottomright {
	border: 0px solid #736F6E;
	background-color: #fff;
	height: 24px;
}

form#pageheadform {
	margin: 0px;
}


/***************** Statefulle Collapsable section ***************/
.scsheader, .scspane {
	font: bold 8px arial, sans-serif;
}
.scsheader td {
	font-weight: bold;
}
.scsheader {
	border-bottom: 1px solid #bcbcbc;
  background-color: #94BEFF;
  color: #6A6962;
}
.scspane {
  color: #000000;
  /*background-color: #D3D3EF;*/
  background-color: #ffffff;
  overflow: hidden;
	display: none;
}
a.smenu-link:link, a.smenu-link:visited {
	font: normal 12px arial, sans-serif; 
	color: #5E5E6B; 
	text-decoration:none;
}

a.smenu-link:hover {
		font: 12px arial, sans-serif;
		color: #5E5E6B; 
		text-decoration: none;
}

a.smenu-link-selected:link, a.smenu-link-selected:visited, a.smenu-link-selected:active {
	font: bold 12px arial, sans-serif; 
	color: #5E5E6B; 
	text-decoration:none;
}

a.smenu-link-selected:hover { 
	text-decoration: none;
	color: #FF8000;	
}

/***************** Alert styles **************
*
*/

td.green-ok
{
	background-color : #11FF00;
}

td.red-alert, td.critical
{
	background-color: #FF0000; 
}

td.pending-alert
{
	background-color: #FFF5E2; 
}


td.yellow-alert                    
{
	background-color: #FFF000;
}

td.orange-alert
{
	background-color: #E19E60;
}

td.grey-unknown
{
	background-color: #A1A1A1;
}

/******************** Used in the timeperio ***********
*/
td.calrepeattypeitem, td.calrepeatitem, td.calrepeatspecialitem {
 	font: normal 10px verdana, arial, helvetica, sans-serif;
	text-decoration: underline;
}

td.calrepeatitem, td.calrepeatspecialitem {
	text-decoration: none;
}

td.calrepeatspecialitem {
	color: red;
}


/***************** pageheader *****************
* Thesse styles are used by smarty template {pageheader}
*/

td.pageheader, .dbsearchfield {
  background-color: #DBDADA;
  color : #666666;
  font: bold 12px verdana, arial, helvetica, sans-serif;
}

.dbsearchfield {
  background-color: #AEC5D0;
}



/***************** List styles *****************
* Theese styles are applied to standard lists         
*/

.listheader-cell, .listheader-cell-noleftbdr {
	background-color:	#FFF;
	border:	1px solid #000;
	border-right-width:	0px;
	border-top-width:	0px;
	text-align: left;
	padding-left: 2px;
}

/*tr > th.listheader-cell:first-child {
  border-style: none;
}*/

.list-cell {
	border: 0px solid #000;
	border-left-width: 1px;
}

/*tr > td.list-cell:first-child { border-style: none; }*/

.listheader-cell-noleftbdr, .list-cell-noleftbdr {
	border-left: 0px solid #000;
}

tr.stdlist1, tr.stdlist1 td /*smarty {cycle} function*/ {
	background-color: #FFFFFF;
}

tr.stdlist2, tr.stdlist2 td /*smarty {cycle} function*/ {
	background-color: #e3edfa;
}

a.listheader-link:link, a.listheader-link:visited, a.listheader-link:hover, a.listheader-link:active {
	color: #000000; 
	font-weight: bold;
}

a.listheader-link:hover { background-color: #F69D00; }   /* mouse over link */

a.pageheader-link:link, a.pageheader-link:hover, a.pageheader-link:active, a.pageheader-link:visited	{
	font-weight : normal;
	color: #FFF;
}
a.pageheader-link:hover	{
	font-weight : bold;
}

/***************** shadowbox - begin *****************
* Theese styles are associated to smarty template 
* {shadowbox} dropshadows are background images located 
* in wwwroot/images/box 
*/

td.corner1 {background-image : url("../images/box/corner1.jpg");}
td.corner2 {background-image : url("../images/box/corner2.jpg");}
td.corner3 {background-image : url("../images/box/corner3.jpg");}
td.corner4 {background-image : url("../images/box/corner4.jpg");}
td.corner-top-repeat {background-image : url("../images/box/toprepeat.jpg");}
td.corner-left-repeat {background-image : url("../images/box/leftrepeat.jpg");}
td.corner-bottom-repeat {background-image : url("../images/box/bottomrepeat.jpg");}
td.corner-right-repeat {background-image : url("../images/box/rightrepeat.jpg");}

.infobox-help	{	 
	padding: 3px;	 
	background-color: #cacaca;	 
	position: relative;	 
	top: 10px;	 
	left: 15px;	 
	color: #000;	 
	font-size: 10px;	 
	font-weight: bold;	 
	z-index: 200;	 
	border: 1px solid #000;
}

/***************** groupbox - begin *****************/

.groupbox { 
	background-color:#FFF;
	border: 1px solid #000;
	font-size:9px;
	height:120px;
	vertical-align:text-top;
}

.groupbox-help {	 
	padding: 3px;	 
	background-color: #FFFFFF;	 
	vertical-align:text-top;
	position: relative;	 
	top: -8px;
	left: 5px;
	font-size: 9px;
	font-weight: bold;	 
	z-index: 200;	 
	border: 1px solid #000;
}

.groupbox-help a {
	font-size: 0.8px;
}

/*************** bottom styles ***************/

table.bottom {       
	height:48px;
}


/*************** formGV styles ***************/

table.formGV td {
	text-align:left;
	vertical-align:top;
	padding-bottom:3px;
	white-space: nowrap;
}

table.formGV td.nameCol {
	padding-right: 10px;
}

td.nameCol {
	width: 200px;
}

table.formGV td.errorCol, table.paramFGV td.errorCol /*,table.formGV .req*/ {
	color: red;
	font-weight: bold;
}

table.formGV .errorCol, table.paramFGV td.errorCol, table.paramFGV th.errorCol{
	display:none;
}

table.formGV td.valueCol {
	font-weight: normal;
}

span.req {
	display: none;
}

tr.req span.req {
	display: inline;
	color: red;
	font-weight: bold;
}

/*tr.req input, tr.req select, tr.req textarea, tr.validateNotOk input, tr.validateNotOk select, tr.validateNotOk textarea {
	border-color: red;
}

tr.validateOk input, tr.validateOk select, tr.validateOk textarea {
	border-color: #9C9AB5;
}*/

#svbuttons {
	border: 0px solid #000;
	margin-top: 0px;
	margin-bottom:10px;
}

#msg {
  color: green;
  font-weight: bold;
  border: 0px solid #000;
}

.border-top {
  padding-top: 1.0em;
}

.border-top td {
  border-top: 1px solid #000;
}



/****************************************** DBTABLE DEFAULT ******************************************/


div.dbTableDefault {
	font-family:Lucida Grande, Verdana, Helvetica, Sans Serif, Arial;
	margin:0px;
	padding:4px;
	border:1px solid #bcbcbc;
	border-right: 0px;
	background-color:white;
	width:100%;
}

table.dbTableDefault {
	border-collapse:collapse;
	padding:0px;
	background-color:white;
	font-family:Lucida Grande, Verdana, Helvetica, Sans Serif, Arial;
	margin:3px 0px 5px;
	border-top:1px solid #bcbcbc;
	border-right:1px solid #bcbcbc;
	border-left:1px solid #bcbcbc;
	width:100%;
}

.pagesection table.dbTableDefault {
	margin-left: 1px;
}

table.dbTableDefaultFGV {
	border:1px solid #bcbcbc;
}

/* dbTableDefaultRow is the same as dbTableDefaultRow1, but here for good measure */
tr.dbTableDefaultRow, tr.dbTableDefaultRow1 { background-color: #ffffff; }

tr.dbTableDefaultRow:hover, tr.dbTableDefaultRow1:hover, tr.dbTableDefaultRow2:hover { background-color:#a6c2e7; }

tr.dbTableDefaultRow2 { background-color: #e3edfa; }

tr.selected td.dbTableDefaultData { background-color:yellow; }

th.dbTableDefaultHeader	{
	color:#343434;
	font-size:10px;
	border-left:1px solid #bcbcbc;
	border-bottom:1px solid #bcbcbc;
	vertical-align:middle;
	text-align: left;
	padding:4px;
	background-color:#94BEFF;
	text-decoration:none;
	font-weight:bold;
	}

th.dbTableDefaultHeader a:link, th.dbTableDefaultHeader a:visited, th.dbTableDefaultHeader a:hover, th.dbTableDefaultHeader a:active {
	color: #000;
	text-decoration: none;
	font-weight: bold;
	}
	
th.dbTableDefaultHeader a:hover {
	text-decoration:underline;
}

th.dbTableDefaultHeaderFGV {
	border-right:1px solid #dcdcdc;
	border-bottom:1px solid #bcbcbc;
}

td.dbTableDefaultData {
	font-size:10px;
	border-left:1px solid #bcbcbc;
	border-bottom:1px solid #bcbcbc;
	vertical-align:top;
	text-align: left;
	padding:4px;
	font-weight:normal;
}

td.dbTableDefaultData a {
	font-size:10px;
	font-weight:normal;
}

td.dbTableDefaultDataFGV {
	padding:4px;
}

th.dbTableDefaultHeader_noborder {
	color:#343434;
	font-size:10px;
	vertical-align:middle;
	text-align: left;
	padding:4px;
	background-color:#94BEFF;
	text-decoration:none;
	font-weight:bold;
}

td.dbTableDefaultData_bottomborder {
	font-size:10px;
	vertical-align:top;
	text-align: left;
	padding:4px;
	font-weight:normal;
	border-bottom:1px solid #bcbcbc;
}

td.dbTableDefaultData_noborder {
	font-size:10px;
	vertical-align:top;
	text-align: left;
	padding:4px;
	font-weight:normal;
}

tr.dbTableDefaultRow_noborder {
	border-left:1px solid #bcbcbc;
}

tr.dbTableDefaultRow_nohover {
	background-color: #ffffff;
}

tr.dbTableDefaultRow1_nohover {
	background-color: #ffffff;
}

tr.dbTableDefaultRow2_nohover {
	background-color: #e3edfa;
}

td.dbTableEmpty {
	background-color:#efefef;
	font-weight: bold;
	border-bottom:1px solid #bcbcbc;
	border-right:1px solid #bcbcbc;
	padding: 10px 5px;

}

a.forward_link { padding-left: 3px; }
a.backward_link { padding: 0px 3px; }

/****************************************** INFO (popup) **************************************************/

#d2fe_tooltip, div.dbTableInfoCaption, div.dbTableInfoBody, table.dbTableInfo {
	font-family:Lucida Grande, Verdana, Helvetica, Sans Serif, Arial;
}

#d2fe_tooltip {
	width: 300px;
	font-size: 10px;
	font-weight: bold;
	padding:0px;
	background-color: white;
/*	background-color:#ffd283; */
	border:1px solid black;
	z-index: 5;
}

div.dbTableInfoCaption, div.InfoCaption {
	font-size: 10px;
	font-weight: bold;
	padding:2px;
	background-color:#ffd283;
	border-bottom:1px solid black;
}

div.dbTableInfoBody, div.InfoBody {
	border:0px;
	font-size: 10px;
	font-weight: normal;
	margin: 0px;
	padding: 2px;
}

table.dbTableInfo, table.Info  {
	width:100%;
	border-collapse:2px;
	border:0px;
	padding:0px;
	margin-top:4px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:4px;
}

td.dbTableInfoData, table.Info td {
	padding:1px;
	padding-right:4px;
	font-size:9px;
	text-align: left;
	font-weight:normal;
	vertical-align:top;
}

td.dbTableInfoData_left, table.Info > td.Left {  /* nowrap */
	padding:1px;
	padding-right:4px;
	font-size:9px;
	text-align: left;
	font-weight:normal;
	vertical-align:top;
	white-space:nowrap;
}

td.dbTableInfoData_right, table.Info > td.Right {
	padding:1px;
	padding-left:4px;
	font-size:9px;
	text-align:right;
	font-weight:normal;
	vertical-align:top;
}
	

/****************************************** MENU CONTAINER **************************************************/

div.menuContainer {
	width:100%;
	z-index:9999;
/*	position:fixed; */
	top:0px;
	left:0px;
	height:34px;
	vertical-align:middle;
	font-size:11px;
	font-weight:bold;
}


/****************************************** FAKE MENU (menu background) **************************************************/

div.fakemenu {
	top:0px;
	left:0px;
	width:100%;
	z-index:10;
/*	position:fixed; */
	height:34px;
	background:url(../images/soriaBarBg.gif); 
	background-repeat: repeat-x;
	vertical-align:middle;
	font-size:11px;
	font-weight:bold;
	color:#000070;
}

/****************************************** PAGE FILTER BAR (secondary menu) **************************************************/

div.pagefilter {
	position:relative;
	height:34px;
	overflow:hidden;
	background-color:white;
	border-bottom:1px solid #bcbcbc;
	vertical-align:middle;
	font-size:10px;
	padding-left:4px;
	padding-right:4px;
	clear: both;
}

div.pagefilter table, table.pagefilter {
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
}

div.pagefilter td, td.pagefilter {
	font-size:10px;
	vertical-align:middle;
}

/****************************************** PAGESECTION (CONTAINER) **************************************************/

table.pagesection {
	margin-top:1px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:3px;
	padding:0px;
	border:1px solid #bcbcbc;
	background-color:#f1f5fa;
	width:100%;
}

td.pagesection {
	padding-top:3px;
	padding-left:4px;
	padding-right:4px;
	padding-bottom:3px;
	color:#000070;
	font-size:10px;
	font-weight:bold;
}

table.pagesection:hover {
	border:1px solid #000070;
}

td.pagesection:hover {
	color: white;
	background-color:#000070;
}

div.pagesection {
	margin-top:0px;
	margin-left:1px;
	margin-right:1px;
	margin-bottom:0px;
}

div.pagesection div.pagesection {
	margin-bottom: 40px;
}

/****************************************** ADDITIONAL ACTION CONTAINER **************************************************/

div.pageaction {
	margin-top:0px;
	margin-left:-1px;
	margin-right:0px;
	margin-bottom:0px;
}

table.pageaction {
	margin-top:3px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:3px;
	padding:0px;
	border:1px solid #bcbcbc;
	background-color:#f1f5fa;
	width:100%;
}

td.pageaction {
	font-size:11px;
}

/****************************************** TAB DATA (adds padding to tab content) **************************************************/

.tabdata {
	padding:6px;
	margin-bottom:20px;
}

/****************************************** VERTICAL TOGGLE-HANDLE FOR LEFT MENU **************************************************/

.menuToggle{
	top: 0px;
	right: 0px;
	width: 4px;
	height: 100%;
	position: absolute;
	background-color:#efefef;
	border-left:1px solid white;
	border-right:1px solid white;
}

div.menuToggle:hover {
	background-color:#bebebe;
}


/****************************************** TAB DATA (adds padding to tab content) **************************************************/

div.shortcut {
	margin-top:2px;
	margin-left:1px;
	margin-right:1px;
	margin-bottom:15px;
}

.shortcut_input {
	border:1px solid #787878;
	width:350px;
}

.shortcut_input:focus {
	background-color:#fffdc1;
}

.shortcutbg {
	display:none;
	position:fixed;
	height:100%;
	width:100%;
	top:0px;
	left:0px;
	z-index:10;
	background-color:#efefef;
	-moz-opacity: .60;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
	text-align:center;
}

.shortcutform {
	padding-top:200px;
	display:none;
	width:100%;
	position:fixed;
	z-index:20;
}


/***************************************************************************************************************************/
/****************************************** DOJO CLASSES *******************************************************************/
/***************************************************************************************************************************/

.dojoTabPane {
  padding : 0px 2px 2px 3px;
  overflow: auto;
}

.tundra .noneCollapsible .dijitTitlePaneTitle {
	cursor: default;
	padding-left: 2px;
}

.tundra .noneCollapsible .dijitTitlePaneTitle .dijitArrowNode {
	display: none;
}

.tundra .dijitTitlePane .dijitTitlePaneTitle {
	width: 100%;
}

.tundra .dijitTitlePane {
	margin-bottom: 4px;
}

.tundra .dijitTitlePane .dijitTitlePaneTitle, .dojoTitlePaneHead {
	background:url(/file/images/soriaBarBg.gif) repeat-x;
	font-weight:bold;
	color:white;
	padding:3px 2px;
	border-top:1px solid #cdcdcd;
}

.tundra .dijitTitlePane .dijitArrowNode {
	margin-left: 2px;
}

.tundra .dijitTitlePane .dijitTitlePaneTextNode {
	padding-left: 5px; /* Some of the padding is under the dijitArrowNode */
}

.tundra .dijitTitlePane .dijitTitlePaneContentInner {
	padding: 0px;
	padding-bottom: 20px;
}

.tundra .dijitTitlePaneContentOuter {
	border: 0px;
	background-color:#efefef;
}

.dojoDialog {
	background: #eee;
	border: 1px solid #999;
	-moz-border-radius: 5px;
	padding: 4px;
}

.tooltip {
	width: 400px; 
	display: none; 
	padding:0px;
}

/* NEW DOJO */

/* .tundra .toolbarWithText .dijitButtonContents .dijitButtonText { display: block; }		*/
.tundra .toolbarWithText .dijitButtonContents { 
	padding-bottom: 5px !important; padding-top: 3px !important;
}

.tundra .dijitTab {
	margin-right:1px;
}

.tundra .dijitToolbar {
	padding: 0px;
}

.tundra .dijitTabPaneWrapper {
	background: #efefef none repeat scroll 0% 50%;
}

.tundra .dijitToolbar {
	border: 0px;
	background:url(/file/images/soriaBarBg.gif) repeat-x #efefef;
}

.tundra .Editor .dijitToolbar {
	border: 0px;
	background: none;
}

.tundra .dijitMenuItemLabel, .tundra .dijitToolbar .dijitButtonText {
	font-size: 12px;
}

.tundra .dijitToolbar .dijitButtonText {
	padding-right: 3px;
	font-weight: bold;
	color: #fff;
}

.tundra div.tabs {
	min-height:500px;
	height: 500px;
	width: 100%;
}

.tundra .ContentPaneJSON, .tundra .TabJSON {
	overflow: auto;
	overflow-x: hidden; /* to avoid IE showing horizontal scrollbar */
}

#mainpane {
	overflow-x: auto; /* fuck IE showing horizontal scrollbar */
}

.tundra div.tabs .TabJSON {
	width: 100%;
}

.hiddenMenu {
	display: none;
}


/****************************************** LOADING PLEASE WAIT - MESSAGE * **************************************************/

#content_loading {
/*	display: none; */
	width: 100%; 
	height: 100%; 
	color: #fff; 
	position: absolute; 
	left: 0px; 
	top:0px;
}

#content_loading div.outer {
	position: relative;
	background-color: #fff;
	left: 35%; 
	width: 200px; 
	top: 50%; 
	height: 60px;
	padding:7px;
	z-index:15;
	border: 1px #000 solid;
	padding-top:35px;
}

#content_loading div div {
	color: #000;
	font-size: 120%;
	font-weight: bold;
	text-align:center;
	background: url(/file/images/mozilla_giallo.gif) center right no-repeat;
}

#reloaderAdmin, #reloaderAdmin img {
	width: 16px;
	height: 16px;
}

#reloaderAdmin img {
	display: none;
}

/************** DBTable format **************/

.current, td.currency, 
.number, td.number,  
.date, td.date
{ /* added td mostly for higher cascading score */
	text-align: right !important;
}

/************** DBTable format **************/

.dijitEditorIconDownload{
	width: 30px !important;
	height: 13px !important;
	vertical-align: middle;
}

.dijitEditorIconCSV {
	background-image: url('/file/icons/export_csv.png');
}

.dijitEditorIconXML {
	background-image: url('/file/icons/export_xml.png');
}

.dijitEditorIconRAW {
	background-image: url('/file/icons/export_raw.png');
}

.dijitEditorIconPDF {
	background-image: url('/file/icons/export_pdf.png');
}

/****************************************** Toaster (message/error/fatal/warning) ******************************************/


.dijitToasterContent {
	padding:1em;
	padding-top:0.25em;
	background:#73c74a;
	font-weight:bold !important;
}

.dijitToasterMessage{ 
	color:#fff;
}

.dijitToasterWarning{ }
.dijitToasterError,
.dijitToasterFatal{
	color:#fff;
}

.dijitToasterWarning .dijitToasterContent{
	padding:1em;
	padding-top:0.25em;
	background:#FF9900;
} 

.dijitToasterError .dijitToasterContent{
	padding:1em;
	padding-top:0.25em;
	background:red;
}

/* imported from dijit.css */
 
.dijitToasterClip {
	position: absolute;
	z-index: 5000;
	overflow: hidden;
}

.dijitToasterContainer {
	display: block;
	position: absolute;
	width: 200px;
	margin: 0px;
	font:0.75em Tahoma, Helvetica, Verdana, Arial;
}
 
img.datetimeSelector {
	margin-top:1px;
}
