body, html {
	height: 100%;
	overflow: hidden;
}

body {
	margin: 0px;
	padding: 0px;
	
	font-family: "Trebuchet MS", arial, sans-serif;
	font-size: 12px;
}

div#map {
	width: 100%;
	height: 100%;
	top: 70px;
	left: 0px;
	position: absolute;
}

img {
	border: 0px;
}

form {
	margin: 0px;
	padding: 0px;
}

div#google_ad2 {
	filter:alpha(opacity=80);
	-moz-opacity:.8;
	opacity:.8;	
	
	position: absolute;
	top: 215px;
	left: 10px;
	
	z-index: 2;
}

div#routeMarkersContentSearch,
div#routeMarkersContentMake {
	overflow: auto;
	height: 100%;
}

/* ******* IE6 / 5.5 PNG fix		******* */

img { 
	border: 0px;	
}

/* ******* CONTENT			******* */

div#content_sitemap {
	display: none;
}

div#content_description {
	display: none;
}

div#content_categories {
	display: none;
}

h1 {
	display: none;
}

/* ******* MAIN LAYOUT			******* */

.hiddenRoute {
	filter:alpha(opacity=0);
	-moz-opacity:.0;
	opacity:.0;
}

a {
	color: #3F6A91;
	text-decoration: underline;
}

div#top {
	width: 100%;
	height: 70px;
	background: url(../img/graphic/top.gif) repeat;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 11;	
}

.buttonHover {
	filter:alpha(opacity=70);
	-moz-opacity:.70;
	opacity:.70;
}

/* google ad */
div#google_ad {
	position: absolute;
	top: 5px;
	left: 200px;
	z-index: 1000;
}

/* logo */

div#logo {
	position: absolute;
	top: 30px;
	left: 15px;
	z-index: 999;
	width: 167px;
	height: 14px;
	background: url(../img/brand/logo.png);
	cursor: pointer;
}


	/* ie */
	* html div#logo {
		background: none;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../img/brand/logo.png");
	}

div#logo_websight {
	position: absolute;
	top: 24px;
	right: 10px;
	z-index: 999;
	width: 290px;
	height: 31px;
	color: #fff;
}

	div#logo_websight a {
		color: #fff;
	}

/* ******* LOADING			******* */

div#ajaxLoad {
	width: 100%;
	height: 100%;
	background-color: #FF4E00;
	color: #000;
	filter:alpha(opacity=85);
	-moz-opacity:.85;
	opacity:.85;
	z-index: 99999;
	left: 0px;
	top: 0px;
	position: absolute;
}

	div#ajaxLoad div#ajaxLoadBody {
		position: relative;
		width: 100%;
	}
	
		div#ajaxLoad div#ajaxLoadBody div#ajaxLoadMessage {
			width: 300px;
			height: 150px;
			margin: 100px auto 0px auto;
			padding: 10px;
			border: 1px solid #000;
			background: #fff;
		}

div#loading {
	width: 100%;
	height: 100%;
	background-color: #000;
	color: #fff;
	filter:alpha(opacity=90);
	-moz-opacity:.90;
	opacity:.90;
	display: none;
	z-index: 999;
	left: 0px;
	top: 0px;
	position: absolute;
}

/* ******* WINDOWS 			******* */

