/* ----------------------------------------------------
www: weather channel
css: mo
-------------------------------------------------------*/

/* =normalise override
-------------------------------------------------------*/
fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

svg:not(:root) {
    position: static;
}

/* position: absolute Corrects bug in Chrome where vector layer gets displaced in resizing window */

/* =general
-------------------------------------------------------*/
body {
    font-size: 87.5%; /* 14pt */
    font-family: 'Open Sans', sans-serif;
    color: #333;
    background: #fff;
}

a:link {
    color: #00819d; /*color:#009;*/
}

a:visited {
    color: #74729F; /*color:#909; */
}

a:hover {
    text-decoration: underline;
}

a:active {
    color: #900;
}

a.external {
    background: url('../images/external-link.gif') no-repeat scroll right center transparent;
    padding-right: 13px;
}

#moContainer {
    margin: 0 auto 10px;
    width: 980px;
    background: #FFF;
}

#skip {
    position: absolute;
    left: -9999px;
    font-size: 1em;
    padding: .5em;
    background: #fff;
}

#skip:focus, #skip:active {
    left: 5px;
}

#genError {
    left: 300px;
    top: 350px;
    width: 320px;
}

#genError h2 {
    color: #b9db0c;
}

#genErrorClose {
    color: #fff;
    cursor: pointer;
    display: block;
    float: right;
    font-size: 0.82em;
    font-weight: bold;
    margin: 0 0 0 10px;
    text-align: right;
    z-index: 101;
}

#genErrorClose:hover {
    text-decoration: underline;
}

#qrcode {
    display: none;
}

:focus {
    outline: none;
}

::-moz-focus-inner {
    border: 0;
}

.clearBoth {
    clear: both;
}

.floatLeft {
    float: left;
}

.floatRight {
    float: right;
}

.hidden {
    display: none;
}

/* =float container (clearfix)
-------------------------------------------------------*/
header:after, nav:after, footer:after, .fc:after {
    clear: both;
    content: '';
    display: block;
    height: 0;
    visibility: hidden;
}

/*modern browsers*/

/* =forms (general)
-------------------------------------------------------*/
input {
    font-size: 1em;
    outline: 0;
}

.button {
    background: #7fd6e7; /* Old browsers */
    background: linear-gradient(to bottom, #7fd6e7 0%, #55b9cd 100%); /* W3C */
    border-radius: 3px;
    font-weight: bold;
    padding: 3px 4px;
    border: 0;
    margin: 0;
}

.button:hover {
    background: #c4ecf4; /* Old browsers */
    background: linear-gradient(to bottom, #c4ecf4 0%, #7ac5d4 100%); /* W3C */
}

.button:active {
    background: #029ebf; /* Old browsers */
    background: linear-gradient(to bottom, #029ebf 0%, #5fc0d3 100%); /* W3C */
}

.disabled, .disabled:active, .disabled:hover {
    background: #dddddd; /* Old browsers */
    background: linear-gradient(to bottom, #dddddd 0%, #bbbbbb 100%); /* W3C */
    border: 1px solid #ddd;
    color: #333 !important;
    padding: 2px 4px;
}

#lsFooter {
    clear: both;
    padding: 5px;
}

#lsFooter .button {
    margin: 0 0 0 6px;
}

/* =cookie banner
-------------------------------------------------------*/
#EUCookie div {
    background-color: #cceff6;
    color: #000;
    overflow: hidden;
    border-bottom: 1px solid #DDD;
}

#EUCookie div p {
    margin: .5em auto;
    width: 980px;
}

#EUCookie a, #EUCookie a:visited {
    color: #00738c;
    text-decoration: underline;
}

/* =placeholder spacing
-------------------------------------------------------*/
.adLeaderboard {
    clear: both;
    text-align: center;
    margin: 0 -5px;
    overflow: hidden;
}

#wxContainer .adLeaderboard {
    margin: 0 -5px;
}

/* override for old templates such as events */
.adLeaderboard > div {
    display: inline-block;
    margin: 16px 3px 6px 5px;
    vertical-align: top;
}

