/* Weather Warnings */

/* header include */
#warningsWrapper {
	text-align: right;
}

#warningsWrapper a, #warningsWrapper a:visited {
	color: #fff;
	margin: 0;
	padding: 0;
	text-decoration: none;
}

#warningsWrapper a.text:hover {
	text-decoration: underline;
}

#warningsWrapper a.warningsError {
    display: block;
    padding-top: 2px;
}

#warningsWrapper img {
	vertical-align: middle;
}

/* icon sizes */
.warnings-sm {
	height: 14px;
	width: 17px;
}

.warnings-md {
	height: 20px;
	width: 26px;
}

.warnings-lg {
    height: 28px;
	width: 34px;

}
.warnBox .warnings-lg{
	margin: 10px 15px 0 11px;
}

/* homepage banner */
.warningBar {
	color: #fff;
	font-size: 87.5%;
	margin-bottom: 30px;
	overflow: hidden;
}

.redWarnings, .yellowWarnings, .amberWarnings {
	padding: 0 0 0 15px;
}

.yellowWarnings{
	color: #000;
}
.amberWarnings{
	color: #000;
}
#redWarnings .rightWarnBox{
	border-color: #CB0233;
}

#yellowWarnings .rightWarnBox{
	border-color: #FFE922;
}

#amberWarnings .rightWarnBox{
	border-color:  #FFA800;
}

.rightWarnBox {
	margin-left: 60px;
	min-height: 3.5em;
	border-style: solid;
	border-width: 0 0 0 150px;
}

.rightWarnText {
	padding: 10px;
}

.warningBar a {color:#fff;}
.warningBar .warnBox {margin:0 0 1em; background-color: #2a2a2a; }
.warningBar .warnBox:last-child:after {display: none;}
.warningBar h3 {display: inline; font-size: 1.2em; padding-right: .5em;}
.warningBar .warnMainIcon { float: left; }
.warningBar .warnRegions a { padding-right: 1em; font-weight: bold; font-size: 16px; white-space: nowrap;}
.warnRegions h2 {
	float: left;
	margin: 10px 10px 0 0;
	font-size: 16px;
	font-weight: bold;
}

@media print {
	.warningBar {
		background: none;
		border: 2px solid #2a2a2a;
		color: #000;
		margin-bottom: 20px;
	}
}