@charset "utf-8";
/** 
* 
* App : Eldersweather v3.4 
* Author : arahman 
* Date : 2016-08-12 
* 
**/

/* Webfont: Lato-Regular */
 @font-face {
     font-family: 'LatoWeb';
     src: url('/assets/template-v3.0/css/fonts//Lato-Regular.eot');
    /* IE9 Compat Modes */
     src: url('/assets/template-v3.0/css/fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'), 
    /* IE6-IE8 */
     url('/assets/template-v3.0/css/fonts/Lato-Regular.woff2') format('woff2'), 
    /* Modern Browsers */
     url('/assets/template-v3.0/css/fonts/Lato-Regular.woff') format('woff'), 
    /* Modern Browsers */
     url('/assets/template-v3.0/css/fonts/Lato-Regular.ttf') format('truetype');
     font-style: normal;
     font-weight: normal;
     text-rendering: optimizeLegibility;
}
/* Webfont: Lato-Bold */
 @font-face {
     font-family: 'LatoWebBold';
     src: url('/assets/template-v3.0/css/fonts/Lato-Bold.eot');
    /* IE9 Compat Modes */
     src: url('/assets/template-v3.0/css/fonts/Lato-Bold.eot?#iefix') format('embedded-opentype'), 
    /* IE6-IE8 */
     url('/assets/template-v3.0/css/fonts/Lato-Bold.woff2') format('woff2'), 
    /* Modern Browsers */
     url('/assets/template-v3.0/css/fonts/Lato-Bold.woff') format('woff'), 
    /* Modern Browsers */
     url('/assets/template-v3.0/css/fonts/Lato-Bold.ttf') format('truetype');
     font-style: normal;
     font-weight: normal;
     text-rendering: optimizeLegibility;
}
/* Webfont: Lato-Heavy */
 @font-face {
     font-family: 'LatoWebHeavy';
     src: url('/assets/template-v3.0/css/fonts/Lato-Heavy.eot');
    /* IE9 Compat Modes */
     src: url('/assets/template-v3.0/css/fonts/Lato-Heavy.eot?#iefix') format('embedded-opentype'), 
    /* IE6-IE8 */
     url('/assets/template-v3.0/css/fonts/Lato-Heavy.woff2') format('woff2'), 
    /* Modern Browsers */
     url('/assets/template-v3.0/css/fonts/Lato-Heavy.woff') format('woff'), 
    /* Modern Browsers */
     url('/assets/template-v3.0/css/fonts/Lato-Heavy.ttf') format('truetype');
     font-style: normal;
     font-weight: normal;
     text-rendering: optimizeLegibility;
}
/* Webfont: MetaPlus-Bold */
 @font-face {
     font-family: 'MetaPlus-Bold';
     src: url('/assets/template-v3.0/css/fonts/metaplus-bold.ttf') format('truetype');
     font-style: normal;
     font-weight: normal;
     text-rendering: optimizeLegibility;
}
 html, body, div, span, iframe, a, img, ul, li {
     margin: 0;
     padding: 0;
     border: 0;
     font-family: "LatoWeb";
     font-style: normal;
     font-size: 10pt;
     color: #000;
     vertical-align: top;
}
 body {
     width:100%;
     -webkit-font-smoothing: antialiased;
     -webkit-text-size-adjust: 100%;
}
 body{
     background-image: url(/images/BG.jpg);
     background-repeat: no-repeat;
     background-color: #F0F2FC;
     background-size: 100%;
     filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#3571b2', endColorstr='#bfd0e1');
}
 ul {
     list-style: none outside;
}
 a {
    text-decoration: none;
}
 a:hover, a:focus {
     color: #000;
}
 p {
     text-align: left;
     line-height: 20px;
}
 h1, h2,h3, h4{
     color : #df0021;
     text-transform: capitalize;
}
 h1 {
     font-size: 10pt;
     letter-spacing: 40%;
     font-family: "LatoWebBold";
}
 h2 {
     font-size: 14pt;
}
 h3 {
     font-size: 16pt;
     letter-spacing: 0.5pt;
}
 h4 {
     font-family: "LatoWebBold";
     font-size: 8.3pt;
     letter-spacing: 40%;
     text-transform: uppercase;
}
 h5 {
     font-size: 8.3pt;
     letter-spacing: 40%;
}
 h6 {
     font-size: 8.3pt;
     letter-spacing: 40%;
}
 h1,h2,h3,h5,h6 {
     font-family: "LatoWeb";
}
 table, th, td {
     border-collapse: collapse;
     border: 1px solid #f5f5f5;
     padding: 5px;
     overflow-x:auto;
     text-align: center;
}
 th {
     font-family: "LatoWeb";
     font-style: normal;
     font-size: 8.1pt;
     background : #97979A;
     text-align: center;
     color: #fff;
     border: 0.5pt solid #f5f5f5;
}
 tr .th1{
     background : #ADACAE;
}
 tr .th1_temp_min{
     background: #000080;
     font-family: "LatoWebBold";
}
 tr .th1_temp_max{
     background: #d53333;
     font-family: "LatoWebBold";
}
 tr .th1_rain{
     background: #007700;
     font-family: "LatoWebBold";
}
 tr .th2{
     background : #D9D9D9 !important;
     color: #6e6e72 !important;
     text-align: left;
     padding: 5px 0px 5px 15px !important;
}
 tr .th3{
     font-size: 10.5pt;
}
 tr .th4{
     background : #D9D9D9 !important;
     color: #6e6e72 !important;
     text-align: right;
     padding: 5px 0px 5px 0px !important;
}
 tr .th5{
     font-family: "LatoWebBold";
     font-style: normal;
     font-size: 8.1pt;
     background: #fff;
     text-align: left;
     color: #adacae;
     border: 0px;
     text-transform: uppercase;
}
 tr .th6 {
     background: #f5f5f5;
     color: #6e6e72;
     text-align: left;
     border: 1px solid #fff;
     padding-left: 10px;
}
 tr .td1{
     text-align: left;
     padding-left: 10px;
     font-family: "LatoWebBold";
}
 tr .td2{
     font-family: "LatoWebHeavy";
}
 tr .td3{
     text-align: center;
     font-family: "LatoWebBold";
}
/* 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(/assets/template_2012/images/icon-mail-white.png) no-repeat center;
     float:left;
     padding:0;
}
 ul.headernav li a.headernavhome{
     background: #9D0203 url(/assets/template_2012/images/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('/assets/template_2012/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("/assets/template-v3.0/images/icons/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('/assets/template-v3.0/images/icons/common/favourtie-white@2x.png');
     transform: scale(.7);
     margin-top: -4px;
     display: block;
     float: right;
}
 .right-arrow:before {
     content: url('/assets/template-v3.0/images/icons/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: 90.26%;
     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(/assets/template-v3.0/images/icons/common/facebook.svg);
     background-repeat: no-repeat;
}
 .social-sharing-ul a.icon-twitter {
     background-image: url(/assets/template-v3.0/images/icons/common/twitter.svg);
     background-repeat: no-repeat;
}
 .social-sharing-ul a.icon-share {
     background-image: url(/assets/template-v3.0/images/icons/common/share.svg);
     background-repeat: no-repeat;
}
 .social-sharing-ul a.icon-linkedin {
     background-image: url(/assets/template-v3.0/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('/assets/template-v3.0/images/icons/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('/assets/template-v3.0/images/icons/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('/assets/template-v3.0/images/icons/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('/assets/template-v3.0/images/icons/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('/assets/template-v3.0/images/icons/common/trend-arrow-up@2x.png');
}
 .downarrow, .downarrow:after {
     content: url('/assets/template-v3.0/images/icons/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('/assets/template-v3.0/images/icons/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('/assets/template-v3.0/images/icons/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('/assets/template-v3.0/images/icons/firedanger/fdl-catastrophic@2x.png');
}
 .icon-fdl-extreme, .icon-fdl-extreme:after {
     content: url('/assets/template-v3.0/images/icons/firedanger/fdl-extreme@2x.png');
}
 .icon-fdl-severe, .icon-fdl-severe:after {
     content: url('/assets/template-v3.0/images/icons/firedanger/fdl-severe@2x.png');
}
 .icon-fdl-very-high, .icon-fdl-very-high:after{
     content: url('/assets/template-v3.0/images/icons/firedanger/fdl-very-high@2x.png');
}
 .icon-fdl-high, .icon-fdl-moderate, .icon-fdl-high:after, .icon-fdl-moderate:after {
     content: url('/assets/template-v3.0/images/icons/firedanger/fdl-high@2x.png');
}
 .icon-fdl-low, .icon-fdl-low:after {
     content: url('/assets/template-v3.0/images/icons/firedanger/fdl-low@2x.png');
}
 .text-fdl-catastrophic{
     background: #ee3026 url('/assets/template-v3.0/images/icons/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;
}
 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 tr:nth-child(3) td:nth-child(n+2){
     color: #d53333;
}
/*min temp*/
 table.forecast tr:nth-child(4) td:nth-child(n+2){
     color: #000080;
}
/*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;
}
 table.past5days tr:nth-child(1) th:nth-child(2){
     background: #000080;
     color: #fff;
}
 table.past5days tr:nth-child(1) th:nth-child(3){
     background: #d53333;
     color: #fff;
}
 table.past5days tr:nth-child(1) th:nth-child(4){
     background: #007700;
     color: #fff;
}
 table.past5days tr th:nth-child(2), table.past5days tr td:nth-child(2){
     color: #000080;
}
 table.past5days tr th:nth-child(3), table.past5days tr td:nth-child(3){
     color: #d53333;
}
 table.past5days tr th:nth-child(4), table.past5days tr td:nth-child(4){
     color: #007700;
}
/*max temp*/
 table.almanac tr:nth-child(6) th{
     background: #d53333;
}
/*min temp*/
 table.almanac tr:nth-child(1) th{
     background: #000080;
}
/*rain*/
 table.almanac tr:nth-child(11) th{
     background: #007700;
}
 .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;
}
 .map-data .location a, .map-container .location a {
     color: #45444a;
     font-family: "LatoWebBold";
     font-size: 8.5pt;
}
 .map-data .location:hover, .map-data .location a:hover, .map-container .location a:hover {
     color: #6e6e72;
}
 .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;
}
 .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{
     float: left;
     width: auto;
}
 .map-data .wx .icon{
     transform: scale(.4);
     margin-left: -10px;
}
 .map-data .wx .min{
     color: #000080;
     font-family: "LatoWebBold";
     margin-left: -10px;
}
 .map-data .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;
}
 table#currentweek tr td:nth-child(3){
     color: #000080;
}
 table#currentweek tr td:nth-child(4){
     color: #d53333;
}
 .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 tr:nth-child(n+3) th:nth-child(1), table.world-forecast tr:nth-child(n+3) td:nth-child(8), table.national-forecast tr:nth-child(n+3) td:nth-child(3){
     color: #000080;
}
/* max */
 table.world-forecast tr:nth-child(n+3) th:nth-child(2), table.world-forecast tr:nth-child(n+3) td:nth-child(9), table.national-forecast tr:nth-child(n+3) td:nth-child(4){
     color: #d53333;
}
/* rain */
 table.national-forecast tr:nth-child(n+3) td:nth-child(5), table.national-forecast tr:nth-child(n+3) td:nth-child(6) {
     color: #007700;
}
/* min */
 table.national-forecast tr:nth-child(n+2) th:nth-child(1){
     background: #000080;
}
/* max */
 table.national-forecast tr:nth-child(n+2) th:nth-child(2){
     background: #d53333;
}
/* rain */
 table.national-forecast tr:nth-child(n+2) th:nth-child(3), table.national-forecast tr:nth-child(n+2) th:nth-child(4) {
     background: #007700;
}
 table.world-forecast tr:nth-child(1) th:nth-child(3), table.world-forecast tr:nth-child(1) th:nth-child(4){
     background: #6e6e72;
}
 table.world-forecast tr:nth-child(n+3) td:nth-child(1) a, table.national-forecast tr:nth-child(n+3) td:nth-child(1) a, table.national-now tr:nth-child(n+3) td:nth-child(1) a{
     text-decoration: underline;
     font-family: "LatoWebBold";
}
 .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;
}
 .national .map-container .map-data .location, .national .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;
}
 .national .map-container .current-condition .wx .icon, .national .map-container .current-condition .wx .temp{
     float: left;
     width: auto;
}
 .national .map-container .current-condition .wx .icon{
     transform: scale(.6);
     margin-left: -5px;
}
 .national .map-container .current-condition .wx .temp{
     font-family: "LatoWebBold";
     margin: 5px;
}
 .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;
}
 .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;
}
 .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;
}
 .col-1-left .marine .winds tr:nth-child(n+2) td{
     padding-top: 0px;
}
 .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;
}
 .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;
}
/* ================= new feedback form ============================= */
.feedback-form .table {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}
.feedback-form .table tr {
   border: 0px;
   text-align: left;
}

