/* fixed with table*/
 table#fixed-layout {
     width: 100%;
     margin: 0 auto;
}
 table#fixed-layout, table#fixed-layout tr , table#fixed-layout tr td{
     padding: 5px 0px 5px 0px;
}
 table#fixed-layout tr td.td1 {
     text-align: left;
     padding-left: 10px;
}
 .container {
     position: relative;
     width: 1016px;
     margin: 0px auto;
     padding: 0 0 0 0;
     margin-top: -23px;
}
 .menu-wrapper{
     padding-bottom: 15px;
     margin: 0 auto;
     max-width: 1016px;
}
 .headernavcontainer{
     width: 100%;
     height: 34px;
     background: #6e6e72;
     display: block;
     margin: 0;
     position: fixed;
     top: 0;
     z-index: 600;
     -webkit-box-shadow: 0px 0px 2px 1px rgba(182, 182, 182, .3);
     -moz-box-shadow: 0px 0px 2px 1px rgba(182, 182, 182, .3);
     box-shadow: 0 0 4px rgba(0, 0, 0, 0.6);
}
 ul.headernav li a {
     height: 34px;
     width : 40px;
}
 ul.headernav li a.headernavcontact{
     background:#464647 url(/styles/images/elders/icon-mail-white.png) no-repeat center;
     float:left;
     padding:0;
}
 ul.headernav li a.headernavhome{
     background: #9D0203 url(/styles/images/elders/icon-home-white.png) no-repeat center;
     float:left;
     padding:0;
}
 ul.headernavsites li a{
     text-decoration: none;
     color:#fff;
     float:left;
     padding:7px 14px 12px 14px;
}
 .header {
     height: 108px;
     width: 100%;
     clear: both;
     margin: auto;
     padding: 0;
     overflow: auto;
     margin-top: 43px;
     display: flex;
     align-items: center;
}
 .header .header-content{
     margin: auto;
     padding: 0;
     max-width: 1016px;
}
 .logo{
     float: left;
     height:90px;
     width: 125px;
     position: relative;
     background-position: center;
}
 .weather-text{
     float: left;
     font-size: 19pt;
     font-weight: normal;
     line-height: 93px;
     padding-left: 21px;
     padding-right: 21px;
     color: #000;
     font-family: "metaplus-bold";
}
 .sitehomelink {
     text-decoration: none;
     display: block;
     text-indent: -999px;
     height: 90px;
     background: url('/styles/images/elders/images/elders-logo.png') no-repeat center;
     background-size: contain;
}
 .headerad{
     float: left;
     height:90px;
     width: 728px;
     margin-left: 23px;
     position: relative;
     background-position: center;
     display: flex;
     align-items: center;
     overflow: hidden;
}
 .footerad{
     float: left;
     height: 90px;
     margin-left: 23px;
     margin-bottom: 23px;
     width: 728px;
     background-position: center;
     display: flex;
     align-items: center;
     overflow: hidden;
}
 .rhsad {
     height: 250px;
     margin-top: 23px;
     float: right;
     clear: both;
}
 .col-1-left {
     max-width: 100%;
     margin: 0 auto;
     overflow: hidden;
     margin-left: 23px;
     margin-bottom: 23px;
     clear: both;
}
 .col-1-left .apps{
     width: 100%;
     margin: 23px 0px 0px 0px;
}
 .col-1-left .apps div {
     position: relative;
     box-sizing: border-box;
     display:inline-block;
     background-size: contain;
     background-repeat: no-repeat;
     width: 49%;
     height: 0;
     vertical-align:top;
     padding-top:87%;
}
 .col-1-left .app-logo {
     float: left;
     width: 100%;
}
 .col-1-left .app-logo .appstore-logo{
     float: left;
     width: 215px;
     height: 83px 
}
 .col-1-left .app-logo .playstore-logo{
     float: right;
     width: 240px;
     height: 95px;
     margin-top: -10px;
     margin-right: -15px;
}
 .col-1-left .feature {
     margin: 0px 0px 0px 40px;
}
 .col-1-left .feature ul {
     list-style-type:circle;
}
 .content {
     padding: 0;
     display: block;
     margin-top: 20px;
     background: #fff;
}
 .container .twelve.columns {
     width: 100%;
     overflow: hidden;
}
 #content div.m-cont {
     float: left;
     width: 65%;
     margin: auto 0;
     padding:0 ;
     margin-bottom: 23px;
}
 #content div.r-cont {
     float: left;
     width: 30.315%;
     padding: 23px;
}
 #header, #content {
     width: 100%;
     margin: 0 auto;
}
/* from content.layout.css*/
 #weather-crumbs {
     clear: both;
     margin: 0px;
     padding: 23px 0px 0px 23px;
}
 .oldsitelink{
     clear: both;
     margin-top: 15px;
}
 .oldsitelink span a{
     font-size: 14pt;
     color: #df0021;
     text-decoration:underline;
}
 .searchbox{
     clear:both;
     height: 89px;
     background: #df0021;
}
 .searchform {
     float: left;
     border-image-source: initial;
     border-image-slice: initial;
     border-image-width: initial;
     border-image-outset: initial;
     border-image-repeat: initial;
     box-shadow: none;
     background: #fff;
     border-width: 0px;
     border-style: initial;
     border-color: initial;
     overflow: hidden;
     margin: 15px;
}
 .searchform .input-append input[type="text"] {
     height: 23px;
     line-height: 30px;
     width: 229px;
     margin-left: 10px;
     border-image-source: none;
     border-image-slice: initial;
     border-image-width: initial;
     border-image-outset: initial;
     border-image-repeat: initial;
     border-width: 0px;
     border-style: initial;
     border-color: initial;
     border-radius: 0px;
}
 .input-append .active, .input-prepend .active {
     background-color: #adacae;
     border-color: #46a546;
     color: #000;
}
 #location-search-box:focus, #location-search-box:active{
     overflow: hidden;
     border: none;
     box-shadow: none;
     border: none;
     outline:none;
}
 .searchform .btn,
 .searchform2 .btn  {
     height: 35px;
     text-indent: -9999px;
     width: 23px;
     box-shadow: none;
     background: url("/styles/icons/elders/common/search@2x.png") no-repeat #fff;
     overflow: hidden;
     border: none;
     color: #FFF;
     cursor: pointer;
     background-size: 23px 23px;
     background-position: right center;
     margin-right: 10px;
}
 .searchform .btn:focus, .searchform .btn:active,
 .searchform2 .btn:focus, .searchform2 .btn:active {
     overflow: hidden;
     border: none;
     box-shadow: none;
     color:white;
     border: none;
     outline:none;
}
 .searchbox span{
     float: right;
     margin-right: 10px;
     margin-top: -4px;
}
 .searchbox span a{
     text-decoration: none;
     text-transform: capitalize;
     color: #fff;
}
 .searchbox .dropdown-menu,
 .searchform2 .dropdown-menu {
     position: absolute;
     overflow: auto;
     width: 277px;
     padding-bottom: 0px;
     margin-left: 0px;
     margin-top: 4px;
     z-index: 9999;
     border-top: 1px solid #adacae;
     padding-top: 10px;
     background: #fff;
     -webkit-box-shadow: 1px 1px 2px 0px #dedede;
     -moz-box-shadow: 1px 1px 2px 0px #dedede;
     box-shadow: 1px 1px 2px 0px #dedede;
}
 .searchbox ul.dropdown-menu a,
 .searchform2 ul.dropdown-menu a {
     text-decoration: none;
}
 .searchbox ul.dropdown-menu li,
 .searchform2 ul.dropdown-menu li {
     padding-top: 10px;
     padding-bottom: 10px;
     width: 100%;
}
 .searchbox ul.dropdown-menu li a,
 .searchform2 ul.dropdown-menu li a {
     margin-left: 10px;
     margin-right: 10px;
     width: 100%;
}
 .searchbox ul.dropdown-menu li:hover,
 .searchform2 ul.dropdown-menu li:hover {
     background: #eaeaea;
}
 .mylocal-icon:before {
     content: url('/styles/icons/elders/common/favourtie-white@2x.png');
     transform: scale(.7);
     margin-top: -4px;
     display: block;
     float: right;
}
 .right-arrow:before {
     content: url('/styles/icons/elders/common/right-arrow.png');
     transform: scale(.6);
     margin-top: -6px;
     display: block;
     float: right;
     margin-right: 15px;
}
 #right-col .rhsbox {
     margin-top: 23px;
     overflow: hidden;
     background: #f5f5f5;
     float: right;
     clear: both;
     width: 92.6%;
     padding: 15px;
}
 #right-col .rhsbox .title {
     display: table;
     width: 112%;
     margin-left: -15px;
     margin-bottom: 10px;
     border-bottom: 0.5pt solid #df0021;
}
 .shareable-page{
     float: right;
     margin-top: -36px;
}
 #right-col .rhsbox h4, #content div.r-cont h4{
     margin-top: 0px;
     vertical-align: middle;
     display: table-cell;
}
/* ================= warnings ============================= */
 .col-1-left .menu .leftmenu {
     float: left;
}
 .col-1-left .menu .rightmenu {
     float: right;
}
 .col-1-left .menu .menubutton{
     float: left;
}
 .col-1-left .posts {
     clear: both;
}
 .col-1-left .warnings .posts .row {
     padding: 0px 0px 23px 0px;
}
 .col-1-left .warnings .posts h3{
     margin-bottom: 0px;
}
 .col-1-left .warnings {
     width: 100%;
     clear: both;
}
 .col-1-left .posts .row .datetime{
     float: left;
     width: 16%;
     color: #d53333;
     font-style: italic;
     text-transform: uppercase;
     font-family: "LatoWebBold";
}
 .col-1-left .posts .row .message{
     float: left;
     width: 83%;
     margin-left: 5px;
}
 .col-1-left .warnings .title {
     width: 70%;
     float: left;
}
 .col-1-left .rss, .col-1-left .warnings .rss {
     float: right;
     padding: 5px;
     padding-right: 0px;
}
 .col-1-left .rss img, .col-1-left .warnings .rss img{
     float: right;
     display: block;
     max-width: 16px;
     max-height: 16px;
     width: auto;
     height: auto;
     padding-left: 10px;
     margin-top: -3px;
}
 .col-1-left .rss a, .col-1-left .warnings .rss a{
     float: right;
}
 #social-sharing{
     position:relative;
     margin-left: 77%;
}
 .social-sharing-ul{
     list-style-type: none;
     overflow: hidden;
}
 .social-sharing-ul li{
     float:left;
}
 .social-sharing-ul li a {
     display: block;
     padding: 14px 16px;
     text-decoration: none;
}
 .social-sharing-ul a.icon-facebook {
     background-image: url(/styles/images/elders/template/images/icons/common/facebook.svg);
     background-repeat: no-repeat;
}
 .social-sharing-ul a.icon-twitter {
     background-image: url(/styles/images/elders/template/images/icons/common/twitter.svg);
     background-repeat: no-repeat;
}
 .social-sharing-ul a.icon-share {
     background-image: url(/styles/images/elders/template/images/icons/common/share.svg);
     background-repeat: no-repeat;
}
 .social-sharing-ul a.icon-linkedin {
     background-image: url(/styles/images/elders/template/images/icons/common/linkedin.svg);
     background-repeat: no-repeat;
}
 .warningbox {
}
 .appsbox .storelogo {
     display: block;
     float: left;
     width: 44%;
}
 .appsbox .storelogo a {
     margin-left: -20px;
}
 .appsbox .storelogo img{
     width: 150px;
     height: 51px;
     margin-left: 25px;
}
 .appsbox .storelogo .appstore{
     width: 150px;
     height: 35px;
     margin-top: 8px;
     margin-left: 0px;
}
 .appsbox .storelogo .playstore{
     width: 150px;
     height: 50px;
}
 #appsheader h4, #socialheader h4 {
     padding-left: 15px;
     padding-bottom: 10px;
}
 .social .social-icons {
     display: inline-block;
     line-height: 45px;
     margin-left: 0px;
}
 .social .social-icons a {
     color: #df0021 !important;
     font-size: 25px !important;
     font-weight: 700 !important;
     padding-right: 25px;
}
 .posts h4 {
     font-size: 9.5pt;
     text-transform: none;
}
 #feedback table, #feedback tr , #feedback td{
     border: 0px;
     text-align: left;
}
 #right-col .rhsbox div#warningheader h4:before{
     float: left;
     padding-right: 5px;
     content: url('/styles/icons/elders/common/warnings@2x.png');
     display: inline-block;
     transform: scale(.6);
     position: relative;
     margin-top: -10px;
     padding-left: 9px;
     vertical-align: middle;
     display: table-cell;
}
 #right-col .rhsbox .recent-warnings{
     padding-top: 0px;
     font-size: 9.5pt;
}
 .col-1-left .posts .row, #right-col .rhsbox .recent-warnings ul li a .row, #right-col .rhsbox .newsbox ul li a .row {
     float: left;
     width: 100%;
     display: table-cell;
     vertical-align: middle;
     padding: 5px 0px 5px 5px;
}
 #right-col .rhsbox .recent-warnings ul li a .row {
     font-size: 9.0pt;
}
 #right-col .rhsbox .recent-warnings ul li a .row .state{
     width: 22%;
}
 #right-col .rhsbox .recent-warnings ul li a .row .datetime{
     width: 36%;
}
 #right-col .rhsbox .recent-warnings ul li a .row .message{
     width: 37%;
     margin-left: -3px;
}
 #right-col .rhsbox .recent-warnings ul li a .row div {
     float:left;
}
 #right-col .rhsbox .recent-warnings ul li a .row .state, #right-col .rhsbox .recent-warnings ul li a .row .datetime{
     text-transform: uppercase;
     font-family: "LatoWebBold";
     padding-right: 5px;
}
 #right-col .rhsbox .recent-warnings ul li a .row .datetime {
     padding-right: 0px;
}
 #right-col .rhsbox .recent-warnings ul li a .row .datetime{
     color: #d53333;
     font-style: italic;
}
 #right-col .rhsbox .recent-warnings ul li a .message{
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     padding-right: 0px;
}
 #right-col .rhsbox .recent-warnings ul li a, #right-col .rhsbox .newsbox ul li a {
     width: 100%;
     overflow: auto;
}
 #right-col .rhsbox .recent-warnings ul li a .row:hover, #right-col .rhsbox .newsbox ul li a .row:hover {
     background: #adacae;
     overflow: hidden;
     color: #000;
}
 #right-col .rhsbox .recent-warnings ul li a .row:hover div, #right-col .rhsbox .newsbox ul li a .row:hover div {
     color: #000;
}
 #right-col .rhsbox .recent-warnings ul li a .row:hover, #right-col .rhsbox .recent-warnings ul li a:visited .row, #right-col .rhsbox .recent-warnings ul li a:active .row, #right-col .rhsbox .newsbox ul li a .row:hover, #right-col .rhsbox .newsbox ul li a:visited .row, #right-col .rhsbox .newsbox ul li a:active .row {
     background: #adacae;
     overflow: hidden;
     color: #000;
}
 #right-col .rhsbox .recent-warnings ul li a .row:hover div, #right-col .rhsbox .recent-warnings ul li a:visited .row div, #right-col .rhsbox .recent-warnings ul li a:active .row div, #right-col .rhsbox .newsbox ul li a .row:hover div, #right-col .rhsbox .newsbox ul li a:visited .row div, #right-col .rhsbox .newsbox ul li a:active .row div {
     color: #000;
}
 #right-col .rhsbox .recent-warnings ul li .warningslink {
     clear: both;
     float: right;
     margin: 10px 5px 10px 0px;
}
 #right-col .rhsbox .recent-warnings ul li .warningslink:hover {
     color: #000000;
     overflow: hidden;
     background: #adacae;
}
/* ================= news ============================= */
 #right-col .rhsbox div#newsheader h4:before{
     float: left;
     padding-right: 5px;
     content: url('/styles/icons/elders/common/news@2x.png');
     display: inline-block;
     transform: scale(.6);
     position: relative;
     margin-top: -10px;
     padding-left: 9px;
     vertical-align: middle;
     display: table-cell;
}
 #right-col .rhsbox .newsbox ul li a .row .datetime{
     width: 20%;
}
 #right-col .rhsbox .newsbox ul li a .row .message{
     width: 79%;
}
 #right-col .rhsbox .newsbox ul li a .row div {
     float:left;
}
 #right-col .rhsbox .newsbox ul li a .row .datetime{
     font-family: "LatoWebBold";
}
 #right-col .rhsbox .newsbox ul li .newslink {
     clear: both;
     float: right;
     margin: 10px 5px 10px 0px;
}
 #right-col .rhsbox .newsbox ul li .newslink:hover {
     color: #000000;
     overflow: hidden;
     background: #adacae;
}
 #right-col .rhsbox .newsbox ul li.pad {
     line-height: 0;
     font-weight: bold;
     visibility: hidden;
}
/* ================= local weather ============================= */
 .region{
     padding-top: 0px;
}
 .local-region{
     margin: 0 0 0 23px;
     padding-top: 23px;
}
 .local, .obscast, .line, .world-local {
     float: left;
     display: table;
     overflow: auto;
     margin: auto auto;
     padding: 0 0 0 0;
     width: 100%;
     height: 100%;
     clear: both;
     margin-top: 23px;
}
 .obscast {
     margin-top: 10px;
}
 .local{
     margin-top: 0px;
}
 .local .location {
     float: left;
     width: 45%;
     margin: 0px 0px 0px 23px;
     margin-top: -23px;
}
 .obscast .observation {
     float: left;
     width: 45%;
     margin: 0px 10px 0px 23px;
     display: table-cell;
}
 .local .location .position{
     color: #adacae;
     font-family: "LatoWebBold";
     text-transform: uppercase;
     margin: -18px 0px 0px 0px;
}
 .local .favourite {
     float: right;
     display: table-row;
     width: auto;
     margin: 15px 0px 0px 23px;
     margin-top: -5px 
}
 .obscast hr.vertical{
     background: #f5f5f5;
     display: table-cell;
     margin-top: 12px;
}
 .line {
     max-width: 96.5%;
     height: 0.5pt;
     margin: 0 auto;
     margin-left: 23px;
     margin-right: 23px;
     overflow: hidden;
     border-bottom: 0.6pt solid #f5f5f5;
}
 .obscast hr.vertical {
     height: 95%;
     margin-bottom: 23px;
}
 .obscast .forecast {
     float: left;
     display: table-cell;
     width: 45%;
     margin: -15px 0px 0px 23px;
     margin-left: 0px;
     margin-top: -5px;
}
 .local .favourite .rss {
     float: right;
     margin-right: 23px;
     white-space: nowrap;
}
 .local .favourite .bookmark {
     float: right;
     margin-top: 5px;
     white-space: nowrap;
     clear: both;
     margin-right: 23px;
}
 .local .favourite .rss img {
     display: block;
     max-width: 20px;
     max-height: 20px;
     width: auto;
     height: auto;
}
 .mylocal-icon-bookmark {
     margin-top: 0px;
     display: block;
     float: right;
     position: relative;
}
 .mylocal-icon-bookmark:before {
     padding-left: 5px;
     content: url('/styles/icons/elders/common/favourtie-red@2x.png');
     display: inline-block;
     transform: scale(.7);
     margin-top: -5px;
     position: absolute;
}
 .rss-icon {
     margin-top: -2px;
     display: block;
     float: right;
     position: relative;
}
 .rss-icon:before {
     padding-left: 5px;
     content: url('/styles/icons/elders/common/rss@2x.png');
     display: inline-block;
     transform: scale(.6);
     margin-top: -5px;
     position: absolute;
}
 .obscast .observation .location{
     float: left;
     display: table-row;
     width: 61.3%;
     margin: 0px 0px 0px 0px;
     margin-top: -5px;
}
 .obscast .observation .past24hr {
     float: right;
     display: table-row;
     margin: 0px 0px 0px 0px;
     margin-top: 4px;
}
 .obscast .observation .location .update{
     color: #adacae;
     font-family: "LatoWebBold";
     margin: -10px 0px 0px 0px;
}
 .obscast .observation .now, .obscast .observation .obs, .obscast .observation .dam {
     position: relative;
     overflow: hidden;
     clear: both;
}
 .obscast .observation .dam h4{
     margin-top: 23px;
}
 .obscast .observation .now{
     height: 58px;
}
 .obscast .observation .now .temp {
     float: left;
     width: 23%;
     margin-top: -10px;
}
 .obscast .observation .now .temp h3, .current .observation .obs .now .temp h3 {
     font-size: 19pt;
     letter-spacing: 0px;
     font-weight: 100;
}
 .obscast .observation .now .other {
     float: left;
     margin-top: 10px;
     margin-left: 20px;
}
 .obscast .observation .now .other, .obscast .observation .now .temp {
     display: inline-block;
}
 .obscast .observation .now .other .trend{
     float: left;
     padding-left: 0px;
     display: inline-block;
     transform: scale(.5);
     margin-top: 4px;
     margin-left: -3px;
}
 .uparrow, .uparrow:after {
     content: url('/styles/icons/elders/common/trend-arrow-up@2x.png');
}
 .downarrow, .downarrow:after {
     content: url('/styles/icons/elders/common/trend-arrow-down@2x.png');
}
 .steadyarrow, .steadyarrow:after {
     transform: scale(.8) !important;
     margin-top: 5px !important;
     margin-left: 0px !important;
     margin-bottom: 7px;
     content: url('/styles/icons/elders/common/trend-arrow-steady@2x.png');
}
 .obscast .observation .now .other .feelslike {
     float: left;
     clear: both;
     margin-top: -3px;
     font-size: 8.0pt;
     font-family: "LatoWebBold";
}
 .obscast .observation .obs .left, .obscast .observation .obs .right {
     float: left;
     width: 49.5%;
     padding: 15px 0px 0px 0px;
}
 .obscast .observation .obs .left .icon, .obscast .observation .obs .right .icon {
     float: left;
     width: 25%;
}
 .obscast .observation .obs .left .attribute, .obscast .observation .obs .right .attribute {
     float: left;
     width: 70%;
}
 .obscast .observation .obs .attribute .value {
     font-family: "LatoWebBold";
}
 .obscast .observation .obs .icon img {
     display: block;
     max-width: 30px;
     max-height: 30px;
     width: auto;
     height: auto;
}
 .obscast .observation .nearby, .forecast-section .nearby , .col-1-left .nearby{
     margin: 10px 0px 10px 0px;
}
 .obscast .observation .nearby .station, .forecast-section .nearby .station, .col-1-left .nearby .station{
     float: left;
     margin: 0 auto;
     margin-left: -5px;
}
 .obscast .observation .nearby .station{
     height: 23px;
     padding-right: 5px;
}
 .obscast .observation .nearby .station h4 a, .forecast-section .nearby .station h4 a{
     text-transform: uppercase;
     font-size: 7.0pt;
}
 .obscast .forecast .district{
     clear: both;
}
 .obscast .forecast .district .title {
     font-family: "LatoWebBold";
     margin-bottom: 3px;
     margin-top: 5px;
}
 .obscast .forecast .district .text{
     margin-top: 5px;
}
 .obscast .forecast .fdl, .obscast .forecast .day0 {
     position: relative;
     overflow: hidden;
     clear: both;
     font-family: "LatoWebBold";
     margin-bottom: 3px;
     margin-top: 15px;
}
 .obscast .forecast .day0 {
     margin-bottom: -10px;
}
 .obscast .forecast .day0 .precis {
     float: left;
     width: 40%;
     position: relative;
     display: flex;
     align-items: center;
}
 .obscast .forecast img {
     display: block;
     max-width: 30px;
     max-height: 30px;
     width: auto;
     height: auto;
}
 .obscast .forecast .day0 .precis .icon{
     float: left;
     width: 30%;
}
 .obscast .forecast .day0 .precis .text{
     float: left;
     width: 70%;
     word-spacing: 9999999px;
}
 .obscast .forecast .day0 .minmax {
     float: left;
     width: 25%;
     padding-top: 10px;
}
 .obscast .forecast .day0 .minmax .min{
     float: left;
     width: 50%;
     color: #000080;
     font-family: "LatoWebBold";
}
 .obscast .forecast .day0 .minmax .max{
     float: left;
     width: 50%;
     color: #d53333;
     font-family: "LatoWebBold";
}
 .obscast .forecast .day0 .rainfall {
     float: right;
     width: 35%;
     margin-right: -24px;
}
 .obscast .forecast .day0 .rainfall .icon{
     float: left;
     width: 30%;
}
 .obscast .forecast .day0 .rainfall .text{
     float: right;
     width: 100%;
     text-align: left;
     padding-right: 16px;
}
 .obscast .forecast .day0 .rainfall .text:before{
     float: left;
     display: inline-block;
     transform: scale(.53) !important;
     margin-top: -10px !important;
     margin-left: -13px !important;
     margin-bottom: 7px;
     content: url('/styles/icons/elders/common/rain-9am@2x.png');
}
 .obscast .forecast .fdl .attribute {
     float: left;
     display: inline-block;
     margin-top: 3px;
}
 .obscast .forecast .fdl .attribute .name {
     float: left;
     display: inline-block;
     margin-bottom: 2px;
}
 .obscast .forecast .fdl .attribute .text {
     float: left;
     display: inline-block;
     padding: 5px;
     width: auto;
     min-width: 60px;
     font-family: "LatoWebBold";
     color: #fff;
     clear: both;
     text-align: center;
     vertical-align: middle;
}
 .obscast .forecast .fdl .icon {
     float: left;
     display: inline-block;
     transform: scale(.53) !important;
     margin-top: 0px !important;
     margin-left: -13px !important;
     margin-bottom: 7px;
}
 .icon-fdl-catastrophic, .icon-fdl-catastrophic:after {
     content: url('/styles/icons/elders/firedanger/fdl-catastrophic@2x.png');
}
 .icon-fdl-extreme, .icon-fdl-extreme:after {
     content: url('/styles/icons/elders/firedanger/fdl-extreme@2x.png');
}
 .icon-fdl-severe, .icon-fdl-severe:after {
     content: url('/styles/icons/elders/firedanger/fdl-severe@2x.png');
}
 .icon-fdl-very-high, .icon-fdl-very-high:after{
     content: url('/styles/icons/elders/firedanger/fdl-very-high@2x.png');
}
 .icon-fdl-high, .icon-fdl-moderate, .icon-fdl-high:after, .icon-fdl-moderate:after {
     content: url('/styles/icons/elders/firedanger/fdl-high@2x.png');
}
 .icon-fdl-low, .icon-fdl-low:after {
     content: url('/styles/icons/elders/firedanger/fdl-low@2x.png');
}
 .text-fdl-catastrophic{
     background: #ee3026 url('/styles/icons/elders/firedanger/bg_catastrophic.png') no-repeat;
}
 .text-fdl-extreme{
     background-color: #ee3026;
}
 .text-fdl-severe{
     background-color: #f8992b;
     color: #000 !important;
}
 .text-fdl-very-high{
     background-color: #fdee14;
     color: #000 !important;
}
 .text-fdl-high{
     background-color: #2baae2;
}
 .text-fdl-moderate{
     background-color: #7ac143;
}
 .text-fdl-low{
     background-color: #336633;
}
 #firedanger .menu {
     float: right;
     clear: both;
}
 div.region_map {
     position: relative;
     background-color: #066387;
     margin-left: 0px;
     clear: both;
     width: 100%;
     height: 100%;
}
 div.region_map .fdr {
     width: 100%;
     height: 100%;
}
 .menulink{
     float: left;
     line-height: 0px;
}
 .menulink h4 a{
     padding: 5px;
     font-size: 8.3pt;
     color: #adacae;
     text-decoration: underline;
     text-transform: none;
}
 .menubutton h4 a{
     padding: 5px;
     font-size: 8.3pt;
     color: #5a595e;
     border: 0.5pt solid #5a595e;
     letter-spacing: 0.5pt;
}
 .menubutton h4 a:hover, .menubutton h4 a:focus, .menulink h4 a:hover, .menulink h4 a:focus {
     color: #000;
}
 ul.secondary-menu {
     max-width: 100%;
     margin: 0 auto;
     overflow: hidden;
     margin-bottom: 23px;
     background: #eaeaea;
     display: table;
     width: 100%;
     table-layout: fixed;
}
 ul.secondary-menu li {
     list-style: none;
     width: auto;
     border-left: 0.5pt solid #adacae;
     display: table-cell;
}
 ul.secondary-menu li:nth-child(1) {
     border-left: 0px !important;
}
 ul.secondary-menu li a {
     display: block;
     color: #6e6e72;
     text-align: center;
     text-decoration: none;
     text-transform: uppercase;
     font-size: 6.8pt;
}
 ul.secondary-menu li a:focus, ul.secondary-menu li a:hover {
     color: #000;
}
 ul.secondary-menu .visited {
     color: #fff;
     background:#df0021;
}
 ul.secondary-menu .visited a, ul.secondary-menu .visited a:hover {
     color: #fff;
}
 .forecast-section{
     margin-left: 23px;
     clear: both;
}
 .forecast-section .forecast-header{
     width: 100%;
}
 .forecast-section .forecast-header .title{
     float: left;
     width: auto;
}
 .forecast-section .forecast-header .tertiary-menu{
     float: right;
     margin-right: 0px;
}
 .forecast-section .forecast-header .tertiary-menu div h4 a{
     font-size: 7.0pt;
}
 .forecast-section .forecast-header .tertiary-menu div{
     float: right;
}
/*max temp*/
 table.forecast tbody tr:nth-child(0) td:nth-child(n+2){
     color: #d53333 !important;
}
/*min temp*/
 table.forecast tbody tr:nth-child(1) td:nth-child(n+2){
     color: #000080 !important;
}
/*rain*/
 table.forecast tr:nth-child(5) td:nth-child(n+2), table.forecast tr:nth-child(6) td:nth-child(n+2){
     color: #007700 !important;
}
 table.past5days tr:nth-child(1) th:nth-child(2){
     background: #000080 !important;
     color: #fff;
}
 table.past5days tr:nth-child(1) th:nth-child(3){
     background: #d53333 !important;
     color: #fff !important;
}
 table.past5days tr:nth-child(1) th:nth-child(4){
     background: #007700 !important;
     color: #fff !important;
}
 table.past5days tr th:nth-child(2), table.past5days tr td:nth-child(2){
     color: #000080 !important;
}
 table.past5days tr th:nth-child(3), table.past5days tr td:nth-child(3){
     color: #d53333 !important;
}
 table.past5days tr th:nth-child(4), table.past5days tr td:nth-child(4){
     color: #007700 !important;
}
/*max temp*/
 table.almanac tr:nth-child(6) th{
     background: #d53333 !important;
}
/*min temp*/
 table.almanac tr:nth-child(1) th{
     background: #000080 !important;
}
/*rain*/
 table.almanac tr:nth-child(11) th{
     background: #007700 !important;
}
 .forecast-section .forecast-header{
     width: 100%;
}
 .forecast-section .nearby, .forecast-section>.title{
     clear: both;
}
 div.half_left {
     float: left;
     width: 48%;
     margin-top: 5px;
}
 div.half_right {
     float: left;
     width: 48.2%;
     margin-top: 5px;
     margin-left: 23px;
}
 div.half_right div.inner {
     margin-top: 0px;
     margin-left: 2px;
}
/* ================= world weather ============================= */
 .world-map {
     float: left;
     display: table;
     overflow: auto;
     margin: auto auto;
     padding: 0 0 0 0;
     width: 100%;
     height: 100%;
     clear: both;
}
 .world-map .layout {
     position: relative;
     left: 23px;
     top: 0px;
}
 .world-local {
     margin-top: 0px;
}
 .world-local .location {
     float: left;
     width: 53%;
     margin: 0px 0px 0px 23px;
}
 .world-local .location .day{
     color: #adacae;
     font-size: 8.3pt;
     font-family: "LatoWebBold";
     text-transform: uppercase;
     margin: -20px 0px 0px 0px;
}
 .world-local .menu {
     float: left;
     display: table-row;
     width: 40%;
     margin: 0px 0px 0px 23px;
}
 .world-local .menu .tertiary-menu div {
     float: right;
     width: auto;
}
 .menubutton h4 a.selected3 {
     border: 0.5pt solid #df0021;
     color: #df0021;
}
 .menulink h4 a.selected3 {
     color: #df0021;
}
 .map-container {
     position: relative;
     float: left;
     width: 63%;
     margin: 23px;
    margin-left: -15px;
}
/*
.mapbox .forecast .location a,
 .map-data .location a, .map-container .location a {
     color: #45444a;
     font-family: "LatoWebBold";
     font-size: 8.5pt;
}
*/
.mapbox .forecast .location a, 
.mapbox .forecast .location a:visited,
.mapbox .current-condition .location a, 
.mapbox .current-condition .location a:visited{
   text-decoration: none !important;
   color: #45444a !important;
   font-family: "LatoWebBold";
   font-size: 8.5pt;
}

