<style type="text/css">

body {
	margin: 0;
	font-family: Helvetica;
	background: #FFFFFF;
	color: #000000;
	overflow-x: hidden;
	-webkit-text-size-adjust: none;
}

body[orient="landscape"] > *:not(.toolbar) {
	min-height: 268px;
}

body > *[selected="true"] {
	display: block;
}

a[selected], a:active {
	background-color: #194fdb !important;
	background-image: url(http://icons.wunderground.com/graphics/iphone/listArrowSel.png), url(http://icons.wunderground.com/graphics/iphone/selection.png) !important;
	background-repeat: no-repeat, repeat-x;
	background-position: right center, left top;
	color: #FFFFFF !important;
}

a[selected="progress"] {
	background-image: url(http://icons.wunderground.com/graphics/iphone/loading.gif), url(http://icons.wunderground.com/graphics/iphone/selection.png) !important;
}

FORM { margin: 0; }
IMG, TABLE { border: 0; }
A { color: #213F9A; }
A:link { color: #213F9A; }
A:visited { color: #213F9A; }
SPAN.whiteButtonDim { color: #FFF; }

#wuLogo { text-align: center; margin-top: 5px; }
#radarImage { border-top: 1px solid #D9D9D9; border-right: 1px solid #C5CCD3; border-bottom: 1px solid #C5CCD3; border-left: 1px solid #D9D9D9; margin-top: 10px; }
#camImage { border-top: 1px solid #D9D9D9; border-right: 1px solid #C5CCD3; border-bottom: 1px solid #C5CCD3; border-left: 1px solid #D9D9D9; margin-top: 10px; width: 278px; }
#current { vertical-align: middle; font-size: 20px; text-align: center; }
#summary { text-align: left; padding: 10px; }
#today { padding: 3px; text-align: center; background-color: #F5F5F5; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; margin: 10px 0 5px 0; }
#blogEntry IMG { width: 100%; }
.adBox { margin: 0 auto; margin-bottom: 10px; text-align: center; width: 300px; max-height: 100px; overflow: hidden; }
.adBox IMG { max-width: 300px; }

#wunderRadio { width: 300px; height: 50px; margin: 0 auto 10px auto; }
#wunderRadio A { display: block; width: 300px; height: 50px; background: url(http://icons.wxug.com/i/misc/itunes-bg_300x50.png) no-repeat; padding: 4px; text-decoration: none; }
#wunderRadio A .headline { font-size: 11px; color: #F00; width: 170px; }
#wunderRadio A .subhead { font-size: 11px; color: #333; width: 170px; }

.b { font-weight: bold; }
.nb { font-weight: normal; }
.red { color: #F00; }
.blue { color: #00F; }
.green { color: #080; }
.subG { background-color: #F5F5F5; border-bottom: 1px solid #CCC; padding: 2px; }
.taC { text-align: center; }
.taR { text-align: right; }
.taL { text-align: left; }
.vaB { vertical-align: bottom; }
.vaT { vertical-align: top; }
.vaT TD { vertical-align: top; }
.half { width: 50%; }
.full { width: 100%; }
.hide, .none { display: none; }
.nobr { white-space: nowrap; }
.p0 { padding: 0; }
.p5 { padding: 5px; }
.p10 { padding: 10px; }
.tm10 { margin-top: 10px; }
.bm10 { margin-bottom: 10px; }
.mainG { color: #4C566C; font-family: Helvetica, sans-serif; font-size: 17px; font-weight: bold; margin: 10px 0 5px 15px; text-shadow: #000; }
.center { margin: 0 auto 0 auto; }
.padLeft { text-align: left; padding: 0 10px 0 10px; }
.updateObs { margin: 9px; font-size: 14px; text-align: center; }
.toggle A { text-decoration: none; }
.grayButton { color: #FFF; }
.foreWarn { color: #F00; text-align: center; margin-top: 5px; }
.condIcon { border-top: 1px solid #D9D9D9; border-right: 1px solid #C5CCD3; border-bottom: 1px solid #C5CCD3; border-left: 1px solid #D9D9D9; }
.barMenu { text-align: center; margin: 11px 0 0px 0; background: url(toolbar.png) #6d84a2 repeat-x; }
.barMenu A.button { color: #FFF; }
.barMenu SPAN.button { color: #FF0; }

.submenu { text-align: center; margin: 0px 0 11px 0; background: url(toolbar.png) #71AD25 repeat-x; }
.submenu A.button { color: #FFF; }
.submenu SPAN.button { color: #FF99CC; }
/* .submenu SPAN.button { color: #FF99CC; } */

.zoomMenu { text-align: center; margin: 10px auto 5px auto; }
.zoomMenu A.whiteButton { color: #213F9A; margin: 0 5px; width: 43px; }
.zoomMenu A.whiteButtonDim { color: #FFF; margin: 0 5px; width: 43px; }

.contentTable { width: 100%; text-align: left; }
.contentTable THEAD TR TH { background-color: #E6EEEE; border: 1px solid #FFF; padding: 4px; white-space: nowrap; }
.contentTable TBODY TR TD { border-bottom: 1px solid #999; }
.contentTable TBODY TR TD.placeTitle { padding: 10px; width: 100%; }
.contentTable TBODY TR TD.placeConds { padding: 10px; white-space: nowrap; }
.contentTable TBODY TR TD.placeAlert { padding: 0; white-space: nowrap; }
.contentTable TBODY TR.noRow TD { border-bottom: 0; }
.contentTable TBODY TR TD.noRow { border-bottom: 0; }
.contentTable TBODY TR.extRow { display: none; }

.dataTable { width: 100%; text-align: left; }
.dataTable THEAD TR TH { background-color: #E6EEEE; border: 1px solid #FFF; padding: 4px; }
.dataTable TBODY TR TD { padding: 10px; border-bottom: 1px solid #999; }
.dataTable TBODY TR TD.subHead { padding: 4px; font-weight: bold; background-color: #F5F5F5; }
.dataTable TBODY TR.noRow TD { border-bottom: 0; }
.dataTable TBODY TR.noPadB TD { padding-bottom: 0; }

.hourlyTable { width: 100%; text-align: left; }
.hourlyTable THEAD TR TH { background-color: #E6EEEE; border: 1px solid #FFF; padding: 4px; }
.hourlyTable TBODY TR TD { padding: 10px 3px; border-bottom: 1px solid #999; vertical-align: bottom; }
.hourlyTable TBODY TR TD IMG { width: 50px; height: 50px; }

.warningBox { padding: 3px; text-align: center; background-color: #FFEB9B; border-top: 1px solid #F00; border-bottom: 1px solid #F00; margin-top: 8px; }
.warningBox A { color: #213F9A; }

.tropicLinks LABEL { font-weight: normal; }

.row LABEL { white-space: nowrap; overflow: hidden; }

#resultsTable { margin-top: 10px; width: 100%; text-align: left; }
#resultsTable THEAD TR TH { background-color: #E6EEEE; border: 1px solid #FFF; padding: 4px 18px 4px 4px; white-space: nowrap; }
#resultsTable THEAD TR TH { background-image: url(http://icons.wxug.com/i/misc/bg.gif); background-repeat: no-repeat; background-position: center right; cursor: pointer; }
#resultsTable THEAD TR .headerSortDown, #resultsTable THEAD TR .headerSortUp { background-color: #8DBDD8; }
#resultsTable THEAD TR .headerSortDown { background-image: url(http://icons.wxug.com/i/misc/asc.gif); }
#resultsTable THEAD TR .headerSortUp { background-image: url(http://icons.wxug.com/i/misc/desc.gif); }
#resultsTable TBODY TR TD { color: #000; padding: 10px 4px; background-color: #FFF; vertical-align: middle; border-bottom: 1px solid #CCC; }
#resultsTable TBODY TR.alt TD { background-color:#FFF; }

#adBox { display: block; }

.ui-autocomplete { background-color: #FFF; width: 215px !important; border-right: 2px solid #DDD; border-bottom: 2px solid #DDD; border-left: 2px solid #DDD; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; margin: 0; padding: 0; list-style-type: none; position: absolute; cursor: default; }
.ui-autocomplete-loading { background: #FFF url(http://icons.wxug.com/i/loading-coda-small.gif) right no-repeat !important; }
.ui-autocomplete-term { font-weight: bold; }
.ui-autocomplete .ui-menu-item { padding: 3px; list-style-type: none; }
.ui-autocomplete .ui-menu-item A { display: block; font-size: 12px; }
.ui-autocomplete .ui-menu-item A.ui-state-hover { background-color: #CDD9FF; }

body > .toolbar {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-bottom: 1px solid #2d3642;
    border-top: 1px solid #6d84a2;
    padding: 10px;
    height: 45px;
    background: url(http://icons.wunderground.com/graphics/iphone/toolbar.png) #6d84a2 repeat-x;
}

.toolbar > h1 {
    position: absolute;
    overflow: hidden;
    left: 50%;
    margin: 1px 0 0 -75px;
    height: 45px;
    font-size: 20px;
    width: 150px;
    font-weight: bold;
    text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #FFFFFF;
}

body[orient="landscape"] > .toolbar > h1 {
    margin-left: -125px;
    width: 250px;
}

.button {
    overflow: hidden;
    margin: 0;
    border-width: 0 5px;
    padding: 5px 3px;
    width: auto;
    height: 30px;
    line-height: 30px;
    font-family: inherit;
    font-size: 13px;
    font-weight: bold;
    color: #FFFFFF;
    text-shadow: rgba(0, 0, 0, 0.6) 0px -1px 0;
    text-overflow: ellipsis;
    text-decoration: none;
    white-space: nowrap;
    background: none;
    -webkit-border-image: url(http://icons.wunderground.com/graphics/iphone/toolButton.png) 0 5 0 5;
}

.button2 {
    overflow: hidden;
    margin: 0;
    border-width: 0 5px;
    padding: 5px 3px;
    width: auto;
    height: 30px;
    line-height: 30px;
    font-family: inherit;
    font-size: 10px;
    font-weight: bold;
    color: #FFCC99;
    text-shadow: rgba(0, 0, 0, 0.6) 0px -1px 0;
    text-overflow: ellipsis;
    text-decoration: none;
    white-space: nowrap;
    background: none;
    -webkit-border-image: url(http://icons.wunderground.com/graphics/iphone/toolButton.png) 0 5 0 5;
}

.blueButton {
    -webkit-border-image: url(http://icons.wunderground.com/graphics/iphone/blueButton.png) 0 5 0 5;
    border-width: 0 5px;
}

.leftButton {
    left: 6px;
    right: auto;
}

#backButton {
    display: none;
    left: 6px;
    right: auto;
    padding: 0;
    max-width: 55px;
    border-width: 0 8px 0 14px;
    -webkit-border-image: url(http://icons.wunderground.com/graphics/iphone/backButton.png) 0 8 0 14;
}

.whiteButton {
    display: block;
    border-width: 0 12px;
    padding: 10px;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    text-decoration: inherit;
    color: inherit;
}

.whiteButtonDim {
    display: block;
    border-width: 0 12px;
    padding: 10px;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    text-decoration: inherit;
    color: inherit;
}

.grayButton {
    display: block;
    border-width: 0 12px;
    padding: 10px;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    text-decoration: inherit;
    color: #FFF;
}

.whiteButton {
    -webkit-border-image: url(http://icons.wunderground.com/graphics/iphone/whiteButton.png) 0 12 0 12;
    text-shadow: rgba(255, 255, 255, 0.7) 0 1px 0;
}

.whiteButtonDim {
    -webkit-border-image: url(http://icons.wunderground.com/graphics/iphone/grayButton.png) 0 12 0 12;
}

.grayButton {
    -webkit-border-image: url(http://icons.wunderground.com/graphics/iphone/grayButton.png) 0 12 0 12;
    color: #FFF;
}

/************************************************************************************************/

body > ul > li {
    position: relative;
    margin: 0;
    border-bottom: 1px solid #E0E0E0;
    padding: 8px 0 8px 10px;
    font-size: 20px;
    font-weight: bold;
    list-style: none;
}

body > ul > li.group {
    position: relative;
    top: -1px;
    margin-bottom: -2px;
    border-top: 1px solid #7d7d7d;
    border-bottom: 1px solid #999999;
    padding: 1px 10px;
    background: url(http://icons.wunderground.com/graphics/iphone/listGroup.png) repeat-x;
    font-size: 17px;
    font-weight: bold;
    text-shadow: rgba(0, 0, 0, 0.4) 0 1px 0;
    color: #FFFFFF;
}

body > ul > li.group:first-child {
    top: 0;
    border-top: none;
}

body > ul > li > a {
    display: block;
    margin: -8px 0 -8px -10px;
    padding: 8px 32px 8px 10px;
    text-decoration: none;
    color: inherit;
    background: url(http://icons.wunderground.com/graphics/iphone/listArrow.png) no-repeat right center;
}

a[target="_replace"] {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding-top: 25px;
    padding-bottom: 25px;
    font-size: 18px;
    color: cornflowerblue;
    background-color: #FFFFFF;
    background-image: none;
}

/************************************************************************************************/
    
body > .dialog {
    top: 0;
    width: 100%;
    min-height: 417px;
    z-index: 2;
    background: rgba(0, 0, 0, 0.8);
    padding: 0;
    text-align: right;
}

.dialog > fieldset {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;
    margin: 0;
    border: none;
    border-top: 1px solid #6d84a2;
    padding: 10px 6px;
    background: url(http://icons.wunderground.com/graphics/iphone/toolbar.png) #7388a5 repeat-x;
}

.dialog > fieldset > h1 {
    margin: 0 10px 0 10px;
    padding: 0;
    font-size: 20px;
    font-weight: bold;
    color: #FFFFFF;
    text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0;
    text-align: center;
}

.dialog > fieldset > label {
    position: absolute;
    margin: 16px 0 0 6px;
    font-size: 14px;
    color: #999999;
}

input {
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
    width: 100%;
    padding: 6px 6px 6px 44px;
    font-size: 16px;
    font-weight: normal;
}

select {
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
    width: 100%;
    padding: 6px 6px 6px 44px;
    font-size: 14px;
    font-weight: normal;
}

/************************************************************************************************/

body > .panel {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 10px;
    background: #c8c8c8 url(http://icons.wunderground.com/graphics/iphone/pinstripes.png);
}

.panel > fieldset {
    position: relative;
    margin: 0 0 20px 0;
    padding: 0;
    background: #FFFFFF;
    -webkit-border-radius: 10px;
    border: 1px solid #999999;
    text-align: left;
    font-size: 16px;
}

.row  {
    position: relative;
    min-height: 42px;
    border-bottom: 1px solid #999999;
    -webkit-border-radius: 0;
    text-align: right;
}

fieldset > .row:last-child {
    border-bottom: none !important;
}

.row > input {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin: 0;
    border: none;
    padding: 12px 10px 0 110px;
    height: 42px;
    background: none;
}

.row > label {
    position: absolute;
    margin: 0 0 0 14px;
    line-height: 42px;
    font-weight: normal;
}

.row > .toggle {
    position: absolute;
    top: 6px;
    right: 6px;
    width: 100px;
    height: 28px;
}

.toggle {
    border: 1px solid #888888;
    -webkit-border-radius: 6px;
    background: #FFFFFF url(http://icons.wunderground.com/graphics/iphone/toggle.png) repeat-x;
    font-size: 19px;
    font-weight: bold;
    line-height: 30px;
}

.toggle[toggled="true"] {
    border: 1px solid #143fae;
    background: #194fdb url(http://icons.wunderground.com/graphics/iphone/toggleOn.png) repeat-x;
}

.toggleOn {
    display: none;
    position: absolute;
    width: 60px;
    text-align: center;
    left: 0;
    top: 0;
    color: #FFFFFF;
    text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0;
}

.toggleOff {
    position: absolute;
    width: 60px;
    text-align: center;
    right: 0;
    top: 0;
    color: #666666;
}

.toggle[toggled="true"] > .toggleOn {
    display: block;
}

.toggle[toggled="true"] > .toggleOff {
    display: none;
}

.thumb {
    position: absolute;
    top: -1px;
    left: -1px;
    width: 40px;
    height: 28px;    
    border: 1px solid #888888;
    -webkit-border-radius: 6px;
    background: #ffffff url(http://icons.wunderground.com/graphics/iphone/thumb.png) repeat-x;
}

.toggle[toggled="true"] > .thumb {
    left: auto;
    right: -1px;
}

.panel > h2 {
    margin: 0 0 8px 14px;
    font-size: inherit;
    font-weight: bold;
    color: #4d4d70;
    text-shadow: rgba(255, 255, 255, 0.75) 2px 2px 0;
}

/************************************************************************************************/

#preloader {
    display: none;
    background-image: url(http://icons.wunderground.com/graphics/iphone/loading.gif), url(http://icons.wunderground.com/graphics/iphone/selection.png),
        url(http://icons.wunderground.com/graphics/iphone/blueButton.png), url(http://icons.wunderground.com/graphics/iphone/listArrowSel.png), url(http://icons.wunderground.com/graphics/iphone/listGroup.png);
}

</style>