#ad-leader-head, .adLeaderSmall, .adLeaderLarge, .adButton2, .adMediumRectangle, .adWidgetSponsor, .adWxSponsor {
    background-color: #ddd;
}

.adLeaderSmall {
    height: 90px;
    width: 242px;
}

.adLeaderLarge {
    height: 90px;
}

.adButton2 {
    height: 60px;
    width: 120px;
}

.adMediumRectangle {
    height: auto;
    width: 300px;
}

.adWidgetSponsor {
    height: 31px;
    line-height: 31px;
    width: 306px;
}

.adWxSponsor {
    height: 31px;
    line-height: 31px;
    width: 176px;
}

.adWxSponsor {
    float: right;
    clear: right;
}

.masthead {
    color: #000;
    background-repeat: repeat;
    font-size: 1.875em;
    margin: 10px 0;
    font-weight: normal;
    border-bottom: solid #00add3 3px;
    overflow: hidden;
    position: relative;
}

.masthead a, .masthead .selected {
    color: #000;
    text-decoration: none;
    float: left;

}

.masthead img {
    float: right;
}

#wxDescription {
    width: 640px;
    float: left;
}

#wxDescription p + ul, #wxDescription p + ol {
    margin-top: -0.5em;
}

#wxDescription > ol, #wxDescription > ul {
    padding: 0 0 0 2em;
}

#wxDescription > ul li, #wxDescription > ul li p, #wxDescription > ol li, #wxDescription > ol li p {
    margin: 0.5em 0;
}

#wxDescription .articleIntroText {
    font-size: 1.125em;
    font-weight: 600;
}

.shareThis, .relatedlinks, .featureGroup, .relatedArticles, .mediaItems, .relatedContacts, #rightLayout {
    width: 320px;
    float: right;
    clear: right;
    color: #6E6E6E;
}

.shareThis h2, .relatedlinks h2, .featureGroup h2, .relatedArticles h2, .mediaItems h2, .relatedContacts h2, .translateOptions h2 {
    padding-bottom: .83em;
    border-bottom: solid #ddd 3px;
}

.relatedContacts .contactImage {
    text-align: center;
}

.translateOptions #google_translate_element {
    float: left;
    margin: 0 1em 1em 0;
}

#translate-this-page:target #google_translate_element {
    box-shadow: 0 0 8px 0 rgba(0, 122, 169, 0.5);
}

.google_translate_wrapper #moGoogleTranslate {background:#444; color:#fff; padding:10px; margin:10px 0 0 0; display:block;}
.goog-te-combo {
    -webkit-box-sizing:border-box;	/* Safari/Chrome, other WebKit */
    -moz-box-sizing:border-box;		/* Firefox, other Gecko */
    box-sizing:border-box;			/* Opera/IE 8+ */
    border:1px solid #6e6e6e;
    border-radius:5px;
    font-size:1em;
    font-weight:300;
    line-height:1.375em;
    min-height:1.375em;
    padding:.3125em;
    width: 300px;
}

.shareThis a:link, .relatedlinks a:link, .featureGroup a:link, .relatedArticles a:link, .mediaItems a:link {
    text-decoration: none;
}

.shareThis a:hover, .relatedlinks a:hover, .featureGroup a:hover, .relatedArticles a:hover, .mediaItems a:hover {
    text-decoration: underline;
}

.shareThis ul, .relatedlinks ul, .featureGroup ul, .relatedArticles ul, .mediaItems ul {
    list-style: none;
    padding: 0;
}

.relatedlinks li, .featureGroup li, .relatedArticles li, .mediaItems li {
    margin: .5em 0;
    padding: 0;
}

.shareThis ul {
    padding: 0 10px;
    display: block;
}

.shareThis li {
    width: 95px;
    display: inline-block;
    height: 20px;
    vertical-align: middle;
}

.featureGroup .selected, .relatedArticles .selected {
    font-weight: bold;
}

