body
{
	margin: 0px;
	font: 12px/16px arial, helvetica, sans-serif;
	background: #53b0cf;
	background-image: url(../images/mainPages/mainBgrd.jpg);
	background-repeat: repeat-x;
	text-align: center;
	zoom: 1;
}

body.panelBody
{
	/*background: #ffffff;*/
	background-image: url(../images/mainPages/leftPanleBgrdSmall.png);
	background-repeat:no-repeat;
	text-align: left;
	
}

p
{
	margin-top: 0px;
	margin-bottom: 16px;
	margin-left:40px;
	margin-right:20px;
}

.small
{
	font-size: 11px;
}

/* headers */

h1
{
	margin: 0px;
	padding: 7px 0px 8px 0px;
	font: bold 14px/16px arial, helvetica, sans-serif;
	line-height:25px;
}

.topHeader 
{
    background-image:url(../images/mainPages/topSecondPage.png); 
    background-repeat:no-repeat;
    height:84px;
    padding-top:30px;
    padding-bottom:0;
    padding-left:40px;
    font-family:Arial;
    font-size:24px;
    font-weight:normal;
    color:#3399cc;
    margin-bottom:-30px;
    
}
.topHeaderFeedback 
{
    background-image:url(../images/mainPages/topFeedbackPage.png); 
    background-repeat:no-repeat;
    height:84px;
    padding-top:30px;
    padding-bottom:0;
    padding-left:40px;
    font-family:Arial;
    font-size:24px;
    font-weight:normal;
    color:#3399cc;
    margin-bottom:-30px;
    width:1129px;
}
.midPage
{
   background-image:url(../images/mainPages/midSecondPage.png); 
   background-repeat:no-repeat; 
   background-position:bottom;
   width:842px;
  
   background-size:100% 100%;

}
.midPageSmall
{
   background-image:url(../images/mainPages/employmentBgrd.png); 
   background-repeat:no-repeat; 
   background-position:bottom;
   width:842px;
  

}

.feedbackPage
{
   background-image:url(../images/mainPages/feedbackBgrd.png); 
   background-repeat:no-repeat; 
   margin-bottom:-30px;
   width:1129px;
   height:391px;
   margin-top:-32px;
}

h2
{
/*	float: left;
	margin: 0px 0px 4px 0px;
	padding: 4px;
	font: bold 12px/16px arial, helvetica, sans-serif;
	background: #000000;
	color: #ffffff;
*/
    float: left;
	font: 18px arial, helvetica, sans-serif;
	color: #000000;
	margin-left:40px;
	background-image:url(../images/mainPages/h2Bgrd.png); 
    background-repeat:no-repeat; 
    height:27px;
  
   
}

h2123
{
    padding-left:10px;
    top:10px;
}

h2incident
{
    float: left;
	font: 16px arial, helvetica, sans-serif;
	color: #000000;
}

h2.white
{

	color: #000000;
}

