@font-face {
    font-family: MRKGPEN;
    src: url(MRKGPEN.TTF);
}

.userSelect {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.main {
    overflow: hidden;
}

.varResult {
    padding: 5px 0px 10px 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: 600;
    color: #000;
    text-align: left;
}

.posAbso {
    position: absolute;
}

#popupMsg {
    position: absolute;
    left: 7px;
    top: 18px;
    font-size: 1.7em;
    font-family: MRKGPEN;
    width: 114px;
    text-align: center;
}

#rightVal {
    padding-left: 0px;
}

#sliderspan,
#sliderspan1,
#bridgeA_ctrl_val,
#bridgeB_ctrl_val,
#magnet_pos_val {
    padding-left: 0px;
}

#rightmaxvals2 {
    padding-left: 119px;
}

#rightmaxvals {
    padding-left: 126px;
}

#rightmaxvals1 {
    padding-left: 112px;
}

#bridgeA_lbl_max {
    padding-left: 129px;
}

#bridgeB_lbl_max {
    padding-left: 129px;
}

#magnet_lbl_max {
    padding-left: 129px;
}

#bg {
    left: 0;
    top: 0;
}

.maxValue {
    padding-left: 100px;
}

.minValue {
    padding-left: 30px;
}

.sliderValueLbl {
    padding-left: 0px;
}

#convex_mirror_btn {
    width: 135px;
}

#show_hide_txt {
    padding: 0px 0px 3px 0px;
}

#box {
    position: absolute;
    left: 8px;
    top: 189px;
}

#screen_left {
    position: absolute;
    left: 53.5px;
    top: 142px;
}

#white_spot {
    position: absolute;
    display: none;
    left: 34px;
    top: 34px;
    width: 44px;
    height: 44px;
    background-color: #FFFFFF;
    border-radius: 22px;
    -webkit-filter: blur(4px);
    -moz-filter: blur(4px);
    -o-filter: blur(4px);
    -ms-filter: blur(4px);
    filter: blur(4px);
}

#cross_image {
    position: absolute;
    left: 140px;
    top: 190px;
}

#lens_under {
    position: absolute;
    left: 53.2px;
    top: 205px;
    display: none;
}

#lens_top {
    position: absolute;
    left: 116px;
    top: 205px;
    display: none;
}

#lens_reading {
    position: absolute;
    left: 79.2px;
    top: 294px;
    display: none;
}

#lens_reading_txt {
    position: absolute;
    padding: 14px 0px 0px 1px;
    font-size: 11px;
    font-weight: 700;
    font-family: Arial, Helvetica, sans-serif;
    width: 45px;
    text-align: center;
    color: red;
}

#mirror {
    position: absolute;
    left: 171.1px;
    top: 205px;
    display: none;
}

#mirror_reading {
    position: absolute;
    left: 197.1px;
    top: 294px;
    display: none;
}

#mirror_reading_txt {
    position: absolute;
    padding: 14px 0px 0px 1px;
    font-size: 11px;
    font-weight: 700;
    font-family: Arial, Helvetica, sans-serif;
    width: 45px;
    text-align: center;
    color: #000;
}

#screen_reading {
    position: absolute;
    left: 443px;
    top: 294px;
}

#screen_reading_txt {
    position: absolute;
    padding: 14px 0px 0px 1px;
    font-size: 11px;
    font-weight: 700;
    font-family: Arial, Helvetica, sans-serif;
    width: 45px;
    text-align: center;
    color: #000;
}

#screen_right {
    position: absolute;
    left: 420px;
    top: 160px;
}

#zoom_frame {
    position: absolute;
}

#zoom_view {
    position: absolute;
    left: 380px;
    top: 88px;
}

#cross_zoom {
    position: absolute;
    left: 34px;
    top: 34px;
    display: none;
    -webkit-filter: blur(7px);
    -moz-filter: blur(7px);
    -o-filter: blur(7px);
    -ms-filter: blur(7px);
    filter: blur(7px);
}

#light_beam {
    position: absolute;
    left: 93px;
    top: 165px;
    clip: 10px, 100px, 75px, 5px;
}

#lens_image,
#lens_image_line_1,
#lens_image_line_2 {
    visibility: hidden;
}

#lens_image_line {
    clip: 10px, 100px, 75px, 5px;
}

#beamClip {
    position: absolute;
}

#light_mirror_img {
    position: absolute;
    left: 123px;
    top: 140px;
}

#light_mirror_img,
#cross_image {
    display: none;
}

#lens_position,
#mirror_position {
    opacity: 0.4;
}

#object_lens,
#object_lens_line,
#answer {
    display: none;
}

#popup_img {
    position: absolute;
    left: 150px;
    top: 125px;
    display: none;
}

#popup_img_txt {
    position: absolute;
    padding: 26px 0px 0px 8px;
    font-size: 14px;
    font-weight: 800;
    width: 110px;
    font-family: MRKGPEN;
    text-align: center;
}