BODY { background-color: #E1E1E2; text-align:center;  margin:0px; }

BODY, TD, DIV, SELECT, OPTION, TEXTAREA, INPUT {  font: 11px/16px Arial, Verdana, sans-serif; color:#666666; }
TD { vertical-align:top; }
IMG { border:0px; }
A { color:#E45C2C; font-weight:bold; text-decoration:none; }
DIV.clear { clear:both; }


DIV.container { width:951px; margin-left:auto; margin-right:auto; text-align:left; }
DIV.login {  width:420px; margin-left:auto; margin-right:auto; text-align:left; background-color:#FFFFFF; margin-top:15px; border:1px solid #707175; }
DIV.header { width:951px; height:117px; position: fixed; top:0px; background: url(bg_header.gif) repeat-x top; background-color:#FFFFFF;} 

	DIV.logo { height:117px; width:240px; float:left; background: url(kroy_logo.gif) no-repeat top; }
		DIV.utilmenu { margin-top:85px; padding-top:5px; margin-left:15px; text-align:center;} DIV.utilmenu IMG { float:left; margin-right:5px; }
		DIV.utilmenuitem { float:left; margin-right:3px; }
		
	DIV.menu { width:711px; float:right; height:113px; padding-top:4px;  } IMG.menu_flag { float:left; margin-right:1px; }
		DIV.menu1 { background: url(bg_menu.gif) no-repeat bottom; width:711px; height:34px; }
			INPUT.main_search { width:250px; margin-right:8px; }
			SELECT.main_select { width:190px; margin-right:8px; }
		DIV.menu2 { background: url(bg_menu.gif) no-repeat bottom; width:711px; height:37px; }
		DIV.menu3 { background: url(bg_menu.gif) no-repeat bottom; width:711px; height:37px; }
			DIV.menu1_content { width:630px; padding-left:5px;padding-top:4px; float:left; }
			DIV.menu2_content { width:673px; float:left; }
			DIV.menu3_content { float:left; width:250px; float:left; margin-top:2px; }
			DIV.langswitch { float:right; width:100px; height:30px; margin-top:10px; text-align:right; } DIV.langswitch IMG { margin-right:15px; }
			
				IMG.div_menu { float:left; margin-right:1px; width:1px;  }
DIV.footerlogin { color:#8C8B8B; text-align:center;  margin:10px; }			
DIV.footer { color:#8C8B8B; text-align:right; margin-top:10px; }

/* GRAPH */
DIV.bg_graph { background: url(bg_graph.gif) right top no-repeat; }
OBJECT, EMBED { margin:0px; padding:0px; }

/* MESSAGE */
DIV.message { margin:25px 15px; }

/* LOGIN */
TABLE.login { margin:25px auto; }
	TABLE.login TD { padding:3px 5px; }
INPUT { border:1px solid #C8C8C8; }
INPUT.submit { color:#FFFFFF; border:1px solid #E45C2C; background-color:#E45C2C; }

/* 2 column */	
DIV.outer_content { margin:0px; padding:0px; margin-top:117px; _margin-top:103px; }		
TABLE.twocolumn { width:951px;}			
DIV.content { background: url(bg_mainarea_bot.gif) no-repeat bottom right ;  background-color:#FFFFFF;}
	TD.uitleg { width:236px; background: url(bg_blue.gif) no-repeat top #1B4F46; color:#FFFFFF; } DIV.uitleg_inner { margin:15px; color:#FFFFFF; }
	TD.mainarea { width:715px; background: url(bg_mainarea_top.gif) no-repeat top ; } DIV.mainarea_inner { padding:15px; }
	DIV.tablearea {}
/* 1 column (table) */	
DIV.content_table { background: url(bg_tablearea_bot.gif) no-repeat bottom  #FFF; }
	DIV.onecolumn { width:951px; }
	DIV.onecolumn_inner { padding:15px; }
		DIV.table_content { background-color:#FFFFFF; border:1px solid #CCCCCC; padding:5px 0px 0px 0px; }
	
/* METERS */
TABLE.meters { width:100%; margin-top:20px; }
	TABLE.meters TD { text-align:center; width:33% }
			TABLE.sublist { border-top: 1px solid #CCCCCC; width:185px; margin-left:auto; margin-right:auto; margin-bottom:20px; }
				TABLE.sublist TD { border-bottom: 1px solid #CCCCCC; text-align:left; }
DIV.compare_gauges { width:210px; margin-right:10px; float:left; margin-bottom:10px; }

/* TABEL */
TABLE.datatable { border-top:1px solid #CCCCCC; }
	TABLE.datatable TH { background: url(table_th.gif) repeat-x top #C43F10; border-right:1px solid #EF9D80; padding:3px; }
		DIV.th_verticaal { text-align:center; }
	TABLE.datatable TD { padding:5px 3px; vertical-align: middle; }
	TR.listrow1 { background-color:#FFFFFF;}	TR.listrow1 TD { border-right:1px solid #EDEEE9; }
	TR.listrow2 { background-color:#EFEFEF;}	TR.listrow2 TD { border-right:1px solid #DEDFDA; }
	TR.total { background-color:#DFDFDF; }	TR.total TD { border-right: 1px solid #CFD0CC; padding:5px 3px; font-weight:bold; }
		IMG.sorticon { margin:3px 4px 3px 0px; }
		IMG.icon_small { vertical-align:middle; padding-bottom:2px; padding-right:2px;}
		
		/* DETAILS */
		DIV.popup { position:absolute; top:175px; z-index:100px; width:895px; } 
			DIV.popup_inner { width:620px; margin-left:auto; margin-right:auto; border:2px solid #cccccc; background-color:#FFFFFF; padding:10px; }
				DIV.details_content { height:500px; overflow:auto; }
				DIV.close { text-align:right; margin-bottom:5px; }
				DIV.close_main { float:right; margin:3px; margin-right:6px; }
				DIV.drag_icon { width: 21px; float: left; }	
				DIV.progressindicator { float:right; margin:3px; }
				TABLE.details_heading { width:620px;  }
				DIV#nextprevcontainer { margin-bottom:10px; border:1px solid #E5E5E5; padding:13px 30px; font-size:16px; }
					TABLE.details_heading TD.left { text-align:left; width:50px; }
					TABLE.details_heading TD.middle { text-align:center; padding-left:15px; padding-top:5px; }
					TABLE.details_heading TD.right { text-align:right; width:50px; }
				DIV.tabs { clear:both; width:100%; height:22px;  }
				DIV.tab { background: url(bg_detailtab_left.gif) no-repeat left; height:22px; float:left; }
					DIV.tab_inner {  background: url(bg_detailtab_right.gif) no-repeat right; height:19px; float:left; padding:3px 8px 0px 7px; }
				DIV.tab_on { background: url(bg_detailtab_left_on.gif) no-repeat left; height:22px; float:left; }
					DIV.tab_inner_on {  background: url(bg_detailtab_right_on.gif) no-repeat right; height:19px; float:left; padding:3px 9px 0px 7px; }
				TABLE.details { width:100%; border-bottom:1px solid #D8D8D8;  }
					TABLE.details TD { padding:4px 3px;  } TD.label {width:30%; } TD.field { width:70%; }
					TABLE.details TH { padding:16px 3px 4px 3px; border-bottom:1px solid #D8D8D8;  text-align:right}
					TR.detailrow1 { background-color:#FFFFFF; }
					TR.detailrow2 { background-color:#EFEFEF; }

				TABLE.print_details { width:100%; border-bottom:1px solid #D8D8D8;  }
					TABLE.print_details TD { padding:4px 3px;  } 
						TABLE.print_details TD.label { width:70%; } 
						TABLE.print_details TD.field { width:30%; }
					TABLE.print_details TH { padding:16px 3px 4px 3px; border-bottom:1px solid #D8D8D8; }
					
DIV.table_heading { padding-left:10px; }
DIV#navcontainer { margin:0px 10px; clear:both; margin-bottom:10px; width:895px; height:44px; border-left:1px solid #E5E5E5; }
UL#navlist { list-style:none; margin:0px; padding:0px; }
UL#navlist LI { list-style:none; margin:0px; padding:0px; float:left; border:1px solid #E5E5E5; border-left:0px; padding:10px 20px;  }
UL#navlist LI.active { background-color:#EFEFEF; border:1px solid #AAA8A9; } UL#navlist LI.active A {color:#858384; }

DIV#drag_handle { cursor:move; }
DIV#drag_handle_low { cursor:move; }

/*** TEXT ***/
H1 { font-size:19px; line-height:19px; letter-spacing:-1px; margin:0px; padding:0px; margin:5px 0px 10px 0px;   }
H2 { font-size:19px; line-height:20px; letter-spacing:-2px; font-weight:normal; margin:0px; padding:0px; margin:20px 0px 10px 0px; }
H3 { font-size:15px; line-height:15px; letter-spacing:-2px; font-weight:normal; margin:0px; padding:0px; }
H4 { font-size:13px; line-height:13px; letter-spacing:-2px; font-weight:normal; margin:0px; padding:0px; color:#67AB9A; }
H5 { }

/*** ACTIEF INACTIEF ****/
DIV.table_heading { height:35px; }
DIV.table_title { float:left; }
DIV.table_actinact { float:right; margin-right:5px }

/*** category colors ****/
.Bad{
	font: 11px/16px Arial, Verdana, sans-serif;
	color:red;
	}
	
.Warn{
	font: 11px/16px Arial, Verdana, sans-serif;
	color:orange;
	}
	
.Good{
	font: 11px/16px Arial, Verdana, sans-serif;
	color:green;
	}

DIV.printicons {
    text-align:right;
    float:right;
    margin-right:5px;
    }
    
.excelOnly {
    display:none;
}