.hidden{display:none}

/* all layouts */
.weatherAddon{font-family:Arial, Helvetica, sans-serif; overflow:hidden; padding:10px; position:relative}
.weatherAddon p{margin:0}
.weatherAddon .whigh{color:#F30}
.weatherAddon .wlow{color:#39C}
.weatherAddon .measurement{font-size:16px; left:4px; position:relative; top:-14px}
.weatherAddon .locationTitle{font-size:15px; font-weight:bold; margin:0; padding-bottom:4px}
.weatherAddon .wHL{font-size:12px}
.weatherAddon form fieldset, .weatherAddon form{padding:0; margin:0; border:none; overflow:hidden}
.weatherAddon form{margin-bottom:10px}
.weatherAddon fieldset .weatherSearch{background:#eee; border:1px solid #aaa; color:#333; display:block; float:left; font-size:14px; padding:5px 10px; width:68%}
.weatherAddon fieldset .weatherSearch:focus{color:#030}
.weatherAddon fieldset .weatherSubmit{background:#09C; border:1px solid #222; color:#eee; cursor:pointer; font-size:14px; display:block; float:left; padding:5px 10px; text-shadow:1px 1px 2px #444; width:20%}
.weatherAddon fieldset .weatherSubmit:hover{background:#069; color:#ddd}
.weatherAddon fieldset .weatherSubmit:active{background:#09F; color:#fff}

.weatherAddon .extraInfo{border-top:1px solid #ccc; font-size:10px; list-style:none; padding:5px 0 0}
.weatherAddon .extraInfo li{padding:5px 0; margin-bottom:4px; overflow:hidden}
.weatherAddon .extraInfo li:nth-child(even){border-top:1px solid #ccc; border-bottom:1px solid #ccc}
.weatherAddon .extraInfo li strong, .weatherAddon .extraInfo li span{display:block; float:left}
.weatherAddon .extraInfo li strong{font-size:14px; width:120px}
.weatherAddon .extraInfo li span{font-size:12px}

.weatherAddon .accuweather{color:#36F; font-size:8px; position:relative; text-decoration:none; z-index:2}

/* header & footer */
#header .weatherAddon, #footer .weatherAddon{margin:0 auto; max-width:260px; text-align:right}
#header .weatherAddon .wContent, #footer .weatherAddon .wContent{float:none}
#header .weatherAddon .temp, #footer .weatherAddon .temp{font-size:36px; height:47px; position:relative; text-align:right; top:-5px}
#header .weatherAddon .info, #footer .weatherAddon .info{width:114px}
#header .weatherAddon .icon, #header .weatherAddon .info, #footer .weatherAddon .icon, #footer .weatherAddon .info{float:right}
#header .weatherAddon .icon, #footer .weatherAddon .icon{margin-left:15px}
#header .weatherAddon .icon img, #footer .weatherAddon .icon img{width:80px}
#header .weatherAddon .accuweather, #footer .weatherAddon .accuweather{top:4px}
#header .weatherAddon h2, #footer .weatherAddon h2{font-size:16px}
#header .weatherAddon .forecast, #header .weatherAddon .sunset, #header .weatherAddon .search_form, #header .weatherAddon .extraInfo, 
#footer .weatherAddon .forecast, #footer .weatherAddon .sunset, #footer .weatherAddon .search_form, #footer .weatherAddon .extraInfo, 
#header .weatherAddon .locationTitle span, #footer .weatherAddon .locationTitle span, #header .weatherAddon .wHL, #footer .weatherAddon .wHL, #header .hf, #footer .hf{display:none}

/* sidebar 2cr */
.layout2cr #sidebar .weatherAddon p{padding:0}
.layout2cr #sidebar .weatherAddon .locationTitle{border-bottom:1px solid #ccc; margin-bottom:10px}
.layout2cr #sidebar .weatherAddon .locationTitle span{font-size:15px}
.layout2cr #sidebar .weatherAddon .info{float:left; padding-top:14px; width:50%}
.layout2cr #sidebar .weatherAddon .icon{float:right; width:50%}
.layout2cr #sidebar .weatherAddon .icon img{max-width:180px; width:100%}
.layout2cr #sidebar .weatherAddon .temp{font-size:32px; position:relative; top:-10px}
.layout2cr #sidebar .weatherAddon .measurement{top:-10px}
.layout2cr #sidebar .weatherAddon .wHL, .layout2cr #sidebar .weatherAddon .sunset{position:relative; top:-15px; width:168%}
.layout2cr #sidebar .weatherAddon .sunset{left:-5px; padding:5px 0 0 50px}
.layout2cr #sidebar .weatherAddon .extraInfo li strong{width:104px} 

/* sidebar 2cl */
.layout2cl #sidebar .weatherAddon p{padding:0}
.layout2cl #sidebar .weatherAddon .locationTitle{border-bottom:1px solid #ccc; margin-bottom:10px}
.layout2cl #sidebar .weatherAddon .locationTitle span{font-size:15px}
.layout2cl #sidebar .weatherAddon .info{float:left; padding-top:14px; width:50%}
.layout2cl #sidebar .weatherAddon .icon{float:right; width:50%}
.layout2cl #sidebar .weatherAddon .icon img{max-width:180px; width:100%}
.layout2cl #sidebar .weatherAddon .temp{font-size:32px; position:relative; top:-10px}
.layout2cl #sidebar .weatherAddon .measurement{top:-10px}
.layout2cl #sidebar .weatherAddon .wHL, .layout2cl #sidebar .weatherAddon .sunset{position:relative; width:168%}
.layout2cl #sidebar .weatherAddon .sunset{left:-5px; padding:5px 0 0 50px}
.layout2cl #sidebar .weatherAddon .extraInfo li strong{width:104px} 
 
/* content area & 1cl sidebar */
.layout1c #sidebar .weatherAddon form, 
#content .weatherAddon form{margin:0 auto; padding-top:15px; width:90%}
.layout1c #sidebar .weatherAddon fieldset .weatherSearch, 
#content .weatherAddon fieldset .weatherSearch{width:85%}
.layout1c #sidebar .weatherAddon fieldset .weatherSubmit, 
#content .weatherAddon fieldset .weatherSubmit{width:10%}
.layout1c #sidebar .weatherAddon .locationTitle, 
#content .weatherAddon .locationTitle{border-bottom:1px dotted}
.layout1c #sidebar .weatherAddon .extraInfo, 
#content .weatherAddon .extraInfo{border:none; margin:0 auto; overflow:hidden; padding:0; position:relative; top:15px; width:504px}
.layout1c #sidebar .weatherAddon .extraInfo li, 
#content .weatherAddon .extraInfo li{float:left; border:none; margin-right:20px; width:230px}
.layout1c #sidebar .weatherAddon .extraInfo span, 
#content .weatherAddon .extraInfo span{width:auto}
.layout1c #sidebar .weatherAddon .icon, 
#content .weatherAddon .icon{float:left; margin:15px 0 0 30px}
.layout1c #sidebar .weatherAddon .icon img, 
#content .weatherAddon .icon img{width:155px}
.layout1c #sidebar .weatherAddon .info, 
#content .weatherAddon .info{float:left; margin:15px 0 0 30px}
.layout1c #sidebar .weatherAddon .temp, 
#content .weatherAddon .temp{font-size:60px; height:65px; position:relative; top:-25px}
.layout1c #sidebar .weatherAddon .measurement, 
#content .measurement{top:-30px}
.layout1c #sidebar .weatherAddon .wHL, 
#content .weatherAddon .wHL{font-size:14px; margin-bottom:5px}
.layout1c #sidebar .weatherAddon .sunset, 
#content .weatherAddon .sunset{padding-top:5px}
.weatherAddon .wContent{float:left; overflow:hidden; position:relative}
.weatherAddon .sunset{background:url(/adm/images/modules/weather_regular/sunSR.png) no-repeat; display:block; font-size:12px; height:31px; line-height:31px; padding-left:55px}
.weatherAddon .forecast{float:left; font-size:14px; padding:15px 0 0 20px; width:200px}
.weatherAddon .lastUpdated{display:block; font-weight:bold; padding-top:10px}
.weatherAddon .spanSizer{padding-right:2px}