#arcmin
{
    position: absolute;
    left: 390px;
    font-size: 19px;
}
#corr
{
        position: absolute;
    left: 747px;
    bottom: 90px;
    font-size: 20px;
    color: #00CC00;
top: 460px;
    font-weight: bold;
}
#incorr
{
        position: absolute;
    left: 746px;
    bottom: 90px;
    font-size: 20px;
    color: red;
top: 460px;
}

@font-face {
      font-family: 'gothic';
        src: url('../fonts/gothic/century_gothic.eot');
        src: url('../fonts/gothic/century_gothic.eot?#iefix') format('embedded-opentype'),
            url('../fonts/gothic/century_gothic.woff') format('woff'),
            url('../fonts/gothic/century_gothic.ttf') format('truetype'),
            url('../fonts/gothic/century_gothic.svg#ArialMT') format('svg');
    }

    body {
        overflow: hidden;
        margin: 0px;
        font-family:'gothic';
        font-size: 15px;
    }

    #main_cont {
            height: 650px;
            width: 900px;
            background-color: #dcdcdc;
            border: 1px solid;
            position: relative;
    }

    
    #container {
        position: relative;
        width: 100%;
        background-color: #000000;
        height: 620px;
        top: 30px;
        overflow-x: hidden;
    }
.button1
{
        width: 90px;
    position: absolute;
    border: 1px solid gray;
    text-align: center;
    right: 9px;
    top: 5px;
    border-radius: 3px;
    box-shadow: 2px 2px 1px gray;
    color:rgba(0, 0, 0, 0.75);
    background-color: #E1E1E1;
}
.button1:hover
{
    border: 1px solid #21A2DC;
}
.button1:active
{
    background-color: rgba(33, 162, 220, 0.26);
    border: 1px solid #21A2DC;
}
hr
{
      border-top-width: 0px;
    margin-top: 0px;
    margin-bottom: 15px;
}
div.cont1
{
/*    border: 2px solid red;*/
    height:36%;display:block;color:white;
}
div.cont2
{
/*    border: 2px solid red;*/
    height:36%;display:block;color:white;
}
div.cont1_a
{
/*   border: 2px solid pink;*/
    width:50%;height:100%;display:inline-block;font-weight: bold;font-size: 19px;
}
span.con1_a_text
{
    position: relative;top: 10px;left: 20px;
}

div.cont1_b
{
/*  border: 2px solid pink;*/
    width:49%;height:100%;display:inline-block;font-weight: bold;font-size: 19px;text-align: right;6
}
span.con1_b_text
{
    position: relative;top: 10px;right: 20px;
}


div.cont2_a
{
/*   border: 2px solid pink;*/
    width:50%;height:100%;display:inline-block;font-weight: bold;font-size: 19px;
}
span.con2_a_text
{
   position: relative;left: 20px;
}

div.cont2_b
{
/*  border: 2px solid pink;*/
    width:49%;height:100%;display:inline-block;font-weight: bold;font-size: 19px;text-align: right;
}
span.con2_b_text
{
    position: relative;right: 20px;
}

div.cont3
{
     height: 24%;
    margin-top: 10px;
    display: block;
   color: white;
    padding: 5px;
}
.cont3_txt
{
    color: rgba(255, 255, 255, 0.73);font-size: 19px;
}

div.image_pos1
{
    display: inline-block;
    width: 83%;
    margin-top: 2%;
/*    border: 2px solid blue;*/
    
    margin-left: 15%;
    height: 83%;
        overflow: hidden;
    text-align: right;
}
div.image_pos2
{
    display: inline-block;
    width: 83%;
    margin-top: 2%;
/*    border: 2px solid blue;*/
    margin-right: 15%;
    height: 83%;
        overflow: hidden;
    text-align: left;
}
div.image_pos3
{
    display: inline-block;
    width: 83%;
    margin-top: 0%;
/*    border: 2px solid blue;*/
    margin-left: 15%;
    height: 80%;
        overflow: hidden;
    text-align: right;
}
div.image_pos4
{
    display: inline-block;
    width: 83%;
    margin-top: 2%;
/*    border: 2px solid blue;*/
    margin-right: 15%;
    height: 83%;
        overflow: hidden;
    text-align: left;
}
.image_pos1 img, .image_pos2 img, .image_pos3 img,.image_pos4 img
{
    
/*    border: 2px solid green;*/
    
    
}




