@charset "utf-8";

/* CSS Document */



#wrapper {

	margin-left: 0px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

}



#login_wrapper{
	background-color:#FFF;
	width:100%;
	height:100%;
	background-image:url(images/siemens_background_new.jpg);
	background-repeat:no-repeat;
	background-position:center;
	border:thin solid;

}



#login_title{

	position:relative;

	top:20%;

	left:40%;

	font-family:Georgia, "Times New Roman", Times, serif;

	font-size:16px;

}





#login_container{

	font-size:12px;

	position:relative;

	top:30%;

	left:0px;

}





#topbanner {

	position:relative;

	top:0px;

	left:0px;

	height:95px;

	width:100%;

	background-color:#CCCccc;

}



#siemens_img {

	position:absolute;

	top:0px;

	left:0px;

	}



#joint_logo {
	position:absolute;
	top:-1px;
	left:147px;

	}



#warnings_block {

	position:absolute;

	top:0px;

	right:0px;

	height:10%;

	width:30%;

	margin-right:1%;

	margin-top:1%;

		

}



#warnings_block table {

	border:thin solid;

	font-family:Arial, Helvetica, sans-serif;	

	font-size:10px;

	text-align:center;

	background-color:#FFF

}

#warnings_block th{

	font-weight:bold;

}

	





.norm_small {

	font-family: Arial, Helvetica, sans-serif;

	font-size:8px;

}

.norm_med {

	font-family: Arial, Helvetica, sans-serif;

	font-size:10px;

}

.norm_big {

	font-family: Arial, Helvetica, sans-serif;

	font-size:12px;

}



#blue_separator {
	position:absolute;
	left:0px;
	top:105px;
	height:30px;
	width:99%;
	background-color:#669acc;
	margin-left:8px;
	margin-right:8px;

}



#main_page {
	border:thin solid;
	position:relative;
	top:40px;
	left:0px;
	background-color:#CCCccc;
	width:100%;
	height:280px;

}





#form {

	border:thin solid;

	margin-left:5px;

	margin-top:5px;

	float:left;

	width:45%;

	height:50px;

	background-color:#FFF;

}



#form td {

	font-family: Arial;

	font-size:9px;

	text-align: left;

}



#form th {

	font-family: Arial;

	font-size:9px;

	font-weight:bolder;

	text-align: left;

}



#form option {

	font-family: Arial;

	font-size:10px;

}



#form select, input {

	font-family: Arial;

	font-size:10px;

	font-weight:bold;

}



#datatable {

	margin-right:5px;

	margin-top:5px;

	width:50%;

	height:200px;

	float:right;

	background-color:#FFC;

}



#datatable table {

	width:100%;

	border:1px solid #666666;

	float:left;

	font-family: Arial;

	font-size:11px;

	border-collapse: collapse;

	background-color: #FFF380;

}



#datatable td {

	border:thin solid #666;

	text-align:center;

}



#datatable th {

	font-family: Arial;

	font-size:11px;

	font-weight:bold;

	text-align:center;

	border:2px solid #666;

}





#metatable {

	width:45%;

	height:155px;

	float:left;

	margin-left:5px;

	margin-top:5px;

	

}

#metatable_p {
	width:98%;
	height:100px;
	float:left;
	margin-left:5px;
	margin-top:5px;

	

}

#metatable table{

	width:100%;

	font-family:Arial, Helvetica, sans-serif;

	font-size:9px;

	border:1px solid;

	background-color:#6FF;

	border-collapse: collapse;

}

	



#metatable th{



	border:2px solid #666;

	font-weight:bold;

	font-size:10px;

}





#metatable td {

	border:thin solid #666;

	text-align:left;

}



#forecast_table {

	margin-top:5px;

	position:relative;

	float:left;

	width:100%;

	height:60px;

	background-color:#9FC;

}

#forecast_table_p {
	margin-top:5px;
	position:relative;
	float:left;
	width:98%;
	height:160px;
	background-color:#FFF;

}



#forecast_table table {

	font-family:Arial, Helvetica, sans-serif;

	font-size:9px;

	text-align:left;

}



#forecast_table th {

	border:thin solid;

	font-weight:900;

	border-collapse:collapse;

}

	

	





#graphswrap {

	position:relative;

	top:50px;

	left:0px;

	border:thin solid;

	width:100%;

	height:405px;

	text-align:center;

	background-color:#E4E4E4;

	float:left;

	

	}



.graphs6 {

width:33%;

height:200px;

float: left;

text-align:center;

padding:1px;

}



.graphs1 {

width:100%;

height:400px;

float: left;

text-align:center;

}

#graphs td {

text-align:center;

}

	

.topinfo {

	font-family: Arial;

	font-size:11px;

	font-weight:bold;

}



/* print data */

#wrapper_print{

	position:relative;

	margin: 0 auto;

	width: 660px;

	/*min-width:800px;*/

	text-align:center;

	font-size:11px;

} 



#headinfo_print {

	/*width:360px;*/

	text-align: center;

	font-size:12px;

	font-weight:bold;

	float:right;

}



#cuslogo_print {

	width:264px;

	text-align: right;

	float:left;

}



#datatable_print {

	width:990px;

	float:left;

}



#datatable_print table {

	border:1px solid #666666;

	border-collapse:collapse;

	

}



#datatable_print td {

	border:1px solid #666;

	text-align:center;

	border-collapse:collapse;

	font-size:9px;

	}



#datatable_print th {

	border:1px solid #666;

	text-align:center;

	border-collapse:collapse;

	

		}



#dtp {

	border:1px solid #F00;

	width:325px;

	float: left;

}



#dtw {

	border:1px solid #03F;

	width:180px;

	float: left;

}



a.datatab:link { color: #00C; text-decoration: none; font-family: Arial; font-size:11px;}

a.datatab:active { color: #00C; text-decoration: none; font-family: Arial; font-size:11px; }

a.datatab:visited {	color: #00C; text-decoration: none; font-family: Arial; font-size:11px; }

a.datatab:hover { color: #099; text-decoration: none; font-family: Arial; font-size:11px; }

	

a.datatabred:link { color: #F00; text-decoration: none; font-family: Arial; font-size:11px; font-weight:bold;}

a.datatabred:active { color: #F00; text-decoration: none; font-family: Arial; font-size:11px; font-weight:bold;}

a.datatabred:visited {	color: #F00; text-decoration: none; font-family: Arial; font-size:11px; font-weight:bold;}

a.datatabred:hover { color: #099; text-decoration: none; font-family: Arial; font-size:11px; font-weight:bold;}



	a:link { color: #00C; text-decoration: none }

	a:active { color: #F00; text-decoration: none }

	a:visited { color: #00C; text-decoration: none }

	a:hover { color: #099; text-decoration: none }

	

/* tobys */

#top_logo_block {

	float:left;

	text-align:center;

	height:90px;

}



#topbanner_tob {

	/*height:95px;*/

	float:left;

	width:100%;

	background-color:#CCCccc;

}



#blue_separator_tob {

	float:left;

	width: 100%;

	padding-top:5px;

	padding-bottom:5px;

	background-color:#669acc;

}



#blue_separator_tob_info {

	float:left;

	padding-left:10px;

}



#main_page_tob {

	background-color:#CCCccc;

	width:100%;

	/*height:240px;*/

	float:left;

}



#horizontal_box {

	width:1000px; 

	float:left; 

	padding:10px;

}



#check_box {

	float:left;

	padding-left:5px;

	padding-right:5px;

	width:200px;

}