@charset "utf-8";

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

.specimenWindow{
    position: relative;
    display: inline-block;
    left:0;
    top:0;
    margin-top: 8px;
    overflow: hidden;
    width: 290px;
    height: 220px;
    padding: 4px;
}

.diagramTextWhite{
    display: block;
}

.controlPanelText{
    width: 100%;
}

.controlPanelBack{
    display: inline-block;
    padding: 6px;
    margin: 6px;
    width: 160px;
}

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

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

.controlText{
    padding-top: 4px;
}

#baseImg{
    position: relative;
    margin-top: 8px;
}

#waveText{
    position: absolute;
    left: 158px;
    top: 8px;
    opacity: 0;
}
#canvasContainer{
    position: absolute;
    left: 10px;
    top: 56px;
    width: 281px;
    height: 186px;
    display: inline-block;
    overflow: hidden;
}
.canvasAnim{
    position: absolute;
    width: inherit;
    height: inherit;
    top: 0px;
    left: 0px;
}
#canvasParticle{
    position: absolute;
    top: -39px;
    left: 1px;
    width: 282px;
    height: 205px;
}
#gradCanvas{

    height:10px;
    width:280px;
    visibility: hidden;
}
#barrierContainer{
    position:absolute;
    height:20px;
    width:62px;
    left:0;
    top:0;
}
#barrierImg{
    position:absolute;
    left:0;
    height: 33px;
    width: 62px;
    pointer-events: none;
    background: none !important;
}
#barrierBlock{
    position: absolute;
    left:0;
    top:0;
    height: 140px;
    width:110px;
    background: white;
    visibility: hidden;
}