.shareThis p {margin: -9px; padding: 2px; margin-right: 187px; margin-left: 30px;}
.shareThis ul { padding: 0 0px; display:block; padding-top: 10px;}
.shareThis li {
    /*width: 95px;*/
    display:inline-block;
    height: 20px;
    vertical-align:middle;
}
.social[data-type="social"] {
    background-image: url(/main/images/socialbadges/social-v02.png);
    background-repeat: no-repeat;
    padding: 21px;
    margin: 5px;
    background-size: 183px;
    position: relative;
}


/* .png alternative */
.social[data-value="facebook"] {background-position:0 0; padding-right: 15px; margin-left: 115px;}
.social[data-value="google"] {background-position: -38px 0; padding-right: 14px; margin: -3px; margin-left: -4px;
    left:61px;}
.social[data-value="twitter"] {background-position:-74px 0; padding-right: 15px; margin-right: 22px; right:6px}
.social[data-value="linkedin"]{background-image: url(/public/lib/images/icons/socialSymbols/icon_linkedin.jpg);
    -webkit-background-size: 2.5em 2.5em ;
    background-size: 41px 41px ;
    background-position: 0 -5px;
    margin: -21px;
    padding-right: 44px;
    position: relative;
    left:259px;
    bottom: 20px;
}
.social[data-value="email"] {background-position:-111px 0; padding-right: 15px; margin: -2px;
    left:187px; bottom: 20px}
.social[data-value="print"] {
    background-position: -10em 0;
}


.mpu {
    float: right;
    clear: right;
    margin: 2em 0;
    overflow: hidden;
}

/* clickable background image for advertising */
#advertise-bg {
    background: none no-repeat fixed center top transparent;
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
}

.positionleft {
    float: left;
}

.positionright {
    float: right;
}

.displayright {
    float: right;
    padding: 0 0 5px 5px;
    margin: 0 0 5px 5px;
}

#relatedblank {
    background-color: #fff;
    float: right;
    margin-left: 4px;
}

/* Image with no caption style */
.imginline {
    display: inline-block;
}

.imgright {
    float: right;
    margin: 0 0 10px 10px;
}

.imgleft {
    float: left;
    margin: 0 10px 10px 0;
}

.imgcenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    clear: both;
}

.imageblock {
    clear: left;
    color: #000;
}

.lightblock {
    float: right;
}

.lastmodified {
    clear: both;
}

.inlineVideo {
    margin: 5px;
}

#wxRelated {
    clear: both;
}

/*
.wxModules h2 {
	font-size:1.36em!important;
	margin:5px !important;
}
*/

.descriptionblock {
    color: #555;
    display: block;
    font-size: smaller;
}

.enlargable {
    position: relative;
    display: block;
}

.enlargable:before {
    content: url(/main/images/zoom-in.png);
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0.5;
}

.enlargable:hover:before {
    opacity: 0.8;
}

/* figure image style */
.figure {
    background: #e8e8e8;
    color: #000;
    text-align: center;
}

.figure * {
    padding: 5px 10px;
}

.figure h2 {
    background: #bbb;
    color: #000;
    text-align: left;
}

.figure img {
    max-width: 640px;
}

/* For section home */

/* begin heroCarousel */
#relatedProducts li .relatedDesc, #wxTop h1, #wxTop h2 {
    display: none;
}

#wxTop, .wxTop {
    height: 296px;
    margin: 10px 0;
    position: relative;
    width: 980px;
    background: no-repeat center center;
    background-size: cover;
    font-size: 1.09em;
    overflow: hidden;
}

#wxHeroTxt, .wxHeroTxt {
    background: #000;
    background: rgba(0, 0, 0, 0.65);
    bottom: 0;
    color: #FFF;
    left: 0;
    margin: 10px;
    padding: 0 10px;
    position: absolute;
    width: 500px;
    z-index: 100;
    overflow: hidden;
}

.wxHeroTxt {
    width: auto;
    padding: 0 1.5em;
}

#wxHeroTxt h3, #wxHeroTxt p {
    margin: 10px 0;
}

