﻿*{margin:0px 0px 0px 0px; padding:0px 0px 0px 0px}
html
{
	height:100%; 
	width:100%;
	margin:0px 0px 0px 0px; 
	padding:0px 0px 0px 0px
}
body 
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;	
	width:100%;
	min-width: 760px; /* 800x600 resolution friendly */      
	height:100%; /* ie will set the body/html to 100%, anything overflowing that will (incorrectly) resize it. go IE */        
	min-height:100%;
	background-image: url(http://74.8.145.20/common/images/grid1.gif);
	background-repeat:repeat;
	/*background-color:#ffffff;*/
}
#PageContent
{
	display:block;
	width:57.79em;
	height:60.95em;
	margin:0px; 
	padding:0px;
	border-bottom-color:#00126e;
	border-bottom-style:solid;
	border-bottom-width:2px;
	border-right-color:#00126e;
	border-right-style:solid;
	border-right-width:2px;
	border-left-color:#00126e;
	border-left-style:solid;
	border-left-width:2px;
	background-color:#00126e;
}
#MHDheader
{
	display:block;
	float:left;
	width:99.9%;
	left: 0;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
div#divMenu1
{
	display:inline;
	float:left;
	left: 0px;
	width: 150px;
	height:49.92em;
	text-align:left;
	background-image: url(http://74.8.145.20/common/images/grid1.gif);
	background-repeat:repeat;
	background-color:#ffffff;
	color:#ffffff;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 5px;
	border-left-color:#00126e;
	border-left-style:none;
	border-left-width:3px;
}
#divCamFooter
{
	display:block;
	left: 0px;
	float:left;
	width:99.83%;
	height:3%;
	bottom: 0px;
	vertical-align: bottom;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #ffffff;
	background-color: #2A67A0;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	
}
div#MHDMiddleContent
{
	display:inline;
	float:left;
	width:57.70em;
	height:52.58em;
	left:165px;
	top:127px;
	padding: 0px 0px 0px 0px; 
	margin:0px 0px 0px 0px;
	background-color:#E2E9FB;
	border-left-color:#00126e;
	border-left-style:solid;
	border-left-width:1px;
}
div#divDropDowns
{
	margin-top:9px;
}
.divMainCamSelect
{
	display:block;
	float:left;
	margin-left: 14px;
	margin-top:0px;	
}
.tblmainwebcam
{
	border:none;
	width:894px;
	height:35px;
	border-top: solid 5px #00126e;
	padding: 0px 0px 0px 0px;
	margin: 20px 0px 0px 0px;
	border-collapse:collapse;
	white-space:nowrap;
	
}
span#MHDSpanDropdownSel
{
	margin-right:10px;
}
div#directions_canvas
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
div#MHDMapCam
{
	display:inline;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
}
div#innerBottomContent
{ 
	display:inline;
	float:right;
	width:100%;
	height:610px;
	padding: 0px 0px 0px 0px;	
	margin: 0px 0px 0px 5px;
    background:#ffffff;
    text-align:center;     
}

Table.tblTrafficCams
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;	
}
Table.tblBosCamMain
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
div#GoogleMap_Div
{
	float:left;
	display:inline;
	position:relative;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 14px;
	border-bottom-color:#00126e;
	border-bottom-style:solid;
	border-bottom-width:5px;
	border-top-color:#00126e;
	border-top-style:solid;
	border-top-width:5px;
	border-right-color:#7E899D;
	border-right-style:none;
	border-right-width:0px;
	border-left-color:#7E899D;
	border-left-style:none;
	border-left-width:0px;	
}
/*Camera Box*/
table#tblHomePgDirection
{
	background-color:#00126e;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	font-size: 70%;
}
table#tblHomePgDirection td
{
	background-color:#000;
	color: #ffffff;
}
.HomedirectionImage
{
	width: 175px;
	/*height: 120px;00126e*/
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.HomedirectionText
{
	padding:3px 0px 3px 0px;
}
.tblHomePgDirectionSep
{
	border-right:solid 2px #000;
}
div#divWebCam
{
	display:inline;
	float:left;
	height:400px;
	width:352px;	
	padding: 0px 0px 0px 0px;	
	margin: 0px 0px 0px 0px;
	background-color:#00126e;
	border-bottom-color:#00126e;
	border-bottom-style:solid;
	border-bottom-width:5px;
	border-top-color:#00126e;
	border-top-style:solid;
	border-top-width:5px;
	border-right-color:#7E899D;
	border-right-style:none;
	border-right-width:0px;
	border-left-color:#7E899D;
	border-left-style:solid;
	border-left-width:5px;	
}
/*Multi Camera Box*/
div#divWebCams
{
	display:inline;
	float:left;	
	width:904px;
	padding: 0px 0px 0px 0px;	
	margin: 0px 0px 0px 8px;
	background-color:#fff;	
	
}
div#camoutline
{
	display:block;
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-color:#fff;
	/*background-image: url(http://74.8.145.20/common/images/grid1.gif);
	background-repeat:repeat;
	background:#7E899D; */
	border:0px solid black;
}
table#webcamlist
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border-left-color:#000;
	border-left-style:double;
	border-left-width:3px; 
	border-right-color:#000;
	border-right-style:double;
	border-right-width:3px; 
	border-top-color:#000;
	border-top-style:double;
	border-top-width:3px;
	border-bottom-color:#000;
	border-bottom-style:double;
	border-bottom-width:3px;
}
div#divTrafficCamsLst
{
	margin: 0px 0px 0px 0px;
}
.camsviewlst
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width:220px;
	height:150px;
}
.divpaging
{
	display:block;
	position:relative;
	float:left;
	margin-left: 14px;	
	
}
.divpaging_multi
{
	display:block;
	position:relative;
	float:left;
	margin-left: 8px;	
}
.webcamlistPaging
{
	border:none;
	width:894px;
	height:20px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border-collapse:collapse;
	white-space:nowrap;
	border-top: solid 5px #00126e;
	
}
.webcamlistPaging_multi
{
	border:none;
	width:904px;
	height:20px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border-collapse:collapse;
	white-space:nowrap;
	
}
.page_blue a:link 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#fff;
	text-decoration: underline;
}
.page_blue a:hover  
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#fff;
	text-decoration: underline;
}
.page_blue a:visited
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#fff;
	text-decoration: underline;
}
.page_blue
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#fff;
	background-color:#000; /*00126E*/
	height: 21px;
	 
}
.page_gray
{
	background-color:#fff;
	height: 31px;
	padding: 0px 4px 0px 0px;
}
.PageCurrent
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:bold;
	color:#000;
	margin-left:5px;
}
/* Camera description*/
#ctl00_ContentPlaceHolderMain_divTrafficCamDescription
{
	display:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:65%;
	text-align:left;
	text-align:justify;
	text-decoration:none;
	text-transform:none;
	padding: 0px 4px 0px 4px;
	margin: 5px 0px 0px 0px;
	width:339px;
	height:153px;	
	background-color:#ffffff;
	overflow:auto;
}
#ctl00_ContentPlaceHolderMain_divTrafficCamDescription a:link
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:95%;
	color: #094073;
	text-decoration: underline;
}
#ctl00_ContentPlaceHolderMain_divTrafficCamDescription a:visited
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:95%;
	color: #094073;
	text-decoration: underline;
}
#ctl00_ContentPlaceHolderMain_divTrafficCamDescription a:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:95%;
	color: #FF9900;
	text-decoration: underline;
}
#divCamFooter a:link 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	background-color: #2A67A0;
	color:#fff;
	text-decoration: underline;
}