.feedback-form .table th,
.feedback-form .table td {
   border-collapse: collapse;
   padding: 5px;
   overflow-x: auto;
   text-align: left;
   background: #fff;
   color: #000;
   font-size: 1em;
}

.feedback-form .table th {
  font-weight: bold;
  width: 26%;
  border: 0px;
  padding-left: 0px;
 }
.feedback-form .table td {
  width: 74%;
 }
.feedback-form .form-control {
   display: block;
   width: 95%;
   padding: 0.375rem 0.75rem;
   font-size: 1rem;
   line-height: 1.5;
   color: #495057;
   background-color: #fff;
   background-clip: padding-box;
   border: 1px solid #ced4da;
   border-radius: 0.25rem;
   transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
 }
.feedback-form .form-control::-webkit-input-placeholder {
   color: #6c757d;
   opacity: 1;
}
.feedback-form .form-control::-moz-placeholder {
   color: #6c757d;
   opacity: 1;
}
.feedback-form .form-control:-ms-input-placeholder {
   color: #6c757d;
   opacity: 1;
}
.feedback-form .form-control::-ms-input-placeholder {
   color: #6c757d;
   opacity: 1;
}
.feedback-form .form-control::placeholder {
   color: #6c757d;
   opacity: 1;
}
.feedback-form input {
    border: 1px solid transparent;
    background-color: #f1f1f1;
    padding: 10px;
}
.feedback-form input[type=text], 
.feedback-form .searchform2 .input-append input[type="text"],
.feedback-form input[type=file], 
.feedback-form textarea{
    background-color: #fff;
    width: 95%;
}
.feedback-form input[type=checkbox]{
   margin-left: 0px;
}

