@charset "utf-8";

.mainscene{
    width: 425px; height: 510px;
}

.mainWindow{
    position: relative;
    display: inline-block;
    width: 410px;
    height: 366px;
    margin: 43px 0 10px 0;
}

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

#textContainer > *{
    margin: 5px 0;
}

#textContainer > *:first-child,
#textContainer > *:last-child{
    margin: 0;
}

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

#corrCalc {
    padding: 8px 6px;
    width: 90px;
    display: inline-block;
}

#movingLens {
    position: absolute;
    height: 367px;
    width: 214px;
    left: -7px;
    top: -5px;
}

#movingCont {
    position: absolute;
    top: 0; left: 100px;
    z-index: 4; 
    height: 52px; width: 230px;
}

#groupLbl {
    position: absolute;
    top: 131px;
    left: 222px;
}

.handleCon { 
    position: absolute;
    height: 33px; width: 16px;
    overflow: hidden;
    border-radius: 10px; 
}

/*left side labels*/
#threadLbl {
    top: 24px;
    left: 39px;
}

#lenTripLbl {
    top: 71px;
    left: 51px;
}

#cCollarLbl {
    top: 130px;
    left: 20px;
}

#codeObjBarLbl {
    top: 234px;
    left: 33px;
}

#hemiLensLbl {
    top: 323px;
    left: 278px;
}

#doubtletLbl {
    top: 229px;
    width: 50px;
    left: 307px;
}

#meniLensLbl {
    width: 50px;
    top: 292px;
    left: 42px;
}

#objective{
    height: 355px;
}

.whiteText{
    text-align: center;
    position: absolute;
}

#lineCanvas{
    position:absolute;
    left:0; top:0;
}
#slideCanvas{
    width: 58px;
    height: 115px;
    position: absolute;
    top: 92px;
    left: 185px;
}