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

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

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

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

#wind .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;
}

#wind .windttl {
	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%;
} 

#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-style: solid;
	border-width: 4px 3px 4px 4px;
	border-color: #27537a;
	text-align: center;
	background-color: #FFFFFF;
    font-weight: bold;
	padding: 2px;
	font-size: 85%;
}

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

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

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

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

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

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

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

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

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

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

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

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

#wind .yeartotals {
		border-style: solid;
	border-width: 4px 3px 4px 4px;
	border-color: #27537a;
	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;
}