html,
	body {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #EFEFEF;
  -webkit-tap-highlight-color:rgba(255,0,0,0);
}

body {
  color: #fff;
  padding: 0px;
  font: 13px "Arial", sans-serif;
  margin: 0px;
}

#loader {
  position: absolute;
  left: 0px;
  top: 0px;
  text-align: left;
  padding: 0px 0px;
  margin: 0px;
  display: none;
}

#scenediv {
  position: absolute;
  text-align: left;
  padding: 0px 0px;
  margin: 0;
  width: 900px;
  height: 506px;
  visibility: hidden;
}

#zoomSliderContainer {
  position: absolute;
  left: 834px;
  top: 240px;
}

.ui-slider {
  border: 0;
  background: transparent;
}

.ui-slider .ui-widget-header {
  background: #0083CA;
}

.ui-corner-all {
  visibility: hidden;
}

.ui-slider .ui-slider-handle {
  width: 41px;
  height: 16px;
  background-image: url(../images_gl/zoom_handle_up.png);
  background-repeat: no-repeat;
  overflow: hidden;
  position: absolute;
  left: -2px;
  border-style: none;
  outline: none;
  background-color: transparent;
}

.ui-slider-handle-hover {
  background-color: transparent;
  width:41px;
  height:16px;
  background-image:url("../images_gl/zoom_handle_down.png");
  background-repeat: no-repeat;
  overflow: hidden;
}

.zoom {
  position: absolute;
  left: -2px;
  top: -2px;
  cursor: pointer;
  width: 44px;
  height: 44px;
}

#zoomInBtn {
  background-image: url("../images_gl/plus_up.png");
  background-repeat: no-repeat;
  overflow: hidden;
  background-size: 44px 44px;
}

#zoomInBtnActive {
  background-image: url("../images_gl/plus_down.png");
  background-repeat: no-repeat;
  overflow: hidden;
  background-size: 44px 44px;
  visibility: hidden;
}

#zoomOut {
  left: -2px;
  top: 161px;
}

#zoomOutBtn {
  background-image: url("../images_gl/minus_up.png");
  background-repeat: no-repeat;
  overflow: hidden;
  background-size: 44px 44px;
}
#zoomOutBtnActive {
  background-image: url("../images_gl/minus_down.png");
  background-repeat: no-repeat;
  overflow: hidden;
  background-size: 44px 44px;
  visibility: hidden;
}

.btn{
  position: absolute;
  width: 46px;
  height: 46px;
  cursor: pointer;
}

#mode1 {
  left: 830px;
  top: 15px;
}
#mode1Btn {
  background-image: url("../images_gl/projector_up.png");
  background-repeat: no-repeat;
  overflow: hidden;
  background-size: 46px 46px;
}
#mode1BtnActive {
  background-image: url("../images_gl/projector_down.png");
  background-repeat: no-repeat;
  overflow: hidden;
  background-size: 46px 46px;
  visibility: hidden;
}

#mode2 {
  left: 830px;
  top: 70px;
}
#mode2Btn {
  background-image: url("../images_gl/3d_module_up.png");
  background-repeat: no-repeat;
  overflow: hidden;
  background-size: 46px 46px;
}
#mode2BtnActive {
  background-image: url("../images_gl/3d_module_down.png");
  background-repeat: no-repeat;
  overflow: hidden;
  background-size: 46px 46px;
  visibility: hidden;
}

#mode3 {
  left: 830px;
  top: 125px;
}
#mode3Btn {
  background-image: url("../images_gl/productivity_up.png");
  background-repeat: no-repeat;
  overflow: hidden;
  background-size: 46px 46px;
}
#mode3BtnActive {
  background-image: url("../images_gl/productivity_down.png");
  background-repeat: no-repeat;
  overflow: hidden;
  background-size: 46px 46px;
  visibility: hidden;
}

