@charset "utf-8";

.mainscene{
    width: 418px; height: 424px;
}

.canvasDisplay{
    position: absolute;
    top: 14px; left: 0px; 
    box-shadow: 3px 3px 5px gray;
}

.container{
    top: 50px;
}

.controlBack{
    width: 192px;
}

.movingText{
    position: absolute;
    top: 25px;
}

.numberLabel{
    position: absolute;
    top: 184px; 
}

.sldr {
    display: inline-block;
    position: relative;
    width: 150px;
/*    margin-top: 17px;
*/}

.sldrContainer{
    margin-bottom: 10px;
}

.sldrLabel{
}

.splashBackground {
    -moz-transform: scale(0.9, 0.9);
    -ms-transform: scale(0.9, 0.9);
    -o-transform: scale(0.9, 0.9);
    -webkit-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9);
}

.titleText{
    position: absolute;
    top: 0px; left: 30px;
    width: 115px;
}

.topControlsContainer{
    margin-bottom: 6px;
    height: 70px;
}

#dropDown{
    width: 150px; height: 27px;
}

#graphCanvas{
    position: absolute;
    top: 14px; left: 0px;
    width: 168px; height: 168px; 
}

#graphContainer{
    position: absolute;
    right: 16px;
    width: 175px;
}

#gridCanvas{
    width: 168px; height: 168px;
}

#segment{
    width: 150px;
}

#segment > div { 
    width: 54px;
    height: 26px; 
    padding: 0 8px;
}

#specimenContainer{
    position: absolute;
    left: 17px;
}

#specimenImage{
    visibility: hidden;
}

#twoFiftyFiveLabel{
    right: -3px;
}

#xLabel{
    position: absolute;
    top: 190px;  left: 40px;
}

#yLabel{
    position: absolute;
    top: 90px; left: -44px;
    -ms-transform: rotate(-90deg); /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
    transform: rotate(-90deg);
}

#zeroLabel{
    left: -3px;
}