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

/* =all
-------------------------------------------------------*/
#mapContainer {margin:0; padding:0;}
#mountainMapContainer {margin:0; padding:0;}
#mapContent {height:460px; position:relative; width:100%;}
#map {background:#444; height:460px; position:absolute; left:0; top:0; width:100%; z-index:1; cursor: move;}
/* TEMP style until svg icon transition completed */
#map text {font-family:arial; font-size:8pt; font-weight:bold; text-anchor:middle;}

.olMapViewport {
	/* The text of the element and sub-elements will appear as if they cannot be selected. */
	/* Controls the appearance (only) of selection.  This does not have any affect on actual selection operation. */
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	-khtml-user-select:none;
	-o-user-select:none;
	user-select:none;
}

#printWarning {display:none; visibility:hidden;}
#poweredby {position:absolute; top:423px; left:10px; z-index:2;}
#poweredby img {width: 130px;}
.icon[data-type="logo"] {
	background: url(/tide/images/icons/revised_mo_landscape_mono_black.svg) no-repeat 0 0;
	height: 23px;
	width: 300px;
	-webkit-background-size: 5.3em 4em;
	-o-background-size: 5.3em 4em;
	-moz-background-size: 5.3em 4em;
	background-size: 5.3em 4em;
	font-size: 24px;
	opacity: .5;
	position: absolute;
	top: 470px;
	left: 18px;
	z-index: 750;
	background-position: -11px -37px;
}
#mapLayerInteraction {display: none;position:absolute; top:8px; left:60px; z-index:2; }
#mapLayerInteraction ul{
	background: #545454;
	margin: 0;
	padding: 0;
	-webkit-box-shadow:0px 1px 6px rgba(0,0,0,.8);
	-moz-box-shadow:0px 1px 6px rgba(0,0,0,.8);
	box-shadow:0px 1px 6px rgba(0,0,0,.8);
	color:#fff;
	font-size:1.0em;
	border: 1px solid #000;
	list-style: none;
	text-align: left;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	cursor: pointer;
}
#mapLayerInteraction li{
	background-color: #545454;
	background-position: 50% 100%;
	background-repeat: no-repeat;
	margin: 0;
	display:none;
	text-align: left;
	padding:3px 10px;
}
#mapLayerInteraction li:hover{
	background-color: #333;
	color: #cf3;
}
#mapLayerInteraction  li.active{
	background-color: #545454;
	background-image: url(/public/weather/lib/images/icons/set1/arrowDown.png);
	display:block;
	padding: 3px 10px 10px 10px;
}
#mapLayerInteraction li.active:hover{
	color: #cf3;
	background-image: url(/public/weather/lib/images/icons/set1/arrowDown.png);
}
#mapLayerInteraction  li:last-child{
	background-image: url(/public/weather/lib/images/icons/set1/arrowUp.png);
	padding: 3px 10px 10px 10px;
}
#mapLayerInteraction li.active:last-child{
	color: #fff;
	background-image: url(/public/weather/lib/images/icons/set1/arrowDown.png);
}
#mapLayerInteraction li:hover:last-child{
	color: #cf3;
	background-color: #333;
}

/*#mapIssuedByDateContainer {background:#cedab2; border:2px solid #cedab2; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; opacity:0.8; filter:alpha(opacity=80);}*/
#mapIssuedByDateContainer {background:rgba(255,255,255,0.7); border:2px solid #fff; border-radius:5px; padding:.25em .5em; display:none; position:absolute; top:430px; left:-207px; z-index:100; color:#000;}
#mapMenu {background:#444; border-left:2px solid #313131; color:#eee; display:none; float:right; font-size:1em; height:470px; line-height:1.3; position:relative; width:229px; z-index:2;}
#mapMenuContent {height:470px; overflow-x:auto;}
#mapMenuContent h2 {color:#cf3; font-size:1.27em; font-weight:normal; margin:4px 0 10px 30px;}
#mapMenuContent p {margin:0 0 10px 30px;}
#mapMenuContent fieldset {margin:0 10px 0 30px;}
#mapMenuContent ul {list-style:none; margin:0; padding:0;}
#mapMenuContent li {cursor:pointer; border-bottom:1px solid #999;}
#mapMenuContent label {cursor:pointer; display:block; padding:5px 5px 5px 20px; position:relative;}
#mapMenuContent label.inputSelected {color:#cf3;}
#mapMenuContent .menuDisabled {color:#999; cursor:auto;}
#mapMenuContent input {cursor:pointer; position:absolute; top:6px; left:0;}
#mapMenuContent .customiseMap {cursor:pointer; margin:0 10px 0 30px;}
#mapMenuContent .customiseMap span,
#mapMenuContent .customiseMap a{background:#434B83 url(/public/lib/images/icons/general/cog.png) 97% 50% no-repeat; color:#fff; display:block; padding:7px; text-decoration:none;}
#mapMenuContent .customiseMap:hover{color: #fff; text-decoration:underline;}
#mapMenuContent .fsiMap {bottom: 20px; width:218px; position:absolute;}
#subMapMenuContent {margin: 30px 10px 10px 30px;}
#primaryMenuHead {}
#secondaryMenuHead {margin-top:20px;}
#subMapMenuContent h2 {color:#cf3; font-size:1.27em; margin:4px 0 10px 0;}
#subMapMenuContent p {margin:0 0 10px 0;}
#subMapMenuContent fieldset {margin:0 10px 0 0;}
#subMapMenuContent ul {border-top:1px solid #999; list-style:none; margin:0; padding:0;}
#subMapMenuContent li {cursor:pointer; border-bottom:1px solid #999;}
#subMapMenuContent label {cursor:pointer; display:block; padding:5px 5px 5px 5px; position:relative;}
#subMapMenuContent input {cursor:pointer; position:absolute; top:6px; left:0;}
#mapTimeContainer {background:#000;	border:2px solid #fff; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; color:#fff; display:none; font-size:1.27em; font-weight:bold; height:26px; line-height:26px; position:absolute; left:-136px; top:8px; text-align:center; width:120px; z-index:100;}
#mapTimeContainerPolygons {visibility:hidden; background:#000;	border:2px solid #fff; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; color:#fff; display:none; font-size:1.27em; font-weight:bold; height:26px; line-height:26px; position:absolute; left:600px; top:8px; text-align:center; width:120px; z-index:100;}
#mapError h2 {color:#f03;}
#mapErrorClose {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;}
#mapErrorClose:hover {text-decoration:underline;}
#sideBar {background:#444; border-left:2px solid #313131; color:#eee; display:none; float:right; height:470px; overflow-y:auto; width:26px; position:relative; z-index:2;}
#sideBarContent {margin:8px;}
#sideBarContent h2 {color:#cf3; font-size:1.27em; font-weight:normal; margin:0 0 10px 0;}
#sideBarContent h3 {color:#cf3; font-size:1.09em; font-weight:normal; margin:0 0 5px 0;}
#sideBarContent p {color:#fff; font-size:1em; line-height:1.3em; margin:0 0 10px 0;}

#hazardContent h2 {color:#000; font-size:1.27em; ; margin:0 0 10px 0;}
#hazardContent h3 {color:#000; font-size:1.09em;  margin:0 0 5px 0;}
#hazardContent p {color:#000; font-size:1em; line-height:1.3em; margin:0 0 10px 0;}

