@charset "utf-8";

.mainscene{
    width: 440px;
    height: 444px;
    text-align: center;
}

.beamContainer{
    position: absolute;
    width: 100px; height: 100px;
}

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

.controlText{
    line-height: 1.25;
}

.electron{
    position: absolute;
    top: 0px; left: 0px; 
    width: 4px; height: 4px;
    border-radius: 4px;
    background-color: blue;
}

.hidden{
    /*visibility: hidden;*/
}

.lowerTopAlign{
    top: 159px;
}

.toggleBtn{
    display: inline-block;
    position: relative;
    width: 150px; height: 30px;
    text-align: left;
}

.topWindow{
    position: relative;
    display: inline-block;
    width: 401px;
    height: 285px;
}

.upperBottomAlign{
    bottom: 158px;
}

#background{
    position: absolute;
    top: 50px; left: 0px;
    width: 400px; height: 100px;
}

#inputBeamContainer{
    position: absolute;
    top: 216px; left: 70px;
}

#inputBeamContainer > div, #outputBeamContainer > div {
    position: relative;
}

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

#outputBeamContainer{
    position: absolute;
    top: 212px; right: 70px;
}

#outputBeamImage{
    width: 88px;
}

#particleCanvas{
    position: absolute;
    top: 2px; left: 0px; 
    width: 265px; height: 55px;
}

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

#polyPartContainer{
    position: absolute;
    top: 69px; left: 136px;
    width: 265px; height: 55px;
}

#prismImage{
    position: absolute;
    top: 47px; left: 5px;
}

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

#shutterImage{
    position: absolute;
    bottom: 77px; right: 67px;
    width: 8px;
}

/*--------Text Positioning------------*/
.diagramTextBlack {
    position: absolute;
}

#apsText{
    right: 92px;
}

#clsText{
    top: 17px;
    right: 177px;
}

#dceText{
    top: 151px;
    left: 2px;
}

#hsText{
    left: 150px;
}

#hvText{
    left: 86px;
}

#ldText{
    top: 17px;
    left: 106px;
}

#lhText{
    top: 17px;
    right: 100px;
}

#sText{
    right: 48px;
}

#tecText{
    top: 6px;
    left: 48px;
}

#wText{
    right: 4px; top: 62px;
}


/*------------------------------------*/

p{
    position: absolute;
}