#main_cont {
    height: 600px;
    width: 660px;
    /*background-color: #dcdcdc;*/
/*    border: 1px solid;*/
    position: relative;
}
#container
{
    position: relative;
    width: 100%;
    background-color: #666666;
    height: 570px;
    top: 15px;
}
body {
    overflow: hidden;
    margin: 0px;
    font-family:'Arial';
    background-color: #666;
}
#img_1
{
    position: relative;
    top: 5px;
    left: 50px;
    background-image: url("../images/1.png");
    width: 437px;
    height: 558px;
}
#img_2
{
    position: absolute;
    top: 115px;
    left: 100px;
    background-image: url("../images/img.png");
    width: 150px;
    height: 260px;
}
#slide_1
{
    position: absolute;
    top: 4px;
    left: 495px;
    width: 10px;
    height: 515px;
    border-right: 1px solid;
    border-top: 1px solid;
    border-bottom: 1px solid;
    background-color: #00b2ff;
}
.pointer
{
    position: relative;
    top: 360px;
    left: -4px;
    width: 16px;
    height: 10px;
    border-radius: 4px;
    border: 1px solid;
    background-color: #00b2ff;
    z-index: 10;
}
#pointer_1:hover
{
    background-color: #0180b7;
}
#btn_1
{
    position: absolute;
    top: 3px;
    left: 515px;
    border: 1px solid;
    background-color: #00b2ff;
    border-radius: 4px;
}
#btn_1:hover
{
    background-color: #0084bd;
}
#txt_1
{
    position: absolute;
    top: 100px;
    left: 520px;
    width: 70px;
    font-size: 14px;
    color: #c5c5c5;
}
.magnitude_val
{
    position: absolute;
    top: 140px;
    left: 520px;
    font-size: 20px;
    color: #ffffff;
}
#txt_2
{
    position: absolute;
    top: 200px;
    left: 520px;
    width: 55px;
    font-size: 14px;
    color: #c5c5c5;
}
.distance_val
{
    position: absolute;
    top: 230px;
    left: 520px;
    font-size: 20px;
    color: #ffffff;
}
#empty_1
{
    position: absolute;
    top: -31px;
    left: 140px;
    width: 90px;
    height: 31px;
    /* background-color: gainsboro; */
    border-top: 1px solid;
    border-bottom: 1px solid #666666;
/*    display: none;*/
}
#empty_2
{
    position: absolute;
    top: 0px;
    left: 140px;
    width: 90px;
    height: 4px;
    background-color: #666666;
/*    display: none;*/
}
#empty_3
{
    position: absolute;
    top: 518px;
    left: 277px;
    width: 25px;
    height: 10px;
/*    border: 1px solid;*/
    background-color: #666666;
/*    display: none;*/
}
/*
#value_1
{
    position: absolute;
    top: 135px;
    left: 520px;
    background-color: #666666;
}
#value_2
{
    position: absolute;
    top: 220px;
    left: 520px;
    background-color: #666666;
}*/

.hAxisTitle {
    color: #FFFFFF;
    text-align: center;
    position: absolute;
    bottom: 7px;
    left: 238px;
    font-size: 16px; 
}

.vAxisTitle {
    color: #FFFFFF;
    text-align: center;
    position: absolute;
    bottom: 241px;
    left: -49px;
    font-size: 18px;
    transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
}