/*body {
text-align:center;
margin: 0;
font-family: Tahoma, Verdana, Arial, Sans-Serif;
font-size:12px;
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
cursor:default;
}*/

.exam-container .top_bar {
    height: 25px;
    padding-top: 12px;
    color: #3e3e3e;
    margin: 0;
}
.exam-container .blue_color {
    color: #3d8bf4;
    font-weight: bold;
    margin: 0 8px;
}
.exam-container .green_color {
    color: green;
    font-weight: bold;
    margin: 0 8px;
}
.exam-container .red_color {
    color: red;
    font-weight: bold;
    margin: 0 8px;
}
.exam-container .separator {
    border-left: 1px solid #a5a5a5;
    width: 3px;
}
.exam-container .plain_text {
    font-family: Tahoma, Verdana, Arial, Sans-Serif;
    font-size: 12px;
}
.exam-container .question_container {
    border: 1px solid #bbbbbb;
    padding: 10px;
    background: url('../img/container_bg.png');
    background-color: #e2e2e2;
    background-repeat: repeat-x;
    margin: 0 auto;
    text-align: left;
    margin-top: 5px;
    overflow: hidden;
    height: 360px;
}
.exam-container .test_question_container {
    border: 1px solid #bbbbbb;
    padding: 10px;
    background: url('../img/container_bg.png');
    background-color: #e2e2e2;
    background-repeat: repeat-x;
    margin: 0 auto;
    text-align: left;
    margin-top: 5px;
}
.exam-container .answers {
    border: 1px solid #bbbbbb;
    padding: 10px;
    background: url('../img/container_bg.png');
    background-color: #e2e2e2;
    background-repeat: repeat-x;
    margin: 0 auto;
    text-align: left;
    margin-top: 10px;
    overflow: hidden;
    height: 101px;
}
.exam-container .top_bar_wrap {
    margin: 0 auto;
    text-align: left;
    font-size: 16px;
    font-weight: bold;
}
.exam-container .test_answers {
    border: 1px solid #bbbbbb;
    padding: 10px;
    background: url('../img/container_bg.png');
    background-color: #e2e2e2;
    background-repeat: repeat-x;
    margin: 0 auto;
    text-align: left;
    margin-top: 10px;
    overflow: hidden;
    height: auto;
}
.exam-container .title {
    font-weight: bold;
    font-size: 14px;
    position: relative;
    float: left;
}
.exam-container .question {
    position: relative;
    clear: left;
    padding: 5px 0 0 0;
    color: #3e3e3e;
}
.exam-container .image {
    position: relative;
    float: right;
}
.exam-container .image img {
    width: 100%;
    height: auto;
}
.exam-container .var {
    position: relative;
    clear: left;
    padding-top: 10px;
}
.exam-container .var_a {
    margin-left: 5px;
    color: #3e3e3e;
    padding: 0 5px;
}
.exam-container .var .active{
    background-color: #ffe42b;
}
.exam-container .var_b {
    margin-left: 5px;
    color: #3e3e3e;
    padding: 0 5px;
}
.exam-container .var_c {
    margin-left: 5px;
    color: #3e3e3e;
    padding: 0 5px;
}
.exam-container .var_d {
    margin-left: 5px;
    color: #3e3e3e;
    padding: 0 5px;
}
.exam-container .var_e {
    margin-left: 5px;
    color: #3e3e3e;
    padding: 0 5px;
}
.exam-container .buttons {
    width: 373px;
    text-align: center;
    margin: 10px auto;
    overflow: hidden;
}
.exam-container .test_buttons_DEPRECATED {
    text-align: center;
    margin: 10px auto;
    overflow: hidden;
}
.exam-container .answer_a {
    width: 91px;
    height: 73px;
    background: url(../img/abc_buttons.png);
    position: relative;
    float: left;
    cursor: pointer;
}
.exam-container .answer_a.active {
    background: url(../img/abc_buttons.png) scroll 0px -73px;
}
.exam-container .answer_b {
    width: 91px;
    height: 73px;
    background: url(../img/abc_buttons.png) 362px 0px; /* repeat scroll -91px 0px;*/
    position: relative;
    float: left;
    cursor: pointer;
}
.exam-container .answer_b.active {
    background: url(../img/abc_buttons.png) scroll -93px -73px;
}
.exam-container .answer_c {
    width: 91px;
    height: 73px;
    background: url(../img/abc_buttons.png) 272px 0px; /*  repeat scroll -182px 0px;*/
    position: relative;
    float: left;
    cursor: pointer;
}
.exam-container .answer_c.active {
    background: url(../img/abc_buttons.png) scroll -183px -73px;
}
.exam-container .answer_d {
    width: 91px;
    height: 73px;
    background: url('../img/abc_buttons.png') scroll -272px 0px;
    position: relative;
    float: left;
    cursor: pointer;
}
.exam-container .answer_d.active {
    background: url(../img/abc_buttons.png) scroll -272px -73px;
}
.exam-container .answer_e {
    width: 91px;
    height: 73px;
    background: url('../img/var_05.png');
    position: relative;
    float: left;
    cursor: pointer;
}
.exam-container .buttons_2 {
    width: 910px;
    margin: 0 auto;
    overflow: hidden;
}
.exam-container .later_btn {
    min-width: 205px;
    margin-top: 10px;
    height: 55px;
    position: relative;
    float: left;
    background: url('../img/btn_spr.png') 0px -165px;
    background-repeat: no-repeat;
    font-size: 16px;
    padding-left: 60px;
    padding-top: 17px;
    text-align: left;
    cursor: pointer;
    display: inline-block;
    color: #3e3e3e;
}
.exam-container .reset_btn {
    min-width: 205px;
    margin-top: 10px;
    height: 55px;
    position: relative;
    float: left;
    background: url('../img/btn_spr.png') 0px -110px;
    background-repeat: no-repeat;
    font-size: 16px;
    padding-left: 65px;
    padding-top: 17px;
    text-align: left;
    cursor: pointer;
    color: #3e3e3e;
}
.exam-container .send_btn {
    min-width: 205px;
    margin-top: 10px;
    height: 55px;
    position: relative;
    float: left;
    background: url('../img/btn_spr.png') 0px -55px;
    background-repeat: no-repeat;
    font-size: 16px;
    padding-left: 65px;
    padding-top: 17px;
    text-align: left;
    cursor: pointer;
    color: #3e3e3e;
    /*
    background: transparent url('images/btn_spr.png') repeat scroll 0% 0%; 
    color: rgb(62, 62, 62); 
    cursor: pointer;
    */
}
.exam-container .send_btn.active{
    background: url('../img/btn_spr.png') 0px -55px;
    color: #3e3e3e;
    background-repeat: no-repeat;
}
.exam-container .b_start {
    background: url(../img/start_button.png) no-repeat;
    cursor: pointer;
    width: 200px;
    left: 250px;
    height: 100px;
    border: none;
}
.exam-container .image_container {
    height: 360px;
    width: 480px;
}
.exam-container .noscript_overlay {
    background: url(../img/pattern_bg.jpg) #000;
    position: absolute;
    z-index: 1000;
    text-align: center;
    width: 100%;
    height: 100%;
}
.exam-container .modal_box {
    color: #000;
    width: 370px;
    font-size: 16px;
    position: relative;
    margin: 0 auto;
    background: #fff;
    padding: 20px;
    margin-top: 200px;
    text-align: left;
    overflow: hidden;
}
.exam-container .modal_box img {
    padding: 0;
    position: relative;
    float: left;
}
.exam-container .modal_box h3 {
    padding: 0;
    position: relative;
    float: left;
    font-size: 40px;
    margin: 0 0 0 30px;
    color: #4e4e4e;
}
.exam-container .modal_box span {
    padding: 0;
    position: relative;
    float: left;
    clear: both;
    margin: 50px 0 20px 0;
}
.exam-container .modal_alert {
    position: absolute;
    z-index: 1000;
    padding: 10px;
    background: #fff;
    border: 1px solid #dedede;
    color: red;
    display: block;
}
.exam-container .time {
    margin-left: 10px;
}
.exam-container .box {
    border: 1px solid #bbbbbb;
    padding: 10px;
    background: url('../img/container_bg.png');
    background-color: #e2e2e2;
    background-repeat: repeat-x;
    margin: 0 auto;
    text-align: left;
    margin-top: 10px;
    overflow: hidden;
}
.exam-container .result {
    width: 400px;
    height: 300px;
    color: #494949;
    font-size: 14px;
    text-align: center;
    line-height: 25px;
}
.exam-container .start_button {
    text-decoration: none;
    border: 0;
    margin-top: 50px;
}
.exam-container a {
    outline: medium none;
}
.exam-modal {
    display: none;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba( 255, 255, 255, .6 );
    /*background: rgba( 255, 255, 255, .6 ) url('../img/ajax-loader.gif') 50% 50% no-repeat;
    */
}

.exam-modal .info:before{
  content:url('../img/ajax-loader.gif');
  position:relative;
  vertical-align: middle;
  z-index:10000;
  top: 10px;
  left:-50px;
}
.exam-modal .info{
    vertical-align: middle;
    position: absolute;
    margin: auto;
    background: white;
    padding: 20px 101px;
    width: 100%;
    margin: auto;
    text-align: center;
    color: #0099CC;
    top: 50%;
    border: 2px solid #0099CC;
}

body.exam-loading {
    overflow: hidden;   
}
body.exam-loading .exam-modal {
    display: block;
}