/* ----------------------------------------------------
www: weather channel
css: moHome
-------------------------------------------------------*/
/* =widget frame and general settings
-------------------------------------------------------*/
#widgetFrame {clear:both; min-height:350px;font-size: 91%;}
#widgetFrame #c1 {margin:0 25px 0 0;}
#widgetFrame #c2 {margin:0;}
#widgetFrame #c3 {margin:0 0 0 25px;}
#widgetFrame p {margin: 5px 10px;}
#widgetFrame h2 {font-size:1.18em; font-weight: bold; margin: 10px;}
#widgetFrame h3 {font-size:1.05em; font-weight: 600;}
#widgetFrame h3 {margin: 2px 10px;}
#widgetFrame h4 {margin: 10px;}

.homeColumn {float:left; margin:0; min-height:400px; padding:0; width:310px;}
.widget {background:#f4f4f4; border:1px solid #eee; margin:0 0 15px 0;}

.widgetGreen { border-top: 5px solid #50b9a4; }

.widgetContent header {margin:0 0 10px 0; padding:10px 8px 0 8px;}
.widgetContent header h2 {color:#000; font-weight:bold; margin:0;}
.widgetContent a, .widgetFooter a { text-decoration: none; }
.widgetContent a:hover, .widgetFooter a:hover { text-decoration: underline; }
.widgetTable {border:none; border-collapse:collapse; margin: 10px; 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;}

.widgetUpdated { font-size: 0.8750em; padding-bottom: 6px; text-align: right; }
.widgetSeparator { border-top: 2px solid #50b9a4; }
.widgetFooter { font-size: 0.95em; padding: 8px 0 4px 0; text-align: left; }
.widgetFooterLocation { font-weight: bold; }

.widgetContent > .error {font-size:1em; margin:10px 0; padding: 5px 0;}
.widgetContent > .error {background:#B41E34; color:#fff; text-decoration:none;}
.widgetContent > .error a:link, .widgetContent> .error a:visited {color:#fff;}
.widgetContent > .error ul {padding: 0;}

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

.widget-messages div {padding: 0 10px; }

/* =print
-------------------------------------------------------*/
@media 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 ,
	.widgetAd,
	.widgetLink,
	.widget .button,
	.widgetFooter {display:none;}
	.widget {background:none; border:0; page-break-before:auto; width:100%;}
	.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;}
}