body {
	background-color: #ffffff;
	font-family: Helvetica, Arial, sans-serif;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

a {
	color:#000000;
	text-decoration:none;
}

h1 {
	font-size: 20px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

h2 {
	font-family: FrutigerLTW01-57Condens, Helvetica, Arial, sans-serif;
	font-size: 20px;
	font-weight: normal;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

p {
	font-family: FrutigerLTW01-57Condens, Helvetica, Arial, sans-serif;
	font-size:14px;
	font-weight:Regular;
	text-align:left;
	line-height:140%;
	//width:400px;
	color:#808080;
	margin:0 0 0 0;
	padding 0 0 0 0;
}

img {
	border: solid 0px #000000;
}

#wrapper {
	margin: 0 0 0 0;
	width: 900px;
	height: 600px;
	//background-color:#cccccc;
	
	position: relative;
	overflow: hidden;
	
	margin: 0 auto;
}

#title {
	font-family: FrutigerLTW01-77BlackCn, Helvetica, Arial, sans-serif;
	
	width: 200px;
	height: 200px;
	
	position: absolute;
	left: 10px;
	top: 10px;
	overflow: hidden;
	
	//background-color: #ff00ff;
}

#textTitle {
	position: absolute;
	left: 0px;
	top: 0px;
}

#textSpeedCity, #textSpeedHighway, #textRoadType {
	position: absolute;
	left: 0px;
	top: 0px;
}

#logo {
	width: 600px;
	height: 150px;

	position: absolute;
	left: 5px;
	top: 5px;
	overflow: hidden;
}

#selectSpeed {
	width: 200px;
	height: 200px;
	
	position: absolute;
	left: 10px;
	top: 10px;
	overflow: hidden;
	
	//background-color: #ffff00;
	
	z-index: 2001;
}

.btnNopeus, .btnRoad {
	position: absolute;
	left:0px;
	top:0px;
	
	cursor: hand;
	cursor: pointer;
	
	//opacity: 0.;
}

.hilitedRoad {
	position: absolute;
	left: 0px;
	top: 0px;
}

.btnRoad {
	border: 0px solid #000000;
}

.iconRoad {
	position: absolute;
	left:0px;
	top:0px;
}

#selectRoad {
	width: 200px;
	height: 200px;
	
	position: absolute;
	left: 220px;
	top: 10px;
	overflow: hidden;
	
	//background-color: #00ffff;
	
	z-index: 2002;
}

#animation {
	width: 200px;
	height: 200px;
	
	position: absolute;
	left: 10px;
	top: 10px;
	overflow: hidden;
	
	//background-color: #ffffff;
}

#animationMask {
	overflow: hidden;
	
	position: absolute;
	
	left: 0px;
	top: 0px;
	
	width: 200px;
	height: 200px;
	
	//background-color: #eeeeee;
}

#carBack, #carTire1, #carTire2, #carFront, #meterBg, #meterHand, #carSight {
	position: absolute;
	left: 0px;
	top: 0px;
}

#carTire1, #carTire2, #meterHand {
	transform:			rotate(0deg);
	-ms-transform:		rotate(0deg);
	-webkit-transform:	rotate(0deg);
}

#road {
	position: absolute;
	left: 0px;
	top: 100px;
}

#roadBg {
	background-color: #787878;
	width: 1000px;
	height: 100px;
	
	position:absolute;
	left: 0px;
	top: 0px;
}

#skidmark1, #skidmark2 {
	position:absolute;
	left: 0px;
	top: 0px;
	background-color: #000000;
}

#lanes, #distances, .lane, .distance {
	position:absolute;
	left: 0px;
	top: 0px;
}

.lane {
	background-color: #ffffff;
	width: 50px;
	height: 10px;
}

.distance {
	font-size: 10px;
	color: #999999;
}

#moreinfo {
	width: 200px;
	height: 200px;
	
	position: absolute;
	left: 0px;
	top: 0px;
	
	visibility: hidden;
	
	font-family: FrutigerLTW01-57Condens, Helvetica, Arial, sans-serif;	
}

#graph {
	width: 200px;
	height: 200px;
	
	position: absolute;
	left: 10px;
	top: 10px;
	overflow: hidden;
	
	visibility: hidden;
}

#graphRoad {
	width: 200px;
	height: 200px;
	overflow: hidden;
	
	position: absolute;
	left: 10px;
	top: 10px;
	background-color: #ffffff;
}

.graphLane {
	width: 200px;
	height: 200px;
	overflow: hidden;
	
	position: absolute;
	left: 10px;
	top: 10px;
	background-color: #ffffff;
}

#barReactionDistance, #barBrakingDistance, #barStoppingDistance {
	position: absolute;
	left: 10px;
	top: 10px;
	width: 20px;
	height: 20px;
}

#barReactionDistance {
	background-color: #009CC8; //#009cc8;
}

#barBrakingDistance {
	background-color: #0066AC;
}

#barStoppingDistance {
	background-color: #61a521;
	//background-color: #000000;
}

.graphText {
	font-family: FrutigerLTW01-57Condens, Helvetica, Arial, sans-serif;
	font-size: 20px;
	font-weight: normal;
}

#txtReactionDistance, #txtBrakingDistance, #txtStoppingDistance {
	position: absolute;
	left: 10px;
	top: 10px;
}

#info {
	width: 200px;
	height: 200px;
	
	position: absolute;
	left: 10px;
	top: 10px;
	overflow: hidden;
	
	//background-color: #eaeaea;
}

#infoText {
	font-family: FrutigerLTW01-57Condens, Helvetica, Arial, sans-serif;
	font-size: 20px;
	color: #000000;
	width: 800px;
	position:absolute;
	left: 10px;
	text-align: center;
}

#btnContinue, #btnMoreInfo {
	position: absolute;
	
	background-color: #61A521;
	//background-color: #444444;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#7EBD21), to(#61A521)); /* Chrome, Safari 4+ */
	background-image: -webkit-linear-gradient(top, #7EBD21, #61A521); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
	background-image: -moz-linear-gradient(top, #7EBD21, #61A521); /* Firefox 3.6-15 */
	background-image: -o-linear-gradient(top, #7EBD21, #61A521); /* Opera 11.10-12.00 */
	background-image: linear-gradient(to bottom, #7EBD21, #61A521); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */	
	
	
	width: 100px;
	height: 30px;
	top: 10px;
	
	-webkit-border-radius: 10px;
	border-radius: 10px;
	
	cursor: pointer;
	cursor: hand;
	
	z-index:1000;
}

#btnMoreInfo {
	visibility: hidden;
}

#txtContinue, #txtMoreInfo {
	font-family: FrutigerLTW01-77BlackCn, Helvetica, Arial, sans-serif;
	color: #ffffff;
	position: absolute;
	left: 0px;
	top: 0px;
	
	cursor: pointer;
	cursor: hand;
	text-align: center;
}

img {
  -webkit-user-select: none;  
  -moz-user-select: none;    
  -ms-user-select: none;      
  user-select: none;
}

#widthCheck {
	position:  fixed;
	top:  1px;
	left:  0px;
	z-index:  999;
	width:  100%;	
	height:  1px;
	background-color:  #000000;
	overflow: hidden;
	visibility: hidden;
}
#heightCheck {
	position:  fixed;
	top:  0px;
	left:  1px;
	z-index:  998;
	width:  1px;	
	height:  100%;
	background-color:  #000000;
	overflow: hidden;
	visibility: hidden;
}