@charset "UTF-8";
.low_severity {
	width:178px;
	height:auto;
	border:#84D226 solid 1px;
	background-color:#84D226;
}
.mid_severity {
	width:178px;
	height:auto;
	border:#FCB116 solid 1px;
	background-color:#FFFFFF;

}
.max_severity {
	width:178px;
	height:auto;
	border:#FF2E27 solid 1px;
	background-color:#FFFFFF;
}
.default {
	width:178px;
	height:auto;
	border:#333333 solid 1px;
	background-color:#FFFFFF;
}
#camera_div
{
	font-size: 7pt;
	width: 310px;
	text-align: left;
	
}
#help_menu_div
{
	visibility:hidden;
	position:absolute;
	background-color:White;
	border-right: gray 1px solid;
	border-top: gray 1px solid;
	border-left:  gray 1px solid;
	border-bottom: gray 1px solid;
	
	
}
#help_menu_div a
{
	font-weight:bold;
	cursor:hand;
	color: #0000CC;
}
	#icon{
		width:50px;
		height:auto;
		float:left;
		margin-left : 2px;
		margin-top : 2px;
	}
	#sponsor{
		width:160px;
		font-size:9px;
		background-color:#FFFFFF;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		margin:4px;
	}
	#camera_top{
	background-color:#FFFFFF;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	}
	#camera_mid{
	background-color:#FFFFFF;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	float:left;
	}
	
	#camera_sponsor{
		font-size:9px;
		background-color:#FFFFFF;
		margin:4px;
	}
	#camera_bottom{
	background-color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-style:italic;
	color:#FFFFFF;
	font-size:9px;
}	
.top
{
display:block;
width:200px;	
}
.top_main
{
	width:200px;
	border-right: black 1px solid;
	BORDER-TOP: black 1px solid;
	BORDER-LEFT: black 1px solid;
	BORDER-BOTTOM: black 1px solid;
	background-color:#FFFFFF;
	position:absolute;
	overflow:hidden;
}
#x_off
{
	position:absolute;
	left: 180px;
	cursor:pointer;
}
.top_low{
	width:200px;
	height:20px;
	background-color:#84D226;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	float:left;
}
.top_none{
	width:200px;
	height:20px;
	background-color:#9A9FAD;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	float:left;
}
.top_mid{
	width:200px;
	height:20px;
	background-color:#FFCC00;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	float:left;	
}
.top_heading
{
	height:20px;
	background-color:#FFFFFF;
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	float:left;
	font-weight:normal;
	font-style:normal;
	width:200px;
	float:none;	
}
.top_max{
	width:200px;
	height:20px;
	background-color:#FF2E27;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	float:left;	
}		
.middle_low{
	background-color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000033;
	font-weight:normal;
	font-size:9px;
}
.middle_mid{
	background-color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000033;
	font-weight:normal;
	font-size:9px;
	text-align: left;
	cursor:pointer;
}
.middle_max{
	background-color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000033;
	font-weight:normal;
	font-style:italic;
	font-size:9px;
}
#middle{
	background-color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000033;
	font-weight:normal;
	font-size:9px;
}		
.bottom_low{
	background-color:#84D226;
	width:200px;
	height:15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-style:italic;
	color:#FFFFFF;
	font-size:9px;
}
.bottom_mid{
	background-color:#FFCC00;
	width:200px;
	height:15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-style:italic;
	color:#FFFFFF;
	font-size:9px;
}
.bottom_max{
	background-color:#FF2E27;
	width:200px;
	height:15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-style:italic;
	color:#FFFFFF;
	font-size:9px;
}
#bottom{
	background-color:#666666;
	width:178px;
	height:15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-style:italic;
	color:#FFFFFF;
	font-size:9px;
}
	.snow{
		width:50px;
		height:50px;
		background-image:url(../images/widget-popup/snow.png);
		background-repeat:no-repeat;
		float:left;
	}
	.cms
	{
		width:50px;
		height:50px;
		background-image:url(../images/widget-popup/cms.png);
		background-repeat:no-repeat;
		float:left;
	}
	.roadclosure{
		width:50px;
		height:50px;
		background-image:url(../images/widget-popup/roadclosure.png);
		background-repeat:no-repeat;
		float:left;
	}
	.fire{
		width:50px;
		height:50px;
		background-image:url(../images/widget-popup/fire.png);
		background-repeat:no-repeat;
		float:left;

	}
	.warning{
		width:50px;
		height:44px;
		background-image:url(../images/widget-popup/warning.png);
		background-repeat:no-repeat;
		float:left;
	}
	.work{
		width:50px;
		height:50px;
		background-image:url(../images/widget-popup/work.png);
		float:left;
		background-repeat:no-repeat;
	}
	.injuryaccident{
		width:50px;
		height:50px;
		background-image:url(../images/widget-popup/injuryaccident.png);
		background-repeat:no-repeat;
		float:left;
	}
	.wind{
		width:50px;
		height:50px;
		background-image:url(../images/widget-popup/wind.png);
		background-repeat:no-repeat;
		float:left;
	}
	.fog{
		width:50px;
		height:50px;
		background-image:url(../images/widget-popup/fog.png);
		background-repeat:no-repeat;
		float:left;
	}
	.obstruction{
		width:50px;
		height:50px;
		background-image:url(../images/widget-popup/obstruction.png);
		background-repeat:no-repeat;
		float:left;
	}
	.sigalert{
		width:50px;
		height:50px;
		background-image:url(../images/widget-popup/sigalert.png);
		background-repeat:no-repeat;
		float:left;
	}
	.animal{
		width:50px;
		height:50px;
		background-image:url(../images/widget-popup/animal.png);
		background-repeat:no-repeat;
		float:left;
	}
	.disabledvehicle{
		width:50px;
		height:50px;
		background-image:url(../images/widget-popup/disabledvehicle.png);
		background-repeat:no-repeat;
		float:left;
	}
	.brushfire{
		width:50px;
		height:50px;
		background-image:url(../images/widget-popup/brushfire.png);
		background-repeat:no-repeat;
		float:left;
	}
	.flooding{
		width:50px;
		height:50px;
		background-image:url(../images/widget-popup/flooding.png);
		background-repeat:no-repeat;
		float:left;
	}
	.accident{
		width:50px;
		height:50px;
		background-image:url(../images/widget-popup/accident.png);
		background-repeat:no-repeat;
		float:left;
	}
	.camera{
		width:50px;
		height:50px;
		background-image:url(../images/widget-popup/stillcamera.png);
		background-repeat:no-repeat;
		float:left;
	}
	.plannedevent
	{
		width:50px;
		height:50px;
		background-image:url(../images/widget-popup/plannedevent.png);
		background-repeat:no-repeat;
		float:left;
	}
	.weather
	{
		width:50px;
		height:50px;
		background-image:url(../images/widget-popup/weather.png);
		background-repeat:no-repeat;
		float:left;
	}