body {
	background-color: #e9e9e9;
	margin: 0 0px;
	font-family: Tahoma, sans-serif;
	font-size: 11px;
}

a, a:active, a:visited, a:link, a:hover {
	color: #03c;
}

#trafficTitle {
	position: absolute;
	left: 15px;
	color: #000000;
	font-family: Tahoma, sans-serif;
	font-size: 11px;
	font-weight: bold;
	z-index: 2;
}

#traffic {
	background-image: url('../../map/iconsFox/trafficBackground.jpg');
	position: relative;
	height: 680px;
	width: 509px;
	font-family: Tahoma, sans-serif;
	font-size: 11px;
	z-index: 1;
}

	#traffic a, #traffic a:active {
		color: #03c;
	}

	.mapArea {
		position:absolute;
		top: 27px;
		left: 27px;
		width:442px;
		height:300px;
	}

	#slider {
		position: absolute;
		top: 462px;
		left: 130px;
		width:78px;
		height:15px;
	}

		#slider img.zoomMarker {
			position: absolute;
			width: 7px;
			height: 15px;
			top: 0px;
			left: 0px;
		}

		#zoomIn {
			position:absolute;
			display:block;
			width: 15px;
			height: 13px;
			top: 462px;
			left: 211px;
			border: none;
		}

		#zoomOut {
			position:absolute;
			display:block;
			width: 15px;
			height: 13px;
			top: 462px;
			left: 115px;
			border: none;
		}
			#zoomIn img,
			#zoomOut img {
				width: 15px;
				height: 13px;
				border: none;
			}

	#compass {
		position:absolute;
		left:124px;
		top:335px;
		width:95px;
		height:95px;
		border: none;
	}

	#mapType {
		position:absolute;
		top: 357px;
		left: 28px;
		width:90px;
		height:80px;
	}

		#mapType a { color: #9cf; text-decoration: none; }
		#mapType a.selected { color: white; text-decoration: none; }

	#incidentList {
		position:absolute;
		top: 530px;
		left: 16px;
		width: 469px;
		height: 137px;
		overflow: auto;
	}
	
		.incident {
			display: block;
			margin: 0;
			padding: 7px;
			padding-bottom: 10px; /* to compensate for background image */
			background-image: url('../../map/iconsFox/incidentEdge.gif');
			background-repeat: repeat-x;
			background-position: bottom left;
		}

			.incidentIcon {
				float: left;
			}

			.incidentLink {
				width: 80px;
				float: right;
				margin-top: 5px;
			}

			.incident p {
				display: block;
				width: 285px;
				margin: 0 0 0 55px;
			}

			.incident p.long {
				display: block;
				width: 365px;
				margin: 0 0 0 55px;
			}

			.incident span.title {
				font-weight: bold;
				font-size: 12px;
			}

	.extreme		{ background-color: #FF6666; }
	.major			{ background-color: #FF9933; }
	.moderate		{ background-color: #FFFF66; }
	.minor			{ background-color: #99CC66; }
	.advisory		{ background-color: #6699CC; }
	.construction 	{ background-color: #FF6600; }
	.transit 	{ background-color: #66CCFF; }

	.route			 	{ background-color: #D1D1CE; }


		.incidentRoute {
			display: block;
			margin: 0;
			padding: 7px;
			padding-bottom: 10px; /* to compensate for background image */
			background-image: url('../../map/iconsFox/incidentEdge.gif');
			background-repeat: repeat-x;
			background-position: bottom left;
		}

			.incidentRoute p {
				display: block;
				margin: 0 0 0 5px;
			}

			.incidentRoute span.title {
				font-weight: bold;
				font-size: 12px;
			}