/* drstyle.css */

#weather{}
/* #weather .bd{padding:4px; background-color:#FFF;} */
#weather img{border:none; outline:none; }
#weather table{ border-collapse:collapse; }
#weather table td.c1{ padding: 2px 12px 2px 2px; }

#weather .inputbar{ display:block; margin-top:8px;}
#weather .inputbar .button{ border:none; border-left:#CCC 1px solid; border-right:#CCC 1px solid;}
#weather .inputbar table{}
#weather .inputbar table td{}
#weather .inputbar table td.zip_label{}
#weather .inputbar table td.zip_input{ padding-left:10px;}
#weather .inputbar table td.zip_button{ padding-left:10px;}

#weather .content{ margin-top:2px; padding:2px 4px; background-color:#FFF;  } 
#weather .message{ margin-top:8px; }
#weather .message .note{display:block;}
#weather .message .note.error{ font-weight:bold; }
#weather .content .note{display:block;}
#weather .content .note.error{ font-weight:bold; }
#weather .content .title{display:block; text-align:center; font-weight:bold; font-size:108%; color:#666; font-stretch:expanded; }
#weather .content .cc{ display:block; padding:4px; border-top:#CCC 1px solid; margin-top: 4px; }
#weather .content .cc table{  width:80%; outline:#CCC 1px solid; margin:2px auto; }
#weather .content .cc .top{display:block; height:63px; margin-top:4px; }
#weather .content .cc .top img{ float:left; margin-top:0; margin-left:20px; }
#weather .content .cc .top .fair{ float:left; margin-top:0; margin-left:80px; display:inline-block; font-size:138.5%; 
  padding-top:1em; text-align:center; }
#weather .content .cc .top table{ border:none; outline:none; width:auto; margin:4px auto; } 
#weather .content .cc .top table td{margin:0; padding:0; }
#weather .content .cc .top table td.val{ font-size:138%; font-weight:bold; padding-left:10px; }
#weather .content .cc .sh{ display:block; margin-top:0; width:60px;  }
#weather .content .cc .qty{display:block; margin-top:0; width:120px;  }
#weather .content .dayf{ padding:1px; margin-top:8px; padding-top:4px; border-top:#A588FB 1px solid; }
#weather .content .dayf .day_block{ margin:2px auto; width:230px; padding:4px; border-top:#CCCCCC 1px solid;}
#weather .content .dayf .day_block.first{ border-top:none; }
#weather .content .dayf .day_block table{ border-collapse:separate; }
#weather .content .dayf .day_block table td{
 /* display:block; */
}
#weather .content .dayf .day_block table td.imgcell{padding-left:6px; }
#weather .content .dayf .sh{ float:left; font-size:108%; font-weight:bold; color:#0000FF; text-align:left; margin: 0 auto auto 0;}
#weather .content .dayf .temp{ float:right; font-size:108%; text-align:right;margin: 0 0 auto auto;}
#weather .content .dayf table{ border:none; outline:none; width:auto; font-size:100%; margin: 2px auto; margin-top:12px;
  border-collapse:separate;}
#weather .content .dayf table td{margin:0; padding:0; }
#weather .content .dayf table td span{ margin:0; display:block; position:relative;}
#weather .content .dayf table td.sh{ padding:1px; padding-right:4px; font-size:14px; width:40px; font-weight:bold}
#weather .content .dayf table td.val{ padding:1px; padding-left:4px; font-size:14px; width:160px; font-weight:normal;}
#weather .content .dayf table td .day{color:#666; }
#weather .content .dayf table td .night{color:#000; }
/*
#weather .content .shd{ display:block; font-size:108%; color:#000;}
#weather .content .day_block{border-top:#CCC 1px solid;}
*/