body { behavior: url("/web/script/csshover3.htc"); }

#rollover { text-align: center; position: absolute; display: block; z-index: 5; }
#rollover a { text-decoration: none; color: black; }
#rollover h2 { float: left; display: block; margin: 0 0 10px 0; }
#rollover h2.second { margin-left: 80px; }
#rollover h2.third { margin-left: 70px; }
.clearfloat { clear: both; float: none; }
#rollover img { border: none; margin: 0; z-index: 1; }
.rolloverclear { height: 470px; } 

.region { z-index: 25; background: url(/web/img/clear.gif) no-repeat; width: 250px; height: 120px; /*border: 1px solid black;*/ position: absolute; margin: 0; padding: 0; }
/*.region:hover { background: red; opacity: 1; }*/
.region:hover .box { display:block; z-index:25; }

/* Target box for Anemometer*/
.box { z-index: 25; display: none; font-weight:bold; float: left; height: 50px; width: 50px; border: 3px solid blue; background: transparent; opacity: .75; left: 20px; }
.box .words { display: none; color: white; width: 200px; height: 100px; position: relative; left: 75px; background: black; padding: 0px; border: 1px solid black; }
.box:hover .words { display: block; }
.box .words div { display:none; text-align: left; font: 11px Arial, Helvetica, sans-serif; width: 178px; height: 78px; border: 1px solid white; opacity: 1; padding: 10px; }
.region:hover .box:hover .words div { display: block; }
.box .words div span { display: none; }
.box .words div strong { color: red; font-size: 14px; font-weight: bold; }

/* Target box for Atmo*/
.small_box {height: 5px; width: 5px}

/* Main hover regions to show boxes for Anemometer*/
#r1 { top: 30px; left: 0px; width: 150px; height: 100px; }
#r2 { top: 140px; left: 0px; width: 150px; height: 100px; }
#r3 { top: 270px; left: 0px; width: 150px; height: 100px; }
#r4 { top: 40px; left: 250px; width: 350px; height: 130px; }
#r5 { top: 220px; left: 250px; width: 350px; height: 100px; }

/* Main hover regions to show boxes for Atmo*/
#sensor-hover { top: 90px; left: -10px; width: 102px; height: 201px; }
#database-hover {
	top: 331px;
	left: -9px;
	width: 102px;
	height: 104px;
}
#daq-temp-hover{
	top: 40px;
	left: 148px;
	width: 246px;
	height: 57px;
}
#live-hover{
	top: 119px;
	left: 105px;
	width: 312px;
	height: 196px;
}
#time-hover {
	top: 39px;
	left: 451px;
	width: 146px;
	height: 106px;
}
#table-hover {
	top: 161px;
	left: 466px;
	width: 135px;
	height: 898px;
}
#weibull-hover{
	top: 368px;
	left: 104px;
	width: 346px;
	height: 68px;
}
#date-hover {
	top: 326px;
	left: 105px;
	width: 346px;
	height: 37px;
}
#wind-rose-hover { top: 459px; left: 105px; width: 346px; height: 192px; }
#historical-hover { top: 726px; left: 105px; width: 346px; height: 323px; }
#parameter-hover { top: 662px; left: 105px; width: 346px; height: 45px; }

/* Individual boxes & position for them for Anemometer*/
#ecups     { float: none; position: absolute; top: 5px; left: 28px; }
#scups     { float: none; position: absolute; top: 8px; left: 24px; }
#ccups     { float: none; position: absolute; top: 13px; left: 31px; }
#ecup_prof { float: none; position: absolute; top: 35px; left: 89px; }
#fcup_prof { float: none; position: absolute; top: 40px; left: 102px; }

/* Individual boxes & position for them for Atmo*/
#sensor     { float: none; position: absolute; top: 50px; left: 25px; }
#database   { float: none; position: absolute; top: 15px; left: 25px; }
#live       { float: none; position: absolute; top: 100px; left: 125px; }
#time       { float: none; position: absolute; top: 5px; left: 25px; }
#table      { float: none; position: absolute; top: 25px; left: 25px; }
#weibull    { float: none; position: absolute; top: 25px; left: 100px; }
#date       { float: none; position: absolute; top: 5px; left: 100px; }
#wind-rose  { float: none; position: absolute; top: 50px; left: 125px; }
#historical { float: none; position: absolute; top: 50px; left: 125px; }