body
{
	margin:0px;
	padding:0px;
	border:0px;
	background-color: #FFFFFF;
	text-align: left;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}

/*************** Application Display ***********/

.TrafficApplication
{
	background-color: #eeeeee;
	margin-top: 4px;
}

/***************** Main Titles ***************/

.MainTitle
{
	background-color: #363F46;
	background-image: url("../RadControls/Menu/Skins/RSR/img/RootItemBkg.gif");
	background-repeat: repeat-x;
	background-position: top center;
	padding: 5px;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	line-height: 11px;

}

/***************** Messages *****************/

.Message
{
	padding-top: 5px;
	padding-bottom: 5px;
}
.MessageHighlight
{
	background-color:White;
}
.MessageHeader
{
	font-size: 12px;
	font-weight: bold;
	padding-top: 5px;
	padding-left: 5px;
}
.MessageText
{
	font-size: 12px;
	padding-bottom: 5px;
	padding-left: 5px;
}
.MessageDisplay
{
	/*
	height: 50px;
	overflow: auto;
	*/
}
.Icon
{
	width: 20px;
}
.MessageWidth
{
	width: 750px;
}

/**************** Map Display ****************/

.MouseOverDiv
{
	background-position: center center;
	background-repeat: no-repeat;
}
.MouseOverDivHighlight
{
	background-image: url("../Images/point_green.gif");
}
.MouseOverDivMouseOver
{
	cursor: pointer;
}
.TrafficMap
{
	padding: 0px; 
	margin: 0px; 
	position: relative; 
	cursor: crosshair; 
	left: 0px;
    top: 0px;
}
.MapMessageDetail
{
	position: absolute; 
	padding: 3px;
    border: black 1px solid; 
    background-color: #EEEEEE;
    text-align: left; 
    vertical-align: top;
    display: none;
}
.MapZoomRect
{
	position: absolute; 
	display: none; 
	border-right: black 1px dotted;
	border-top: black 1px dotted; 
	left: 0px; 
	border-left: black 1px dotted; 
	width: 0px;
    border-bottom: black 1px dotted; 
    top: 0px; 
    height: 0px;
}

/**************** Map Buttons ****************/

.ButtonLU
{
	background-image: url("../Images/map_lo.gif");
	background-repeat: no-repeat;
}
.ButtonUp
{
	background-image: url("../Images/map_mo.gif");
	background-repeat: no-repeat;
}
.ButtonRU
{
	background-image: url("../Images/map_ro.gif");
	background-repeat: no-repeat;
}
.ButtonLeft
{
	background-image: url("../Images/map_ml.gif");
	background-repeat: no-repeat;
}
.ButtonRight
{
	background-image: url("../Images/map_mr.gif");
	background-repeat: no-repeat;
}
.ButtonLD
{
	background-image: url("../Images/map_lu.gif");
	background-repeat: no-repeat;
}
.ButtonDown
{
	background-image: url("../Images/map_mu.gif");
	background-repeat: no-repeat;
	height:21px;
}
.ButtonDown
{
	background-image: url("../Images/map_mu.gif");
	background-repeat: no-repeat;
	height:21px;
}
.ButtonRD
{
	background-image: url("../Images/map_ru.gif");
	background-repeat: no-repeat;
	height:21px;
}

/********************* Images *********************/
.leftImage
{
	padding-left: 5px;
	padding-right: 5px;
}

/********************* Webcam ********************/

.WebCamTable
{
	background-color: #EEEEEE;
}
.WebCamTitle
{
	background-color: #363F46;
	background-image: url("../RadControls/Menu/Skins/RSR/img/RootItemBkg.gif");
	background-repeat: repeat-x;
	background-position: top center;
	padding: 5px;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	line-height: 11px;
}
.WebCamSpacer
{
	height: 20px;
}

/***************** RadMenu RSR skin ***************/

#form1 div#MapMenu1 ul li a img 
{
	margin-right: 0px;
}

