#no-weather {font: 12px "Lucida Grande", "Lucida Sans", Helvetica, Arial, Sans-Serif; color: #272727; border: 1px solid #DFDFE0; background-color: #EEEEEE; padding: 10px; margin-right: 10px; margin-top: 10px;}
#no-weather a, #no-weather a:link, #no-weather a:visited {color: #1235B5; text-decoration: none;}
#no-weather a:hover {color: #1235B5; text-decoration: underline;}
#current-conditions-container, #forecast .day-container, #maps-container {background-color: #fff; padding: 2px; border: 1px solid #cccccc; height: 108px; position: relative; color: #fff; font: 12px "Lucida Grande", "Lucida Sans", Helvetica, Arial, Sans-Serif;}
#current-conditions, #forecast .day, #maps {background: #07192d url('../images/weather_bg.jpg') top left repeat-x; position: relative; height: 100%; width: 100%}
#current-conditions h4, #maps h4 {font-size: 12px; font-weight: normal; margin: 0; padding-top: 7px; font: 12px "Lucida Grande", "Lucida Sans", Helvetica, Arial, Sans-Serif !important; color: #fff !important;}
#current-conditions span.grey, #forecast .day span.grey {color: #bfbfbf;}
#current-temps {float: left; width: 18%; text-align: center;}
#current-temps h4, #maps h4 {background: url('../images/currently_bg.png') top left no-repeat; height: 31px; text-align: left; padding: 7px 0 0 10px; color: #fff !important;}
#current-sky img {position: absolute; top: -10px; height: 128px; width: 128px;}
#current-sky {float: left; width: 128px; height: 1px; position: relative;}
#current-details {float: left; width: 29%; padding-left: 15px; background: transparent url('../images/weather_sep.gif') 94% 15px no-repeat;}
#current-details div {margin-bottom: 7px;}
#current-details-fine {float: left; width: 29%; font-size: 10px;}
#current-details-fine div {margin-bottom: 3px;}
#forecast, #maps-container {clear: left; margin-top: 10px;}
#forecast .day-container {width: 14.99%; float: left; margin-left: 5px;}
#forecast .day {text-align: center;}
#forecast .day .title {padding-top: 5px;}
#forecast .day .sky {height: 35px; margin: 5px 0;}
#forecast .day .temp {font-size: 20px;}
#forecast .day .low-temp {font-size: 10px;}
#forecast .first {margin: 0;}
#maps-container {height: auto;}
#maps .left {float: left; width: 30%;}
#maps .right {float: right; width: 70%;}
#maps ul {margin: 0; margin-top: 5px; padding: 0;}
#maps li {float: left; width: 100%;}
#maps a, #maps a:link, #maps a:visited {display: block; padding: 15px 10px; text-decoration: none; font-size: 12px; color: white; border-top: 1px solid #0D284D;}
#maps a:hover {text-decoration: none; background-color: #0B2242; color: white; border-top: 1px solid #0D284D;}
#maps a.active {background-color: #123565;}
#maps a img {border: 0; margin-left: 3px; vertical-align: middle;}
#maps img.radar {margin-right: 4px;}
#maps img.satellite {margin-right: 8px;}
#map-container-container {width: auto; margin: 5px; margin-bottom: 0px;}
#map-container {width: auto; border: 5px solid #07192D; border-bottom: 0;}
#map-container img {width: 100%; padding-bottom: 10px; float: left;}
.current-high {background: url('../images/weather_high.png') 5px 2px no-repeat; float: left; padding-left: 24px;}
.current-high, .current-precipitation {margin-top: 10px;}
.current-low {background: url('../images/weather_low.png') 5px 2px no-repeat; float: left; padding-left: 24px; clear: left;}
.current-temp {font-size: 36px;}
.current-winds {background: url('../images/weather_winds.png') 3px 4px no-repeat; float: left; padding-left: 24px; clear: left; width: 146px;}
.feels-like {font-size: 10px;}

/* Long Switches */
.long #forecast .day-container {width: 15.30%}