/* controls */
div#controls {
	width: 294px;
	height: 103px;
	position: absolute;
	left: 60px;
	bottom: 0px;
	overflow: hidden;
	z-index: 40;
}

	* html div#controls {
		bottom: -5px;
	}

	div#controlsEvent {
		width: 294px;
		height: 103px;
		position: absolute;
		z-index: 40;
	}
	
	div#controlsBackground {
		width: 294px;
		height: 103px;
		position: absolute;
		z-index: 41;
		background: url(../img/layers/layer.controls.png);
		left: 0px;
		top: 10px;
	}
	
		* html div#controlsBackground {
			background: url(../img/layers/layer.controls.gif);
			top: 7px;
		}
	
	#controlsButton {
		position: absolute;
		z-index: 51;
		top: 3px;
		left: 130px;
		cursor: pointer;
		width: 73px;
		height: 15px;
		background: url(../img/layers/button.maptype.png);
	}
	
		* html #controlsButton {
			background: url(../img/layers/button.maptype.gif) no-repeat;
			top: 0px;
		}	
	
	/* zoom */
	
		#controlsButtonZoomin {
			position: absolute;
			z-index: 52;
			/* behavior: url(style/iepngfix.htc); */
			top: 40px;
			left: 32px;
			cursor: pointer;
			height: 37px;
			width: 37px;
			background: url(../img/layers/button.controls.zoomin.png);
		}
		
		#controlsButtonZoomin.hover {
			background: url(../img/layers/button.controls.zoomin.hover.png);
		}
		
			* html #controlsButtonZoomin.hover {
				background: url(../img/layers/button.controls.zoomin.hover.gif);
			}		
		
			* html #controlsButtonZoomin {
				background: url(../img/layers/button.controls.zoomin.gif);
			}
			
		#controlsButtonZoomout {
			position: absolute;
			z-index: 53;
			/* behavior: url(style/iepngfix.htc); */
			top: 40px;
			left: 72px;
			cursor: pointer;
			height: 37px;
			width: 37px;	
			background: url(../img/layers/button.controls.zoomout.png);
		}
		
		#controlsButtonZoomout.hover {
			background: url(../img/layers/button.controls.zoomout.hover.png);
		}
		
			* html #controlsButtonZoomout.hover {
				background: url(../img/layers/button.controls.zoomout.hover.gif);
			}		
		
			* html #controlsButtonZoomout {
				background: url(../img/layers/button.controls.zoomout.gif);
			}		
		
	/* move */
	
		#controlsButtonMoveUp {
			position: absolute;
			z-index: 54;
			/* behavior: url(style/iepngfix.htc); */
			top: 25px;
			left: 191px;
			cursor: pointer;
			height: 37px;
			width: 37px;	
			background: url(../img/layers/button.controls.move.up.png);
		}
		
		#controlsButtonMoveUp.hover {
			background: url(../img/layers/button.controls.move.up.hover.png);
		}
		
			* html #controlsButtonMoveUp.hover {
				background: url(../img/layers/button.controls.move.up.hover.gif);
			}		
		
			* html #controlsButtonMoveUp {
				top: 23px;
				background: url(../img/layers/button.controls.move.up.gif);
			}		
		
		#controlsButtonMoveRight {
			position: absolute;
			z-index: 55;
			/* behavior: url(style/iepngfix.htc); */
			top: 40px;
			left: 219px;
			cursor: pointer;
			height: 37px;
			width: 37px;
			background: url(../img/layers/button.controls.move.right.png);
		}
		
		#controlsButtonMoveRight.hover {
			background: url(../img/layers/button.controls.move.right.hover.png);
		}
		
			* html #controlsButtonMoveRight.hover {
				background: url(../img/layers/button.controls.move.right.hover.gif);
			}		
		
			* html #controlsButtonMoveRight {
				left: 224px;
				top: 45px;
				background: url(../img/layers/button.controls.move.right.gif);
			}		

		#controlsButtonMoveDown {
			position: absolute;
			z-index: 56;
			/* behavior: url(style/iepngfix.htc); */
			top: 55px;
			left: 191px;
			cursor: pointer;
			height: 37px;
			width: 37px;	
			background: url(../img/layers/button.controls.move.down.png);
		}
		
		#controlsButtonMoveDown.hover {
			background: url(../img/layers/button.controls.move.down.hover.png);
		}
		
			* html #controlsButtonMoveDown.hover {
				background: url(../img/layers/button.controls.move.down.hover.gif);
			}		
		
			* html #controlsButtonMoveDown {
				top: 56px;
				background: url(../img/layers/button.controls.move.down.gif);
			}		

		#controlsButtonMoveLeft {
			position: absolute;
			z-index: 57;
			/* behavior: url(style/iepngfix.htc); */
			top: 40px;
			left: 161px;
			cursor: pointer;
			height: 37px;
			width: 37px;
			background: url(../img/layers/button.controls.move.left.png);
		}
		
		#controlsButtonMoveLeft.hover {
			background: url(../img/layers/button.controls.move.left.hover.png);
		}
		
			* html #controlsButtonMoveLeft.hover {
				background: url(../img/layers/button.controls.move.left.hover.gif);
			}		
		
			* html #controlsButtonMoveLeft {
				top: 45px;
				left: 156px;
				background: url(../img/layers/button.controls.move.left.gif);
			}		
		

/* maptype */
div#maptype {
	width: 235px;
	height: 100px;
	position: absolute;
	left: 348px;
	bottom: 0px;
	overflow: hidden;
}
		
		* html div#maptype {
			bottom: -1px;
		}

	div#maptypeEvent {
		width: 235px;
		height: 100%;
		position: absolute;
		z-index: 48;
	}
	
	div#maptypeBackground {
		width: 235px;
		height: 100%;
		position: absolute;
		z-index: 49;
		background: url(../img/layers/layer.maptype.png) repeat-y;
	}
			* html div#maptypeBackground {
				background: url(../img/layers/layer.maptype.gif) repeat-y;
			}
	
		div#maptypeControls {
			position: absolute;
			width: 235px;
			height: 100%;
			z-index: 54;
		}
		
		div#maptypeEvent p {
			margin: 25px 0px 0px 0px;
			padding: 0px 0px 0px 20px;
		}
		
		div#maptypeEvent ul {
			margin: 0px;
			padding: 20px 0px 0px 13px;
			list-style: none;
		}
		
		div#maptypeEvent ul li {
			margin: 0px;
			padding: 0px 0px 0px 0px;
			float: left;
		}
		
			div#maptypeEvent ul li.spacer {
				padding: 3px 10px 0px 10px;
			}
			
			div#maptypeEvent ul li a {
				color: #1E3C58;
				text-decoration: none;
				display: block;
				background-image: none;
				background-position: right;
				height: 25px;
				cursor: pointer;
			}
			
					* html div#maptypeEvent ul li a {
						width: 1px;
					}
			
				div#maptypeEvent ul li a.active,
				div#maptypeEvent ul li a:hover {
					background-image: url(../img/layers/item.hover.background.png);
					background-position: right;
				}
				
				div#maptypeEvent ul li a.active span,
				div#maptypeEvent ul li a:hover span {
					background: url(../img/layers/item.hover.left.png) no-repeat 0px 0px;
				}				
			
				div#maptypeEvent ul li a span {
					display: block;
					padding: 3px 7px 0px 7px;
					height: 25px;
					cursor: pointer;
					background: none;
					margin: 0px;
				}
				
					* html div#maptypeEvent ul li a span {
						height: 22px;
					}
	
	#maptypeButton {
		position: absolute;
		z-index: 55;
		top: 0;
		left: 82px;
		cursor: pointer;
		width: 73px;
		height: 15px;
		background: url(../img/layers/button.maptype.png);
	}
	
		* html #maptypeButton {
			background: url(../img/layers/button.maptype.gif) no-repeat;
		}

	
