/* ------------------------------------------
TBD
http://tbd.com
1100 Wilson BLVD, Suite 601
Arlington, VA 22209

Author: Jared Cunha
Contact: jcunha@tbd.com 
------------------------------------------ */
   
@import url(common/reset.css);            /* RESET CSS */
@import url(common/global.css);           /* GLOBAL CSS */
@import url(common/top-articles.css);     /* TOP STORIES CSS */
@import url(common/tab-box.css);           /* GLOBAL CSS */
@import url(common/ui-components.css);    /* GLOBAL CSS */
@import url(common/side-widgets.css);     /* SIDEBAR WIDGETS CSS */


/*
=================================================================================
MAIN SECTION AND OVERRIDES
=================================================================================*/
#mainContent {border-top: 5px solid #29abe1;}

#currentConditions #mainContent h1, #forecastHourly #mainContent h1, #radar #mainContent h1, #alert #mainContent h1 {text-indent:-9999em; width:610px; height:131px; margin: -10px 0 0; background: url(http://images.tbd.com/weather/weather-section-banner.jpg) no-repeat; border-top:none;}
#currentConditions #mainContent, #forecastHourly #mainContent, #radar #mainContent, #alert #mainContent {border-top:none}


#mainContent h1 {border-top:1px solid #dbdbdb; margin-top:1px;}
img.headshot {position:absolute; top:-14px; right:0;}

.current-conditions {visibility:hidden;}

/*extra top items*/
.alert-mod {margin-top: 15px;}

/*locale and area search*/
#weatherLocale {overflow:hidden; height:1%; margin-bottom:10px}
#weatherLocale h2 {font-size:2.14em; padding: 0 0 7px; margin-bottom: 1px; float:left; display:inline; line-height:1.1; width:280px; margin-right:30px;}
#weatherLocale h2 span {display:block; font-size: 0.47em; color: #898989; font-weight:normal;padding: 0 0 7px;}

#weatherZip {float:left; display:inline; overflow:hidden; height:1%;}
#weatherZip label {display:block; font-size: 0.79em; font-style:italic; margin-bottom:1px; color:#898989;}
#weatherZip input {float:left; display:inline;}
#weatherZip input#currentWeatherZip {font-size:1.29em;margin-top:1px; margin-right:3px; padding:3px 5px; width: 216px}

