@charset "utf-8";
h2#instr_txt {
  height: 30px;
}

.left_body_panel {
  width: 330px;
  float: left;
  margin-right: 30px;
}

.right_body_panel {
  overflow: hidden;
}

.right_body_panel h3 {
  font-size: 24px;
  color: #333333;
  line-height: 20px;
  margin-bottom: 15px;
}

.right_body_panel p {
  padding: 0 70px 20px 0;
}

.static_image_right .left_body_panel {
  float: right;
  margin-left: 30px;
  margin-right: 0px;
}

#instr .more {
  position: relative;
  top: -6px;
  visibility: hidden;
  float: right;
  margin-right: 10px;
  margin-top: 1px;
  font-size: 12px;
  line-height: 24px;
  padding: 0 8px;
}

@charset "utf-8";
.mark_boxes {
  background-color: #fff;
  color: #525252;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #848D00;
  padding: 18px 15px 9px;
  cursor: pointer;
  margin-bottom: 20px;
}

.desktop .mark_boxes:hover {
  border: 1px solid #848D00;
}

.mark_boxes.active {
  background-color: #008638;
  color: #fff;
}

.mark_boxes.active .chk_mrk {
  background-position: -154px -16px;
}

.mcms .mark_boxes .option_text {
  max-height: 60px;
  overflow: hidden;
  line-height: 20px;
  margin-bottom: 10px;
}

.check_mark_box {
  float: left;
  width: 25px;
  margin-right: 10px;
  height: 30px;
}

.chk_mrk {
  width: 21px;
  height: 21px;
  background-position: -101px -16px;
}

.mcms .more {
  position: absolute;
  right: -38px;
  top: 38px;
  font-size: 12px;
  line-height: 24px;
  padding: 0 8px;
  display: inline-block;
  visibility: hidden;
}

.mcms .audio {
  float: right;
}

.ordering_boxes {
  background-color: #fff;
  color: #525252;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #7db658;
  padding: 14px 14px 14px 45px;
  cursor: pointer;
  margin-bottom: 15px;
  position: relative;
  overflow: hidden;
  cursor: move;
}

.ordering_boxes.hoverclass {
  background-color: #ea7600;
}

.ordering_move_bar {
  background-color: #008638;
  -webkit-border-radius: 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px;
  width: 35px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.chk_quest {
  font-size: 18px;
}

.ordering_left_panel {
  float: left;
  margin-right: 10px;
  margin-top: 13px;
  text-align: right;
  width: 35px;
}

.ordering_move_bar_icon {
  width: 30px;
  height: 30px;
  background-position: -468px -252px;
  margin: 10px 0 0 2px;
}

.ordering_boxes .more {
  position: absolute;
  right: 12px;
  top: 48px;
  font-size: 12px;
  line-height: 24px;
  padding: 0 8px;
  display: inline-block;
}

.ordering .ordering_boxes .option_text {
  max-height: 60px;
  overflow: hidden;
  line-height: 20px;
}

.ordering .ordering_boxes .audioholder .audio {
  float: right;
  top: -5px;
}

.ordering .ordering_boxes .audioholder {
  position: relative;
  width: 30px;
  height: 10px;
  float: right;
}

@charset "utf-8";
.question_sets {
  background-color: #fff;
  color: #525252;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #7db658;
  margin-bottom: 15px;
  position: relative;
}

.question_sets h5 {
  padding: 6px 10px 9px;
  font-size: 18px;
  color: #303030;
  overflow: hidden;
  line-height: 22px;
  max-height: 75px;
}

.answer_panel {
  background-color: #deecd5;
  border-top: 1px dotted #b8b3aa;
  padding: 10px;
  -webkit-border-radius: 0px 0px 5px 5px;
  -moz-border-radius: 0px 0px 5px 5px;
  border-radius: 0px 0px 5px 5px;
}

.answer_boxes {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #fff;
  border: 1px solid #ababab;
  text-align: left;
  font-size: 18px;
  color: #737474;
  width: 197px;
  float: left;
  margin: 0 10px 0 0;
  padding: 5px 10px;
  cursor: pointer;
}

.last_panel {
  margin: 0;
}

.answer_boxes:hover {
  border: 1px solid #075220;
}

.answer_boxes.active {
  background-color: #ea7600;
  border: 1px solid #075220;
  color: #fff;
}

.mcss .answer_boxes div.audioholder {
  position: relative;
  height: 10px;
  width: 30px;
  float: left;
}

.mcss .answer_boxes div.onaudio {
  width: 165px;
  float: left;
}

.mcss .answer_boxes div.audio {
  float: left;
  position: absolute;
  left: -4px;
  top: -5px;
}

.mcss .question_sets>div>.audioholder .audio {
  position: absolute;
  top: 5px;
  left: 10px
}

.mcss .question_sets>div>.audioholder {
  float: left;
  position: relative;
  width: 30px;
  height: 20px;
  margin-right: 6px;
  margin-top: -1px;
}

.mcss .question_sets .more {
  position: absolute !important;
  right: 6px !important;
  top: 50px !important;
  font-size: 12px;
  line-height: 24px;
  padding: 0 8px;
}

.question_sets .option {
  max-height: 80px;
  overflow: hidden;
  position: relative;
}

.moreplaceholder {
  float: right;
  visibility: hidden;
  width: 30px;
}