/*
############################################################################
# CSS external file for wxrainsummary.php template page
############################################################################
*/

#rain{
     font-family: Verdana;
     color: #000000;
}

#rain table {
	width: 98%;
	border-collapse: collapse;
}

#rain form {
    display: inline; 
}
    
#rain .labels {
	border:solid #27537a;
	border-width: 4px 3px 4px 4px;
	text-align: center;
	padding: 2px;
	background-color: #27537a;
	color:#EBF0F6;
	font-size: 85%;
}

#rain .tableheading {
	text-align: center;
  font-weight: bold; 
	background-color: #D9EAF4;
	border: solid #D9EAF4;
	border-width: 2px 2px 2px 4px;
	color: #27537a;
	font-size: 8pt;
	padding: 3px 10px 3px 3px;
}

#rain .rainttl {
	background-color: #27537a; /* #000000; */
	color: #fff; /* #ffff33; */
		border-style: solid;
	border-width: 4px 3px 4px 4px;
	border-color: #27537a;
	font-size: 100%;
	text-align: center;
	padding: 2px;
	font-weight: bold;
	font-size: 85%;
}

#rain .rainttl2 {
   border: 1px solid #ccc;
   border-width: 2px 1px 1px 1px;
} 


#rain .raindt {
    background-color: #666666;
    color: #cccccc;
    font-size: 95%;
    font-weight: bold;
    border: 1px solid #222222;
    text-align: center;
    padding: 2px;
}

.rainday {
    background-color: #808080;
    border: 1px solid #22464F;
    text-align: center;
    padding: 2px;
    font-weight:bold;
    font-size: 85%;
}   

#rain .raindayr {
    background-color: #D2E4FE;
    color: #000000;
    border: 1px solid #22464F;
    text-align: center;
    padding: 2px;
}
#rain .rainday {
/*	color: #444444; */
    border: 1px solid #22464F;
	text-align: center;
	padding: 2px;
}

#rain .dev {
	padding: 5px 0px 10px 0px;
	font-size: 75%;
}

#rain .separator {
	background-color: #ffffff; 
}

#rain .colorband {
	border-style: solid;
	border-width: 4px 2px 4px 4px;
	border-color: #27537a;
	text-align: center;
	padding: 2px;
	background-color: #27537a;
	color: #EBF0F6;	
    font-weight: bold;
    font-size: 85%;
}

#rain .colorband0 {
	border-style: solid;
	border-width: 4px 3px 4px 4px;
	border-color: #666666;
	border-color: #27537a;
	background-color: #ffffff;
    font-weight: bold;
	font-size: 85%;
	padding: 0px 4px 0px 4px;
	font-size: 85%;
}

#rain .colorband1 {
	border-style: solid;
	border-width: 4px 3px 4px 3px;
	border-color: #27537a;
	background-color: #dffaf7;
	text-align: center;
    font-weight: bold;
	font-size: 85%;
	padding: 0px 4px 0px 4px;
	font-size: 85%;
}

#rain .colorband2 {
	border-style: solid;
	border-width: 4px 3px 4px 3px;
	border-color: #27537a;
	text-align: center;
	background-color: #ccffff;
    font-weight: bold;
	font-size: 85%;
	padding: 0px 4px 0px 4px;
	font-size: 85%;
}

#rain .colorband3 {
	border-style: solid;
	border-width: 4px 3px 4px 3px;
	border-color: #27537a;
	text-align: center;
	background-color: #99ffff;
    font-weight: bold;
	font-size: 85%;
	padding: 0px 4px 0px 4px;
	font-size: 85%;
}

#rain .colorband4 {
	border-style: solid;
	border-width: 4px 3px 4px 3px;
	border-color: #27537a;
	text-align: center;
	background-color: #66ffff;
    font-weight: bold;
	font-size: 85%;
	padding: 0px 4px 0px 4px;
	font-size: 85%;
}

#rain .colorband5 {
	border-style: solid;
	border-width: 4px 3px 4px 3px;
	border-color: #27537a;
	text-align: center;
	background-color: #02efef;
    font-weight: bold;
	font-size: 85%;
	padding: 0px 4px 0px 4px;
	font-size: 85%;
}

#rain .colorband6 {
	border-style: solid;
	border-width: 4px 3px 4px 3px;
	border-color: #27537a;
	text-align: center;
	background-color: #00ccff;
    font-weight: bold;
	font-size: 85%;
	padding: 0px 4px 0px 4px;
	font-size: 85%;
}

#rain .colorband7 {
	border-style: solid;
	border-width: 4px 3px 4px 3px;
	border-color: #27537a;
	text-align: center;
	background-color: #0099ff;
    font-weight: bold;
	font-size: 85%;
	padding: 0px 4px 0px 4px;
	font-size: 85%;
			color: #ffffff;
}

#rain .colorband8 {
	border-style: solid;
	border-width: 4px 3px 4px 3px;
	border-color: #27537a;
	text-align: center;
	background-color: #0066cc;
    font-weight: bold;
	font-size: 85%;
	padding: 0px 4px 0px 4px;
	font-size: 85%;
	color: #ffffff;

}