#mode4 {
  left: 830px;
  top: 180px;
}
#mode4Btn {
  background-image: url("../images_gl/keyboard_up.png");
  background-repeat: no-repeat;
  overflow: hidden;
  background-size: 46px 46px;
}
#mode4BtnActive {
  background-image: url("../images_gl/keyboard_down.png");
  background-repeat: no-repeat;
  overflow: hidden;
  background-size: 46px 46px;
  visibility: hidden;
}

#reset {
  left: 830px;
  top: 455px;
}
#resetBtn {
  background-image: url("../images_gl/reset_up.png");
  background-repeat: no-repeat;
  overflow: hidden;
  background-size: 46px 46px;
}
#resetBtnActive {
  background-image: url("../images_gl/reset_down.png");
  background-repeat: no-repeat;
  overflow: hidden;
  background-size: 46px 46px;
}

#option1 {
  left: 395px;
  top: 450px;
}
#option1Btn {
  background-image: url("../images_gl/black_up.png");
  background-repeat: no-repeat;
  overflow: hidden;
  background-size: 46px 46px;
  visibility: hidden;
}
#option1BtnActive {
  background-image: url("../images_gl/black_down.png");
  background-repeat: no-repeat;
  overflow: hidden;
  background-size: 46px 46px;
}

#option2 {
  left: 465px;
  top: 450px;
}
#option2Btn {
  background-image: url("../images_gl/silver_up.png");
  background-repeat: no-repeat;
  overflow: hidden;
  background-size: 46px 46px;
}
#option2BtnActive {
  background-image: url("../images_gl/silver_down.png");
  background-repeat: no-repeat;
  overflow: hidden;
  background-size: 46px 46px;
  visibility: hidden;
}

#fakeRays{
  position:absolute;
  left: 335px;
  top: 143px;
  width:432px; 
  height:250px;
  display:none;
}

div.transbox {
  position: absolute;
  top: 420px;
  left: 120px;
  width: 495px;
  height: 82px;
  margin: 0px;
}

div.bar {
  position: absolute;
  top: -5px;
  left: 0px;
  background-color: #CCCCCC;
  width: 1px;
  height: 5px;
  overflow: hidden;
}

div.loadtext {
  position: absolute;
  top: 0px;
  left: 0px;
  color: #CCCCCC;
  font-family: Arial;
  font-size: 14px;
}

img.thumbnail {
  float: left;
  width: 130px;
  margin: 0px;
  padding: 0px;
  border: 1px solid #CCCCCC;
  padding: 8px 0px 0px 0px;
  display: inline;
  background-color: #F1F1F1;
}

div.thumbHolder {
  position: absolute;
  top: 420px;
  left: 120px;
  width: 660px;
  visibility: hidden;
  padding: 0px;
  margin: 0px;
  display: inline;
  line-height: 0;
}

.rotateLeft {
  position: absolute;
  top: 200px;
  left: 10px;
}

.rotateRight {
  position: absolute;
  top: 200px;
  left: 810px;
}

a {
  outline: none;
}

#sliderframe {
  position: absolute;
  left: 0px;
  top: 0px;
}

.shotSelector {
  background: #CCCCCC;
  position: absolute;
  width: 132px;
  overflow: hidden;
  height: 5px;
  top: -5px;
  left: 0px;
}

.clear {
  clear: both;
}
#enviromentChange1{
    left:318px;
    top:430px;
    width:128px;
    height:73px;
    position:absolute;
    cursor: pointer;
    }
    #enviromentChange2{
    left:448px;
    top:430px;
    width:128px;
    height:73px;
    position:absolute;
    cursor: pointer;
    }
    #enviroment2LoadingStatus { 
    left:487px;
    top:463px;
    width:0px;
    height:7px;
    font-weight:bold;
    background-image:url('../interface_images/preloaderBar.png');
    background-repeat:no-repeat;
    position:absolute;
    }

.noselect, img {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
  user-drag: none;
}