/* CSS Document - Generic Styles: All Sites*/
/*---Constant Attributes---*/ 
a, a:visited {  font-size:1.1em;  text-decoration:none;  font-weight:700;}
a:hover {text-decoration:none;font-weight:700;}
body {
  margin:0;
  border:0;
  padding:0;
  height:100%; 
  max-height:100%; 
  background:#ffffff; 
  font-family:arial, verdana, sans-serif; 
  font-size:76%;
  overflow: hidden;
  }
* html body {padding:80px 0 40px 0;} 
h1 {font-size:4em; margin:0; padding:0;}
h2 {font-size:14px;}
h3{font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0; padding:0 2px 0 2px; font-weight:normal}
h4{font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0; padding:0 2px 0 2px; font-weight:normal}
hr {clear:both; border:0; height:1px; color:#888; background-color:#888;} 
p {margin:5px 0 2px 0;}
time {border-style: solid;border-width: 1px;}

/*----id----*/
#container {
  font-family:Arial, Helvetica, sans-serif;
  font-size: 1.2em;
  position:fixed; 
  top:83px;/*area above grey background*/
  left:0;
  bottom:40px; 
  right:0; 
  overflow:hidden; overflow-y:auto;
  padding:5px 0 20px 0;
  text-align:center;
  width:100%; 
  }
#container img {border:none}
#footer {
  position:fixed; 
  bottom:0px; 
  left:0px;
  width:100%; 
  height:30px; 
  overflow:auto; 
  text-align:right;
  border-top:2px solid #53829d;
  padding:4px 0 4px 10px;
  }
#footer p {margin:10px 10px 0 10px; }
#graph-no-label td {padding:17px 0 0 0; text-align:center}  
#h4 a {font-size:12px; text-align:center; font-weight:600;}  		
#header {
  position:absolute; 
  top:0; 
  left:0; 
  width:100%;
  height:81px;/*height of dark grey line*/ 
  overflow:hidden;}
#header img{margin:0 0 0 0} 
#header_logo{float:left;margin: 17px 0 0 1%;}
#indexheader{width:100%; min-width:320px;position:absolute;height:60px;}
#indexheader_img{float:left;margin:5px 0 0 30px;}
#left {
  float: left;
  width: 15%;
	margin:5px 0 0 30px; background-color:#FFF
}
#left_container {
	position: absolute;
  line-height:30px;
  background-color:#e5e5e5;
  height:100%;
  width:200px;
  padding:5px; 
  left: 5px;
  float: left;
}
#map_container{width:765px;height:20px;position:relative;z-index:4; margin:12px 0 0 -9px;}
#middle {
  /*padding: 0px 21% 5px 21%;*/
  margin: 0px;
  background-color: #FFF;
	text-align:center; 
	z-index:100;
}
#nav a {font-size:12px; text-align:center; font-weight:600;}
#right {
  float: right;
  width: 15%;
	margin:5px 25px 0 0;
	text-align:right;
  background-color: #FFF;
	overflow:hidden
}
#right_container {
	position: absolute;
  line-height:30px;
  background-color:#e5e5e5;
  height:700px;
  width:1200px;
  padding:5px; 
  right: 5px;
}
#sensormap_container {
  font-family:Arial, Helvetica, sans-serif;
  font-size: 1.2em;
  left:0;
  bottom:40px; 
  right:0; 
  overflow:hidden; overflow-y:auto;
  background:#e5e5e5;
  padding:5px 0 20px 0;
  /*text-align:center;*/
  width:100%; min-width:1060px;
  }
#siteheadings {clear: both;}
#white	{color:#FFFFFF; font-size:12px}	#white:hover{color:#000000}

