@charset "utf-8";

.mainscene{
    width: 450px; height: 375px;
}

.mainWindow{
    position: relative;
    display: inline-block;
    width: 450px; height: 280px;
    border: none;
    background: none;
}

.mainWindow > *{
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

#textContainer {
    left: 14px; top: 34px;
    margin-right: 30px;
    padding: 20px;
}

#textContainer > *{
    margin-bottom: 2px;
}

#dynamicFormula,
#thetaKey {
    margin-bottom: 15px;
}

#mediumLbl {
    position: relative;
    left: -16px;
}

#specimenExample{
    left: 21px; top: 18px;
    height: 251px;
}

#specimenContent{
    display: block;
    background: #FFF;
    width: 215px; height: 225px;
}

#objective { 
    position: absolute;
    top: 68px; left: 7px;
}

#frontLens { 
    position: absolute;
    top: 115px;
    left: 6px;
}

#appMagContainer { 
    position: relative;  
    text-align: center;      
}

#angContainer { 
    position: absolute;
    height: 21px;
    width: 87px;
    top: 168px;
    left: 128px;
    z-index: 8; 
}

#blackArrow { 
    position: absolute;
    height: 10px; width: 25px;
    top: 4px; left: 1px;
}

#lblAng {
    position: absolute;
    top: 2px; left: 28px;
}

#Label {
    top:250px;
}

#labelLine { 
    position: absolute;
    top: 121px; left: 69px;
    height: 2px; width: 24px;
    z-index: 6;
}

#labelLine2 { 
    position: absolute;
    top: 74px; left: 62px;
    width: 15px; height: 2px;
    z-index: 7; 
}

#labelLine3 { 
    position: absolute;
    top: 9px; left: -13px;
    width: 13px; height: 1px;
}

#slideContainer { 
    position: absolute;
    height: 38px;
    width: 143px;
    top: 216px;
    left: 36px;
}

#verticalLineContainer { 
    position: absolute;
    top: 120px; left: 115px;
    height: 120px; width: 3px;
    overflow: hidden;
}

#verticalLine { 
    position: absolute;
    top: 30px; left: 115px;
    height: 57px; width: 2px;
    z-index: 5;
}

#verticalLine2 {
    position: relative;
    top: 0px; left: 0px;
    height: 120px; width: 3px;
    z-index: 4;
}

#specimen { 
    position: absolute;
    top: 19px; left: 6px;
}

#diagonalLine { 
    position: absolute;
    height: 15px;
    width: 15px;
    top: 8px;
    left: 63px;
    z-index: 6;
}

#slide { 
    position: relative;
    top: 0px;
    left: 10px;
    z-index: 1;
}

#verticalLine3 {
    position: absolute;
    left: 115px; top: 229px;
    width: 1px; height: 11px;
    background-color: black;
}

#aperture { 
    position: absolute;
    top: 40px; left: 72px;
    z-index: 3; 
}

#rayCan {
    position: relative;
    left: 8px; top: -99px;
    width: 55px; height: 97px;
    z-index: 2;
}

#sldr {
    display: inline-block;
    position: relative;
    width: 150px;
}

#lblNA {
    position:relative;
    top:68px;
    z-index:3;
}