#wxHeroTxt h3, .wxHeroTxt h1 {
    font-size: 2.5em;
    font-weight: 300;
    margin: 0.25em 0;
}

#wxHeroTxt a {
    text-decoration: none;
    color: #fff;
}

#wxHeroTxt a:hover {
    text-decoration: underline;
}

#relatedProducts {
    bottom: 10px;
    position: absolute;
    right: 10px;
    width: 86px;
}

#relatedProducts ol {
    list-style: none;
    padding: 0;
}

#relatedProducts li {
    z-index: 100;
    float: left;
    overflow: hidden;
}

#relatedProducts li a img {
    border: none;
}

#relatedProducts li a {
    display: block;
    border-color: #000;
    border-color: rgba(0, 0, 0, 0.65);
    border-style: solid;
    border-width: 5px;
    height: 72px;
    margin: 2px;
    width: 72px;
}

#relatedProducts li a:hover, #relatedProducts li a.current:hover {
    border-color: #b9db0c;
}

#relatedProducts li a.current {
    border-color: #fff;
    border-color: rgba(255, 255, 255, 0.65);
}

/* end hero caoursel */

/* make the pdf download widget available in left and right columns */

#wxDescription .downloadWidget, #rightLayout .downloadWidget {
    margin: 0;
    padding: 0;
    overflow: hidden;
    position: relative;
    background: #959595; /* Old browsers */
    background: linear-gradient(to bottom, #959595 0%, #ececec 100%); /* W3C */
}

#wxDescription .downloadWidget .hdrDiv, #rightLayout .downloadWidget .hdrDiv {
    color: #FFF;
    margin: 4px;
}

#wxDescription .downloadWidget .items, #rightLayout .downloadWidget .items {
    padding: 0;
    list-style: none;
}

#wxDescription .downloadWidget .item, #rightLayout .downloadWidget .item {
    margin: 4px;
    padding: 10px;
    background: #FFF;
    position: relative;
    overflow: hidden;
}

#wxDescription .downloadWidget .item:hover, #rightLayout .downloadWidget .item:hover {
    background: #eee;
}

#wxDescription .downloadWidget .item img, #rightLayout .downloadWidget .item img {
    float: left;
    margin-right: 10px;
    color: #FFF;
    vertical-align: middle;
}

#wxDescription .pageSocial {
    display: block;
    list-style: none;
    padding: 0;
    clear: left;
}

#wxDescription .pageSocial li {
    display: inline-block;
    margin: 0;
    height: 20px;
    min-width: 110px;
    vertical-align: middle;
}

#wxDescription .pageSocial li:first-child {
    padding-right: 1em;
    min-width: 0;
}

.relatedForm {
    background: #e8e8e8;
    overflow: hidden;
}

.relatedForm h1 {

    margin: 0.67em .75em;

}

h1 {
    font-size: 1.875em;
    font-weight: 300;
}

h2 {
    font-size: 1.5em;
    font-weight: 300;
}

h3 {
    font-size: 1.125em;
    font-weight: 400;
}

h4 {
    font-size: 1em;
    font-weight: 600;
}

h5 {
    font-size: .875em;
    font-weight: 600;
}

h6 {
    font-size: .80em;
    font-weight: 600;
}

h2, h3, h4, h5, h6 {
    margin: 1em 0 .5em;
}

h2 + p, h3 + p, h4 + p, h5 + p, h6 + p {
    margin-top: 0.5em;
}

body > .adLeaderboard {
    overflow: hidden;
    margin: 0;
}

#ad-leader-head {
    width: 728px;
    margin: auto;
}

#mpu:after, #ad-leader-head:after {
    content: "Advertisement";
    float: right;
    font-size: smaller;
    color: #666;
}

#header {
    background: #202A2C;
    color: #fff;
    min-width: 980px;
    padding: 2px 10px 0;
}

#header:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden;
}

.headerContent {
    position: relative;
}

#header #toplevel {
    margin: 0 auto;
    width: 980px;
    padding: 0 10px;
}

