#Heatmap
{
	width:1000px;
}
.HeatmapDiv
{
	display: block;
	height: 54px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}
.HeatmapDiv a
{
	height:54px;
}
.HeatmapDiv a:hover {
filter: brightness(80%);
-webkit-filter: brightness(80%);
}
/*
.button:hover {
   note: 100% is baseline so 85% is slightly darker, 20% would be significantly darker
  filter: brightness(85%);
}*/
.HeatmapDiv1
{	
	display: block;	
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	float:left;
	
	
}
.HeatMapDarkGreen
{
	color: White;
	background-color: #006400;
	display: block;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	
}
.HeatMapDarkGreen1
{
	float:left;
	width:auto;
	height:20px;	
	color: White;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	background-color: #006400;
}

.HeatMapGreen
{
	color:White;
	background-color:#008000;
	display: block;
	font-size: 12px;
	font-weight: bold;
	text-align:center;
	text-decoration: none;
}
.HeatMapGreen1
{
	float:left;
	width:auto;
	height:20px;
	color: White;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	background-color:#008000;
}
.HeatMapLimeGreen
{
	color: White;
	background-color: #2CB42C;
	display: block;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}
.HeatMapLimeGreen1
{
	float: left;
	width: auto;
	height: 20px;
	color: White;
	font-family: tahoma, verda;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	/*background-color: #32CD32;*/
		background-color: #2CB42C;
}
.HeatMapDarkSeaGreen
{
	color:White;
	/*background-color:#8FBC8F;*/
	background-color:#32CD32;
	display: block;
	font-size: 12px;
	font-weight: bold;
	text-align:center;
	text-decoration: none;
}
.HeatMapDarkSeaGreen1
{
	float:left;
	width:auto;
	height:20px;
	color: White;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	background-color:#32CD32;
}
.HeatMapGray
{
	color:White;
	background-color:#808080;
	display: block;
	font-size: 12px;
	font-weight: bold;
	text-align:center;
	text-decoration: none;
}
.HeatMapGray1
{
	float:left;
	width:auto;
	height:20px;
	color: White;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	background-color:#808080;
}

.HeatMapMaroon
{
	color:White;
	background-color:#800000;
	display: block;
	font-size: 12px;
	font-weight: bold;
	text-align:center;
	text-decoration: none;
}

.HeatMapMaroon1
{
	float:left;
	width:auto;
	height:20px;
	color: White;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	background-color:#800000;
	
}
.HeatMapFirebrick
{
	color:White;
	background-color:#B22222;
	display: block;
	font-family: tahoma, verda;
	font-size: 12px;
	font-weight: bold;
	text-align:center;
	text-decoration: none;
}
.HeatMapFirebrick1
{
	float:left;
	width:auto;
	height:20px;
	color: White;
	font-family: tahoma, verda;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	background-color:#B22222;
}
.HeatMapRed
{
	color:White;
	background-color:#FF0000;
	display: block;
	font-family: tahoma, verda;
	font-size: 12px;
	font-weight: bold;
	text-align:center;
	text-decoration: none;
}
.HeatMapRed1
{
	float:left;
	width:auto;
	height:20px;
	color: White;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	background-color:#FF0000;
}
.HeatMapTomato
{
	color:White;
	background-color:#FF6347;
	display: block;
	font-size: 12px;
	font-weight: bold;
	text-align:center;
	text-decoration: none;
}
.HeatMapTomato1
{
	float:left;
	width:auto;
	height:20px;
	color: White;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	background-color:#FF6347;
}
.LiveHTmap .HeatmapDiv1 div
{
	height:32px;
}
.HeatMapHeader
{
	width:25%;
	min-width:282px;
	background: #01579b;
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	
}

.HeatMapBody
{
	background: #FFFFFF;
	font-family: arial;
	font-size: 12px;		
	color: #000000;
	font-weight: normal;
	text-align: left;
	
}
.HMDivcon1
{
	text-align: left;
	float: left;
	padding-left: 5px;
	font-family: arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	width:50%;
}
.HMDivcon2
{
	text-align: left;
	float: left;
	margin-left: 5px;
	font-family: arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	width:40%;
}
.HeatmapBdiv
{		
	width:25%;
	min-width:282px;
	background: RGBA(255, 255, 255, 0.89);
	float:left;
	border: 1px solid #01579b;
	clear: both;
}
.heatMapRow
{
	width:100%;
	float:left;
	clear:both;
	line-height:26px;
}
.HeatmapBdiv .heatMapRow:nth-child(2n+1)
{
	background:rgba(243, 243, 243, 0.84);
}
.htmapFooter
{
	width:100%;
}
.htmapFooter .HeatmapDiv1
{
	width: 11.1098888%;
	line-height: 21px;
	}
	.htmapFooter .HeatmapDiv1 div
{
	width:100%;
}
.csslble
{
	float: left;
	display: block;
	height: 25px;
	font-family: tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}
.LiveHTmap
{
	min-height:25px;  
	margin-top:5px;
	margin-bottom:5px;
}
.LiveHTmap0
{
	min-height:25px;  
	
}
.LiveHTmap1
{
	float: left;
	min-height: 25px;
	margin-top: 10px;
	margin-bottom: 5px;
	font-family: tahoma;
	font-size: 12px;
	color: #000000;
	text-align: center;
	background: #c3c3c3;
	font-weight:bold;
}
.LiveHTmap2
{
	float:left;
	min-height:25px;  
	margin-top:5px;
	margin-bottom:5px;
}
.LiveHTmap21
{
	float:left;
	min-height:25px;  
	width:100%;
	margin-top:5px;
	margin-bottom:5px;
}

    .clsAlink
{
	/*border: 1px solid #FFFFFF;*/
	width: 100%;
	height: 100%;
	text-align: center;
	display: block;
	font-family: tahoma;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	vertical-align: middle;
	padding: 25% 0%;
}

.clsAlink:hover
{
	filter: brightness(10%);
	-webkit-filter: brightness(10%);
	
}