/* menu & tabs */
div#menu {
	width: 294px;
	height: 323px;
	position: absolute;
	right: 0px;
	top: 69px;
	overflow: hidden;
	z-index: 0;
}
	
	div#menu h1 {
		display: block;
	}

	div#menu div#tabs {
		width: 294px;
		height: 23px;
		position: absolute;
		top: 7px;
		left: 24px;
		z-index: 60;
	}
	
		div#menu div#tabs ul {
			margin: 0px;
			padding: 0px;
			list-style: none;
		}
		
		div#menu div#tabs ul li {
			margin: 0px 5px 0px 0px;
			padding: 0px;
			width: 83px;
			height: 23px;
			float: left;
			background: url(../img/layers/tab.off.png);
			text-align: center;
			cursor: pointer;
		}
		
				* html div#menu div#tabs ul li {
					background: #fff;
				}

			div#menu div#tabs ul li strong {
				color: #fff;
				font-weight: bold;
				padding: 3px 0px 0px 0px;
				display: block;
			}
		
		div#menu div#tabs ul li.active {
			background: url(../img/layers/tab.on.png);
		}
		
				* html div#menu div#tabs ul li.active {
					background: url(../img/layers/tab.on.png);
				}		
			
			div#menu div#tabs ul li.active strong {
				color: #000;
			}
			
	div#menuEvent {
		width: 294px;
		height: 100%;
		position: absolute;
	}
	
	div#menuBackground {
		width: 294px;
		height: 100%;
		position: absolute;
		z-index: 55;
		background: url(../img/layers/layer.menu.png) repeat-y;
		top: 38px;
	}
	
			* html div#menuBackground {
				background: url(../img/layers/layer.menu.gif) repeat-y;
			}
	
		div#menuBackgroundTop {
			width: 294px;
			height: 100%;
			position: absolute;
			right: 0px;
			top: 23px;
			z-index: 55;
			width: 285px;
			height: 15px;
			background: url(../img/layers/layer.menu.top.png);
		}
		
				* html div#menuBackgroundTop {
					background: none;
					filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../img/layers/layer.menu.top.png");
				}		
		
		div#menuBackgroundBottom {
			width: 294px;
			height: 100%;
			position: absolute;
			right: 0px;
			bottom: 0px;
			z-index: 55;
			height: 15px;
			width: 285px;
			background: url(../img/layers/layer.menu.bottom.png);
		}
		
				* html div#menuBackgroundBottom {
					background: none;
					filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../img/layers/layer.menu.bottom.png");
				}
		
			div#contentInfo {
				display: none;
				
				margin: 0px 5px 5px 16px;
				
				width: 276px;
				height: 100%;
				overflow: auto;
				
				color: #1E3C58;
				
				position: absolute;
				top: 37px;
				left: 0px;
				z-index: 120;				
			}
			
				div#contentInfo h1 {
					font-size: 11px;
					font-weight: bold;
					margin: 10px 0px 0px 0px;
					padding: 3px 0px 3px 42px;
					position: relative;
					background-color: #DADBDA;
					cursor: pointer;
				}
				
					* html div#contentInfo h1 {
						background-color: #E0E0E0;
					}
				
					div#contentInfo h1 img {
						position: absolute;
						top: 0px;
						left: 5px;
					}
					
						* html div#contentInfo h1 img {
							position: absolute;
							top: 0px;
							left: -40px;
						}					
				
				div#contentInfo p {
					margin: 0px;
					padding: 0px 0px 5px 42px;
					list-style: none;
				}
				
				div#contentInfo div#contentInfoLoading {
					margin: 5px;
					padding: 5px;
					background-color: #E4E4E4;
					border: 1px solid #B8B8B8;
					position: absolute;
					z-index: 121;
				}
			
			div#contentSearch {
				display: none;
			}
			
			div#contentCategory {
				margin: 0px 5px 5px 16px;
				
				width: 276px;
				height: 100%;
				overflow: auto;
				
				color: #1E3C58;
				
				position: absolute;
				top: 37px;
				left: 0px;
				z-index: 9999999999;
				
				display: block;
			}
			
				div#contentCategory h1 {
					background: url(../img/layers/layer.menu.h1.png) repeat-x;
					height: 32px;
					font-size: 11px;
					font-weight: bold;
					margin: 0px;
					padding: 0px;
					position: relative;
					width: 259px;
				}
				
					* html div#contentCategory h1 {
						background: #E4E4E4;
					}
				
					div#contentCategory h1 img {
						float: left;
						margin: 0px 0px 0px 4px;
					}
					
						* html div#contentCategory h1 img {
							
						}
				
				div#contentCategory h1 strong {
					display: block;
					font-weight: bold;
					padding: 8px 0px 0px 42px;
				}
				
				div#contentCategory ul {
					margin: 0px;
					padding: 0px 0px 10px 8px;
					list-style: none;
				}
				
				div#contentCategory ul li {
					margin: 0px;
					padding: 2px 0px 2px 0px;
					position: relative;
				}
				
				div#contentCategory ul li label {
					margin: 0px 0px 0px 5px;
					cursor: pointer;
				}
				
					div#contentCategory li span {
						padding-top: 4px;
					}
					
					div#contentCategory li img {
						cursor: pointer;
					}
					
					div#contentCategory li span h3 {
						margin: 0px;
						padding: 0px 0px 8px 35px;
						font-size: 12px;
						font-weight: normal;
						color: #5485B3;
					}
					
					div#contentCategory li span h3 a {
						color: #5485B3;
						text-decoration: underline;					
					}
					
					div#contentCategory li span h3 a:hover {
						color: #1E3C58;
						text-decoration: underline;					
					}					
				
			div#contentCategory p {
				margin: 0px;
				padding: 5px 0px 5px 10px;
			}
			
			div#contentCategory select {
				width: 245px;
				margin: 0px 0px 5px 10px;
			}
	
	#menuButton {
		position: absolute;
		z-index: 55;
		top: 25%;
		left: 1px;
		cursor: pointer;
		width: 15px;
		height: 103px;
		background: url(../img/layers/button.controls.png);
	}
	
		* html #menuButton {
			background: none;
			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../img/layers/button.controls.png");
		}
	
	
