/*
############################################################################
# CSS external file for Summary and detail pages
############################################################################
*/

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

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

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

.labelshdd {
    background-color: #ff6600;
    color: black;
    border: 1px solid #222222;
    text-align: center;
    padding: 2px;
}

.labelscdd {
    background-color: #00ccff;
    color: black;
    border: 1px solid #222222;
    text-align: center;
    padding: 2px;
}

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

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

.reportttl2 {
   border: 1px solid #222222;
   border-width: 2px 1px 1px 1px;
} 


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

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

.reportdayr {
    background-color: #D2E4FE;
    color: #000000;
    border: 1px solid #22464F;
    text-align: center;
    padding: 2px;
}
.reportday {
    border: 1px solid #22464F;
	text-align: center;
	padding: 2px;
}

.getreportdtbxfloat {
    float: right; 
    padding: 0px 5px 0px 5px; 
    border: 1px ridge #22464F; 
    background-color: #666666;
    color: #FFFFFF;
}

.getreportdtbx {
    font-size: 100%; 
    font-weight: bold; 
    padding: 0px;   
    text-align: center;
}

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

.separator {
	background-color: #ffffff; 
}

.colorband {
	border-style: solid;
	border-width: 0px 1px 0px 1px;
	border-color: #666666;
	text-align: center;
	padding: 2px;
	background-color: #666666;
	color: #cccccc;	
	font-size: 85%;
    font-weight: bold;
}



.level_1 {
    border: 1px solid #666666;
    text-align: center;
    background-color: #0000cc;
    color: #ffffff;
    font-weight: bold;
    font-size: 85%;
}

.level_2 {
    border: 1px solid #666666;
    text-align: center;
    background-color: #0066cc;
    color: #ffffff;
    font-weight: bold;
    font-size: 85%;;
}

.level_3 {
    border: 1px solid #666666;
    text-align: center;
    background-color: #0099cc;
    color: #ffffff;
    font-weight: bold;
    font-size: 85%;
}

.level_4 {
    border: 1px solid #666666;
    text-align: center;
    background-color: #00ccff;
    font-weight: bold;
    font-size: 85%;
}

.level_5 {
    border: 1px solid #666666;
    text-align: center;
    background-color: #00ffcc;
    font-weight: bold;
    font-size: 85%;;
}

.level_6 {
    border: 1px solid #666666;
    text-align: center;
    background-color: #00ff99;
    font-weight: bold;
    font-size: 85%;
}

.level_7 {
    border: 1px solid #666666;
    text-align: center;
    background-color: #ccff00;
    font-weight: bold;
    font-size: 85%;
}

.level_8 {
    border: 1px solid #666666;
    text-align: center;
    background-color: #ffff66;
    font-weight: bold;
    font-size: 85%;
}

.level_9 {
    border: 1px solid #666666;
    text-align: center;
    background-color: #ffcc00;
    font-weight: bold;
    font-size: 85%;
}

.level_10 {
    border: 1px solid #666666;
    text-align: center;
    background-color: #ff9933;
    font-weight: bold;
    font-size: 85%;
}

.level_11 {
    border: 1px solid #666666;
    text-align: center;
    background-color: #ff6600;
    font-weight: bold;
    font-size: 85%;
}

.level_12 {
    border: 1px solid #666666;
    text-align: center;
    background-color: #ff3300;
    font-weight: bold;
    font-size: 85%;
}

.level_13 {
    border: 1px solid #666666;
    text-align: center;
    background-color: #cc3300;
    font-weight: bold;
    font-size: 85%;
}

.level_14 {
    border: 1px solid #666666;
    text-align: center;
    background-color: #ff6600;
    font-weight: bold;
    font-size: 85%;
}

.level_15 {
    border: 1px solid #666666;
    text-align: center;
    background-color: #ff3300;
    font-weight: bold;
    font-size: 85%;
}

.level_16 {
    border: 1px solid #666666;
    text-align: center;
    background-color: #cc3300;
    font-weight: bold;
    font-size: 85%;
}

.colorkeyborder {
    border-style: solid;
    border-width: 8px 3px 8px 3px;
    border-color: #666666;
    background-color: green; /* #FF0000; */
}

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

.noday {
	background-color: #666666; 
	background-repeat: repeat-x;
}

.button {
    font-family: arial, verdana, ms sans serif;
    font-weight: bold;
    font-size: 9px;
    width: 65px;
    height: 38px; 
    vertical-align: middle;
    padding: 0px;

}

.beaufort0 {
    background-color: #ffffff;

}

.beaufort1 {
    background-color: #ccffff;
}

.beaufort2 {
    background-color: #99ffcc;
}

.beaufort3 {
    background-color: #99ff99;
}

.beaufort4 {
    background-color: #99ff66;
}

.beaufort5 {
    background-color: #99ff00;
}

.beaufort6 {
    background-color: #99cc00;
}

