/* ----------------------------------------------------
www: weather channel		
css: mo 											
-------------------------------------------------------*/


/* =normalise override
-------------------------------------------------------*/
fieldset {border:0; margin:0; padding:0;}
body,
button,
input,
select,
textarea {font-family: "Open Sans", arial, sans-serif;}
svg:not(:root) { position: static;} /* position: absolute Corrects bug in Chrome where vector layer gets displaced in resizing window */

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;}

/* =font
 -------------------------------------------------------*/
/* Jake Hendy: Typefaces now loaded through Google Font CDN, aides in caching */

/* @font-face {
     font-family: 'Rokkitt';
     src: url('/public/lib/fonts/rokkitt-regular-webfont.eot');
     src: url('/public/lib/fonts/rokkitt-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/public/lib/fonts/rokkitt-regular-webfont.woff') format('woff'),
         url('/public/lib/fonts/rokkitt-regular-webfont.ttf') format('truetype'),
         url('/public/lib/fonts/rokkitt-regular-webfont.svg#Rokkitt') format('svg');
     font-weight: normal;
     font-style: normal;
 }
 */

/* =general
-------------------------------------------------------*/

/* Related Articles and links */

.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;
}
.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;
}

/* PageSocial class from CMS. This should be hidden. */
#wxDescription .pageSocial{display:none;}

