@charset "utf-8";

.tutorialTitle {
    width: 498px;
}

.mainscene {
    width: 550px; height: 450px;
}

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

.labelText {
    display: block;
    position: static;
    margin: 10px;
}

.mainWindow {
    width: 90%; height: 60%;
    display: inline-block;
    background: none;
    border: none;
}

#objectiveContainer {
    top: 10px;
    width: 242px; height: 242px;
}

.objectiveBackground {
    position: absolute;
    left: 20px; top: 20px;
    width: 210px; height: 210px;
    border-radius: 100px;
    -webkit-border-radius: 100px; 
    -moz-border-radius: 100px;
    background-color: black;
}

.whiteText {
    position: relative;
    top: 115px;
}

#specSpriteContainer {
    position: absolute;
    left: 21px; top: 21px;
    width: 200px; height: 200px;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    overflow: hidden;
}

#specCan {
    position: absolute;
    left: 21px; top: 21px;
    width: 200px; height: 200px;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    overflow: hidden;
}

#objectiveImg {
    position: absolute;
    left: 0px; top: 0px;
    width: 242px; height: 242px;
}

#crosshairCan {
    position: absolute;
    left: 45px; top: 60px;
    width: 150px; height: 120px;
}

.controlBack {
    display: inline-block;
    margin: 12px 3px;
}

#angleSldr {
    display: inline-block;
    position: relative;
    width: 120px;
    margin: 0 3px;
}

.sldrBtn {
    display: inline-block;
    position: relative;
    width: 35px; height: 32px;
}

.leftBtn {
    left: 3px;
}

.rightBtn {
    left: -3px;
}

.leftArrow {
    position: absolute;
    left: 6px; top: 3px;

    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent; 
    
    border-right: 14px solid #ffffff; 
}

.rightArrow {
    position: absolute;
    left: 10px; top: 3px;

    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    
    border-left: 14px solid #ffffff;
}

#plateSeg > div { 
    height: 28px; 
    padding: 0 8px;
}

#specCB {
    display: inline-block;
    position: relative;
    top: -3px;
    height: 32px;
    margin-top: 3px;
    width: 144px;
}