#divCamFooter a:visited 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	background-color: #2A67A0;
	color:#fff;
	text-decoration: underline;
}

#divCamFooter a:hover 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	background-color: #2A67A0;
	color: #FF9900;
	text-decoration: underline;
}

#divCamFooter.footer 
{
	background-color: #2A67A0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #FFFFFF;
	margin: 0px 0px 0px 24px;
}
span.mainCamTitleLabel
{
	display:block;
	font-weight:normal;
	line-height:20px;
	color:#fff;
	background-color:#000;
	text-align:left;	
	height:21px;
	width:348px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 4px;	
}
span.TimerCamUpdate
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
span.spanCamFooterLinks
{
	background-color: #2A67A0;
}
span.spanCamFooterLinks a:link {
	background-color: #2A67A0;
	color:#fff;
	text-decoration: underline;
}

span.spanCamFooterLinks a:visited {
	background-color: #2A67A0;
	color:#fff;
	text-decoration: underline;
}

span.spanCamFooterLinks a:hover {
	background-color: #2A67A0;
	color: #FF9900;
	text-decoration: underline;
}
.camimg
{
	border-top-color:#00126e;
	border-top-style:solid;
	border-top-width:3px;
	border-right-color:#00126e;
	border-right-style:solid;
	border-right-width:3px;
	border-bottom-color:#00126e;
	border-bottom-style:solid;
	border-bottom-width:3px;
	border-left-color:#00126e;
	border-left-style:solid;
	border-left-width:3px;
	/*width:320px;
	height:240px*/
	width:352px;
	height:240px;
}

