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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#wind .beaufort0 {
    background-color: #ffffff;
/*	border-style: none;
	border-width: medium; */
}

#wind .beaufort1 {
    background-color: #ccffff;
}

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

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

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

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

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

#wind .beaufort7 {
    background-color: #cccc00;
}

#wind .beaufort8 {
    background-color: #ffcc00;
}

#wind .beaufort9 {
    background-color: #ff9900;
}

#wind .beaufort10 {
    background-color: #ff6600;
}

#wind .beaufort11 {
    background-color: #ff3300;
}

#wind .beaufort12 {
    background-color: #ff0000;
}