.hidden{display:none}

/* all layouts */
#body .weatherAddon{border:1px solid #ccc; color:#393939; font-family:Arial, Helvetica, sans-serif; overflow:hidden; position:relative}
	#body .weatherAddon p{color:#393939; margin:0}
	#body .weatherAddon ul{color:#393939; overflow:hidden}
	#body .weatherAddon li{color:#393939; background:none!important; list-style:none}
	#body .weatherAddon b{font-weight:normal}

/* icon and temp area */
#body .weatherAddon .measurement{font-size:16px; left:4px; position:relative; top:-14px}
#body .weatherAddon .locationTitle{background:#F3F7F9; border-bottom:1px dotted; color:#393939; font-size:15px; font-weight:bold; margin:0; padding:10px 15px}

#body .weatherAddon .forecast{background:#fff; overflow:hidden; padding:0 15px; text-align:center}
	#body .weatherAddon .forecast div{width:50%}
	#body .weatherAddon .icon{float:right; width:200px}
	#body .weatherAddon .icon img{max-height:100%; max-width:100%}

#body .weatherAddon .temp{float:left; height:150px; line-height:150px}
	#body .weatherAddon .measurement{position:relative; top:-60px}
	#body .weatherAddon .tempValue{font-size:100px}

/* search area */
#body .weatherAddon fieldset{border-bottom:1px solid #aaa; margin:0; padding:0; overflow:hidden}
#body .weatherAddon fieldset input{height:28px; line-height:28px}
#body .weatherAddon fieldset .wSearchHolder{background:#eee; float:left; width:80%}
#body .weatherAddon fieldset .weatherSearch{border:none; color:#333; display:block; font-size:14px; padding:0 10px; width:97%}
#body .weatherAddon fieldset .weatherSearch:focus{background:#fbfae3; color:#030}
#body .weatherAddon fieldset .weatherSubmit{background:#09C; border:none; color:#eee; cursor:pointer; font-size:14px; display:block; float:left; padding:0 2%; text-shadow:1px 1px 2px #444; width:20%; -webkit-appearance:none}
#body .weatherAddon fieldset .weatherSubmit:hover{background:#069; color:#ddd}
#body .weatherAddon fieldset .weatherSubmit:active{background:#09F; color:#fff}

/* high, low and sunset info */
#body .weatherAddon .info{background:#ECF6FB; border-bottom:1px solid #ccc; border-top:1px solid #ccc; margin:0; padding:0}
	#body .weatherAddon .info li{border-right:1px solid #ccc; float:left; height:31px; line-height:31px; padding:0 15px}
	#body .weatherAddon .info li.sunset{background:url(/adm/images/modules/weather_regular/sunSR.png) no-repeat 15px 0!important; border-right:0; font-size:12px; padding:0 0 0 75px}
	#body .weatherAddon .whigh{color:#F30}
	#body .weatherAddon .wlow{color:#39C}
	#body .weatherAddon .wHL{font-size:16px}

/* further forecast details */
#body .weatherAddon .extraInfo{background:#f3f7f9; border-bottom:1px solid #ccc; font-size:10px; margin:0; padding:10px}
	#body .weatherAddon .extraInfo li{float:left; margin-bottom:4px; overflow:hidden; padding:5px 5%; width:40%}
	#body .weatherAddon .extraInfo li strong, .weatherAddon .extraInfo li span{display:block; float:left}
	#body .weatherAddon .extraInfo li strong{font-size:14px; width:120px}
	#body .weatherAddon .extraInfo li span{font-size:12px}
	#body .weatherAddon .spanSizer{padding-right:2px}

/* outro details */
#body .weatherAddon .outroInfo{background:#ecf6fb; margin:0; padding:10px 15px}
	#body .weatherAddon .outroInfo li{font-size:8px}
	#body .weatherAddon .lastUpdated{font-weight:bold}
	#body .weatherAddon .accuweather{color:#36F; position:relative; text-decoration:none; z-index:2}

/* header & footer */
#header .weatherAddon form, #header .weatherAddon .locationTitle, #header .weatherAddon .info, #header .weatherAddon .extraInfo, #header .wlast,
#footer .weatherAddon form, #footer .weatherAddon .locationTitle, #footer .weatherAddon .info, #footer .weatherAddon .extraInfo, #footer .wlast{display:none}

#header .weatherAddon .tempValue, #footer .weatherAddon .tempValue{font-size:40px}
#header .weatherAddon .temp, #footer .weatherAddon .temp{line-height:60px}
#header .weatherAddon .forecast div, #footer .weatherAddon .forecast div{height:60px}
#header .weatherAddon .measurement, #footer .weatherAddon .measurement{top:-16px}
#header .weatherAddon .icon img, #footer .weatherAddon .icon img{height:62px}
#header .weatherAddon .outroInfo, #footer .weatherAddon .outroInfo{padding:0 4px}

/* columned layouts sidebars */
.layout2cr #sidebar .weatherAddon .info li, .layout2cl #sidebar .weatherAddon .info li{border:none}
.layout2cr #sidebar .weatherAddon .extraInfo li, .layout2cl #sidebar .weatherAddon .extraInfo li{float:none; padding:5px 0; width:auto}
.layout2cr #sidebar .weatherAddon .extraInfo li strong, .layout2cl #sidebar .weatherAddon .extraInfo li strong{float:left; width:auto}
.layout2cr #sidebar .weatherAddon .extraInfo li span, .layout2cl #sidebar .weatherAddon .extraInfo li span{float:right}
.layout2cr #sidebar .weatherAddon fieldset .weatherSearch, .layout2cl #sidebar .weatherAddon fieldset .weatherSearch{font-size:11px}
.layout2cr #sidebar .weatherAddon .forecast div, .layout2cl #sidebar .weatherAddon .forecast div{height:75px; line-height:75px}
.layout2cr #sidebar .weatherAddon .tempValue, .layout2cl #sidebar .weatherAddon .tempValue{font-size:30px}
.layout2cr #sidebar .weatherAddon .measurement, .layout2cl #sidebar .weatherAddon .measurement{top:-10px}
.layout2cr #sidebar .weatherAddon .outroInfo .float_left, .layout2cl #sidebar .weatherAddon .outroInfo .float_left{float:right}

@media screen and (max-device-width:480px), screen and (max-width:600px){
	.mobileLayout .weatherAddon .info li{padding:0 8px}
	.mobileLayout .weatherAddon .wHL{font-size:13px}
}