/* header */
#headerNavUl #headerNavTrafficLi
{
	margin-left: 1px;
	margin-right: -2px;
	width: 188px;
}

#headerNavUl #headerNavTrafficLi span.image, #headerNavUl #headerNavTrafficLi a:hover span.image
{
	background-position: 0px -72px;
}

#headerNavUl #headerNavTrafficLi ul.active
{
	display: none;
}

#headerPanelsDiv
{
	/*border: 1px solid #377fb0;
	background: #377fb0;*/
}

/*****************************************************************************
 * PANEL LOADING DIV
 *****************************************************************************/
div.panelLoadingDiv
{
	position: absolute;
	width: 200px;
	height: 60px;
	/*background: #ffffff url(../images/bg_loader.gif) no-repeat scroll 0px 0px;*/
	text-align: center;
	overflow: hidden;
}

div.panelLoadingDiv img
{
	margin-top: 4px;
}

div.panelLoadingDiv div
{
	margin: 8px 20px 4px 20px;
	font-weight: bold;
}


/*****************************************************************************
 * DETAIL VIEW
 *****************************************************************************/
#DetailViewDiv
{
	width: 1150px;
	display: none;
}

#DetailViewLoadingDiv
{
	position: absolute;
	width: 100%;
	height: 80px;
	/*background: #ffffff;*/
	z-index: 500;
}

#DetailViewPageDiv
{
	width: 100%;
}

#DetailViewIFrame
{
	width: 100%;
	height: 80px;
}




/* content panels */
#tabTableDiv
{
	position: absolute;
	left: 0px;
	top: 26px;
	width: 54px;
}

#panelTableDiv
{
	position: absolute;
	left: 0px;
	top: 50px;
	width: 435px;
	display: none;
}


/*****************************************************************************
 * LEFT PANEL
 *****************************************************************************/
/* panel expansion / contraction */
#mapTableDiv
{
	/*margin-left: 10px;*/
}

div.panelExpanded #panelTableDiv
{
	display: block;
	margin-right: 23px;
}

div.panelExpanded #mapTableDiv
{
	margin-left: 465px;
	/*margin-right: 23px;
	margin-top:50px;*/
}

#LeftPanelLoadingDiv
{
	display: none;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 480px;
	/*background: #ffffff;*/
	z-index: 500;
}

#LeftPanelIFrameDiv
{
	width: 100%;
	height: 550px;
	
}

#LeftPanelIFrame
{
	width: 100%;
	height: 550px;
	
}


 left panel - update div 
#panelUpdateDiv
{
	display: none;
	position: absolute;
	left: 3px;
	top: 0px;
	 background: #ffffff; 
	width: 314px;
	height: 482px;
	
}

#panelUpdateDiv div.boxDiv
{
	width: 240px;
	height: 160px;
	margin-left: 37px;
	margin-top: 161px;
	background: #ffffff url(../images/bg-panelLoader.gif) no-repeat scroll 0px 0px;
	text-align: center;
	
}

#panelUpdateImg
{
	margin-top: 16px;
}

#panelUpdateDiv div.waitDiv
{
	margin-top: 32px;
	font-weight: bold;
	padding: 0px 40px;
}

#panelUpdateMessageDiv
{
	margin-top: 16px;
	padding: 0px 40px;
}


/* left panel - route editor */
#routeEditorDiv
{
	margin: 0px 8px;
}

#routeEditorDiv div.boxDiv
{
	clear: both;
	border: 1px solid #000000;
	margin-bottom: 14px;
}

#routeEditorDiv table.inputTable td
{
	vertical-align: top;
	padding-bottom: 16px;
}

#routeEditorDiv div.boxDiv label
{
	padding-left: 8px;
	font-weight: bold;
}

/*
#routeEditorDiv div.boxDiv label
{
	display: block;
	float: left;
	width: 90px;
	padding-left: 8px;
	font-weight: bold;
}

#routeEditorDiv div.boxDiv div.inputDiv
{
	margin-left: 90px;
}
*/

/* left panel - tree */
div.treeDiv, ul.treeDiv td
{
	font-size: 11px;
}

div.treeDiv table
{
	width: 100%;
}

div.treeDiv td
{
	vertical-align: top;
}

div.treeDiv table td.toggleTd
{
	width: 16px;
	text-align: center;
}

div.treeDiv table.collapsedTable td.toggleTd img.treeButtonImg
{
	background-image: url(../images/buttons/tree/expand_w.gif);
}

div.treeDiv table.expandedTable td.toggleTd img.treeButtonImg
{
	background-image: url(../images/buttons/tree/collapse_w.gif);
}