/*--class--*/
.allow_scroll_x {overflow-x:auto;} /*allow scroll to main body horizontally*/
.add_scroll_y {overflow-y:auto !important;} /*allow scroll to main body vertically, !important to override other default classes*/
.add_min_width {min-width:1060px;} /*turn the div into a fixed size and scroll is visible if the width is smaller than this*/
.add_min_height {min-height:620px;} /*turn the div into a fixed size and scroll is visible if the height is smaller than this*/
.add_scroll_container {min-width:1060px;position:absolute;overflow-y:auto;} /*turn horizontally scroll (parent div) on and also this div to have vertically scroll*/
.black 		{color:#000000; font-size:12px;}				
.blackb		{color:#000000; font-weight:bold; font-size:12px}
.blue		{font-family:Arial, Helvetica, sans-serif; color:#0000FF;font-size:12px;font-weight:800;}
.blue10 	{font-size: 10px;color: #171994;	text-align: left;	text-decoration:none; font-weight:bold}
.blue_bg{background-color:#3F8BD6}
.btn{
	background: #cccccc; /* Old browsers */;color:#000000; 
	font-family:Arial, Helvetica, sans-serif;font-weight:bold;border: 1px solid;cursor:pointer;border-color: #ccc #666 #666 #ccc;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cccccc));
	background: -moz-radial-gradient(top,  #ffffff,  #cccccc);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cccccc');
	-o-linear-gradient(top,  #cccccc 0%,#ffffff 100%) 
}
.btn_txt	{font-weight: bold; cursor:pointer}
.colour_strip {
  position:absolute; 
  
  min-width:400px;
  width: 100%;
  float: left;
  	
  padding:0;
  border-bottom: 2px solid #53829d;
  color:white; 
  font-family:Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold; 
  text-align:center; 
  padding-top:3px
  } 
.colour_strip_div{height:20px; border-bottom: 2px solid #53829d}
.colour_strip_new {
  list-style:none; 
  margin:0;  
  display: -webkit-box;  display: -moz-box;  display: -ms-flexbox;  display: -webkit-flex;  display: flex;  -webkit-flex-flow: none;  justify-content: center;
}
.colour_strip_new a{
	color:#FFFFFF; 
	font-weight:bold; 
	display: block;
	text-decoration: none;
	text-align: center;
	padding:3px 20px 3px 20px;
	font-size:12px;
}
.ctr	{text-align:center;}
.darkblue 	{font-family: Arial, Helvetica, sans-serif;	font-size: 12px;	color: #161594;	font-weight: bold;}
ul.enlarge{	list-style-type:none; /*remove the bullet point*/}
ul.enlarge li{	position: relative; z-index: 0; }
ul.enlarge span	{position:absolute; top: -9999px;}	
ul.enlarge li:hover	{position: relative;z-index: 50; cursor:pointer; }
ul.enlarge li:hover span	{top: -539px; left: 35px;}
.enlarge_div{width:0;height:0;background-color:#000000;position:relative; z-index:5;opacity: 0.4;  filter: alpha(opacity=40);left:-2px; top:29px} 
.error_msg{background-color:#FFFF66;font-size: 12px;color: #9e311d;	text-align: left;text-decoration:none;font-weight: bold; text-align:center;}
.esm_cloud_wrapper{min-width:1060px;min-height:300px;}
.esr_contact_table{border:#cccccc thin solid; background-color:#D2EEF7; font-size:12px}
.esr_input{width:305px}
.esr_overview{ vertical-align:top; text-align:right; padding-top:5px}
.esr_recaptcha{border: #999999 thin solid; padding:7px 5px 5px 7px; float:right; margin-top:5px}
.esr_req{padding_-right:20px; font-size: 10px;color: #171994;	text-align: left;	text-decoration:none; font-weight:bold}
.esr_site{width:311px}
.esr_contact{width:296px}
.fridge_sensor{width:30px;height:10px;position:absolute;z-index:3; border:ridge 2px #0246FB; }
.fl			{float:left}	.fr		{float:right}
.form		{border-color:#999999; background-color:#E6E6E6}
.fs12		{font-size:12px}
.fs14		{font-size:14px}
.graph 		{margin:15px 0 15px 0; width:100%;}
.graph-border {border-color:#000000; border-style:solid; border-width: 1px; } 
.group_header a{color:#000000; font-weight:bold; font-size:12px}
.h1 		{font-family:Arial, Helvetica, sans-serif;font-size:14px; font-weight:800;	margin:20px 10px 10px 10px;	text-align:center;}
.h2 		{font-family:Arial, Helvetica, sans-serif;font-weight:700;font-size:12px; color:#1a75ce;text-align:center;margin:0;}

.hdr-text	{vertical-align: middle;font-family:Arial, Helvetica, sans-serif;font-size:18px; font-weight:800; text-align:center;padding:5px;}
.hdr_text_new	{font-family:Arial, Helvetica, sans-serif;font-size:18px; font-weight:800; text-align:center;padding-top:9px;}
.highlight{background-color:#FFFF66}
.siteheadings_new {font-family:Arial, Helvetica, sans-serif;font-size:14px; font-weight:800; text-align:center;padding-top:5px;margin:0 200px 0 200px; height:30px; color:#000}
.hovertable {border:ridge #1a75ce 4px; font-size:13px;}/*not used*/
.hovertable td{background-color:#e5e5e5; font-weight:bold; padding:0;text-align:right; opacity: 1.0;filter: alpha(opacity=1.0)}/*not used*/
.hoverdiv{border-collapse:collapse; padding:1px 1px 1px 1px; border:ridge #fff 2px; text-align:center; font-size:12px; height:1.4em;z-index:4}
.ind-hdr-text	{font-family:Arial, Helvetica, sans-serif;font-size:18px; font-weight:800; text-align:center;padding-top:22px;margin:0 200px 0 200px}
.ipw{width:220px; margin-left:2px}
.label{height:16px; width: 65px; position:absolute;z-index:4;font-size:12px; font-weight:bold; text-align:center; padding:1px 1px 1px 1px;  border:ridge 2px #fff; background-color:#e5e5e5;}
.landing_input{width:180px}
.lft {float:left;}
.loggedin	{font-size:12px; text-decoration:none; font-weight:700}
.loggedin a:hover{color:#000000;}
.loggedin a	{font-size:12px}
.loggedin_pipe	{font-size:13px;  text-decoration:none;  font-weight:700}
.ltgrey 	{color:#ddd;}
.menu		{font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:800;}
.ml10		{margin-left:10px}
.ml20		{margin-left:20px;}
.mr20		{margin-right:20px;}
.mr90		{margin-right:90px}
.mt-3		{margin-top:-3px}
.mt5		{margin-top:5px}
.mt10		{margin-top:10px}
.mt20		{margin-top:20px}
.minwidth780	{min-width:780px}
.nav		{font-size:12px; text-align:center;}
/*navigation is for header site headings unordered list*/
.navigation {
  list-style: none;
  margin: 0;
  background: #fff;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	padding: 0;
	justify-content: center;
	-ms-flex-direction: row;
}
.navigation a {
  display: block;
	text-decoration: none;
	text-align: center;
	padding-top:4px;
	padding-bottom:4px;
	width:140px;
	border-bottom: none;
}
.navigation a:hover {color: #fffccc;}/*Not used over-ridden by header code*/
.no_ul{text-decoration:none}
.ok_btn	{width:50px;color:#000000; font-weight:normal}
.pa a		{padding:0 4px 0 4px}
.panel		{border:#cccccc solid 1px; background-color:#f0f0f0}
.pl5		{padding-left:5px}
.pl20		{padding-left:20px}
.pl30		{padding-left:30px}
.plr td		{padding:0 15px 0 15px; height:21px}
.pr5		{padding-right:5px}
.pr10		{padding-right:10px}
.pr20		{padding-right:20px}
.prefs_msg{ font:Arial, Helvetica, sans-serif; color:#000000; font-weight:bold; margin-top:5px;height:20px}
.prefs_width{width:150px}
.pt5		{padding-top:5px} 
.pt10		{padding-top:10px} 
.pt15		{padding-top:15px} 
.readcell57{width:60px}
.red		{color: #FF0000; font-weight:bold; font-size:14px}
.red12bc	{font-family: Arial, Helvetica, sans-serif;	font-size: 12px;color: #9e311d;	text-align: left;text-decoration:none;font-weight: bold; text-align:center;}
.room_label {position:absolute;z-index:4;font-size:13px; font-weight:bold}
.rgt 		{float:right;}
.sensorlabel{width:100%; height:17px; position:absolute; z-index:3; font-size:12px; font-weight:bold; text-align:center;}
.sensor{width:46px; height:17px; position:absolute; z-index:3; font-size:12px; font-weight:bold; text-align:center; padding-top:1px;  border:ridge 2px #fff;} 
.sensor_label {position:absolute;z-index:4;font-size:10px; font-weight:bold}
.siteheadings_topmargin{margin-top:7px;}
.specborder	{border-collapse:collapse;}
.specborder td,.specborder th{border:1px solid #999999; border-collapse:collapse;}
.table 		{ border:0; width:100%; padding:2px;}
td.td_label{overflow:hidden; display:block;	width:70px; height:16px;}
.topmargin{margin-top:0}
.topmargin_site6{margin-top:0}
.topmargin_site7{margin-top:0}
.text{position:absolute;z-index:4;}
.txtl		{text-align:left}
.txtr		{text-align:right}
.whitebc 	{font-family: Arial, Helvetica, sans-serif;	color: #FFFFFF;	text-align: center;	font-weight: bold;	line-height:20px; text-decoration:none}