/*
############################################################################
# CSS external file for wxwinddetail.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 .windttl {
	background-color: #666666; /* #000000; */
	color: #cccccc; /* #ffff33; */
	border: 1px solid #222222;
	font-size: 100%;
	text-align: center;
	padding: 2px;
} 

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

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

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

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

#wind .getwinddtbx {
    font-size: 75%; 
    font-weight: bold; 
    padding: 0px;   
    text-align: center;
	
}

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

#wind .noday {
/*	border: 1px #000000 solid;  */
	background-color: #666666; /* 666666; */
/*	background-image: url('/images/noday.png'); */
	background-repeat: repeat-x;
}

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

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