div.treeDiv table.emptyTable td.toggleTd img.treeButtonImg
{
	display: none;
}

div.treeDiv table td.checkTd
{
	width: 20px;
	text-align: center;
}

div.treeDiv table td.labelTd
{
	padding-left: 20px;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 2px 0px;
	cursor: pointer;
}

div.treeDiv table td.incidentTd
{
	background-image: url(../images/icons/incident_w.gif);
}

div.treeDiv table td.cameraTd
{
	background-image: url(../images/icons/camera_w.gif);
}

div.treeDiv table td.cameraDisabledTd
{
	background-image: url(../images/icons/camera_disabled_w.gif);
}

div.treeDiv table td.signTd
{
	background-image: url(../images/icons/sign_w.gif);
}

div.treeDiv table td.signMessageTd
{
	background-image: url(../images/icons/sign_message_w.gif);
}

div.treeDiv table td.signDisabledTd
{
	background-image: url(../images/icons/sign_disabled_w.gif);
}

div.treeDiv table td.categoryTd
{
	padding-left: 0px;
	background-image: none;
	cursor: default;
}

div.treeDiv div.childrenDiv
{
	margin-left: 16px;
	display: none;
}


/* map panel */

/* main map control */
#mapDiv div.mainControlDiv
{
	width: 150px;
	background: #ffffff;
	border: 1px solid #ffffff;
}

#mapDiv div.headerDiv
{
	padding: 4px;
	background: #000000;
	color: #ffffff;
	margin-bottom: 1px;
	font-weight: bold;
}

#mapDiv div.mainControlDiv h2
{
	margin: 0px;
	padding: 0px 8px;
}

#mapDiv div.mainControlDiv div.panZoomDiv
{
	/*background: #cecccc;*/
	background-image: url(../images/mainPages/mapControlsBgrd.jpg); background-repeat: no-repeat;
	height: 63px;
	margin-bottom: 1px;
	position: relative;
}

#mapDiv div.mainControlDiv div.panZoomDiv img.upImg
{
	position: absolute;
	top: 8px;
	left: 24px;
	margin: 0px;
}

#mapDiv div.mainControlDiv div.panZoomDiv img.rightImg
{
	position: absolute;
	top: 24px;
	left: 40px;
	margin: 0px;
}

#mapDiv div.mainControlDiv div.panZoomDiv img.downImg
{
	position: absolute;
	top: 40px;
	left: 24px;
	margin: 0px;
}

#mapDiv div.mainControlDiv div.panZoomDiv img.leftImg
{
	position: absolute;
	top: 24px;
	left: 8px;
	margin: 0px;
}

#mapDiv div.mainControlDiv div.panZoomDiv img.minusImg
{
	position: absolute;
	top: 24px;
	left: 70px;
	margin: 0px;
}

