#commanbackground
{
    /* border: 1px solid rgba(0,0,0,0); */
    height: 684px;
    width: 700px;
background:url('../images/ground.png')no-repeat;
background-size:100% 100%;
}
#leftslider {
    border: 1px solid rgba(0,0,0,0);
    height: 507px;
    left: 32px;
    position: relative;
    top: 28px;
    width: 66px;
	float:left;
}
#rightcontainer {
    /* border: 1px solid rgba(0,0,0,0); */
    height: 508px;
    left: 105px;
    position: relative;
    top: 28px;
    width: 571px;
}
#animationarea {
    border: 1px solid rgba(0,0,0,0);
    height: 100%;
    left: 2px;
    position: absolute;
    top: 1px;
    width: 424px;
	overflow:hidden;
}
#layers
{
position:absolute;
right:2px;
top:0px;
/* border:1px solid rgba(0,0,0,0); */
width:143px;
height:100%;
}
.layername
{
color:block;
font:bold 15px Arial;
position:absolute;
text-align:center;
width:100%;

	text-shadow: 0px 1px 0px rgba(0, 0, 0, 1);
	
}
#lm1
{
bottom:5px;
color:#D8BF00;
}
#lm2
{
bottom:90px;
}
#lm3
{
bottom:195px;
}
#lm4
{
bottom:337px;
}
#lm5
{
bottom:461px;color:#fff;

}
#bottomcontain {
    border: 1px solid rgba(0,0,0,0);
    bottom: -44px;
    clear: both;
    height: 110px;
    position: relative;
    width: 100%;
}
#values {
    border: 1px solid rgba(0,0,0,0);
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 445px;
	font:bold 15px ProximaNovaSemibold;
}
#buttoncontain
{
position:absolute;
left:0px;
top:0px;
height:100%;
width:245px;
border:1px solid rgba(0,0,0,0);
}

#reset
{
position:absolute;
left:25px;
top:21px;
cursor:pointer;
}
#lanch {
    left: 137px;
    position: absolute;
    top: 21px;
	cursor:pointer;
}
#phen
{
position:absolute;
left:26px;
top:65px;
cursor:pointer;
}
#resetdis {
    border: 1px solid rgba(0,0,0,0);
    height: 44px;
    left: 22px;
    position: absolute;
    top: 19px;
    width: 107px;
    z-index: 100;
	display:none;
}
#lanchdis {
    border: 1px solid rgba(0,0,0,0);
    height: 44px;
    left: 133px;
    position: absolute;
    top: 19px;
    width: 107px;
}
#phendis
{
position:absolute;
left:26px;
top:65px;
    border: 1px solid rgba(0,0,0,0);
    height: 44px;
	width:212px;
}
#altitude {
    border: 1px solid rgba(0,0,0,0);
    height: 25px;
    left: 243px;
    position: absolute;
    top: 5px;
    width: 61px;
	text-align:center;
	padding-top:4px;
	color:#7F0000;
}
#density {
    border: 1px solid rgba(0,0,0,0);
    height: 25px;
    left: 23px;
    position: absolute;
    top: 55px;
    width: 128px;
	text-align:center;
	padding-top:2.5px;
}
#pressure
{
 border: 1px solid rgba(0,0,0,0);
    height: 25px;
    left: 161px;
    position: absolute;
    top: 55px;
    width: 128px;
	text-align:center;
	padding-top:2.5px;
	}
