.ajax-loading { background-image: url(http://icons.wxug.com/graphics/wu2/ajax-loading.gif) !important; background-repeat: no-repeat; background-position: right center !important; }
.slider_bg { background: #FFF url(http://icons.wxug.com/graphics/wu2/slider_bg.gif) center left no-repeat; height: 21px; width: 150px; }
.slider_knob { background: transparent url(http://icons.wxug.com/graphics/wu2/slider_knob.gif) bottom center no-repeat; height: 21px; width: 17px; cursor: pointer; }

.optionDiv { padding: 5px; }
.optionDiv TABLE TR TD { vertical-align: middle; }
.optionDiv TABLE TR TD.vaT { vertical-align: top; }

.selectorBox { background-color: #F5F5F5; border-top: 1px solid #CCC; padding: 5px 0; }
.selectorBox TABLE TR TD.endOption { padding-right: 15px; }
.selectorBox TABLE TR TD A { color: #213F9A; }

.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; }

.hotelBalloon { width: 350px; min-height: 150px; }
.hotelBalloon .imagePane { width: 120px; min-height: 150px; float: left; text-align: center; }
.hotelBalloon .imagePane IMG { margin-top: 10px; border: 1px solid #000; }
.hotelBalloon .textPane { margin-top: 10px; font-size: 14px; }
.hotelBalloon .textPane .hotelDirections { margin-top: 10px; text-transform: capitalize; }

#mapFavorites { width: 100%; }
#mapSearchBox { width: 220px; }
#mapGoButton { width: 50px; }
.mapQuickJumpDefault { text-align: center; padding: 0px 4px; background-color: #FFF; display: block; border: 1px solid #000; cursor: pointer; font-weight: bold; margin-bottom: 4px; }
.mapQuickJumpActive { background-color: #ffffcc !important; }

#mapDisplayAreaScrolling { margin: 0 5px; max-height: 500px; overflow-y: auto; overflow-x: hidden; width: 288px; }
* html #mapDisplayAreaScrolling { margin: 0 5px; height: 500px; overflow-y: auto; overflow-x: hidden; width: 288px; }

#LayerPhotos_options SELECT { margin-right: 5px; }

#optionsTable .subG { border-right: 1px solid #CCC; border-bottom: 2px groove #CCC; border-left: 1px solid #CCC; background-color: #EEE; }
#optionsTable .subG A { color: #213F9A; text-decoration: none; border-bottom: 1px dotted #213F9A; }
#optionsTable .subW A { color: #000; text-decoration: none; border-bottom: 1px dotted #FFF; font-weight: bold; }
#optionsTable .subW { background: #FFF url(http://icons.wxug.com/graphics/wu2/options_indicator.gif) no-repeat right; }
#LayerWeatherStations_ShowHidePWS { cursor: pointer; }

HR { height: 1px; line-height: 1px; margin: 0 auto; width: 288px; }

#tabTable { margin: 0 5px; max-width: 288px; }
#tabTable .active { background-color: #496CD8; color: #FFF; font-weight: bold; padding: 2px 10px; border-top: 1px solid #666; border-right: 1px solid #333; border-left: 1px solid #666; }
#tabTable .active A { text-decoration: none; color: #FFF; }
#tabTable .inactive { padding: 2px 10px; }
#tabTable .inactive SPAN { color: #00F; border-bottom: 1px solid #00F; cursor: pointer; }
#tabTable .inactive A { color: #213F9A; }

.LayerHurricane_box { clear: both; margin-bottom: 5px; border-bottom: 1px solid #CCC; padding: 3px 0; }
.LayerHurricane_box INPUT { float: left; }
.LayerHurricane_box A { display: block; margin-left: 15px; }
.LayerHurricane_box A IMG { margin: 2px 3px; }

.LayerRadarAnimGif_box { clear: both; margin-bottom: 5px; border-bottom: 1px solid #CCC; padding: 3px 0; }
.LayerRadarAnimGif_box A { display: block; margin-left: 1px; }
.LayerRadarAnimGif_box A IMG { margin: 0px 5px 0px 2px; }

.LayerPhotos_box { clear: both; border-bottom: 1px solid #CCC; padding: 5px 0; }
.LayerPhotos_box A { display: block; margin-left: 1px; text-decoration: none; }
.LayerPhotos_box A IMG { margin: 0px 5px 0px 2px; }
.LayerPhotos_box A SPAN.b { white-space: nowrap; }
.LayerPhotos_box A SPAN.grey { color: #666; }


.LayerModelData_maptitle { background-color: #FFF; border: 1px solid #000; color: black; font-family: Arial,sans-serif; font-size: 11px; padding: 1px 3px; text-align: center; height: 12px; width: 10.5em}
.LayerNDFD_maptitle { background-color: #FFF; border: 1px solid #000; color: black; font-family: Arial,sans-serif; font-size: 11px; padding: 1px 1px; text-align: center; height: 12px; width: 11.5em}

#mapDisplayArea { width: 288px; height: 25px; border-bottom: 1px solid #213F9A; margin: auto 5px; }
#mapDisplayArea A { display: block; float: left; position: relative; border-bottom: 1px solid #213F9A; margin-right: -1px; color: #FFF; font-weight: bold; cursor: pointer; }
#mapDisplayArea A SPAN { float: left; height: 25px; }
#mapDisplayArea A SPAN.tabLeft { display: block; width: 22px; background: #2A50C4 url(http://icons.wxug.com/graphics/wu2/tab-left.png) no-repeat bottom left; }
#mapDisplayArea A SPAN.tabMiddle { display: none; width: 6em; background: #2A50C4 url(http://icons.wxug.com/graphics/wu2/tab-mid.png) repeat-x; line-height: 25px; text-align: center; }
#mapDisplayArea A SPAN.tabRight { display: block; width: 7px; background: #2A50C4 url(http://icons.wxug.com/graphics/wu2/tab-right.png) no-repeat bottom right; }

#mapDisplayArea A SPAN.tabLeft IMG { padding: 2px 0px 1px 2px; }

#mapDisplayArea A#LayerRadar_tab { z-index: 108; }
#mapDisplayArea A#LayerWeatherStations_tab { z-index: 107; }
#mapDisplayArea A#LayerHurricane_tab { z-index: 106; }
#mapDisplayArea A#LayerUSGSRiver_tab { z-index: 105; }
#mapDisplayArea A#LayerModelData_tab { z-index: 104; }
#mapDisplayArea A#LayerFire_tab { z-index: 103; }
#mapDisplayArea A#LayerFlight_tab { z-index: 102; }
#mapDisplayArea A#LayerPhotos_tab { z-index: 101; }

#mapDisplayArea A:hover { z-index: 200 !important; }
#mapDisplayArea A:hover SPAN { /*background-color: #93a5d4;*/ }
#mapDisplayArea A:hover SPAN.tabMiddle { display: block; }

#mapDisplayArea A.active SPAN.tabMiddle { display: block !important; }

#mapDisplayArea A.selected { border-bottom: 1px solid #FFF; z-index: 201 !important; color: #000; }
#mapDisplayArea A.selected SPAN { background-color: #FFF; }
#mapDisplayArea A.selected SPAN.tabLeft { background-image: url(http://icons.wxug.com/graphics/wu2/tab2-left.png); }
#mapDisplayArea A.selected SPAN.tabMiddle { background-image: url(http://icons.wxug.com/graphics/wu2/tab2-mid.png); display: block !important; }
#mapDisplayArea A.selected SPAN.tabRight { background-image: url(http://icons.wxug.com/graphics/wu2/tab2-right.png); }

#mapDisplayArea A.current SPAN { background-color: #FFF; }
A.none { display: none !important; }

IFRAME#mapDynamicAd { border-width: 0px; }

/* LayerTornado */
.balloonInfo { width: 275px; margin: 0 0 10px 0; min-height: 200px; overflow: hidden; }
.balloonInfo .picArrow { font-size: 20px; background-color: #F5F5F5; color: #172C6C; text-decoration: none; padding: 2px; border: 1px solid #CCC; }
.balloonInfo .subG { margin-top: 2px; }

UL.tornadolist { list-style: none;	margin: 0 !important; padding: 0 !important; }
UL.tornadolist LI { margin: 0; padding: 4px; list-style: none; border-bottom: 1px dotted #CCC; cursor: pointer; background-color: #FFF; }
UL.tornadolist LI:hover { background-color: #F5F5F5; }
UL.tornadolist LI .type { color: #555; }
UL.tornadolist LI .date { }

UL.tornadolist LI.pictures { background: url("http://icons.wxug.com/graphics/wu2/photo-icon.png") top right; background-repeat: no-repeat; }
UL.tornadolist LI.significant { }
UL.tornadolist LI.f1 { }
UL.tornadolist LI.f2 { }
UL.tornadolist LI.f3 { }
UL.tornadolist LI.f4 { }
UL.tornadolist LI.f5 { }

.navTable { width: 100%; margin-top: 5px; }
.navTable TR TD { white-space: nowrap; width: 50%; text-align: center; }

INPUT.error { border: 1px solid #FF0000; color: #FF0000; }
.contentBox A.red { color: #F00; }

/* Admin Controls */
#mapAdmin_viewPrefsFrame { background-color: #FFF; width: 280px; height: 350px; border: 1px solid #172C6C; }

/* Google Directions */
.google_note { color: #999999; }
.google_impnote { color: #C00000; }