/* baloon popup */
	
div.baloon {
	width: 360px;
	height: 190px;
	overflow: auto;
}

div.baloonWidth {
	width: 360px;
	height: 190px;
}

div.baloon textarea {
	width: 90%;
	height: 50px;
}

div.baloon_video_loading {
	position: absolute;
	left: 30px;
	top: 30px;
	z-index: -1;
}

/* route markers */
div#route {
	
}

	#routeButton {
		position: absolute;
		z-index: 71;
		top: 2px;
		left: 262px;
		cursor: pointer;
		width: 15px;
		height: 103px;
		background: url(../img/layers/button.route.png);
	}
	
		* html #routeButton {
			background: none;
			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../img/layers/button.route.png");
		}

div#routeMarkers {
	position: absolute;
	width: 271px;
	left: 0px;
	top: 0px;
	z-index: 60;
	filter:alpha(opacity=0);
	-moz-opacity:.0;
	opacity:.0;	
	display: none;
}
	
	div#routeMarkersEvent {
		position: absolute;
		width: 271px;
		z-index: 60;	
		left: 0px;
	}
	
	div#routeMarkers a {
		color: #1E3C58;
	}

	div#routeMarkersBackground {
		width: 271px;
		background: url(../img/layers/layer.routebuttons.png) repeat-y;
	}
	
			* html div#routeMarkersBackground {
				background: url(../img/layers/layer.routebuttons.gif) repeat-y;
			}
	
		div#routeMarkersContent {
			height: 100%;
			overflow: auto;
			padding: 0px 7px 0px 7px;
			margin: 0px 15px 0px 0px;
		}
	
			div#routeMarkers h2 {
				padding: 0px 0px 5px 0px;
				margin: 0px;
				font-weight: bold;
				font-size: 12px;			
			}
			
			div#routeMarkers p {
				margin: 0px;
				padding: 0px;
			}
			
			span#routeMarkersList {
				display: block;
				height: 200px;
				overflow: auto;
			}
			
			div#routeMarkers div.marker {
				padding: 4px 0px 4px 20px;
				margin: 0px;
				border-top: 1px solid #DDE1E5;
				background-position: 2px 4px;
				background-repeat: no-repeat;
			}
			
				div#routeMarkers div.green {
					background-image: url(../img/icons/routeSmall/green.gif);
				}
				
				div#routeMarkers div.undo {
					background-image: url(../img/icons/routeSmall/undo.gif);
					font-size: 10px;
				}				

				div#routeMarkers div.red {
					background-image: url(../img/icons/routeSmall/red.gif);
				}

				div#routeMarkers div.yellow {
					background-image: url(../img/icons/routeSmall/yellow.gif);
					cursor: pointer;
				}

				div#routeMarkers div.grey {
					background-image: url(../img/icons/routeSmall/grey.gif);
				}
	
		div#routeMarkersBackgroundTop {
			width: 271px;
			height: 16px;
			background: url(../img/layers/layer.routebuttons.top.png) no-repeat;
		}
		
			* html div#routeMarkersBackgroundTop {
				background: url(../img/layers/layer.routebuttons.top.gif) no-repeat 0px 2px;
			}
		
		div#routeMarkersBackgroundBottom {
			width: 271px;
			height: 16px;
			background: url(../img/layers/layer.routebuttons.bottom.png) no-repeat;
		}
		
			* html div#routeMarkersBackgroundBottom {
				background: url(../img/layers/layer.routebuttons.bottom.gif) no-repeat;
			}
		
