/* Base CSS file applied across the entire website */
@font-face {
	font-family: FSEmericWeb-Regular;
	src: url('../fonts/FSEmericWeb-Regular.eot');
	src: url('../fonts/FSEmericWeb-Regular.woff') format('woff');
}

@font-face {
	font-family: FSEmericWeb-Light;
	src: url('../fonts/FSEmericWeb-Light.eot');
	src: url('../fonts/FSEmericWeb-Light.woff') format('woff');
}

body {
	font-size: 97%;
	font-family: FSEmericWeb-Light, Arial, sans-serif;
	color: #333;
	background: #fff;
	margin: 0;
	line-height: 1.4;
}

h1, h3, h4, h5, h6 {
	font-family: FSEmericWeb-Light, Arial, sans-serif;
	font-weight: normal;
}

h2 {
	font-family: FSEmericWeb-Regular, Arial, sans-serif;
	font-weight: normal;
}


input {
	font-family: FSEmericWeb-Light, Arial, sans-serif;
}

a:link {
	color: #00819d;
	text-decoration: none;
}

a:visited {
	color: #74729F;
}

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;
}


/* :focus is required for keyboard navigation! */

.clearBoth {
	clear: both;
}

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

.offScreen {
	left: -5000px;
	position: absolute;
	top:-5000px;
}

.textLeft { text-align: left; }
.textCenter { text-align: center; }
.textRight { text-align: right; }
.textSmaller { font-size: 80%; }

.flex { display: flex; }
.hidden { display: none !important; }

.invisible {
	visibility: hidden;
}

/* Page width (set on all wrapper containers) */
#header, #topNav, #secondnav, #EUCookie, #bcbar, #moContainer, #preFooter, #footer {
	min-width: 980px;
}

.contentWidth {
	margin: 0 auto;
	width: 980px;
}

/* Float container (clear fix) */
#headerContent:after, #topNavContent:after, #secondnav ul:after, #moContainerContent:after, #footerContent:after, .clearFix:after {
	clear: both;
	content: '';
	display: block;
	height: 0;
	visibility: hidden;
}

/* Widget component styles */
.widgetUpdateTime {
	font-family: FSEmericWeb-Regular, Arial, sans-serif;
	font-size: 12px;
	color: #666;
}

.widgetFooter {
	clear: both;
	border-top: 1px solid #ccc;
	padding: 10px;
}

.widgetError { background: #B41E34; color: #fff; margin: 0 0 10px; padding: 10px; }
.widgetError a:link,
.widgetError a:visited {color:#fff;}


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

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

#EUCookie p {
	margin: .5em 10px;
}

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

/* =placeholder spacing
-------------------------------------------------------*/
#bottomContainer, #topContainer {
	text-align: center;
}

#ad-bottom {
	clear: both;
	overflow: hidden;
}

#ad-wraparound {
	height: 0;
}

.draggable-advert{
    text-align: center;
	margin-bottom: 30px;
}

/* override for old templates such as events */

#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;
}

#wxDescription {
	width: 660px;
	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;
}

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

.featureGroup 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);
}

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

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

.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;
}

/* CSS for social icons */
.share {
	text-align: right;
}
.share ul {
	list-style: none;
	margin: 0 0 10px;
	padding: 0;
}
.share li {
	display: inline-block;
	height: 30px;
	overflow: hidden;
	width: 30px;
}
#share-this {
	line-height: 30px;
	width: 5em;
}

.relatedArticles h2 {
	margin-top: 10px;
	margin-bottom: 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;
}

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

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

.enlargable:before {
	content: url(../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;
}

.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.35em;
	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;
}

span#country {
	font-size: .50em;
	font-weight: 300;
	margin-bottom: 1em;
	margin-left: 2px;
	display: block;
	line-height: 1.2em;
}

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

#header {
	background: #2a2a2a;
	color: #fff;
}

#headerContent {
	position: relative;
	padding: 2px 5px 0;
}

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

#topNavContent {
	padding: 0 5px;
}

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

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

#topNav li a, #topNav li span {
	display: block;
	float: left;
	padding: 0.8em 1em;
	text-decoration: none;
	color: #222;
	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 #50B9A4;
	transition: all 150ms linear;
}

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

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

.mainLogo {
	background:url(../images/icons/mo-all-logos.svg) no-repeat -1.4em 0.1em;
	background-size: 7em 5em;
	font-size: 2.2em;
	height: 69px;
	width: 150px;
	display: block;
	overflow:hidden;
	text-indent:101%;
	white-space:nowrap;
}

.printLogo {
	height: 21px;
	margin-bottom: 20px;
	width: 150px;
}

#header #toputilnav {
	float: right;
	margin-top: 20px;
	vertical-align: top;
}

#headerWarnings {
	display: inline-block;
}