.hazardDetail h3 {font-color: #000 !important;}


#sideBarContent .mourneNationalPark {border-top:1px solid #999; font-size:0.8em; display:inline-block; width:100%; padding-top:4px;}
/* #sideBarContent .sideBarData {background:#222; color:#fff; padding:10px; margin:0 0 10px 0;} */

.showHideButton {background:url(/public/lib/images/graphics/spritesArrows3.png) -80px 2px no-repeat; cursor:pointer; height:100%; position:absolute; top:0; width:26px;}
.showHideButton h2{color:#cf3; font-size:1.41em; font-weight:normal; display:none; height:26px; padding:0 35px 0 0; text-align:right; width:435px;}
.showHideButton h2{
	/* rotate text */
	-moz-transform:rotate(-90deg); -moz-transform-origin:235px 235px;
	-webkit-transform:rotate(-90deg); -webkit-transform-origin:235px 235px;
	-o-transform:rotate(-90deg); -o-transform-origin:235px 235px;
	-ms-transform:rotate(-90deg); -ms-transform-origin:235px 235px;
	transform:rotate(-90deg); transform-origin:235px 235px;
	filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3)\9; /* ie8 and below, but this also fires for ie9 */
}
:root .showHideButton h2{
	filter:-\9; /*ie9 only to turn off filter applied above - :root pseudo class is not implemented in versions prior to IE9 */
}

/* openlayer style sheet over-rides (if using OpenLayer site source un-modified) */
.olControlScaleLine {left:125px !important; 	bottom:12px !important;}

/* =observations
-------------------------------------------------------*/
#ukExtremesTable {clear:both; font-size:0.91em; line-height:1.3; margin:0 10px; text-align:left; width:auto; display:none;}
#ukExtremesTable th {font-weight:normal; padding:.5em; vertical-align:bottom;}
#ukExtremesTable td {background:#e8e8e8; border:1px solid #fff; font-weight:bold; padding:.5em; vertical-align:top; width:10%;}
#ukExtremesTable img {display:block; float:left; margin:0 5px 5px 0;}
#ukExtremesTable h3 {display:block; float:left; font-weight:bold; margin:0; width:90%;}
#ukExtremesTable span {display:block; font-weight:normal;}

/* =warnings
-------------------------------------------------------*/
.wxWarnings #mapContainer {margin:8px;}
.wxWarnings #mapContentContainer {padding:8px;}
.wxWarnings #mapContent {background:#fff; margin:0; height:auto;}
.wxWarnings #mapHolder {float:left;}
.wxWarnings #mapHeaderDate{font-weight:bold; padding:10px;}
.wxWarnings #map {background:#fff; height: 460px; margin:0 0 10px 10px; padding:0; width:320px !important; overflow:hidden; position:relative; float:left;}
.wxWarnings #sideBar {background:none; border:0; color:#000; height:auto; float:right; width: 606px!important;}
.wxWarnings #sideBarContent {background:none; margin:0; overflow:hidden;}
.wxWarnings #sideBarTop {background:#e8e8e8; border:0; border-left:1px solid #e8e8e8; color:#000; margin:0 0 20px 0; height:1%; }
.wxWarnings #mapKey {border:0;}
#regionList .svg,
#regionList .svgAlt {float:left; right:0; margin:0 0 0 1px; display:inline-block;}
#regionListLeft {float:left; margin:0 10px 0 0;}
#regionListRight {float:left;}
#regionList ul {list-style:none; margin:0; padding:0;}
#regionList p {color:#000; margin: 0 0 10px 0;}
#regionList li {background:#555; color:#fff; cursor:pointer; font-size:1em; font-weight:bold; margin:0 0 1px 0; min-height:14px; padding:5px 125px 5px 5px; position:relative; text-decoration:none; width:160px;}
#regionList .subRegionItem{background:#ddd; color:#000; font-size:0.9em; font-weight: normal;}
.subRegionList{background: #0099cc; margin-bottom:5px;}
#regionList .subRegionIcon{width:17px; height:17px; margin-top:3px; margin-left:3px;}
#regionList li:hover {background:#add8e6; color:#000;}
#regionList .active {background:#09C; color:#fff;}
#regionList li.subRegionItem:hover {background:#ddd; cursor:default;}
#regionList .rbIcons {position:absolute; top:0; right:0; height:24px;}
.regWarnIcon {display:inline-block; width:25px;}
#warningDetail {float:left; height:470px; width:250px;}
#warningDetail ul {list-style:none; margin:0; padding:0;}
#warningAccordion p {padding:5px; line-height:1.3;}
#warningAccordion strong {color:#cf3; font-weight:bold;}
.warningRegionTitle {background:#09c; color:#fff; font-size:1.27em; padding:5px;}
#warningTabs p {margin:0 0 3px 0; padding:0;}
.wxWarnings pre {font-family:verdana, arial, sans-serif; margin:0 0 10px 0; white-space:pre-wrap; word-wrap:break-word;}
#warningTabs dl {margin:0;}
#warningTabs dt {background:#555; color:#fff; cursor:pointer; float:left; font-size:1em; font-weight:bold; margin:1px 0 0 0; padding:5px 5px 5px 30px; position:relative; text-decoration:none; width:215px;}
#warningTabs dt:hover {background:#add8e6; color:#000;}
#warningTabs .activeTab {background:#09c;}
#warningTabs dt img {position:absolute; top:0; left:0;}
#warningTabs dt span {background:url(/public/lib/images/graphics/spritesArrowsVertical.png) 100% -920px no-repeat; display:block; height:17px; position:absolute; right:0; top:2px; text-indent:-9999px; width:17px;}
#warningTabs dt.hover span {background:url(/public/lib/images/graphics/spritesArrowsVertical.png) 100% -960px no-repeat;}
#warningTabs dd {background:#555; display:block; float:left; font-size:1em; line-height:1.3; padding:5px; position:relative; width:240px; margin:0;}
#warningTabs dd p {color:#fff;}
#warningTabs dd pre {color:#fff;}
#warningTabs dd strong {color:#fff; display:inline-block; width:80px;}
#warningTabs dd a {background:none; color:#fff; cursor:pointer; font-weight:bold; text-align:right; display:block;}
#warningTabs dd a:hover {text-decoration:underline;}
#warnOverviewLink {color:#000; cursor:pointer; font-size:12px; font-weight:bold; text-decoration: none; vertical-align:middle;}
.warnMapLink:link {font-weight:bold; color: #445599; text-decoration:none;}
.warnMapLink:hover {text-decoration:underline;}
#warnDetailNav {float:right; height:90px; width:328px;}
#warnNavLink {background:#ddd; cursor:pointer; font-size: 1.3em; font-weight:bold; margin:0 0 10px 0; padding:20px; text-align: center;}
#warnNavLink:hover {text-decoration:underline;}
#warnNavOptions {background:#ddd; margin:0 0 10px 0; padding:10px; text-align:center;}
#warnNavOptions  select {padding:2px; width:100%;}
#sideBarTopDetail{min-height: 113px;}
.wxWarnings #wxMain {position:relative;}
.warningsTip {position:absolute; max-width:315px; width:315px; z-index:9999;}
.warningsTip h2 {color:#cf3; font-weight:bold; margin:0 0 2px 0;}
.warningsTip p {color:#fff; margin:0 0 5px 0;}
.warnAcc {border:1px solid #666; margin:0 0 10px 0; padding:10px; position: relative;}
.weatherContent .warnAcc table {margin:0;}
.weatherContent .warnAcc th {padding:5px; text-align:left;}
.weatherContent .warnAcc td {padding:5px; text-align:left; vertical-align:top; width:222px; font-size: 14px;}
.weatherContent .warnAcc .weatherMatrix {margin:0 0 10px 0; width:auto;}
.weatherContent .warnAcc .weatherMatrix th, .weatherContent .warnAcc .weatherMatrix td {border:0; color:#000; font-size:100%; font-weight:normal; margin:0; padding:0; text-align:center; height:2.6em; width:3.3em; vertical-align: middle;}
.weatherContent .warnAcc .weatherMatrix td {text-indent:-9999px;}
.weatherContent .warnAcc .weatherMatrix .matrixLikelihood {background:url(/public/weather/lib/images/graphics/matrixArrowLikelihood.png) 50% 0 no-repeat; padding:0 3px; text-indent:0; vertical-align:center;}
.weatherContent .warnAcc .weatherMatrix .matrixLikelihood  em {display:block; font-style:normal; font-weight:bold;}
.weatherContent .warnAcc .weatherMatrix .matrixImpact {background:url(/public/weather/lib/images/graphics/matrixArrowImpact.png) 50% 50% no-repeat; height:3.2em; text-indent:0; text-align:center; vertical-align:middle;}
.weatherContent .warnAcc .weatherMatrix .matrixImpact  em {display:inline-block; *display:inline; /*ie7*/ font-style:normal; font-weight:bold; margin:0 10px;}
.weatherContent .warnAcc .weatherMatrix .matrixBlock {border:1px solid #444;}
.weatherContent .warnAcc .weatherMatrix .warningGreen {background:#0f3;}
.weatherContent .warnAcc .weatherMatrix .warningYellow {background:#ff6;}
.weatherContent .warnAcc .weatherMatrix .warningAmber {background:#f93;}
.weatherContent .warnAcc .weatherMatrix .warningRed {background:#c03;}
.weatherContent .warnAcc .weatherMatrix .matrixSel {background-image:url(/public/lib/images/icons/set1/tick.png); background-position:50% 50%; background-repeat:no-repeat;}
.warnMatrixLink:link {font-weight:bold; color: #445599; text-decoration:none;}
.warnMatrixLink:hover {text-decoration:underline;}
.warningBanner .svg,
.warningBanner .svgAlt {vertical-align:top; }
.warningBanner .svg {display:inline; margin-right:2px; }
.warningBanner .svgAlt {display:inline-block; }
.warningBanner{height:24px;}
.warnAccBanner{float:left;margin-left:10px;margin-top:2px;}
.warnAccBanner .svg { display: inline; }
.warnAccBanner .svg,
.warnAccBanner .svgAlt{margin-top:-3px; margin-left:2px;}
.warnAccBancolNum{float:left; margin-left:3px; margin-top:1px;}
.weatherContent .warnAcc .accWarnUA .svg { display:inline; }
.weatherContent .warnAcc .accWarnUA .svg,
.weatherContent .warnAcc .accWarnUA .svgAlt{ margin-left:2px;}
.weatherContent .warnAcc .accWarnUA td {width:auto;}
.olControlScaleLine {position:relative; left:100px;}
/* warningDetail (print version (on screen) */
#warningDetailPrint {display:none; padding:0 10px 10px 10px;}
#warningDetailPrint h2 {font-size:1.27em; font-weight:bold; margin:0 0 1em 0;}
.warningsThumbnails li {height:150px; float:left; position:relative; border:0; padding:0 5px 0 0; text-align:center;}
.warningsThumbnails li span {display:block; margin:0 0 3px 0;}
.warningsThumbnails li  a {display:inline-block; border:2px solid #555; padding:1px;}
.warningsThumbnails li  a img {display:block; width:78px; height:100%;}
.warnDateBold {font-weight:bold}
#warningsDetailContainer {background:#fff; padding:10px;}
.warnThumbs {background:#d8d8d8; border:0; border-bottom:1px solid #e8e8e8; border-right:1px solid #e8e8e8; cursor:pointer; float:left; position:relative; text-align:center; width: 120px;}
.warnThumbs:hover {background:#fff;}
.activeThumb {background:#fff; border-bottom:1px solid #fff;}
.warningBanner {background:#666; color:#fff; font-size:1.5em; line-height:18px; padding:5px 5px 3px 10px; margin-top:1px;}
.warnAccToggleImg {float:right; right:10px; cursor:pointer;}
.warningBanner span {color:#fff; font-size:1.2em;}
.warnThumbs a {cursor:pointer; display:block; min-height:100px; min-width:96px; padding:7px;}
.warnThumbs a:hover {text-decoration:none;}
.warnThumbs span {display:block; margin:0 0 3px 0; color: #000}
.warnThumbs a img {border:1px solid #555; color:#000; display:block; margin:0 auto; width: 104px;}
.warnExpandAll {margin:0 0 10px; text-align:right; cursor:pointer; font-weight:bold;}
.warnIcon {display:block; margin:0 0 5px 0; width:140px;}
.warnIcon .svg,
.warnIcon .svgAlt {float:left; margin:2px 5px 0 0;}
#regionListPrint,
.printText  {display:none;}

/* =mountainOverview
-------------------------------------------------------*/
.wxMountain #sideBarContent .overviewData {margin:0 0 10px 0;}
.wxMountain #sideBarContent .mountainHazards {float:left; width:260px;}
.wxMountain #sideBarContent .mountainWeather {float:right; width:260px;}
.wxMountain #sideBarContent table {width:100%;}
.wxMountain #sideBarContent td {background:#e8e8e8; border-bottom:1px solid #444; border-right:1px solid #444; color:#000; font-size:1em; margin:1px; padding:5px; text-align:left; vertical-align:top;}
.wxMountain #sideBarContent .mountainHazards td span {font-weight:bold;}
.wxMountain #sideBarContent td em {display:block; font-style:normal; margin:5px 0;}
.wxMountain #sideBarContent .level {font-weight:bold; width:15%;}
.wxMountain #sideBarContent .mountainWeather td {text-align:center; vertical-align:middle;}
.wxMountain #sideBarContent .mountainWeather .wxIcon {padding-top:0;}
.wxMountain #sideBarContent span {display:block;}
.wxMountain #sideBarContent span span {display:inline;}
.wxMountain #sideBarContent .wx {background:url(/public/lib/images/icons/set1/spritesWeather.png) 0 0 no-repeat; height:32px; margin:0 auto; text-indent:-9999px; width:32px;}
.wxMountain #sideBarContent .High td {background:#c03; color:#fff;}
.wxMountain #sideBarContent .Medium td {background:#f93}
.wxMountain #sideBarContent .Low td {background:#ff6;}
.wxMountain #sideBarContent .NoRisk td {background:#cf3;}
.wxMountain .overviewDate {float:right; *min-width:10%; /*ie7*/ padding:10px 0;}
.wxMountain .overviewDate span {display:inline;}
#mountainnswws {background:#393939; border:2px solid #313131; padding:5px; margin:0 0 5px 0; display:none;}
#mountainnswws ul {margin:0; padding:0; list-style:none;}
#mountainnswws li {cursor:pointer; margin:0 0 5px 0; position:relative; min-height:32px; background:#313131; padding:5px;}
#mountainnswws .svg,
#mountainnswws .svgAlt {position:absolute; top:5px; left:5px;}
#mountainnswws .mwTitle {font-weight:bold; margin:0 0 2px 40px;}
#mountainnswws .mwDates {margin:0 0 0 40px;}

/* =text forecast hazard content 
-------------------------------------------------------*/
.wxMountain #hazardContent {display:none;}
.wxMountain #hazardContent .overviewData {margin:20px 0 10px 0; width: 640px;}
.wxMountain #hazardContent table {width:100%;}
.wxMountain #hazardContent td {background:#e8e8e8; border-bottom:1px solid #fff; border-right:1px solid #fff; color:#000; font-size:1.1em; margin:1px; padding:5px; text-align:left; vertical-align:top; width:0;}
.wxMountain #hazardContent td em {display:block; font-style:normal; font-weight:normal; margin:5px 0;}
.wxMountain #hazardContent .mountainHazards {float:left; width:48%;}
.wxMountain #hazardContent .mountainHazards td span {font-weight:bold;}
.wxMountain #hazardContent .High td {background:#c03; color:#fff;}
.wxMountain #hazardContent .Medium td {background:#f93}
.wxMountain #hazardContent .Low td {background:#ff6;}
.wxMountain #hazardContent .NoRisk td {background:#cf3;}
.wxMountain #hazardContent .level {width:25%}
.wxMountain #hazardContent .mountainWeather {float:right; width:48%}
.wxMountain #hazardContent .mountainWeather td {font-weight:normal; text-align:center; vertical-align:middle;}
.wxMountain #hazardContent .mountainWeather .wxIcon {padding-top:0;}

/* REQUIRED ????
.wxMountain #hazardContent span {display:block; margin:0 0 2px 0;}
.wxMountain #hazardContent span span {display:inline;}
.wxMountain #hazardContent .wx {background:url(/public/lib/images/icons/set1/spritesWeather.png) 0 0 no-repeat; height:32px; margin:0 auto; text-indent:-9999px; width:32px;}
.wxMountain #hazardContent #mountainWarn img {vertical-align:middle; margin-right:5px; cursor:pointer;}
.wxMountain #hazardContent #mountainWarn span {display:none;}
*/


/* =contextMenu 
-------------------------------------------------------*/
.contextMenu {background:#444; border:solid 1px #313131; display:none; margin:0; padding:0; position:absolute; /*width:160px;*/ z-index:99999;}
.contextMenu li {list-style:none; margin:0; padding:0;}
.contextMenu a {background-position:6px center; background-repeat:no-repeat; color:#eee; display:block; line-height:20px; height:20px; outline:none; padding:1px 28px 1px 10px; text-decoration:none;}
.contextMenu li.hover a {background-color:#cf3; color:#000;}
.contextMenu li.disabled a {color:#aaa; cursor:default;}
.contextMenu li.hover.disabled a {background-color:transparent;}
.contextMenu li.separator {border-top:solid 1px #eee;}
.contextMenu div {padding-left:10px;padding-right:10px;position:relative;text-align:left;color:#fff bold;background:#ccc}

/* =slider 
-------------------------------------------------------*/
#timeLine {
	background:#000;
	background:#000 url(/public/lib/images/graphics/spritesGradients.png) 0 0 repeat-x;
	background:-moz-linear-gradient(#545454, #000);
	background:-webkit-gradient(linear, 0% 100%, 0% 0%, from(#545454), to(#000));
	background:-webkit-linear-gradient(#545454, #000);
	background:-o-linear-gradient(#545454, #000);
	background:linear-gradient(#545454, #000);
	border-top:2px solid #313131;
	height:26px;
	padding:10px;
}
#timelineContent {display:none;}
#timeLine a {outline:none;}
#timeDisplay {background:#000; border:2px solid #fff; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; color:#fff; float:left; font-size:1.27em; font-weight:bold; line-height:26px; height:26px; margin:0 10px 0 0; text-align:center; width:120px;}
#timeDisplay  span {color:#fff;}
#timeDisplayPrint {color:#000; display:none; font-size:1.27em; font-weight:bold;}
#slider {border-right:1px solid #545454; cursor:pointer; float:left; height:30px; margin:0 10px 0 0; padding:0 10px 0 0; width:680px; position:relative;}
#slideBar {border:0; cursor:pointer; height:4px; margin:0; width:680px;}
#slideBarFill {background:#404040; border:1px solid #fff; height:2px; width:678px;}
#timeBar {background:#cf3; height:10px; list-style:none; margin:0; padding:0; position:absolute; top:8px; left:0; width:680px;}
#timeBar li {background:#343434; display:block; float:left; height:10px; margin:0; padding:0; position:absolute; top:0; width:3px;}
#timeBar li em {display:block; text-indent:-9999px;}
#timeBar li time {color:#fff; display:block; font-size:0.82em; font-weight:bold; position:absolute; top:0; left:1px; border-left:1px solid #fff; padding:12px 0 0 1px;}
#timeBar li:first-child {width:1px; background:#cf3;} /* or display:none...  hides slight overspill on timeline */
#slideScreen {height:30px; margin:0; padding:0; position:absolute; top:0px; left:0; width:680px; z-index:1000;}
/* slider jQueryUI overrides */
.ui-state-default {background:transparent url(/public/lib/images/graphics/spritesGeneral.png) 0 -400px !important; border:none !important;}
#slider .ui-slider-handle {cursor:pointer!important; height:17px!important; top:-3px!important; width:14px!important;}
.ui-widget-header {background:#fff!important;}
#sliderAnimate {background-image:url(/public/lib/images/graphics/spritesGeneral.png); background-repeat: no-repeat; cursor:pointer; float:left; height:30px; width:30px; margin:0 10px 0 0; text-indent:-9999px;}
.playOff {background-position:-160px -340px;}
.playOn {background-position:-160px -380px;}
.pauseOff {background-position:-200px -340px;}
.pauseOn {background-position:-200px -380px; }

#sliderSpeed {background-image:url(/public/lib/images/graphics/spritesGeneral.png); background-repeat:no-repeat; cursor:pointer; float:left; font-size:1.09em; line-height:30px; margin:0 10px 0 0; padding:0 0 0 8px; text-decoration:none; width:42px;}
.speedOff1 {background-position:-240px -340px; color:#fff;}
.speedOn1 {background-position:-240px -380px; color:#cf3;}
.speedOff2 {background-position:-300px -340px; color:#fff;}
.speedOn2 {background-position:-300px -380px; color:#cf3;}

#sliderHelp {background:url(/public/lib/images/graphics/spritesGeneral.png) 0 -370px no-repeat; cursor:pointer; float:left; margin:0; height:19px; margin:5px 0 0 0; text-indent:-9999px; width:19px;}
.sliderTip {color:#cf3; font-size:1em; font-weight:bold; padding:5px; position:relative !important; text-align:center; width:114px;}


/* =key
-------------------------------------------------------*/
/* general */
#mapKey {border-top:2px solid #313131; clear:both; display:none; width:100%;}
.keyBase {background:#fff; color:#000; font-size:0.91em; height:auto; line-height:1.3; overflow-y:hidden; padding:1em 0;}
.keyBase h3 {float:left; font-size:1em; font-weight:normal; margin:0 4px 4px 10px;}
.keyBase ul {float:left;}
.keyBase li {border:1px solid #000; display:inline-block; float:left; min-height:14px; letter-spacing:-1px; margin:0 0.3em 1.5em 0; position:relative;}
.keyBase em {font-style:normal; position:absolute; top:16px; text-align:center; width:100%;}
.keyBase p {float:left; margin:0 10px 4px 4px;}
/* key show/hide done with .js */
.wxkeys {clear:both; display:none;}
.wxkeys ul {list-style:none; margin:0; padding:0;}
.copyright {clear:both; margin: 10px;}
.copyright p{float:none; margin: 0 }

/* key: events */
.keyEvents h3  {margin:0 10px 5px 0;}
.keyEvents ul { list-style:none; margin:0; padding:0;}
.keyEvents li {border:0; min-height:16px; margin:0 10px 5px 0; padding:0 0 0 20px; position:relative;}
.keyEvents li img {position:absolute; top:0; left:0;}
.keyEvents li span {position:absolute; top:0; left:0; height:16px; width:16px;}
.keyEvents .local {background:#78c2ea;}
.keyEvents .national {background:#234e8c;}
.keyEvents .international {background:#2979ac;}

/* key: extremes */
.keyExtremes ul {margin:0;}
.keyExtremes li {border:0; margin:0 10px 0 0; position:relative; text-align:left; width:140px;}
.keyExtremes .svg,
.keyExtremes .svgAlt {float:left; margin-top:-10px; vertical-align:top;}

/* key: leisure */
.keyLeisure ul {margin:0;}
.keyLeisure li {border:0; margin:0 10px 0 0; position:relative; text-align:left; width:130px;}
.keyLeisure em {margin:0; position:relative; top:0;}
.keyLeisure .svg,
.keyLeisure .svgAlt {float:left; margin-top:-5px; vertical-align:top;}
.keyNationalParks li {background:#8F8DCB; width:6em;}

/* key: lightning */
.keyLightning li {background-color:#fff; border:none; height:16px; margin:0 10px 1.5em 0; width:16px;}
.keyLightning {height:2.4em}
.keyLightning em {margin:1px 0 0 0;}
.keyLightning .l55 {background-color:#90c;}
.keyLightning .l50 {background-color:#60f;}
.keyLightning .l45 {background-color:#33f;}
.keyLightning .l40 {background-color:#03f;}
.keyLightning .l35 {background-color:#09f;}
.keyLightning .l30 {background-color:#0cc;}
.keyLightning .l25 {background-color:#0f9;}
.keyLightning .l20 {background-color:#0f3;}
.keyLightning .l15 {background-color:#9f0;}
.keyLightning .l10 {background-color:#cf0;}
.keyLightning .l05 {background-color:#fc0;}
.keyLightning .l00 {background-color:#f60;}

/* key: mountain */
.keyMountain li {width:2em; margin:0 12em 10px 0;}
.keyMountain em {text-align:left; top:0; left:2.5em; width:10em;}
.keyMountain li {*margin:0 14em 10px 0;/*ie7*/}
.keyMountain em {*width:15em;/*ie7*/}
.keyMountain .mountainHigh {background:#CC0033;}
.keyMountain .mountainMedium {background:#FF9933;}
.keyMountain .mountainLow {background:#FFFF66;}
.keyMountain .mountainNone {background:#CCFF33;}
.keyMountain p {margin:0 10px; *width:100%; /*ie7*/}

/* key: pollen */
.keyPollen {*margin:0 0 1em 0; *height:1%; /*ie7*/}
.keyPollen li {padding:2px 0; width:6em;}
.keyPollen span {font-size:1.09em; font-weight:bold; line-height:16px; position:absolute; top:0; text-align:center; width:100%;}
.keyPollen em {top:18px;}
.keyPollen .pollenLow {background:#ff0;}
.keyPollen .pollenModerate {background:#fbcb01;}
.keyPollen .pollenHigh {background:#ff7300; color:#fff;}
.keyPollen .pollenVeryHigh {background:#f00; color:#fff;}
.keyPollen .pollenHigh em {color:#000;}
.keyPollen .pollenVeryHigh em {color:#000;}

/* key: rainfall */
#keyIRRainfall ul {margin: 0 0 10px 0;}
.keyRainfall li {width:7em;}
.keyRainfall .r01 {background:#0404fb;}
.keyRainfall .r02 {background:#3366fc;}
.keyRainfall .r03 {background:#808003;}
.keyRainfall .r04 {background:#fbca04;}
.keyRainfall .r05 {background:#fc9804;}
.keyRainfall .r06 {background:#fb0404;}
.keyRainfall .r07 {background:#fb04fc;}
.keyRainfall .r08 {background:#e2fcfc;}
.keyRainfall {height:2.4em\9;}
#keyIRRainfall {height:5.0em\9;}

/* key: temperature */
.keyTemperature ul {width:43.1em;}
.keyTemperature li {width:2em;}
.keyTemperature .t-30 {background:#FFFFFF;}
.keyTemperature .t-28 {background:#F5F5F5;}
.keyTemperature .t-26 {background:#EBEBEB;}
.keyTemperature .t-24 {background:#E1E1E1;}
.keyTemperature .t-22 {background:#BEBEBE;}
.keyTemperature .t-20 {background:#828282;}
.keyTemperature .t-18 {background:#565474;}
.keyTemperature .t-16 {background:#5A007F;}
.keyTemperature .t-14 {background:#59447F;}
.keyTemperature .t-12 {background:#32007F;}
.keyTemperature .t-10 {background:#000082;}
.keyTemperature .t-08 {background:#0033B4;}
.keyTemperature .t-06 {background:#0000FF;}
.keyTemperature .t-04 {background:#007EFF;}
.keyTemperature .t-02 {background:#00BEFF;}
.keyTemperature .t00 {background:#00FFFF;}
.keyTemperature .t02 {background:#00F7C6;}
.keyTemperature .t04 {background:#18D78C;}
.keyTemperature .t06 {background:#00AA64;}
.keyTemperature .t08 {background:#2BAA2B;}
.keyTemperature .t10 {background:#2BC82B;}
.keyTemperature .t12 {background:#00FF00;}
.keyTemperature .t14 {background:#CCFF00;}
.keyTemperature .t16 {background:#FFFF00;}
.keyTemperature .t18 {background:#EDED7E;}
.keyTemperature .t20 {background:#E4CC66;}
.keyTemperature .t22 {background:#DCAE49;}
.keyTemperature .t24 {background:#FFAA00;}
.keyTemperature .t26 {background:#FF5500;}
.keyTemperature .t28 {background:#FF0000;}
.keyTemperature .t30 {background:#C80000;}
.keyTemperature .t32 {background:#AD0000;}
.keyTemperature .t34 {background:#930000;}
.keyTemperature .t36 {background:#780000;}
.keyTemperature .altLow{background:#CBCBFE;}
.keyTemperature .altMed{background:#FEFE65;}
.keyTemperature .altHigh {background:#FE9832;}
.keyTemperature {height:5.4em}

/* key: wind */
.keyWind ul {margin:0;}
.keyWind li {border:0; margin:0; position:relative; text-align:left; width:auto;}
.keyWind em {margin:0; position:relative; top:0;}
.keyWind .svg,
.keyWind .svgAlt {float:left; margin-top:-10px; vertical-align:top;}

/* key: uv */
#keyUV ul {margin:0;}
#keyUV li {border:0; margin:0 5px 0 0; text-align:center; *width:1%; *white-space:nowrap; /*ie7*/}
#keyUV em {margin:0; position:relative; top:-10px;}
#keyUV .svg,
#keyUV .svgAlt {margin-top:-10px;}

/* key: fsi */
.keyFsi {*margin:0 0 1em 0; *height:1%; /*ie7*/}
.keyFsi div {padding:2px 0; width:7em;height: 12px;}
.keyFsi em {top:18px;}

/* key: warnings */
.keyWarnings h3 {margin-right:10px;}
.keyWarnings .keyColumn {float:left;}
.keyWarnings .keyColumn p {float:none; line-height:1.3; margin:0 0 10px 0;}
.keyWarnings .warnKey li  {height:24px; margin:0 10px 20px 0; text-align:left; width:24px;}
.keyWarnings .warnKey em {top:24px; text-align:left;}
.keyWarnings .warnKey .keyWarnColors {width:60px;}
.keyWarnings .warnKey .keyWarnColors em {padding:0 0 0 3px; width:57px; *padding:0; *width:60px; /*ie7*/}
.keyWarnings .warnKey .keyWarnColors strong {height:0; text-indent:-99999px; width:0; display:block;}
.keyWarnings .warnKey .warnBeAware strong {border:12px solid #ff6; border-left:3px solid #ff6; border-right:57px solid #ff6;}
.keyWarnings .warnKey .warnBePrepared strong {border:12px solid #f93; border-left:3px solid #f93; border-right:57px solid #f93;}
.keyWarnings .warnKey .warnTakeAction strong {border:12px solid #c03; border-left:3px solid #c03; border-right:57px solid #c03;}
.keyWarnings .warnKey .keyWarnTypes {background:none; height:24px; text-align:center; width:24px;}
.keyWarnings .warnText {margin:0 0 0 20px; width:450px;}

#mousePosList {display:none; font:1em ; width: 18em;}
#mousePosListSub {margin-top:10px; margin-bottom:10px; }
#mousePosListSub a {font-weight:normal; font-size: 1em ; line-height:1.5em; text-decoration:underline;}

a.boldbuttons, div.boldbuttons{
	background: transparent url('/public/lib/images/graphics/button_bg_left.png') no-repeat top left;
	display: block;
	float: left;
	font: bold 13px;
	line-height: 14px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
	height: 23px; /* Height of button background height */
	padding-left: 17px; /* Width of left menu image */
	text-decoration: none;
}
a:link.boldbuttons, a:visited.boldbuttons, a:hover.boldbuttons, a:active.boldbuttons{color: white;}
a.boldbuttons span{background: transparent url(/public/lib/images/graphics/button_bg_right.png) no-repeat top right;display: block;padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/	}
div.boldbuttons span{color: white;background: transparent url(/public/lib/images/graphics/button_bg_right.png) no-repeat top right;display: block;padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/	}
a:hover.boldbuttons{ text-decoration: underline;}
div:hover.boldbuttons{ text-decoration: underline; cursor:pointer}
.buttonwrapper{ overflow: hidden; width: 100%; margin-bottom:5px;}

/* cold weather alert */
#coldWeatherAlertContainer #mapKey {display:block; border:none; width:300px; padding:10px 0 0 0;  font-size:1em; overflow:hidden;}
#coldWeatherAlertContainer #mapKey {*padding:10px 0 0 10px; *width:286px;/*ie7*/}
#coldWeatherAlertContainer .hideFocus {outline:none;}
.keyColdWeatherAlert h3 {font-weight:bold;}
.keyColdWeatherAlert ul {list-style:none; padding:1px; *float:none; *width:280px;/*ie7*/}
.keyColdWeatherAlert li {width:2em; margin:0 15em 13px 10px;}
.keyColdWeatherAlert em {text-align:left; top:0; left:2.5em; width:23em;}
.keyColdWeatherAlert li {*margin:0 14em 10px 0;/*ie7*/}
.keyColdWeatherAlert em {*width:22em;/*ie7*/}
.keyColdWeatherAlert .levelRed {background:#c03;}
.keyColdWeatherAlert .levelOrange {background:#f93;}
.keyColdWeatherAlert .levelYellow  {background:#ff6;}
.keyColdWeatherAlert .levelGreen {background:#cf3;}
.keyColdWeatherAlert .levelNotIncluded {background:#7A8C9D;}

/* heat-health */
#heatHealthContainer #mapKey {display:block; border:none; width: 300px; padding:10px 0 0 0; font-size:1em; overflow:hidden;}
#heatHealthContainer #mapKey {*padding:10px 0 0 10px; *width:286px;/*ie7*/}
#heatHealthContainer .hideFocus {outline:none;}
.keyHeatHealth h3 {font-weight:bold;}
.keyHeatHealth ul {list-style:none; padding:1px; *float:none; *width:280px;/*ie7*/}
.keyHeatHealth li {width:2em; margin:0 15em 13px 10px;}
.keyHeatHealth em {text-align:left; top:0; left:2.5em; width:23em;}
.keyHeatHealth li {*margin:0 14em 10px 0;/*ie7*/}
.keyHeatHealth em {*width:22em;/*ie7*/}
.keyHeatHealth .levelRed {background:#c03;}
.keyHeatHealth .levelOrange {background:#f93;}
.keyHeatHealth .levelYellow  {background:#ff6;}
.keyHeatHealth .levelGreen {background:#cf3;}
.keyHeatHealth .levelNotIncluded {background:#7A8C9D;}

/* =tablet
-------------------------------------------------------*/

@media only screen and (max-device-width: 768px) {
	.olControlPanZoomBar.olControlNoSelect {
		display:none;
	}
}
@media only screen and (max-width: 768px) {
	.olControlPanZoomBar.olControlNoSelect {
		display:none;
	}
}

/* =print										
-------------------------------------------------------*/
@media print {

	/* =all maps (print)
	----------------------------*/
	#mapMenu,
	#mapLayerInteraction,
	#mousePosList,
	#mousePosListSub,
	.olControlNoSelect,
	.olControlNoSelect,
	.loading,
	.olControlScaleLine {display:none !important;}
	.olMap {width:100% !important;}
	#mapContainer {margin:0 0 10px 0;}
	.wxForecast  #mapContainer,
	.wxObservations   #mapContainer {page-break-after:always;}
	#map {border:3px solid #ddd; width:99% !important;}
	#printWarning{display:block; visibility:visible; border:2px solid red; font-weight:bold; margin: 5px 0 10px 0; padding: 5px;}
	#wxDetail {*margin:20px 0 0 0; /*ie7*/}
	#sideBarContent {margin:0;}
	#sideBarContent h2 {color:#000; font-size:1.72em; font-weight:bold; margin:0 0 20px 0;}
	#sideBarContent h3 {color:#000; font-weight:bold;}
	#sideBarContent p {color:#000;}
	#sideBarContent .sideBarData {background:none; color:#000; padding:0; margin:0;}

	/* =forecast (print)
	----------------------------*/

	/* =observations (print)
	----------------------------*/
	#ukExtremesTable {display:block;}
	#ukExtremesTable th {padding:.5em .25em; border:1px solid #ccc; font-weight:bold;}
	#ukExtremesTable td {background:none; border:1px solid #ccc; font-weight:normal; padding:.5em .25em;}
	#ukExtremesTable h3 {font-weight:normal;}
	#ukExtremesTable span  span {display:inline;}

	/* =warnings (print)
	----------------------------*/
	#warningsDetailContainer {padding:0;}
	.wxWarnings #mapContainer {margin:0;}
	.wxWarnings #mapHolder {width:50%;}
	.wxWarnings #mapHeaderDate{font-weight:bold; padding:0 0 10px 0;}
	.wxWarnings #map,
	.wxWarnings #mapKey,
	.wxWarnings #keyContainer {padding:0; border:0 !important; margin:0;}
	.wxWarnings #mapContentContainer {margin-left:0; padding:0;}
	.wxWarnings #wxDescription {page-break-before:always;}
	.wxWarnings #mapContent {background:none; min-height:auto; margin:0 0 10px 0;}
	.wxWarnings .keyWarnings .keyColumn {width:90% !important; padding-top:5px;}
	.wxWarnings .keyWarnings .warnText {margin:0; width:auto;}
	.warnMatrixLink {display:none}
	.wxWarnings #mapMenu {display:none;}
	.wxWarnings .printText  {display:block;}
	#mousePosTooltip {display:none !important;}
	.wxWarnings #sideBar {background:none; border:none !important; color:#000; float:right; height:auto !important; overflow-y:visible; width:50% !important; width:50% !important;}
	.wxWarnings #sideBarContent {color:#000; margin:0 0 0 20px; padding:0;}
	.wxWarnings #sideBarTop {background:none; border:0;}
	#regionList {display:none;}
	#regionListPrint {display:inline-block; /*ie8 prefers inline-block???*/ margin:0 0 40px 0; width:100%;}
	#regionListLeft {margin:0 40px 0 0; width:40%;}
	#regionListRight {width:40%;}
	#regionListPrint ul {list-style:none !important; margin:0; padding:0;}
	#regionListPrint p {display:none;}
	#regionListPrint li:first-child {border-top:1px solid #ddd;}
	#regionListPrint li {border:1px solid #ddd; border-top:0; color:#000; font-size:1em; font-weight:bold; margin:0; padding:5px; position:relative; text-decoration:none; width:100%;}
	#regionListPrint .rbIcons {display:block; width:100%;}
	#regionListPrint .rbIcons a {clear:both; display:block; overflow:hidden;}
	#regionListPrint .rbIcons .printText {font-weight:normal; padding:3px 0 0 0;}
	#regionListPrint .svg,
	#regionListPrint .svgAlt {float:left; margin:0 5px 2px 0;}
	#warningDetail {display:none !important;}
	.warningsThumbnails {margin:0 0 20px 0}
	.warnThumbs {background:none; border:0; margin:0 10px 0 0; padding:0; width: 116px;}
	.warningBanner {background:none; color:#000; padding:0; margin:0 0 5px 0;}
	.warnAcc {border:0; display:block !important; margin:0 0 20px 0; padding:0;}
	.weatherContent .warnAcc .weatherMatrix .matrixLikelihood {background:none; vertical-align:top;}
	.weatherContent .warnAcc .weatherMatrix .matrixImpact {background:none;}
	.weatherContent .warnAcc .weatherMatrix .matrixImpact em {display:inline; margin-right:.5em;}
	.weatherContent .warnAcc .weatherMatrix .matrixBlock {color:#666;}
	.weatherContent .warnAcc .weatherMatrix .warningGreen {background:none; border:1px solid #0f3;}
	.weatherContent .warnAcc .weatherMatrix .warningYellow {background:none; border:1px solid #ff6;}
	.weatherContent .warnAcc .weatherMatrix .warningAmber {background:none; border:1px solid #f93;}
	.weatherContent .warnAcc .weatherMatrix .warningRed {background:none; border:1px solid #c03;}
	.weatherContent .warnAcc .weatherMatrix .matrixSel {font-weight:bold; border:2px solid #000;}
	#warnDetailNav {display:none;}
	.warnExpandAll {display:none;}
	.warnAccToggleImg {display:none;}

	/* =mountainOverview (print)
	----------------------------*/
	.wxMountain #wxTabsNav,
	.wxMountain #map,
	.wxMountain #poweredby,
	.wxMountain #mapTimeContainerPolygons,
	.wxMountain #timelineContent,
	.wxMountain #mapKey,
	.wxMountain #sideBarContent .wx,
	.wxMountain #mapMenu {display:none !important;}
	.wxMountain #mapContainer {display:none !important;}
	.wxMountain #mapContent {height:auto;}
	.wxMountain #sideBar {background:none; border:none !important; color:#000; float:none; height:auto !important; overflow-y:visible; width:100% !important;}
	.wxMountain #sideBarContent {background:none; color:#000; margin:0; padding:0;}
	.wxMountain #sideBarContent p {color:#000;}
	.wxMountain #sideBarContent .overviewData {margin:0;}
	.wxMountain #sideBarContent .mountainHazards {float:none; margin:0 0 20px 0; width:100%;}
	.wxMountain #sideBarContent .mountainWeather {float:none; margin:0; width:100%;}
	.wxMountain #sideBarContent table {border-left:1px solid #000; border-top:1px solid #000; margin:0 0 10px 0; width:78%;}
	.wxMountain #sideBarContent td {background:none; border-bottom:1px solid #000; border-right:1px solid #000;}
	.wxMountain #sideBarContent .mountainHazards table {border-collapse:separate !important; border-spacing:0 3px; border:0;}
	.wxMountain #sideBarContent .mountainHazards table td:first-child {border-right:0;}
	.wxMountain #sideBarContent .mountainWeather table {width:78.10%;}
	.wxMountain #sideBarContent .mountainWeather td {border:3px solid #ddd; text-align:left; vertical-align:middle; padding:0 .5em;}
	.wxMountain #sideBarContent .mountainWeather .svg,
	.wxMountain #sideBarContent .mountainWeather .svgAlt {display:inline-block; margin:0 5px 0 0; vertical-align:middle;}
	.wxMountain #sideBarContent .High td {border:3px solid #c03; color:#000;}
	.wxMountain #sideBarContent .Medium td{border:3px solid #f93;}
	.wxMountain #sideBarContent .Low td {border:3px solid #ff6;}
	.wxMountain #sideBarContent .NoRisk {display:none;}
	.wxMountain .overviewDate {float:none; padding:0;}
	#mountainnswws {background:none; border:3px solid #ddd; margin:0 0 10px 0; padding:.5em; width:75.5%;}
	#mountainnswws li {background:none; padding:0;}
	#mountainnswws .svg,
	#mountainnswws .svgAlt {top:0; left:0;}

	.wxMountain #hazardContent .mountainHazards {float:none; margin:0 0 20px 0; width:100%;}
	.wxMountain #hazardContent .mountainWeather {float:none; margin:0; width:100%;}
	.wxMountain #hazardContent table {border-left:1px solid #000; border-top:1px solid #000; margin:0 0 10px 0; width:78%;}
	.wxMountain #hazardContent td {background:none; border-bottom:1px solid #000; border-right:1px solid #000;}
	.wxMountain #hazardContent .mountainHazards table {border-collapse:separate !important; border-spacing:0 3px; border:0;}
	.wxMountain #hazardContent .mountainHazards table td:first-child {border-right:0;}
	.wxMountain #hazardContent .mountainWeather table {width:78.10%;}
	.wxMountain #hazardContent .mountainWeather td {border:3px solid #ddd; text-align:left; vertical-align:middle; padding:0 .5em;}
	.wxMountain #hazardContent .mountainWeather .svg,
	.wxMountain #hazardContent .mountainWeather .svgAlt {display:inline-block; margin:0 5px 0 0; vertical-align:middle;}
	.wxMountain #hazardContent .High td {border:3px solid #c03; color:#000;}
	.wxMountain #hazardContent .Medium td{border:3px solid #f93;}
	.wxMountain #hazardContent .Low td {border:3px solid #ff6;}
	.wxMountain #hazardContent .NoRisk {display:none;}

	/* =leisure (print)
	----------------------------*/
	.wxLeisure #sideBar {background:none; border:none !important; color:#000; float:right; height:auto !important; overflow-y:visible; width:50% !important;}
	.wxLeisure #sideBarContent {color:#000; margin:0; padding:20px;}
	.wxLeisure #sideBarContent  p:last-child {display:none;}
	.wxLeisure .sideBarData {background:none !important; margin:0 !important; padding:0 !important;}
	.wxLeisure .sideBarData  * {color:#000 !important;}
	.wxLeisure .mapNationalParks #map {width:60% !important;}
	.wxLeisure .mapNationalParks  #sideBar {width:40% !important;}


	/* =slider (print)										
	----------------------------*/
	#timeLine {background:none; border:3px solid #ddd; border-top:0; clear:both; height:auto; padding:0; width:99% !important;}
	#timeDisplayPrint {display:block; padding:10px; line-height:normal; height:auto;}
	#timeDisplay,
	#sliderAnimate,
	#slider,
	#sliderSpeed,
	#sliderTooltip,
	#sliderHelp {display:none !important;}

	/* =key (print)										
	----------------------------*/
	#mapKey {border:3px solid #ddd; border-top:0; clear:both; width:99% !important;}
	/* extremes */
	/*.keyExtremes > h3, */
	.keyExtremes ul {display:none !important;}
	/* keyLeisure */
	.keyLeisure {padding:1em 0;}
	/* lightning */
	.keyLightning  li {background:none; border:none; margin:0 5px 2px 0; width:2em;}
	.keyLightning em {display:block; margin:0; position:relative; top:0; left:0; line-height:16px;}
	.keyLightning .l55 {background:none; border:2px solid #90c;}
	.keyLightning .l50 {background:none; border:2px solid #60f;}
	.keyLightning .l45 {background:none; border:2px solid #33f;}
	.keyLightning .l40 {background:none; border:2px solid #03f;}
	.keyLightning .l35 {background:none; border:2px solid #09f;}
	.keyLightning .l30 {background:none; border:2px solid #0cc;}
	.keyLightning .l25 {background:none; border:2px solid #0f9;}
	.keyLightning .l20 {background:none; border:2px solid #0f3;}
	.keyLightning .l15 {background:none; border:2px solid #9f0;}
	.keyLightning .l10 {background:none; border:2px solid #cf0;}
	.keyLightning .l05 {background:none; border:2px solid #fc0;}
	.keyLightning .l00 {background:none; border:2px solid #f60;}
	/* national parks */
	.keyNationalParks li {background:none; border:2px solid #cf3;}
	/* pollen */
	.keyPollen em {top:20px;}
	.keyPollen .pollenLow {background:none; border:2px solid #ff0;}
	.keyPollen .pollenModerate {background:none; border:2px solid #fbcb01;}
	.keyPollen .pollenHigh {background:none; color:#000; border:2px solid #ff7300;}
	.keyPollen .pollenVeryHigh {background:none; color:#000; border:2px solid #f00;}
	/* rainfall */
	.keyRainfall ul {width:45%;}
	.keyRainfall li {margin:0 2px 2px 0;}
	.keyRainfall em {display:block; position:relative; top:0; left:0;}
	.keyRainfall p  {width:40%;}
	.keyRainfall .r01 {background:none; border:2px solid #0404fb;}
	.keyRainfall .r02 {background:none; border:2px solid #3366fc;}
	.keyRainfall .r03 {background:none; border:2px solid #808003;}
	.keyRainfall .r04 {background:none; border:2px solid #fbca04;}
	.keyRainfall .r05 {background:none; border:2px solid #fc9804;}
	.keyRainfall .r06 {background:none; border:2px solid #fb0404;}
	.keyRainfall .r07 {background:none; border:2px solid #fb04fc;}
	.keyRainfall .r08 {background:none; border:2px solid #e2fcfc;}
	/* warnings */
	.keyWarnings h3 {margin-left:0;}
	.keyWarnings .keyColumn {clear:both; float:none; width:100%;}
	.keyWarnings .warnKey em {display:block; position:relative; top:0; left:0;}
	.keyWarnings .warnKey .keyWarnColors strong {text-indent:0;}
	.keyWarnings .warnKey .warnTakeAction strong {color:#fff; background:#c03;}
	/* wind */
	.keyWind .windSymbol li {width:auto;}
	.keyWind .windSelect {display:none;}
	/* temperature */
	.keyTemperature ul {width:65%;}
	.keyTemperature li {margin:0 2px 2px 0;}
	.keyTemperature em {display:block; position:relative; top:0; left:0;}
	.keyTemperature .t-30 {background:none; border:2px double #000;}
	.keyTemperature .t-28 {background:none; border:2px solid #F5F5F5;}
	.keyTemperature .t-26 {background:none; border:2px solid #EBEBEB;}
	.keyTemperature .t-24 {background:none; border:2px solid #E1E1E1;}
	.keyTemperature .t-22 {background:none; border:2px solid #BEBEBE;}
	.keyTemperature .t-20 {background:none; border:2px solid #828282;}
	.keyTemperature .t-18 {background:none; border:2px solid #565474;}
	.keyTemperature .t-16 {background:none; border:2px solid #5A007F;}
	.keyTemperature .t-14 {background:none; border:2px solid #59447F;}
	.keyTemperature .t-12 {background:none; border:2px solid #32007F;}
	.keyTemperature .t-10 {background:none; border:2px solid #000082;}
	.keyTemperature .t-08 {background:none; border:2px solid #0033B4;}
	.keyTemperature .t-06 {background:none; border:2px solid #0000FF;}
	.keyTemperature .t-04 {background:none; border:2px solid #007EFF;}
	.keyTemperature .t-02 {background:none; border:2px solid #00BEFF;}
	.keyTemperature .t00 {background:none; border:2px solid #00FFFF;}
	.keyTemperature .t02 {background:none; border:2px solid #00F7C6;}
	.keyTemperature .t04 {background:none; border:2px solid #18D78C;}
	.keyTemperature .t06 {background:none; border:2px solid #00AA64;}
	.keyTemperature .t08 {background:none; border:2px solid #2BAA2B;}
	.keyTemperature .t10 {background:none; border:2px solid #2BC82B;}
	.keyTemperature .t12 {background:none; border:2px solid #00FF00;}
	.keyTemperature .t14 {background:none; border:2px solid #CCFF00;}
	.keyTemperature .t16 {background:none; border:2px solid #FFFF00;}
	.keyTemperature .t18 {background:none; border:2px solid #EDED7E;}
	.keyTemperature .t20 {background:none; border:2px solid #E4CC66;}
	.keyTemperature .t22 {background:none; border:2px solid #DCAE49;}
	.keyTemperature .t24 {background:none; border:2px solid #FFAA00;}
	.keyTemperature .t26 {background:none; border:2px solid #FF5500;}
	.keyTemperature .t28 {background:none; border:2px solid #FF0000;}
	.keyTemperature .t30 {background:none; border:2px solid #C80000;}
	.keyTemperature .t32 {background:none; border:2px solid #AD0000;}
	.keyTemperature .t34 {background:none; border:2px solid #930000;}
	.keyTemperature .t36 {background:none; border:2px solid #780000;}
	.keyTemperature .altLow{background:none; border:2px solid #CBCBFE;}
	.keyTemperature .altMed{background:none; border:2px solid #FEFE65;}
	.keyTemperature .altHigh {background:none; border:2px solid #FE9832;}

}