.mapbox .forecast .location:hover,  
.mapbox .forecast .location a:hover, 
.map-data .location:hover, 
.map-data .location a:hover, 
.map-container .location a:hover {
     color: #6e6e72;
}
.mapbox a, .mapbox a:visited{
 text-decoration: none;
 color: #45444a;
 font-family: "LatoWebBold";
 font-size: 8.5pt;
}
 .current {
     float: left;
     width: 29%;
}
 .col-1-left .continents{
     width: 100%;
     margin-left: 0px;
}
 .col-1-left .continents .line{
     max-width: 99.5%;
}
 .continents .continent, .col-1-left .continents .continent{
     float: left;
     margin: 0 auto;
     margin-left: -5px;
     height: 20px;
     padding-right: 5px;
}
 .continents .continent h4 a, .col-1-left .continents .continent h4 a{
     text-transform: uppercase;
}
 .col-1-left div.worlddrops{
     margin-left: -23px;
     clear: both;
}
 .map-data {
     position: absolute;
     width: auto;
     display: flex;
     align-items: center;
}
 .map-data .location{
     float: left;
     width: auto;
     margin-right: 5px;
     color: #45444a;
     font-family: "LatoWebBold";
     font-size: 8.5pt;
}
.mapbox .current-condition .location{
  margin-left: 23px;
}
.mapbox .current-condition .wx{
    margin-left: -23px;
}

