@charset "utf-8";

.mainscene {
    width: 430px; height: 500px;
}

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

.labelText {
    display: block;
    position: static;
    margin: 10px;
}

.mainWindow {
    width: 90%; height: 60%;
    display: inline-block;
    background: none;
    border: none;
}

#objectiveContainer {
    top: 10px;
    width: 242px; height: 242px;
}

.objectiveBackground {
    position: absolute;
    left: 20px; top: 20px;
    width: 210px; height: 210px;
    border-radius: 100px;
    -webkit-border-radius: 100px; 
    -moz-border-radius: 100px;
    background-color: black;
}

.whiteText {
    position: relative;
    top: 115px;
}

#sampleSpriteContainer {
    position: absolute;
    left: 20px; top: 20px;
    width: 202px; height: 202px;
    border-radius: 100px;
    -webkit-border-radius: 100px; 
    -moz-border-radius: 100px;
    overflow: hidden;
}

#specCan {
    position: absolute;
    left: 20px; top: 20px;
    width: 202px; height: 202px;
    border-radius: 100px;
    -webkit-border-radius: 100px; 
    -moz-border-radius: 100px;
}

#objectiveImg {
    position: absolute;
    left: 0px; top: 0px;
    width: 242px; height: 242px;
}

#crosshairCan {
    position: absolute;
    left: 45px; top: 60px;
    width: 150px; height: 120px;
}

.controlBack {
    display: inline-block;
    margin: 4px 3px;
    background: none;
    border: none;
}

#sldrBack {
    position: relative;
    top: 11px;
    width: 195px; height: 125px;
    margin-bottom: 0;
}

.sldrLbl {
    display: inline;
    left: 8px;
}

#focusSldrLbl {
    left: 0px;
}

#lampSldrLbl {
    left: 18px;
    margin:  0 26px;
}

#focusSldr {
    display: inline-block;
    position: relative;
    left: -7px;
    height: 90px;
}

#lampSldr {
    display: inline-block;
    position: relative;
    left: 16px;
    height: 90px;
    margin: 0 47px;
}

#brightSldr {
    display: inline-block;
    position: relative;
    height: 90px;
}

#magBack {
    top: 11px;
    width: 105px; height: 125px;
    margin-bottom: 0;
}

#magSldrLbl {
    top: 3px;
}

#magSldr {
    display: inline-block;
    position: relative;
    left: -25px; top: -1px;
    height: 90px;
}

#magLbl {
    margin-top: 5px;
}

#magBtnContainer {
    position: relative;
    width: 50px; height: 100px;
    left: 40px; top: -94px;
}

#upBtn,
#downBtn {
    display: inline-block;
    position: relative;
    width: 33px; height: 33px;
}

.upArrow {
    position: absolute;
    left: 4px; top: 6px;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent; 
    border-bottom: 14px solid white; 
}

.downArrow {
    position: absolute;
    left: 4px; top: 9px;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-top: 14px solid white;
}

#illumSeg > div { 
    height: 26px; 
    padding: 0 8px;
}

#specCB { 
    display: inline-block;
    position: relative;
    width: 160px; height: 26px;
}