@charset "utf-8";

body {
    /* width: 386px; */
    height: 440px;
    text-align: center;
}

.splashBackground {
    -moz-transform: scale(.9, .9);
    -ms-transform: scale(.9, .9);
    -o-transform: scale(.9, .9);
    -webkit-transform: scale(.9, .9);
    transform: scale(.9, .9);
}

.controlBack {
    position: absolute;
    width: 100%; height: 80px;
    bottom: 0;
}

.controlPanelBack {
    position: relative;
    display: block;
    text-align: center;
    vertical-align: middle;
    width: 320px;
    margin: 12px auto;
    padding: 8px;
}

.controlPanelSegment {
    position: relative;
    width: 210px; height: 100%;
    display: inline-block;
}

.controlPanelSegment > * {
    display: block;
    text-align: center;
}

#backgroundImage{
    position: absolute;
    top: 10px; left: 16px;
}

#btn {
    display: inline-block;
    position: relative;
    width: 66px; height: 30px;
}

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

#specimenWindow {
    position: relative;
    display: inline-block;
    width: 380px; height: 277px;
    top: -2px;
}

#haCanvas{
    position:absolute;
    left:16px; top:10px;
    width:340px; height:284px;
}
#haCanvas2{
    position:absolute;
    left:16px; top:10px;
    width:320px; height:274px;
/*    background:url(../images/objective.png) no-repeat;
*/}
#haCanvas3{
    position:absolute;
    left:16px; top:10px;
    width:320px; height:274px;
}
#haYellowPath{
    position:absolute;
    left:38px; top:51px;
    width:238px; height:167px;
    background:url(../images/pmLightOverlay.png);
}
#haArrowContainer{
    position:absolute;
    left:15px; top:156px;
    width:52px; height:20px;
    filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.8));
    -webkit-filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.8));
    -moz-filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.8));
    -ms-filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.8));
    -o-filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.8));
}
#haRect{
    position:absolute;
    width:30px; height:6px;
    top:4px;
    background: #FFFF66;
}
#haArrow{
    float:right;
    width:0; height:0;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 22px solid #FFFF66;
}
#haWtxt{
    position: absolute;
    left: 12px; top: 100px;
}
#haILtxt{
    position: absolute;
    left: 19px; top:177px;
}
#haOPtxt{
    position: absolute;
    left: 12px; top:212px;
}
#haAtxt{
    position: absolute;
    left: 103px; top:78px;
}
#haDtxt{
    position: absolute;
    left: 302px; top:200px;
}