button
{
        height: 22px;
        width: 100px;    
    border: 1px solid gray;
    border-radius: 3px;
    background-color:#8B8B8B; 
}

test
{
    border: 2px solid red;
}
.submit:active
{
background-color: #CDE9F8;
}
.submit:active
{

background-color: #CDE9F8;
}
.submit:hover
{
border: 1px solid #0089df;

}

/**select:active
{
background-color: #CDE9F8;
}
option
{
background-color: #ffffff;
}
option:hover
{
    background-color: #CDE9F8 !important;
}
option:active
{
    background-color: #CDE9F8 !important;
}
select
{
        height: 21px;
        width: 100px;    
    border: 1px solid gray;
    border-radius: 3px;
   background-color:#8B8B8B; 
        margin-right: 20px;       

}
**/
#container2 {
    position: relative;
    display: inline-block;
    width: 250px;
    vertical-align: top;
    margin-left: 15px;
}

.select:hover{

border: 1px solid #0089df;
    

}
#drop_down {
    width: 75px;
    position: relative;
    height: 17px;
    border-radius: 4px;
    font-size: 13px;
    background-color: #444;
    border: 1px black solid;
    display: inline-block;
}

#drop_down:hover{
background-color: #999999;
}
.dropdown-content {
    display: none;
    position: absolute;
    font-size: 13px;
    background-color: white;
    overflow: auto;
    z-index: 1;
    top: 18px;
    width: 75px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.dropdown-content .source,.dropdown-content .bg {
    color: black;
    padding: 4px 0px;
    font-size: 12px;
    display: block;
}
.dropdown-content .source:hover,
.dropdown-content .bg:hover {
    background-color: #d6e1ef;

}

.selectedItem {
    width: 75px;
    height: 17px;
    border-radius: 4px;
    background-image: url('../images/bg_img1.png');
    background-repeat: repeat-x;
}
.selectedItem:hover{
    opacity: 0.6;
}
.selectedItem1 {
    width: 125px;
    height: 17px;
}
.selected{
    background-color: #a8c6ee !important;
}
.opt
{
    
 width:125px !important;   
}
#opt_1_1
{
       position: absolute;
    top: 502px;
    left: 90px;
    width: 90px;
    height: 20px;
    border-radius: 3px;
    border: 1px solid #b7babc;
	background-image: url(../images/drop_bg.png);
    background-color: #c8c8c8;
    z-index:1002;
    background-repeat: repeat-x;
}
#opt_2_1
{
       position: absolute;
    top: 502px;
    left: 260px;
    width: 90px;
    height: 20px;
    border-radius: 3px;
    border: 1px solid #b7babc;
	background-image: url(../images/drop_bg.png);
    background-color: #c8c8c8;
	
    z-index:1002;
    background-repeat: repeat-x;
}

#opt_3_1
{
       position: absolute;
    top: 502px;
    left: 424px;
    width: 90px;
    height: 20px;
    border-radius: 3px;
    border: 1px solid #b7babc;
	background-image: url(../images/drop_bg.png);
    background-color: #c8c8c8;
    z-index:1002;
    background-repeat: repeat-x;
}
#opt_4_1
{
       position: absolute;
    top: 502px;
    left: 585px;
    width: 90px;
    height: 20px;
    border-radius: 3px;
    border: 1px solid #b7babc;
	background-image: url(../images/drop_bg.png);
    background-color: #c8c8c8;
    z-index:1002;
    background-repeat: repeat-x;
}
.opt_val
{
    position: absolute;
    top: 0px;
cursor: default;
     color: black;
    left: 0px;
    width: 96px;
    height: 16px;
    -webkit-transform: translate(0px,3px);
	 -moz-transform: translate(0px,1px);
/*    margin-top: 3px;*/
    font-family: gothic;
    font-size: 12px;
    text-align: center;
    vertical-align: middle;
    
   border-right: 1px solid #b7babc;
}
.opt_drop
{
       width: 27px;
    height: 19px;
    position: absolute;
    left: 85px;
    cursor: default;
    border-left: 0px solid #666666;
}
.option:hover{
background:#9ad8ff;

}

.outclass
{
border-left: 0px solid #666666;
background:#b7babc;
}
.opt_list_1
{
    width: 126px;
    height: 90px;
    background-color: #fff;
    position: absolute;
    top: 525px;
    left: 91px;
    color: black;
    line-height: 1.7;
   
    display: none;
    z-index: 100;
    cursor: default;
    font-size: 14px;
    
}
.option
{
border:1px solid #ccc;
line-height:1.4;
    text-align: left;
    padding-left: 5px;

}
.opt_list_2
{
    width: 126px;
    height: 90px;
	 font-size: 14px;
    background-color: #fff;
    position: absolute;
    top: 525px;
    left: 261px;
    color: black;
	line-height:1.7;
	
    display: none;
    z-index:100;
    cursor: default;
    
}
.select
{

  position: absolute;
    top: 493px;
    left: 428px;
    width: 90px;
    height: 20px;
    border-radius: 3px;
    border: 1px solid #b7babc;
	-webkit-appearance: menulist;
	background-image: url(../images/drop_bg.png);
    background-color: #c8c8c8;
    z-index:1002;
    background-repeat: repeat-x;
	


}
#select1
{
left:100px;

}
#select2
{
left:220px;

}
#select3
{
left:340px;

}
#select4
{
left:460px;

}
.opt_list_3
{
width: 126px;
height: 90px;
font-size: 14px;
background-color: #fff;
position: absolute;
top: 525px;
left: 425px;
color: black;
 
	line-height:1.7;
	
    display: none;
    z-index:100;
    cursor: default;
    
}
.opt_list_4
{
    width: 126px;
     height: 90px;
	 font-size: 14px;
    background-color: #fff;
    position: absolute;
    top: 525px;
    left: 585px;
color: black;
	line-height:1.7;
	
    display: none;
    z-index:100;
    cursor: default;
    
}
#opt_1_1:hover,#opt_2_1:hover,#opt_3_1:hover,#opt_4_1:hover
{
    border: 1px solid #0093f0;
    
}
select
{
background:#ccc;
width:100px;
height:30px;
font-size:12px;
border-radius:4px;
color:#000;
z-index:1000;
}
.orderSelect
{
position:absolute;
top:480px;

}
.arw
{
    position: absolute;
    top: 8px;
    left: 20px;
    width: 9px;
    height: 5px;
    background-image: url(../images/arw.png);
    background-repeat: repeat-x;
    background-size: 100% 100%;
}


#sub_cont1 {
    position: absolute;
    top: 520px;
    height: 25px;
} 

#sub_cont2 {
    position: relative;
    margin-top: 20px;
}

#sub_cont3 {
    position: relative;
    margin-top: 15px;
}

.surc_txt {
    width: 110px;
    display: inline-block;
    vertical-align: top;
    margin-top: 15px;
    margin-left: 10px;
}

.bg_txt {
    width: 110px;
    display: inline-block;
    vertical-align: top;
    margin-left: 10px;
    margin-top: 15px;
}

#container3 {
    margin-top: 15px;
    position: relative;
    margin-left: 10px;
/*    width: 660px;*/
}
#container3 div {
    display: inline-block;
    vertical-align: top;
}

.submit
{
position: absolute;
left: 750px;
top: 503px;
}