#mapDiv div.mainControlDiv div.panZoomDiv img.zoomImg
{
	position: absolute;
	top: 24px;
	left: 90px;

	background-image: url(../images/map/bg-zoom.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;

	cursor: pointer;
}

#mapDiv div.mainControlDiv div.panZoomDiv img.plusImg
{
	position: absolute;
	top: 24px;
	left: 126px;
	margin: 0px;
}

#mapDiv div.mainControlDiv div.elementsDiv
{
	padding-top: 8px;
}

#mapDiv div.mainControlDiv div.elementsDiv .leftItem
{
	float: left;
}

#mapDiv div.mainControlDiv div.elementsDiv .rightItem
{
	float: right;
}

#mapDiv div.mainControlDiv div.elementsDiv div.elementDiv
{
	font-size: 11px;
	margin-left: 42px;
	margin-right: 32px;
}

#mapDiv div.mainControlDiv div.elementsDiv img.paletteImg
{
	position: absolute;
	top: 1px;
	right: 16px;
	z-index: 500;
	border-width: 0px;
}

/* map county control */
#mapDiv div.countyControlDiv
{
	width: 88px;
	background: #ffffff;
	border: 1px solid #ffffff;
}

#mapDiv div.countyControlDiv h2
{
	margin: 0px;
	padding: 0px 8px;
}

#mapDiv div.countyControlDiv img.countiesImg
{
	margin-top: 1px;
	background: Transparent url(../images/map/bg-counties.gif) no-repeat scroll 0px 0px;
	cursor: pointer;
}

#mapDiv div.countyControlDiv img.indianriverImg
{
	background-position: -88px 0px;
}

#mapDiv div.countyControlDiv img.saintlucieImg
{
	background-position: -176px 0px;
}

#mapDiv div.countyControlDiv img.martinImg
{
	background-position: -264px 0px;
}

#mapDiv div.countyControlDiv img.palmbeachImg
{
	background-position: -352px 0px;
}

#mapDiv div.countyControlDiv img.browardImg
{
	background-position: -440px 0px;
}

/* map message control */
#mapDiv div.messageControlDiv
{
	display: none;
	width: 100%;
	border-bottom: 1px solid #ffffff;
}

#mapDiv div.messageControlDiv div.messageDiv
{
	/*
	padding: 4px 92px 4px 154px;
	*/
	padding: 4px 102px 4px 164px;
	background: #ffd400 url(../images/map/bg-message.gif) repeat-x scroll 0% 0%;
	font-size: 11px;
	border-top: 1px solid #ffffff;
}

/* markers */
#mapDiv div.clusterCountDiv
{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 13px;
    margin-left: -10px;
    margin-top: -30px;
    color: #ffffff;
    font: 8px/13px arial, helvetica, sans-serif;
    text-align: center;
    background: Transparent url(../images/map/pushpins/bg-cluster.png) no-repeat scroll 0px 0px;
}

/*****************************************************************************
 * TOOLTIP
 *****************************************************************************/
#mapDiv_toolTipDiv div.topLeftDiv, #mapDiv_toolTipDiv div.topRightDiv
{
	position: relative;
	padding-bottom: 20px;
}

#mapDiv_toolTipDiv div.bottomLeftDiv, #mapDiv_toolTipDiv div.bottomRightDiv
{
	position: relative;
	padding-top: 0px;
}

/*****************************************************************************
 * TOOLTIP - STEM
 *****************************************************************************/
#mapDiv_toolTipDiv div.stemDiv
{
	position: relative;
	width: 30px;
	height: 20px;
}

#mapDiv_toolTipDiv div.topLeftDiv div.stemDiv
{
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/map/bg-topleftstem.png',sizingMethod='crop');
}

#mapDiv_toolTipDiv div.topLeftDiv div.stemDiv[class]
{
	background: Transparent url(../images/map/bg-topleftstem.png) no-repeat scroll 0px 0px;
}

#mapDiv_toolTipDiv div.topRightDiv div.stemDiv
{
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/map/bg-toprightstem.png',sizingMethod='crop');
}

#mapDiv_toolTipDiv div.topRightDiv div.stemDiv[class]
{
	background: Transparent url(../images/map/bg-toprightstem.png) no-repeat scroll 0px 0px;
}

#mapDiv_toolTipDiv div.bottomLeftDiv div.stemDiv
{
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/map/bg-bottomleftstem.png',sizingMethod='crop');
}

#mapDiv_toolTipDiv div.bottomLeftDiv div.stemDiv[class]
{
	background: Transparent url(../images/map/bg-bottomleftstem.png) no-repeat scroll 0px 0px;
}

#mapDiv_toolTipDiv div.bottomRightDiv div.stemDiv
{
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/map/bg-bottomrightstem.png',sizingMethod='crop');
}

#mapDiv_toolTipDiv div.bottomRightDiv div.stemDiv[class]
{
	background: Transparent url(../images/map/bg-bottomrightstem.png) no-repeat scroll 0px 0px;
}

#mapDiv_toolTipDiv div.boxDiv
{
	position: relative;
	padding: 1px;
	border: 1px solid #000000;
	background: #ffffff;
}

/*
#mapDiv_toolTipDiv h2
{
	margin-top: 1px;
	margin-left: 1px;
}
*/

/* location tool tip * /
#mapDiv_toolTipDiv div.locationMouseoverDiv
{
	width: 238px;
	font-size: 11px;
	margin: 1px;
	background: Transparent none no-repeat scroll 0px 50%;
}

#mapDiv_toolTipDiv div.locationMouseoverDiv table.listTable
{
	margin: 4px 0px 4px 55px;
}

#mapDiv_toolTipDiv div.locationClickDiv
{
	width: 260px;
}

/ * route tool tip div * /
#mapDiv_toolTipDiv div.routeClickDiv
{
	width: 240px;
}

/ * cluster tool tip * /
#mapDiv_toolTipDiv div.clusterClickDiv
{
	width: 240px;
	padding: 4px;
}

#mapDiv_toolTipDiv div.clusterClickDiv h2
{
	margin-top: -3px;
	margin-left: -3px;
}

#mapDiv_toolTipDiv div.clusterClickDiv ul
{
	list-style-type: none;
	padding: 8px 0px;
	margin: 0px;
	clear: left;
}

#mapDiv_toolTipDiv div.clusterClickDiv li
{
	padding: 2px 0px 2px 24px;
	margin-bottom: 1px;
	font-size: 11px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	cursor: pointer;
}

#mapDiv_toolTipDiv div.clusterClickDiv div.bottomDiv
{
	margin-bottom: 5px;
}

#mapDiv_toolTipDiv div.clusterClickDiv div.zoomDiv
{
	float: right;
	padding: 4px;
	margin-right: -3px;

	background: #000000;
	color: #ffffff;
	cursor: pointer;
	font-weight: bold;
}
*/

/*****************************************************************************
 * TOOLTIP - LOCATION
 *****************************************************************************/
#mapDiv_toolTipDiv div.locationToolTipDiv
{
	width: 240px;
}

#mapDiv_toolTipDiv div.locationToolTipDiv div.instructionDiv
{
	clear: both;
	margin: 4px;
	font-size: 11px;
	font-style: italic;
	color: #404040;
}

#mapDiv_toolTipDiv div.locationToolTipDiv div.descriptionDiv
{
	margin: 4px;
	font-size: 11px;
}

#mapDiv_toolTipDiv div.locationToolTipDiv div.inputDiv
{
	margin: 12px 4px 8px 4px;
	text-align: center;
}

#mapDiv_toolTipDiv div.locationToolTipDiv div.inputDiv select
{
	width: 166px;
	margin-bottom: 6px;
}


/*****************************************************************************
 * TOOLTIP - INCIDENT
 *****************************************************************************/
#mapDiv_toolTipDiv div.incidentToolTipDiv
{
	width: 280px;
}

#mapDiv_toolTipDiv div.incidentToolTipDiv div.descriptionDiv
{
	clear: both;
	margin: 4px;
	font-size: 11px;
}

#mapDiv_toolTipDiv div.incidentToolTipDiv div.iframeDiv
{
	clear: both;
	margin: 4px 35px;
}

/*****************************************************************************
 * TOOLTIP - CAMERA
 *****************************************************************************/
#mapDiv_toolTipDiv div.cameraToolTipDiv
{
	width: 220px;
}

#mapDiv_toolTipDiv div.cameraToolTipDiv div.descriptionDiv
{
	clear: both;
	margin: 4px;
	font-size: 11px;
	text-align: center;
}

#mapDiv_toolTipDiv div.cameraToolTipDiv div.iframeDiv
{
	margin: 4px;
}

/*****************************************************************************
 * TOOLTIP - SIGN
 *****************************************************************************/
#mapDiv_toolTipDiv div.signToolTipDiv
{
	width: 290px;
}

#mapDiv_toolTipDiv div.signToolTipDiv div.descriptionDiv
{
	clear: both;
	margin: 4px;
	font-size: 11px;
	text-align: center;
}

#mapDiv_toolTipDiv div.signToolTipDiv div.pixelBoardDiv
{
	margin: 0px;
	width: 290px;
	height: 50px;
	background: Transparent url(../images/map/bg-sign.gif) repeat scroll 0px 0px;
	position: relative;
}

#mapDiv_toolTipDiv div.signToolTipDiv div.pixelBoardDiv img.letterImg
{
	position: absolute;
}

/* incident tool tip * /
#mapDiv_toolTipDiv div.incidentClickDiv
{
	width: 280px;
	text-align: left;
}

/ * camera tool tip * /
#mapDiv_toolTipDiv div.cameraToolTipDiv
{
	width: 280px;
	text-align: center;
}

/ * sign tool tip * /
#mapDiv_toolTipDiv div.signClickDiv
{
	width: 280px;
	text-align: center;
}

#mapDiv_toolTipDiv div.signClickDiv div.signDiv
{
	width: 222px;
	background: #000000;
	padding-top: 1px;
	padding-bottom: 1px;
	margin: 0px auto;
	margin-bottom: 4px;
}

#mapDiv_toolTipDiv div.signClickDiv div.pixelBoardDiv
{
	width: 218px;
	height: 50px;
	margin: 0px auto;
	background: Transparent url(../images/map/bg-sign.gif) repeat scroll 0px 0px;
	border: 1px solid #ffffff;
}

#mapDiv_toolTipDiv div.signClickDiv img.letterImg
{
	width: 10px;
	height: 14px;
	margin: 2px 0px 0px 2px;
}

#mapDiv_toolTipDiv div.incidentClickDiv div.iconDiv, #mapDiv_toolTipDiv div.cameraClickDiv div.iconDiv, #mapDiv_toolTipDiv div.signClickDiv div.iconDiv 
{
	float: left;
	background: #000000;
	margin-top: 1px;
	margin-left: 1px;
	padding: 3px;
}
*/