H2 { padding: 0px; margin: 0; font-size: 18px; clear: both; !important }

.featureheadB { font-size: 12px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; color: #9A5121; margin: 0 5px 0 5px; border-bottom: 1px solid #CCC; padding-bottom: 3px; }
.featureheadC { font-size: 12px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; color: #9A5121; margin: 0 5px 0 5px; padding-bottom: 3px; }
.TrendFigCap { vertical-align: middle; padding-right: 100px; }
.TrendFigCapB {  padding-right: 20px; }
.blogImage IMG { margin: 5px; }
.blogSnippetImage IMG { max-width: 100%; height: auto; }
.blogSnippetVideo embed { max-width: 100%; }
.lh20 { line-height: 20px; }

#rg_image { background-color: #33CC66; padding-top: 20px; padding-bottom: 20px; }
#climateMap { width: 523px; height: 248px; border: 1px solid #CCC; margin: 10px auto 10px auto; }
#Iconic_Image_Gallery {	height: 500px; width: 280px; overflow: auto; }
#SeaLevelRise_Background {background-image: url(/graphics/climate/sealevelrise_head.gif); background-repeat: no-repeat; background-attachment: scroll; height: 235px; background-position: center top; padding-bottom: 30px; }
#SeaIce_Background {background-image: url(/graphics/climate/10_07_feature_Op2_corp2558.gif); background-repeat: no-repeat; background-attachment: scroll; height: 95px; background-position: center top; padding-bottom: 30px; }
#Greenland_Background {background-image: url(/graphics/climate/TMO_2007194_NASA_greenlnd_header_700px.gif); background-repeat: no-repeat; background-attachment: scroll; height: 95px; background-position: center top; padding-bottom: 30px; }
#Antarctica_Background {background-image: url(/graphics/climate/Antarctica_header_700px.gif); background-repeat: no-repeat; background-attachment: scroll; height: 235px; background-position: center top; padding-bottom: 30px; }
#Glaciers_Background {background-image: url(/graphics/climate/Glaciers_header3.gif); background-repeat: no-repeat; background-attachment: scroll; height: 235px; background-position: center top; padding-bottom: 30px; }
#ExtremeWeather_Background {background-image: url(/graphics/climate/Extreme-Weather-Bar.gif); background-repeat: no-repeat; background-attachment: scroll; height: 95px; background-position: center top; padding-bottom: 30px; }
#Permafrost_Background {background-image: url(/graphics/climate/wunderground_permafrost.gif); background-repeat: no-repeat; background-attachment: scroll; height: 213px; background-position: center top; padding-bottom: 30px; }
.feature_title {color: #000000; float: none; padding: 20px 20px 0px 0px; font: bold 36pt Arial, sans-serif; text-align: center; }
.feature_subtitle { float: right; clear: both; padding: 1px 20px 0 0px; color: #595C5B; font: bold 0.8em Arial, sans-serif; }
.feature {	width: 650px; }

H1_nobar { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; vertical-align: top; height: 25px; padding-bottom: 20px; }
H2_nobar { font-family: Arial, Helvetica, sans-serif;	font-size: 14px; line-height: 20px;	font-weight: bold; vertical-align: top; padding-bottom: 15px; }
rg_title { font-family: Arial, Helvetica, sans-serif; font-size: 42px; font-weight: bold; color: #D50000; padding-top: 10px; padding-bottom: 20px; }
rg_h1 { font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-weight: bold; color: #333333; }
rg_h2 { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #D50000; }
rg_boxtitle { font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bold; color: #FFFFFF; }
rg_intro { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #D50000; }
rg_intro2 { font-family: Arial, Helvetica, sans-serif; font-size: 18px; line-height: 25px; font-weight: bold; color: #333333; }

#localClimateFlotContainer { width: 632px; height: 310px; }
#flot_legend_container { float: left; margin-top: 33px;  background-color: rgb(241,241,241); width: 235px; }
#flot_legend .legendLabel { font-size: 12px; font-weight: normal; color: #666; }
#flot_legend_date { margin-left: 5px; font-size: 12px; font-weight: normal; color: #666; border-bottom: 1px solid #BEBEBE; }
#flot_legend_date .legendLabel { font-size: 12px; font-weight: normal; color: #666; }

#localClimateFlotLegendContainer { margin-top: 5px;  background-color: rgb(241,241,241); width: 300px; }

.localClimateAlert { background-color: #FCF9DC; padding: 5px 10px 5px 7px; }

#slideshow .galleria-container { position: relative; overflow: hidden; background: transparent; }
#slideshow .galleria-stage { top: 5px !important; bottom: 5px !important; left: 5px !important; right: 5px !important; }
#slideshow .galleria-thumbnails-container { display: none !important; }
#slideshow .galleria-counter { display: none !important; }
#slideshow .galleria-carousel .galleria-thumbnails-list { margin-left: 0px; margin-right: 0px; }
#slideshow .galleria-info { width: 407px !important; top: 196px !important; left: 5px !important; }
#slideshow .galleria-info-text {  opacity: 0.8 !important; padding: 5px !important; }
#slideshow .galleria-info-title { font: 13px/1.1 sans-serif; margin-top: 6px; margin-left: 4px; }
#slideshow .galleria-image-nav-left,
#slideshow .galleria-image-nav-right { background-image: url("http://icons.wxug.com/metgraphics/climate/galleria-classic-map.png"); background-repeat: no-repeat; }
#slideshow .galleria-errors {  visibility: hidden;  display: none; }

.lm30 { margin-left: 30px; }
.rm30 { margin-right: 30px; }
.w330 { width: 330px; }
.h50 { height: 50px; }
.h32 { height: 32px; }

.titleSubtleGreen { clear: both; background-color: rgba(149,193,70,0.3); margin-bottom: 10px; padding: 5px; }
.borderBottom { border-bottom: 1px solid #DFDFDF; }
.borderBoxFull { border-bottom: 1px solid #BEBEBE; border-top: 1px solid #BEBEBE; border-left: 1px solid #BEBEBE; border-right: 1px solid #BEBEBE; }

.subtleTitleThin { font-size: 12px; color: rgb(50,50,50); border-bottom: 1px solid #BEBEBE; background: url(http://icons.wxug.com/metgraphics/climate/subtleTitleThinBar.png) repeat-x; height: 24px; line-height: 24px; padding-left: 10px; }
.subtleTitleThin A.subtleTitleThinShow { display: block; width: 27px; height: 24px; background: url(http://icons.wxug.com/metgraphics/climate/subtleTitleBarIconsClose.png) no-repeat; background-position: 0px -25px; float: right; }
.subtleTitleThin A.subtleTitleThinShow:hover { background-position: 0px -50px; }
.subtleTitleThin A.subtleTitleThinHide { display: block; width: 27px; height: 24px; background: url(http://icons.wxug.com/metgraphics/climate/subtleTitleBarIconsClose.png) no-repeat; background-position: 0px -50px; float: right; }
.subtleTitleThin A.subtleTitleThinHide:hover { background-position: 0px -75px; }
.subtleTitleThin A { color: rgb(50,50,50); }

.outerPlaylist INPUT { z-index: 200; }
.innerPlaylist { z-index: 100; overflow: hidden; }

#videos a.capture { width: 161px; text-decoration: none; position: relative; display: block; float: left; }
#videos a.capture span.playbtn{ visibility: hidden; position: absolute; left: 0; top: 0; filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; }
#videos a.capture:hover span.playbtn { visibility: visible; }

a.capture { width: 120px; text-decoration: none; position: relative; display: block; float: left; }
a.capture span.playbtn{ visibility: hidden; position: absolute; left: 0; top: 0; filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; }
a.capture:hover span.playbtn { visibility: visible; }
a.snapture { width: 100%; text-decoration: none; position: relative; }
a.snapture span.playbtn{ visibility: hidden; vertical-align: middle; filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; }
a.snapture:hover span.playbtn { visibility: visible; }

.LayerExtremes_selectedlist SPAN { font-weight: bold; }
.LayerExtremes_selectedlist { font-size: 11px; padding: 5px 10px; background-color: #EFEFEF; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
#LayerExtremes_dynamiclegend DIV { height: 30px; line-height: 13px; width: 120px; float: left; margin: 5px 0 5px 5px; font-size: 11px; }
#LayerExtremes_dynamiclegend DIV IMG { width: 30px; height: 30px; float: left; margin-right: 5px; display: block; }

.stationMetadataBoundingBox {background: url("http://icons.wxug.com/i/wu/gradDownSmall.png") repeat-x scroll 0 0 transparent;height: 47px;}
.stationMetadataBox {float: left; padding: 7px 10px 0; }
.tickDownSmallRight {background: url("http://icons.wxug.com/i/wu/tickDownSmall.png") no-repeat scroll right top transparent;}
.tickDownSmallLeft {background: url("http://icons.wxug.com/i/wu/tickDownSmall.png") no-repeat scroll left top transparent;}
.titleSubtle {margin-bottom: 5px;}

#LayerExtremes_stationinfo_table { border-top: 1px solid #E0E0E0; }
#LayerExtremes_stationinfo_table TD { padding: 2px 0 0 7px; cursor: pointer; border-left: 0; }
#LayerExtremes_stationinfo_table DIV.taC { margin: 10px 0; }

#LayerExtremes_options.infoBox { border: 0 !important; width: auto !important;
-moz-border-radius: 0 !important;
-webkit-border-radius: 0 !important;
border-radius: 0 !important;
-moz-box-shadow: 0px 0px 0px #FFF !important;
-webkit-box-shadow: 0px 0px 0px #FFF !important;
box-shadow: 0px 0px 0px #FFF !important; }

#mapToggle A { color: #333; float: right; margin-right: 13px; margin-top: 12px; display: block; width: 90px; height: 21px; line-height: 21px; padding: 0 10px 0 5px; overflow: hidden; background: url(http://icons.wxug.com/i/wu/buttonBG.png) repeat-x top; border: 1px solid #999; }
#mapToggle A SPAN { background: url(http://icons.wxug.com/i/wu/buttonTarget.png) no-repeat left; padding-left: 20px; display: block; height: 21px; line-height: 21px; }
#mapToggle:hover A { text-decoration: none; color: #000; } 
.expanded A { background-position: right bottom !important; }

#flot_forecast_indicator TABLE TD { color: #666; vertical-align: middle; padding: 0; }

/* LOCAL CLIMATE */

.localOptionDiv { font-size: 11px; padding: 5px; }

/* RECORD EXTREMES STATION MAP SELECTOR */

#stationselector { background: #FFF url(http://icons.wxug.com/i/wu/gradDownBG.png) repeat-x top; position: absolute; top: 0px; left: 0px; width: 634px; border: 1px solid #BEBEBE; z-index: 300; }
#stationselector_map { width: 322px; height: 501px; float: right; }
#stationselector_air { width: 312px; float: left; }
#stationselector_pws { width: 312px; float: left; border-top: 1px solid #DEDEDE; margin-top: 10px; }
#stationselector_button.expanded { background-position: right bottom !important; }
#stationselector_webcampreview { position: absolute; }
#stationselector_webcampreview IMG { width: 140px; height: 100px; display: block; border: 4px solid #000; background-color: #FFF; }

/* sprites */
.stationselectorHeaderAirport,
.stationselectorHeaderPWS,
.stationselectorRowAirportIcon,
.stationselectorRowPWSIcon,
.stationselectorMarkerAirport,
.stationselectorMarkerPWS { background: transparent url(http://icons.wxug.com/i/wu/stationSelector.png) no-repeat 0 0; }

/* row headers */
.stationselectorHeaderAirport { background-position: 0 -165px; margin: 10px; padding-left: 18px; }
.stationselectorHeaderPWS     { background-position: 0 -179px; margin: 10px; padding-left: 18px; }

/* rows */
.stationselectorRowAirport,
.stationselectorRowPWS { display: block; width: 292px; height: 15px; line-height: 15px; padding: 4px; margin: 2px 6px; font-size: 11px; white-space: nowrap; overflow: hidden; }
.stationselectorRowAirport.none,
.stationselectorRowPWS.none { display: none; }

.stationselectorRowAirportIcon { background-position: 0px 0px; }
.stationselectorRowPWSIcon     { background-position: 0 -32px; }
.stationselectorRowAirportIcon,
.stationselectorRowPWSIcon { overflow: hidden; width: 18px; height: 15px; line-height: 15px; display: block; text-align: center; color: #FFFFFF; float: left; margin-right: 6px; }

.noStations { font-size: 11px; color: #666; margin: 10px; }

/* rows hover */
.stationselectorRowAirport.hover,
.stationselectorRowPWS.hover { background-color: #E8EBF5; }
/*
.stationselectorRowAirport.hover .stationselectorRowAirportIcon { background-position: 0 -16px; }
.stationselectorRowPWS.hover .stationselectorRowPWSIcon { background-position: 0 -48px; }
*/

/* rows selected */
.stationselectorRowAirport.selected,
.stationselectorRowPWS.selected { background-color: #FEF1D9; }

.stationselectorRowAirport.selected .stationselectorRowAirportIcon { background-position: 0 -16px; }
.stationselectorRowPWS.selected .stationselectorRowPWSIcon { background-position: 0 -48px; }

/* rows webcam */
.stationselectorRowWebcam { width: 18px; height: 11px; background: url(http://icons.wxug.com/i/wu/mapCams.png) no-repeat; background-position: 0 1px; }
.stationselectorRowWebcam.hover { background-position: 0 -11px; }
.stationselectorRowWebcam IMG { width: 18px; height: 11px; border: 0; }

/* markers */
.stationselectorMarkerAirport { background-position: 0 -65px; }
.stationselectorMarkerPWS { background-position: 0 -115px; }
.stationselectorMarkerAirport,
.stationselectorMarkerPWS { overflow: hidden; width: 29px; height: 25px; line-height: 22px; font-size: 11px; display: block; text-align: center; color: #FFFFFF; }

.stationselectorMarkerAirport.hover { background-position: 0 -90px; }
.stationselectorMarkerAirport.selected { background-position: 0 -90px; }
.stationselectorMarkerPWS.hover { background-position: 0 -140px; }
.stationselectorMarkerPWS.selected { background-position: 0 -140px; }

/* footer */
.stationselector_footer { position: absolute; bottom: 0px; left: 0px; padding: 10px; width: 292px; border-top: 1px solid #DEDEDE; font-size: 11px; color: #666; }
.stationselector_footer DIV { margin-top: 5px; }
.stationselector_prev { float: right; }
.stationselector_next { float: right; margin-left: 18px; }
.stationselector_prev.disabled,
.stationselector_next.disabled { color: #CDCDCD; }
.stationselector_close { background: url(http://icons.wxug.com/i/wu/mapClose.png) no-repeat; position: absolute; top: 10px; right: 10px; width: 16px; height: 16px; display: block; }