*{
    margin:0;
    padding:0;	
}

@font-face {
	font-family: 'digistrip';
	src: url('../fonts/digistrip.ttf');
	font-weight: normal;
	font-style: normal;
	font-stretch:expanded;
}


body{
	background-color:#333333;
	color:#333333;
	font-family:Arial, sans-serif;
	font-size:14px;
}

#wrapper {
    position: absolute;
    height: 668px;/* height: 768px;*/
    width: 1024px;
/*    margin: -384px 0 0 -512px;
    top: 50%;
    left: 50%;  */
	background-image:url(../images/SimDemo2010a.jpg);
	background-color:#fff;
	overflow:hidden;
}

#content {
    position: absolute;
    height: 668px;/* height: 768px;*/
    width: 1024px;   
    top: 0;
    left: 0;
	background-image:url(../images/SimDemo2010a.png);
	z-index:80;
	pointer-events:none;
}

#topnav{
	position: absolute;
	top:0;
	left:0;
	z-index:81;
}
#bottomnav{
	position: absolute;
	top:619px;
	left:0;
	z-index:81;
	opacity:0;
}
.tnavbtn{
	position: absolute;
	top:-11px;
	cursor:pointer;
}
.navbtn{
	position: absolute;
	top:13px;
	cursor:pointer;
}
.navbtn.off{
	opacity:.5;	
	cursor:default;
}
#concern_btn{	 
	 left:412px;
}
#help_btn{
	 left:890px;
}
#exit_btn{
	 left:954px;
}
#ro_btn{
	 left:39px;
}
#wb_btn{
	 left:187px;
}
#eb_btn{
	 left:332px;
}
#engine_off{
	 left:590px;
}
#engine_crank{
	 left:679px;
}
#engine_run{
	 left:763px;
}

#nameprompt{
	position: absolute;
	top:-200px;
	left:385px;
	width:254px;
	height:141px;
	background-image:url(../images/name_prompt.png);
	z-index:110;
}
#passwordprompt{
	position: absolute;
	top:-200px;
	left:386px;
	width:254px;
	height:141px;
	background-image:url(../images/pass_prompt.png);
	z-index:105;
}
#toolprompt{
	position: absolute;
	top:-300px;
	left:341px;
	width:350px;
	height:270px;
	background-image:url(../images/toolpop1.png);
	z-index:95;
}
#choosesim{
	position: absolute;
	top:-700px;
	left:339px;
	width:348px;
	height:665px;
	background-image:url(../images/choosesim.png);
	z-index:104;
}
#repairorder_start{
	position: absolute;
	top:-700px;
	left:304px;
	width:416px;
	height:603px;
	background-image:url(../images/RO_start.png);
	z-index:100;
}
#repairorder_start_text{
	position: absolute;
	font-family:"Lucida Sans Typewriter", Monaco, "Courier New", monospace;
	font-weight:bold;
	top:340px;
	left:20px;
	width:230px;
	text-align:left;
	color:#000099;
}
#repairorder_start_btn{
	position: absolute;
	top:465px;
	left:104px;
	width:75px;
	height:45px;
	background-color:rgba(255,0,4,0);
	cursor:pointer;
}

#repairorder_diagnose{
	position: absolute;
	top:52px;
	left:304px;
	width:416px;
	height:603px;
	background-image:url(../images/RO_diagnose.png);
	z-index:100;
	display:none;
}
#repairorder_diagnose_text{
	position: absolute;
	top:165px;
	left:20px;
	width:365px;
	overflow: hidden;
	z-index: 10;
	height:348px;
}
#repairorder_diagnose_btn{
	position: absolute;
	top:515px;
	left:160px;
	width:75px;
	height:45px;
	background-color:rgba(255,0,4,0);
	cursor:pointer;
}

#repairorder_results{
	position: absolute;
	top:-700px;
	left:304px;
	width:416px;
	height:603px;
	background-image:url(../images/RO_results.png);
	z-index:100;
}
#repairorder_results_text{
	position: absolute;
	top:165px;
	left:20px;
	width:365px;
	overflow: hidden;
	z-index: 10;
	height:348px;
}
#resultsf, #diagnosef{
	position:absolute;
	width:100%;
	height:348px;
	overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
	z-index: 10;
	font-family:"Courier New", monospace;
	font-size:12px;
}
#swrapper, #dwrapper {
	position: absolute;
	top:165px;
	left:20px;
	width:365px;
	height:348px;
	background: #fff;
	overflow: hidden;
	z-index: 20;
}


#scroller, #scrollerd{
	position: absolute;
	z-index: 20;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	width: 98%;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-o-text-size-adjust: none;
	text-size-adjust: none;
}


