/*#mainWrapper {

	width: 850px !important;
	height: 638px !important;
    position: relative;
    margin: 0 auto;
    top: 50%;
    left: 50%;
    margin-top: -397px;
    margin-left: -425px;
    overflow: hidden;
}*/
#canvasGridHolder{
	position:absolute;
	left:0px;
	top:0px;
	z-index:20;
}
#gridShowHideButton{
	position:absolute;
	left:880px;
	top:3px;
	font-family:Arial;
	font-size:12px;
	z-index:41;
}

#dotCanvas1{
	position:absolute;
	z-index:21;
	width:40px;
	height:40px;
}

#dotCanvas2{
	position:absolute;
	z-index:22;
	width:40px;
	height:40px;
}

#dotCanvas3{
	position:absolute;
	z-index:23;
	width:40px;
	height:40px;
}

#dotCanvas4{
	position:absolute;
	z-index:24;
	width:40px;
	height:40px;
}

#dotCanvas5{
	position:absolute;
	z-index:25;
	width:40px;
	height:40px;
}


#mainbg{
	position:absolute;
	left:0px;
	top:0px;
	width:1024px;
	height:600px;
	z-index:1;
	background-image:url('../images/bgjpg.jpg');
	border:1px solid #000;
}

#inputPanel{
	position:absolute;
	top:30px;
	left:810px;
	width:204px;
	height:560px;
	background-color:#444;
	z-index:41;
	border-radius:5px;
	border:2px solid #FFF;
	text-align:center;
}
.t1{
	font-family:Arial;
	font-size:20px;
	color:#fff;
}
.tstart{
	font-family:Arial;
	font-size:16px;
	font-weight:bold;
	color:rgba(107,155,56,1);
}
.tmid{
	font-family:Arial;
	font-size:16px;
	font-weight:bold;
	color:rgba(180,180,180,1);
}
.tfinish{
	font-family:Arial;
	font-size:16px;
	font-weight:bold;
	color:rgba(255,210,32,1);
}
.inp{
	width:50px;
	font-family:Arial;
	font-size:12px;
}
.inpb{
	width:40px;
	font-size:10px;
}
#blocker{
	position:absolute;
	left:0px;
	top:0px;
	width:1024px;
	height:600px;
	z-index:50;
	background-color:#FFF;
	opacity:0.8
}
#transparentblocker{
	position:absolute;
	left:0px;
	top:0px;
	width:1024px;
	height:600px;
	z-index:50;
	background-color:#000;
	opacity:0.3;
	display:none;
}
#err1{
	position:absolute;
	width:324px;
	left:250px;
	background-color:#000000;
	top:260px;
	height:80px;
	font-family:Arial;
	font-size:14px;
	color:#FFF;
	z-index:51;
	border-radius:10px;
	display:none;
}
#transparentblockercrash{
	position:absolute;
	left:0px;
	top:0px;
	width:1024px;
	height:600px;
	z-index:50;
	background-color:#000;
	opacity:0.3;
	display:none;
}
#err2{
	position:absolute;
	width:334px;
	left:230px;
	background-color:#000000;
	top:260px;
	height:90px;
	font-family:Arial;
	font-size:14px;
	color:#FFF;
	z-index:51;
	border-radius:10px;
	display:none;
}
#win{
	position:absolute;
	width:434px;
	left:180px;
	background-color:#8888FF;
	top:260px;
	height:90px;
	font-family:Arial;
	font-size:14px;
	color:#FFF;
	z-index:51;
	border-radius:10px;
	display:none;
}
#winblocker{
	position:absolute;
	left:0px;
	top:0px;
	width:1024px;
	height:600px;
	z-index:50;
	background-color:#000;
	opacity:0.3;
	display:none;
}
#msgSource{
	position:absolute;
	top:550px;
	left:870px;
	font-family:Arial;
	font-size:16px;
	color:#FFFF00;
	z-index:45;
}
#msgDestination{
	position:absolute;
	top:550px;
	left:870px;
	font-family:Arial;
	font-size:16px;
	color:#FFFF00;
	z-index:45;
}
#intro{
	position:absolute;
	width:524px;
	left:250px;
	top:150px;
	height:300px;
	z-index: 51;
	background-color:#000;
	border-radius:10px;
	color:#FFFFFF;
	font-family:Arial;
	font-size:15px;
}
.intro_title{

	color:#00FF00;
	font-size:20px;
}
td{
	font-family:Arial;
	font-size:14px;
	color:#FFF;
	font-weight:bold;
}
#rover {
	position:absolute;
	z-index:40;
    left:100px;
    top:100px;

}
#roverZone{
	position:absolute;
	top:0px;
	left:0px;
	width:800px;
	height:600px;
	overflow:hidden;
}
.rocks{
	position:absolute;
	border:2px solid #0000FF;
	z-index:6;
	opacity:0;
}
#rock1{
	left:0px;
	top:160px;
	width:60px;
	height:440px;
}
#rock2{
	left:60px;
	top:220px;
	width:200px;
	height:180px;
}
#rock3{
	left:260px;
	top:200px;
	width:100px;
	height:60px;
}
#rock4{
	left:260px;
	top:320px;
	width:60px;
	height:80px;
}
#rock5{
	left:320px;
	top:340px;
	width:60px;
	height:60px;
}
#rock6{
	left:380px;
	top:380px;
	width:80px;
	height:40px;
}
#rock7{
	left:280px;
	top:560px;
	width:200px;
	height:40px;
}
#rock8{
	left:480px;
	top:580px;
	width:300px;
	height:20px;
}
#rock9{
	left:780px;
	top:0px;
	width:20px;
	height:600px;
}
#rock10{
	left:580px;
	top:280px;
	width:60px;
	height:40px;
}
#rock11{
	left:640px;
	top:260px;
	width:140px;
	height:120px;
}
#rock12{
	left:740px;
	top:400px;
	width:40px;
	height:60px;
}
#rock13{
	left:700px;
	top:220px;
	width:80px;
	height:40px;
}
#rock14{
	left:300px;
	top:0px;
	width:480px;
	height:40px;
}
#rock15{
	left:0px;
	top:0px;
	width:300px;
	height:20px;
}
#rock16{
	left:0px;
	top:20px;
	width:20px;
	height:60px;
}
/*
.anim{
	-webkit-animation: play .8s steps(7) infinite;
	-moz-animation: play .8s steps(7) infinite;
	-ms-animation: play .8s steps(7) infinite;
	-o-animation: play .8s steps(7) infinite;
	animation: play .8s steps(7) infinite;
}
@-webkit-keyframes play {
   from { background-position:    -77px; }
     to { background-position: -616px; }
}

@-moz-keyframes play {
   from { background-position:    -77px; }
     to { background-position: -616px; }
}

@-ms-keyframes play {
   from { background-position:    -77px; }
     to { background-position: -616px; }
}

@-o-keyframes play {
   from { background-position:    -77px; }
     to { background-position: -616px; }
}

@keyframes play {
   from { background-position:    -77px; }
     to { background-position: -616px; }
}
*/