﻿.weather_alert
{
	width: auto;
	border: solid 1px black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-bottom: 10px;
}

.weather_alert_title
{
	margin: 0px;
	padding: 3px;
	text-align: center;
	background: #f00;
	border-bottom: solid 1px #666;
}
	.weather_alert_title a
	{
		display: block;
		text-decoration: blink;
		font-family: Arial, Helvetica, Sans-Serif;
		font-size: 16px;
		font-weight: bold;
		font-style: italic;
		text-transform: uppercase;
		color: #fff;
	}

.weather_alert_body
{
	padding: 6px;
	background-color:white;
}

.alert_header
{
	font-weight: bold;
}
	.alert_header a
	{
		display: block;
		padding-left: 18px;
		background: url(dbl-arrow-right.gif) no-repeat center left;
		text-decoration: none;
		color: #00f;
	}
		.alert_header a:link,
		a.alert_header a:visited
		{
			background: url(dbl-arrow-right.gif) no-repeat center left;
			text-decoration: none;
			color: #00f;
		}
		.alert_header a:hover,
		a.alert_header a:active
		{
			background: url(dbl-arrow-down.gif) no-repeat center left;
			text-decoration: underline;
			color: #f00;
		}
		.alert_header a.up
		{
			background: url(dbl-arrow-down.gif) no-repeat center left;
			color: #808;
		}
		.alert_header a:hover.up
		{
			background: url(dbl-arrow-up.gif) no-repeat center left;
		}
	.alert_header .county_name
	{
		text-transform: uppercase;
	}
	.alert_header .alert_level
	{
		white-space: nowrap;
	}

.alert_details
{
	display: none;
	margin: 0px 14px 20px 14px;
	padding: 3px;
	border: dotted 1px #ccc;
}
	.alert_details p.level_description
	{
		margin-top: 3px;
		text-align: left;
		
		/*border: solid 1px black;*/
	}
	.alert_details .last_update
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;
		text-align: right;
		color:gray;
		
		/*border: solid 1px blue;*/
	}
	.last_update_label
	{
	}
	.last_update_date
	{
		white-space: nowrap;
	}