#temperature
{
 border: 1px solid rgba(0,0,0,0);
    height: 25px;
    left: 294px;
    position: absolute;
    top: 55px;
    width: 128px;
	text-align:center;
	padding-top:2.5px;
}
#light1
{
position:absolute;
left:143px;
top:8px;
border-radius:100%;
/* border:1px solid rgba(0,0,0,0); */
width:10px;
height:10px;
background:red;
}
#light2
{
position:absolute;
left:157px;
top:8px;
border-radius:100%;
/* border:1px solid rgba(0,0,0,0); */
width:10px;
height:10px;
background:red;
display:none;
}
#light3
{
position:absolute;
left:172px;
top:8px;
border-radius:100%;
/* border:1px solid rgba(0,0,0,0); */
width:10px;
height:10px;
background:red;
display:none;
}
#light4
{
position:absolute;
left:186px;
top:8px;
border-radius:100%;
/* border:1px solid rgba(0,0,0,0); */
width:10px;
height:10px;
background:red;
display:none;
}
#light5
{
position:absolute;
left:202px;
top:8px;
border-radius:100%;
/* border:1px solid rgba(0,0,0,0); */
width:10px;
height:10px;
background:red;
display:none;
}
#light6
{
position:absolute;
left:216px;
top:8px;
border-radius:100%;
border:1px solid #000; 
width:10px;
height:10px;
background:#00F204;
display:none;
}
#rock{
    bottom: 12px;
    left: 193px;
    position: absolute;
	z-index:150;
}

#rock_stand {
    bottom: 8px;
    left: 193px;
    position: absolute;
	display:none;
}
.bootani {
    bottom: -21px;
    left: 126px;
    position: absolute;
	opacity:0;
}
.balparani
{
position:absolute;
left:100px;
bottom:39px;
opacity:0;
z-index:150;
}
.rocparani
{
position:absolute;
left:105px;
bottom:39px;
opacity:0;
z-index:150;
}
#ranger {
    border: 0px solid rgba(0,0,0,0);
    height: 458px;
    left: 39px;
    position: absolute;
    top: 32px;
    width: 0;
	cursor:pointer;
}
#pos
{
position:absolute;
border:1px solid red;
width:100px;
bottom:50px;
z-index:50000000000000;
display:none;
}
/* Calulation part text */

#txt1{
	position:absolute;
	left:-255px;
	top:535px;
	text-align:left;
	font-size:16px;
	font-style:bold;
	color:#fff;
	
}
#txt2{
	position:absolute;
	left:35px;
	top:535px;
	text-align:left;
	font-size:16px;
	font-style:bold;
	color:#fff;
}
#txt3{
	position:absolute;
	left:-215px;
	top:560px;
	text-align:left;
	font-size:16px;
	font-style:bold;
	color:#fff;
}
#txt4{
	position:absolute;
	left:-75px;
	top:560px;
	text-align:left;
	font-size:16px;
	font-style:bold;
	color:#fff;
}
#txt5{
	position:absolute;
	left:30px;
	top:560px;
	text-align:left;
	font-size:16px;
	font-style:bold;
	color:#fff;
}
#txt6{
	position:absolute;
	left:-265px;
	top:610px;
	text-align:left;
	font-size:16px;
	font-style:bold;
	color:#fff;
}
#txt7{
	position:absolute;
	left:-65px;
	top:610px;
	text-align:left;
	font-size:16px;
	font-style:bold;
	color:#fff;
}
#txt8{
	position:absolute;
	left:70px;
	top:610px;
	text-align:left;
	font-size:16px;
	font-style:bold;
	color:#fff;
}
	
.gif1
{
position:absolute;
left:-3px;
top:37px;
opacity:0;
}	
.gif2
{
position:absolute;
left:221px;
top:-2px;
opacity:0;
}	
.gif3
{
position:absolute;
left:0px;
top:231px;
opacity:0;
}	
.gif4
{
position:absolute;
left:-2px;
top:366px;
opacity:0;
}	
.gif5
{
position:absolute;
left:-2px;
top:398px;
opacity:0;
}	
.gif6
{
position:absolute;
left:1px;
top:470px;
opacity:0;
}	
.gif7
{
position:absolute;
left:72px;
top:161px;
opacity:0;
}	
#resetactive {
position: absolute;
left: 56px;
top: 10px;
width: 40px;
height: 7px;
border-radius:5px;
background:#00F204;
display:none;
}