/* route manager */
div#route {
	position: absolute;
	width: 271px;
	left: 0px;
	top: 69px;
	z-index: 60;
}

	div#routeEvent {
		position: absolute;
		width: 271px;
		z-index: 60;	
		left: 0px;
	}

	div#routeBackground {
		width: 271px;
		background: url(../img/layers/layer.routebuttons.png) repeat-y;
	}
	
			* html div#routeBackground {
				background: url(../img/layers/layer.routebuttons.gif) repeat-y;
			}	
	
		div#routeBackgroundTop {
			width: 271px;
			height: 16px;
			background: url(../img/layers/layer.routebuttons.top.png) no-repeat;
		}
		
			* html div#routeBackgroundTop {
				background: url(../img/layers/layer.routebuttons.top.gif) no-repeat 0px 2px;
			}
		
		div#routeBackgroundBottom {
			width: 271px;
			height: 16px;
			background: url(../img/layers/layer.routebuttons.bottom.png) no-repeat;
		}	
		
			* html div#routeBackgroundBottom {
				background: url(../img/layers/layer.routebuttons.bottom.gif) no-repeat;
			}		
	
	div#routeContent {
		padding: 0px 15px 5px 7px;
	}
	
		div#routeWorkset {
			display: none;
			filter:alpha(opacity=0);
			-moz-opacity:.0;
			opacity:.0;			
		}
	
		div#routeContent h2 {
			padding: 0px 0px 5px 0px;
			margin: 0px;
			font-weight: bold;
			font-size: 12px;			
		}
		
			div#routeContent h2 span {
				color: #A20C2F;
				font-size: 9px;
				text-transform: uppercase;
				font-weight: normal;
			}
		
		div#routeContent div.spacer {
			height: 15px;
			border-bottom: 1px solid #DDE1E5;
			margin-bottom: 5px;
		}
		
		div#routeContent ul.buttons {
			margin: 0px;
			padding: 0px;
			list-style: none;
			width: 250px;
		}
		
			div#routeContent ul.buttons li {
				margin: 0px;
				padding: 0px;
				float: left;
				width: 50%;
			}
			
				div#routeContent ul.buttons li a {
					display: block;
					width: 116px; /* 124 */
					height: 19px; /* 20 */
					padding: 1px 0px 0px 8px;
					background: url(../img/layers/button.background.route.action.gif) no-repeat;
					margin: 0px 0px 1px 0px;
					color: #1E3C58;
					text-decoration: none;
				}
				
					div#routeContent ul.buttons li a.inactive {
						color: #C3CED8;
						cursor: default;
					}
					
						div#routeContent ul.buttons li a.inactive:hover {
							background: url(../img/layers/button.background.route.action.gif) no-repeat;
						}
				
				div#routeContent ul.buttons li a:hover {
					background: url(../img/layers/button.background.route.action.hover.gif) no-repeat;
				}
				
		div#routeContent ul.workset {
			margin: 0px;
			padding: 0px;
			list-style: none;
			width: 250px;
		}
		
			div#routeContent ul.workset li {
				margin: 0px;
				padding: 0px;
				float: left;
				width: 50%;
			}
			
				div#routeContent ul.workset li a {
					display: block;
					line-height: 12px;
					color: #1E3C58;
					margin: 0px 1px 5px 0px;
					padding: 9px 5px 5px 34px;
					text-decoration: none;
					border: 1px solid #fff;
					height: 28px; /* 42 */
				}
				
					div#routeContent ul.workset li a.inactive {
						cursor: default;
						filter:alpha(opacity=20);
						-moz-opacity:.20;
						opacity:.20;
					}
				
					div#routeContent ul.workset li a#green_RouteMarker {
						background: url(../img/icons/route/green.png) no-repeat 2px 2px;
					}
					
					div#routeContent ul.workset li a#red_RouteMarker {
						background: url(../img/icons/route/red.png) no-repeat 2px 2px;
					}
					
					div#routeContent ul.workset li a#yellow_RouteMarker {
						background: url(../img/icons/route/yellow.png) no-repeat 2px 2px;
					}
					
					div#routeContent ul.workset li a#grey_RouteMarker {
						background: url(../img/icons/route/grey.png) no-repeat 2px 2px;
					}
					
						* html div#routeContent ul.workset li a#green_RouteMarker {
							background: url(../img/icons/route/green.gif) no-repeat 2px 2px;
						}

						* html div#routeContent ul.workset li a#red_RouteMarker {
							background: url(../img/icons/route/red.gif) no-repeat 2px 2px;
						}

						* html div#routeContent ul.workset li a#yellow_RouteMarker {
							background: url(../img/icons/route/yellow.gif) no-repeat 2px 2px;
						}

						* html div#routeContent ul.workset li a#grey_RouteMarker {
							background: url(../img/icons/route/grey.gif) no-repeat 2px 2px;
						}					
				
				div#routeContent ul.workset li a.selected {
					border: 1px solid #1E3C58;
				}
				
					div#routeContent ul.workset li a.inactive:hover {
						border: 1px solid #fff;
					}
				
				div#routeContent ul.workset li a:hover {
					border: 1px solid #A3B0BA;
				}				

	div#route div#routeNavigation div.inactive {
		filter:alpha(opacity=20);
		-moz-opacity:.20;
		opacity:.20;
		cursor: default;
		font-weight: normal;
		width: 200px;
		height: 35px;
	}
	
	div#route div#routeNavigation div.active {
		filter:alpha(opacity=100);
		-moz-opacity:1.0;
		opacity:1.0;
		cursor: pointer;
		font-weight: normal;
	}
	
	div#route div#routeNavigation div.selected {
		font-weight: bold;
	}

