.b { font-weight: bold; }
.lc { text-transform: lowercase; }
.taC { text-align: center; }
.taR { text-align: right; }
.vaM { vertical-align: middle; }
.tm10 { margin-top: 10px; }
.full { width: 100%; }
.nobr { white-space: nowrap; }
.none { display: none; }
.icons { border: 1px solid #999; }
.clear { clear: both; }
.lineDiv { height: 1px; border-top: 1px solid #CCC; }
.leftTitle { color: #333; font-weight: bold; font-size: 14px; }
.red { color: #F00; }

#conditions { width: 325px; padding: 5px 5px 10px 5px; }
#conditions #condsTable { margin-top: 3px; }
#conditions #condsTable SPAN { border: 1px solid #999; display: block; width: 42px; height: 42px; margin: 0 auto; }
#conditions #condsTable SPAN IMG { border: 1px solid #FFF; }
#conditions #condsTable #temp { font-size: 28px; line-height: 24px; color: #333; font-weight: bold; padding-left: 10px; }
#conditions #condsTable #condition { font-size: 15px; color: #333; font-weight: bold; padding-left: 10px; }
#conditions #obsTable { margin-top: 10px; color: #666; }
#conditions #obsTable .obType { padding: 2px 5px 2px 0; font-size: 13px; text-transform: capitalize; }
#conditions #obsTable .b { padding: 2px 5px; font-size: 13px; }
#conditions #observed { padding-top: 10px; color: #666; font-size: 12px; width: 305px; overflow-x: hidden; white-space: nowrap; }
#conditions #stationSelect { width: 200px; }

#forecast { padding: 5px 5px 0 5px; }
#forecast #dayRow { background: url(http://icons.wxug.com/i/misc/igSelectorBG.png) repeat-x bottom; }
#forecast TD { padding: 2px 2px 17px 2px; text-align: center; }
#forecast TD DIV.hilo { width: 60px; }
#forecast TD DIV.dayDiv { width: 10px; }
#forecast TD SPAN { border: 1px solid #999; display: block; width: 42px; height: 42px; margin: 0 auto; }
#forecast TD SPAN IMG { border: 1px solid #FFF; }

#forecast #details { margin-top: 5px; font-size: 13px; }
#forecast #details A.active { font-weight: bold; text-decoration: none; color: #000; }
#forecast #details .fctText { color: #666; }
#forecast #details .fctText DIV { margin-top: 10px; }
#forecast #details .fctText P { margin: 2px 0; }
#forecast #details1 { display: block; }
#forecast #details2 { display: none; }
#forecast #details3 { display: none; }
#forecast #details4 { display: none; }
#forecast #details5 { display: none; }
#forecast .on { cursor: default; background: url(http://icons.wxug.com/i/misc/igSelector.png) no-repeat bottom center; }
#forecast .on A { color: #000; text-decoration: none; font-weight: bold; }
#forecast .off { cursor: pointer; }
#forecast .off A { color: #00C; text-decoration: underline; }

#forecast .iframebox { display: none; margin-top: 10px; }
#forecast .iframebox .detailsFrame TD { text-align: left; padding: 0; }
#forecast .iframebox .detailsFrame IFRAME { width: 100%; height: 150px; margin: 0; }
#forecast .iframebox .detailsFrame .detailTypes { padding-right: 15px; padding-top: 23px; font-size: 12px; color: #666; }
#forecast .iframebox .detailsFrame .detailTypes DIV { }

#detailBox { height: 140px; overflow-x: auto; overflow-y: hidden; border: 1px solid #CCC; padding: 2px; font-size: 12px; color: #666; }
#detailBox #detailObs TD { padding-right: 5px; }
#detailBox #detailObs TD DIV.b { margin-bottom: 5px; }

#warningNotice { padding: 10px 0 5px 10px; }
#warningNotice SPAN { margin-right: 10px; }

#air { width: 325px; padding: 0 5px; margin: 5px 0; }
#air TABLE { margin: 10px 0; color: #666; }
#air TABLE TR TD { padding: 5px 0; }

#stars { width: 325px; padding: 0 5px; margin: 5px 0; }
#stars TABLE { margin: 10px 0; color: #666; }
#stars TABLE TD.obType { padding: 2px 5px 2px 0; font-size: 13px; white-space: nowrap; }
#stars TABLE TD.b { padding: 2px 5px; white-space: nowrap; }

#sports { width: 325px; padding: 5px; margin: 5px 0; }
#sports #sportTypes { margin: 10px 0; }
#sports #sportTypes .typeDiv { padding: 0 3px; }
#sports #sportTypes .active { white-space: nowrap; }
#sports #sportTypes .active A { color: #000; text-decoration: none; font-weight: bold; }
#sports #sportTypes .inactive { white-space: nowrap; }
#sports .sportTable { width: 100%; }
#sports .sportTable SPAN { border: 1px solid #999; display: block; width: 42px; height: 42px; margin: 0 auto; }
#sports .sportTable SPAN IMG { border: 1px solid #FFF; }
#sports .sportTable .teams { padding-top: 5px; }
#sports .sportTable .gameDay { color: #666; }
#sports .sportTable .gameConds { color: #666; }
#sports .sportTable .vaM { vertical-align: middle; padding-right: 5px; }
#sports #sports_MLB { display: block; }
#sports #sports_IFB { display: none; }
#sports #sports_NAS { display: none; }
#sports #sports_GLF { display: none; }
#sports .stats { margin-top: 10px; font-size: 11px; color: #666; }

#airport { width: 325px; padding: 5px; margin: 5px 0; }
#airport #airportTable { width: 100%; margin: 5px 0; }
#airport #airportTable .airportCity { padding-top: 5px; }
#airport #airportTable .airportCond { color: #666; }
#airport #airportTable .airportTime { color: #666; }
#airport #airportTable .vaM { vertical-align: middle; padding-right: 5px; }
#airport #airportTable .vaM SPAN { border: 1px solid #999; display: block; width: 42px; height: 42px; margin: 0 auto; }
#airport #airportTable .vaM SPAN IMG { border: 1px solid #FFF; }

#wundermap { margin-left: 5px; padding: 5px; }
#wundermap #mapTable { width: 100%; margin-bottom: 10px; }
#wundermap #mapTable .typeDiv { padding: 0 3px; }
#wundermap #mapTable .active { white-space: nowrap; }
#wundermap #mapTable .active A { color: #000; text-decoration: none; font-weight: bold; }
#wundermap #mapTable .inactive { white-space: nowrap; }
#wundermap #mapTable .full { text-align: right; padding: 0 3px; }
#wundermap #page { position: relative; width: 100%; height: 550px; z-index: 0; }

#wundermap #map {
  position: relative;
  width: 380px;
  height: 500px;
  background : url(/images/wundermap.jpg);
  border: 1px solid black;
}

#wundermap #share { padding: 6px; font-size: 11px; text-align: center; }
#wundermap #share A { white-space: nowrap; }
.mapBalloon { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; width: 380px; }
.mapBalloon .mapStationInfo { padding: 5px; background-color: #F5F5F5; border: 1px solid #CCC; width: 150px; margin: 10px 0 5px 0; }
.mapBalloon .mapStationInfo A { color: #00F; }

#footer { padding: 5px 0; }
#footer TD { vertical-align: middle; }
#footer TD DIV { padding-left: 6px; font-size: 11px; }