@charset "utf-8";

.mainscene{
    width: 425px; height: 345px;
}

#compassContainer {
    position: absolute;
    left: 167px; top: 140px;
    width: 123px; height: 120px;
}

#needleContainer {
    position: absolute;
    left: 212px; top: 158px;
    width: 64px; height: 71px;
}

#magnetOffContainer {
    position: absolute;
    left: 51px; top: 20px;
    width: 350px; height: 180px;
}

#magnetOnContainer {
    position: absolute;
    left: 50px; top: 20px;
    width: 351px; height: 180px;
    visibility: hidden;
}

#currentContainer {
    position: absolute;
    left: 35px; top: 75px;
    visibility: hidden;
}

#upArrowCan {
    position: absolute;
    left: 3px; top: 1px;
    width: 9px; height: 70px;
}

#downArrowCan {
    position: absolute;
    left: 3px; top: 1px;
    width: 10px; height: 70px;
    visibility: hidden;
}

#currentLbl {
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    left: -45px; top: 30px;
    width: 82px;
}

#negSign {
    position: absolute;
    left: 40px; top: 27px;
    width: 9px; height: 2px;
    background-color: black;
}

#posSign {
    position: absolute;
    left: 388px; top: 22px;
    width: 8px; height: 8px;
}

#posHoriz {
    position: absolute;
    top: 3px;
    width: 8px; height: 2px;
    background-color: black;
}

#posVert {
    position: absolute;
    left: 3px;
    width: 2px; height: 8px;
    background-color: black;
}

#batteryLbl {
    left: 205px; top: 110px;
}

#wireLbl {
    left: 22px; top: 180px;
}

#compassLbl {
    left: 282px; top: 246px;
}

#clampLbl {
    left: 310px; top: 208px;
}

#batteryLblLine {
    position: absolute;
    left: 225px; top: 72px;
    width: 2px; height: 25px;
}

#wireLblLine {
    position: absolute;
    left: 51px; top: 175px;
    width: 7px; height: 7px;
}

#compassLblLine {
    position: absolute;
    left: 264px; top: 230px;
    width: 16px; height: 16px;
}

#clampLblLine {
    position: absolute;
    left: 339px; top: 174px;
    width: 2px; height: 30px;
}

#btnPanel {
    position: absolute;
    left: 60px; top: 285px;
}

#btn {
    display: inline-block;
    position: relative;
    width: 110px; height: 40px;
}

#toggleBtnPanel{
    position: absolute;
    left: 255px; top: 285px;
}

#toggleBtn{
    display: inline-block;
    position: relative;
    width: 110px; height: 40px;
}