@charset "utf-8";

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

.canvas {
    position: absolute;
    width: 202px; height: 202px;
    top: 21px; left: 21px;
}

.controlBack{
    display: inline-block;
    margin: 12px 3px;
}

.controlBackContainer {
    width: 446px; height: 237px;
}

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

.segOpt {
    width: 34px;
    height: 22px;
}

.slider {
    height: 81px;
}

#amount {
    width: 20px; 
    left: 53px;
}

#btn {
    display: inline-block;
    position: relative;
    width: 66px; height: 30px;
}

#btnContainer {
    position: absolute;
    top: 103px; left: 332px;
}

#dropDownContainer {
    position: absolute;
    top: 165px; left: 239px;
}

#focusSldr {
    top: 12px;
}

#focusSldrContainer {
    position: relative;
    width: 65px; height: 145px;
    top: -231px; left: 115px;
}

#illText {
    top:12px;
}

#imgContainer {
    position: absolute;
    top: 57px; left: 94px;
    width: 243px; height: 243px;
}

#objective {
    position: relative;
    z-index: 50;
}

#objSegContainer {
    position: absolute;
    height: 56px; width: 220px;
    top: 165px; left: 16px;
}

#objSegment {
    position: relative;
    left: 32px; top: -12px;
}

#objText {
    top: 12px; left:-73px;
}

#phaseSegContainer {
    position: absolute;
    top: 16px; left: 329px;
}

#reticle {
    position: relative;
    left: 0px; top: -185px;
    z-index: 20;
}

#ringPosText {
    left: -98px;
}

#sldrContainer {
    position: absolute;
    width: 308px; height: 144px;
    top: 16px; left: 16px;
}

#volSldr {
    top: 12px;
}

#volSldrContainer {
    position: relative;
    width: 65px; height: 145px;
    top: -376px; left: 206px;
}

#xSldrContainer {    
    position: relative;
    left: -118px;
}

#ySldrContainer {
    position: relative;
    width: 40px;
    top: -101px; left: 44px;
}