.mapbox .forecast .location{
    margin-top: -5px;
    margin-left: 25px;
}
.mapbox .forecast .wx{
    margin-left: -18px;
    margin-top: 10px;
}
.mapbox .forecast .wx,
.map-data .wx{
     float: left;
     border: 0.5px solid #eaeaea;
     background: #fff;
     width: auto;
     height: 14px;
     padding: 1px;
     display: flex;
     align-items: center;
}
/* .map-data .wx .icon, .map-data .wx .min, .map-data .wx .max{*/
.mapbox .forecast .wx .icon, 
.mapbox .forecast .wx .min, 
.mapbox .forecast .wx .max,
.mapbox .current-condition .wx .icon,
.mapbox .current-condition .wx .temp{
     float: left;
     width: auto;
}

.mapbox .current-condition .wx .icon{
   width: 15px;
   height: 15px;
}

.mapbox .current-condition .wx .icon img{
  width: 100%;
}

/* .map-data .wx .icon{*/
.mapbox .forecast .wx .icon{
     transform: scale(.4);
     margin-left: -10px;
}
/*.map-data .wx .min{ */
.mapbox .forecast .wx .min{
     color: #000080;
     font-family: "LatoWebBold";
     margin-left: -10px;
}
 /*.map-data .wx .max{*/
 .mapbox .forecast .wx .max{
     color: #d53333;
     font-family: "LatoWebBold";
     margin-left: 5px;
     margin-right: 5px;
}
 .current .observation{
     width: 100%;
     padding: 0px;
     margin: 0px;
}
 .current .observation .location{
     float: left;
     display: table-row;
     width: 100%;
     margin: 0px 0px 0px 0px;
}
 .current .observation .location .update{
     color: #adacae;
     font-family: "LatoWebBold";
     margin: -13px 0px 0px 0px;
}
 .current .observation .now {
     position: relative;
     overflow:hidden;
     clear: both;
}
 .current .observation .now .temp {
     float: left;
     width: auto;
}
 .current .observation .now .other {
     float: left;
     width: auto;
     margin-top: -10px;
     clear: both;
}
 .current .observation .now .other, .current .observation .now .temp {
     display: inline-block;
}
 .current .observation .now .other .trend{
     float: left;
     padding-left: 0px;
     display: inline-block;
     transform: scale(.5);
     margin-top: 0px;
     margin-left: -5px;
}
 .current .observation .now .other .feelslike {
     float: left;
     clear: both;
     margin-top: -17px;
     font-size: 8pt;
     clear: both;
}
 .current .observation .obs .left {
     float: left;
     width: 100%;
     padding: 15px 0px 0px 0px;
}
 .current .observation .obs .left .icon {
     float: left;
     width: 20%;
}
 .current .observation .obs .left .attribute {
     float: left;
     width: 80%;
}
 .current .observation .obs .attribute .value {
     font-family: "LatoWebBold";
}
 .current .observation .obs .icon img {
     display: block;
     max-width: 30px;
     max-height: 30px;
     width: auto;
     height: auto;
}
 .continents {
     float: left;
     width: 63%;
     margin: 23px;
}
 .this-week {
     float: left;
     width: 29%;
}
 table.currentweek,.currentweek tr, .currentweek td{
     border: 0px;
}
 table#currentweek tr .td1{
     padding-left: 0px;
}
 table#currentweek tr td:nth-child(1){
     text-transform: uppercase !important;
}
 table#currentweek tr td:nth-child(3){
     color: #000080 !important;
}
 table#currentweek tr td:nth-child(4){
     color: #d53333 !important;
}
 .continents .line{
     max-width: 97.5%;
     margin-left: 0px;
     margin-top: -5px;
}
 .content .content{
     float: left;
     margin: 0 auto;
     margin-left: -5px;
     height: 30px;
}
 .world-select {
     clear: both;
     margin: 0px;
     padding: 23px 0px 0px 23px;
}
 .world-select div.worlddrops select {
     color: #6e6e72;
}
/* min */
table.world-forecast tbody tr:nth-child(n) th:nth-child(1), 
table.world-forecast tbody tr:nth-child(n) td:nth-child(8), 
table.national-forecast tr:nth-child(n) td:nth-child(3){
  color: #000080 !important;
}
/* max */
table.world-forecast tbody tr:nth-child(n) th:nth-child(2), 
table.world-forecast tbody tr:nth-child(n) td:nth-child(9), 
table.national-forecast tbody tr:nth-child(n) td:nth-child(4){
 color: #d53333 !important;
}
/* rain */
table.national-forecast tbody tr:nth-child(n) td:nth-child(5), 
table.national-forecast tbody tr:nth-child(n) td:nth-child(6) {
 color: #007700 !important;
}
/* min */
table.national-forecast thead tr:nth-child(n+2) th:nth-child(1){
 background: #000080 !important;
}
/* max */
table.national-forecast thead tr:nth-child(n+2) th:nth-child(2){
 background: #d53333 !important;
}
/* rain */
table.national-forecast tr:nth-child(n+2) th:nth-child(3), 
table.national-forecast thead tr:nth-child(n+2) th:nth-child(4) {
  background: #007700 !important;
}
table.world-forecast tr:nth-child(1) th:nth-child(3), table.world-forecast tr:nth-child(1) th:nth-child(4){
     background: #6e6e72 !important;
}
table.world-forecast tbody tr:nth-child(n) td:nth-child(1) a, 
table.national-forecast tbody tr:nth-child(n) td:nth-child(1) a, 
table.national-now tbody tr:nth-child(n) td:nth-child(1) a{
     text-decoration: underline !important;
     font-family: "LatoWebBold" !important;
}
 .reference{
     float: left;
     padding-top: 101px;
     padding-bottom: 23px;
     clear: both;
     display: block;
     width: 639px;
}
 .reference .bom{
     float: left;
     width: 82.5%;
     margin-right: 23px;
     overflow: hidden;
}
 .reference .wz{
     float: right;
     width: auto;
    /*margin-right: 15px;
    */
     height: 20px;
     overflow: hidden;
}
/* ================= national weather ============================= */
 .national{
     margin: 23px;
     margin-right: 0px;
     width: auto;
     margin-top: 0px;
}
 .national .location {
     float:left;
     margin-right: 23px;
     margin-top: -23px;
     width: 100%;
     clear:both;
}
 .national .forecast-title, .national .current-title {
     margin-top: -10px;
     float: left;
}
 .national .location .day, .national .right .summary .day{
     color: #adacae;
     font-size: 8.3pt;
     font-family: "LatoWebBold";
     text-transform: uppercase;
     margin: -20px 0px 0px 0px;
}
 .national .right .summary .day{
     margin: -13px 0px 15px 0px;
}
 .national .menu {
     float:right;
     width: 44.202%;
}
 .national .menu .tertiary-menu {
     float:right;
     width: auto;
}
 .national .menu .tertiary-menu .menubutton{
     float:left;
}
 .national .menu .tertiary-menu .menubutton h4 a {
     padding: 6px 12px 6px 13px;
}
#wz ol#modules li.teaser .map-container .map-data .location,
//.national .map-container .map-data .location, 
//.national .map-container .current-condition .location{
#wz ol#modules li.teaser .map-container .current-condition .location{  
     width: auto;
     margin-right: 5px;
}
.national .map-container .current-condition .wx{
     float: left;
     border: 0.5pt solid #adacae;
     background: #fff;
     width: auto;
     height: 14px;
     padding: 1px;
     display: flex;
     align-items: center;
}
.map-container .current-condition .wx .icon, 
.map-container .current-condition .wx .temp{
     float: left;
     width: auto;
}
.map-container .current-condition .wx .icon{
     transform: scale(.6);
     margin-left: -5px;
}
.national .map-container .current-condition .wx .temp{
     font-family: "LatoWebBold";
     margin: 5px;
}
//#wz ol#modules li.teaser .map-container{
.national .map-container {
     float:left;
     width: 56%;
     margin-left: -15px;
     margin-bottom: 0px;
     margin-top: -20px 
}
 .national .right{
     float:left;
     width: 42%;
}
 .national .right .summary .text{
     margin-top: -5px;
}
 .national .right .th5 img {
     margin-left: -10px;
     transform: scale(0.7);
}
 .national .map-container .tertiary-menu {
     margin-top: 15px;
}
 .national .district-menu{
     width: 100%;
     margin-top: -15px;
}
 .national .district-menu .district h4 a{
     text-transform: uppercase;
}
 .national .right .menu .state, .national .right .menu .district, .national .district-menu .district, .national .map-container .tertiary-menu .district{
     float:left;
     margin-top: -15px;
     padding-right: 5px;
     width: auto;
}
 .national .right .menu .state{
     padding-right: 13px;
}
 .national .right .menu .state h4 a{
     text-transform: uppercase;
     text-decoration: none;
}
 .national .district-menu .district, .national .right .menu .district{
     padding-right: 0px;
     margin-left: -5px;
}
 .national .district-menu .line{
     width: 100%;
     margin: -10px 0px 14px 0px;
}
 .national .map-container .tertiary-menu .district h4 a{
     white-space: nowrap;
}
 .national .right .menu .state h4 a{
     margin-left: -5px;
}
 .national .right .menu{
     width: 100%;
     float: left;
     margin-top: 0px;
}
 .national .right .menu .line{
     margin-left: 0px;
     margin-top: -7px;
     margin-bottom: 10px;
}
 .national ul.secondary-menu{
     margin-left: 0px;
}
/* ================= model ============================= */
 .chart .title {
     float: left;
     width: 54%;
}
 .chart .title .day{
     margin-top: -20px;
}
 .chart .menu {
     float: right;
     width: auto;
     margin-top: 15px;
}
 .col-1-left .chart .list{
     clear: both;
     text-align: left;
     margin-top: 15px;
     width: 100%;
}
 .chart .menu .tertiary-menu{
     float: right;
}
 .chart .menu .tertiary-menu .menubutton {
     float: left;
}
 .chart .menu .tertiary-menu .menubutton h4 a{
     padding: 4px;
}
 .chart ul.secondary-menu{
     margin-left: 0px;
}
 .chart table, .chart th, .chart td {
     border: 1px;
     padding: 0px;
}
 .chart .fullchart {
     width: 100%;
     height: 100%;
     margin-top: 15px;
     margin-bottom: 15px;
}
 .col-1-left .climimage {
     float: right;
}
 .col-1-left .climimage .tertiary-menu div{
     float: left;
}
 .col-1-left .posts .day{
     color: #adacae;
     font-size: 8.3pt;
     font-family: "LatoWebBold";
     text-transform: uppercase;
     margin: -9px 0px 0px 0px;
}
 .col-1-left .posts .line{
     max-width: 100%;
     border-bottom: 0.7pt solid #eaeaea;
     margin: 3px 0px 10px 0px;
}
 .col-1-left .posts h3 {
     font-size: 9.5pt;
}
/* ================= model ============================= */
 .text_tempmax, .text_tempdb {
     color: #d53333;
}
 .text_tempmin, .text_tempdp {
     color: #000080;
}
 .text_wind, .text_rain {
     color: #007700;
}
/* ================= dam ============================= */
 .updated {
     color: #adacae;
     font-family: "LatoWebBold";
     margin: -13px 0px 10px 0px;
}
 .td1 a{
     text-decoration: underline;
     font-family: "LatoWebBold";
}
 .dam .map {
     float: left;
     width: 56%;
     margin-right: 23px;
}
 .dam .level {
     float: left;
     width: 40%;
}
 .col-1-left .nearby{
     clear: both;
     width: 100%;
}
/* ================= marine/surf ============================= */
 .col-1-left .marine, .col-1-left .marine .forecast, .col-1-left .marine .seas, .col-1-left .marine .winds, .col-1-left .marine .tides {
     border:0px;
     padding:0px;
     margin: 0px;
     width: 100%;
}
 .col-1-left .marine tr, .col-1-left .marine td, .col-1-left .marine .forecast tr{
     border:0px;
     padding:0px;
     margin: 0px;
}
 .col-1-left .marine .forecast tr,.col-1-left .marine .forecast td{
     border:0px;
     margin: 0px;
     padding: 10px 5px 0px 0px;
}
 .col-1-left .marine .forecast th{
     border:0px;
     margin: 0px;
     padding: 5px;
}
 .col-1-left .marine .forecast td, .col-1-left .marine .windreport td {
     text-align: left;
}
 .col-1-left .marine .windreport {
     border:0px;
     margin: 0px;
     margin-left: 23px;
     width: 93%;
}
 .col-1-left .marine .windreport tr, .col-1-left .marine .windreport td, .col-1-left .marine .raindates tr, .col-1-left .marine .raindates td{
     border: 1px solid #f5f5f5;
     padding: 5px;
}
 .col-1-left .marine .windreport tr:nth-child(1), .col-1-left .marine .windreport tr:nth-child(1) td {
     border:0px !important;
}
 .col-1-left .marine .seas .updated {
     margin: 15px 0px 0px 0px;
}
 .col-1-left .marine .seas tr td, .col-1-left .marine .winds tr td, .col-1-left .marine .tides tr td{
     text-align: left;
}
 .col-1-left .marine .seas tr:nth-child(3){
     line-height: 10px !important;
}
 .col-1-left .marine .winds tr td{
     padding: 5px;
     padding-left: 0px;
}
 .col-1-left .marine .winds tr:nth-child(1) td{
     padding-bottom: 0px !important;
}
 .col-1-left .marine .winds tr:nth-child(n+2) td{
     padding-top: 0px !important;
}
 .col-1-left .marine .menu div{
     float: left;
     margin-top: -20px;
     margin-left: -5px;
}
 .col-1-left .marine .menu .line{
     float: left;
     margin: 0px;
     margin-top: -7px;
     margin-bottom: 15px;
     display: block;
}
 .col-1-left .surf{
     width: 100%;
     float: left;
     clear: both;
}
 .col-1-left .surf .map, .col-1-left .surf .forecast{
     float: left;
     width: 55.0%;
     vertical-align: top;
     margin-right: 23px;
}
 .col-1-left .surf .video, .col-1-left .surf .wotd {
     float: right;
     width: 41.0%;
     vertical-align: top;
     margin-bottom: 20px;
}
 .col-1-left .surf .wotd img {
     float: right;
}
 .col-1-left .secondary-menu {
     margin-left: 0px;
}
 .col-1-left ul.search {
     margin: 0px;
}
 .col-1-left ul.search li {
     padding-bottom: 5px;
}
/* ================= radar/sat ============================= */
 .col-1-left .radar-menu {
     float: left;
     width: 100%;
     clear: both;
}
 .col-1-left .radar-menu .menulink{
     float: left;
}
 .col-1-left .radarlink {
     margin-top: -15px;
     margin-bottom: 0px;
}
 .col-1-left .radarlink h4 a {
     padding: 5px;
}
 .col-1-left .radarlink h4 a:nth-child(1) {
     padding-left: 0px !important;
}
 .col-1-left .marine .raindates {
     border: 0px;
     margin: 0px;
     margin-right: 23px;
     width: 100%;
}
 .col-1-left .marine .tertiary-menu .district{
     float:left;
     margin-top: 5px;
     padding-right: 5px;
     width: auto;
}
 .col-1-left .marine .menu {
     margin-left: 23px;
}
 .col-1-left .marine .menu>h4 {
     float: left;
}
 .col-1-left .marine .notes{
     margin-left: 23px;
     margin-top: -10px;
}
 .col-1-left .marine .notes h4, .col-1-left .marine .rainfall h4{
     float: left;
}
 .col-1-left .marine .notes .updated{
     margin: -11px 0px 10px 0px;
     clear: both;
     float: left 
}
 .col-1-left .marine .wxheadred{
     background-image: none;
     font-family: "LatoWebBold";
     font-style: normal;
     font-size: 8.1pt;
     background: #97979A;
     text-align: center;
     color: #fff;
}
 @media screen and (max-width: 1024px) {
     body {
         background-size: 1016px;
    }
     .header{
         height: 186px;
         width: 1016px;
    }
     .menu-wrapper {
         width: 1016px;
    }
     .searchform .input-append input[type="text"] {
         width:213px;
    }
}
 _:-webkit-full-screen:not(:root:root), .national .menu .tertiary-menu .menubutton h4 a {
     padding: 6px 10px 6px 13px;
     border: 0.8pt solid #eaeaea;
}
 _:-webkit-full-screen:not(:root:root), .national .menu .tertiary-menu .menubutton h4 a.selected3{
     border: 0.8pt solid #df0021;
}
 _:-webkit-full-screen:not(:root:root), .national .right .menu .state{
     padding-right: 11px;
}
 .footer-ad-reference-container{
     width: 70%;
     margin: 0 auto;
}
 table.national-forecast tbody tr:nth-child(even), 
 table.national-now tbody tr:nth-child(even),
 table.windreport tbody tr:nth-child(even){
     background: #eee !important;
}
 table#ytd tbody tr:nth-child(odd), 
 table.forecast tbody tr:nth-child(odd), 
 table.past5days tbody tr:nth-child(odd), 
 table.almanac tbody tr:nth-child(odd), 
 table.obshistory tbody tr:nth-child(odd) {
     background: #eee !important;
}
 table.obshistory tbody tr:nth-child(even){
     background: #fff !important;
}
.div-clear{
     clear: both;
     margin-bottom: 5px;
}

@media screen and (max-width: 600px) {
  
}