div#bottomMainContent
{
	display:inline;
	float:left;	 
	position:relative;
	margin: 5px 0px 5px 5px;
	padding: 13px;	
    background:#fff;
	
}
div#divTrafficCamDescription a:link 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 65%;
	color: #01669E;
	margin: 0px;
	font-weight: 500;
	padding-left: 4px
}
div#divTrafficCamDescription a:visited 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 65%;
	color: #01669E;
	margin: 0px;
	font-weight: 500;
	padding-left: 4px;
}

div#divTrafficCamDescription a:hover 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 65%;
	color: #FF9900;
	margin: 0px;
	font-weight: 500;
	padding-left: 4px;
}
.buttonSubmit
{
	font: .7em/.8em Arial, Helvetica, sans-serif;
	vertical-align : middle;
	font-weight: bold;
	color: #fff;
	background-color: #00126e;
	padding: 2px;
	border: 1px solid #000;
	margin-left:4px;
	height:20px;
	cursor: pointer;    
}
.buttonSubmit_Over
{
	font: .7em/.8em Arial, Helvetica, sans-serif;
	vertical-align : middle;
	font-weight: bold;
	color: #fff;
	background-color: #7284b3;
	padding: 2px;
	border: 1px solid #fff;
	margin-left:4px;
	height:20px;
	cursor: pointer;    
}
div#divCamList
{
	margin-left:120px;
	overflow:auto;
	height:708px;
	width:695;	
}
div#divFavsMenu
{
	text-align:right;
	padding-right:25px;
	margin-top:15px;
	margin-bottom:10px;
}
.PnlTrafficMessage
{
	float:left;
	margin-top: -10px;
	margin-bottom:50px;
	/*border: none 0px #000000;*/
	margin-left:14px;
	height:100px;
	padding: 0px 0px 0px 0px;
}

