/*(c) - Copyright 1997-2004 Latitude Technologies Inc.  All Rights reserved. */
/* CSS Document -- Define all multicolumn divs etc over here. All the divs to be used inside any divs mentioned in layout.css*/

div.otherReports {
	width:800px; 
	margin-left:50px;
}
div.formSubmitButtonsLeftPDA {
	 PADDING-RIGHT: 0px; FLOAT: left; PADDING-BOTTOM: 10px; 
	MARGIN: 0px; PADDING-TOP: 32px; padding-left:20px; width: 30%;
}

div.formSubmitButtonsRightPDA {
	PADDING-RIGHT: 20px; PADDING-LEFT: 0px; FLOAT: right; PADDING-BOTTOM: 10px; 
	MARGIN: 0px; PADDING-TOP: 32px; padding-right:120px;
}
div.formSubmitButtons {
	CLEAR: both; PADDING-RIGHT: 20px; PADDING-LEFT: 0px; FLOAT: right; PADDING-BOTTOM: 0px; 
	MARGIN: 0px; PADDING-TOP: 32px; padding-right:120px;
}
/*second variation of buttons has less margins around it, use this where space conservation is important.*/
div.formButtons{
	CLEAR: both; PADDING-RIGHT: 20px; PADDING-LEFT: 0px; FLOAT: right; PADDING-BOTTOM: 0px; 
	MARGIN: 0px; PADDING-TOP: 0px; padding-right:120px; MARGIN-TOP:6px; MARGIN-BOTTOM:3px; 
}

div #time{
	position: absolute; bottom:0; right:0; margin:0px 15px 0px 0px; font-size:0.8em; background-color: 
}

div.form-label{	WIDTH:50%; TEXT-ALIGN:right; FLOAT:left; PADDING:0px; margin:1px 0px 1px 0px;}
div.form-field{	TEXT-ALIGN:left; FLOAT:left; PADDING-LEFT:4px; margin:1px 0px 1px 0px;}

td.form-label{	WIDTH:50%; TEXT-ALIGN:right; FLOAT:left; PADDING:0px; margin:1px 0px 1px 0px;}
td.form-field{	TEXT-ALIGN:left; FLOAT:left; PADDING-LEFT:4px; margin:1px 0px 1px 0px;}

div.form-label-small{WIDTH:30%; TEXT-ALIGN:right; FLOAT:left; PADDING:0px; margin:1px 0px 1px 0px;}
div.form-label-medium{	WIDTH:60%; TEXT-ALIGN:right; FLOAT:left; PADDING:0px; margin:1px 0px 1px 0px;}
div.form-label-big{	WIDTH:70%; TEXT-ALIGN:right; FLOAT:left; PADDING:0px; margin:1px 0px 1px 0px;}

/*A full width row*/
div.one-col-a{ width:100%; float:left; MARGIN:0px 0px 0px 0px; PADDING:0px 0px 0px 0px; }
div.one-col-a div.form-label {WIDTH:24.5%; TEXT-ALIGN:right; FLOAT:left; PADDING:0px;}
div.one-col-a div.form-label-medium {WIDTH:33%; TEXT-ALIGN:right; FLOAT:left; PADDING:0px;}
div.one-col-a div.form-label-big {WIDTH:50%; TEXT-ALIGN:right; FLOAT:left; PADDING:0px;}


*html div.one-col-a {
	width:97%;
	width/* */:100%;
}

*html div.one-col-a div.form-label{
	width:23.3%;
	width/* */:22.5%;
}

div.two-col-ab-a{WIDTH: 49%; MARGIN:0px 0px 0px 0px; FLOAT:left; PADDING:0px 0px 0px 0px; clear:left;}
div.two-col-ab-b{ WIDTH: 49%; FLOAT:left; MARGIN:0px 0px 0px 0px; PADDING:0px 0px 0px 0px; clear:right;}
/*div.two-col-ab-a div.form-label, div.two-col-ab-b div.form-label{WIDTH:50%; TEXT-ALIGN:right; FLOAT:left; PADDING:0px;}*/

div.three-col-abc-a, div.three-col-abc-b, div.three-col-abc-c {
	WIDTH: 30%; MARGIN:0px 0px 0px 0px; FLOAT:left; PADDING:0px 0px 0px 0px;
}
div.three-col-abc-c {clear:right;}

