@charset "utf-8";
#zeiss_tutorial {
    font-family:Arial, sans-serif;
    font-weight:bolder;
    color:white;
    width:600px;
    height:650px;
    margin:10px auto;
    box-shadow:3px 3px 5px #999999;
}

#zeiss_mainscene 
{
    position: absolute;
    background-color:#f0f0f0;
    opacity: 0;
}

#objects {
    position:absolute;
    width:816px; height:870px;
    left:-98px; top:-94px;
    background:url(../assets/images/static/main-objects@1.5x.png);
    z-index: 2;
    transform: scale(0.677, 0.677);
    -webkit-transform: scale(0.677,0.677);
    -moz-transform: scale(0.677,0.677);
    -ms-transform: scale(0.677,0.677);
    -o-transform: scale(0.677,0.677);
}

#objects2 {
    position:absolute;
    width:816px; height:870px;
    left:-98px; top:-94px;
    background:url(../assets/images/static/mainObjMask@1.5x.png);
    z-index: 5;
    transform: scale(0.677, 0.677);
    -webkit-transform: scale(0.677,0.677);
    -moz-transform: scale(0.677,0.677);
    -ms-transform: scale(0.677,0.677);
    -o-transform: scale(0.677,0.677);
}

#titleLbl {
    position:absolute;
    width:100%; height:30px;
    top:15px;
    font-family: Arial, sans-serif;
    font-weight:bolder;
    text-shadow:3px 3px 3px rgba(0,0,0,.5);
    font-size:22px;
    text-align:center;
    color:#FFFFFF;
}

.myFont {
    font-family:Arial, sans-serif;
    font-weight:bolder;
    text-align:center;
    font-size:12px;
    color:#B4DAFE;
    text-shadow:1px 1px 3px rgba(0,0,0,.7);
}

.myFontWhite {
    font-family:Arial, sans-serif;
    font-weight:bolder;
    text-align:center;
    font-size:12px;
    color:#FFFFFF;
    text-shadow:1px 1px 3px rgba(0,0,0,.7);
}

.absolute{
    position: absolute;
}

.wOpac{
    opacity: 0.8;
}

.wOpac2{
    opacity: 0.5;
}

#imgBackground{
    position:absolute;    
    left: 21px; top: 51px;
    width:200px; height:153px;
    background-color: #000000;
    box-shadow: -1px 0 2px 2px rgba(51,153,255,0.2);
}

#leftImgMask{
    position:absolute;
    width:100px; height:153px;
    background-color: #000000;
    z-index:1; opacity:0;
}

#rightImgMask{
    position:absolute;    
    left: 100px;
    width:100px; height:153px;
    background-color: #000000;
    z-index:1; opacity:0;
}

#waveCanvasContainer{
    position: absolute;
    width:600px; height:650px;
    z-index: 1;
}

#blueCanvasContainer{
    position: absolute;
    width:600px; height:650px;
    z-index: 3;
}

#greenCanvasContainer{
    position: absolute;
    width:600px; height:650px;
    z-index: 3;
    opacity:0;
}

#redCanvasContainer{
    position: absolute;
    width:600px; height:650px;
    z-index: 3;
    opacity:0;
}


#waveCanvas1{
    position:absolute;
    left:438px; top:142px;
    background:url(../assets/images/sections/section1.png);
}

#waveCanvas2{
    position:absolute;
    left:420px; top:155px;
}

#waveCanvas3{
    position:absolute;
    left:415px; top:204px;
    background:url(../assets/images/sections/section3.png);
}

#waveCanvas4{
    position:absolute;
    left:398px; top:214px;
}

#waveCanvas5{
    position:absolute;
    left:122px; top:259px;
}

#waveCanvas6{
    position:absolute;
    left:93px; top:252px;
    background:url(../assets/images/sections/section6.png);
}

#waveCanvas7{
    position:absolute;
    left:93px; top:448px;    
    background:url(../assets/images/sections/section7.png);
}

#waveCanvas8{
    position:absolute;
    left:142px; top:480px;    
    background:url(../assets/images/sections/section8.png);
}




#waveCanvas9{
    position:absolute;
    left:150px; top:509px;
    background:url(../assets/images/sections/section9.png);
}

#waveCanvas10{
    position:absolute;
    left:119px; top:453px;    
    background:url(../assets/images/sections/section10.png);
}

#waveCanvas11{
    position:absolute;
    left:99px; top:276px;    
    background:url(../assets/images/sections/section11.png);
}