body {color:#444; font-family:"Open Sans", arial, sans-serif; font-size:87.5%;} /* 14px default */
a:link {color: #00819d; /*color:#009;*/}
a:visited {color: #74729F; /*color:#909; */}
a:hover {text-decoration:underline;}
a:active {color:#900;}
#moContainer {padding: 10px; margin:0 auto; width:980px; background: none repeat scroll 0 0 #FFFFFF; }
#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:#cf3;}
#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;}
.tooltipclose {background:url(/public/weather/lib/images/controls/closeOff.png) 0 0 no-repeat; height:10px; position:absolute; right:5px; top:5px; width:9px;}
.tooltipclose:hover {background:url(/public/weather/lib/images/controls/closeOn.png) 0 0 no-repeat; cursor:pointer;}
*:focus {
	outline: none;
	box-shadow: 0 0 0 2px #000, 0 0 0 5px #b9dc0c;
}
.clearBoth {clear:both;}
.floatLeft {float:left;}
.floatRight {float:right;}
.hidden{display:none;}
.invisible{visibility:hidden;}
.loading {
	background:url(/public/lib/images/graphics/spritesLoading.gif) 0 0 no-repeat;
	-webkit-box-shadow:0px 1px 4px rgba(0,0,0,.4);
	-moz-box-shadow:0px 1px 4px rgba(0,0,0,.4);
	box-shadow:0px 1px 4px rgba(0,0,0,.4);
	color:#000;
	font-size:1em;
	font-weight:bold;
	height:20px;
	/*
	line-height:20px !important;
	*/
	line-height:20px ;
	margin:20px auto;
	padding:0;
	text-align:center;
	text-shadow:0 1px 1px rgba(255,255,255,.8);
	width:200px;
	z-index: 30;
}
.unselectable {
	/* prevents selecting of text */
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	-o-user-select:none;
	user-select:none;
	cursor:default;
}
.scrollUp {
	background: #363636 url(/public/home/lib/images/graphics/spritesArrowsModule.png) 50% 8px no-repeat;
	-moz-border-radius:5px 5px 0 0;
	-webkit-border-radius:5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	-moz-box-shadow:0 5px 5px rgba(0,0,0,.4);
	-webkit-box-shadow:0 5px 5px rgba(0,0,0,.4);
	box-shadow:0 5px 5px rgba(0,0,0,.4);
	cursor:pointer;
	display:block;
	height:30px;
	position: absolute; top:0; left:0;
	text-indent: -9999px;
	width:290px;
	z-index:22;
}
.scrollUp:hover {background-position:50% -32px;}
.scrollUpOff {background-position:50% -72px; cursor:default;}
.scrollUpOff:hover {background-position:50% -72px;}
.scrollDown {
	background:#363636 url(/public/home/lib/images/graphics/spritesArrowsModule.png) 50% -112px no-repeat;
	-moz-border-radius:0 0 5px 5px;
	-webkit-border-radius:0 0 5px 5px;
	border-radius:0 0 5px 5px;
	-moz-box-shadow: 0 -5px 5px rgba(0,0,0,.4);
	-webkit-box-shadow:0 -5px 5px rgba(0,0,0,0.4);
	box-shadow:0 -5px 5px rgba(0,0,0,0.4);
	cursor:pointer;
	display:block;
	height:30px;
	position:absolute; left:0; bottom:0;
	text-indent:-9999px;
	width:290px;
	z-index:22;
}
.scrollDown:hover {background-position:50% -152px;}
.scrollDownOff {background-position:50% -192px; cursor:default;}
.scrollDownOff:hover {background-position:50% -192px;}


/* =float container (clearfix)
-------------------------------------------------------*/
header:after, nav:after, footer:after, .fc:after {clear:both; content:''; display:block; height:0; visibility:hidden;} /*modern browsers*/
header, nav, footer, .fc {*zoom:1;} /*ie7*/


/* =logoBar (header/footer)
-------------------------------------------------------*/
.logoBar ul {list-style:none; margin:0; padding:0;}
.logoBar .logo {display:inline; float:left; margin:15px 0 0 10px; height:32px; width:148px; text-indent:-99999em;}
.logoBar .logo .displayW {display:block;}
.logoBar .logo .displayB {display:none;}


/* =header
-------------------------------------------------------*/
#moHeader {background:#767676;}
#moHeader h1 {display:none;}
#moHeader .logoBar {background:#1a1a1a url(/public/lib/images/graphics/bgTileDiagonalLines.png) 0 0 repeat; border:0; border-bottom:1px solid #fff; clear:both; height:55px; margin:0;}
#moHeader .logoBar form {display:inline; float:right; margin:15px 10px 0 0;}
#moHeader .logoBar label {display:none;}
#moHeader .logoBar #searchInput {background:#fff; border:0; -webkit-border-radius:3px 0 0 3px; -moz-border-radius:3px 0 0 3px; border-radius:3px 0 0 3px; color:#999; float:left; height:25px; line-height:25px; margin:0; padding:0 5px; width:15em;}
#moHeader .logoBar #searchInput:focus {color:#000;}
#moHeader .logoBar .button {background:#fff url(/public/lib/images/icons/set1/magnifyGlass.png) 50% 50% no-repeat; border:0; -moz-border-radius:0 3px 3px 0; -webkit-border-radius:0 3px 3px 0;	border-radius:0 3px 3px 0; float:left; text-indent:-9999px; height:25px; width:30px;}
#moHeader .logoBar .button:hover {background:#fff url(/public/lib/images/icons/set1/magnifyGlass.png) 50% 50% no-repeat;}
#moHeader .logoBar .logo {clear:left;}


/* =header (email sign up)
-------------------------------------------------------*/
#moHeader .logoBar .signUp {
	-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;
	background:#fff url(/public/lib/images/icons/socialSymbols/email.png) 5px 7px no-repeat; border:0; color:#999; cursor:pointer; float:right;	height:25px; line-height:25px; margin:15px 10px 0 0; padding:0; position:relative; width:140px; *z-index:4999; /*ie7*/
}
#moHeader .logoBar .signUp span {background:url(/public/lib/images/icons/socialSymbols/arrow.png) 95% 11px no-repeat; display:block; padding:0 5px 0 30px; border-bottom:10px solid transparent;}
#moHeader .logoBar .signUp:hover {background-color:#eee !important;}
#moHeader .logoBar .signUpModule {
	-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;
	-webkit-box-shadow:4px 4px 4px rgba(0,0,0,0.2); -moz-box-shadow:4px 4px 4px rgba(0,0,0,0.2); 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; top:28px;	right:0; width:260px; z-index:5000;
}
#moHeader .logoBar .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:2px; width:0;}
#moHeader .logoBar .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:4px; width:0;}
#moHeader .logoBar .signUpModule form {display:block; float:none; margin:0;} /* form overrides */
#moHeader .logoBar .signUpModule input {-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font-weight:normal; max-width:260px; width:100%;}
#moHeader .logoBar .signUpModule #emailInput {background:#fff; border:1px solid #ddd; color:#999; font-size:1.18em; height:38px; line-height : 40px\9; /* IE8/7 */ margin:0 0 5px 0; padding:0 10px; width:238px;}
#emailInput:invalid, #emailInput:required {-moz-box-shadow:none; box-shadow:none;}
#moHeader .logoBar .signUpModule #subscribeButton {background:#00A2C8; border:0; color:#fff; font-family:'Rokkitt', serif; font-size:2em; height:40px; padding:0 auto;}
#moHeader .logoBar .signUpModule #subscribeButton:hover {background:#00BFE8;}
#moHeader .logoBar .signUpModule .error #emailInputLabel {color:#e00; display:block; font-size:1.18em; margin:0; padding:0; text-align:left;}
#moHeader .logoBar .signUpModule .error #emailInput {background:#fffafa; border:1px solid #e00;}
#moHeader .logoBar .signUpModule p {cursor:default; font-family:'Rokkitt', serif; font-size:1.8em; font-weight:normal; margin:8px 0; text-align:center;}
#moHeader .logoBar .signUpModule ul {list-style:none; margin:0; *margin:0 0 0 -1px; /*ie7*/ padding:0; width:100%;}
#moHeader .logoBar .signUpModule li {
	-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;
	background-color:#eee; background-position:50% 0; background-repeat:no-repeat; border-left:1px solid #fff; cursor:pointer; display:table-cell; *float:left; /*ie7*/ height:40px; line-height:40px; margin:0; padding:0 auto; text-align:center; text-indent:-99999em; width:86px;
}
#moHeader .logoBar .signUpModule li:first-child {border:0;}
#moHeader .logoBar .signUpModule li:hover {background-color:#ddd;}
#moHeader .logoBar .signUpModule li a {display:block; width:100%; outline:0;}
#moHeader .logoBar .signUpModule #subscribeFacebook {background-image:url(/public/lib/images/icons/socialSymbols/facebook.png); *border:0; /*ie7*/}
#moHeader .logoBar .signUpModule #subscribeFacebook:hover {background-image:url(/public/lib/images/icons/socialSymbols/facebook.png); background-position:50% 100%;}
#moHeader .logoBar .signUpModule #subscribeGoogle {background-image:url(/public/lib/images/icons/socialSymbols/google.png);}
#moHeader .logoBar .signUpModule #subscribeGoogle:hover {background-image:url(/public/lib/images/icons/socialSymbols/google.png); background-position:50% 100%;}
#moHeader .logoBar .signUpModule #subscribeYahoo {background-image:url(/public/lib/images/icons/socialSymbols/yahoo.png);}
#moHeader .logoBar .signUpModule #subscribeYahoo:hover {background-image:url(/public/lib/images/icons/socialSymbols/yahoo.png); background-position:50% 100%;}



/* =navigation
-------------------------------------------------------*/

/* =moNavTabs (header/footer) */
.moNavTabs {float:left; font-size:1.1em; margin:.65em 0 0 10px; min-height:26px;}
.moNavTabs ul {list-style:none; margin:0; padding:0;}
.moNavTabs li {background:#434B83 url(/public/lib/images/graphics/bgTileHighlight.png) 0 0 repeat-x; border-top:1px solid #434B83; border-left:1px solid #434B83; border-right:1px solid #434B83; color:#fff; cursor:pointer; -webkit-border-radius:3px 3px 0 0; -moz-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0; color:#fff; float:left; font-weight:bold; line-height:25px; margin:0 3px 0 0; min-width:100px; padding:0; text-align:center; text-shadow:rgba(0,0,0,.5) 1px 1px;}
.moNavTabs li:hover {background:#545FA5 url(/public/lib/images/graphics/bgTileHighlight.png) 0 0 repeat-x; border-top:1px solid #545FA5; border-left:1px solid #545FA5; border-right:1px solid #545FA5; color:#fff;}
.moNavTabs li.active {background-color:#1a1a1a;/*for ie*/}
.moNavTabs li.active,
.moNavTabs li.active:hover {background:url(/public/lib/images/graphics/bgTileDiagonalLines.png) 1px 0 repeat, url(/public/lib/images/graphics/bgTileHighlight.png) 0 0 repeat-x #1a1a1a; border-top:1px solid #1a1a1a; border-left:1px solid #1a1a1a; border-right:1px solid #1a1a1a; text-shadow:rgba(0,0,0,.5) 1px 1px; margin-top:-2px; padding-bottom:2px;}
.moNavTabs a,
.moNavTabs span,
.moNavTabs a:hover {background:0; color:#fff; display:block; font-weight:bold; padding:0 10px; text-decoration:none;}
.moNavTabs .navError {color:#fff; font-size:.91em; margin:0; padding:2px 0 0 0;}
.moNavTabs .navError a {color:#fff; display:inline; font-weight:normal; text-decoration:underline;}
.moNavTabs .navError a:hover {text-decoration:none;}
.moNavTabs #moCustomTab span,
.moNavTabs #moCustomTab a {background:url(/public/lib/images/icons/general/cog.png) 5px 50% no-repeat; padding:0 10px 0 26px;}


/* =moNavUtilities (header/footer) */
.moNavUtilities {float:right; font-size:1em; margin:10px 0 0 0;}
.moNavUtilities ul {list-style:none; margin:0; padding:0;}
.moNavUtilities li {*background:url(/public/lib/images/graphics/navDivider.png) 0 80% no-repeat;/*ie7*/ float:left; position:relative;}
.moNavUtilities li:first-child {background:none;}
.moNavUtilities li:after {background:#fff; content:''; height:1em; width:1px; position:absolute; top:.2em; left:0;}
.moNavUtilities li:first-child:after {background:none;}
.moNavUtilities span {color:#fff; display:block; padding:0 10px; font-weight:normal;cursor:pointer}
.moNavUtilities a {color:#fff; display:block; padding:0 10px; font-weight:normal;}
.moNavUtilities span:hover,
.moNavUtilities a:hover {text-decoration:underline;}
.moNavUtilities .selected {color:#111; padding:0 10px;}
#moFooter .moNavUtilities {width:100%;}
#moFooter .moNavUtilities ul:first-child {float:left;}
#moFooter .moNavUtilities ul {float:right; margin:0 0 10px 0;}

/* =moNavMain (header) */
.moNavMain {background:#545454 url(/public/lib/images/graphics/bgTileHighlight.png) 0 0 repeat-x; font-size:1.1em; min-height:28px;}
.moNavMain ul {float:left; list-style:none; margin:0; padding:0; position:relative; *z-index:3999; /*ie7 z-index bug*/}
.moNavMain li {background:#545454 url(/public/lib/images/graphics/bgTileHighlight.png) 0 0 repeat-x; border-right:1px solid #fff; color:#fff; cursor:pointer; float:left; font-weight:bold; line-height:28px; text-shadow:rgba(0,0,0,.5) 1px 1px;}
.moNavMain li a {color:#fff; display:block; text-decoration:none; padding:0 20px;}
.moNavMain li span {display:block; padding:0 20px;} /*For non linkable, non JS menu items*/
.moNavMain li.active {background:#e2e2e2 url(/public/lib/images/graphics/bgTileHighlight.png) 0 0 repeat-x; color:#000; display:inline-block; text-shadow:rgba(255,255,255,.5) 1px 1px;}
.moNavMain li.active .secTabA {color:#000;}
.moNavMain li:hover {background:#1a1a1a url(/public/lib/images/graphics/bgTileHighlight.png) 0 0 repeat-x; color:#fff; text-shadow:rgba(0,0,0,.5) 1px 1px;}
.moNavMain li:hover .secTabA {color:#fff;}
.moNavMain li:hover .dd {}
.moNavMain .dd {
	background:#fff;
	background:-moz-linear-gradient(#fff, #f2f2f2);
	background:-webkit-gradient(linear, left top, left bottom from(#fff), to(#f2f2f2));
	background:-webkit-linear-gradient(#fff, #f2f2f2);
	background:-o-linear-gradient(#fff, #f2f2f2);
	background:linear-gradient(#fff, #f2f2f2);
	border:4px solid #1a1a1a;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	-webkit-box-shadow:4px 4px 4px rgba(0,0,0,0.2);
	-moz-box-shadow:4px 4px 4px rgba(0,0,0,0.2);
	-o-box-shadow:4px 4px 4px rgba(0,0,0,0.2);
	box-shadow:4px 4px 4px rgba(0,0,0,0.2);
	*display:none; /*ie7*/
	float:left;
	/* overflow:hidden; */
	position:absolute;
	left:-6px;
	top:auto;
	*top:28px; /*ie7*/
	text-shadow:none;
	width:982px;
	z-index:4000;
	visibility:hidden;
	opacity:0;
	transition:opacity .15s linear;
	-moz-transition:opacity .15s linear;
	-webkit-transition:opacity .15s linear;
	-o-transition:opacity .15s linear;
	transition-delay:.15s;
	-moz-transition-delay:.15s;
	-webkit-transition-delay:.15s;
	-o-transition-delay:.15s;
}
.closeMenu {
	background:#fff;
	border:4px solid #1a1a1a;
	border-bottom:0;
	-webkit-border-radius:5px 5px 0 0;
	-moz-border-radius:5px 5px 0 0;
	border-radius:5px 5px 0 0;
	color:#1a1a1a;
	position:absolute;
	top:-28px;
	right:8px;
	height:24px;
	line-height:22px;
	text-align:center;
	width:28px;
	*width:74px; /*ie7*/
	z-index:4001;
}

.closeMenu:after { content:'x'; position:absolute; top:0; left:10px; }
.closeMenu span {display:block; text-indent: -99999em; *text-indent: 0; /*ie7*/}

/* resets for dd menu */
.moNavMain li ul, .moNavMain li:hover ul {border:0;}
.moNavMain li li, .moNavMain li:hover li {background:0; border:0; float:none; padding:0; text-shadow:none;}
.moNavMain li:hover li a {color:#fff;}
.moNavMain li:hover li li a {color:#434B83;}

/* =ddMenu (header/footer) */
.ddMenu {cursor:default; float:left; font-size:.91em; margin:12px 0 0 12px; padding:0; width:972px;}
.ddMenu ul {list-style:none; margin:0; padding:0;}
.ddMenu li {cursor:default; display:inline-block; *display:inline;/*ie7*/ *zoom:1;/*ie7*/ font-size:1em; line-height:1.2; margin:0 12px 12px 0; vertical-align:top; width:182px;}
.ddMenu li h2 {background:#e4e4e4; color:#000; font-size:100%; padding:3px 5px; margin:0 0 5px 0;}
.ddMenu li a {background:#434B83; *background:#434B83 url(/public/lib/images/icons/set1/ddMenuLink_white.png) 6px 5px no-repeat; /*ie7*/ color:#fff; display:block; padding:3px 5px 3px 1.4em; margin:0 0 5px 0; position:relative;}
.ddMenu li a:after {border-top:.5em solid transparent; border-bottom:.5em solid transparent; border-left:.5em solid #fff; content:''; height:0; width:0; position:absolute; top:5px; left:6px;}
.ddMenu li a:hover {text-decoration:underline;}
.ddMenu li ul li {display:block; margin:0;}
.ddMenu li ul li a {background:none; *background:url(/public/lib/images/icons/set1/ddMenuLink.png) 5px 6px no-repeat; /*ie7*/ color:#434B83; display:block; padding:2px 5px 2px 1.4em; position:relative;}
.ddMenu li ul li a:after {border-top:.5em solid transparent; border-bottom:.5em solid transparent; border-left:.5em solid #434B83; content:''; height:0; width:0; position:absolute; top:4px; left:6px;}
.ddMenu li ul li a:hover {color:#434B83; text-decoration:underline;}
.ddMenu li ul li .selected {background:none; *background:url(/public/lib/images/icons/set1/ddMenuLinkOff.png) 5px 6px no-repeat; /*ie7*/ color:#545454; display:block; margin:0 0 5px 0; padding:3px 5px 3px 1.4em; position:relative;}
.ddMenu li ul li .selected:after {border-top:.5em solid transparent; border-bottom:.5em solid transparent; border-left:.5em solid #545454; content:''; height:0; width:0; position:absolute; top:5px; left:5px;}
#moFooter .ddMenu {display:inline-block; font-size:1em; font-weight:bold; float:none; width:auto;}
#moFooter .ddMenu a {font-weight:bold;}
#moFooter .ddMenu li {margin:0 8px 12px 0; *margin-right:12px;/*ie7*/ width:180px;}
#moFooter .ddMenu li ul {margin:0 0 10px 0;}
#moFooter .ddMenu li li {margin:0;}
#moFooter .ddMenu li#tabSponsors ul li {margin:20px 0 0 5px;}
#moFooter .ddMenu li#tabSponsors ul li:first-child  {margin:10px 0 0 5px;}
#moFooter .ddMenu li#tabSponsors ul li a {background:none; margin:0; padding:0;}
#moFooter .ddMenu li#tabSponsors ul li a:after {border:0;}
#moFooter .ddMenu li#tabSponsors img {display:block;}


/* =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;}


/* =NSWWS icons
-------------------------------------------------------*/
/* icon container */

/* Fix for home page */
#moNSWWS #weatherwarnings {
	position:absolute;
	top:2px;
	right:10px;
}

#moWarnings {position:absolute; top:2px; right:2px;}
.moInfo  #moWarnings {position:relative; top:0; right:0; float:right; font-size:0.91em;}
.warningBar #moWarnings {position:absolute; top:4px; right:10px;}
#moWarnings ul {float:left; list-style:none; margin:0; padding:0;}
/* #moWarnings li {float:left; text-indent:-9999px; margin-left:4px; border:1px solid #545454;} */
#moWarnings li {float:left; margin-left:4px;}
#moWarnings li#nswwsRain {margin:0;}
#moWarnings a {background:url(/public/lib/images/graphics/spritesGeneral.png) 0 0 no-repeat; display:block; height:23px; width:23px;}
#moWarnings p {float:left; margin:5px; text-align:right;}
.moInfo #moWarnings p  {display:none;}

/* warning bar */
#moNSWWS {min-height:55px; position:relative;}
.warningBar {
	background:#020202;
	background:#020202 url(/public/lib/images/graphics/spritesWarningBar.png) 0 0 repeat-x;
	background:-moz-linear-gradient(#404040, #020202);
	background:-webkit-gradient(linear, 0% 100%, 0% 0%, from(#404040), to(#020202));
	background:-webkit-linear-gradient(#404040, #020202);
	background:-o-linear-gradient(#404040, #020202);
	background:linear-gradient(#404040, #020202);
	color:#fff;
	font-weight:normal;
	margin:10px 0;
	position:relative;
	padding:0 0 5px 0;
}
.warningBar .h2,
.warningBar h2 {color:#fff; font-size:1.27em; font-weight:bold; margin:0 0 8px 0; padding:7px 0 0 10px; width:760px;}
.warningBar p {margin:0 0 .5em 0;}
.warningBar strong {font-weight:bold;}
.warningBar a {color:#fff; text-decoration:none;}
.warningBar a:hover {background:none; text-decoration:underline;}
.warningBar .warnBox {border:1px solid #545454; margin:0 10px 5px 10px; min-height:32px; padding:5px;}
.warningBar .warnRegions {float:left; width:90%}
.warningBar h3 {font-size:1em; font-weight:bold; margin:0 0 2px 0;}
.warningBar span {font-size:1em; line-height:1.3; margin:0;}
.warningBar .svg,
.warningBar .svgAlt {float:left; margin:0 5px 0 0;}

/* =alertBar
-------------------------------------------------------*/
#moHHWCWA{height:1em; display:none}
#moHHWCWA #loadingBar {margin:0 0 4px 0;}
#moHHWCWA .moAlert  {margin:2px;}
#moHHWCWA .moAlertFull  {margin:0 0 4px 0;}
#moHHWCWA #alertMessage {left: 0px; top: 0; font-size: 0.8em; font-weight:normal; *position:relative; *top:0.8em;/*ie7*/}
#alertMessage {left: 0px; top: 3em; font-size: 0.8em; font-weight:normal}
.moreInfo {font-size: 0.8em; float:right; padding: 0 10px 0 0}
.alertBarHead {font-size: 1em; float:left; padding: 0 10px 0 0}
.alertBar {
	background:#020202;
	background:#020202 url(/public/lib/images/graphics/spritesWarningBar.png) 0 30px repeat-x;
	background:-moz-linear-gradient(#404040, #020202);
	background:-webkit-gradient(linear, 0% 100%, 0% 0%, from(#404040), to(#020202));
	background:-webkit-linear-gradient(#404040, #020202);
	background:-o-linear-gradient(#404040, #020202);
	background:linear-gradient(#404040, #020202);
	color:#fff;
	font-weight:normal;
	margin:0 0 2.6em;
	position:relative;
	padding:0px 240px 1px 100px;
}
.alertBarHead {left:1px}
.alertBar h2 {border:1px solid #000; color:#fff; font-size:1.3em;	font-weight:bold; line-height:28px;	margin:0; padding:0 0 0 10px; position:absolute; top:0; left:0; width:968px;}

.alertRed h2 {
	background:#7c0020;
	background:#7c0020 url(/public/lib/images/graphics/spritesGradients.png) 0 -60px repeat-x;
	background:-moz-linear-gradient(#c03, #7c0020);
	background:-webkit-gradient(linear, 0% 100%, 0% 0%, from(#c03), to(#7c0020));
	background:-webkit-linear-gradient(#c03, #7c0020);
	background:-o-linear-gradient(#c03, #7c0020);
	background:linear-gradient(#c03, #7c0020);
	color:#fff;
}
.alertAmber h2{
	background:#da7006;
	background:#da7006 url(/public/lib/images/graphics/spritesGradients.png) 0 -100px repeat-x;
	background:-moz-linear-gradient(#f93, #da7006);
	background:-webkit-gradient(linear, 0% 100%, 0% 0%, from(#f93), to(#da7006));
	background:-webkit-linear-gradient(#f93, #da7006);
	background:-o-linear-gradient(#f93, #da7006);
	background:linear-gradient(#f93, #da7006);
	color:#000;
}
.alertYellow h2 {
	background:#fae04e;
	background:#fae04e url(/public/lib/images/graphics/spritesGradients.png) 0 -140px repeat-x;
	background:-moz-linear-gradient(#ff6, #fae04e);
	background:-webkit-gradient(linear, 0% 100%, 0% 0%, from(#ff6), to(#fae04e));
	background:-webkit-linear-gradient(#ff6, #fae04e);
	background:-o-linear-gradient(#ff6, #fae04e);
	background:linear-gradient(#ff6, #fae04e);
	color:#000;
}
.alertGreen h2 {
	background:#0f3;
	/*background:green url(/public/lib/images/graphics/spritesGradients.png) 0 -140px repeat-x;
	background:-moz-linear-gradient(#000, green);
	background:-webkit-gradient(linear, 0% 100%, 0% 0%, from(#000), to(green));
	background:-webkit-linear-gradient(#000, green);
	background:-o-linear-gradient(#000, green);
	background:linear-gradient(#000, green);
	color:#000;
	*/
}
.alertInfo h2 {
	background:#031F73;
	background:#031F73 url(/public/lib/images/graphics/spritesGradients.png) 0 -180px repeat-x;
	background:-moz-linear-gradient(#5171D1, #031F73);
	background:-webkit-gradient(linear, 0% 100%, 0% 0%, from(#5171D1), to(#031F73));
	background:-webkit-linear-gradient(#5171D1, #031F73);
	background:-o-linear-gradient(#5171D1, #031F73);
	background:linear-gradient(#5171D1, #031F73);
	color:#fff;
}
.alertRed h2 a {color:#fff;}
.alertAmber h2 a {color:#000;}
.alertYellow h2 a {color:#000;}
.alertGreen h2 a {color:#000;}

.alertRed #alertMessage {color:#fff;}
.alertAmber #alertMessage{color:#000;}
.alertYellow #alertMessage {color:#000;}
.alertGreen #alertMessage {color:#000;}

.alertInfo h2 a {color:#fff;}
.alertBar p,
.alertBar li {color:#fff; font-size:1em; margin:0 0 10px 0;}
.alertBar strong {font-weight:bold;}
.alertBar a {color:#fff; text-decoration:none;}
.alertBar a:hover {background:none; text-decoration:underline;}

/*
HHW - Heat Health Watch
*/
.alertBar .symbolHHW {position:absolute; left:10px; top:6px; height:55px; text-indent:-9999em; width:69px;}
.alertGreen .symbolHHW {background:url(/public/weather/lib/images/icons/set1/hmaxt.png) no-repeat}
.alertRed .symbolHHW {background:url(/public/weather/lib/images/icons/set1/hmaxt.png) no-repeat}
.alertAmber .symbolHHW {background:url(/public/weather/lib/images/icons/set1/hmaxt.png) no-repeat}
.alertYellow .symbolHHW {background:url(/public/weather/lib/images/icons/set1/hmaxt.png) no-repeat;}
.alertInfo .symbolHHA {background:url(/public/lib/images/graphics/spritesGeneral.png) -233px -140px no-repeat;}

/*
CWA = Cold Weather Alert
*/
.alertBar .symbolCWA{position:absolute; left:10px; top:6px; height:55px; text-indent:-9999em; width:69px;}
.alertGreen .symbolCWA {background:url(/public/weather/lib/images/icons/set1/lmint.png) no-repeat}
.alertRed .symbolCWA {background:url(/public/weather/lib/images/icons/set1/lmint.png) no-repeat}
.alertAmber .symbolCWA {background:url(/public/weather/lib/images/icons/set1/lmint.png) no-repeat;}
.alertYellow .symbolCWA {background:url(/public/weather/lib/images/icons/set1/lmint.png) no-repeat;}
.alertInfo .symbolCWA {background:url(/public/lib/images/graphics/spritesGeneral.png) -233px -140px no-repeat;}

.alertBar em {font-weight:normal; font-style:normal;}
.alertBar nav {background:none; position:absolute; top:38px; right:10px;}
.alertBar ul {list-style:none; margin:0; padding:0;}
.alertBar nav li {text-indent:-9999px;}
#alertMessage {line-height:normal;}
#alertMarquee {line-height:normal;}
#alertMarquee .dmarqueeHolder {float:left; margin:0 5px 0 0;}
#alertMarquee .dmarqueeHolder h3 {float:left; font-size:1em; font-weight:bold; margin:0 5px 0 0;}
#alertMarquee .dmarqueeScreen {float:left; min-height:20px; width:480px; overflow:hidden;}
#alertMarquee .dmarqueePrint {display:none;}

/* =breadcrumb =warnings
-------------------------------------------------------*/
.moInfo {background:#e2e2e2; margin:0 0 10px 0; padding:2px;}
#moBreadcrumb {float:left; padding:6px 8px; width:800px;}
#moBreadcrumb ul {list-style:none; margin:0; padding:0;}
#moBreadcrumb li {*background:url(/public/lib/images/icons/set1/ddMenuLinkOff.png) 0 .2em no-repeat; /*ie7*/ color:#545454; float:left; font-size:1em; line-height:1.2em; margin:0 10px 0 0; padding:0 0 0 1em; position:relative; *position:static; /*ie7 relative upsets z-index*/}
#moBreadcrumb li:before {border-top:.5em solid transparent; border-bottom:.5em solid transparent; border-left:.5em solid #545454; content:''; height:0; width:0; position:absolute; top:.2em; left:0; margin:0; padding:0; z-index:1;}
#moBreadcrumb li a:after {border-top:.5em solid transparent; border-bottom:.5em solid transparent; border-left:.5em solid #434B83; content:''; height:0; width:0; position:absolute; top:.2em; left:0; margin:0; padding:0; z-index:2;}
#moBreadcrumb a {color:#434B83; text-decoration:none; font-weight:normal;}
#moBreadcrumb a:hover {text-decoration:underline;}



/* =footer
-------------------------------------------------------*/
#moFooter {background:#767676; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; margin:0 0 30px 0;}
.footerTab {display:none;}
#moFooter #moExplore {
	background:#f5f5f5;
	background:-moz-linear-gradient(#fff, #f2f2f2);
	background:-webkit-gradient(linear, left top, left bottom from(#fff), to(#f2f2f2));
	background:-webkit-linear-gradient(#fff, #f2f2f2);
	background:-o-linear-gradient(#fff, #f2f2f2);
	background:linear-gradient(#fff, #f2f2f2);
	border:4px solid #1a1a1a;
	clear:both;
	display:block;
}
#moFooter #printDisclaimer {display:none;}

#moCustom { clear:both; *zoom:1;/*ie7*/ padding:20px 0 0; display:none; }
.lsHeadBar h2 {color:#cf3; font-size:1.3em; font-weight:bold; margin:0 0 10px 0; *display:inline;/*ie7*/ *zoom:1;/*ie7*/ }
#moCustom .hc,
#moCustom .info {background:url(/public/lib/images/graphics/spritesGeneral.png) 0 -370px no-repeat; display:inline-block; height:19px; margin:-2px 0 0 10px; text-indent:-9999px;  vertical-align:middle; width:19px;}
#moCustom .hc {float:right; margin:0 0 5px 5px;}
#moCustom p {color:#fff; font-size:1em; line-height:1.4; margin:0 0 20px 0;}
#moCustom em {color:#fff; font-weight:bold; font-style:normal;}
#moCustomOptions {list-style:none; margin:10px 0 0 0; padding:0;}
#moCustomOptions li {background:#333; color:#cf3; cursor:pointer; display:table-cell; *display:inline; *zoom:1; /*IE7 hack*/ font-size:1.18em; line-height:1.3; border-bottom:1px solid #1a1a1a; border-right:1px solid #1a1a1a; padding:10px; vertical-align:middle; width:14em; text-align:center;}
#moCustomOptions li:last-child {border-right:none;}
#moCustomOptions li:hover {background:#444; color:#fff;}
#moCustomOptions .active {background:#444; border-bottom:1px solid #444; color:#fff; margin-bottom:0;}
#moCustomOptions span {display:block;}
#moCustom .moCustomPanel {background:#444; padding:10px; min-height:180px;}
#moCustom .moCustomPanel p {color:#eee; margin:10px 0 20px 0;}
#moCustom fieldset fieldset {border:0; float:left; line-height:1.2; margin:0 20px 0 0; padding:0; width:150px;}
#moCustom fieldset fieldset:last-child {margin:0;}
#moCustom fieldset ul {list-style:none; margin:0; padding:0;}
#moCustom fieldset li {color:#fff;}
#moCustom fieldset li * {vertical-align:middle;}
#moCustom fieldset li:first-child {border-bottom:1px solid #666; margin:0 0 5px 0; padding:0 0 5px 0;}
#moCustom fieldset label {color:#fff; display:block; padding:2px 0 2px 20px; position:relative;}
#moCustom fieldset input {position:absolute; top:3px; left:0;}
#moCustom fieldset .widgetNewCust {color:#cf3; float:right; margin:0 0 0 5px;}
#moCustom .moCustomWidgetsQuick {display:none;}
#moCustom .moCustomWidgets fieldset,
#moCustom .moCustomUnits fieldset {min-height:130px;}
#moCustom .moCustomUnits #altTempLi {margin:10px 0 0 0}
#moCustom .moCustomUnits #altTempLi input{top:5px}
#moCustom .moCustomLanguage fieldset {min-height:0; width:auto;}
#moCustom .moCustomLanguage li:first-child {border:none; margin:0 20px 0 0; padding:0;}
#moCustom .moCustomLanguage li {float:left; margin:0 20px 0 0;}
#moCustom .moCustomMapPreferences fieldset {min-height:80px; white-space: nowrap}
#moCustom .moCustomWidgetDesc {display: none;}
#moCustom .moCustomMapPreferencesDesc {display:none;}
#moCustom .moCustomButtons {background:#444; border-top:1px solid #1a1a1a; margin:0; padding:10px; text-align:left;}
#moCustom .moCustomButtons input {margin:0 6px 0 0; position:static; vertical-align:top;}
#moCustom .moCustomButtons #save {margin:0 40px 0 0;}

#moCustom .moCustomButtons button {background:none!important; border:0 !important; color:#fff; font-size:1em; font-family:"Open Sans", arial, sans-serif; font-weight:normal; height:3em; margin:0 10px 0 0; padding:0!important; vertical-align:top;}
#moCustom .moCustomButtons button:hover {text-decoration:underline;}



/* #moCustom .moCustomButtons button:before {content:url(/public/lib/images/icons/set1/resetArrow.png); float:left; margin:-2px 0 0 0; height:15px; width:25px;} */
.moCustomButtons .moButton {
	background:#007aa9;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:none;
	color:white;
	font-weight:bold;
	height:3em;
	padding:0 40px;
	margin:0;
}
.moCustomButtons .moButton:hover,
.moCustomButtons .moButton:active {
	background:#1c89b2;
}
.moCustomButtons .disabled,
.moCustomButtons .disabled:active,
.moCustomButtons .disabled:hover {
	background:#333;
	color:#6e6e6e !important;
	border:none;
	font-weight:bold;
	height:3em;
	padding:0 40px;
	margin:0;
}
#moFooter .logoBar {
	background:#000;
	background:-moz-linear-gradient(#000, #333);
	background:-webkit-gradient(linear, left top, left bottom, from(#000), to(#333));
	background:-webkit-linear-gradient(#000, #333);
	background:-o-linear-gradient(#000, #333);
	background:linear-gradient(#000, #333);
	border:0;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	height:55px;
}
#moFooter .logoBar section, #moFooter .logoBar div {float:right; margin:8px 10px 0 20px; padding:0; width:auto;}
#moFooter .logoBar h2 {color:#fff; display:inline; font-size:1em; font-weight:normal; margin:0; vertical-align:bottom;}
#moFooter .logoBar ul {display:inline-block; *display:inline; /*ie7*/ margin:0; *margin-right:-4px; /*ie7*/}
#moFooter .logoBar li {display:inline; float:none; margin:0 0 0 4px; text-indent:-9999px;}
#moFooter .logoBar li a {background:url(/public/lib/images/graphics/spritesGeneral.png) 0 -40px no-repeat; display:inline-block; height:38px; margin:0; opacity:1; width:38px;}
#moFooter .logoBar li a:hover {opacity:.75;}
#moFooter .logoBar #emailAlerts {background-position:0 -40px}
#moFooter .logoBar #rss {background-position:-50px -40px;}
#moFooter .logoBar #facebook {background-position:-100px -40px;}
#moFooter .logoBar #twitter {background-position:-150px -40px;}
#moFooter .logoBar #flickr {background-position:-200px -40px;}
#moFooter .logoBar #youtube {background-position:-250px -40px;}
#moFooter .logoBar #googleplus {background-position:-300px -40px;}


/* =forms (general)
-------------------------------------------------------*/
input {font-family:"Open Sans", arial, sans-serif; font-size:1em; outline:0;}
.button {
	background:#55b9cd;
	background:#55b9cd url(/public/lib/images/graphics/spritesGradients.png) 0 -270px repeat-x;
	background:-moz-linear-gradient(#7fd6e7, #55b9cd);
	background:-webkit-gradient(linear, 0% 100%, 0% 0%, from(#7fd6e7), to(#55b9cd));
	background:-webkit-linear-gradient(#7fd6e7, #55b9cd);
	background:-o-linear-gradient(#7fd6e7, #55b9cd);
	background:linear-gradient(#7fd6e7, #55b9cd);
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	font-weight:bold;
	padding:3px 4px;
	border:0;
	margin: 0;
}
.button:hover {
	background:#7ac5d4;
	background:#7ac5d4 url(/public/lib/images/graphics/spritesGradients.png) 0 -300px repeat-x;
	background:-moz-linear-gradient(#c4ecf4, #7ac5d4);
	background:-webkit-gradient(linear, 0% 100%, 0% 0%, from(#c4ecf4), to(#7ac5d4));
	background:-webkit-linear-gradient(#c4ecf4, #7ac5d4);
	background:-o-linear-gradient(#c4ecf4, #7ac5d4);
	background:linear-gradient(#c4ecf4, #7ac5d4);
}
.button:active {
	background:#5fc0d3;
	background:#5fc0d3 url(/public/lib/images/graphics/spritesGradients.png) 0 -330px repeat-x;
	background:-moz-linear-gradient(#029ebf, #5fc0d3);
	background:-webkit-gradient(linear, 0% 100%, 0% 0%, from(#029ebf), to(#5fc0d3));
	background:-webkit-linear-gradient(#029ebf, #5fc0d3);
	background:-o-linear-gradient(#029ebf, #5fc0d3);
	background:linear-gradient(#029ebf, #5fc0d3);
}
.disabled, .disabled:active, .disabled:hover {
	background:#f4f4f4;
	background:-moz-linear-gradient(#ddd, #bbb);
	background:-webkit-gradient(linear, 0% 100%, 0% 0%, from(#ddd), to(#bbb));
	background:-webkit-linear-gradient(#ddd, #bbb);
	background:-o-linear-gradient(#ddd, #bbb);
	background:linear-gradient(#ddd, #bbb);
	border:1px solid #ddd;
	color:#333 !important;
	padding:2px 4px;
}

#lsFooter {clear:both; padding:5px;}
#lsFooter .button {margin:0 0 0 6px;}


/* =NEW locations

-------------------------------------------------------*/
.locHolder {font-size:1em; list-style:none; margin:0; padding:0;}
.locHolder li, #locForm {float: left; margin-right: 10px;}
.listOpen {background:url(/public/lib/images/graphics/spritesArrowsVertical.png) 95% -553px no-repeat; display:block; padding:0 30px 0 0;}
.listClose {background:url(/public/lib/images/graphics/spritesArrowsVertical.png) 95% -643px no-repeat; display:block; padding:0 30px 0 0;}
/* location list */
.locList {color:#fff; display:block; width: 122px; position: relative; z-index: 15;}
.widgetContent .locList {width:138px;}
.widgetContent .favList {width:141px; margin-right:0;}
.widgetContent .locHolder {height:38px;}
.widgetContent .locList ul {position:relative; left:-10px;}
.widgetContent .favList ul {position:relative; left:-158px}
.locList .locDisplay {background:#343A67 url(/public/lib/images/icons/locationSearch/loc.png) 4px 8px no-repeat; color:#fff; cursor:pointer; display:block; padding:4px 0 4px 32px; text-decoration:none; height:30px;}
.locList .locDisplay em {font-size:1.27em; display:block; font-style:normal;}
.locList .locDisplay:hover span {text-decoration:underline;}
.locList .locNone, .locList .locCancel {background:#B41E34; color:#fff; display:block; text-decoration:none;}
.locList .locNone em {font-size:1.27em; display:block; font-style:normal;}
.locList .locNone div {padding:4px 0 4px 32px; color:#fff;}
.locList .locNone span {color:#fff;}
.locList ul, .favList ul {background:#343A67; display:none; float:left; font-weight:normal; list-style:none; margin:0; padding:4px 4px 3px 4px; position:relative;}
.locList li, .favList li {cursor:pointer; font-size:1.18em; margin:0 0 1px 0; width:302px !important;}
.locList li {background: white url(/public/lib/images/icons/locationSearch/loc.png) 4px 7px no-repeat}
.locList li a, .favList li span {color:#777; display:block; font-weight:normal; padding:8px 7px 8px 35px; text-decoration:none;}
.locList li span {color:#333;}
.locList li a:hover span, #locList li a:active span {text-decoration:underline;}
.locList .locActive {background:#eeffbb; background:#00A2C8; cursor:default;}
.locList .locActive a {color:#ddd;}
.locList .locActive span {color:#fff; text-decoration:none;}
.locList .locActive a:hover span {text-decoration:none;}
.locList .locCancel {padding: 8px; text-align: center;}
.locList .locCancel:hover {text-decoration:underline;}
.locList .locSignpost {background:#D0D2E0; color:#333; padding:8px 7px;}
/* favourite list */
.favList {color:#fff; display:block; margin:0; width: 148px; position: relative; z-index: 15;}
.favList .favDisplay {background:#343A67 url(/public/lib/images/icons/locationSearch/favOn.png) 4px 8px no-repeat; color:#fff; cursor:pointer; display:block; font-weight:normal; margin:0; padding:4px 0 4px 32px; text-decoration:none; height:30px;}
.favList .favDisplay:hover {text-decoration:underline;}
.favList .favDisplay em {font-style:normal;}
.favList li {background:#fff; position:relative;}
.favList li span {color:#333; display:table-cell; width:100%; font-weight:normal; margin:0; padding:7px; vertical-align:middle; *display:inline; *zoom:1; /*IE7 hack*/}
.favList li:after {border-left:1px solid #343A67; content:''; height:100%; width:0; position:absolute; top:0; right:30px;}
.favList .favNone {background:#fff; cursor:default;}
.favList .favNone:after {border:none;}
.favList .favChoose, .favList .favAddCurrent {text-decoration:none; padding-left:33px; width:232px; *width:231px; *border-right:1px solid #343A67; /*IE7 hack*/}
.favList .favChoose {background:#fff url(/public/lib/images/icons/locationSearch/favOn.png) 4px 4px no-repeat;}
.favList .favAddCurrent {background:#fff url(/public/lib/images/icons/locationSearch/favOff.png) 4px 4px no-repeat;}
.favList .favChoose:hover, .favList .favAddCurrent:hover {text-decoration:underline;}
.favList .favDelete {background:url(/public/lib/images/icons/locationSearch/cross-off.png) 50% 50% no-repeat; text-indent:-99999em; width:16px;}
.favList .favDelete:hover {background:url(/public/lib/images/icons/locationSearch/cross-on.png) 50% 50% no-repeat;}
/* favourite delete list */
.favListDelete {background:#434B83; display:none; font-size:1em; font-weight:normal; line-height:1.2em; padding:10px; position:absolute; top:0; left:0; z-index:100; width:270px;}
.favListDelete p {color:#fff;}
.favListDelete ul {list-style:none; margin:0 0 7px 0; padding:0;}
.favListDelete li {background: #eee url(/public/lib/images/icons/locationSearch/cross-off.png) 98% 50% no-repeat; color:#333; cursor:pointer; margin:0 0 1px 0; padding:7px 35px 7px 7px; text-decoration:none;}
.favListDelete li:hover {background: #fff url(/public/lib/images/icons/locationSearch/cross-on.png) 98% 50% no-repeat; text-decoration:none;}
.locToAdd {color:#fff;}
.locHead {background:url(/public/lib/images/icons/locationSearch/favOff.png) 0 0 no-repeat; color:#fff !important; display:inline-block; font-size:1.36em; font-weight:normal !important; margin:0; min-height:24px; padding:4px 0 4px 32px;}
.favCancel {color:#fff; cursor:pointer; margin:0 0 0 7px; text-decoration:underline; }
.favCancel:hover {text-decoration:none;}
.favDisplay {display:block;}
/* fav icons */
.favIcon {display:inline-block; font-size:1.09em; font-weight:normal; margin:0; padding:0; position:absolute; top:0; left:0; text-indent:-99999em; width:24px; height:24px;}
.favAdd {background:url(/public/lib/images/icons/locationSearch/favOff.png) 50% 50% no-repeat; cursor:pointer !important;}
.favLoc {background:url(/public/lib/images/icons/locationSearch/favOn.png) 50% 50% no-repeat; cursor:pointer;}

/* =tooltip
-------------------------------------------------------*/
.wxTip {
	background:#1b1b1b;
	background:-moz-linear-gradient(rgba(87,87,87,.9), rgba(27,27,27,1));
	background:-webkit-gradient(linear, left top, left bottom, from(rgba(87,87,87,.9)), to(rgba(27,27,27,1)));
	background:-webkit-linear-gradient(rgba(87,87,87,.9), rgba(27,27,27,1));
	background:-o-linear-gradient(rgba(87,87,87,.9), rgba(27,27,27,1));
	background:linear-gradient(rgba(87,87,87,.9), rgba(27,27,27,1));
	border:3px solid #fff;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	-moz-box-shadow:0 4px 4px rgba(0,0,0,.4);
	-webkit-box-shadow:4 4px 10px rgba(0,0,0,.4);
	box-shadow:4px 2px 10px rgba(0,0,0,.4);
	color:#fff;
	display:none;
	font-size:1em;
	font-weight:normal;
	padding:5px 5px 2px 5px;
	position:absolute;
	text-align:left;
	max-width:300px;
	width:auto;
	z-index:2001;
}
.wxTip h2 {color:#cf3; font-size:1em; font-weight:bold; margin:0 0 3px 0;}
.wxTip p {color:#fff; font-weight:normal; margin:0 0 5px 0;}
.wxTip dl {margin:0; padding:0;}
.wxTip dt {color:#cf3; font-weight:bold; margin:0 0 1px 0; padding:0;}
.wxTip dt a, .wxTip dt a:visited {color:#cf3;}
.wxTip dd {color:#fff; font-weight:normal; margin:0 0 3px 0; padding:0;}
.wxTip a {color:#fff; font-weight:bold; text-decoration:none;}
.wxTip a:hover {text-decoration:underline;}
.wxTip .arrow {background:url(/public/lib/images/icons/set1/tooltipPoint.png) 0 0 no-repeat; display:block; margin:0 0 0 -12px; height:18px; position:absolute; left:50%; bottom:-18px; width:24px; z-index:4;}
.wxTip .left {left:20px;}
.wxTip .right {left:auto; right:8px;}
/* scrolling within tooltip */
.scrollTip {max-height:160px; margin:0 0 5px 0; overflow:auto; width:100%;}
/* webkit scroll */
.wxTip ::-webkit-scrollbar {height:10px; width:10px;}
.wxTip ::-webkit-scrollbar-button:start:decrement {display:none;}
.wxTip ::-webkit-scrollbar-button:end:increment {display:none;}
.wxTip ::-webkit-scrollbar-track-piece {background-color: #777; -webkit-border-radius:6px;}
.wxTip ::-webkit-scrollbar-thumb:vertical {-webkit-border-radius:6px; background:#333 url(/public/lib/images/icons/set1/scrollbarThumb.png) no-repeat center;}
/* ie scroll */
.scrollTip {
	scrollbar-face-color:#333;
	scrollbar-arrow-color:#999;
	scrollbar-track-color:#777;
	scrollbar-shadow-color:#777;
	scrollbar-highlight-color:#777;
	scrollbar-3dlight-color:#777;
	scrollbar-darkshadow-Color:#777;
}
/* callout and tooltip (previous - replaced with .wxTip except for below) */
.callout dt:first-child {border-top:0;}
.callout {min-width:100px;}


/* =adverts
-------------------------------------------------------*/
.closeableAd {overflow:hidden; position:relative;}
.closeableAd .closeAd {background:url(/public/lib/images/graphics/spritesGeneral.png) -340px -0px no-repeat; cursor:pointer; height:20px; opacity:.5; filter:alpha(opacity=50); overflow:hidden; position:absolute; right:3px; top:3px;	text-indent:-9999px; width:20px; z-index:90;}
.closeableAd .closeAd:hover {filter:alpha(opacity=100); opacity:1;}
.bottomAdd {width: 980px; margin:0 auto 10px!important}

/* =videos
-------------------------------------------------------*/
.vidStillLg{width:321px; height:171px;margin-bottom:3px;}
.vidStillSml{width:239px; height:130px;margin-bottom:3px;}
.vidStillTn{width:142px; height:77px; padding: 0 8px 0 0;}
.vidTab{
	background: none repeat scroll 0 0 #f4f4f4;
	border: thin solid #ccc;
	color: #191919;
	float: left;
	font-size: 1.6em;
	text-align: center;
	margin: 0 10px 10px 0;
	min-width: 100px;
	padding: 5px 10px 6px;
	border-radius: 20px;
	cursor: pointer;
}

#vidHeader{
	background: none repeat scroll 0 0 #fff;
	min-height:110px;
}
#vidTitle h1{
	background: none repeat scroll 0 0 transparent;
	color: #000;
	font-family: 'Rokkitt',serif;
	font-size: 2.65em;
	font-weight: normal;
	padding: 10px 0 0 0;
}

.vidTab.active{
	background: #333;
	text-decoration: none;
	color: #fff;
	border: solid;
	margin-right: 10px;
	float:left;
	border: thin solid #ccc;
}

.vidTab.hover{
	background: #000;
	color: #fff;
}

.vidTabsNav{color:blue}

#vidTabsNav{
	position: relative;
	width: 980px;
}
.vidSection{float:left;}

.vidSection img{
	box-shadow: 0px 0px 2px 0px #333;
	margin-right: 8px;
	padding: 0;
}

#vidMain{
	width:990px;
	min-height: 700px;
	margin-bottom: 20px;
}

.vidTitle{
	font-family: 'Rokkitt',serif;
	font-size: 2em;
	line-height: 1.4;
	margin: 5px 8px 7px 0px;
	width: auto;
	padding-top:5px;
	color:#000;
}
.vidDuration{
	float: right;
	position: relative;
	right: 10px;
	top: -1.25em;
	font-size:0.85em;
	letter-spacing: -0.04em;
	color: #777;
}

.vidDate{
	font-size:0.85em;
	letter-spacing: -0.04em;
	color: #777;
}

.vidFoot{
	color: #00809D;
	font-family: 'Rokkitt',serif;
	font-size: 1.4em;
	margin: 4px 8px 2px 0;
	position: relative;
	max-height: 43px;
	overflow-y: hidden;
}

.vidFootShortDesc{
	font-size: 1em;
	margin: 0 8px 0 0;
	width: 230px;
}

.vidStillSmlFoot{
	width: 230px;
}

.vidStillLgFoot{
	width: 315px;
}

.vidCaption .vidContainer{
	min-height: 0;
	width:160px;
}

.vidCaption .vidTitle{
	font-size: 1.6em;
}

.vidCaption .vidDate{
	color: #777777;
	font-size: 0.85em;

}

.vidCaption .pageControls{
	letter-spacing: 0;

}

.vidCaption .vidDuration{
	display:none;

}

.vidHover{
	float: left;
	position: absolute;
	transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;
	background: url("/public/lib/images/graphics/video_hover.png") no-repeat scroll center center transparent;	opacity: 0; filter:alpha(opacity=0);
}

.vidHoverOff{
	float: left;
	position: absolute;
}

.vidHover:hover{
	background: url("/public/lib/images/graphics/video_hover.png") no-repeat scroll center center transparent;	opacity: 0.9; filter:alpha(opacity=90);
}

.closeVid {
	background:url(/public/lib/images/graphics/spritesGeneral.png) -340px -0px no-repeat; cursor:pointer; height:20px; opacity:.5; filter:alpha(opacity=50); overflow:hidden; float:right; top:3px;	text-indent:-9999px; width:20px; margin-left:5px;}

.closeVid:hover {filter:alpha(opacity=100); opacity:1;}

.vidCaption .vidFoot{
	display:none;

}

.vidCaption{
	float: right;
	background: #f4f4f4;
	display:none;
	width: 305px;
	padding: 15px;
	border-bottom: medium solid #E5E5E5;
	border-top:  #fff 4px solid;
	overflow: hidden;
}

#vidCaptionRelated{margin-top: 10px;color:#000;}
#vidCaptionTitle{
	color: #000000;
	font-family: 'Rokkitt',serif;
	font-size: 2.2em;
	margin-bottom: 5px;
	overflow: hidden;
}
#vidCaptionDesc{font-size: 1.3em;color:#000;}
#vidCaptionLongDesc{font-size: 1em;color:#000;}
#vidDates{color: #000000;
	font-size: 1em;
	margin-bottom: 5px;}
#vidDates IMG{margin: 15px 10px 0 0;
	width: 15px;}
#vidTags{font-size: 1em;color:#000;}
#vidTags IMG{width:15px; margin-right: 10px;
}
#wxContainer .navSocial.vids{
	list-style: none outside none;
	margin: 0;
	padding: 0;
	position: relative;
	right: 5px;
	top: 3px;
}
#shareVids {
	font-weight: bold;
	margin-top: 15px;
}

.vidContainer{
	float:left;
	cursor: pointer;
}

.vidStillSmlCont{
	min-height:265px;
	width: 247px;
}

.vidStillLgCont{
	min-height:300px;
	max-width: 330px;
}

.showMoreVids{
	background: none no-repeat scroll 50% 50% #434B83;
	border-radius: 4px;
	color: #FFFFFF;
	margin: 25px 10px 40px 416px;
	text-align: center;
	padding:10px;
	font-size: 1.4em;
}
.showMoreVids:hover{
	background: none no-repeat scroll 50% 50% #313862;
}

.relatedType{
	margin-bottom: 10px;
	float: left;
	min-height: 265px;
	cursor: pointer;
	position: relative;
}

.pageControls{
	float: right;
	font-size: 0.7em;
	letter-spacing: -0.2px;
	padding: 7px;
}

.pageRightHover{

}
.pageControlLeft{
	float: left;
	height: 100%;
	position: absolute;
	text-align: center;
	width: 50px;
	vertical-align: middle;
	cursor: pointer;
}

.pageControlLeftBg{
	background:url(/public/lib/images/graphics/1px_ccc_60pc.png) 0 0;
	float: left;
	height: 100%;
	position: absolute;
	text-align: center;
	width: 50px;
	vertical-align: middle;
	visibility: hidden;
}

.pageControlLeftBg img{
	left: 16px;
	position: absolute;
	top: 50%;
}

.pageControlContainer{
	float: left;
	position: absolute;
	width: 100%;
}

.pageControlRight{
	float: right;
	height: 100%;
	position: absolute;
	text-align: center;
	width: 50px;
	right: 0px;
	cursor: pointer;
}

.pageControlRightBg{
	background:url(/public/lib/images/graphics/1px_ccc_60pc.png) 0 0;
	float: right;
	height: 100%;
	position: absolute;
	text-align: center;
	width: 50px;
	right: 0px;
	visibility: hidden;
}

.pageControlRightBg img{
	left: 16px;
	position: absolute;
	top: 50%;
}

#vidSearch{
	float: right;
	height: 34px;
	margin: 0px 12px 0 0;
	width: 275px;
}

#vidSearchInput{
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius: 8px;
	border: thin solid #333333;
	height: 25px;
	padding-left: 5px;
	padding-right: 32px;
	padding-top: 6px\9;
	width: 230px;
	margin-top: 10px;
	margin-top: 5px\9;
	position: relative\9;
}

#vidSearchButton{
	background: url("/public/lib/images/graphics/video_search_black.png") no-repeat scroll 50% 50% #FFFFFF;
	border: 0 none;
	float: right\9;
	height: 18px;
	margin-left: -34px;
	margin-top: 14px;
	position: absolute\9;
	width: 25px;
}

#vidTabWaitGif {
	display: block;
	left: 46%;
	line-height: 20px;
	margin-top: 30em;
	position: absolute;
}

.mainBcPlayer {
	margin-top: 15px;
	width: 980px;
}

.vids {
	background-size: 32px 32px !important;
	float: left;
	height: 32px;
	margin-right: 7px;
	width: 32px;
	cursor: pointer;
}
#shareVids DIV{
	margin-bottom: 3px;
}
.facebookMed {background:url(/public/lib/images/icons/socialSymbols/icon_facebook.jpg)}
.googlePlusMed {background:url(/public/lib/images/icons/socialSymbols/icon_gplus.jpg)}
.twitterMed {background:url(/public/lib/images/icons/socialSymbols/icon_twitter.jpg)}
.linkedInMed {background:url(/public/lib/images/icons/socialSymbols/icon_linkedin.jpg)}
.emailAlertsMed {background:url(/public/lib/images/icons/socialSymbols/icon_send.png)}



/* =placeholder spacing
-------------------------------------------------------*/
.adLeaderSmall, .adLeaderLarge, .adButton2, .adMediumRectangle, .adWidgetSponsor, .adWxSponsor, .adBottom {color:#666; text-align:center;}
.adLeaderSmall {height:90px; line-height:90px; width:242px;}
.adLeaderLarge {height:90px; line-height:90px; text-align:center;}
.adSuperLeader {height:90px; line-height:90px; text-align:center;}
.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;}
.adBottom {height:auto; width:978px;}


/* Remove this if about box not required */
/************* MOVE TO map.css ***************/
#popup {
	height: 100%;
	width: 100%;
	background: #808080;
	position:fixed;
	top: 0;
	-moz-opacity:0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;
	filter: alpha(opacity=75);
	z-index:10000;
}
#window {
	width: 50%;
	background: #444;
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
	margin: 0 auto;
	padding: 10px;
	border: 1px solid #313131;
	position: fixed;
	top: 200px;
	left: 25%;
	z-index:10001;
}
#window p {color:#eee; text-align:center;}
/****************************************************/

/* =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%;}

	/* 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; *margin:20px 0 0 0;/*ie7*/}
	#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;}
	#moWarnings {position:relative; display:block !important;}
	#moWarnings ul {display:block;}
	#moWarnings 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:auto; padding:0;}

	/* heat health and cold weather */
	#moHHWCWA {height:auto; margin:0 0 20px 0; padding:10px;}
	.moreInfo {display:none;}
	.alertBar  {padding:0;}
	.alertBar * {color:#000;}
	.alertBar h2 {border:0; color:#000; padding:0; position:static; width:auto;}
	.alertAmber {border:3px solid #f93;}
	.alertRed {border:3px solid #c03;}
	.alertYellow {border:3px solid #f66;}
	.alertGreen {border:3px solid #0f3;}
	.alertInfo {border:3px solid #5171D1;}

	/* qrcode */
	#qrcode {display:block; position:absolute; top:0; right:0;}

	/*turn off background on all images */
	body,
	#moHeader ,
	#moHeader * ,
	#moFooter ,
	#moFooter * {background-image:none !important;background:none !important;}
	.moHome  * {background-image:none  !important;background:none;}

	/*turn off elements */
	#moBeta,
	#fsrch,
	#genError,
	#moHeader fieldset,
	#moHeader .moNavUtilities,
	.moNavTabs,
	.moNavMain,
	.moInfo,
	.wxTip,
	.adLeaderboard ,
	.warningBar nav,
	.warningBar .symbol,
	#moFooter .logoBar,
	#moExplore,
	#moCustom,
	#moFooter .moNavUtilities li:after,
	#moFooter .moNavUtilities ul:first-child {display:none !important;}
}

.betaBannerHidden {
	display: none;
}
.betaBannerShow {
	display: block;
	cursor: pointer;
	background: #fff;
	border-top: 3px solid #b9dc0c;
	margin-bottom: 30px;
	padding: 15px 30px;
}
.betaBannerMessage {
	font-size: 18px;
	font-weight: normal;
	font-style: normal;
	color: #2a2a2a;
	line-height: 1.33;
	margin-right: 48px;
}
.betaBannerCloseButton {
	float: right;
	width: 20px;
}

