@charset "utf-8";

.mainscene{
    height: 681px; width: 470px;
}

.mainWindow{
    position: relative;
    display: inline-block;
    width: 400px; height: 440px;
    top: 75px;
    background: none;
    border: none;
}

.canWrap > canvas{
    position: absolute;
    top: 11px; left: 11px;
    width: 367px;
    height: 428px;
    background: white;
}

#topLabel > div{
    position: absolute;
}

/**/
#analyzer{
    left: 84px;
    top: 32px;
}

#wavefront{
    left: 135px;
    top: 17px;
}

#emerging{
    left: 98px;
    top: 70px;
}

#half{
    left: 84px;
    top: 160px;
}

#objPrism{
    left: 37px;
    top: 197px;
}

#objective{
    left: 74px;
    top: 253px;
}

#specimen{
    left: 77px;
    top: 301px;
}

#lghtSrc{
    left: 318px;
    top: 110px;
}

#polarizer{
    left: 308px;
    top: 63px;
}

#qrtWave{
    top: 30px;
    left: 260px;
    opacity: 0;
}
/**/
/**/
#legendWrap > div {
    position: absolute;
}
#legendWrap{

   position: absolute;
   width: 380px;
   top: -4px;
}

#legend{
    left: 0px;
    top: 350px;
    width: 100%;
}

#incident{
    top: 370px;
    left: 97px;
}

#blueBox{
    top: 393px;
    left: 88px;
    height: 3px;
    width: 10px;
    background-color: rgb(0, 0, 255);
}

#greenBox{
    top: 415px;
    left: 89px;
    height: 3px;
    width: 4px;
    background-color: rgb(0, 255, 0); 
}

#iowave{
    top: 390px;
    left: 100px;
}

#iewave{
    top: 410px;
    left: 100px;
}

#reflected{
    top: 370px;
    right: 90px;
}

#redBox{
    top: 393px;
    right: 137px;
    height: 3px;
    width: 10px;
    background-color: rgb(255, 0, 0); 
}

#blackBox{
    top: 415px;
    right: 139px;
    height: 3px;
    width: 4px;
    background-color: rgb(0, 0, 0); 
}

#rowave{
    top: 390px;
    right: 90px;
}

#rewave{
    top: 410px;
    right: 90px;
}
/**/

#lightPath{
    display: inline-block;
    position: relative;
}

.radioGroup > div {
    height: 26px;
    padding: 0 20px;
}

#topSldr,
#midSldr,
#lowSldr{
    display: inline-block;
    position: relative;
}

#topSldr{
    width: 168px;
}
#midSldr{
    width: 111px;
}
#lowSldr{
    width: 128px;
}
.controlBack{
    margin: 2px 0px;
}