#rain .colorband9 {
	border-style: solid;
	border-width: 4px 3px 4px 3px;
	border-color: #27537a;
	text-align: center;
	background-color: #0e3f9a;
    font-weight: bold;
	font-size: 85%;
	padding: 0px 4px 0px 4px;
	font-size: 85%;
	color: #ffffff;

}

#rain .colorband10 {
	border-style: solid;
	border-width: 4px 3px 4px 3px;
	border-color: #27537a;
	text-align: center;
	background-color: #011088;
    font-weight: bold;
	font-size: 85%;
	padding: 0px 4px 0px 4px;
	font-size: 85%;
	color: #ffffff;

}

#rain .colorband11 {
	border-style: solid;
	border-width: 4px 3px 4px 3px;
	border-color: #27537a;
	text-align: center;
	background-color: #000066;
    font-weight: bold;
	font-size: 85%;
	padding: 0px 4px 0px 4px;
	font-size: 85%;
	color: #ffffff;
}

#rain .colorband12 {
	border-style: solid;
	border-width: 4px 3px 4px 3px;
	border-color: #27537a;
	text-align: center;
	background-color: #000033;
    font-weight: bold;
	font-size: 85%;
	padding: 0px 4px 0px 4px;
	color: #ffffff;
font-size: 85%;
}

#rain .rainlevel0 {
	border-style: solid;
	border-width: 4px 2px 4px 4px;
	border-color: #27537a;
	text-align: center;
	background-color: #FFFFFF;
    font-weight: bold;
	padding: 2px;
	font-size: 85%;
}

#rain .rainlevel1 {
	border-style: solid;
	border-width: 4px 2px 4px 4px;
	border-color: #27537a;
	text-align: center;
	background-color: #dffaf7;
    font-weight: bold;
	padding: 2px;
	font-size: 85%;
}

#rain .rainlevel2 {
	border-style: solid;
	border-width: 4px 2px 4px 4px;
	border-color: #27537a;
	text-align: center;
	background-color: #ccffff;
    font-weight: bold;
	padding: 2px;
	font-size: 85%;
}

#rain .rainlevel3 {
	border-style: solid;
	border-width: 4px 2px 4px 4px;
	border-color: #27537a;
	text-align: center;
	background-color: #99ffff;
    font-weight: bold;
	padding: 2px;
	font-size: 85%;
}

#rain .rainlevel4 {
	border-style: solid;
	border-width: 4px 2px 4px 4px;
	border-color: #27537a;
	text-align: center;
	background-color: #66ffff;
    font-weight: bold;
	padding: 2px;
	font-size: 85%;
}

#rain .rainlevel5 {
	border-style: solid;
	border-width: 4px 2px 4px 4px;
	border-color: #27537a;
	text-align: center;
	background-color: #02efef;
    font-weight: bold;
	padding: 2px;
	font-size: 85%;
}

#rain .rainlevel6 {
	border-style: solid;
	border-width: 4px 2px 4px 4px;
	border-color: #27537a;
	text-align: center;
	background-color: #00ccff;
    font-weight: bold;
	padding: 2px;
	font-size: 85%;
}

#rain .rainlevel7 {
	border-style: solid;
	border-width: 4px 2px 4px 4px;
	border-color: #27537a;
	text-align: center;
	background-color: #0099ff;
    font-weight: bold;
	padding: 2px;
	font-size: 85%;
		color: #ffffff;
}

#rain .rainlevel8 {
	border-style: solid;
	border-width: 4px 2px 4px 4px;
	border-color: #27537a;
	text-align: center;
	background-color: #0066cc;
    font-weight: bold;
	padding: 2px;
	font-size: 85%;
		color: #ffffff;
}

#rain .rainlevel9 {
	border-style: solid;
	border-width: 4px 2px 4px 4px;
	border-color: #27537a;
	text-align: center;
	background-color: #0e3f9a;
    font-weight: bold;
	padding: 2px;
	font-size: 85%;
		color: #ffffff;
}

#rain .rainlevel10 {
	border-style: solid;
	border-width: 4px 2px 4px 4px;
	border-color: #27537a;
	text-align: center;
	background-color: #011088;
    font-weight: bold;
	padding: 2px;
	font-size: 85%;
		color: #ffffff;
}

#rain .rainlevel11 {
	border-style: solid;
	border-width: 4px 2px 4px 4px;
	border-color: #27537a;
	text-align: center;
	background-color: #000066;
    font-weight: bold;
	padding: 2px;
	font-size: 85%;
		color: #ffffff;
}

#rain .rainlevel12 {
	border-style: solid;
	border-width: 4px 2px 4px 4px;
	border-color: #27537a;
	text-align: center;
	background-color: #000033;
    font-weight: bold;
	padding: 2px;
	font-size: 85%;
		color: #ffffff;
}

#rain .yeartotals {
	border-style: solid;
	border-width: 4px 2px 4px 4px;
	border-color: #27537a;
	text-align: center;
	background-color: #0e3f9a;
    font-weight: bold;
	font-size: 85%;
			color: #ffffff;
}