@charset "utf-8";

.mainscene {
    width: 360px; height: 340px;
}

.splashContainer {
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    -o-transform: scale(.8);
    transform: scale(.8);
}

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

.topWindow {
    position: relative;
    margin: 15px auto;
    margin-top: 10px;
    display: inline-block;
}

#topLeft,#topRight {
    display: inline-block;
    position: relative;
    /* width: 40%; */
    margin: 0 10px;
}

#topLeft {
    top: 15px;
}

#specContainer {
    position: relative;
    width: 187px; height: 107px;
    margin-top: 10px;
}

#bubbleContainer {
    position: relative;
    margin-top: 10px;
}

#specCan {
    position: absolute;
    left: 5px; top: 0px;
}

#bubbleCan {
    position: absolute;
    left: 0px; top: 0px;
    /* background: red; */
}

#slab {
    position: absolute;
    left: 0px; top: 72px;
    width: 184px;
    box-shadow: 3px 3px 5px #888888;
}

.ctrlBack {
    position: relative;
    display: inline-block;
    margin: 12px 3px;
    bottom: 10px;
}

.controlBackContainer {
    height: 55px;
}

#sldr {
    display: inline-block;
    position: relative;
    width: 120px;
}

#soapInterfLabel,wavefrontLabel {
    position: relative;
    display: inline-block;
}

#incidWaveLabel {
    position: relative;
    top: -25px;
    display: inline-block;
    float: left;
}

#reflecWaveLabel {
    position: relative;
    top: -25px;
    display: inline-block;
    float: right;
}