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


/* =widget frame and general settings 
-------------------------------------------------------*/
#widgetFrame {clear:both; min-height:350px;}
#widgetFrameStatic {display:none;}
#widgetFrame #c1 {margin:0 25px 0 0;}
#widgetFrame #c2 {margin:0;}
#widgetFrame #c3 {margin:0 0 0 25px;}
#widgetFrame h2 {font-size:1.18em;}
#widgetFrame h3 {font-size:1.09em;}
.homeColumn {float:left; list-style:none; margin:0; min-height:400px; padding:0; width:310px;}
.widget {background:#fff; border:2px solid #545454; margin:0 0 20px 0; width:306px;}
.staticWidget {border-bottom:2px solid #000; margin:0 0 20px 0; width:306px;}
.staticWidget .staticHead {background-color:#000;}
#newsWidget , #featuresWidget {background-color: #EEE;}
.widgetHighlight {-moz-box-shadow:0 0 10px #000; -webkit-box-shadow:0 0 10px #000; box-shadow:0 0 10px #000;}
.widgetHeading {float:left; cursor:move;}
.staticHead label { cursor: normal!important; }
.widgetHead, .staticHead {background: url(/public/lib/images/graphics/bgTileDiagonalLines.png) repeat scroll 0 0 #555; color:#fff; font-weight:bold; margin:0; padding:6px; font-family:arial, sans-serif;}
.widgetHead span, .widgetHead label {margin-top:-2px;}
.widgetHead div {background:url(/public/home/lib/images/widgetControls.png) no-repeat 0 0; display:inline; float:right; height:14px; margin:0 0 0 4px; outline:none; text-indent:-9999px; width:14px;}
.widgetHead div:hover {cursor:pointer;}
.staticWidget .widgetHead div:hover {cursor:normal;}
.staticHead .widgetHeading { cursor: default; }
.staticHead .info {display:block;}
.widgetHead .widgetHeading {background: url(/public/lib/images/icons/general/move.png) no-repeat 0 0; padding-left:20px;}
.widgetHead .remove  {background-position:-24px 0;}
.widgetHead .collapse {background-position:-52px 0;}
.collapsed .widgetHead .collapse {background-position:-38px 0;}
.collapsed .widgetContent {display:none !important;}
.widgetNew {float:left; color:#cf3; margin:0 5px 0 0;}
.widgetNewCust {float:right; color: #cf3!important; margin:0 5px 0 0;}
.widgetContent header {background:#fff; 	border-top:1px solid #fff; margin:0 0 10px 0; padding:10px 8px 0 8px;}
.widgetContent header h2 {color:#000; font-weight:bold; margin:0;}
.widgetContent .error {font-size:1em; margin:0; padding:10px;}
.widgetTable {border:none; border-collapse:collapse; margin:0 8px 8px 8px; width:290px;}
.widgetTable td, .widgetTable th {color:#000; padding:5px; text-align:center; vertical-align:middle;}
.widgetTable td {font-weight:bold;} .widgetTable th {font-weight:normal;}
.widgetPlaceholder {background:#eee; border:2px dashed #999; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; margin-bottom:27px; visibility:visible !important; width:306px;}
.widgetDate {font-size:1em; margin:0 8px 8px 0; text-align:right;}
.widgetFooter {background:#545454; border-top:2px solid #545454; margin:0;}
.widgetFooter a {background:url(/public/lib/images/graphics/spritesArrowsWidgetFooter.png) -12px 50% no-repeat; color:#fff; display:block; font-weight:normal; padding:4px; text-decoration:none;}
.widgetFooter a:hover {text-decoration:underline;}
.widgetFooter strong {font-weight:bold;}
.widgetLink {padding: 0 10px;}
.widgetLink a{color: #459; font-weight: bold;}

/* =5 day forecast widget
-------------------------------------------------------*/
#forecastContainer {overflow-y:auto;}
#forecastTable th {padding:0; font-size:0.95em}
#forecastTable td {padding:0;}
#forecastTable tbody tr:nth-child(even){background: #f3f3f3;}
#forecastTable tbody tr:hover {background:#e8e8e8; cursor:pointer;}
#forecastTable .fcLink {background:url(/public/lib/images/graphics/spritesArrows.png) -2px -230px no-repeat; display:block; height:14px; text-indent:-9999px; width:8px; float:right;}
#forecastTable .fcTxt {text-indent:-9999px; display:none;}
#forecastTable .fcDay {width: 30px}
#forecastTable .fcWc {width: 80px}
#forecastLocation, #uvLocation, #daylightLocation  {position:relative; padding:3px 0 0 0px;}
#warningText {font-size: 0.8em; color:#333;}
#forecastContainer .widgetDate {font-size: 11.5px; text-align: left; padding: 0.8em 0 0.1em;}

#forecastContainer #warningPanel {
	background-color: #e5e5e5;
	margin: 0.5em;
	padding: 0.5em;
	border:1px solid #888;
	border-radius: 3px;
	min-height:3em;
	display:block;
	font-weight: normal;
	text-decoration: none;
	color: #000;
}
#forecastContainer #warningPanel.amber{
	background-color: #FF9933;
	border:1px solid #000;
}
#forecastContainer #warningPanel.yellow{
	background-color: #FFFF66;
	border:1px solid #000;
}
#forecastContainer #warningPanel.red {
	background-color: #cc0033;
	border:1px solid #000;
	color:#fff;
}
#forecastContainer #warningPanel .arrow {
	background:  url("/public/lib/images/graphics/spritesArrows.png") no-repeat scroll 7px -218px;
	display: block;
	float: right;
	height: 2.5em;
	width: 2em;
	margin: 0 0 0 0.5em;
}
#forecastContainer #warningPanel.red .arrow {
	background-position:7px -158px;
}
#forecastContainer #warningPanel span {
	float: left;
	margin: 0 0.5em 0 0;
}

/* TODO icon styles come from TIDE's icons.css, if/when the homepage is TIDiEd this'll need removing again */
.icon {display:block; font-style:normal; height:2.5em; margin:0 auto; overflow:hidden; text-indent:100%; white-space:nowrap; width:2.5em;}
.icon[data-type="notice"] {
	background:url(/tide/images/icons/notice.svg) no-repeat 0 0;
	-webkit-background-size:10em 7.5em;
	-o-background-size:10em 7.5em;
	-moz-background-size:10em 7.5em;
	background-size:10em 7.5em;
}
.icon[data-type="notice"].icon[data-value="yellow"].icon[data-outline="black"] {background-position:0 0;}
.icon[data-type="notice"].icon[data-value="amber"].icon[data-outline="black"] {background-position:-2.5em 0;}
.icon[data-type="notice"].icon[data-value="red"].icon[data-outline="black"] {background-position:-5em 0;}
.icon[data-type="notice"].icon[data-value="clear"].icon[data-outline="black"] {background-position:-7.5em 0;}

/* =daylight widget
-------------------------------------------------------*/
#daylightContainer {border-top:1px solid #545454;}
#daylightTable th {padding:0 .25em 5px .25em; width:33%;}
#daylightTable td {padding:0 .25em; text-align:left;}
#daylightTable .mediumDate {display:inline-block; width:100%;}
#daylightTable .dayTxt  {text-align:left;}
#daylightDPControl {font-size:1em; font-weight:bold; overflow:hidden; margin:0 8px 10px 8px;}
#daylightDPControl span {color:#445599; overflow:hidden;}
#daylightDPControl span:hover {text-decoration:underline;}
#daylightDatePicker {padding:0 0 12px 12px;}
/* Hand crafted calendar object */
.dlToday {background:#cf3; color:#000;}
#dlightCalHead {background:#363636; color:#fff; font-size:0.91em; font-weight:bold; height:16px; line-height:16px; margin:0 12px 0 0; padding:4px 4px; width:274px;}
#dlightCal {border:border-collapse; font-size:0.91em; font-weight:bold; margin:0 12px 0 0;}
#dlightCal thead th {background:#ccc; color:#000; padding:6px;	text-align:center; vertical-align:middle; width:36px;}
#dlightCal td {background:#eee; border-top:1px solid #fff; padding:6px; text-align:center; vertical-align:middle; width:36px;}
#dlightCal .dlOdd td {background:#ddd;}
#dlightCal .dlightTD:hover {background:#cce680;}
#dlPrevMth {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;}
#dlPrevMth:hover {background:url(/public/lib/images/graphics/spritesArrowsVertical.png) 0 -530px no-repeat;}
#dlNextMth {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;}
#dlNextMth:hover {background:url(/public/lib/images/graphics/spritesArrowsVertical.png) 0 -470px no-repeat;}
#dlCurrentMth {text-align:center; width:auto;}

/* =event widget
-------------------------------------------------------*/
#eventContainer {height:190px; overflow:hidden; position:relative; margin:8px;}
#eventData {margin:8px;}
#eventTitleDiv {margin:0; position:relative; width:278px; padding:5px;}
#eventTitleDiv a {color:#fff; font-weight:normal;}
#eventTitleDiv a:hover{color:#cf3;}
#eventTitleDiv  #eventTitle,
#eventTitleDiv  #eventDate,
#eventTitleDiv  #eventLocation {display:block;}
.eventBox {
	background:#363636;
	border:1px solid #333;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	-moz-box-shadow:inset 2px 2px 5px rgba(255,255,255,.3), 3px 3px 3px 0 rgba(0,0,0,.3);
	-webkit-box-shadow:inset 2px 2px 5px rgba(255,255,255,.3), 3px 3px 3px 0 rgba(0,0,0,.3);
	box-shadow:inset 2px 2px 5px rgba(255,255,255,.3), 3px 3px 3px 0 rgba(0,0,0,.3);
	color:#fff;
	float:left;
	font-size:1em;
	font-weight:normal;
	text-align:center;
	min-height:40px;
}
#eventTitle {font-size:1.45em; margin:0 0 .5em 0;}
#eventList {border-top:1px solid #ddd; list-style:none; margin:30px 2px 0 2px; padding:0; position:absolute; width:286px;}
#eventList li {border-bottom:1px solid #ddd;}
#eventList li:hover {background:#d5d5d5 !important;}
#eventList a {color:#000; display:block; padding:8px 5px; font-weight:normal; margin:0 0 0 42px;}
#eventList a:hover {text-decoration:none;}
#eventList img {float:left; height:32px; margin:5px; width:32px;}
#eventList .eventName {color:#434B83; display:block; font-weight:bold;}

/* =features widget 
-------------------------------------------------------*/
#featuresContainer {position:relative;}
#featuresContainer #slideHolder {background-color: #fff; }
#slideHolder { margin: 0px; padding: 0px;}
#slideHolder {background:#000; border:1px solid #eee; list-style:none; overflow:hidden;}
.slide {overflow:hidden;}
.slide:hover .slideTxt {margin:0;}
.slideImage {height: 14em; position: relative; opacity: 1; width: 306px; z-index: 5; top: 0px; left: 0px; background-position: initial initial; background-repeat: initial initial;}
.slideTxt { padding: 5px; color: #000; /* margin:0; set in js */  cursor:pointer; background-color: #fff; border-top: 1px solid #eee;}
.slide a {text-decoration: none!important;}
.slide a:hover h2 {color: #000; text-decoration: underline!important;}
.slideTxt h2, #newsTabs h2 {font-size:1.09em; font-weight:bold; line-height:1.3;  margin:0 0 5px 0; color: #000000}
.slideTxt p {font-size:1em; line-height:1.2; font-weight: normal; margin:0 0 10px 0; color: #000;}
#slideNav {float:left; list-style:none; margin:0 0 0 40px; padding:0;}
#slideNav li {float:left; margin:0 5px 0 0; text-indent:-9999px; background:#313131; border:1px solid #959595; display:block; height:9px; padding:0; width:9px;}
#slideNav li:hover {background:#cf3; border:1px solid #000; height:9px; width:9px;}
#slideNav .activeSlide {background:#cf3; border:1px solid #000; height:9px; width:9px;}
#slideLeft, #slideRight {background:url(/public/home/lib/images/graphics/spritesArrowsModuleHorizontal.png) no-repeat #fff;border: 1px solid #bbb; cursor:pointer; display:block; height:40px; position:absolute; top: 112px; text-indent:-9999px; width:40px; z-index:200; opacity: 0.9;}
#slideLeft {background-position: 10px 0px; right:42px;}
#slideRight {background-position: -90px 0px; right:1px; }
#slideLeft.hover {background-position: -20px 0px; opacity: 1;}
#slideRight.hover {background-position: -60px 0px; opacity: 1;}
.slideDate {padding: 5px 5px 0px 5px}

/* =forecast text widget
-------------------------------------------------------*/
#forecastTextContainer {	border-top:1px solid #545454;}
#forecastText{color:#000; font-size:1em; font-weight:normal; margin:0 8px;}
#forecastText h3 {font-weight:bold; margin:0 0 5px 0;}
#forecastText p {line-height:1.3; margin:0 0 10px 0;}

/* =location widget
-------------------------------------------------------*/
#locationWidget {background:#434B83; border:0; padding:10px; width:290px;}
#locationWidget .staticHead {background:none; margin:10px 0 5px 0; padding:0; font-weight: normal;}
#locationWidget .staticHead a:link {color:#FFF;}
#locationWidget .staticHead a:visited {color:#FFF;}
#locationWidget .staticHead a:hover {text-decoration:underline;}
#locationWidget .staticHead a:active {color:#FFF;}
#locationWidget .infoNPMR p {font-size:0.96em;}
#locationWidget h1 {margin: 0;color: white;font-size: 1.54em;line-height: 1.4;font-weight: normal;}
#locationContainer fieldset input {border:none; margin:0 0 10px 0; width:279px;}
#locationRecent {background:#eee; padding:8px; position:relative;}
#locationRecent h2 {color:#000; font-size:1em; font-weight:bold; line-height:1.3; margin:0 0 5px 0; padding:0 100px 0 0;}
#locationRecent ul {list-style:none; margin:0; padding:0;}
#locationRecent li {background:#eee; border:0; color:#000; margin:1px 0 0 0; padding:3px; position:relative; width:200px;}
#locationRecent li input {cursor:pointer; position:absolute; top:4px; left:3px;}
#locationRecent li label {border:0; color:#000; cursor:pointer; display:block; padding-left:20px;}
#locationRecent #buttonRecent {position:absolute; bottom:0; right:18px;}

/* =customise widget */
#customiseWidget {margin:0 0 20px 0; position:relative; text-decoration:none; clear: both;}
#customiseWidget .staticHead {background:#434B83 url(/public/lib/images/icons/general/cog.png) 5px 50% no-repeat; color:#fff; cursor:pointer; margin:0 0 20px 0;}
#customiseWidget .staticHead span {padding-left: 10px;}
#customiseWidget span {background:url(/public/lib/images/graphics/spritesArrowsWidgetFooter.png) -12px 50% no-repeat; color:#fff; display:block; padding:3px 5px 3px 20px;}
#customiseWidget a {background:url(/public/lib/images/graphics/spritesArrowsWidgetFooter.png) -12px 50% no-repeat; color:#fff; display:block; padding:5px 5px 5px 20px;}
#customiseWidget:hover {text-decoration:underline;}

/* =map widget
-------------------------------------------------------*/
#mapContainer {color:#000;}
#mapContainer .loading {position:absolute; top:200px; left:55px; display:none;}
#mapLocation {color:#000; font-size:1.27em; font-weight:bold;}
#mapLocation span {color:#000; font-size:1.09em; font-weight:normal;}
#map {border-top:1px solid #545454; background:#99B3CC url(/public/home/lib/images/graphics/ukMap.png) no-repeat 0 0; color:#000; overflow:hidden; position:relative; width:306px;}
#mapOutline {background:url(/public/home/lib/images/graphics/ukOutline.png) 0 0 no-repeat; height:450px; position:relative; width:306px; z-index:20;}
#wxLoading {top:30px; font-size:1em; left:8px; position:absolute;}
#mapWX {margin:0; padding:0;}
#map .mapIcon {display:block; position:absolute; z-index:25; margin:0; padding:0;}
#mapTable {position:absolute; top:0; left:-9999px;}
#mapRainfall {background:no-repeat -50px -50px; display:none; height:100%; position:absolute; top:-3px; left:-3px; width:100%; z-index:10;}
#mapRainfall img {display:none;}
#mapControls {position:absolute; top:8px; left:8px; z-index:22; max-width:182px;}
#mapControls ul {list-style:none; margin:0 0 1px 0; padding:0;}
#mapControls li {float:left; color:#fff; font-weight:normal; position:relative; margin:0 1px 0 0; width:90px;}
#mapControls li:first-child {-webkit-border-radius:3px 0 0 3px; -moz-border-radius:3px 0 0 3px; border-radius:3px 0 0 3px;}
#mapControls li:last-child {-webkit-border-radius:0 3px 3px 0; -moz-border-radius:0 3px 3px 0; border-radius:0 3px 3px 0;}
#mapControls .off {background:#707A84; background:rgba(0,0,0,.4);}
#mapControls .on {background:#62676C; background:rgba(0,0,0,.6);}
#mapControls label {cursor:pointer; display:block; padding:5px 5px 5px 20px;}
#mapControls input {cursor:pointer; position:absolute;	top:6px; left:4px;}
#mapTime {background:#62676C; background:rgba(0,0,0,.6); -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; color:#fff; font-size:1em; font-weight:bold; line-height:1.3; margin:0 1px 0 0; padding:10px 5px;}

/* =news widget 
-------------------------------------------------------*/
#newsImg {height:14em; margin:0 0 8px 0; overflow:hidden;}
#newsImg a, #newsTabs a { text-decoration: none!important; }
#newsImg a:hover h2, #newsTabs a:hover h2 { text-decoration: underline!important; }
#newsTxt {background:#000; background:url(/public/lib/images/graphics/bgTile.png) 0 0 repeat; background:rgba(0, 0, 0, .60); color:#fff; height:13em; /*margin:0; done in js */ padding:.5em 8px; cursor:pointer;}
#newsTxt span, #newsTxt p {display:block; margin:0 0 5px 0; font-weight: normal;}
#newsTxt a {color:#fff;}
#newsTxt h2, #newTabs h2 {font-size:1.09em; font-weight:bold; line-height:1.3; margin:0 0 5px 0; min-height:3em;}
#newsTxt p, #newsTabs p {line-height:1.2; margin:0 0 10px 0;}
#newsTabs {margin:0 7px;}
#newsTabs a, #newsTabs p, #newsTabs span {color:#000; font-weight:normal;}
#newsTabs a {border-top:1px solid #fff; clear:both; display:block; padding:5px 0 0 0;}
#newsTabs p {display:block; padding:5px 10px 5px 0; text-decoration:none;}
#newsTabs img {display:block; float:left; height:96px; margin:0 5px 5px 0; width:96px;}

/* =spaceweather widget
-------------------------------------------------------*/
.spaceWeather { position:relative; }
.spaceWeather > img {max-width: 100%; }
.spaceWeather > img + .widgetText { position:absolute; padding:1em 0; top:0; background:rgb(40,40,40); background: rgba(0,0,0,0.4); width:100%; color:white; }
.spaceWeather > img + .widgetText div { margin-left:2.5%; width:95%; }
.spaceWeather > img + .widgetText a { color:white; }

/* =pollen widget
-------------------------------------------------------*/
#pollenContainer {border-top:1px solid #545454;}
#pollenTable th {width:20%;}
#pollenTable td {padding:0;}

/* =twitter widget
-------------------------------------------------------*/
#twitterContainer {position:relative; width:306px;}
#moTweetContainer{height:290px; margin:8px; overflow:hidden; position:relative; width:290px;}
#moTweetBox {list-style:none; margin:35px 2px 0 2px; padding:0; text-align:left; position:absolute; width:286px;}
#moTweetBox li {background:url(/public/home/lib/images/graphics/twitterSpeechArrow.png) 57px 10px no-repeat; border-bottom:1px solid #ccc; margin:0 0 5px 0;}
#moTweetBox li:last-child {border:none;}
#moTweetBox img {display: block; float:left;}
#moTweetBox div {background:#e5e5e5; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; float:right; margin:0 0 5px 0; padding:5px; width:210px;}
#moTweetBox .moTweeter{display:block; font-size:1em; font-weight:bold; margin:0 0 3px 0;}
#moTweetBox .moTweet{display:block; font-size:1em; line-height:1.2;}
#moTweetBox .moTweetDate{clear:both; color:#666; display:block; font-size:0.91em; margin:0 0 5px 0; text-align:right;}
.twitterFooter * {vertical-align:middle;}
.twitterFooter span {background:url(/public/home/lib/images/logos/twitter.png) 0 0 no-repeat; display:inline-block; height:22px; margin:-2px 0 0 5px; text-indent:-99999px; width:70px;}

/* =uv widget
-------------------------------------------------------*/
#uvContainer {border-top:1px solid #545454;}
#uvTable th {width:20%;}
#uvTable td {padding:0;}
#uvTable span {background-repeat:no-repeat; display:block; margin:0 auto;}

/* =flood warning widget
-------------------------------------------------------*/
#floodContainer {border-top:1px solid #545454;}
#floodTable td {border-top:1px solid #ccc; padding:2px; text-align:center; vertical-align:top; width:33%;}
#floodTable a {color:#459; text-decoration:none;}
#floodTable a:hover {color:#459; text-decoration:underline;}
#floodContainer .dataBy {font-size:1em; margin:0 10px; text-align:right;}
#floodContainer .dataBy a {color:#459;}
#floodContainer .floodError {padding:3px 10px;}
#floodContainer .floodAgency {margin:10px; text-align:right;}
#floodContainer .floodAgency img {vertical-align:top;}

/* =video widget
-------------------------------------------------------*/
#videoContainer video {border:solid 1px #000; background:#000; color:#fff;}
#videoContainer video p {padding:0 10px;}
#videoContainer video ul {padding-right:10px;}
#videoContainer video a {color:#cf3; font-weight:normal;}
#videoDescription {padding:0 10px;}


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

	/* =all (print)
	----------------------------*/
	#widgetFrame #c1, #widgetFrame #c2, #widgetFrame #c3  {margin:0;}
	#widgetFrame h2, #widgetFrame h3 {font-family:arial, sans-serif;}
	#widgetFrame h2 {font-size:1.27em;}
	.homeColumn {float:none; min-height:1%; width:100%;}
	.collapsed,
	.widgetHead .remove,
	.widgetHead .collapse,
	#customiseWidget,
	#locationWidget,
	#twitterWidget,
	#featuresWidget,
	#eventsWidget,
	#videoWidget ,
	.widgetHead .ui-icon,
	.widgetAd,
	.adWidgetSponsor,
	.widgetLink,
	.widget .button,
	.widgetFooter {display:none;}
	.widget {background:none; border:0; page-break-before:auto; width:100%;}
	.staticWidget {border:0; margin:0 0 20px 0; width:100%;}
	.staticHead {background:none; color:#000 !important;}
	.widgetHead {background:#fff; color:#000; padding:0 0 5px 0;}
	.widgetHead label {margin:0;}
	.widgetHead .widgetHeading {float:none; padding:0;}
	.widgetContent .error {padding:0 0 10px 0;}
	.widgetTable {border:3px solid #ddd; border-collapse:collapse; margin:0 0 10px 0px; width:100%;}
	.widgetTable th,
	.widgetTable td {border-bottom: 3px solid #ddd; font-size:1em; height:auto !important; padding:5px !important;}
	.widgetTable th {font-weight:bold;}
	.widgetTable td {font-weight:normal;}
	.widgetNew {color:#000; float:none; margin:0;}
	.widgetDate {clear:both; font-size:1em; margin:0 0 10px 0; text-align:left;}
	.moHome #moHeader {margin:0 0 40px 0;}

	/* =5day (print)
	----------------------------*/
	#forecastContainer {border:0; *padding:0 0 25px 0; /*ie7 quick fix to margin bug*/}
	#forecastContainer header {background:none; border:0;	margin:0 0 10px 0; padding:0;}
	#forecastLocation {float:none; width:auto;}
	#forecastTable {width:30em;}
	#forecastTable .fcDay {text-align:left;}
	#forecastTable th {padding:.5em .25em !important;}
	#forecastTable td {padding:0 .25em !important;}
	#forecastTable .fcLink  {display:none;}

	/* =daylight (print)
	----------------------------*/
	#daylightWidget {width:30em;}
	#daylightContainer {border:0;}
	#daylightContainer header {background:none; border:0; margin:0 0 10px 0; padding:0;}
	#daylightTable #daylightDate, #daylightTable #daylightRise, #daylightTable #daylightSet {background:none; padding:5px;}
	#daylightTable #daylightRise, #daylightTable #daylightSet {text-align:center;}
	#daylightTable td {padding:0 .25em !important;}
	#daylightContainerSub {display:none !important;}

	/* =flood warning widget
	-------------------------------------------------------*/
	#floodWarningWidget {width:30em;}
	#floodContainer {border-top:none;}
	#floodContainer  header {padding:0;}
	#floodTable a {color:#000; font-weight:normal;}
	#floodContainer .dataBy {margin:0; text-align:left;}
	#floodContainer .floodAgency {margin:10px 0; text-align:left;}

	/* =forecast (print)
	----------------------------*/
	#forecastWidget {*padding:0 0 25px 0; /*ie7 quick fix to margin bug*/}
	#forecastTextContainer {border:0; width:100%;}
	#forecastTextContainer header {background:none; border:0;	margin:0 0 10px 0; padding:0;}
	#forecastText {border:3px solid #ddd; margin:0 0 10px 0; padding:5px;}

	/* =map (print)
	----------------------------*/
	#mapContainer {margin:0 0 10px 0; padding:0;}
	#map {border:0; background:none; height:auto; width:100%;}
	#mapWX,
	#wxLoading,
	.wxIcon,
	#wxLoading,
	#mapRainfall,
	#mapOutline,
	#mapControls {display:none !important;}
	#mapTime {font-weight:normal; padding:0 0 10px 0;}
	#mapTable {position:relative; top:0; left:0;}
	#mapTable th {text-align:left; padding:.5em .25em !important;}
	#mapTable td {text-align:left; padding:0 .25em !important;}
	#mapTable .tdWX {padding:0 !important; width:1%;}
	#mapTable .tdDesc  {padding-right:20%;}
	#mapTable tfoot td {padding:.5em !important;}

	/* =news (print)
	----------------------------*/
	#newsImg {background:none !important; border:3px solid #ddd; border-bottom:0; height:auto; margin:0 !important; overflow:auto; width:auto;}
	#newsTxt {background:none; color:#000; height:auto; margin:0 0 10px 0 !important; padding:5px;}
	#newsTxt p {margin:0; padding:0;}
	#newsTxt a {display:none;}
	#newsTxt h2 {font-size:1.18em; font-weight:bold; line-height:1.3; margin:5px 0; min-height:0;}
	#newsTabs {border:3px solid #ddd; border-top:0; margin:0 0 10px 0; padding:5px;}
	#newsTabs dl {border:0; height:auto !important; margin:0; padding:0 5px 5px 5px; width:100%;}
	#newsTabs dt {border:0; float:none; padding:5px 0; width:100%;}
	#newsTabs dt span {display:none;}
	#newsTabs dd {display:block !important; float:none; height:auto !important; margin:0 0 10px 0; padding:0 0 5px 0;}
	#newsTabs dd img {display:none;}
	#newsTabs dd span {float:none; width:100%;}
	#newsTabs dd a {float:none; margin:0; width:100%;}

	/* =pollen widget
	----------------------------*/
	#pollenWidget {width:30em;}
	#pollenContainer {border:0;}
	#pollenContainer header {background:none; border:0; margin:0 0 10px 0; padding:0;}
	#pollenLocation {float:none; width:auto;}
	#pollenTable th {padding:.5em .25em !important;}
	#pollenTable td {padding:0 .25em !important;}

	/* =uv (print)
	----------------------------*/
	#uvWidget {width:30em;}
	#uvContainer {border:0;}
	#uvContainer header {background:none; border:0; margin:0 0 10px 0; padding:0;}
	#uvLocation {float:none; width:auto;}
	#uvTable th {padding:.5em .25em !important;}
	#uvTable td {padding:0 .25em !important;}

}