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

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

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

#temp form {
    display: inline; 
}
    
#temp .labels {
	background-color: #006;
	color: #FFF;
	border: 1px solid #333;
	text-align: center;
	padding: 2px;
}

#temp .tempttl {
	background-color: #006; /* #000000; */
	color: #FFF; /* #ffff33; */
	border: 1px solid #333;
	font-size: 100%;
	text-align: center;
	padding: 2px;
} 

#temp .tempdt {
	background-color: #006;
	color: #FFF;
	font-size: 95%;
	font-weight: bold;
	border: 1px solid #333;
	text-align: center;
	padding: 2px;
}

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

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

#temp .hotday {
	background-color: #ff6600; /*#8F7070;*/
	border: 1px solid #22464F;
	text-align: center;
	padding: 2px;
	font-size: 85%; 
    font-weight:bold;
}
#temp .coldday {
	background-color: #00ffcc; /* #667179; */
	border: 1px solid #22464F;
	text-align: center;
	padding: 2px;
	font-size: 85%;
    font-weight:bold;	
}
#temp .hi {
	border-style: solid;
	border-width: 1px 0px 1px 1px;
	border-color: #333;
	background-color: #6f6f6f;
	color: #FFF;
	text-align: center;
	padding: 2px;
	font-size: 85%;
}
#temp .low {
	border-style: solid;
	border-width: 1px 1px 1px 0px;
	border-color: #333;
	background-color: #606060;
	color: #FFF;
	text-align: center;
	padding: 2px;
	font-size: 85%;
}
#temp .gettempdtbxfloat {
	float: right;
	padding: 0px 5px 0px 5px;
	border: 1px ridge #22464F;
	background-color: #006;
	color: #FFFFFF;
}

#temp .gettempdtbx {
	font-size: 11px;
    font-weight: bold; 
    padding: 0px;   
    text-align: center;
}

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

#temp .noday {
	/*	border: 1px #000000 solid;  */
	background-color: #CCC; /* 666666; */
	background-repeat: repeat-x;
}

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

#temp .colorband {
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #000000;
	text-align: center;
	padding: 2px;
	font-size: 100%;
    font-weight: bold;
}

#temp .colorband0 {
	border-style: solid;
	border-width: 4px 3px 4px 4px;
	border-color: #666666;
	text-align: center;
	background-color: #0000cc;
	color: #ffffff;
    font-weight: bold;
	padding: 0px 4px 0px 4px;
}

#temp .colorband1 {
	border-style: solid;
	border-width: 4px 3px 4px 3px;
	border-color: #666666;
	text-align: center;
	background-color: #0066cc;
	color: #ffffff;
    font-weight: bold;
	padding: 0px 4px 0px 4px;
}

#temp .colorband2 {
	border-style: solid;
	border-width: 4px 3px 4px 3px;
	border-color: #666666;
	text-align: center;
	background-color: #0099cc;
	color: #ffffff;
    font-weight: bold;
	padding: 0px 4px 0px 4px;
}

#temp .colorband3 {
	border-style: solid;
	border-width: 4px 3px 4px 3px;
	border-color: #666666;
	text-align: center;
	background-color: #00ccff;
    font-weight: bold;
	padding: 0px 4px 0px 4px;
}

#temp .colorband4 {
	border-style: solid;
	border-width: 4px 3px 4px 3px;
	border-color: #666666;
	text-align: center;
	background-color: #00ffcc;
    font-weight: bold;
	padding: 0px 4px 0px 4px;
}

#temp .colorband5 {
	border-style: solid;
	border-width: 4px 3px 4px 3px;
	border-color: #666666;
	text-align: center;
	background-color: #00ff99;
    font-weight: bold;
	padding: 0px 4px 0px 4px;
}

#temp .colorband6 {
	border-style: solid;
	border-width: 4px 3px 4px 3px;
	border-color: #666666;
	text-align: center;
	background-color: #ccff00;
    font-weight: bold;
	padding: 0px 4px 0px 4px;
}

#temp .colorband7 {
	border-style: solid;
	border-width: 4px 3px 4px 3px;
	border-color: #666666;
	text-align: center;
	background-color: #ffff66;
    font-weight: bold;
	padding: 0px 4px 0px 4px;
}

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

#temp .colorband9 {
	border-style: solid;
	border-width: 4px 3px 4px 3px;
	border-color: #666666;
	text-align: center;
	background-color: #ff9933;
    font-weight: bold;
	padding: 0px 4px 0px 4px;
}

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

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

#temp .colorband12 {
	border-style: solid;
	border-width: 4px 3px 4px 3px;
	border-color: #666666;
	text-align: center;
	background-color: #cc3300;
    font-weight: bold;
	padding: 0px 4px 0px 4px;
}