#repairorder_results_btn{
	position: absolute;
	top:515px;
	left:160px;
	width:75px;
	height:45px;
	background-color:rgba(255,0,4,0);
	cursor:pointer;
}
#repairorder_results_diagnose, #repairorder_diagnose_results{
	position: absolute;
	top:515px;
	left:25px;
	width:95px;
	height:25px;
	background-color:rgba(255,0,4,0);
	cursor:pointer;
}
.repairorder_results_print{
	position: absolute;
	top:515px;
	left:277px;
	width:95px;
	height:25px;
	background-color:rgba(255,0,4,0);
	cursor:pointer;
}

.diagnosediv{
	background-color:rgba(118,118,118,1.00);color:#fff;margin-left:20px;margin-bottom:8px;padding:5px;width:300px;font-weight:bold;cursor:pointer;
}
#concern_name{
	position:absolute;top:6px;left:194px;width:215px;font-weight:bold;font-size:12px;
}
#username{
	position:absolute;width:185px;height:24px;top:50px;left:30px;text-align:center;
}
#namesubmit{
	position:absolute;width:70px;height:22px;top:82px;left:90px;cursor:pointer;
}
#workbench{
	position:absolute;z-index:2;top:0;left:0;opacity:0; background-image:url(../images/workbench.jpg);width:1024px;height: 668px;/* height: 768px;*/
}
#enginebay{
	position:absolute;z-index:3;top:0;left:0;opacity:0; background-image:url(../images/eb1.jpg);width:1024px;height: 668px;/* height: 768px;*/display:none;
}
#contentframe{
	position:absolute;z-index:5;top:0;left:0;opacity:0;width:1024px;height: 668px;/* height: 768px;*/display:none;
}
#whiteoverlay{
	position:absolute;z-index:85;top:0;left:0;opacity:0; background-color:#fff;width:1024px;height: 668px;/* height: 768px;*/display:block;
}
#videoplayer{
	position:absolute;z-index:1;top:0;left:0;
}
#password{
	position:absolute;width:185px;height:24px;top:50px;left:30px;text-align:center;
}
#passwordsubmit{
	position:absolute;width:70px;height:22px;top:82px;left:45px;cursor:pointer;
}
#passwordcancel{
	position:absolute;width:70px;height:22px;top:82px;left:130px;cursor:pointer;
}
#toolsubmit{
	position:absolute;width:70px;height:25px;top:205px;left:95px;cursor:pointer;
}
#toolcancel{
	position:absolute;width:70px;height:25px;top:205px;left:180px;cursor:pointer;
}
#simcancel{
	position:absolute;width:30px;height:30px;top:0px;left:310px;cursor:pointer;
}
.simbtn{
	position:absolute;width:280px;height:25px;top:60px;left:25px;cursor:pointer;background-color:rgba(0,0,0,.5);
	font-weight:bold;font-size:14px;color:#fff;line-height:25px;padding-left:10px;cursor:pointer;
}
.simbtn.active{
	background-color:rgba(0,0,0,.1);
	color:#333 !important;
}

.workbtn{
	position: absolute;
	background-color:rgba(255,0,4,0);
	pointer-events:auto;
	cursor:pointer;
}

#rpm{
	position:absolute; color:#FFFF33; font-size:18px;left:512px;top:20px;width:76px;text-align:center;
}

.rot10{
	-ms-transform:rotate(-10deg);-webkit-transform:rotate(-10deg);transform:rotate(-10deg);
}
.rot15{
	-ms-transform:rotate(-15deg);-webkit-transform:rotate(-15deg);transform:rotate(-15deg);
}
.rot85{
	-ms-transform:rotate(85deg);-webkit-transform:rotate(85deg);transform:rotate(85deg);
}
.rot90{
	-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg);
}
.rot95{
	-ms-transform:rotate(95deg);-webkit-transform:rotate(95deg);transform:rotate(95deg);
}
.rot105{
	-ms-transform:rotate(105deg);-webkit-transform:rotate(105deg);transform:rotate(105deg);
}
.rot110{
	-ms-transform:rotate(110deg);-webkit-transform:rotate(110deg);transform:rotate(110deg);
}
.rot115{
	-ms-transform:rotate(115deg);-webkit-transform:rotate(115deg);transform:rotate(115deg);
}

.canscroll {
    /*overflow: auto;
    overflow-x: hidden;*/
	overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}
.canscroll * {
    -webkit-transform: translate3d(0,0,0);
}

thead { display: table-header-group; }
tfoot { display: table-footer-group; }