.RadMenu_RSR
{
	background-color: #363F46;
	background-image: url("../RadControls/Menu/Skins/RSR/img/RootItemBkg.gif");
	background-repeat: repeat-x;
	background-position: top center;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-weight: bold;
	line-height: 20px;
	/*
	border: solid 1px #dadada;
	border-bottom: 0px;
	*/
}

.RadMenu_RSR .leftImage
{
	margin-right: 0px;
}

.RadMenu_RSR .link
{
	color: #FFFFFF;
	text-decoration: none;
}

.RadMenu_RSR .link:hover,
.RadMenu_RSR .focused,
.RadMenu_RSR .expanded
{
	color: #363F46;
	background: #FFFFFF url('../RadControls/Menu/Skins/RSR/img/RootItemFocusedBkg.gif') repeat-x;
	cursor: pointer;
}

.RadMenu_RSR .text
{
	font-size: 12px;
	padding: 0px 9px;
	font-family: Arial, Verdana, Sans-Serif;
	font-weight: bold;
}

.RadMenu_RSR .group
{
	/* background: white url('img/MenuItemBackground.gif'); */
	background: white;
	border: solid 1px #dadada;
}

.RadMenu_RSR .group .link
{
	background: none;
	float: left;
	_width: 140px; /* IE6 */
	min-width: 140px; /* IE7, Mozilla, Opera */
	text-align: left;
	color: #333;
}

.RadMenu_RSR .group .text
{
	padding-left: 26px;
}

.RadMenu_RSR .group .link:hover,
.RadMenu_RSR .group .focused,
.RadMenu_RSR .group .expanded
{
	background: #363F46 url('../RadControls/Menu/Skins/RSR/img/RootItemBkg.gif') repeat-x;
	color: white;
}

.RadMenu_RSR .leftArrow,
.RadMenu_RSR .rightArrow,
.RadMenu_RSR .topArrow,
.RadMenu_RSR .bottomArrow,
.RadMenu_RSR .leftArrowDisabled,
.RadMenu_RSR .rightArrowDisabled,
.RadMenu_RSR .topArrowDisabled,
.RadMenu_RSR .bottomArrowDisabled
{
	background: #326dc8 url('img/left.gif') center center no-repeat;
	width: 15px;
	text-decoration:none;
	color:#326dc8;
}

.RadMenu_RSR .topArrow,
.RadMenu_RSR .topArrowDisabled
{
	background-image:url('img/top.gif');
	width: 100%;
	text-decoration:none;
	color:#326dc8;
}

.RadMenu_RSR .bottomArrow,
.RadMenu_RSR .bottomArrowDisabled
{
	background-image:url('img/bottom.gif');
	width:100%;
}

.RadMenu_RSR .rightArrow,
.RadMenu_RSR .leftArrow
{
	height:100%;
}

.RadMenu_RSR .rightArrow,
.RadMenu_RSR .rightArrowDisabled
{
	background-image: url('img/right.gif');
}

.RadMenu_RSR .vertical .separator .text
{
	padding-top: 1px;
	background:	#d0d2d4;
	font-size: 0px;
	border-top:0px;
	border-bottom:0px;
	height: 1px;
	line-height: 1px;
}

.RadMenu_RSR .expandLeft,
.RadMenu_RSR .expandRight
{
	background:transparent url(img/groupImage.gif) right center no-repeat;
}

.RadMenu_RSR .link:hover .expandLeft,
.RadMenu_RSR .link:hover .expandRight,
.RadMenu_RSR .focused .expandLeft,
.RadMenu_RSR .focused .expandRight,
.RadMenu_RSR .expanded .expandLeft,
.RadMenu_RSR .expanded .expandRight
{
	background:transparent url(img/invertedGroupImage.gif) right center no-repeat;
}

.RadMenu_RSR .rootGroup .disabled,
.RadMenu_RSR .rootGroup .disabled:hover
{
    color:#999;
}

