#hbhModuleWrap {margin:0 0 20px 0;padding:0;color:#333;}
#hbhModule {border:1px solid #ccc;font-size:11px;width:603px;}
#hbhModulePad {padding:10px;margin:0;}
#hbhModule h1 {font-size:11px;font-weight:bold;margin:0 0 17px 0;float:left;}
#hbhModule h1 span {font-size:12px;font-weight:normal;}


#hbhTable {padding:0;margin:0 0 20px 0;}
#hbhTableTH {font-weight:bold;font-size:11px;border-bottom:1px dashed #ddd;padding:0 0 5px 0;background:url('http://i.imwx.com/web/local/hourbyhour/table_column_grad.gif') repeat-x bottom left;}
#hbhTableTH .hbhTDTime {float:left;width:75px;text-align:left;}
#hbhTableTH .hbhTDTime div {padding:0 0 0 10px;}
#hbhTableTH .hbhTDCondition {float:left;width:139px;text-align:center;}
#hbhTableTH .hbhTDFeels {float:left;width:90px;text-align:center;}
#hbhTableTH .hbhTDPrecip {float:left;width:100px;text-align:center;}
#hbhTableTH .hbhTDHumidity {float:left;width:100px;text-align:center;}
#hbhTableTH .hbhTDWind {float:left;width:78px;text-align:center;}

#hbhTableGfc {padding:0;margin:0 0 20px 0;}
#hbhTableGfc .hbhSunrise {margin:0;}
#hbhTableGfc .hbhSunset {margin:0;}

.hbhTR {font-size:11px;border-top:1px dashed #ddd;padding:10px 0 5px 0;}
.hbhTRTop {border-top:none;}
.hbhTR .hbhTDTime {font-weight:bold;float:left;width:75px;text-align:left;}
.hbhTR .hbhTDTime div {padding:5px 0 0 10px;}
.hbhTR .hbhTDTimeHi {font-size:10px;font-weight:bold;float:left;width:75px;text-align:left;}
.hbhTR .hbhTDTimeHi div {padding:15px 0 0 15px;}
.hbhTR .hbhTDConditionIcon {float:left;width:50px;text-align:left;}
.hbhTR .hbhTDConditionIcon div {margin:0 5px 5px 0;}
.hbhTR .hbhTDCondition {float:left;width:89px;text-align:left;font-weight:normal;}
.hbhTR .hbhTDCondition div {margin:5px 0 0 0;}
.hbhTR .hbhTDFeels {float:left;width:90px;text-align:center;font-weight:bold;}
.hbhTR .hbhTDFeels div {margin:5px 0 0 0;}
.hbhTR .hbhTDPrecip {float:left;width:100px;text-align:center;font-weight:bold;}
.hbhTR .hbhTDPrecip div {margin:5px 0 0 0;}
.hbhTR .hbhTDHumidity {float:left;width:100px;text-align:center;}
.hbhTR .hbhTDHumidity div {margin:5px 0 0 0;}
.hbhTR .hbhTDWind {float:left;width:78px;text-align:center;}
.hbhTR .hbhTDWind div {margin:5px 0 0 0;}


.hbhOdd {background:#f7f7f7;clear:left;}
.hbhEven {background:#fff;clear:left;}

.hbhSunrise {clear:left;text-align:center;font-weight:normal;background:#fef8c1;font-size:10px;color:#369;margin:3px 0;padding:2px 0;}
.hbhSunset {clear:left;text-align:center;font-weight:normal;background:#ddeafe;font-size:10px;color:#369;margin:3px 0;padding:2px 0;}
.hbhDateHeader {clear:both;font-size:11px;font-weight:bold;color:#333;margin:0;padding:5px 5px;}

// for 10 days

.vbgA{background-color:#C9D3E8;}.vbgB{background-color:#9DAED4;}.vbgC{background-color:#647AA9;}.vbgE{background-color:#DDE5F5;}
#tdBar0, #tdBar1, #tdBar2, #tdBar3, #tdBar4, #tdBar5, #tdBar6, #tdBar7, #tdBar8, #tdBar9 {height:14px;float:left;}

.tdBarChart {width:151px;height:118px;background:url(http://i.imwx.com/web/common/backgrounds/tenday_graphbkgd.jpg);float:left;}
.tdBarChart table.tdBarChartTop td {height:50px;vertical-align:bottom;}
.tdBarChart table.tdBarChartTop td p {padding:0 3px 7px 3px;}
.tdBarChart p.tdBarChartMid {margin:0 0 0 3px;padding:0;font-size:10px;float:left;}
.tdBarChart p.tdBarChartBot {margin:6px 3px 0 3px;color:#000;font-size:10px;}
.tdBarChart p.tdBarChartBot a {color:#cd0706;}
.tdBarChartPad {margin: 2px 0 0 0;}
//temp
.tdBarChart table.tdBarChartTop td p {font-size:11px;} 
.tdBarChart .tdBarGraph {background-image: url(http://i.imwx.com/web/common/backgrounds/precip.gif);background-color:transparent;} 
.tdBarChart .tdBarGraph {background-color:#ECC345;background-image:none}
//low temp
//.tdBarChart table.tdBarChartTop td p {font-size:11px;} 
//.tdBarChart .tdBarGraph {background-image: url(http://i.imwx.com/web/common/backgrounds/precip.gif);background-color:transparent;}
//.tdBarChart .tdBarGraph {background-color:#86A7DD;background-image:none}
//wind
//.tdBarChart table.tdBarChartTop td p {font-size:11px;} 	
//.tdBarChart .tdBarGraph {background-image: url(http://i.imwx.com/web/common/backgrounds/wind.gif);background-color:transparent;}
//precip
//.tdBarChart table.tdBarChartTop td p {font-size:11px;} 
//.tdBarChart .tdBarGraph {background-image: url(http://i.imwx.com/web/common/backgrounds/precip.gif);background-color:transparent;}
	

.hbhTimeStamp {text-align:center;font-size:10px;color:#666;}