/* visibility */
	
.hidden {
	display: none;
}

.show-inline {
	display: inline;
}

.show {
	display: block;
}

/* overlay */
div#overlay {
	display: none;
}
	
	div#overlay textarea {
		width: 75%;
		height: 110px;
	}

div#overlayBackground {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 70px;
	left: 0px;
	background-color: #1E3C58;
	z-index: 70;
	filter:alpha(opacity=0);
	-moz-opacity:.0;
	opacity:.0;	
}

	div#overlayContent {
		width: 569px;
		position: absolute;
		z-index: 71;
		top: 70px;
		left: 300px;
		filter:alpha(opacity=0);
		-moz-opacity:.0;
		opacity:.0;		
	}
	
	div#overlayContentTop {
		width: 569px;
		height: 16px;
		background: url(../img/layers/layer.overlay.top.png) no-repeat;
	}
	
		* html div#overlayContentTop {
			background: #fff;
		}
	
	div#overlayContentBottom {
		width: 569px;
		height: 16px;
		background: url(../img/layers/layer.overlay.bottom.png) no-repeat;
	}
	
		* html div#overlayContentBottom {
			background: #fff;
		}
	
	div#overlayContentBackground {
		width: 569px;
		background: url(../img/layers/layer.overlay.png) repeat-y;
		height: 350px;
	}
	
			* html div#overlayContentBackground {
				background: #fff;
			}
	
		div#overlayContentBackground div.space {
			padding: 0px 19px 0px 19px;
			margin: 0px 15px 0px 0px;
			height: 90%;
			overflow: auto;
		}
		
		div#overlayContentBackground h2 {
			margin: 0px;
			padding: 0px 0px 5px 0px;
			font-size: 15px;
			font-weight: bold;
			color: #1E3C58;
		}
		
		div#overlayContentBackground p {
			margin: 0px;
			padding: 0px 0px 15px 0px;
		}	
	
a.find {
	padding: 0px 0px 0px 22px;
	background: url(../img/graphic/find.gif) no-repeat 2px 2px;
	text-align: center;
}
	
/* polyline hack */
#showPolygon {
	display: none;
}

/* other */
#routeMarkersTotal {
	font-size: 10px;
}

table.directionsOverview {
	padding: 0px;
	width: 100%;
}

table.directionsOverview tr {
	
}

table.directionsOverview tr td {
	border-bottom: 1px solid #ddd;
	vertical-align: top;
	padding: 8px 12px 8px 0px;
}

	table.directionsOverview tr th {
		font-weight: bold;
		font-size: 11px;
		text-transform: uppercase;
		border-bottom: 1px solid #000;
	}
	
		table.directionsOverview tr th {
			text-align: left;
		}
		
		table.directionsOverview tr th.meters {
			width: 75px;
			text-align: right;
		}
		
		table.directionsOverview tr td.meters {

		}
		
		table.directionsOverview tr th.time {
			width: 130px;
		}
		
		table.directionsOverview tr.special td {
			background-color: #fff;
			font-size: 14px;
			border-bottom: 20px solid #fff;
		}
		
div#debug {
	position: absolute;
	top: 0px;
	right: 0px;
	background-color: #fff;
	width: 300px;
	height: 500px;
	overflow: auto;
	z-index: 999999999;
	padding: 5px;
}

div#contextmenu {
	position: absolute;
	top: 300px;
	left: 300px;
	background: #fff url(../img/graphic/contextmenu_bg.gif) repeat-y;
	width: 190px;
	z-index: 9999999999;
	border: 1px solid #868686;
	padding: 1px;
	display: none;
	
	line-height: 14px;
}

	div#contextmenu ul {
		list-style: none;
		margin: 0px;
		padding: 0px;
	}
	
	div#contextmenu ul li {
		margin: 0px;
		padding: 0px;
	}	
	
		div#contextmenu ul li a {
			display: block;
			font-family: Tahoma, arial, sans-serif;
			font-size: 12px;
			color: #000;
			text-decoration: none;
			
			border: 0px hidden #fff;
			
			margin: 0px;
		}
		
			div#contextmenu ul li a span {
				display: block;
				padding: 7px 5px 7px 33px;
				background: url(../img/graphic/contextmenu_arrow.gif) no-repeat 13px 10px;
			}
			
			div#contextmenu ul li a:hover span {
				display: block;
				padding: 6px 4px 6px 32px;
				background: url(../img/graphic/contextmenu_arrow.gif) no-repeat 12px 9px;
			}			
		
		diV#contextmenu ul li a:hover {
			border: 1px solid #98A3AC;
			background: #fff url(../img/graphic/contextmenu.gif) repeat-x 0px bottom;
		}
		
		div#contextmenu ul li.separator {
			background: url(../img/graphic/contextmenu_separator.gif) no-repeat;
			height: 14px;
		}
		