#waveCanvas12{
    position:absolute;
    left:106px; top:255px;
}


#waveCanvas13{
    position:absolute;
    left:378px; top:212px;
}

#waveCanvas14{
    position:absolute;
    left:422px; top:187px;    
    background:url(../assets/images/sections/section14.png);
}

#waveCanvas15{
    position:absolute;
    left:319px; top:328px;    
    background:url(../assets/images/sections/section15.png);
}

#waveCanvas16{
    position:absolute;
    left:285px; top:440px;    
    background:url(../assets/images/sections/section16.png);
}

#waveCanvas17{
    position:absolute;
    left:285px; top:198px;    
}

#waveCanvas18{
    position:absolute;
    left:303px; top:96px;    
    background:url(../assets/images/sections/section18.png);
}

#waveCanvas19{
    position:absolute;
    left:274px; top:211px;    
    background:url(../assets/images/sections/section19.png);
}

#waveCanvas20{
    position:absolute;
    left:86px; top:261px;    
    background:url(../assets/images/sections/section20.png);
}

#waveCanvas21{
    position:absolute;
    left:62px; top:321px;    
    background:url(../assets/images/sections/section21.png);
}

#waveCanvas22{
    position:absolute;
    left:212px; top:466px;    
    background:url(../assets/images/sections/section22.png);
}

#waveCanvas23{
    position:absolute;
    left:310px; top:440px;    
    background:url(../assets/images/sections/section23.png);
}

#waveCanvas24{
    position:absolute;
    left:293px; top:198px;    
}

#waveCanvas25{
    position:absolute;
    left:291px; top:96px;    
    background:url(../assets/images/sections/section25.png);
}

#imgContainer{
    position:relative;    
    top: 1.5px;
    width:200px; height:150px;
}

#disk{
    position:absolute;    
    left: 309px; top: 137px;
    width:93px; height:156px;
}

#diskHQ{
    position:absolute;    
    left: 284px; top: 99px;
    width:143px; height:235px;
    transform: scale(0.677, 0.677);
    -webkit-transform: scale(0.677,0.677);
    -moz-transform: scale(0.677,0.677);
    -ms-transform: scale(0.677,0.677);
    -o-transform: scale(0.677,0.677);
}

#color{
    position:absolute;    
    left: 268px; top: 297px;
    width:182px; height:38px;
}

#colorContainer{
    position:absolute;    
    left: 390px; top: 477px;
    width:186px; height:56px;
    background-color: #003355;
    border-radius:8px;
    z-index:10;
}

#changeColor{
    position:relative;
    top:5px;
}

#colorSeg {
    position: absolute;
    left:10px; top:20px;
    width:50px;
    height:32px;
}

#pathContainer{
    position:absolute;    
    left: 390px; top: 538px;
    width:186px; height:100px;
    background-color: #003355;
    border-radius:8px;
    z-index: 10;
}

#elpButton {
    position:absolute;
    left:5px; top:5px;
    width: 176px; height:30px;
    z-index: 10;
}

#etButton {
    position:absolute;
    left:5px; top:36px;
    width: 176px; height:30px;
    z-index: 10;
}

#erButton {
    position:absolute;
    left:5px; top:67px;
    width: 176px; height:30px;
    z-index: 10;
}

#CCDcamera{
    position:absolute;
    left:357px;top:65px;
}

#spinningDisk{
    position:absolute;
    left:343px;top:119px;
}

#lightSource{
    position:absolute;
    left:496px;top:131px;
}

#rawDataImage{
    position:absolute;
    left:21px;top:209px;
    width:200px;
}

#mirrors{
    position:absolute;
    left:22px;top:275px;
}

#filterWheels{
    position:absolute;
    left:191px;top:319px;
}

#mirror1{
    position:absolute;
    left:531px;top:259px;
}

#lenses{
    position:absolute;
    left:225px;top:432px;
}

#dichromaticMirror{
    position:absolute;
    left:453px;top:385px;
}

#mirror2{
    position:absolute;
    left:52px;top:505px;
}

#objective{
    position:absolute;
    left:62px;top:562px;
}

#prism{
    position:absolute;
    left:285px;top:588px;
}
.zeiss_togglelabel_13pt{
    position: absolute;
    margin-top: -8px;
    text-align: left;
    left:25px; top:50%;
    color:#333333;
    font-size:13px;
    text-shadow:0 1px 0 #fff;
}