/*-----------------------------------
[ weather ]
-----------------------------------*/
.weatherContainer {width:320px; position:relative; margin:0px 0px 10px 0px; overflow:hidden;}
.weatherContainerPadding {padding:0px 0px 0px 20px;}

#plugin_container {width:280px; height:180px; position:relative; overflow:hidden; color:#fff;}
#plugin_container p {margin:0; padding:0;}


#forecast_container {width:280px; position:relative;}
#forecast_container .loading {margin:10px 0px 0px 0px; font:normal 11px arial;}
#forecast_container #current {width:280px; margin-left:0; position:relative;}
#forecast_container #current .temp, 
#forecast_container #current .high_low {width:105px; text-align:left; margin:0; padding:0;}
#forecast_container #current .temp {font-size:32pt; margin-top:10px; float:left; line-height:34px;}
#forecast_container #current .high_low {font-size:12px; clear:both; padding-left:2px;}

#forecast_container #current .city {text-align:left; font:bold 14px arial; margin:5px 0px 0px 2px;}
#forecast_container #current .text {text-align:left; font:normal 11px arial; margin:0px 0px 0px 2px;}

#forecast_container #forecast {width:280px; height:80px; list-style:none; margin:0px 0px 0px 0px; padding:8px 0px 0px 0px;}
#forecast_container #forecast li {width:25%; height:100%; float:left; text-align:center;}
#forecast_container #forecast li p {width:100%; height:12px; margin:0; padding:0; font-size:11px; line-height:12px;}
#forecast_container #forecast li img {width:64px;}
#forecast_container #update {position:absolute; top:10px; right:0px; font-size:11px;}
#forecast_container #update img {margin:-2px 4px 0 0; vertical-align:middle; cursor:pointer;}

#forecast_container .lnkChange:link {display:inline; color:#ffcc00;}

#weatherSettingsContainer {text-align:left; display:none; width:280px; height:180px; position:relative; margin:0px 0px 10px 20px; background:url(../images/pixel_333333.gif) bottom left repeat-x;}

#weatherSettingsContainer h1 {font:normal 18px arial; color:#fff; padding:5px 0px 20px 0px;}

#weatherSettingsContainer {font:normal 14px arial; color:#fff;}

#weatherSettings {}

#weatherSettingsContainer .lnkCloseWeatherSettings:link,
#weatherSettingsContainer .lnkCloseWeatherSettings:visited,
#weatherSettingsContainer .lnkCloseWeatherSettings:hover,
#weatherSettingsContainer .lnkCloseWeatherSettings:active {font:normal 11px arial; display:block; position:absolute; bottom:10px; left:0px; color:#ffcc00; border:1px solid #ffcc00; padding:4px 16px 4px 8px; text-decoration:none;}

#weatherSettingsContainer .lnkCloseWeatherSettings:hover {text-decoration:none; color:#fff; border:1px solid #fff;}

#weatherSettingsContainer .tempContainer {padding:0px 0px 8px 0px;}

#weatherSettingsContainer .weatherCountriesContainer {padding:0px 0px 8px 0px;}

#weatherSettingsContainer td {font:normal 14px arial; color:#fff; padding:0px 5px 0px 0px;}