/* route inputs */
div#routeMarkers input {
	width: 90%;
	border: 1px solid #C0CAE8;
	padding: 3px;
	margin: 0px 0px 7px 0px;
}

	div#routeMarkers input.inputButton {
		width: 70%;
		padding: 3px;
		margin: 0px 0px 7px 0px;
		
		border: 1px solid #C0CAE8;
		background: #fff url(../img/graphic/button_bg.gif) repeat-x right bottom;
		
		color: #626C87;
		font-family: arial;
		font-size: 11px;
		
		cursor: pointer;
	}
	
		div#routeMarkers input.inputButton:hover {
			border: 1px solid #99A1BC; /* only cool browsers */
			background: #fff url(../img/graphic/button_bg_hover.gif) repeat-x right bottom;
		}
		
			div#routeMarkers input#dataInputSubmit {
				float: right;
				width: 45%;
			}

			div#routeMarkers input#dataInputCancel {
				float: left;
				width: 45%;
			}		

div#routeMarkers textarea {
	width: 90%;
	border: 1px solid #C0CAE8;
	padding: 3px;
	height: 130px;
	margin: 0px 0px 7px 0px;
}

	.textAreaElement {
		border: 1px solid #C0CAE8;
		padding: 3px;
	}

div#routeMarkersContent p.formInfo {
	color: #9A9CA2;
	font-style: italic;
	padding: 0px 0px 20px 0px;
}

a#routeOverviewTitleEdit {
	padding: 0px 0px 0px 20px;
	background: url(../img/graphic/icon_edit.gif) no-repeat;
}

a#routeOverviewDelete {
	padding: 0px 0px 0px 20px;
	background: url(../img/graphic/icon_delete.gif) no-repeat;
}

a#routeOverviewPrint {
	padding: 0px 0px 0px 20px;
	background: url(../img/graphic/icon_print.gif) no-repeat;
}

a.buttonPrint {
	padding: 0px 0px 0px 20px;
	background: url(../img/graphic/icon_print.gif) no-repeat;
}

a#routeOverviewViewroute {
	padding: 0px 0px 0px 20px;
	background: url(../img/graphic/icon_viewroute.gif) no-repeat;
}

a#routeOverviewBack {
	padding: 0px 0px 0px 20px;
	background: url(../img/graphic/icon_back.gif) no-repeat;
}

a#routeOverviewUserEdit {
	padding: 0px 0px 0px 20px;
	background: url(../img/graphic/icon_edit_personal.gif) no-repeat;
}

/* tools */

div#tools {
	position: absolute;
	left: 292px;
	top: 77px;
	z-index: 120;
	display: none;
}

	div#tools div#toolsButtons {
		background: #fff;
		padding: 1px 0px 1px 1px;
		margin: 0px;
		border: 1px solid #C0CAE8;
		float: left;
	}
	
	div#tools div#toolsButtons img {
		margin: 0px 1px 0px 0px; 
		float: left;
		cursor: pointer;
	}
	
	div#tools img#toolsDrag {
		float: left;
		cursor: move;
	}
	
/* list */
div#routeMarkersContent a.list_marker {
	padding: 3px 5px 3px 22px;
	background: url(../img/graphic/list/marker.gif) no-repeat 2px 4px;
	display: block;
	border: 1px solid #fff;
}

	div#routeMarkersContent a.list_marker:hover {
		background: #D6DCEF url(../img/graphic/list/marker.gif) no-repeat 2px 4px;
		border: 1px solid #C0CAE8;
	}
	
div#routeMarkersContent a.list_line {
	padding: 3px 5px 3px 22px;
	background: url(../img/graphic/list/marker.gif) no-repeat 2px 4px;
	display: block;
	border: 1px solid #fff;
}

	div#routeMarkersContent a.list_line:hover {
		background: #D6DCEF url(../img/graphic/list/marker.gif) no-repeat 2px 4px;
		border: 1px solid #C0CAE8;
	}
	
div#routeMarkersContent a.list_autoline {
	padding: 3px 5px 3px 22px;
	background: url(../img/graphic/list/marker.gif) no-repeat 2px 4px;
	display: block;
	border: 1px solid #fff;
}

	div#routeMarkersContent a.list_autoline:hover {
		background: #D6DCEF url(../img/graphic/list/marker.gif) no-repeat 2px 4px;
		border: 1px solid #C0CAE8;
	}	
	
		div#routeMarkersContent a.list_autoline em {
			font-style: normal;
			font-weight: bold;
		}
	
div#routeMarkersContent a.list_point {
	padding: 3px 5px 3px 22px;
	background: url(../img/graphic/linemarker.png) no-repeat 5px 7px;
	display: block;
	border: 1px solid #fff;
}

	div#routeMarkersContent a.list_point:hover {
		background: #D6DCEF url(../img/graphic/linemarker.png) no-repeat 5px 7px;
		border: 1px solid #C0CAE8;
	}	
	
/* cursor */
img#cursorFollow {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 120;
}

/* route marker popup edit */
a#routeMarkerEdit {
	background: url(../img/graphic/icon_edit.gif) no-repeat;
	padding: 0px 0px 0px 20px;
}

