@charset "utf-8";

.mainscene{
    width: 389px;
    height: 441px;
    text-align: center;
}
.splashContainer{
    -webkit-transform : scale(0.9);  /* Saf3.1+, Chrome */
    -moz-transform   : scale(0.9);  /* FF3.5+ */
    -ms-transform   : scale(0.9);  /* IE9 */
    -o-transform   : scale(0.9);  /* Opera 10.5+ */
    transform   : scale(0.9);
}

.specimenWindow{
    margin-top: 8px;
    background: white;
    width: 294px;
    height: 290px;
    /* border: 2px solid #000; */
    display: inline-block;
    position: relative;

    -webkit-appearance: none;
}

.diagramTextWhite{
    display: block;
}

.controlPanelText{
    width: 100%;
}
.controlPanelBack{
    /* margin: 4px 3px; */
    display: inline-block;
    margin: 2px 6px;
    vertical-align: middle;
    text-align: center;
    width: 160px;
}
#background{
    position: absolute;
    left: 17px;
    top: 37px;
}

.slider{
    display: inline-block;
    position: relative;
    width: 148px;
}

#propagationButton{
    display: inline-block;
    position: relative;
    width: 148px;
}

.controlBack{
    text-align: center;
    margin: 0;
    width: 100%;
    padding: 4px;
}

#equationReadOut{
    margin-top: 10px;
    width: 100%;
    display: block;
}

.aniCanvas{
    position:absolute;
    left:0;
    top:0;
    width: 100%;
    height: 100%;
    z-index: 2;
}
.centerText{
    position: absolute;
    width: 294px;
}
#epoxyLensText{
    top: 14px;
}
#pDopedText{
    top: 62px;
}
#nDopedText{ 
    top: 169px;
}
#pDopedReadout{
    top:49px;
}
#nDopedReadout{
    top:156px;
}
#activeLayerText {
    top: 110px;
}
#wavelenReadout{
    position: absolute;
    top: 274px;
    width: 151px;
}
#voltageNeedle{
    position: absolute;
    /* border: 1px black solid;*/
    background: #fe0000;
    opacity: 0.75;
    height: 38px;
    width: 3px;
    left: 191px;
    top: 229px;
    transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -webkit-transform-origin:50% 100%;
    -o-transform-origin:50% 100%;
    -ms-transform-origin: 50% 100%
}