#warningsIFrame {
	border: none;
	display: inline-block;
	padding: 0;
	overflow: hidden;
	height: 28px;
	width: 180px;
}

#header #toputilnav ul {
	display: inline-block;
	list-style: none;
	margin: 3px 0 0 0;
	padding: 0;
	vertical-align: top;
}

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

#header #toputilnav li:before {
	color: #666;
	margin-left: -15px;
	padding: 0 15px 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;
}

/* search form */
#fsrch {
	display: inline-block;
	margin: -4px 0 0 15px;
	vertical-align: top;
}

#fsrch label {
	display: none;
}

#fsrch fieldset {
	padding: 2px;
	background: #fff;
	color: #000;
}

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

#fsrch input.focus {
	width: 600px;
}

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

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

/* second level nav */
#secondnav {
	background: #fff;
	clear: both;
	overflow: hidden;
	border-bottom: 1px solid #b5bbbc;
}

#secondnav ul {
	padding: 0 0 0 5px;
	margin: .7em auto;
	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;
}


/* breadcrumb */

#bcbar {
	background: #ebf4f8;
}

#bcbarcontent {
	overflow: hidden;
}

#breadcrumb {
	clear: left;
	overflow: hidden;
	font-family: FSEmericWeb-Regular, Arial, sans-serif;
	font-size: .9em;
	font-weight: normal;
	margin: 7px 0;
	color: #036479;
	line-height: 34px;
}

#breadcrumb ul {
	padding: 0 0 0 5px;
	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;
}

#breadcrumb a:link, #breadcrumb a:hover, #breadcrumb a:active, #breadcrumb a:visited {
	color: #036479;
}

#moContainer {
    background: -webkit-linear-gradient(#ebf4f8, #fff 600px); /* For Safari 5.1 to 6.0 */
    background: -moz-linear-gradient(#ebf4f8, #fff 600px); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#ebf4f8, #fff 600px); /* Standard syntax (must be last) */
}

#moContainerContent {
	padding: 20px 5px;
}

a.action {
	color: #1e81fa;
}

.printLink, .printLinkBlack {
    line-height: 25px;
    height: 25px;
    vertical-align: middle;
    padding-right: 35px;
}

.printLink {
    background: url("../images/icons/printer_white.svg") no-repeat center right;
}

.printLinkBlack {
    background: url("../images/icons/printer_black.svg") no-repeat center right;
}

.simpleContainer {
	box-sizing: border-box;
	margin-bottom: 30px;
	padding: 0;
}

.simpleContainer h2 { color: #000; }
.simpleContainer h2:first-child {
	margin-top: 0 !important;
}

.bottomSpacer {
	margin-bottom: 30px;
}

/* Unordered lists */
.listLinks, .mapMenu ul {
	margin: 0;
	padding: 0;
}

.listLinks li, .mapMenu li {
	margin: 10px 0;
	list-style: none;
}

.listLinks li a, .mapMenu li a {
	color: #036479;
	font-family: FSEmericWeb-Regular, Arial, sans-serif;
}

.articleSummary {
	font-size: 0.9em;
	margin: 5px 0;
}

/* Content page - main */
.mapMenu p {
	padding-top: 5px;
	border-top: 1px solid black;
	width: 95%;
	margin:0 0 5px;
}

.printMenu {
	margin-top: 20px;
}

.printMenu p {
	font-size: .8750em;
	padding-left: 1px;
}

.infoText {
	font-size: 0.8em;
	margin: 10px 0 5px;
}

/* Tag links */
.tagLinks {
	margin: 0;
	padding: 0;
}

.tagLinks li {
	background-color: #f4f4f4;
	cursor: pointer;
	display: inline-block;
	font-size: 0.95em;
	margin: 0 0 10px 10px;
	padding: 10px;
}

.tagLinks li:first-child {
	margin-left: 0;
}

.tagLinks a { color: #000; display: block; }
.tagLinks a:hover { text-decoration: underline; }

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

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

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

/* Footer */
#footer {
	background: #2a2a2a;
	color: #B9DB0C;
	overflow: visible;
    /* Below is to make the sticky ad-slot(s) go underneath the footer*/
    position: relative;
}

#footerContent {
	padding: 10px 5px 30px;
}

#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 {
	position: relative;
}

.footerutils ul {
	padding: 0;
}

.footerutils ul li {
	display: block;
	list-style: none;
}

.footerutils ul a, .footerutils span {
	display: block;
	float: left;
	padding: 5px 10px;
}

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

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

#footer .row {
	min-height: 110px;
}

#footer .half-column {
	width: 50%;
}

#follow {
	text-align: center;
	margin-bottom: 30px;
	line-height: 1;
}
#follow h2 { font-size: 1em;  margin: 0 0 1.54em; font-weight: normal}

.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;
}