.beaufort7 {
    background-color: #cccc00;
}

.beaufort8 {
    background-color: #ffcc00;
}

.beaufort9 {
    background-color: #ff9900;
}

.beaufort10 {
    background-color: #ff6600;
}

.beaufort11 {
    background-color: #ff3300;
}

.beaufort12 {
    background-color: #ff0000;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.levelb_13 {
    border: 1px solid #666666;
    text-align: center;
    background-color: #cc3300;
    font-weight: bold;
    font-size: 85%;
}

.uv_1 {
    border: 1px solid #666666;
    text-align: center;
    background-color: green;
    color: white;
    font-weight: bold;
    font-size: 85%;
}

.uv_2 {
    border: 1px solid #666666;
    text-align: center;
    background-color: yellow;
    color: black;
    font-weight: bold;
    font-size: 85%;;
}

.uv_3 {
    border: 1px solid #666666;
    text-align: center;
    background-color: orange;
    color: black;
    font-weight: bold;
    font-size: 85%;
}

.uv_4 {
    border: 1px solid #666666;
    text-align: center;
    background-color: red;
    font-weight: bold;
    font-size: 85%;
}

.uv_5 {
    border: 1px solid #666666;
    text-align: center;
    background-color: #ee82ee;
    font-weight: bold;
    font-size: 85%;;
}

.infotext {
    background-color: #ccffff;
    font-weight: bold;
    border: 1px solid #666666;  
}

.winddirection1 {  /* North */
    border: 1px solid #22464F;
    text-align: center;
    background-color: #0000FF;
    color:white;
    font-weight: bold;
    padding: 2px;
    font-size: 85%;
}

.winddirection2 {	/* NNE */
    border: 1px solid #22464F;
    text-align: center;
    background-color: #003399;
    color:white;
    font-weight: bold;
    padding: 2px;
    font-size: 85%;
}

.winddirection3 {	/* NE */
    border: 1px solid #22464F;
    text-align: center;
    background-color: #2A52BE;
    font-weight: bold;
    padding: 2px;
    font-size: 85%;
    color:white;
}

.winddirection4 {	/* ENE */
    border: 1px solid #22464F;
    text-align: center;
    background-color: #FFF700;
    font-weight: bold;
    padding: 2px;
    font-size: 85%;
    color:black;
}

.winddirection5 {	/* East */
    border: 1px solid #22464F;
    text-align: center;
    background-color: #FFFF00;
    font-weight: bold;
    padding: 2px;
    font-size: 85%;
    color:black;
}

.winddirection6 {	/* ESE */	
    border: 1px solid #22464F;
    text-align: center;
    background-color: #FFEF00;
    font-weight: bold;
    padding: 2px;
    font-size: 85%;
    color:black;
}

.winddirection7 {	/* SE */
    border: 1px solid #22464F;
    text-align: center;
    background-color: #F4C2C2;
    font-weight: bold;
    padding: 2px;
    font-size: 85%;
    color:black;
}

.winddirection8 {	/* SSE */
    border: 1px solid #22464F;
    text-align: center;
    background-color: #FF5C5C;
    font-weight: bold;
    padding: 2px;
    font-size: 85%;
    color:black;
}

.winddirection9 {	/* South */
    border: 1px solid #22464F;
    text-align: center;
    background-color: #FF0000;
    font-weight: bold;
    padding: 2px;
    font-size: 85%;
    color:black;
}

.winddirection10 { /* SSW */
    border: 1px solid #22464F;
    text-align: center;
    background-color: #E34234;
    font-weight: bold;
    padding: 2px;
    font-size: 85%;
    color:black;
}

.winddirection11 {	/* SW */
    border: 1px solid #22464F;
    text-align: center;
    background-color: #CD5C5C;
    font-weight: bold;
    padding: 2px;
    font-size: 85%;
    color:black;
}

.winddirection12 {	/* WSW */
    border: 1px solid #22464F;
    text-align: center;
    background-color: #D2691E;
    font-weight: bold;
    padding: 2px;
    font-size: 85%;
    color:black;
}

.winddirection13 {	/* West */
    border: 1px solid #666666;
    text-align: center;
    background-color: #FF6700;
    font-weight: bold;
    font-size: 85%;
    color:black;
}

.winddirection14 {	/* WNW */
    border: 1px solid #22464F;
    text-align: center;
    background-color: #ED872D;
    font-weight: bold;
    padding: 2px;
    font-size: 85%;
    color:black;
}

.winddirection15 {	/* NW */
    border: 1px solid #22464F;
    text-align: center;
    background-color: #002FA7;
    font-weight: bold;
    padding: 2px;
    font-size: 85%;
    color:white;
}

.winddirection16 {	/* NNW */
    border: 1px solid #22464F;
    text-align: center;
    background-color: #00009C;
    font-weight: bold;
    padding: 2px;
    font-size: 85%;
    color:white;
}