@charset "utf-8";

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

.controlText {
    margin: 3px;
}

.labelText{
    color: white;
    text-align: center;
    font: bold 12px/1 Arial;
    line-height: 1;
}

#MainWindow {
    position: relative;
    display: inline-block;
    width: 440px; height: 333px;
    top: -6px;
}

 #MainWindow > *{
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

#BackgroundContainer{
    position: absolute;
    left: 16px; top: 16px;
    width: 400px; height: 298px;
}

#PxBackground{
    position: absolute;
    top: -1139.5px; left: -1142px;
    width: 2560px; height: 2560px;
    transform: scale(0.0781);
    -webkit-transform: scale(0.0781);
}

#grayBottom{
    position: absolute;
    top: 238px; left: -62px;
    width: 400px; height: 10px;
    transform: scale(.5);
    -webkit-transform: scale(.5);
}

#MainImageMask{
    position: absolute;
    left: 54px; top: 57px;
    width: 200px; height: 200px;
    overflow: hidden
}

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

#ShiftImageMask{
    position: absolute;
    left: 54px; top: 257px;
    width: 200px; height: 10px;
    overflow: hidden;
}

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

#FrequencyImageMask{
    position: absolute;
    left: 288px;
    top: 243px;
    width: 51px;
    height: 43px;
    overflow: hidden;
}

#FadeImageContainer{
    position: absolute;
    left: 54px; top: 57px;
    width: 200px; height: 200px;
    opacity: 0;
}

#PxLbl{
    left: 183px; top: 17px;
    width: 77px;
}

#ImgProcLbl{
    left: 322px; top: 126px;
    width: 74px;
}

#ConverterLbl{
    left: 110px; top: 227px;
    width: 66px;
}

.tutSldr{
    width: 115px;
}

.controlPanelBack{
    display: inline-block;
    width: 200px;
    height: 50px;
    margin: 6px;
    padding: 4px;
}

.controlTitle{
    width: 100%;
    margin-bottom: 5px;
}

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

#SpdSldrPanel{
    left:28px; top:-4px;
}

#AcqSldrPanel{
    left:238px; top:-4px;
}

#freqCanvas{
    position: absolute;
    top:0;
    left:-344px;
}

#tutorialTitle {
    margin: 13px auto 4px auto !important;
}