#header #topbanner {
    background: #202a2c;
    color: #fff;
    overflow: hidden;
    margin: 0;
}

#header #topbanner ul {
    margin: 0;
    padding: 0;
}

#header #topbanner ul li {
    display: block;
    list-style: none;
}

#header #topbanner ul a, #header #topbanner ul span {
    display: block;
    float: left;
    padding: 5px 10px;
    color: #fff;
}

#header #topbanner ul a {
    font-weight: normal;
}

#header #topbanner .selected, #header #topbanner .onpath {
    font-weight: bold;
}

#topNav {
    overflow: hidden;
    clear: both;
    font-size: 1.14em;
    background: #fff linear-gradient(#666, #666) repeat-x bottom;
    background-size: 100% 3px;
}

#topNav ul {
    width: 980px;
    padding: 0;
    margin: auto;
}

#topNav li {
    margin-left: -1em;
    list-style: none;
}

#topNav li a, #topNav li span {
    display: block;
    float: left;
    padding: 1em;
    text-decoration: none;
    color: #222;
    font-weight: 600;
    border-bottom: 3px solid #666;
}

#topNav li .selected, #topNav li .onpath {
    border-bottom: solid 3px #b9db0c;
}

#topNav li a:hover, #topNav li a:focus {
    border-bottom: solid 3px #00add3;
    transition: all 150ms linear;
}

#header #topbanner #toputilnav {
    position: absolute;
    left: 650px;
    width: 320px;
}

#header #toplogo {
    float: left;
    margin-left: -10px;
    line-height: 1em; /* for the image */
}

#header #toplogo img {
    padding: 20px 10px;
    display: block;
}

#header #toputilnav {
    float: right;
    margin-top: 24px;
}

#header #toputilnav ul {
    margin: 0;
    list-style: none;
}

#header #toputilnav li {
    float: left;
    margin-left: 20px;
}

#header #toputilnav li:before {
    content: "|";
    color: #666;
    margin-left: -10px;
    padding: 0 10px 0 0;
}

#header #toputilnav li:first-child:before, #header #toputilnav li:last-child:before {
    display: none;
}

#header #toputilnav a {
    color: #fff;
    text-decoration: none;
}

#header #toputilnav a:hover {
    text-decoration: underline;
}

#header #toputilnav .selected {
    color: #999;
}

/* =header (email sign up)
-------------------------------------------------------*/
#header .signUp {
    border: 0;
    cursor: pointer;
    position: relative;
    float: right;
    color: #fff;
}

#header #toputilnav .signUp-rendered a { /* class is added with behavior */
    background: url(/main/images/arrowwhite_down.gif) no-repeat right center;
    padding: 0 12px 0 0;
}

#header .signUp:hover {
    background-color: #202A2C !important;
}

#header .signUpModule {
    border-radius: 3px;
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
    background: #fff;
    border: 1px solid #ccc;
    color: #999;
    display: none;
    padding: 20px 10px 10px 10px;
    position: absolute;
    right: -5px;
    top: 25px;
    width: 260px;
    z-index: 5000;
}

#header .signUpModule:before {
    border-bottom: 10px solid #ccc;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    content: '';
    height: 0;
    margin: -10px 0 0 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
}

#header .signUpModule:after {
    border-bottom: 8px solid #fff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    content: '';
    height: 0;
    margin: -8px 0 0 0;
    position: absolute;
    top: 0;
    right: 2px;
    width: 0;
}

#header .signUpModule form {
    display: block;
    float: none;
    margin: 0;
}

/* form overrides */

#header .signUpModule input {
    border-radius: 3px;
    font-weight: normal;
    max-width: 260px;
    width: 100%;
}

#header .signUpModule #emailInput {
    background: #fff;
    border: 1px solid #ddd;
    font-size: 1.18em;
    height: 38px;
    line-height: 38px;
    margin: 0 0 5px 0;
    padding: 0 10px;
    width: 238px;
    box-sizing: content-box;
}

#emailInput:invalid, #emailInput:required {
    box-shadow: none;
}