a#routeMarkerDelete {
	background: url(../img/graphic/icon_delete.gif) no-repeat;
	padding: 0px 0px 0px 20px;
}

a#routeMarkerIcon {
	background: url(../img/graphic/list/marker.gif) no-repeat 2px 1px;
	padding: 0px 0px 0px 20px;
}

/* route marker edit */
div#routeEditMarker {
	width: 350px;
	height: 150px;
	overflow: auto;
}
div#routeEditMarkerPic {
	width: 350px;
	height: 150px;
	overflow: auto;
}

div#routeEditMarkerPic input,
div#routeEditMarker input {
	width: 90%;
	border: 1px solid #C0CAE8;
	padding: 3px;
	margin: 0px 0px 7px 0px;
}

	input.inputButton {
		width: 100px;
		padding: 3px;
		margin: 0px 0px 7px 0px;
		
		border: 1px solid #C0CAE8;
		background: #fff url(../img/graphic/button_bg.gif) repeat-x right bottom;
		
		color: #626C87;
		font-family: arial;
		font-size: 11px;
		
		cursor: pointer;
	}
	
		input.inputButton:hover {
			border: 1px solid #99A1BC; /* only cool browsers */
			background: #fff url(../img/graphic/button_bg_hover.gif) repeat-x right bottom;
		}
		
			input#routeInputSubmit {
				width: 45%;
			}	
	
	div#routeEditMarker input.inputButton {
		width: 70%;
		padding: 3px;
		margin: 0px 0px 7px 0px;
		
		border: 1px solid #C0CAE8;
		background: #fff url(../img/graphic/button_bg.gif) repeat-x right bottom;
		
		color: #626C87;
		font-family: arial;
		font-size: 11px;
		
		cursor: pointer;
	}
	
		div#routeEditMarker input.inputButton:hover {
			border: 1px solid #99A1BC; /* only cool browsers */
			background: #fff url(../img/graphic/button_bg_hover.gif) repeat-x right bottom;
		}
		
			div#routeEditMarker input#routeInputSubmit {
				width: 45%;
			}

div#routeEditMarker textarea {
	width: 90%;
	height: 50px;
	border: 1px solid #C0CAE8;
	padding: 3px;
	margin: 0px 0px 7px 0px;
}

div#markerIcons {
	position: absolute;
	z-index: -1;
	left: 0px;
	top: 0px;
}

div#markerIcons img {

}

img.routeChangeIcon {
	cursor: pointer;
}

a.routeChangeIcon img {
	border: 1px solid #fff;
}

a.routeChangeIcon.active img,
a.routeChangeIcon:hover img {
	border: 1px solid #6a6a6a;
}

div#routeMarkers input.error {
	border: 1px solid #b80600;
	background-color: #ff9390;
}

div#routeMarkers textarea.error {
	border: 1px solid #b80600;
	background-color: #ff9390;
}


div#routeMarkers input.good {
	border: 1px solid #1c8600;
	background-color: #a8ff90;
}

div#routeOverviewLineautoError {
	color: #b80600;
}

div#routeOverviewUserError {
	color: #b80600;
}

/* route view table */
table.routeviewTable {

}

table.routeviewTable tr td {
	border-bottom: 1px solid #ddd;
	padding: 3px;
}

table.routeviewTable tr td.distance {
	width: 70px;
}

table.routeviewTable tr td.duration {
	width: 50px;
}

/* route tabs */
	div#routeMarkers div#routetabs {
		width: 264px;
		height: 23px;
		position: absolute;
		top: -15px;
		left: 5px;
		z-index: 90;
	}
	
		div#routeMarkers div#routetabs ul {
			margin: 0px;
			padding: 0px;
			list-style: none;
		}
		
		div#routeMarkers div#routetabs ul li {
			margin: 0px 5px 0px 0px;
			padding: 0px;
			width: 80px;
			height: 23px;
			float: left;
			background: url(../img/layers/routetab.off.png);
			text-align: center;
			cursor: pointer;
		}
		
				* html div#routeMarkers div#routetabs ul li {
					background: #fff;
				}

			div#routeMarkers div#routetabs ul li strong {
				color: #fff;
				font-weight: bold;
				padding: 3px 0px 0px 0px;
				display: block;
			}
		
		div#routeMarkers div#routetabs ul li.active {
			background: url(../img/layers/routetab.on.png);
		}
		
				* html div#routeMarkers div#routetabs ul li.active {
					background: url(../img/layers/routetab.on.png);
				}		
			
			div#routeMarkers div#routetabs ul li.active strong {
				color: #000;
			}
			
/* hide route tabs content */
div#routeMarkers div#routeTabSearchContent {
	display: none;
	height: 100%;
	padding: 0px 7px 0px 7px;
	margin: 0px 15px 0px 0px;	
}

div#routeMarkers div#routeTabRouteContent {
	display: none;
	height: 100%;
	padding: 0px 7px 0px 7px;
	margin: 0px 15px 0px 0px;		
}

div#routeMarkers div#routeTabOverviewContent {
	display: none;
	height: 100%;
	padding: 0px;
	margin: 0px;		
}

.routeCategory {
	text-decoration: underline;
}

div.downloadRoute {
	padding: 0px 0px 0px 36px;
	font-size: 10px;
}