/*tabs*/
.subsection-tabs a:link, .subsection-tabs a:visited {background-image: url(http://images.tbd.com/sprites/weather-tab-icons.png); background-repeat:no-repeat; padding-left:40px;}
.subsection-tabs li#tabCurrentConditions a:link, .subsection-tabs li#tabCurrentConditions a:visited {background-position: 7px 5px;}
.subsection-tabs li#tabHourly a:link, .subsection-tabs li#tabHourly a:visited {background-position: 12px -85px;}
.subsection-tabs li#tab7Day a:link, .subsection-tabs li#tab7Day a:visited {background-position: 10px -176px;}
.subsection-tabs li#tabRadar a:link, .subsection-tabs li#tabRadar a:visited {background-position: 8px -266px;}
.subsection-tabs li#tabAlerts a:link, .subsection-tabs li#tabAlerts a:visited {background-position: 8px -355px;}

/*apply background and border*/
#weatherSnapShot, #next48Hours {border-bottom: 1px dashed #cecece;}
#weatherAlert, #weatherError {background: transparent url(http://images.tbd.com/weather/sections-shadow.png) repeat-x left bottom;}

/*
=================================================================================
ALERTS BOX
=================================================================================*/
.alerts-summary {margin-bottom:15px; border: 1px solid #c20000; position:relative;}
.alerts-summary h2 {background:#c20000 url(http://images.tbd.com/icons/alert-heading-icon.png) no-repeat 6px 6px; color: #FFFFFF; font-size: 1.43em; padding:3px 0 3px 42px;}
.alerts-summary ul li {padding: 6px 12px 6px 42px; font-weight:bold; border-bottom: 1px solid #cecece;}
.alerts-summary ul li.last {border-bottom:none;}
.alerts-summary ul li a {color: #1a1a1a}
.alerts-summary ul li a:hover {color: #0a678e}
.alerts-summary a.more {color: #FFFFFF; position:absolute; right:12px; top:9px;}
.alerts-summary p {line-height:1.2; padding: 6px 12px;}
/*
=================================================================================
Current Conditions / Weather Front
=================================================================================*/

#mainForecast {float:left; display:inline; width: 290px; overflow:hidden; height:1%;}
#mainForecast h3{position:relative; left:-4px; float:right; line-height:1; margin-bottom:0; width:165px}
#mainForecast h3 strong {font-size:4.15em;line-height: 0.8; display:block; margin-bottom:5px;}
#mainForecast h3 span {font-size:.7em; display:block;margin-bottom:4px;}
#mainForecast .last-updated {margin-bottom:3px;}

#forecastDetails {float:right; display:inline; width:290px;}

#forecastMedia {padding-bottom:0;}
a.radar-snapshot {width:290px; text-align:center; display:inline-block; float:left; font-weight:bold;}
a.radar-snapshot:hover {text-decoration:none;}
a.radar-snapshot img {display:block;}
a.quick-cast {width:290px; float:right; color:#fff;border-bottom:1px solid #000}
a.quick-cast:hover {text-decoration:none;}
a.quick-cast img {display:block; border-bottom:1px solid #000}
.quick-cast .player {background: #000 url(http://images.tbd.com/weather/quickcast-play.png) no-repeat 7px 5px;border-bottom:1px solid #242424; border-top:1px solid #242424; padding:5px 10px 5px 82px;}
.quick-cast h5 {color:#fff; font-size:1.43em; line-height:1;}
.quick-cast .updated {font-size: .86em;}
.quick-cast:hover .player {background-position: 7px -75px}

/*ABC 7 Quick Forecast*/
#abc7Forecast .banner {width:590px; height:81px; background: url(/images/weather/sprite-headshots.jpg) no-repeat; padding: 25px 9px 0;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;line-height:1.1; margin: 0 0 10px -9px; zoom:1;}
#abc7Forecast .banner-generic {background-position: 0 0;}
#abc7Forecast .banner-liggitt {background-position: 0 -116px;}
#abc7Forecast .banner-ryan {background-position: 0 -232px;}
#abc7Forecast .banner-vandegraaff {background-position: 0 -348px;}
#abc7Forecast .banner-naille {background-position: 0 -464px;}
#abc7Forecast .banner-hill {background-position: 0 -580px;}
#abc7Forecast .banner-metcalfe {background-position: 0 -696px;}
#abc7Forecast .banner-rudin {background-position: 0 -812px;}
#abc7Forecast .banner-auglis {background-position: 0 -928px;}
#abc7Forecast .banner-lucie {background-position: 0 -1044px;}
#abc7Forecast .banner-miller {background-position: 0 -1160px;}
#abc7Forecast .banner-caskey {background-position: 0 -1280px;}
#abc7Forecast .banner-zahren {background-position: 0 -1400px;}

#abc7Forecast .banner h3 {font-size: 2em;  letter-spacing: -.05em;  margin-bottom:3px;}
#abc7Forecast .banner .byline {font-size:1.14em; color:#1a1a1a; font-style:normal; margin-bottom:3px;}
#abc7Forecast .banner a.fb:link, #abc7Forecast .banner a.fb:visited, #abc7Forecast .banner a.twitter:link, #abc7Forecast .banner a.twitter:visited {background: url(http://images.tbd.com/sprites/social-sm.gif) no-repeat; padding: 0 0 1px 20px}
#abc7Forecast .banner a.fb:link, #abc7Forecast .banner a.fb:visited {background-position:0 0;}
#abc7Forecast .banner a.twitter:link, #abc7Forecast .banner a.twitter:visited {background-position:0 -63px;}

#abc7Forecast .article {font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.07em;}
#abc7Forecast .article .last-updated {font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; margin-bottom:3px}
#abc7Forecast .article p {margin-bottom:1em;}
#abc7Forecast .article p.intro {margin-bottom:1.5em;}
#abc7Forecast .article .toggle-switch {font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; float:left; padding-right:11px; background: url(http://images.tbd.com/icons/more-below.gif) no-repeat right center;}
#abc7Forecast .more {float:right;}
#abc7Forecast .forecast-summary {margin-bottom:1.5em;}
#abc7Forecast .forecast-summary p {margin-bottom:0;}
#abc7Forecast .forecast-summary strong {font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; text-transform:uppercase}

/*extended forecast*/
#extendedForecast {background: url(http://images.tbd.com/weather/extended-forecast-bg.jpg) no-repeat 9px 15px; height:500px; border-top: 1px dashed #cecece; margin-bottom:15px;}
#extendedForecast h3, #extendedForecast h4 {margin-left:20px; line-height:1; color:#fff;}
#extendedForecast h3 {margin-bottom:2px; font-size:2.14em; margin-top:15px;}
#extendedForecast h4 {font-size:1.14em; margin-bottom:15px;}
ol#extendedGraphic {display:inline-block; margin-left:20px; color:#fff; font-weight:bold; }
ol#extendedGraphic:after {content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden;}
ol#extendedGraphic li {float:left;width:70px; height:382px; margin-right:10px; position:relative; text-align:center; background: url(http://images.tbd.com/weather/extended-graphic-bg.png) no-repeat; line-height:1; -webkit-box-shadow: 0 0 3px rgba(0,0,0,.25)}
ol#extendedGraphic li.day1 {z-index:8}
ol#extendedGraphic li.day2 {z-index:7}
ol#extendedGraphic li.day3 {z-index:6}
ol#extendedGraphic li.day4 {z-index:5}
ol#extendedGraphic li.day5 {z-index:4}
ol#extendedGraphic li.day6 {z-index:3}
ol#extendedGraphic li.day7 {margin-right:0; z-index:2}
ol#extendedGraphic li h5 {text-transform:uppercase; color:#fff; font-size:1.43em; margin:4px 0;text-shadow: 0 1px 2px rgba(0,0,0,.75)}
ol#extendedGraphic li abbr {border:none; cursor: default;}
ol#extendedGraphic li .precip {font-size:.86em;}
ol#extendedGraphic li .high {position:absolute; bottom:0; width:100%; z-index:8; font-size:2.14em; left:0;text-shadow: 0 1px 2px rgba(0,0,0,.75)}
ol#extendedGraphic li .high .index {display:block; background:#b61800 url(http://images.tbd.com/weather/high-bg.png) repeat-x 0 bottom; z-index:9; position:relative; border-top:1px solid #e7371c; border-left:1px solid #891301; border-right:1px solid #891301;}
ol#extendedGraphic li .low {position:absolute; background:#537ffd url(http://images.tbd.com/weather/low-bg.png) repeat-x; width:68px; height:35px; bottom: -37px; left:38px; z-index:60; font-size: 1.86em; display:block; float:left; text-shadow: 0 2px 3px rgba(28,73,203,.95); padding-top:7px; border: 1px solid #2558e8; -webkit-box-shadow: 0 0 5px rgba(0,0,0,.5), inset 1px 0 #3e6ef7, inset -1px 0 #3e6ef7}

/*
=================================================================================
Hourly
=================================================================================*/
#hourlyForecastBox {padding-left:0; padding-right:0; padding-bottom:0;}
#hourlyForecastBox #weatherLocale {margin-left:9px; margin-right:9px}
table.hourly-forecast {font-size: 1.14em; width:100%; border-collapse:collapse; color: #898989;}
table.hourly-forecast thead {position:absolute; left:-99999em; font-size:0; height:0; line-height:0; visibility:none; color: #FFFFFF}
table.hourly-forecast tbody th, table.hourly-forecast tbody td {border-top: 1px solid #dbdbdb; vertical-align:middle; padding-right:10px; padding-top:5px; padding-bottom: 5px;}
table.hourly-forecast th.time {width: 104px; padding-left: 9px;}
table.hourly-forecast th.time strong {color: #9cc11a;}
table.hourly-forecast td.condition {text-align:center; width:52px;}
table.hourly-forecast td.condition img {display:block; margin:0 auto;}
table.hourly-forecast td.temp { font-size: 1.88em; color: #1a1a1a; font-weight:bold; width:114px; text-align:center;}
table.hourly-forecast td.feels-like {width: 114px;}
table.hourly-forecast td.precip {padding-right:9px;}

/*
=================================================================================
7 Day
=================================================================================*/
#forecast7Day #mainContentFull {border-top: 5px solid #29abe1; position:relative;height:1%}
forecast7Day #mainContentFull:after {content : "\0020"; display : block; height : 0; clear : both; visibility : hidden; overflow : hidden; }
#forecast7Day #mainContentFull h1 {margin-bottom:30px;border-top: 1px solid #DBDBDB;margin-top: 1px;}

#forecast7Day #mainContent {border-top:none;}

#sevenDayForecastBox {padding-left:0; padding-right:0; padding-bottom:0;}
#sevenDayForecastBox #weatherLocale {margin-left:9px; margin-right:9px}
table.seven-day-forecast {width:100%; border-collapse:collapse; color: #898989;}
table.seven-day-forecast thead {position:absolute; left:-99999em; font-size:0; height:0; line-height:0; visibility:none; color: #FFFFFF}
table.seven-day-forecast tbody th, table.seven-day-forecast tbody td {border-top: 1px solid #dbdbdb; padding-right:10px; padding-top:10px; padding-bottom: 10px;}
table.seven-day-forecast th.date {font-size: 1.14em; width: 104px; padding-left: 9px; text-align:center; line-height:1.3}
table.seven-day-forecast th.date strong {color: #9cc11a; display:block;}
table.seven-day-forecast td.condition {text-align:center; width:114px;}
table.seven-day-forecast td.condition img {display:block; margin:0 auto;}
table.seven-day-forecast td.temp-and-info {width:176px; text-align:center; padding-right:72px; line-height:1.3}
table.seven-day-forecast td.temp-and-info .temp {font-size: 2.14em;}
table.seven-day-forecast td.temp-and-info .temp strong {color: #1a1a1a;}
table.seven-day-forecast td.forecast-details {color: #333333; line-height:1.3;}

table.seven-day-forecast td.forecast-details .more-info {color: #666666;}
table.seven-day-forecast td.forecast-details .more-info li {display:inline;margin-right:20px;}
table.seven-day-forecast td.forecast-details .more-info li.last {margin-right:0;}

/*
=================================================================================
Radar
=================================================================================*/
#weatherRadar img {width:588px;}


/*
=================================================================================
Alerts and Error pages
=================================================================================*/
#weatherAlert .alert-heading h2, #weatherError .alert-heading h2 {color: #ed1c24; text-transform: uppercase; font-size: 1.29em; line-height:1.2; margin-bottom:1em; padding-left: 52px; background: transparent url(http://images.tbd.com/weather/alert-icon.png) no-repeat 0 0}
#weatherError .alert-heading h2 {color: #1a1a1a; font-size: 4em; line-height:.8; text-transform: none; margin-bottom:.25em;}
#weatherAlert .alert-heading h2 span{text-transform: none; color: #898989; display:block; font-weight:normal;}
#weatherAlert p {margin-bottom: 1em; line-height:1.4}

#weatherError p {font-weight:bold; margin-bottom:2em; color: #898989; margin-left: 52px;}



/*
=================================================================================
Content Modules
=================================================================================*/
#liveStreams h3, #hdMaps h3 {background: transparent url(http://images.tbd.com/logos/hd-logo.png) no-repeat right 17px;}


/*today's forecast*/
#todaysForecast p {font-family:Georgia, "Times New Roman", Times, serif; margin-bottom:1em; font-size: 1.07em}
#todaysForecast a.more {border-top: 1px dashed #cecece; padding-top:10px;}

/*weather blog*/
#abc7WeatherBLog ul {padding-left:0; padding-right:0}
#abc7WeatherBLog ul li {padding-left:10px; padding-right:10px}

/*weather stories*/
#weatherStories ul {padding-left:0; padding-right:0}
#weatherStories ul li {padding-left:10px; padding-right:10px}

/*hd maps*/
#hdMaps {border-bottom:none; padding-bottom:0;}
#hdMaps ul.tn-list {border-bottom:none; margin-bottom:0;}
#hdMaps ul.tn-list li {width:135px; margin-right:10px}
#hdMaps ul.tn-list li.even {margin-right:0;}
#currentConditions #hdMaps ul.tn-list li {width:278px; margin-right:30px}
#currentConditions #hdMaps ul.tn-list li.even {margin-right:0;}

/*Live Super Doppler*/
#liveSuperDoppler {padding-bottom:15px;}
#liveSuperDoppler a {padding:0;}
#liveSuperDoppler img {text-align:center; margin:0 auto; display:block;}

/*
=================================================================================
HD Maps
=================================================================================*/
#hdMapsPage #mainContentFull {border-top: 5px solid #29abe1; position:relative; margin-bottom:10px; padding-bottom:10px; border-bottom: 1px solid #9e9e9e; height:1%}
#hdMapsPage #mainContentFull:after {content : "\0020"; display : block; height : 0; clear : both; visibility : hidden; overflow : hidden; }
#hdMapsPage #mainContentFull h1 {margin-bottom:30px;border-top: 1px solid #DBDBDB;
margin-top: 1px;}
#hdMapsPage #mainContentFull h2 {line-height:1.1; font-size: 2.14em; letter-spacing: -.025em;}
img#theMap {display:block; margin-bottom:10px;}

#hdMapsPage #mainContent {border-top:none;}

.maps-list {overflow:hidden; width: 100%; }
.maps-list li {float:left; display:inline; margin-right: 34px; width:135px;}
.maps-list li.last {margin-right:0;margin-left:2px;}
.maps-list li img {display:block; margin-bottom:3px}
.maps-list li a {font-weight:bold; display:block; margin-bottom:0; line-height:1.1; font-size: .93em}
.maps-list li a:hover {text-decoration:none; background:transparent;}
.maps-list li .timestamp {font-size:.86em}

a:link.refresh, a:visited.refresh {display:inline; float:left; width:122px; text-align:center; font-weight:bold; height:110px; background: transparent url(http://images.tbd.com/icons/refresh.png) no-repeat center 24px; position:relative;}
a:hover.refresh {background-color:transparent; text-decoration:none;}

.section-tools h4 {margin-top: -5px}
.section-tools ul {border-bottom:none; margin-bottom:0;}


/*
=================================================================================
School Closings
=================================================================================*/
#closingsAndDelays #mainContent {border:none;}
#closingsAndDelays #mainContent h1 {border:none; padding-top:0;}

#closingsAndDelays .subsection-tabs a:link, #closingsAndDelays .subsection-tabs a:visited, #closingsAndDelays .subsection-tabs a:active {background-image:none; padding-left:10px;}

#closingsBox #alert {margin-bottom:0; padding-bottom:0;}
#closingsBox #localAlertsBox {margin-bottom:0;}

#closingHeading {border-bottom:1px dashed #cecece;}
#closingHeading h2 {font-size:2.14em;}

#closingsList {padding-left: 0; padding-right:0;}
#closingsList .jump {color: #666; font-weight:bold; margin: 0 9px 15px;}
#closingsList h3 {border-top: 1px dashed #cecece; margin-bottom:8px; font-size:1.43em; color:#9cc11a; padding:10px 9px 0;}
#closingsList h3:first-child {border:none; padding-top:0;}
#closingsList ul {padding-left: 9px; padding-right:9px;}
#closingsList li {line-height: 1.25; margin-bottom:15px;}
#closingsList li h4 {font-size: 1.43em;}
#closingsList li .org-name2, #closingsList li .org-name3 {font-weight:bold; font-size:1.14em;}
#closingsList li .county-name {color: #898989; text-transform:uppercase; font-weight:bold;}
#closingsList li .adr {color: #898989;}
#closingsList li .adr abbr {border:none;}
#closingsList li strong {color: #9e0b0f; display:block;}
#closingsList li em {color: #333333; display:block;font-family:Georgia, "Times New Roman", Times, serif;}
#closingsList li .timestamp {font-size: .86em;}
#closingsList p.no-closings {font-family:Georgia, "Times New Roman", Times, serif; color: #333333; font-size:1.29em; margin-bottom:15px; padding-left: 9px; padding-right:9px; line-height:1.2}

#seeAlsoClosings {overflow:hidden; height:1%; border-top: 1px solid #dbdbdb}
#seeAlsoClosings h5 {color: #464646}
#seeAlsoClosings ul {display:inline; list-style:disc; list-style-position:inside; width:290px;}
#seeAlsoClosings ul.col1 {float:left; margin-right:10px;}
#seeAlsoClosings ul.col2 {float:right;}