.question_block table {
  width:100%;
}

.question_block tr {
  height:30px;
  vertical-align:middle;
  line-height:30px;
}

.question_block th, td {
  padding-left:5px;
}



.question_block .meta_item {
  background:#efefef;

  padding:10px;
  margin-right:10px;
  text-align:center;

  min-width:15%;
  border:1px solid #ccc;
  -moz-box-shadow: 5px 5px 7px rgba(0, 19, 57, 0.05) inset, -5px -5px 7px rgba(0, 19, 57, 0.05) inset;
  -webkit-box-shadow: 5px 5px 7px rgba(0, 19, 57, 0.05) inset, -5px -5px 7px rgba(0, 19, 57, 0.05) inset;
  box-shadow:5px 5px 7px rgba(0, 19, 57, 0.05) inset, -5px -5px 7px rgba(0, 19, 57, 0.05) inset;

}
.question_block .meta_item p {
  text-transform:uppercase;
  font-size:11px;
    line-height: 20px;
  /*text-shadow: 1px 1px 0px #dedede;*/
  text-shadow: rgba(255, 255, 255, 0.898438) 0px 1px 1px;
    margin: 0;
}
.question_block .meta_item h2 {
  font-size:28px;
  margin:0;
  line-height:1em;
  /*text-shadow: 1px 1px 0px #dedede;*/
  text-shadow: rgba(255, 255, 255, 0.898438) 0px 1px 1px;
}
.question_block .meta_item a {
  color:#444;
  text-decoration:none;
}


.panel td {
    vertical-align: top;
}

.panel form > p, .panel > p {
    margin-bottom: 20px;
}

.panel .meta_wrapper {
    background: #EDEDED url("/assets/i/simpletabs.png") repeat-x scroll left bottom;
    margin: -1em;
    padding: 1em;
    margin-bottom: 1em;
    padding-bottom: 0;

}

.panel .meta_wrapper.survey {
    border-bottom: solid 1px #298400;
}


/***** QUESTIONS AND ANSWERS */

.question_block {
    width: 100%;
    position: relative;
}

.code {
    font-family: monospace;
}

.question_text {
    padding: 10px 15px;
    padding-left: 0;
    font-size: 24px;
    line-height: 1.4em;
    margin-bottom: 20px;
    font-family: Georgia, Times, serif;
    white-space: pre-wrap;
    word-wrap: break-word;
}
#question_form {

}

ol.choices, ol.choices_edit {
    list-style-position: outside;
    margin: 0;
    clear: both;

}

.choices li, .choices_edit li {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;

}

.choices li {
    padding: 15px;
    margin: 6px 0;
    margin-left: 25px;
    font-size: 12px;
    color:#999;

}
.choices li span {
    font-size: 18px;
    color:#000;
}

.choices_edit li {
    margin-bottom: 10px;
}

.choices li.active_choice.active:hover, .choices_edit li.active_choice.active:hover, .choices li.active_choice.active_select:hover {
    border: 1px solid #999 ;
    background: #eee ;
}

.choices li:last-child, .choices_edit li:last-child {
    margin-bottom: 0;
}

.choice, .active_choice {
    cursor: default;
    border: 1px solid #eee;
    background: #f8f8f8;
}

.active, .active_select {
    cursor: pointer;
}
.aActive {
    border: 1px solid #96C9E8 !important;
    background: #CFE5F2 !important;
}

li.active_choice input[type=radio] {
    display: none;
}
li.active_choice input[type=checkbox] {
    vertical-align: 0;
    margin-right: 10px;
 }
.not_chosen {
    border: 1px solid #DDD;
    background-color: #EEE;
    color: #BBB;
}

