/* Std. HTML Markup Styles */
html, body { font: 9pt tahoma,verdana, arial; line-height: 140%; background: #6DA3E1 url('../images/gui_bg.jpg') fixed center; color: #000; }
body { overflow-y:auto; }
h1 { font-size:15pt; color: #9FE6FF; font-weight: normal; }
a { color: #fff; }
a:hover { color: #9FE6FF; }

/* Highlighted Input Box Styles */
input, textarea, select { margin:3px; padding:2px; border:2px solid #ddd; background:#fafafa; font-size: 9pt; }
input[type="text"]:focus, textarea:focus { margin:3px; padding:2px; border: 2px solid #FC0; font-size: 9pt; }
form#input:focus, form#textarea:focus, form#select:focus { border-color:#5D8733; background:#fff; }
form#input:active, form#textarea:active, form#select:active { border-color:#5D8733; background:#fff; }

/* ID related styles */

#title {
	font-size: 35px;
	color: #FFF;
	position: absolute; 
	top:20px; 
	left: 30px;
	right:30px;
	text-align:left; 
	line-height:35px;
}
#description {
	font-size: 13px;
	color: #FFF;
	position: absolute; 
	top:60px; 
	left: 30px;
	right:30px;
	text-align:left; 	
	letter-spacing:1.5px;
	padding-bottom:10px;
	border-bottom:1px #9FCBFF solid;
	line-height:13px;
}
#container { position: absolute; top:100px; left: 30px; right: 30px; text-align:left; padding-bottom:20px; }
#previous_mth { margin-bottom:10px; padding-bottom:10px; margin-left:5px; margin-right: 5px; }
#current_mth { margin-bottom:10px; padding-bottom:10px; margin-left:5px; margin-right: 5px; }
#login_form { text-align:left; }
#accountsel {
  position: absolute;
  right:30px;
  top: 60px;
}


.gui_error { background-color:#FDF9E8; border:6px #F7DA79 solid; color:#333; line-height:135%; padding:5px; text-decoration:none; margin-bottom:10px; }
.gui_error_title{ color:#775E06; font-weight:700; }

.esgroup_color{
	background-color: #CCCCFF;
}
.estotal_color{
	background-color: #CCCCCC;
}

.esg_total_color{
	background-color: #737CA1;
}

.kpi_title {
	font-size: 16px;
	line-height: 30px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #02007F;
	text-align:center; 
}

.lpt_header {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 30px;
	line-height: 30px;
	text-align:center; 
	border-bottom: 1px #02002b solid; 
}

.lpt_col {
	border-right: 1px #02002b solid; 
}

.lpt_table { 
	border: 1px #02002b solid; 
}

.table_header{
	background-color:#DFEBFF;
	font-family:arial;
	font-size:9pt;
	font-weight: bold;
	height:35px;
	line-height:160%;
	padding:6px;
	text-align:center;
}

.table_row_odd{
	background-color:#FFEFF6;
	font-family:arial;
	font-size:9pt;
}
.table_row_even{
	background-color:#EFEFEF;
	font-family:arial;
	font-size:9pt;
}

.noborder{
	border: 0px, solid, #DFE8F6 ;
	
}

.x-panel-body .x-panel-body-noborder{
	border: 0px, solid, #DFE8F6 ;
	
}

.total_clr{
	background-color: #E0E8EF;
	font-style: italic;  
	font-weight: bold;
}

.g_total_clr{
	background-color: #000000;
	font-style: italic;  
	font-weight: bold;	
}

.ar_grid_bg{
	background-color: #F8F8D8;
}

.ap_grid_bg{
	background-color: #EFF3FF;
}


.yellow_grid_bg{
	background-color: #F7F722;
	font-style: italic;  
	font-weight: bold;
}

.red_grid_bg{
	background-color: #F70929;
	font-style: italic;  
	font-weight: bold;
}

.kpi_table_header{
	background-color:#DFEBFF;
	font-family:arial;
	font-size:10pt;
	font-weight: bold;
	padding:2px;
}

.kpi_table_row{
	background-color:#FFFFFF;
	font-family:arial;
	font-size:10pt;
	padding:5px;
}

.header_highlight{
	color: #000000;
	font-weight: bold;
}

.kpi_content{
	margin-left:auto !important; 
	margin-right:auto !important; 
	text-align:center !important;
	width:1200px;
}

.text_font12 {
	font-size: 12px;
	color: #000000;
	vertical-align: bottom;
}

.quote_subtotal{
	border-bottom:1px solid #000000;
	border-top:1px solid #000000;
	font-weight:bold;
	background-color: #D7E1EF;
	
}

.total_css {
	border-bottom:1px solid #000000;
	border-top:1px solid #000000;
	font-weight:bold;
}