h3
{
	float: left;
	margin: 1px 1px 0px 1px;
	padding: 0px 4px;
	font: bold 11px/15px arial, helvetica, sans-serif;
	background: #000000;
	color: #ffffff;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#CopyrightDiv
{
	text-align: center;
	font-size: 11px;
}

/* links */
a, .link
{
	color: #377fb0;
	cursor: pointer;
	text-decoration: underline;
}

a:visited
{
	color: #1b3f58;
}

a:hover, .link:hover
{
	color: #73a6c8;
}

#centeringDiv
{
	text-align: left;
	margin: 0px auto;
}

span.linkSpan
{
	color: #0000ff;
	cursor: pointer;
}

/* form elements */
span.formTextSpan
{
	/*background: #ffffff;*/
	border: 1px solid #808080;
}

input.formText
{
	vertical-align: top;

	margin: 0px;
	margin-top: -3px;
	margin-bottom: -1px;
	padding: 2px 2px 0px 2px;
	height: 16px;
	border: 1px solid #000000;

	font: 12px/15px arial, helvetica, sans-serif;

	background: #ffffff;
}

input.formCheck
{
	vertical-align: top;
	margin: 0px;
	margin-top: 2px;
	margin-bottom: 1px;
	margin-left: 2px;
	padding: 0px;
}

select.formSelect
{
	margin: -4px 0px -2px 0px;
	padding: 0px;
	/*
	height: 18px;
	*/
	vertical-align: bottom;
	border: 1px solid #000000;
}

input.formButton
{
	vertical-align: top;

	margin: -5px 0px -4px 0px;
	padding: 0px;
	height: 24px;

	font: 12px/12px arial, helvetica, sans-serif;
}

input.formImage
{
	vertical-align: middle;
	margin-top: -4px;
	margin-bottom: -7px;
}


/* buttons */
.incidentPrevious { background-image: url(../images/mainPages/incidentPrevious.png);}
.incidentPrevious:hover { background-image: url(../images/mainPages/incidentPreviousOn.png); }

.incidentNext { background-image: url(../images/mainPages/incidentNext.png);}
.incidentNext:hover { background-image: url(../images/mainPages/incidentNextOn.png); }

.incidentDetail { background-image: url(../images/mainPages/incidentDetails.png);}
.incidentDetail:hover { background-image: url(../images/mainPages/incidentDetailsOn.png); }

.viewIncident { background-image: url(../images/mainPages/viewIncidents.png);}
.viewIncident:hover { background-image: url(../images/mainPages/viewIncidentsOn.png); }

.travelTimes { background-image: url(../images/mainPages/travelTimes.png);}
.travelTimes:hover { background-image: url(../images/mainPages/travelTimesOn.png); }

.logIn { background-image: url(../images/mainPages/login.png); background-repeat: no-repeat;}
.logIn:hover { background-image: url(../images/mainPages/loginOn.png); background-repeat: no-repeat;}

.register { background-image: url(../images/mainPages/register.png); background-repeat: no-repeat;}
.register:hover { background-image: url(../images/mainPages/registerOn.png); background-repeat: no-repeat;}


img.smallButtonImg
{
	overflow: hidden;
	vertical-align: top;
	height: 15px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	cursor: pointer;
}

img.homePageButtonImg
{
	overflow: hidden;
	vertical-align: top;
	height: 98px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	cursor: pointer;
}



img.smallButtonImg:hover
{
	background-position: 0px -15px;
}

img.homePageButtonImg:hover
{
	background-position: 0px -98px;
}

img.mediumButtonImg
{
	overflow: hidden;
	vertical-align: top;
	height: 15px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	cursor: pointer;
}

img.mediumButtonImg:hover
{
	background-position: 0px -15px;
}

img.disabledSmallButtonImg, img.disabledSmallButtonImg:hover
{
	cursor: default;
	background-position: 0px -45px;
}

img.largeButtonImg
{
	overflow: hidden;
	vertical-align: top;
	margin-top: -3px;
	margin-bottom: -5px;
	height: 24px;

	background-repeat: no-repeat;
	background-position: 0px 0px;

	cursor: pointer;
}

img.largeButtonImg:hover
{
	background-position: 0px -24px;
}

img.disabledLargeButtonImg, img.disabledLargeButtonImg:hover
{
	cursor: default;
	background-position: 0px -72px;
}

.largeButtonImg
{
	overflow: hidden;
	vertical-align: top;
	margin-top: -3px;
	margin-bottom: -5px;
	height: 24px;

	background-repeat: no-repeat;
	background-position: 0px 0px;

	cursor: pointer;
}

.largeButtonImg:hover
{
	background-position: 0px -24px;
}

.disabledLargeButtonImg, .disabledLargeButtonImg:hover
{
	cursor: default;
	background-position: 0px -72px;
}

img.tabButtonImg
{
	overflow: hidden;
	vertical-align: top;
	width: 66px;
	height: 66px;

	background-repeat: no-repeat;
	background-position: 0px 0px;

	cursor: pointer;
}

img.tabButtonImg:hover
{
	background-position: 0px -66px;
}

img.selectedTabButtonImg, img.selectedTabButtonImg:hover
{
	background-position: 0px -264px;
}

img.disabledTabButtonImg, img.disabledTabButtonImg:hover
{
	cursor: default;
	background-position: 0px -198px;
}

img.treeButtonImg
{
	overflow: hidden;
	vertical-align: top;
	width: 11px;
	height: 11px;
	margin-top: 3px;
	margin-bottom: 2px;

	background-repeat: no-repeat;
	background-position: 0px 0px;

	cursor: pointer;
}
 
img.treeButtonImg:hover
{
	background-position: 0px -11px;
}

/* toggle div */
div.collapsedDiv div.detailsDiv
{
	display: none;
}

div.collapsedDiv div.collapseDiv
{
	display: none;
}

div.collapsedDiv div.expandDiv
{
	display: block;
}

div.expandedDiv div.detailsDiv
{
	display: block;
}

div.expandedDiv div.collapseDiv
{
	display: block;
}

div.expandedDiv div.expandDiv
{
	display: none;
}

div.smallSignDiv
{
	display: none;
}



/* shadow div - large */
table.largeShadowTable
{
	margin-bottom: 8px;
}

table.largeShadowTable td.topLeftTd
{
	width: 3px;
	overflow: hidden;
    /*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/shadow/large/bg-topleft.png',sizingMethod='crop');*/
}

table.largeShadowTable td.topLeftTd[class]
{
	/*background: url(../images/shadow/large/bg-topleft.png) no-repeat 50% 0%;	*/
}

table.largeShadowTable td.topRightTd
{
	width: 3px;
	overflow: hidden;
    /*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/shadow/large/bg-topright.png',sizingMethod='crop');*/
}

table.largeShadowTable td.topRightTd[class]
{
	background: url(../images/shadow/large/bg-topright.png) no-repeat 50% 0%;	
}

table.largeShadowTable td.leftTd
{
	width: 3px;
	overflow: hidden;
   /* filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/shadow/large/bg-left.png',sizingMethod='crop');*/
}

table.largeShadowTable td.leftTd[class]
{
	background: url(../images/mainPages/map-bottom-left.png) no-repeat;	
}

table.largeShadowTable td.rightTd
{
	width: 3px;
	overflow: hidden;
  /*  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/shadow/large/bg-right.png',sizingMethod='crop');*/
}

table.largeShadowTable td.rightTd[class]
{
	background: url(../images/shadow/large/bg-right.png) no-repeat 50% 0%;	
}

table.largeShadowTable td.bottomLeftTd
{
	width: 20px;
	height: 19px;
	overflow: hidden;
    background-image: url(../images/mainPages/map-bottom-left.png);	
    background-repeat:no-repeat;
}

table.largeShadowTable td.bottomLeftTd[class]
{
     background-image: url(../images/mainPages/map-bottom-left.png);	
    background-repeat:no-repeat;
}

table.largeShadowTable td.bottomTd
{
	height: 6px;
	overflow: hidden;
 /*   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/shadow/large/bg-bottom.png',sizingMethod='scale');*/
}

table.largeShadowTable td.bottomTd[class]
{
	background-image: url(../images/mainPages/map-bottom-mid.png);	
	background-repeat:repeat-x;
}

table.largeShadowTable td.bottomRightTd
{
	width: 3px;
	height: 6px;
	overflow: hidden;
/*    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/shadow/large/bg-bottomright.png',sizingMethod='image');*/
}

table.largeShadowTable td.bottomRightTd[class]
{
	background: url(../images/mainPages/map-bottom-right.png) no-repeat;	
}

table.largeShadowTable td.middleTd
{
	/*background: #ffffff;
	padding: 1px;*/
	vertical-align: top;
}

/* shadow div - small */
table.smallShadowTable
{
	/*margin-bottom: 4px;*/
}

table.smallShadowTable td.topLeftTd
{
	/*width: 2px;
	overflow: hidden;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/shadow/small/bg-topleft.png',sizingMethod='crop');*/
}

table.smallShadowTable td.topLeftTd[class]
{
	/*background: url(../images/shadow/small/bg-topleft.png) no-repeat 50% 0%;	*/
}

table.smallShadowTable td.topRightTd
{
/*	width: 2px;
	overflow: hidden;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/shadow/small/bg-topright.png',sizingMethod='crop');*/
}

table.smallShadowTable td.topRightTd[class]
{
	/*background: url(../images/shadow/small/bg-topright.png) no-repeat 50% 0%;	*/
}

table.smallShadowTable td.leftTd
{
	/*width: 2px;
	overflow: hidden;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/shadow/small/bg-left.png',sizingMethod='crop');*/
}

table.smallShadowTable td.leftTd[class]
{
	/*background: url(../images/shadow/small/bg-left.png) no-repeat 50% 0%;	*/
}

table.smallShadowTable td.rightTd
{
	/*width: 2px;
	overflow: hidden;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/shadow/small/bg-right.png',sizingMethod='crop');*/
}

table.smallShadowTable td.rightTd[class]
{
	/*background: url(../images/shadow/small/bg-right.png) no-repeat 50% 0%;	*/
}

table.smallShadowTable td.bottomLeftTd
{
	/*width: 2px;
	height: 4px;
	overflow: hidden;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/shadow/small/bg-bottomleft.png',sizingMethod='image');*/
}

table.smallShadowTable td.bottomLeftTd[class]
{
	/*background: url(../images/shadow/small/bg-bottomleft.png) no-repeat 0% 0%;*/
}

table.smallShadowTable td.bottomTd
{
	/*height: 4px;
	overflow: hidden;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/shadow/small/bg-bottom.png',sizingMethod='scale');*/
}

table.smallShadowTable td.bottomTd[class]
{
	/*background: url(../images/shadow/small/bg-bottom.png) repeat-x 0% 0%;	*/
}

table.smallShadowTable td.bottomRightTd
{
	/*width: 2px;
	height: 4px;
	overflow: hidden;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/shadow/small/bg-bottomright.png',sizingMethod='image');*/
}

table.smallShadowTable td.bottomRightTd[class]
{
	/*background: url(../images/shadow/small/bg-bottomright.png) no-repeat 0% 0%;	*/
}

table.smallShadowTable td.middleTd
{
	/*background: #ffffff;
	padding: 1px;
	vertical-align: top;*/
}


/* tabs */
div.tabHeadsDiv
{
	padding: 8px 0px 3px;
	margin: 0px;
}

div.tabHeadsDiv span.tabHeadSpan
{
	padding: 4px 6px 4px 6px;
	margin: 0px 5px 0px 0px;
	background: #e4e4e4;
	font-weight: bold;
	cursor: pointer;
}

div.tabHeadsDiv span.selectedTabHeadSpan
{
	background-color: #2fc5fa;
	color: #ffffff;
	cursor: default;
}

div.tabBodiesDiv
{
	clear: left;
}

div.tabBodiesDiv div.tabDiv
{
    display: none;
    padding: 4px;

    /*background-color: #ffffff;*/
    color: #000000;

    border: 1px solid #000000;
}

div.tabBodiesDiv div.selectedTabDiv
{
    display: block;
}


/* header */
#headerLogoDiv
{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 188px;
	height: 100%;
	/*background: #ffffff;*/
}

#headerLogoDiv span.text
{
	display: none;
}

#headerImg
{
	position: absolute;
	right: 0px;
	top: 0px;
}

.headerCircleLinkOne { background-image: url(../images/mainPages/headerCircleLink1.png);}
.headerCircleLinkOne:hover { background-image: url(../images/mainPages/headerCircleLink1On.png); }

.headerCircleLinkTwo { background-image: url(../images/mainPages/headerCircleLink2.png);}
.headerCircleLinkTwo:hover { background-image: url(../images/mainPages/headerCircleLink2On.png); }

.headerCircleLinkThree { background-image: url(../images/mainPages/headerCircleLink3.png);}
.headerCircleLinkThree:hover { background-image: url(../images/mainPages/headerCircleLink3On.png); }



#headerNavUl
{
	position: absolute;
	right: 0px;
	bottom: 0px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	left:0px;
	border-left:0px;
	/*background: #000000*/ /*url(../images/nav/bg-nav.gif) no-repeat scroll 0px 0px;*/
}

#headerNavUl li
{
	position: relative;
	float: left;
	
	margin-left: 2px;
	margin-right: -1px;
	height: 35px;

	/*background: #000000;*/
	color: #ffffff;
}

#headerNavUl a
{
	display: block;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

#headerNavUl span.image
{
	display: block;
	overflow: hidden;
	height: 100%;

	/*background-color: #0000ff;*/
	background-repeat: no-repeat;
	background-position: -1px 0px;
}


#headerNavUl span.text
{
	display: block;
	padding: 0px 0px 0px 0px;
}

#headerNavUl a span.text
{
	display: none;
}

#headerNavUl li a:hover span.image
{
	background-position: -1px -36px;
}


#headerNavUl ul
{
	position: absolute;
	top: 35px;
	left: -1px;

	display: none;
	margin: 0px;
	padding: 0px;

	z-index: 1000;
}

#headerNavUl ul.active
{
	display: block !important;
}

#headerNavUl ul li
{
	float: none;

	display: block;
	width: auto;
	height: auto;
	padding: 0px;
	margin: 0px;
	
    
	z-index: 1000;
}

#headerNavUl ul li a
{
	display: block;
	width: 150px;
	padding: 8px 5px 7px 5px;

	background-color: #1d8db4;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}
#headerNavUl ul li a:hover
{
	display: block;
	width: 150px;
	padding: 8px 5px 7px 5px;

	background-color: #30c6fb;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}

#headerNavTrafficLi
{
	width: 135px;
	left:-1px;
}

#headerNavTrafficLi span.image
{
	background-image: url(../images/nav/traffic.png);
}

#headerNavAboutLi
{
	width: 135px;
}

#headerNavAboutLi span.image
{
	background-image: url(../images/nav/about.png); background-repeat:no-repeat;
}

#headerNavServicesLi
{
	width: 135px;
}

#headerNavServicesLi span.image
{
	background-image: url(../images/nav/services.png);
}

#headerNavFeedbackLi
{
	width: 135px;
}

#headerNavFeedbackLi span.image
{
	background-image: url(../images/nav/feedback.png);
}

#headerNavSearchLi
{
	width: 204px;
}

#headerNavSearchLi input.formText
{
	border-color: #808080;
}


/* HEADER PANELS */
#headerPanelsDiv
{
	/*border: 1px solid #000000;
	background: #000000;*/
}

#headerPanelsTable
{
	width: 100%;
}

td.headerPanelTd
{
	padding: 7px 4px 0px 0px;
	vertical-align: top;
}

#headerActiveIncidentsTd, #headerAdTd
{
	padding: 0px;
	height: 122px;
	text-align: left;
	font-size: 11px;
}

#headerAccountTd
{
	padding: 0px;
	height: 147px;
	font-size: 11px;
}

#headerAccountTd .errorDiv
{
	display: block;
	float: left;
	padding: 0px 4px;
	background-color: #ffbfbf;
	/*border: 1px solid #ff6666;*/
	width: 110px;
}

#headerActiveIncidentsTd td, #headerAdTd td, #headerAccountTd td
{
	padding: 0px;
}


#headerAdTd img
{
	padding: 0px;
	margin: 1px 1px -2px 1px;
}

#headerActiveIncidentsTd span.timeStampSpan
{
	display: block;
	position: relative;
	font-size: 10px;
	color: #888888;
	/* bottom: -32px; */
	bottom: 8px;
	left: 510px;
	top:-96px;
	width:150px;
	line-height:12px;
	font-style: italic;
}




/******************************************************************************
 * FORM INPUT {
 *****************************************************************************/

/* label */
.ss_form label.ss_label
{
	text-align: right;
	font-size: 11px;
}

/* text field, password field */
.ss_form input.ss_textfield
{
	font-size: 11px;
	padding: 3px;
	margin: 0px;
}

/* select box */
.ss_form select.ss_select
{
	font-size: 11px;
}

/* checkbox */
.ss_form input.ss_checkbox
{
}

/* radio button */
.ss_form input.ss_radio
{
}

/* button */
.ss_form input.ss_button
{
}

/******************************************************************************
 * }
 *****************************************************************************/

/******************************************************************************
 * FORM INPUT - YELLOW {
 *****************************************************************************/

.ss_yellow_form
{
	background-color: #fff2b2;
	border: 1px solid #ffe566;
}

.ss_yellow_form input.ss_textfield
{
	border: 1px solid #e5cb45;
}

.ss_yellow_form select.ss_select
{
	border: 1px solid #e5cb45;
}

/******************************************************************************
 * }
 *****************************************************************************/


.data2, .data
{
    background-color:#f6f1df;
    border-bottom:solid 1px #f4ebca;
    font-family:Arial, Helvetica, Verdana;
    font-size: 12px;
    color: #000000;
}

.data
{
  background-color: #ff6600;
}