div.leftFloater{float:left;} /*Used when multiple boxes have to be aligned with in one div, ex:date-ranges*/
div.rightFloater{float:right;}

/*****************One single container to form a row ********************/
div.table-row{WIDTH: 90%; MARGIN:0px 0px 0px 0px; FLOAT:left; PADDING:2px 0px 2px 0px;}
div.table-row div.big-cell{WIDTH:39%; TEXT-ALIGN:right; FLOAT:left; PADDING:0px;}
div.table-row div.cell{WIDTH:12%; TEXT-ALIGN:center; FLOAT:left; PADDING:0px;}
.header-row {font-weight:bold;}
.setBold {font-weight:bold;}
/*****************End of One single container to form a row ********************/


.label-description {
	font-size: 0.8em; color: #787878; text-transform : none; padding-top: 0.3em;
	padding-bottom: 0.6em; font-weight: normal; padding-left:2px;
}

.units {
	font-size: 0.8em; text-transform : none; padding-top: 0.3em;
	padding-bottom: 0.6em; font-weight: normal; padding-left:2px; 
}

div.fullBox{WIDTH:100%; BORDER:1px solid #000}
div.rightIndent{PADDING-LEFT:40px;}
DIV#sideNav div.rightIndent{PADDING-LEFT:15px;}



.error{COLOR:#FF0000;}
div.error{FONT-SIZE:9px; COLOR:#FF0000; DISPLAY:block; HEIGHT: 20px;}
div.header{
	HEIGHT:auto; TEXT-ALIGN:CENTER;MARGIN-TOP:5px; MARGIN-BOTTOM:1px; clear:both; 
	letter-spacing: 0.15em; word-spacing:0.6em; font-size:1.5em; font-weight: bold;
}
div#msg-error{
	BACKGROUND-COLOR:#FFFF99; COLOR: #FF0000; HEIGHT:20px auto; WIDTH:90%;	MARGIN-LEFT:20px; PADDING:10px 0px 10px 10px;
	border: 1px solid #FFFF00;
}
/*creating a new msgError class, this could be used to sub group error message display them in different groups*/
div.msgError{
	BACKGROUND-COLOR:#FFFF99; COLOR: #FF0000; HEIGHT:20px auto; WIDTH:95%;	MARGIN-LEFT:20px; PADDING:10px 0px 10px 10px;
	border: 1px solid #FFFF00;
}


div.errSmall{color:#FF1A6A; padding:0px 0px 0px 0px;	display:block; font-size: 9px;}
div.wideAreaTextBlock{
	WIDTH:85%; HEIGHT:140px; MARGIN-TOP:10px; MARGIN-LEFT:10px; PADDING:1px 2px 3px 3px; OVERFLOW:Auto; 
	background-color: #EAECEE; border-top: thin ridge #999999; border-right: thin ridge #999999; 
	border-bottom: 1px solid #999999; border-left: 1px solid #999999; 
}

div.sub-header{
	HEIGHT:auto; MARGIN-TOP:35px; MARGIN-BOTTOM:10px; PADDING:2px 1px 2px 10px; DISPLAY:block; width:98%;
	clear:both; letter-spacing: 0.15em; word-spacing:0.6em; font-size: 1.1em; font-weight: bold;	
}
div.sub-sub-header{
	WIDTH:auto; PADDING:1px 0px 1px 10px; DISPLAY:block; margin:0px 0px 0px 0px; margin-bottom:3px; clear:both; 
	letter-spacing: 0.11em; word-spacing:0.4em; font-size:0.9em; font-weight: bold; text-decoration:underline;
}

span.sub-header-text{ float:left; display:block; width: 300px;}

div.login-info{FONT-SIZE:0.8em; margin:0 0 0 0; border-bottom:1px solid #cccccc;} /*#88aacc*/

.leftAlign{text-align: left !important;}
.rightAlign{text-align: right !important;}
.centerAlign{text-align: center !important;}

.preDiv {
	white-space: pre; 
}

.preDiv1 {
	/*white-space: pre;*/ 
	width:750px; 
	text-align:justify;
}

div.fullWidthFrame{
	margin-left:-15em; background-color:#FFFFFF;
}
/*Calendar Specific*/
div.calendar{width:550px;}
div.cal_cell{width:75px;float:left;height:100%;font-size: 10px;}
div.cal_row{height:45px;clear:both;}
div.cal_cell_desc{width:300px;display:none;z-index:3;}
div.cal_cell_item{vertical-align: middle;padding:1px 0px 1px 0px;margin:0px;}

.cal_row a, .cal_row a:link, .cal_row a:visited, .cal_row a:hover, .cal_row a:visited:hover { 
	cursor:hand;
}
.cal_cell_item a, .cal_cell_item a:link, .cal_cell_item a:visited, .cal_cell_item a:hover, .cal_cell_item a:visited:hover { 
	color: #00f; text-decoration:none; vertical-align: middle;
}

div.cal_cell_quadrant_left{WIDTH: 49.90%; MARGIN:0px 0px 0px 0px; FLOAT:left; PADDING:0; clear:left;}
div.cal_cell_quadrant_right{ WIDTH: 49.90%; FLOAT:right; MARGIN:0px 0px 0px 0px; PADDING:0; clear:right;}

html>body div.cal_row{
	min-height:45px;
	height:auto;
}
html>body div.cal_row div.cal_cell{
	min-height:45px;
	height:auto;
}
html>body div.cal_cell_quadrant_left{
	WIDTH: 49.0%;
}

html>body div.cal_cell_quadrant_right {
	WIDTH: 49.0%;
}

.cal_disp_date{float:right; padding:3px 3px 3px 0; width:90%;}
.cal_nom_disp, .cal_nom_disp_with_extra_padding{float:left; padding:5px 0 5px 0; width:100%;}
.cal_nom_disp_with_extra_padding{padding-top:6px;}

.cal_cell_quadrant_left a{
	display: block; PADDING:8px 0px 8px 0px; margin: 0px 0px 0px 0px; line-height: normal;
}

* html .cal_cell_quadrant_left a/* hide from IE5.0/Win & IE5/Mac */
{
	height: 0.01%;
}

.cal_cell_quadrant_right a{
	display: block; PADDING:8px 0px 8px 0px; margin: 0px 0px 0px 0px; line-height: normal;
}

* html .cal_cell_quadrant_right a/* hide from IE5.0/Win & IE5/Mac */
{
	height: 0.01%;
}

.dummy-quadrant { margin: 0px 0px 0px 0px; PADDING:9px 0px 8px 0px ! important;}


/*End of calendar specific*/

/* fuel matrix table style */
TABLE.fuelMatrix{
 	empty-cells: show;
	margin:0px;
	background-color: #ffffff;
	border-collapse: collapse;
	border-spacing: 1pt;
	border: 1px solid #6688CF;
	padding: 4px;
 }
 TD.fuelMatrix{
 	border-right: 1px solid #6688CF;
 }
 
 TD.hdr{
 	background-color: #3D598B;
	color:#ffffff;
	padding:4px;
	font-weight:bold;
 }
.redText{color:#FF1A6A ! important;}

#usc{
	color:#ff9900;
}
#dsc{
	color:#993333;
}
#nomqty{
	color:#0033cc;
	font-weight: bold;
}
#nentity{
	text-decoration:underline;
	/* font-weight: bold; */
}

/* use this class for tables in the main view area, to set bg to white in case they overflow */
.bodytable{
	background-color: #ffffff;
}

/*these classes are used by the calendar legends RM 10/3/2013 IRD-78 */
table.legend { 
	border-style : solid; 
	border-width : 1px; 
	border-color : gray;

	margin-top:30px; 
	width : 250px;
}
th.legend { 
	font-size : 8pt; 
}
td.legend {
	 font-family:sans-serif; 
	 font-size:8pt; 
	 text-align : center;
	 background-color:#FFFFFF;
	 margin : 0px;
	 padding : 0px;
 }
td.a, td.b, td.c, td.d { 
	width : 80px; 
	border : 1px solid gray; 
	margin : 0px; 
	padding : 0px; 
}
td.a { 
	background-color:#FFFFFF; 
}
td.b,td.e { 
	background-color:#99FF66; 
}
td.c,td.f { 
	background-color:#FFFF99; 
}
td.d,td.g { 
	background-color:#F5F5F5; 
}
td.e,td.f,td.g { 
	width:20px; 
	border : 1px solid gray; 
}  
td.h { 
	text-align:left; 
	padding-left:10px; 
} 
div.a { 
	background-color:#FFFFFF; 
}
div.b,div.e { 
	background-color:#99FF66; 
}
div.c,div.f { 
	background-color:#FFFF99; 
}
div.d,div.g { 
	background-color:#F5F5F5; 
}