/*

############################################################################

# CSS external file for wxtempdetail.php template page

############################################################################

*/



#temp {

     font-family: arial;

     color: #000000;

}



#temp table {

	width: 85%;
	
	float: center;

	border-collapse: collapse;

}



#temp form {

    display: inline; 

}

    

#temp .labels {

	background-color: #666666;

	color: #cccccc;

	border: 1px solid #222222;

	text-align: right;

	padding: 2px;

}



#temp .tempttl {

	background-color: #666666; /* #000000; */

	color: #cccccc; /* #ffff33; */

	border: 1px solid #222222;

	font-size: 100%;

	text-align: center;

	padding: 2px;

} 



#temp .tempdt {

    background-color: #666666;

    color: #cccccc;

    font-size: 95%;

    font-weight: bold;

    border: 1px solid #222222;

    text-align: center;

    padding: 2px;

}



.tempday {

    background-color: #808080;

    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: #222222;

	background-color: #6f6f6f;

	color: #cccccc;

	text-align: center;

	padding: 2px;

	font-size: 85%;

}

#temp .low {

	border-style: solid;

	border-width: 1px 1px 1px 0px;

	border-color: #222222;

	background-color: #606060;

	color: #cccccc;

	text-align: center;

	padding: 2px;

	font-size: 85%;

}

#temp .gettempdtbxfloat {

    float: right; 

    padding: 0px 5px 0px 5px; 

    border: 1px ridge #22464F; 

    background-color: #666666;

    color: #FFFFFF;

}



#temp .gettempdtbx {

    font-size: 75%; 

    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: #666666; /* 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;

}