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

#wxContainer {clear:both;}
#wxMain { font-size:78.6%; }
#wxMain.event-specific { font-size:110%; }
#wxStaticContent {display:none; visibility:hidden;}

/* =adverts
-------------------------------------------------------*/
.adLeaderboard {margin:0 0 10px 0;}
.adLeaderSmall{float:left;}
.adLeaderLarge{float:right;}
#wxMPU {float:left; margin:0 0 10px 10px; padding:0; background:#e8e8e8; width:310px;}
#wxMPU .mpu {padding:5px;}

/* =header
-------------------------------------------------------*/
#wxHeader {color:#000;}
#wxTitle {float:left; margin:0 0 5px 0; min-height:40px; position:relative; z-index:2000;}
#wxTitle h1 {float:left; font-size:2.65em; font-family:'Rokkitt', serif; font-weight:normal; line-height:1.4; margin:0; padding:5px 10px; position:relative;}
#wxTitle p {font-family:verdana, arial, sans-serif; font-size:0.46em; font-weight:normal; margin-top:0;}
#wxTitle .wxLocator {padding-right:20px;}
#wxTitle .favIcon {top:10px; left:5px;}
#wxTitle .favListDelete {font-family:verdana, arial, sans-serif; font-size:0.46em; width:280px;}
#wxTitle .favListDelete h2 {font-family:'Rokkitt', serif; font-size:160%;}
#wxTitle .favListDelete p,
#wxTitle .favListDelete li {font-size:100%;}

#wxTitle form {float:left; font-size: 1.09em; width: 164px;}
#wxNotices {clear:both; line-height:1.3em; padding:10px 0 0; font-size:1.272em} /* font-size:14/11 */
#wxNotices h2 {font-weight:bold; margin:0 0 5px 0;}
#wxNotices p {margin:0 0 10px 0;}
#wxNotices ul {list-style:disc; padding:0 0 0 20px; margin:0 0 5px 0;}
#wxNotices li {margin:0 0 5px 0;}

/* =tabs (location)
-------------------------------------------------------*/
#wxLocations {background:#434B83; display:none; float:right; margin:0 0 10px 0; position:relative; height:57px; width:630px; z-index:2000; }
#wxLocations #wxLocs {padding:10px; width:100%; position:relative;}
#wxLocations #wxLocs .locList,
#wxLocations #wxLocs .favList {z-index:2000;}
.multiDropDown {float:right; padding:2px; margin:10px;}

/* =tabs (nav)
-------------------------------------------------------*/
#wxTabsNav {clear:both; display:none; font-family:'Rokkitt', serif;} 
#wxTabsNav ul {background:#333; list-style:none; margin:0 0 2px 0; padding:0; position:relative; width:100%; z-index:1000;}
#wxTabsNav li {background:#333; color:#fff; cursor:pointer; display:table-cell; vertical-align:middle; text-align:center; width:100em; *width:14em; *display:inline; *zoom:1; /*IE7 hack*/}
#wxTabsNav li:hover {background:#111;} 
#wxTabsNav li:hover a {text-decoration:none;}
#wxTabsNav li a {color:#fff; display:block; font-size:1.55em; font-weight:normal; padding:5px 20px; position:relative; min-height:40px; vertical-align:middle;}
#wxTabsNav li a:before {content:''; display:inline-block; height:100%; margin-right:-0.25em; vertical-align:middle;}
#wxTabsNav #satImgTab a:after {display:none;}
#wxTabsNav li a span {display:inline-block; vertical-align:middle;}
#wxTabsNav .active {background:#cf3; color:#333; cursor:default;}
#wxTabsNav .active:hover {background:#cf3; color:#333; cursor:default;}
#wxTabsNav .active a {color:#333; cursor:default; text-decoration:none;}
#wxTabsNav .active a:after {border-top:16px solid #cf3; border-left:16px solid transparent; border-right:16px solid transparent; content:''; height:0; width:0; position:absolute; bottom:-16px; right:50%; margin:0 -16px 0 0; z-index:2000;}
/* nav dropdown */
#wxTabsNav #pageTypeForm {background:#00A2C8; font-size:1.55em; min-height:50px; text-align:left; width:auto;}
#wxTabsNav #pageTypeForm form {padding:10px; position:relative; z-index:10;}
#wxTabsNav #pageTypeForm form:after {border-left:14px solid #00A2C8; border-top:26px solid transparent; border-bottom:26px solid transparent; content:''; height:0; width:0; position:absolute; top:50%; right:0; margin:-26px -14px 0 0;}
#wxTabsNav #pageTypeForm select{cursor: pointer; color: #333; font-family:'Rokkitt', serif; font-size:1.33m; font-weight:normal; padding:5px; border:0; background:#fff;}
#wxTabsNav #pageTypeForm div{cursor: pointer; color: #333; font-family:'Rokkitt', serif; font-size:1.33m; font-weight:normal; padding:5px; border:0; background:#fff; min-height: 20px; min-width: 120px;}
#wxTabsNav #pageTypeForm select option {background:#fff; color:#333; font-family:'Rokkitt', serif;}
#fsiHeadingText {font-size: 1.5em; padding-left: 23px; text-align: left !important;}