table#tblTrafficMessage
{
	background-color:#FFF78A;
	color:#000000;
	text-align:center;
	width:540px;
	height:122px;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 0px;

}
.tblScrolling
{
	background-color:#FFF78A;
	font-size:13px;
	color:#000000;
	height:90px;
	width: 100%;
	font-size: 60%;
}
.tblScrolling tr
{
	text-align:left;
	font-size: 100%;
}
.scrollMarquee
{	
	background-color:#FFF78A;
	height:90px;
	width:100%;
	color:#000000;	
}
.scrollMarquee a:link 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	text-decoration: underline;
}
.scrollMarquee a:visited 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#0D6CB5;
	text-decoration: underline;
}
.scrollMarquee a:hover 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #7E899D;
	text-decoration: underline;
}
table#tblDetail
{
	background-color:#FFF78A;
	color:#000000;
	width:400px;
	height:400px;
	border-top-color:#000000;
	border-top-style:solid;
	border-top-width:3px;
	border-right-color:#000000;
	border-right-style:solid;
	border-right-width:3px;
	border-bottom-color:#000000;
	border-bottom-style:solid;
	border-bottom-width:3px;
	border-left-color:#000000;
	border-left-style:solid;
	border-left-width:3px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;

}
table#tblDetail td
{
	vertical-align:top;
	font-size: 12px;
	font-weight:bold;
}
div#divWebTrafficOverlay
{
	display:inline;
	float:left;
	/*height:400px;	
	*width:320px;	
	width:720px;*/	
	width:721px;
	*width:720px;
	padding: 0px 0px 0px 0px;	
	margin: 0px 0px 0px 0px;
}
.multicamimage
{
	background-image: url(images/camlstbgno.jpg);
	width:220px;	
	height:165px;
	overflow:hidden;
}
.multicamCamNumber
{	
	padding: 0px 0px 0px 0px;
	width:220px;
}
.multicamfooter
{
	background-color:#fff;
	text-align:left;
	vertical-align:top;	
	border-top-color:#00126e;
	border-top-style:groove;
	border-top-width:1px;
	border-right-color:#000000;
	border-right-style:none;
	border-right-width:1px;
	border-bottom-color:#ffffff;
	border-bottom-style:none;
	border-bottom-width:1px;
	border-left-color:#000000;
	border-left-style:none;
	border-left-width:1px;
	vertical-align:text-top;
	width:220px;
	height:45px;
}
.multicamfooterdetail
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .6em;
	font-weight:400;
	margin-left:2px;
	color:#000; /*00126e;*/
	height:20px;	
}
span#span_direction
{
	background-color:#00126e;
	display:block;
	margin-left:0px;
	margin-top:0px;
	margin-bottom:0px;	
	width:100%;
	height:15px;
	text-align:center;
}
span#span_direction a:link 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 60%;
	color:#ffffff;
	text-decoration: underline;
}
span#span_direction a:visited 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 60%;
	color:#ffffff;
	text-decoration: underline;
}