.searchform2 .btn {
   height: 25px;
   text-indent: -9999px;
   width: 23px;
   background-size: 18px 18px;
   float: right;
   margin-top: -29px;
}
.feedback-form input[type=submit] {
   background-color: #df0021;
   font-weight: bold;
   border-radius: 3px;
   color: #fff;
   cursor: pointer;
   padding: 7px;
}

.searchform2 .btn:focus, .searchform2 .btn:active {
   overflow: hidden;
   background-clip: padding-box;
   border: 1px solid #ced4da;
   border-radius: 0.25rem;
   transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.feedback-form .searchform2  #location-search-box:focus, .feedback-form .searchform2  #location-search-box:active{
     overflow: hidden;
     border: initial;
     box-shadow: initial;
     border: initial;
     outline:initial;
      border: 1px solid #ced4da;
}

.searchform2 .dropdown-menu {
    width: 45%;
    padding-bottom: 0px;
    margin-left: 0px;
    margin-top: 0px;
    -webkit-box-shadow: 1px 1px 2px 1px #dedede;
    -moz-box-shadow: 1px 1px 2px 1px #dedede;
    box-shadow: 1px 1px 2px 1px #dedede;
    border-radius: 0.25rem;
    border-top: 0px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

 .form-err, ul.feedback-error li { 
   color: #df0021;
 }
@media screen and (max-width: 600px) {
  
}