html, body {
  font-family: Arial, sans serif;
  font-size: 12px;
  margin:0 auto;
  padding:0;
  height:100%;
  width:100%;
}
table{
  border-spacing:		0px;
}
#dmap{
	position:		absolute;
	top:			52px;
	left:			0px;
	bottom:			0px;
	right:			152px;
}
#title{
	position:		absolute;
	text-align:		center;
	top:			36px;
	left:			0px;
	right:			152px;
	height:			18px;
	font-size:		16px;
	font-weight:	bold;
	border:			2px solid white;
}
.header{
	background:			#000000;
	background-Color:	#000000;	
	color:				#FFFFFF;
}
.FcstPer{
	background:			#CC0000;
	background-Color:	#CC0000;	
	color:				#FFFFFF;
}
.ClimPer{
	background:			#000000;
	background-Color:	#000000;	
	color:				#FFFFFF;
}
#controls{
	position:		absolute;
	border-spacing:	0px;
	top:			50px;
	right:			2px;
	width:			150px;
   	overflow:		none;
   	z-index:		1;
	/*height:			auto;*/
}
table.control{
	background-Color: white;
	border:			1px solid black;
	width:			100%;
}
.hourly {
	background-color:	#ffcccc;
	width:				auto;
	text-align: 		center;
}
.daily {
	background-color:	#ccffcc;
	width:			auto;
	text-align: 		center;
}
.ranknum{
	font-size: 		14px;
}
.rank{
	background-color:	#ffffff;
}
.noicon {
	text-align: 		center;
	height:			16px;
	<!-- width:			auto; // The original line -->
	width:			30px !important; // Modified by July by adding 'important' to avoid the auto setting being overwritten
	vertical-align:		middle;
	display:		table-cell;
	white-space:		nowrap;
	font-size:		12px;
	font-weight:		bold;
	z-index:		10;
}
.THREADEX{
  position: 			relative;
  top: 					-20px;
  border:				1px #000000 solid;
}
.info .THREADEX{
  top: 0px;
}
#climper{
	width:			100%;
	text-align:		center;
	background-color:	#c80000;
	color:			#FFFFFF;
	font-weight:		bold;
}
a img{ border:none; }

<!-- Added by July for map url popover -->
#closer {
  text-decoration: none;
  position: absolute;
  <!-- float: right; -->
  <!-- top: 2px;
  right: -8px; -->
}

#closer:after {
  content: "✖";
  float: right;
}

#urlPopup {
	display: none;
	z-index: 99;
	background-color: #f9fbfadb;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	height: auto;
	min-height: 60px;
	max-height: 100px;
	max-width: 400px;
	width: 20%;
	margin: auto;
	word-break: break-all;
	border-radius: 10px;
	border: 2px solid #0000f06;
	padding: 5px;
	font-size: larger
}