#header .signUpModule #subscribeButton {
    background: #00819d;
    border: 0;
    color: #fff;
    font-size: 1.14em;
    height: 40px;
    padding: 0;
}

#header .signUpModule #subscribeButton:hover {
    background: #00add3;
}

#header .signUpModule .error label {
    color: #e00;
    display: block;
    font-size: 1.18em;
    margin: 0;
    padding: 0;
    text-align: left;
}

#header .signUpModule .error #emailInput {
    background: #fffafa;
    border: 1px solid #e00;
}

#header .signUpModule p {
    cursor: default;
    font-size: 1.8em;
    font-weight: normal;
    margin: 8px 0;
    text-align: center;
}

#header .signUpModule ul {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

#header .signUpModule li {
    border-radius: 3px;
    background: #eee no-repeat 50% 0;
    border-left: 1px solid #fff;
    cursor: pointer;
    display: table-cell;
    height: 40px;
    line-height: 40px;
    margin: 0;
    padding: 0;
    text-align: center;
    text-indent: -99999em;
    width: 86px;
}

#header .signUpModule li:first-child {
    border: 0;
}

#header .signUpModule li:hover {
    background-color: #ddd;
}

#header .signUpModule li a {
    display: block;
    width: 100%;
    outline: 0;
}

/* search form */
#fsrch {
    margin-top: -8px;
}

#fsrch label {
    display: none;
}

#fsrch fieldset {
    padding: 2px;
    background: #fff;
    color: #000;
    border-radius: 3px;
}

#fsrch input {
    border-style: none;
    width: 108px;
    height: 22px;
    padding: 4px;
    transition: width 200ms linear;
    box-sizing: content-box;
    font-weight: 400;
}

#fsrch input:focus {
    width: 216px;
}

#fsrch button {
    border: none;
    padding: 0;
    border-radius: 0;
    width: 30px;
    height: 30px;
    background: #fff;
}

#content {
    clear: both;
    margin: 0 auto;
    width: 980px;
}

/* second level nav */
.secondnav {
    background: #eee;
    clear: both;
    overflow: hidden;
    border-bottom: 1px solid #ddd;
    min-width: 980px;
    margin: 0 auto;

}

.secondnav ul {
    padding: 0;
    margin: .7em auto;
    width: 980px;
    overflow: hidden;
}

.secondnav li {
    list-style-type: none;
}

.secondnav ul li {
    display: block;
    width: 245px;
    float: left;
    overflow: hidden;
    margin-left: -.2em;
}

.secondnav ul a, .secondnav ul span {
    display: block;
    padding: .2em;
    text-decoration: none;
    font-weight: normal;
    color: #000;
}

.secondnav ul .selected, .secondnav ul .onpath {
    font-weight: 600;
}

.secondnav ul a:hover, .secondnav ul a:focus {
    text-decoration: underline;
}

/* weather warnings */
#weatherwarnings {
    position: relative;
    clear: right;
    float: right;
    height: 24px;
    margin: 6px 0;
}

#weatherwarnings ul {
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
}

#weatherwarnings li {
    float: left;
    margin-left: 4px;
}

#weatherwarnings p {
    display: none;
}

#weatherwarnings li a {
    width: 24px;
    height: 24px;
    display: inline-block;
    background: url(/main/images/icons/warningSymbols24.png) no-repeat;
    text-indent: -999em;
    letter-spacing: -999em;
    overflow: hidden;
}

/* warning types */
#weatherwarnings .rain {
    background-position: 0 0;
}

#weatherwarnings .wind {
    background-position: -28px 0;
}

#weatherwarnings .snow {
    background-position: -56px 0;
}

#weatherwarnings .ice {
    background-position: -84px 0;
}

#weatherwarnings .fog {
    background-position: -112px 0;
}

/* warning levels */
/*
#weatherwarnings .off { background-color: #a3d700; }
#weatherwarnings .yellow { background-color: #ff6; }
#weatherwarnings .amber { background-color: #dc7c10; }
#weatherwarnings .red { background-color: #c03; }
*/
#weatherwarnings .off {
    background-color: #0F3;
}