/* =tabs
-------------------------------------------------------*/
#wxTabs {border:2px solid #313131; -moz-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px; margin:0 0 10px 0; padding:0;}
#wxTabs .error h2 {font-size:1.27em; font-weight:bold; line-height:1.3; margin:0 0 5px 0;}
#wxTabs .error p {font-size:1em; line-height:1.3;}
#wxTabs .weatherContainer .loading {margin:-10px 0 0 -100px; position:absolute; left:50%; top:50%;}

/* = calendar
-------------------------------------------------------*/
#fsiCalContainer {border-top:1px solid #545454;}
#fsiCalTable th {padding:0 .25em 5px .25em; width:33%;} 
#fsiCalTable td {padding:0 .25em; text-align:left;}
#fsiCalTable .mediumDate {display:inline-block; width:100%;}
#fsiCalTable .dayTxt  {text-align:left;}
#fsiCalContainerSub {position: absolute;z-index: 2;width: 280px; margin-left: 2px; display:none; opacity: 0.8;}
#fsiCalDPControl {font-size:1em; font-weight:bold; overflow:hidden; margin:0 8px 10px 8px;}
#fsiCalDPControl span {color:#445599; overflow:hidden;}
#fsiCalDPControl span:hover {text-decoration:underline;}
/* Hand crafted calendar object */
.fsiCalToday {color:#000;}
.fsiCalToday div {border: 1px solid black;}
#fsiCalHead {background: none repeat scroll 0 0 #363636;   color: #FFFFFF;   font-size: 16px;   font-weight: bold;   height: 16px;   line-height: 16px;   padding: 4px;	}
#fsiCal {border:border-collapse; font-size:0.91em; font-weight:bold; color:#333;}
#fsiCal thead th {background:#ccc; color:#000; padding:6px;	text-align:center; vertical-align:middle; width:36px;font-size: 16px;}
#fsiCal td {background:#999999; border-top:1px solid #fff; padding:6px; text-align:center; vertical-align:middle; width:36px; font-size: 16px;border-right: 1px solid #FFFFFF;}
#fsiCal .dlOdd td {background:#ddd;}
#fsiCalPrevMth {background:url(/public/lib/images/graphics/spritesArrowsVertical.png) 0 -500px no-repeat; cursor:pointer; float:left; height:12px; margin:2px 0 0 4px; padding:0 12px; text-indent:-9999px; width:0;}
#fsiCalPrevMth:hover {background:url(/public/lib/images/graphics/spritesArrowsVertical.png) 0 -530px no-repeat;}
#fsiCalNextMth {background:url(/public/lib/images/graphics/spritesArrowsVertical.png) 0 -440px no-repeat; cursor:pointer; float:right; height:12px; margin:2px 0 0 0; padding:0 10px 0 8px; text-indent:-9999px; width:0;}
#fsiCalNextMth:hover {background:url(/public/lib/images/graphics/spritesArrowsVertical.png) 0 -470px no-repeat;}
#fsiCalCurrentMth {text-align:center; width:auto;}
#fsiSelectedDate {background: url("/public/lib/images/graphics/calendar1.png") no-repeat scroll 95% 50% #FFFFFF !important}
#fsiCalClose {background: none repeat scroll 0 0 #FFFFFF;   margin-top: 2px; font-size: 16px;color: #000; font-weight: bold; border: solid 1px; float: right;  opacity: 0.8;   padding: 3px;   text-align: center;   width: 50px;cursor: pointer;	}
#fsiCalClose:hover{opacity: 1; border: solid 2px;}
.fsiActiveForecast {background: no-repeat scroll 100% 0 #fff  !important; cursor: pointer; color: #000}
#fsiCal .fsiActiveForecast:hover{background: no-repeat scroll 100% 0 #031f73 !important; color: #fff}
.fsiActiveArchive {background: none repeat scroll 0 0 #ddd !important;
    cursor: pointer;color:#000}
#fsiCal .fsiActiveArchive:hover{background: no-repeat scroll 100% 0 #031f73 !important; color: #fff}
.fsiCalSelected {color: #fff; background: no-repeat scroll 100% 0 #031f73  !important }
.fsiCalSelectedArchive {color: #fff; background: no-repeat scroll 100% 0 #031f73  !important }
#fsiMoreInfo {float:left; margin: -8px 0 10px 10px; padding:0; width:310px;}
.fsiDD  li{background:url(/public/lib/images/icons/set1/ddMenuLink.png) 0px 5px no-repeat;list-style:none; padding-left:15px; margin-top:10px;}
.fsiDD  li a{font-weight:normal !important;}
.fsiDD {line-height:15px; width: 300px; padding:0 !important;}
.fsiRR {line-height:20px; list-style:none !important; padding:0 !important;}
.fsiLangW {display: none;}
#wxMoreInfo {float: left;
    margin: -8px 0 10px 10px;
    padding-left: 5px;
    width: 290px;}
/* =description
-------------------------------------------------------*/
#wxDescription .wxDescHeader {position:relative;}
#wxDescription {float:left; margin:0 0 10px 0; width:640px;}

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

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

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


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


.wxModules {list-style:none; margin:0 !important; padding:0 !important; width:100%; clear:both;}
.wxModules li  {
	background:#eee; 
	background:#eee url(/public/weather/lib/images/graphics/wxModuleBG.png) 0 0 repeat-x;
	background:-moz-linear-gradient(#fff, #eee);
	background:-webkit-gradient(linear, 0% 100%, 0% 0%, from(#fff), to(#eee));
	background:-webkit-linear-gradient(#fff, #eee); 
	background:-o-linear-gradient(#fff, #eee);
	background:linear-gradient(#fff, #eee);
	border:3px solid #ccc; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 
	border-radius:5px;
	cursor:pointer;
	float:left; 
	list-style:none;
	margin:0 10px 10px 0 !important;
	max-width:314px;
	width:100%;
}
.wxModules li:hover {border:3px solid #434B83;}
.wxModules li:nth-child(odd) {clear:both;}
.wxModules div {
	background:url(/public/weather/lib/images/icons/set1/wxModuleArrow.png) 98% 90% no-repeat; 
	border:2px solid #fff; 
	-moz-border-radius:3px; 
	-webkit-border-radius:3px; 
	border-radius:3px; 
	color:#434B83;
	height:96px;
	overflow: hidden;
}
.wxModules img {float:left; margin:0 10px 0 0;}
.wxModules h3 {font-size:1.36em!important; margin:5px !important;}
.wxModules p {margin:0 30px 5px 5px !important; padding:0 !important; line-height: normal !important;}	
.wxModules a {color:#444486;}
.wxModules a:hover {text-decoration:none;}
.wxModulesRight li {float:none; max-width:304px; overflow:hidden;}

#wxRelated {background:#545454; color:#fff; float:right; line-height:1.3; margin:0 0 10px 10px; padding:10px; width:135px;}
#wxRelated h2 {color:#cf3; font-size:1.18em; font-weight:normal; margin:0 0 10px 0;}
#wxRelated ul {list-style-type:none; list-style-image:none; margin:0; padding:0;}
#wxRelated li {font-size:1em; margin:0 0 10px 0; text-decoration:none;}
#wxRelated a {color:#fff; font-weight:bold; text-decoration:none;}
#wxRelated a:hover {text-decoration:underline;}
#relatedArticlesMountainArea {display:none;}
#wxContainer .navSocial {list-style:none; margin:0; padding:0; position:absolute; top:3px; right:5px;}
.navSocial li {float:left; height:24px; margin:0 0 0 4px !important; text-indent:-9999px; width:24px;}
.navSocial li a {display:block; height:24px; opacity:1;}
.navSocial li a:hover {opacity:.75;}
.navSocial .share {color:#555; font-size:0.91em; font-weight:normal; text-align:right; text-indent:0; width:auto;}
.navSocial .googleSmall { text-indent:0; width:38px;}
.navSocial .facebookSmall {background:url(/public/lib/images/graphics/spritesGeneral.png) -30px -100px no-repeat;}
.navSocial .twitterSmall {background:url(/public/lib/images/graphics/spritesGeneral.png) -60px -100px no-repeat;}
.navSocial .emailAlertsSmall {background:url(/public/lib/images/graphics/spritesGeneral.png) -90px -100px no-repeat;}
.navSocial .printSmall {background:url(/public/lib/images/graphics/spritesGeneral.png) -120px -100px no-repeat;}
.navSocial .linkedinSmall {background:url(/public/lib/images/icons/socialSymbols/icon_linkedin.jpg); background-size: 24px 24px}
/* =twitter
-------------------------------------------------------*/
#wxTwitter {border-bottom:1px solid #000; border-top:2px solid #000;}
#wxTwitter .widget {background:none; border:0; margin:0; width:306px;}
#wxTwitter h2 {background:#000; color:#fff; float:left; font-size:1.27em; margin:0 0 10px 0; padding:5px;}
#wxTwitter #twitterWidget{clear:both;}
#wxTwitter #moTweetContainer {height:290px; margin:8px; overflow:hidden; position:relative; width:290px;}
#wxTwitter #moTweetBox {list-style:none; margin:35px 2px 0 2px; padding:0; text-align:left; position:absolute; width:286px;} 
#wxTwitter #moTweetBox li {background:url(/public/home/lib/images/graphics/twitterSpeechArrowReverse.png) 57px 10px no-repeat; border-bottom:1px solid #ccc; margin:0 0 5px 0;} 
#wxTwitter #moTweetBox li:last-child {border:none;} 
#wxTwitter #moTweetBox img {display:block; float:left;}
#wxTwitter #moTweetBox div {background:#fff; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; float:right; margin:0 0 5px 0;	padding:5px; width:210px;}
#wxTwitter #moTweetBox .moTweetDate{clear:both; color:#666; display:block; font-size:0.91em; margin:0 0 5px 0; text-align:right;}
#wxTwitter #moTweetBox .moTweeter {display:block; font-size:1em; font-weight:bold; margin:0 0 3px 0;}
#wxTwitter #moTweetBox .moTweet {display:block; font-size:1em; line-height:1.2;}
#wxTwitter .widgetFooter {background:none;}
#wxTwitter .twitterFooter a {background:none; color:#000; padding:8px; text-decoration:none;}
#wxTwitter .twitterFooter * {vertical-align:middle;}
#wxTwitter .twitterFooter span {background:url(/public/home/lib/images/logos/twitter.png) 0 0 no-repeat; display:inline-block; height:21px; margin:-4px 0 0 0; text-indent:-9999px; width:80px;}


/* = alerts
Copied from TIDE.
-------------------------------------------------------*/

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

.alert h1, .alert h2, .alert h3, .alert h4, .alert h5, .alert h6 {
	margin: 0;
}
.alert .alert-link {
	font-weight: bold;
}
.alert > p,
.alert > ul {
	margin-bottom: 0;
}
.alert > p + p {
	margin-top: 5px;
}
.alert-warning {
	/* Copied from bootstrap.com on 16/03/2015, as MetO Style Guide has success as green, and warning as red. */
	background-color: #fcf8e3;
	border-color: #EBCCD1;
	color: #000;
}
.alert-warning hr {
	border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
	color: #66512c;
}


/* =print 
-------------------------------------------------------*/
@media print {
	#moWarnings,
	#locForm,
	.navSocial,
	#wxRelated,
	#wxDescription .wxModules,
	.weatherTabs,
	#wxHeader input,
	#wxNotices,
	.adLeaderboard,
	#wxMPU,
	#wxTwitter,
	#wxLocations,
	#wxLocs,
	#wxTabsNav,
	#wxTitle form,
	#wxTitle .favIcon,
	#wxTitle .favListDelete,
	.noText {display:none !important;}
	#wxHeader {background:none; border:none; margin:0 0 10px 0; min-height:0;}
	#wxHeader h1 {background:none; float:none; padding:0; margin:0 0 10px 0;}
	#wxHeader  .wxLocator {background:none;}
	#wxTitle {background:none; float:none; font-size:1.36em; width:auto;}
	#wxTitle h1 {padding:0 !important;}
	.active {background:none; display:block;}
	.active a {display:inline;}
	#wxTabs {border:0; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; margin:0; padding:0;}
	#wxDescription {float:none; margin:0 0 50px 0; width:100%;}
	#wxDescription ul {list-style-image:none !important; list-style-type:disc !important; padding-left:20px;}
	#wxDescription .wxDescHeader {background:none; border:0; margin:0 0 10px 0;}
	#wxDescription .wxDescHeader h1 {background:none; font-size:1.27em; padding:0; margin:0 0 10px 0;}
	#wxDescription .wxDescHeader h2 {padding:0;}
	#wxDescription  p a:after { content:" [" attr(href) "] "; }
}