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

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

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

#rain form {
    display: inline; 
}
    
#rain .labels {
	background-color: #666666;
	color: #cccccc;
	border: 1px solid #222222;
	text-align: center;
	padding: 2px;
}

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

#rain .rainttl {
	background-color: #666666; /* #000000; */
	color: #cccccc; /* #ffff33; */
	border: 1px solid #222222;
	font-size: 100%;
	text-align: center;
	padding: 2px;
}

#rain .rainttl2 {
   border: 1px solid #222222;
   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: #666666;
	text-align: center;
	padding: 2px;
	background-color: #666666;
	color: #cccccc;	
	font-size: 85%;
    font-weight: bold;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#rain .yeartotals {
	border: 1px solid #222222;
	text-align: center;
	background-color: #CCFFbb;
    font-weight: bold;
	font-size: 85%;
}