.correct_answer {
    /* green */
    border: 1px solid #97cd62;
    background-color: #97cd62;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#97cd62), to(#8cb33d));
    background-image: -webkit-linear-gradient(top, #97cd62, #8cb33d);
    background-image: -moz-linear-gradient(top, #97cd62, #8cb33d);
    background-image: -ms-linear-gradient(top, #97cd62, #8cb33d);
    background-image: -o-linear-gradient(top, #97cd62, #8cb33d);
    background-image: linear-gradient(top, #97cd62, #8cb33d);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr = '#97cd62', EndColorStr = '#8cb33d');
}

.wrong_answer {
    /* red */
    border: 1px solid #cc0000;
    background-color: #cc0000;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#cc0000), to(#9e0101));
    background-image: -webkit-linear-gradient(top, #cc0000, #9e0101);
    background-image: -moz-linear-gradient(top, #cc0000, #9e0101);
    background-image: -ms-linear-gradient(top, #cc0000, #9e0101);
    background-image: -o-linear-gradient(top, #cc0000, #9e0101);
    background-image: linear-gradient(top, #cc0000, #9e0101);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr = '#cc0000', EndColorStr = '#9e0101');
}

.correct_answer, .wrong_answer {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #ffffff;
}

.question_actions, .test_description {
    margin-bottom: 20px;
}

.new_times_up {
    position: absolute;
    background: #000 /*url('/img/btn_times_up.png') no-repeat center center*/;
    opacity: 0.9;
    filter: alpha(opacity = 70); /* For IE8 and earlier */
    /*top: -18px;*/
    left: -18px;
    z-index: 10;
    width: 950px;
    height: 100%;
    padding-bottom: 36px;
    display: none;
}

.new_times_up table {

    width: 100%;
    height: 100%;
}

.new_times_up tr {
    text-align: center;
}

.new_times_up tr, .new_times_up td {
    vertical-align: middle;
}

.new_times_up td {
    color: white;
    width: 100%;
    text-align: center;
}



/***** TIMER */

 .timer {
     margin: 27px 0 26px 0;
   height:28px;
   position: relative;
   background: #fffbea;
  border: 1px solid #ccc;
     -moz-box-shadow: 5px 5px 7px rgba(0, 19, 57, 0.05) inset, -5px -5px 7px rgba(0, 19, 57, 0.05) inset;
      -webkit-box-shadow: 5px 5px 7px rgba(0, 19, 57, 0.05) inset, -5px -5px 7px rgba(0, 19, 57, 0.05) inset;
      box-shadow:5px 5px 7px rgba(0, 19, 57, 0.05) inset, -5px -5px 7px rgba(0, 19, 57, 0.05) inset;
     border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
 }

 .timer_meter {
   position: absolute;
   z-index: 1;
   height: 100%;
   width: 100%;
   border-radius: 3px;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;

   white-space: nowrap; /* stuff for dynamic meter value */
   overflow: hidden;
   top: 0px;
 }

.timer_meter {
     background-color: #1da7d4;
   background-image: -webkit-gradient(linear, left top, left bottom, from(#1da7d4), to(#1894bd));
   background-image: -webkit-linear-gradient(top, #1da7d4, #1894bd);
   background-image:    -moz-linear-gradient(top, #1da7d4, #1894bd);
   background-image:     -ms-linear-gradient(top, #1da7d4, #1894bd);
   background-image:      -o-linear-gradient(top, #1da7d4, #1894bd);
   background-image:         linear-gradient(top, #1da7d4, #1894bd);
             filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#1da7d4', EndColorStr='#1894bd');
}

.inactive .timer_meter {
  background-color: #1E6982;
  background-image: none;
}

 .timer_value {
   z-index:2;
   color: #69b5e1;
   font-size:0.72em; /* ~13px */
   line-height:28px;
   font-weight: bold;
   margin-left: 10px;
 }




.timer_wrapper {
    margin: 0;
    padding: 0;
    float: left;
    width: 100%;
}
.timer_wrapper {

}
.timer_wrapper .timer {
    position: relative;
    top: -28px;
}
.test_result_info li {
    font-weight: bold;
}
.test_status {
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1.8em;
    color: gray;
}
.test_status .wrong {
    color: #BF0000;
}
.test_status .complete {
    color: #0CA800;
}
.test_status .timeout {
    color: #00AACF;
}
.detail_descr {
    border-top: 1px solid #CCCCCC;
    margin: 4px 0;
    line-height: 2.4em;
}

dl.wide_test_info{
    max-width: 600px;
}

.test_info dt {
    font-size: 90%;
    line-height: 130%;
    background: none repeat scroll 0 0 #eee;
    color: #000;
    float: left;
    font-weight: bold;
    margin-right: 10px;
    padding: 2px 5px;
    width: 100px;

}
.test_info dd {
    margin: 2px 0;
    padding: 2px 5px;
    line-height: 130%;
    min-height: 20px;
    margin-left: 120px;
}
.wide_test_info dt {
    width: 160px;
}
.wide_test_info dd {
    margin-left: 180px;
}

.test_result {
    background-color: #FFFF99;
    width: 100px;

}

.test_result.bg-green {
    background: green;
    color: #fff;
}
.test_result.bg-red {
    background: red;
    color: #fff;
}


.notpayed {
    width: 400px;
    margin: 2em auto;
    padding: 1em;
    border: 1px solid #ccc;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    text-align: center;
}
.notpayed h3 {
    text-align: center;
}
.notpayed form {
    margin: 1em 0;
}
.notpayed form button {
    border: 2px solid green;
    font-size: 120%;
}

.test_start_block {
    margin-bottom: 1em;

}

.tester_details ul {
    list-style:outside disc;
}
.tester_details ul li {
    margin-bottom: 5px;
}
.tester_details .color-red {
    color: red;
}
.tester_details .color-green {
    color: green;
}
.tester_details td.result_text {
    vertical-align: middle;
}