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-left: 4px;
}

/*************** Navigation Display ***********/

.MainNavigation
{
	background-color: #c5c5c5;
	line-height: 24px;
}

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

.MainTitle
{
	background-color: #c5c5c5;
	padding: 5px;
	color: #000000;
	font-size: 11px;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
}

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

.Message
{
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #e6e6e8;
}
.MessageHighlight
{
	background-color:White;
}
.MessageHeader
{
	font-size: 0.75em;
	font-weight: bold;
	padding-top: 5px;
	padding-left: 5px;
}
.MessageText
{
	font-size: 0.75em;
	padding-bottom: 5px;
	padding-left: 5px;
}
.MessageDisplay
{
	height: 327px;
	overflow: auto;
}
.Icon
{
	width: 20px;
}
.MessageWidth
{
	width: 573px;
}

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

.MouseOverDiv
{
	background-position: center center;
	background-repeat: no-repeat;
}
.MouseOverDivHighlight
{
	background-image: url("../Images/back_circle.gif");
}
.MouseOverDivMouseOver
{
	cursor: pointer;
}
.TrafficMap
{
	padding: 0px;
	margin: 0px;
	position: relative;
	cursor: crosshair;
	left: 0px;
	top: 0px;
	background-color: #e6e6e8;
}
.MapContent
{
	background-color: #e6e6e8;
}
.MapMessageDetail
{
	position: absolute;
	padding: 3px;
	border: black 1px solid;
	background-color: #EEEEEE;
	text-align: left;
	vertical-align: top;
	display: none;
	z-index: 100;
}
.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.png" );
	background-repeat: no-repeat;
	margin-left: 4px;
	margin-top: 4px;
}
.ButtonUp
{
	background-image: url( "../Images/map_mo.png" );
	background-repeat: no-repeat;
	margin-top: 4px;
}
.ButtonRU
{
	background-image: url( "../Images/map_ro.png" );
	background-repeat: no-repeat;
	margin-top: 4px;
}
.ButtonLeft
{
	background-image: url( "../Images/map_ml.png" );
	background-repeat: no-repeat;
	margin-top: 4px;
}
.ButtonRight
{
	background-image: url( "../Images/map_mr.png" );
	background-repeat: no-repeat;
}
.ButtonLD
{
	background-image: url( "../Images/map_lu.png" );
	background-repeat: no-repeat;
	margin-top: 4px;
	margin-left: 4px;
}
.ButtonDown
{
	background-image: url( "../Images/map_mu.png" );
	background-repeat: no-repeat;
	height: 21px;
	margin-top: 4px;
}
.ButtonRD
{
	background-image: url( "../Images/map_ru.png" );
	background-repeat: no-repeat;
	height: 21px;
	margin-top: 4px;
}

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

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

.WebCamTable
{
	background-color: #e6e6e8;
}
.WebCamTitle
{
	background-color: #c5c5c5;
	padding: 5px;
	color: #000000;
	font-size: 11px;
	font-weight: bold;
}

/**************** Legend  ****************/
.Legend
{
	background-color: #e6e6e8;
	font-size: 0.75em;
}
.LegendDiv
{
	margin-top: 15px;
}

.LegendTable td
{
	padding-left: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
}


/* RadMenu SWISSTXT skin */

.RadMenu_SWISSTXT
{
	font-weight: normal;
	line-height: 24px;
}

.RadMenu_SWISSTXT .link
{
	color: #000000;
	text-decoration: none;
}

.RadMenu_SWISSTXT .link:hover, .RadMenu_SWISSTXT .focused, .RadMenu_SWISSTXT .expanded
{
	background: #666666;
	cursor: pointer;
	color: #FFFFFF;
	font-weight: normal;
}

.RadMenu_SWISSTXT .text
{
	font-size: 11px;
	padding: 0px 7px;
	font-family: Verdana, Arial, Sans-Serif;
}

.RadMenu_SWISSTXT .group
{
	background: white;
	border: solid 1px #dadada;
}

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

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

.RadMenu_SWISSTXT .group .link:hover, .RadMenu_SWISSTXT .group .focused, .RadMenu_SWISSTXT .group .expanded
{
	background: #666666;
	color: white;
}

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

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

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

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

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

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

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

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

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

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

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

/* right to left */

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

.RadMenu_SWISSTXT_rtl .rootGroup
{
	width: 100%;
}

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

.RadMenu_SWISSTXT_rtl .expandLeft, .RadMenu_SWISSTXT_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%;
}