/* =columns
-------------------------------------------------------*/
.columns {display:table; clear:both; width: 100%}
.columns div.c1,.columns div.c2, .columns div.c1and2container {display:table-cell; width:310px; vertical-align:top;}
.columns > div.c1and2container{width:670px;}
.columns > div.c1and2container div.c1 { padding-right: 10px; }
.columns > div.c3 {width: 300px;}

.two-column div.c1 {
	box-sizing: border-box;
	padding-right: 20px;
	width: 670px;
}

.two-column div.c2 {
	width: 300px;
}

/* for extra padding on the first column */
.columns .first {
	padding-right: 15px;
	box-sizing: border-box;
}

.columns .half {
	width: 50%;
}

.columns .small {
	width: 294px;
}

.columns .large {
	width: 685px;
}

/* dropdown lists */
#locationDropdownLists { position: relative; }
.locationDropdown {display: inline-block;}
.locationDropdown:after {display:table-cell; content:""; clear:both; }
.locationDropdown > span, .locationDropdown i { float:left; line-height:100%; height: 100%; margin-left: 2px;}
.locationDropdown i {margin-left: 5px;}
.locationDropdown ul {
	background-color: #fff;
	border: 1px solid #ddd;
	box-shadow: 1px 1px 10px 1px rgba(100,100,100, 0.1);
	position: absolute;
	display: none;
	z-index: 2000;
	margin: 1em 0 0 0;
	min-width: 50%;
	padding: 10px;
	left: 0;
}

.locationDropdown:hover { cursor: pointer; }
.locationDropdown:hover ul { display:block; }

.locationDropdown ul li {
	list-style-type: none;
	margin: 0;
	min-width: 300px;
	text-align: left;
}

.locationDropdown ul li:hover,
.locationDropdown ul li:focus {
	background-color: #E2EDF0;
	outline: 1px solid #E2EDF0;
}

.locationDropdown ul li a {
	color: #000;
	display: block;
	padding: 10px;
	text-decoration: none;
}

.locationDropdown ul li a i { margin-top: 3px; }

/* tabbed list elements */
#textNav {
	display: table;
	margin: 20px 0 1em 0;
	width: 100%;
	padding: 0;
}

#textNav li:first-child {border-radius:0;}
#textNav li:last-child {border-radius:0;}
#textNav li {border-bottom:1px solid #ddd; border-left:0; border-right:0; border-top:2px solid transparent; color:#007AA9; cursor:pointer; display:table-cell; font-size:0.8750em; line-height:1; padding:10px 5px; text-align:center; vertical-align:middle; width:33%;}
#textNav li:hover {background:#E9E9E9; border-top:2px solid #007aa9;}
#textNav li.tabActive {background:#fff; border-bottom:1px solid transparent; border-left:1px solid #ddd; border-right:1px solid #ddd; border-top:2px solid #6E6E6E;  color:#000;}

.tabContent { background-color: #fff; display: none; }

/* accessible tabbed list elements - see mountain forecast weather by height for example */
#aTabs {
	display: table;
	margin: 20px 0 0;
	width: 100%;
	padding: 0;
	position: relative;
	z-index: 100;
}

#aTabs li {
	display: table-cell;
	width: 33%;
	vertical-align: middle;
	text-align: center;
}

#aTabs li a {
	box-sizing: border-box;
	border-bottom: 2px solid #000;
	color: #007AA9;
	display: block;
	font-size: 0.8750em;
	line-height: 1;
	padding: 15px 5px;
	text-decoration: none;
}

#aTabs li a:hover, #aTabs li a:focus {
	background-color: #f4f4f4;
	outline: none;
}

#aTabs li a.tabActive {
	background-color: #fff;
	border: solid #000;
	border-width: 2px 2px 0;
	color: #000;
	font-weight: bold;
}

#fcContent {font-size: 16px;}

/* weather links component */
.weatherLinks a { color: #007AA9; display: inline-block; padding:0.3125em 0; text-decoration: none }
.weatherLinks a:hover { text-decoration: underline }
.weatherLinks.left { text-align:left }
.weatherLinks.right { text-align:right }
.weatherLinks i[data-type="utility"] { display: inline-block; vertical-align: -2px }

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

/* position: absolute Corrects bug in Chrome where vector layer gets displaced in resizing window */
svg:not(:root) {
	position: static;
}


/* =icons (SVG and SVG alternatives)
-------------------------------------------------------*/
.svg {display:block; margin:0 auto;}
text {font-family:"Open Sans",arial,sans-serif; font-size:23px; font-weight:bold; text-anchor:middle;}
.svgAlt {display:block; margin:0 auto; overflow:hidden; position:relative;}
.svgAlt .printIcon {display:none;}
.svgAlt span {font-weight:bold; margin:0 auto; text-align:center; padding:0; position:absolute; top:0; left:0;}
.svgAlt img {display:block;}


/*  Widget date legends
-----------------------*/

.widgetDate {
	display:block;
	color:#000;
	font-size: 12px;
	padding:.5em;
	position:absolute;
	text-align:center;
	z-index:1000;
	opacity: 0.8;
}

span.topLeftDate, span.topRightDate {
	background-color: #eee;
	color: #000;
	font-family: Arial, sans-serif;
	bottom: 5px;
	right: 5px;

}

/*Google Translate
-----------------------*/
.google_translate_wrapper #moGoogleTranslate {
	background: #444 none repeat scroll 0 0;
	color: #fff;
	display: block;
	margin: 10px 0 0;
	padding: 10px;
}

