/*CSS for Weather Widget*/
/* 212 x 183 */

#weather-widget {
   font-size: 9pt;
   background: url(sm-box.png) no-repeat;
   width: 137px;
   height: 113px;
   color: #000000;
   font-family: Arial, Helvetica, sans-serif;
}
#today-weather .weather {
   width: 127px;
   height: 48px;
   padding: 5px;
   text-align: right;
}
#today-weather .weather-image {
   float: left;
   width: 45px;
   margin-left: 5px;
   margin-top: -35px;
   *margin-top: -5px;
}
#today-weather #weather-title, 
#today-weather .weather .temp,
#today-weather .condition {
   float: right;
   clear: right;
   width: 63px;
   text-align: center;
}
#today-weather #weather-title {
   font-size: 7pt;
   width: 110px;
   margin-right: -5px;
}
#today-weather .condition {
   text-transform: lowercase;
   font-size: 7pt;
}
#today-weather .weather .temp {
   font-size: 18pt;
   text-transform: lowercase;
   font-family: impact, charcoal, sans-serif;
}
#forecast-weather {
   clear: both;
   margin-top: 3px;
}
#forecast-weather .weather {
   float: left;
   width: 58px;
   height: 37px;
   padding: 2px 5px;
}
#forecast-weather .weather .day {
   width: 100%;
   text-align: center;
   display: block;
   text-transform: uppercase;
   font-weight: bold;
   margin-bottom: 3px;
   font-size: 7pt;
}
#forecast-weather .weather .high {
   display: block;
   width: 15px;
   float: right;
   text-align: center;
   font-weight: bold;
   font-size: 7pt;
}
#forecast-weather .weather .low {
   display: block;
   width: 15px;
   float: right;
   text-align: center;
   font-size: 7pt;
   color: #096F96;
}
#forecast-weather .weather-image {
   float: left;
   width: 34px;
   margin-left: 3px;
   margin-top: -2px;
}
#more-weather-links {
   width: 137px;
   font-size: 9pt;
   text-transform: lowercase;
   text-align: center;
}