.RadMenu_RSR .rootGroup .disabled:hover
{
    background:#E9E9E9 url(img/MainItemBackground.gif) repeat-x;
}

.RadMenu_RSR .group .disabled,
.RadMenu_RSR .group .disabled:hover
{
    background: transparent;
    border: none;
    color: #999;
}

/* right to left */

.RadMenu_RSR_rtl *
{
    text-align:right !important;
}

.RadMenu_RSR_rtl .rootGroup
{
    width:100%;
}

.RadMenu_RSR_rtl .vertical .link:hover .expandLeft,
.RadMenu_RSR_rtl .vertical .link:hover .expandRight,
.RadMenu_RSR_rtl .vertical .focused .text,
.RadMenu_RSR_rtl .vertical .expanded .text
{
	background:transparent url(img/invertedGroupImageRTL.gif) left center no-repeat;
	margin: 0px;
}

.RadMenu_RSR_rtl .expandLeft,
.RadMenu_RSR_rtl .expandRight
{
	background: transparent url(img/left.gif) left center no-repeat;
}
/***************** MapTools ********************/
.transOFF 
{
	opacity:1.0;
	filter: alpha(opacity=100); 
	-moz-opacity: 1.0;
	/*
	opacity: ;
	filter:  ; 
	-moz-opacity:  ;
	*/
}
.transON  
{
	opacity:.50;
	filter: alpha(opacity=50); 
	-moz-opacity: 0.5;
}
.popupList
{
	text-align: left;
	padding-right: 10px;
}
.popupControl
{
	position: absolute;
	visibility: hidden;
	z-index: 80;
	cursor: pointer; 
	background-color: white; 
	border-right: black 1px solid; 
	border-top: black 1px solid;
	border-left: black 1px solid; 
	border-bottom: black 1px solid;
	font-size: 11px;
	text-align: left;
}
.navMenu
{
    z-index: 80;    
    font-size: 11px;
}
.navMenuLabel
{
    cursor: pointer; 
    color: black;
}
.navMenuLink
{
    text-decoration: none;
}
.navMenuTable
{
    cursor: pointer; 
    color: black;
    background-color: white; 
	padding: 2px 5px 2px 5px;
    border-right: black 1px solid; 
    border-top: black 1px solid; 
    border-left: black 1px solid; 
    border-bottom: black 1px solid;
}
.navContainer
{
    background-color: transparent;       
    cursor: default;
}
.navButton
{
    cursor: pointer;
}
.navZoomBox
{
    position: absolute; 
    width: 100%; 
    height: 20px; 
    left: 0px;
    top: 50px; 
}
.navZoomDiv
{
    position: absolute; 
    top: 0px; 
    width: 20px; 
    height: 20px; 
    z-index: 80; 
    background-position: center center; 
    background-repeat: no-repeat; 
    background-color: transparent;       
}
.navZoomIn
{
    left: 3px; 
    background-image: url('../Images/plus2.gif');
}
.navZoomOut
{
    left: 27px; 
    background-image: url('../Images/minus2.gif');
}
.navCompassBox
{
    position: absolute;
    left: 0px; 
    top: 0px; 
    width: 100%; 
    height: 50px; 
    background-color: transparent;       
    background-position: center center;
    background-repeat: no-repeat; 
    background-image: url('../Images/navigation3.gif'); 
}
.navCompassDiv
{
    position: absolute; 
    z-index: 80; 
}
.navCompassHome
{
    left: 33%; 
    top: 33%; 
    width: 33%; 
    height: 33%;
}
.navCompassLeft
{
    left: 0%; 
    top: 33%; 
    width: 33%; 
    height: 33%;
}
.navCompassRight
{
    left: 66%; 
    top: 33%; 
    width: 33%; 
    height: 33%;
}
.navCompassUp
{
    left: 33%; 
    top: 0%; 
    width: 33%; 
    height: 33%;
}
.navCompassDown
{
    left: 33%; 
    top: 66%; 
    width: 33%; 
    height: 33%;
}