/*
############################################################################
# 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: #666666;
	color: #cccccc;
	border: 1px solid #222222;
	text-align: center;
	padding: 2px;
}

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

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

#temp .tempttl2 {
   border: 1px solid #222222;
   border-width: 2px 1px 1px 1px;
} 


#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: 4px 2px 4px 4px;
	border-color: #666666;
	text-align: center;
	padding: 2px;
	background-color: #666666;
	color: #cccccc;	
    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;
}

#temp .templevel0 {
	border: 1px solid #666666;
	text-align: center;
	background-color: #0000cc;
	color: #ffffff;
    font-weight: bold;
	font-size: 85%;
}

#temp .templevel1 {
	border: 1px solid #666666;
	text-align: center;
	background-color: #0066cc;
	color: #ffffff;
    font-weight: bold;
	font-size: 85%;;
}

#temp .templevel2 {
	border: 1px solid #666666;
	text-align: center;
	background-color: #0099cc;
	color: #ffffff;
    font-weight: bold;
	font-size: 85%;
}

#temp .templevel3 {
	border: 1px solid #666666;
	text-align: center;
	background-color: #00ccff;
    font-weight: bold;
	font-size: 85%;
}

#temp .templevel4 {
	border: 1px solid #666666;
	text-align: center;
	background-color: #00ffcc;
    font-weight: bold;
	font-size: 85%;;
}

#temp .templevel5 {
	border: 1px solid #666666;
	text-align: center;
	background-color: #00ff99;
    font-weight: bold;
	font-size: 85%;
}

#temp .templevel6 {
	border: 1px solid #666666;
	text-align: center;
	background-color: #ccff00;
    font-weight: bold;
	font-size: 85%;
}

#temp .templevel7 {
	border: 1px solid #666666;
	text-align: center;
	background-color: #ffff66;
    font-weight: bold;
	font-size: 85%;
}

#temp .templevel8 {
	border: 1px solid #666666;
	text-align: center;
	background-color: #ffcc00;
    font-weight: bold;
	font-size: 85%;
}

#temp .templevel9 {
	border: 1px solid #666666;
	text-align: center;
	background-color: #ff9933;
    font-weight: bold;
	font-size: 85%;
}

#temp .templevel10 {
	border: 1px solid #666666;
	text-align: center;
	background-color: #ff6600;
    font-weight: bold;
	font-size: 85%;
}

#temp .templevel11 {
	border: 1px solid #666666;
	text-align: center;
	background-color: #ff3300;
    font-weight: bold;
	font-size: 85%;
}

#temp .templevel12 {
	border: 1px solid #666666;
	text-align: center;
	background-color: #cc3300;
    font-weight: bold;
	font-size: 85%;
}