#weatherwarnings .yellow {
    background-color: #FF6;
}

#weatherwarnings .amber {
    background-color: #F93;
}

#weatherwarnings .red {
    background-color: #C03;
}

/* breadcrumb */

#bcbar {
    border-bottom: 1px solid #ddd;
    background: #fff;
}

#bcbarcontent {
    width: 980px;
    margin: auto;
    overflow: hidden;
}

#breadcrumb {
    clear: left;
    overflow: hidden;
    font-size: .875em;
    margin: .5em 0;
    color: #999;
}

#breadcrumb ul {
    padding: 0;
    margin: 0;
}

#breadcrumb ul li:before {
    content: "/";
    margin-right: .5em;
    color: #333;
}

#breadcrumb ul li:first-child:before {
    content: "";
    margin-right: 0;
}

#breadcrumb ul li {
    list-style: none;
    float: left;
    margin-right: .5em;
}

.article {
    float: left;
    width: 640px;
}

.article .articleHeading {
    font-size: 2.5em;
}

.article .articleIntroText {
    font-size: 1.5em;
}

ul.pageSocial {
    padding: 0;
    height: 25px;
    display: block;
}

ul.pageSocial li {
    list-style: none;
    display: inline-block;
    width: 24%;
}

#footer {
    background: #202A2C;
    color: #B9DB0C;
    overflow: hidden;
    padding: 0 10px 30px 10px;
    clear: both;
    min-width: 980px;
}

#footer h2, #footer h3, #footer ul a {
    color: #fff;
    font-weight: normal;
}

#footer a {
    text-decoration: none;
    color: #fff;
}

#footer a:hover {
    text-decoration: underline;
}

#footer .quicklinks, #footer .footerutils {
    width: 980px;
    margin: auto;
    position: relative;
}

#footer .utils {
    padding: 0;
}

#footer .utils li {
    display: block;
    list-style: none;
}

#footer .utils a, #footer .utils span {
    display: block;
    float: left;
    padding: 5px 10px;
}

#footer .licence {
    float: right;
    text-align: center;
}

#footer .licence a {
    text-decoration: none;
}

#footer .licence .logo {
    padding: 10px;
}

ul#quicklinks {
    display: block;
    list-style: none;
    margin: 0.5em 0;
    padding: 0;
}

#quicklinks li {
    margin: 0.25em 0;
}

ul#quicklinks > li {
    display: inline-block;
    margin-right: 20px;
    vertical-align: top;
    width: 300px;
}

ul#quicklinks > li > h3 {
    border-bottom: 1px #B9DB0C solid;
    display: block;
}

ul#quicklinks > li a {
    font-weight: normal;
}

ul#quicklinks > li ul {
    list-style: disc outside none;
    padding-left: 1.5em;
}

.quicklinks #explore h2 {
    margin-bottom: 0;
}

.quicklinks #follow ul {
    padding: 0;
    margin-left: -5px;
}

.quicklinks #follow li {
    display: inline;
    padding: 5px;
    list-style: none;
}

.ig-b- {
    display: inline-block;
}

.ig-b- img {
    visibility: hidden;
}