span#span_direction a:hover 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 60%;
	color: #ffffff;
	text-decoration: underline;
}
div#divStaticImages
{
	width:120%;
	height:100%;
	padding: 0px 0px 0px 0px;	
	margin: 0px 0px 0px 0px;
	background-color:#E2E9FB;
}
.divStaticCam
{
	width: 176px;
	height: 120px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border-left-color:#000;
	border-left-style:double;
	border-left-width:3px; 
	border-right-color:#000;
	border-right-style:double;
	border-right-width:3px; 
	border-top-color:#000;
	border-top-style:double;
	border-top-width:3px;
	border-bottom-color:#000;
	border-bottom-style:double;
	border-bottom-width:3px;
}
table#tblTrafficCamDirection
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border:solid 1px #000;
	background-color:#000066;
	color:#ffffff;
	height:165px;
	width:352px;
}
table#tblTrafficCamDirection td
{
	color:#fff;
}
.tblTrafficCamDirectionTDLeft
{
	border-right: solid 1px #000;
}
.tblTrafficCamDirectionTDRight
{
	border-left: solid 1px #000;
}
.LabelCamName
{
	margin-left:5px;	
	font-weight:bold;
}
.directionImage
{
	width: 176px;
	height: 120px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.cam_googlemap_popup 
{
	font-weight:normal;
	font-size:12px;
	text-align:left;
	margin: 15px 0px 0px 0px;
}
.cam_googlemap_popup img
{
	border-style:none;
	width:211px;
	height:144px;
}
/*Sets the placement of the legend and cam toggle control on the live traffic page*/
div#divlegend
{
	position:absolute;
	top:99px;
	z-index:100;
	margin:80px 0px 0px 705px;
	width:271px;
	height:35px; 	
}
div#divTrafficOverlayControls
{
	position:absolute;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color:#fff;
	border: solid 1px #000;
	top:95px;
	margin:120px 0px 0px 798px;
	padding: 0px 0px 3px 0px;
	width:100px;
	height:40px;
	z-index:10;
}
span#spanTitleCtrl
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
div#divFader
{
	position:relative;	
	display:none;
	clear:both;
}
div#divfadeTrafficCamTop
{
	position:absolute;
	top:148px;
	margin-left:14px;		
	background-color:#fff;	
	width:894px;
	height:403px;
	display:none;
	opacity:.70;
	filter:alpha(opacity=70);
	opacity: 0.7;
	-moz-opacity:0.7;
	z-index:109;
	clear:both;	
}
div#divClose
{
	position:absolute;
	top:146px;
	margin-left:14px;
	display:none;
	cursor:pointer;
	background-color:#00126e;
	width:894px;
	border:none 0px #000;
	text-align:right;
	padding: 0px 0px 0px 0px;		
	z-index:110;
	clear:both;
}
/*Controls the Fader Cam image on the live traffic page */
div#divfadetrafficCam
{
	position:absolute;
	margin-top:48px;
	margin-left:-200px;		
	width:393px;
	height:400px;
	visibility:hidden;
	z-index:110; 
	clear:both;		
}
div#divTrafficCamOverlay
{
	position:absolute;
	top:25px;
	margin-top:60px;
	margin-left:500px;
}
.LabelTrafficOLName
{
	font-weight:bold;
	font-size:12px;
	color:#fff;
	padding-top: 5px;
	background-color:#00126e; /*Dark Blue*/
}
.camimgTrafficOL
{
	width:352px;
	height:240px
}
.chklistFavs
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin-bottom:18px;
	color:#036;
	line-height: 19px;
	margin-right: 12px;
	margin-top: 0px;
	margin-left: 46px;
}
.PnlInstructions
{
	display:block;
	position:relative;
	float:left;
	background-color:#00126e; /*Dark Blue*/
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: none 0px #000;
	width:354px;
	height:122px;	
}
div#divInst511Logo
{
	position:absolute;
	display:inline;
	background-color:#ffffff; 
	margin: 0px 0px 0px -52px;
	padding: 0px 0px 0px 0px;
	width: 97px;
	height: 122px;
	border: none 0px #000;
	clear:both;
}
div#divInst511Logo img
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
div#divInstructions
{
	position:relative;
	display:block;
	float:right;
	color: #ffffff;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width:250px;
	height:122px;
	border: none 0px #000;
	text-align:left;
}
span#spanInstrLabel
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
}
div#divInstructions ul
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;	
	margin-top: 5px;
	width: 90%;
	padding-left: 10px;
	line-height: 12px;
	list-style-type: disc;
	list-style-position:outside; 
}
.divsponsors
{
	display:block;
	position:relative;
	float:left;
	background-color:#E2E9FB;	
	margin: 20px 0px 0px 110px;
	width:700px;
	height:100px;
	border-left-width:0px;
	overflow:hidden;
}
.sponsorHyperLink img
{
	width:700px;
	height:100px;
}
div#divFadeMultiCamTop
{
	position:absolute;
	margin-top: 10px;
	margin-left:8px;		
	/*background-color:#7E899D;*/	
	background-color:#fff;	
	width:905px;
	height:820px;
	display:none;
	opacity:.70;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	z-index:109;
	clear:both;	
}
div#divFadeMultiClose
{
	position:absolute;
	margin-top: 9px;
	margin-left:8px;
	display:none;
	cursor:pointer;
	background-color:#00126e;
	width:905px;
	border:none 0px #000;
	text-align:right;
	padding: 0px 0px 0px 0px;	
	z-index:110;
	clear:both;
}
/*Controls the Fader Cam image on the live traffic page */
div#divFadeMultiTrafficCam
{
	position:absolute;
	margin-top:150px;
	margin-left:-190px;		
	width:355px;
	height:360px;
	visibility:hidden;
	z-index:110; 
	clear:both;	
}
