@charset "utf-8";
/* CSS Document */

#controlView{
  border:0;
}

#sponsorView{
  border:0;
}

.mapImg{
	border-bottom-width:0;
}

.controlPanel{
	width:592px;
	height:18px;
	margin:-2px 0 0 0;
	background-color: #c2c6d6;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
	.controlPanel div{
		height:18px;
		float:left;
	}
	.controlPanel span{
	  display:block;
		float:left;
		margin-top:1px;
	}

	.slider{
		width:221px;
    	margin:0 14px 0 0;
		padding:2px 14px 0 10px;
		background-image:url(../images/IMap/Controls/divider.gif);
		background-position: right 2px;
		background-repeat:no-repeat;

	}
		.controlPanel div#slider-bg {
			width:115px;
			height:11px;
			float:left;
			position: relative;
			margin:2px 8px 0;
			background:url(../images/IMap/Controls/sliderbk.gif) 0 0 no-repeat;
		}
		.controlPanel div#slider-thumb {
		  height:15px;
			float:none;
			position: absolute;
			left: 5px;
			top: -2px;
		}

	.motioncontrols{
		width:180px;
		margin:0 14px 0 0;
		padding:2px 14px 0 0;
		background-image:url(../images/IMap/Controls/divider.gif);
		background-position: right 2px;
		background-repeat:no-repeat;
	}
		.motioncontrols ul{
			margin:0;
		}
		.motioncontrols li{
			width:14px;
			height:14px;
			float:right;
			list-style-type:none;
			margin:0 2px;
			padding:0;
		}
		.motioncontrols a{
			width:14px;
			height:14px;
			display: block;
			background-position: 0 0;
			background-repeat:no-repeat;
		}
		.motioncontrols a:hover{
			background-position: 0 -14px;
		}
		.motioncontrols a:active{
			background-position: 0 -28px;
		}

		#lastButton a{
			background-image:url(../images/IMap/Controls/last.gif);
		}
		#forwardButton a{
			background-image:url(../images/IMap/Controls/ffwd.gif);
		}
		#backwardButton a{
			background-image:url(../images/IMap/Controls/rewind.gif);
		}
		#firstButton a{
			background-image:url(../images/IMap/Controls/first.gif);
		}
		#stopButton a{
			background-image:url(../images/IMap/Controls/stop.gif);
		}
		#playButton a{
			background-image:url(../images/IMap/Controls/play.gif);
		}

	.options{
		width:125px;
		float:left;
		margin:0;
	}
		.options input, .options label{
			float:left;
			display:block;
		}
		.options label{
			padding: 3px 3px 0 3px;
		}

<!-- IE hacks -->
		.options input{
			| margin-top:-1px;
		}

	<!-- IE6 hacks -->
		.slider{
			_width:231px;
		}
			.motioncontrols{
			_width:200px;
		}
			.options{
			_width:85px;
		}