.ig-b-32 {
    width: 32px;
    height: 32px;
    background: url(//badges.instagram.com/static/images/ig-badge-sprite-32.png) no-repeat 0 0;
}

/* =print
-------------------------------------------------------*/

@media print {

    /* =all (print)
    ----------------------------*/
    body {
        color: #444;
        padding: 0;
        width: 98%;
    }

    /* some browsers cropping edge when 100% */
    .svgAlt {
        background: none;
    }

    .svgAlt .printIcon {
        display: block;
    }

    .svgAlt span {
        color: #000 !important;
    }

    a:link,
    a:visited,
    a:active {
        color: #000;
        text-decoration: none;
    }

    /*p a:after {content: " ("attr(href)") ";} */
    #moContainer {
        width: 100%;
    }

    .wxTop {
        width: 95%;
    }

    /* header */
    #moHeader .logoBar {
        background: none;
        border-bottom: 0;
        margin: 0;
    }

    .logoBar .logo {
        margin: 0;
    }

    .logoBar .logo .displayB {
        display: block;
    }

    .logoBar .logo .displayW {
        display: none;
    }

    #moHeader .logoBar .signUp {
        display: none;
    }

    /* footer */
    #moFooter {
        border-top: 1px solid #ccc;
        margin: 0;
    }

    #moFooter .moNavUtilities ul {
        float: none;
    }

    #moFooter .moNavUtilities a {
        padding: 0 20px 0 0;
    }

    #moFooter #printDisclaimer {
        display: block;
        margin: 10px 0 0 0;
        color: #000;
    }

    /* warnings */
    #moNSWWS {
        border: 3px solid #ddd;
        margin: 0 0 20px 0;
        padding: 10px;
    }

    #weatherwarnings ul {
        display: block;
    }

    #weatherwarnings p {
        float: none;
        margin: 5px;
        text-align: left;
    }

    .warningBar {
        padding: 0;
    }

    .warningBar * {
        color: #000;
    }

    .warningBar h2 {
        border: 0;
        color: #000;
        padding: 0;
        position: static;
        width: 75%;
    }

    .warningLevels div {
        border: none;
        padding: 0;
    }

    .warningBar .warnBox {
        border: 0;
        margin: 0 0 10px 0;
        min-height: 0;
        padding: 0;
    }

    /* qrcode */
    #qrcode {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
    }

    /*turn off background on all images */
    body,
    #moHeader,
    #moHeader *,
    #moFooter,
    #moFooter * {
        background: none !important;
    }

    .moHome * {
        background: none !important;
    }

    .shareThis, .relatedlinks, .featureGroup, .relatedArticles, .mediaItems, .relatedContacts, #rightLayout {
        float: none;
        width: 100%;
    }

    /*turn off elements */
    #EUCookie,
    #footer .quicklinks,
    #footer .footerutils, .utils,
    #fsrch,
    #genError,
    #header,
    #moBeta,
    #moCustom,
    #moExplore,
    #moFooter .logoBar,
    #moFooter .moNavUtilities li:after,
    #moFooter .moNavUtilities ul:first-child,
    #moHeader .moNavUtilities,
    #moHeader fieldset,
    #weatherwarnings,
    .adLeaderboard,
    .megamenu,
    .moInfo,
    .moNavTabs,
    .mpu,
    .pageSocial,
    .secondnav,
    .shareThis,
    .warningBar .symbol,
    .warningBar nav,
    .wxTip {
        display: none !important;
    }

    #footer {
        background: none;
        color: #000;
        border-top: solid thin;
    }

    #footer .footerutils {
        width: 100%;
    }

}

.greybackground a:link {
    color: #00728b;
}

.greybackground a:visited {
    color: #66648c;
}

.attention-grabber.alert {
    padding: 15px;
    margin-bottom: 20px;
    margin-top: 20px;
    border: 1px solid transparent;
}

.attention-grabber.alert h1, .attention-grabber.alert h2, .attention-grabber.alert h3, .attention-grabber.alert h4, .attention-grabber.alert h5, .attention-grabber.alert h6 {
    margin: 0;
}

.attention-grabber.alert .attention-grabber.alert-link {
    font-weight: bold;
}

.attention-grabber.alert > p,
.attention-grabber.alert > ul {
    margin-bottom: 0;
    margin-top: 0;
}

.attention-grabber.alert > p + p {
    margin-top: 5px;
}

.attention-grabber.alert-warning {
    /* Copied from bootstrap.com on 16/03/2015, as MetO Style Guide has success as green, and warning as red. */
    background-color: #fcf8e3;
    border-color: #EBCCD1;
    color: #000;
}

.attention-grabber.alert-warning hr {
    border-top-color: #f7e1b5;
}

.attention-grabber.alert-warning .attention-grabber.alert-link {
    color: #66512c;
}