@charset "utf-8";

.mainscene {
    width: 430px;
    height: 470px;
    text-align: center;
}

#tutorialTitle {
    margin: 6px 6px 0 6px !important;
}

.mainWindow2 {
    position: relative;
    margin-top: 20px;
    width: 380px; height: 290px;
    display: inline-block;
    overflow: hidden;
}

#lightBeamCan {
    position: absolute;
    left: 20px; top: 5px;
    width: 325px; height: 320px;
}

#lensesImg {
    position: relative;
    left: -105px;
    width: 48px; height: 192px;
    top: 25px;
}

#focalContainer {
    position: absolute;
    left: 122px; top: 40px;
}

#focalPlaneContainer {
    position: absolute;
    left: 0px; top: 0px;
}

#dashedLineCan {
    position: absolute;
    left: 0px; top: 0px;
    width: 6px; height: 124px;
}

#focalPlaneLbl {
    position: absolute;
    left: -13px; top: 124px;
}

#focalPtContainer {
    position: absolute;
    left: 1px; top: 10px;
}

#focalPtLbl {
    position: absolute;
    left: 35px; top: -25px;
}

#focalPtLblLine1 {
    position: absolute;
    left: -48px;
    width: 50px; height: 50px;
}
#focalPtLblLine2 {
    position: absolute;
    left: 1px;
    width: 50px; height: 50px;
}

#mediumCompLbl {
    position: absolute;
    top: 118px;
}

#lightDirectionContainer {
    position: absolute;
    left: 20px; top: 35px;
    width: 48px; height: 14px;
}

#arrowCan {
    position: absolute;
    left: 0px; top: 15px;
    width: 48px; height: 14px;
}

#lightDirectionLbl {
    position: absolute;
    top: -15px;
    text-align: left;
}

.controlPanelBack {
    display: inline-block;
    vertical-align: middle;
    height: 50px;
    margin: 6px;
    padding: 6px;
}

#lensCompLbl {
    width: 235px;
}

.controlText {
    margin-bottom: 8px;
}

#lensCompSldr {
    display: inline-block;
    position: relative;
    width: 180px;
}

#mediumSelect {
    display: inline-block;
    position: relative;
    width: 105px; height: 30px;
}