/* CSS for the Weather Widget */

#weather { width:265px; height:208px; background:url('/ca/images/weather/weather-bg.jpg') no-repeat; }
.weather-widget { width:248px; height:192px; margin:0px 8px; color:#fff; font-family:tahoma,sans-serif; position:relative; line-height:normal; }
.weather-widget h1 { color:#ffffff; }
.weather-city-list { position:absolute; top:40px; left:15px; width:215px; background:url('/ca/images/weather/weather-info-bg.gif') repeat-x #6d0107; border:solid 1px #400; display:none; text-align:left; padding:3px; z-index:99; max-height:130px; overflow:auto; -ms-overflow:auto; overflow-x:hidden; }
.weather-city-list a, .weather-city-list a:hover, .weather-city-list a:visited { color:#cccccc; text-decoration:none; }
.weather-city-list a:hover { color:#ffffff; }
.weather-city-detail { width:200px; padding-left:10px; display:none; }
.weather-widget-row { width:100%; clear:both; }
.weather-widget-col { float:left; }
.weather-widget #weather-city-search { width:99px; height:16px; border:none; font-size:9px; color:#ecc; padding:0px 3px; margin:0px; background:url('/ca/images/weather/weather-city-search-bg.gif'); }
.weather-widget #weather-city-search-btn { vertical-align:bottom; }
#weather-widget-header #weather-location { text-align:right; padding-right:10px; }
#weather-widget-header #weather-location h1 { width:138px; margin:6px 0px 3px 0px; }
#weather-widget-info { width:100%; height:48px; background:url('/ca/images/weather/weather-info-bg.gif') repeat-x; }
#weather-widget-info #weather-temperature { width:70px; height:31px; margin-top:5px; font-size:22px; font-weight:bold; text-align:center; }
#weather-widget-info #weather-temperature-unit { }
#weather-widget-info #weather-conditions { width:70px; height:31px; font-size:11px; font-style:italic; margin-top:5px; }
#weather-widget-info #weather-promo-text { width:100px; height:31px; font-size:10px; margin-top:5px; }
#weather-widget-info #weather-promo-text strong { font-size:10px; }
#weather-widget-info #weather-promo-text em { font-size:12px; }
#weather-widget-info #no-weather { margin:0px auto; width:230px; text-align:center; }
#weather-widget-info #no-weather p { font-style:italic; padding:3px; margin:0px; }
#weather-widget-images { height:97px; text-align:center; }