.google_translate_wrapper > #moGoogleTranslate > #google_translate_element {
	width: 300px;
}

.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;
}


/* Elements to hide when JavaScript is enabled */
.noJsBlock, .noJsTr {display: none;}

/* No weather data error state overlay*/
#noDataOverlay {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.8);
    color: #FFF;
    width: 948px;
    height: 900px;
    z-index: 1100;
    overflow: hidden;
    font-size: 1.2em;
}

#noDataOverlay h2 {
    font-weight: bold;
    margin: 0 0 10px;
}

#noDataOverlayInner {
    position: relative;
    background-color: rgba(0, 0, 0, 0.3);
    max-width: 500px;
    min-height: 40px;
    max-height: 250px;
    z-index: 1105;
    padding: 15px;
    text-align: left;
    margin: 315px auto 0;
}

dl dd {
	display: inline;
	margin: 0;
}
dl dd:after{
	display: block;
	content: '';
}
dl dt{
	display: inline-block;
	min-width: 100px;
}

/*Sticky advertising (e.g. forecast, observation, mountain forecast pages)*/
#forecastLeader {
    display: block;
    text-align: center;
    width: 100%;
    background: #2a2a2a;
    margin: 0;
    z-index: 2001;
}

#skyRight, #skyLeft {
    position: fixed;
    top: 215px;
}

#skyRight {
    right: 110px;
}

#skyLeft {
    left: 110px;
}

.adFixed {
    position: fixed;
}

.headerFixed {
    padding-top: 110px;
}

#forecastLeader.slideOutTop {
    -webkit-transition-duration: 2000ms;
    transition-duration: 2000ms;
    transform: translateY(-1000%);
    -webkit-transform: translateY(-1000%);
}

@media (max-width: 1825px){
    #skyRight {
        right: 20px;
    }

    #skyLeft {
        left: 20px;
    }
}

@media (max-width: 1630px){
    #skyRight, #skyLeft {
        display: none;
    }

    #skyLeft.skyScraper, #skyRight.skyScraper {
        display: block;
    }
}

@media (max-width: 1390px){
    #skyLeft.skyScraper, #skyRight.skyScraper {
        display: none;
    }
}

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

@media screen {
	/* Do not display these elements on screen but show on print */
	.printOnly {display: none !important}
}

@media print {

	/* =all (print)
    ----------------------------*/
	body {
		background: none !important;
		font-size: 11pt;
		position: static;
		/* transform: scale(0.65); */
		/* font-size: 63%; */
	}

	/* Do not print these elements */
	.screenOnly {display: none !important}

	/* print the headers that are usually hidden */
	#locationName { position: static; }

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

	.svgAlt .printIcon {
		display: block;
	}

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

	a {
		color: #000;
		text-decoration: none;
	}

	#moContainer, #footer {min-width: 0; background: none;}

	.contentWidth { margin: 0; width: 100%; }

	#moContainerContent, #footerContent { padding: 0 }

	#footer {background: none }

	#fcContent {
		font-size: inherit;
	}

	.wxTop {
		width: 95%;
	}

	.simpleContainer {
		border: none;
		background-color: transparent;
		page-break-before: always;
		padding: 0;
	}

	/* 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;
	}

	#wxDescription,
	.columns > div.c1and2container,
	.columns div.c1, .tabContent, .relatedlinks, .featureGroup, .relatedArticles, .mediaItems, .relatedContacts, #rightLayout {
		float: none;
		width: auto;
	}

	.tabContent {border-bottom: 1px solid grey; display: block}

	/*turn off elements */
	#header,
	#topNav,
	#secondnav,
	#bcbar,
	#EUCookie,
	#preFooter,
	#fsrch,
	#weatherwarnings,
	#textNav,
	#follow,
	#user-preferences,
	.draggable-advert,
	.mpu,
	.share,
	.warningBar .symbol,
	.warningBar nav,
	.weatherLinks,
	.wxTip,
	.c2,
	.c3,
	.tagLinks,
	.expandIcon,
	.quicklinks,
	.footerutils {
		display: none !important;
	}
}