.th1{width:100%;height:100%;text-align:center;background-color:#880000;color:white;}
.th5{width:100%;height:100%;text-align:center;background-color:#ff2222;color:white;}
.th10{width:100%;height:100%;text-align:center;background-color:#ff9900;color:black;}
.th25{width:100%;height:100%;text-align:center;background-color:#faff00;color:black;}
.tl1{width:100%;height:100%;text-align:center;background-color:#aa0088;color:white;}
.tl5{width:100%;height:100%;text-align:center;background-color:#ff00D0;color:white;}
.tl10{width:100%;height:100%;text-align:center;background-color:#0000FF;color:white;}
.tl25{width:100%;height:100%;text-align:center;background-color:#00FF00;color:black;}
.tn30{width:100%;height:100%;text-align:center;border: 1px solid #6F00F0; background-color: #6F00F0; color: white;}
.tn25{width:100%;height:100%;text-align:center;border: 1px solid #0000F0; background-color: #0000F0; color: white;}
.tn20{width:100%;height:100%;text-align:center;border: 1px solid #0000CE; background-color: #0000CE; color: white;}
.tn15{width:100%;height:100%;text-align:center;border: 1px solid #0000AD; background-color: #0000AD; color: white;}
.tn10{width:100%;height:100%;text-align:center;border: 1px solid #002376; background-color: #002376; color: white;}
.tn5{width:100%;height:100%;text-align:center;border:  1px solid #00556A; background-color: #00556A; color: white;}
.tp0{width:100%;height:100%;text-align:center;border:  1px solid #006280; background-color: #006280; color: white;}
.tp5{width:100%;height:100%;text-align:center;border:  1px solid #007CA0; background-color: #007CA0; color: white;}
.tp10{width:100%;height:100%;text-align:center;border: 1px solid #009CB2; background-color: #009CB2; color: white;}
.tp15{width:100%;height:100%;text-align:center;border: 1px solid #00BEBE; background-color: #00BEBE; color: black;}
.tp20{width:100%;height:100%;text-align:center;border: 1px solid #00DBDB; background-color: #00DBDB; color: black;}
.tp25{width:100%;height:100%;text-align:center;border: 1px solid #00ECEC; background-color: #00ECEC; color: black;}
.tp30{width:100%;height:100%;text-align:center;border: 1px solid #00EDD2; background-color: #00EDD2; color: black;}
.tp35{width:100%;height:100%;text-align:center;border: 1px solid #00E481; background-color: #00E481; color: black;}
.tp40{width:100%;height:100%;text-align:center;border: 1px solid #00D078; background-color: #00D078; color: black;}
.tp45{width:100%;height:100%;text-align:center;border: 1px solid #00B460; background-color: #00B460; color: black;}
.tp50{width:100%;height:100%;text-align:center;border: 1px solid #009850; background-color: #009850; color: black;}
.tp55{width:100%;height:100%;text-align:center;border: 1px solid #008A42; background-color: #008A42; color: black;}
.tp60{width:100%;height:100%;text-align:center;border: 1px solid #239200; background-color: #239200; color: black;}
.tp65{width:100%;height:100%;text-align:center;border: 1px solid #42B200; background-color: #42B200; color: black;}
.tp70{width:100%;height:100%;text-align:center;border: 1px solid #68CD00; background-color: #68CD00; color: black;}
.tp75{width:100%;height:100%;text-align:center;border: 1px solid #99DE00; background-color: #99DE00; color: black;}
.tp80{width:100%;height:100%;text-align:center;border: 1px solid #DEE800; background-color: #DEE800; color: black;}
.tp85{width:100%;height:100%;text-align:center;border: 1px solid #E0D400; background-color: #E0D400; color: black;}
.tp90{width:100%;height:100%;text-align:center;border: 1px solid #E0A500; background-color: #E0A500; color: black;}
.tp95{width:100%;height:100%;text-align:center;border: 1px solid #E07300; background-color: #E07300; color: white;}
.tp100{width:100%;height:100%;text-align:center;border: 1px solid #E04300; background-color: #E04300; color: white;}
.tp105{width:100%;height:100%;text-align:center;border: 1px solid #D90400; background-color: #D90400; color: white;}
.tp110{width:100%;height:100%;text-align:center;border: 1px solid #B20000; background-color: #B20000; color: white;}
.tp115{width:100%;height:100%;text-align:center;border: 1px solid #800000; background-color: #800000; color: white;}
.tp120{width:100%;height:100%;text-align:center;border: 1px solid #500000; background-color: #500000; color: white;}
.pl1{width:100%;height:100%;text-align:center;background-color:#442200;color:white;}
.pl5{width:100%;height:100%;text-align:center;background-color:#663300;color:white;}
.pl10{width:100%;height:100%;text-align:center;background-color:#996633;color:white;}
.pl25{width:100%;height:100%;text-align:center;background-color:#CC9966;color:black;}
.ph1{width:100%;height:100%;text-align:center;background-color:#003300;color:white;}
.ph5{width:100%;height:100%;text-align:center;background-color:#006600;color:white;}
.ph10{width:100%;height:100%;text-align:center;background-color:#339933;color:white;}
.ph25{width:100%;height:100%;text-align:center;background-color:#66CC66;color:black;}
.p00{width:100%;height:100%;text-align:center;border: white; background-color: white; color:black;}
.p01{width:100%;height:100%;text-align:center;border: 1px solid #500000; background-color: #500000; color: white;}
.p025{width:100%;height:100%;text-align:center;border: 1px solid #800000; background-color: #800000; color: white;}
.p05{width:100%;height:100%;text-align:center;border: 1px solid #B20000; background-color: #B20000; color: white;}
.p10{width:100%;height:100%;text-align:center;border: 1px solid #D90400; background-color: #D90400; color: white;}
.p20{width:100%;height:100%;text-align:center;border: 1px solid #E04300; background-color: #E04300; color: white;}
.p30{width:100%;height:100%;text-align:center;border: 1px solid #E07300; background-color: #E07300; color: white;}
.p40{width:100%;height:100%;text-align:center;border: 1px solid #E0A500; background-color: #E0A500; color: black;}
.p50{width:100%;height:100%;text-align:center;border: 1px solid #E0D400; background-color: #E0D400; color: black;}
.p100{width:100%;height:100%;text-align:center;border: 1px solid #DEE800; background-color: #DEE800; color: black;}
.p150{width:100%;height:100%;text-align:center;border: 1px solid #99DE00; background-color: #99DE00; color: black;}
.p200{width:100%;height:100%;text-align:center;border: 1px solid #68CD00; background-color: #68CD00; color: black;}
.p300{width:100%;height:100%;text-align:center;border: 1px solid #42B200; background-color: #42B200; color: black;}
.p400{width:100%;height:100%;text-align:center;border: 1px solid #239200; background-color: #239200; color: black;}
.p500{width:100%;height:100%;text-align:center;border: 1px solid #008A42; background-color: #008A42; color: black;}
.p1000{width:100%;height:100%;text-align:center;border: 1px solid #009850; background-color: #009850; color: black;}