/* Do NOT override this file by duplication and editing of the original - <councilname_extra.css> should be used instead */
#quest_wrapper .help{
  margin-bottom: 0;
}

#quest_wrapper .sr-only {
  position: relative;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

#quest_wrapper {
  line-height: 1.62em;
  padding: 0 16px;
  margin: 0; }
  #quest_wrapper div.rule {
    border-bottom: 1px solid #dfdfdf;
    margin: 0;
    height: 0;
    line-height: 0;
    overflow: hidden;
    clear: both; }
    #quest_wrapper div.rule hr {
    margin: 0 8px;
    border-bottom: 1px solid #dfdfdf; }
  #quest_wrapper div.separator {
    margin: 0;
    height: 1px;
    line-height: 1px;
    overflow: hidden;
    clear: both;
    margin: 16px 0; }
    #quest_wrapper div.separator hr {
    margin: 0 8px;
    border-bottom: 1px solid #dfdfdf; }
  #quest_wrapper .hidden {
    display: none; }
  #quest_wrapper .q_float_left {
    float: left;
    margin-right: 0.5em;
    margin-right: 1ex; }
  #quest_wrapper .q_float_right {
    float: right;
    margin-left: 0.5em;
    margin-left: 1ex; }
  #quest_wrapper .q_button {
    display: inline-block;
    padding: 9px 10px;
    margin: 0;
    min-width: 100px;
    width: auto;
    height: auto;
    overflow: visible;
    zoom: 1;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -o-box-sizing: content-box;
    -ms-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none; }
    #quest_wrapper .q_button {
      font: bold 12px Arial, sans-serif;
      line-height: normal !important;
      text-decoration: none;
      color: #3f3f3f !important;
      background: #e9e9e9;
      border: 1px solid #b1aeae;
      text-shadow: 0 1px 0 white;
      box-shadow: inset 0 13px 13px -6px #fdfdfd, inset 0 0 0 1px rgba(255, 255, 255, 0.58), 0 2px 3px -2px rgba(0, 0, 0, 0.3);
      border-radius: 3px;
      text-align: center;
      cursor: pointer;
      vertical-align: baseline;
      outline: none;
      -webkit-font-smoothing: antialiased;
      -webkit-transition: all .16s ease-in-out;
      -moz-transition: all .16s ease-in-out;
      -o-transition: all .16s ease-in-out;
      -ms-transition: all .16s ease-in-out;
      transition: all .16s ease-in-out; }
    #quest_wrapper .q_button:hover, #quest_wrapper .q_button.hovered {
      color: #3f3f3f !important;
      border: 1px solid #9b9898;
      background-color: #f0f0f0;
      box-shadow: inset 0 -8px 13px -4px #fdfdfd, inset 0 0 0 1px rgba(255, 255, 255, 0.58), 0 2px 3px -2px rgba(0, 0, 0, 0.23); }
    #quest_wrapper .q_button:focus, #quest_wrapper .q_button.focused {
      color: #3f3f3f !important;
      border: 1px solid #349ee5;
      box-shadow: inset 0 -8px 13px -4px #fdfdfd, inset 0 0 0 1px rgba(255, 255, 255, 0.58), 0 2px 3px -2px rgba(0, 0, 0, 0.23), 0 0 6px rgba(52, 158, 229, 0.34);
      background-color: #f0f0f0; }
    #quest_wrapper .q_button.focused:hover {
      color: #3f3f3f !important;
      box-shadow: inset 0 -8px 13px -4px #fdfdfd, inset 0 0 0 1px rgba(255, 255, 255, 0.58), 0 2px 3px -2px rgba(0, 0, 0, 0.23), 0 0 6px rgba(52, 158, 229, 0.34); }
    #quest_wrapper .q_button[disabled] {
      box-shadow: none;
      border: 1px solid #DADADA;
      background: #F7F7F7;
      color: #C4C4C4;
      text-shadow: none;
      cursor: default; }
  #quest_wrapper input.q_button::-moz-focus-inner,
  #quest_wrapper button.q_button::-moz-focus-inner {
    border: 0 !important; }
  #quest_wrapper .q_button_flat {
    font: bold 12px Arial, sans-serif;
    line-height: normal !important;
    text-decoration: none;
    color: #3f3f3f !important;
    background: #e9e9e9;
    border: 1px solid #b1aeae;
    text-shadow: 0 1px 0 white;
    box-shadow: inset 0 13px 13px -6px #fdfdfd, inset 0 0 0 1px rgba(255, 255, 255, 0.58), 0 2px 3px -2px rgba(0, 0, 0, 0.3);
    border-radius: 3px;
    text-align: center;
    cursor: pointer;
    vertical-align: baseline;
    outline: none;
    -webkit-font-smoothing: antialiased;
    -webkit-transition: all .16s ease-in-out;
    -moz-transition: all .16s ease-in-out;
    -o-transition: all .16s ease-in-out;
    -ms-transition: all .16s ease-in-out;
    transition: all .16s ease-in-out; }
  #quest_wrapper .q_button_flat:hover, #quest_wrapper .q_button_flat.hovered {
    color: #3f3f3f !important;
    border: 1px solid #9b9898;
    background-color: #f0f0f0;
    box-shadow: inset 0 -8px 13px -4px #fdfdfd, inset 0 0 0 1px rgba(255, 255, 255, 0.58), 0 2px 3px -2px rgba(0, 0, 0, 0.23); }
  #quest_wrapper .q_button_flat:focus, #quest_wrapper .q_button_flat.focused {
    color: #3f3f3f !important;
    border: 1px solid #349ee5;
    box-shadow: inset 0 -8px 13px -4px #fdfdfd, inset 0 0 0 1px rgba(255, 255, 255, 0.58), 0 2px 3px -2px rgba(0, 0, 0, 0.23), 0 0 6px rgba(52, 158, 229, 0.34);
    background-color: #f0f0f0; }
  #quest_wrapper .q_button_flat.focused:hover {
    color: #3f3f3f !important;
    box-shadow: inset 0 -8px 13px -4px #fdfdfd, inset 0 0 0 1px rgba(255, 255, 255, 0.58), 0 2px 3px -2px rgba(0, 0, 0, 0.23), 0 0 6px rgba(52, 158, 229, 0.34); }
  #quest_wrapper .q_button_flat[disabled] {
    box-shadow: none;
    border: 1px solid #DADADA;
    background: #F7F7F7;
    color: #C4C4C4;
    text-shadow: none;
    cursor: default; }
  #quest_wrapper .q_button_flat {
    box-shadow: inset 0 13px 13px -6px #fdfdfd, inset 0 0 0 1px rgba(255, 255, 255, 0.58); }
  #quest_wrapper .q_button_flat:hover, #quest_wrapper .q_button_flat.hovered {
    box-shadow: inset 0 -8px 13px -4px #fdfdfd, inset 0 0 0 1px rgba(255, 255, 255, 0.58); }
  #quest_wrapper .q_button_flat:focus, #quest_wrapper .q_button_flat.focused {
    border: 1px solid #349ee5;
    box-shadow: inset 0 -8px 13px -4px #fdfdfd, inset 0 0 0 1px rgba(255, 255, 255, 0.58), 0 0 6px rgba(52, 158, 229, 0.34); }
  #quest_wrapper .q_button_flat.focused:hover {
    box-shadow: inset 0 -8px 13px -4px #fdfdfd, inset 0 0 0 1px rgba(255, 255, 255, 0.58), 0 0 6px rgba(52, 158, 229, 0.34); }
  #quest_wrapper .q_button_plain {
    font: bold 12px Arial, sans-serif;
    line-height: normal !important;
    text-decoration: none;
    color: #3f3f3f !important;
    background: #e9e9e9;
    border: 1px solid #b1aeae;
    text-shadow: 0 1px 0 white;
    box-shadow: inset 0 13px 13px -6px #fdfdfd, inset 0 0 0 1px rgba(255, 255, 255, 0.58), 0 2px 3px -2px rgba(0, 0, 0, 0.3);
    border-radius: 3px;
    text-align: center;
    cursor: pointer;
    vertical-align: baseline;
    outline: none;
    -webkit-font-smoothing: antialiased;
    -webkit-transition: all .16s ease-in-out;
    -moz-transition: all .16s ease-in-out;
    -o-transition: all .16s ease-in-out;
    -ms-transition: all .16s ease-in-out;
    transition: all .16s ease-in-out; }
  #quest_wrapper .q_button_plain:hover, #quest_wrapper .q_button_plain.hovered {
    color: #3f3f3f !important;
    border: 1px solid #9b9898;
    background-color: #f0f0f0;
    box-shadow: inset 0 -8px 13px -4px #fdfdfd, inset 0 0 0 1px rgba(255, 255, 255, 0.58), 0 2px 3px -2px rgba(0, 0, 0, 0.23); }
  #quest_wrapper .q_button_plain:focus, #quest_wrapper .q_button_plain.focused {
    color: #3f3f3f !important;
    border: 1px solid #349ee5;
    box-shadow: inset 0 -8px 13px -4px #fdfdfd, inset 0 0 0 1px rgba(255, 255, 255, 0.58), 0 2px 3px -2px rgba(0, 0, 0, 0.23), 0 0 6px rgba(52, 158, 229, 0.34);
    background-color: #f0f0f0; }
  #quest_wrapper .q_button_plain.focused:hover {
    color: #3f3f3f !important;
    box-shadow: inset 0 -8px 13px -4px #fdfdfd, inset 0 0 0 1px rgba(255, 255, 255, 0.58), 0 2px 3px -2px rgba(0, 0, 0, 0.23), 0 0 6px rgba(52, 158, 229, 0.34); }
  #quest_wrapper .q_button_plain[disabled] {
    box-shadow: none;
    border: 1px solid #DADADA;
    background: #F7F7F7;
    color: #C4C4C4;
    text-shadow: none;
    cursor: default; }
  #quest_wrapper .q_button_plain {
    background-color: #fff;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.58);
    border: 1px solid #444;
    box-shadow: 0 2px 3px -2px rgba(0, 0, 0, 0.3); }
  #quest_wrapper .q_button_plain:hover, #quest_wrapper .q_button_plain.hovered {
    border: 1px solid #444;
    background-color: #fff;
    box-shadow: 0 2px 3px -2px rgba(0, 0, 0, 0.23); }
  #quest_wrapper .q_button_plain:focus, #quest_wrapper .q_button_plain.focused {
    border: 1px solid #349ee5;
    background-color: #fff;
    box-shadow: 0 2px 3px -2px rgba(0, 0, 0, 0.23), 0 0 6px rgba(52, 158, 229, 0.34); }
  #quest_wrapper .q_button_plain.focused:hover {
    box-shadow: 0 2px 3px -2px rgba(0, 0, 0, 0.23), 0 0 6px rgba(52, 158, 229, 0.34); }
  #quest_wrapper .q_button_icon {
    min-width: 0;
    text-indent: 25px;
    width: 22px;
    height: 22px;
    padding: 0;
    text-align: center;
    position: relative;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: 50% 50%; }
    #quest_wrapper .q_button_icon .q_button_icon_label {
      opacity: 0;
      position: absolute;
      z-index: 100;
      left: 35px;
      top: -1px;
      text-indent: 0;
      white-space: nowrap;
      -webkit-transition: opacity 0.1s ease-out, left 0.08s ease-out;
      -moz-transition: opacity 0.1s ease-out, left 0.08s ease-out;
      -o-transition: opacity 0.1s ease-out, left 0.08s ease-out;
      -ms-transition: opacity 0.1s ease-out, left 0.08s ease-out;
      transition: opacity 0.1s ease-out, left 0.08s ease-out; }
    #quest_wrapper .q_button_icon:hover {
      overflow: visible; }
    #quest_wrapper .q_button_icon:hover .q_button_icon_label {
      opacity: 1;
      left: 30px; }
  #quest_wrapper .q_button_inactive {
    cursor: default; }
  #quest_wrapper .q_tooltip {
    border-radius: 3px;
    background: #444;
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
    text-shadow: none;
    padding: 0.4em 0.7em;
    -webkit-font-smoothing: antialiased;
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none; }
    #quest_wrapper .q_tooltip:after {
      position: absolute;
      top: 50%;
      left: -0.5em;
      margin-top: -0.5em;
      content: ' ';
      width: 0;
      height: 0;
      font-size: inherit;
      border-style: solid;
      border-color: transparent #444 transparent transparent;
      border-color: transparent rgba(0, 0, 0, 0.74) transparent transparent;
      border-width: 0.5em 0.5em 0.5em 0; }
    #quest_wrapper .q_tooltip.tail_right {
      right: -6px;
      border-color: transparent transparent transparent #444;
      border-color: transparent transparent transparent rgba(0, 0, 0, 0.8);
      border-width: 0.5em 0 0.5em 0.5em; }
  #quest_wrapper .q_icon__pencil {
    background-image: url("../images/icons/q_button_icon__pencil.png"); }
  #quest_wrapper .q_icon__restart {
    background-image: url("../images/icons/q_button_icon__restart.png"); }
  #quest_wrapper .q_icon img, #quest_wrapper .q_icon .icon, #quest_wrapper .q_icon .q_button_icon {
    display: inline-block;
    margin: 0 0.5em 0 0;
    margin-right: 1ex;
    vertical-align: text-bottom; }
  #quest_wrapper .q_icon .icon__inline {
    vertical-align: 4px; }
  #quest_wrapper .q_icon .icon__top {
    vertical-align: top; }
  #quest_wrapper .q_icon .icon__bottom {
    vertical-align: bottom; }
  #quest_wrapper .q_input {
    margin: 0;
    padding: 9px 10px;
    max-width: 94%;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -o-box-sizing: content-box;
    -ms-box-sizing: content-box;
    box-sizing: content-box;
    border: 1px solid #b1aeae;
    background: #fff;
    font-size: 12px;
    font-family: Arial, sans-serif;
    color: #444;
    line-height: normal;
    box-shadow: inset 0 2px 3px -2px rgba(0, 0, 0, 0.3);
    border-radius: 3px;
    -webkit-transition: box-shadow .16s ease-in-out;
    -moz-transition: box-shadow .16s ease-in-out;
    -o-transition: box-shadow .16s ease-in-out;
    -ms-transition: box-shadow .16s ease-in-out;
    transition: box-shadow .16s ease-in-out; }
    #quest_wrapper .q_input:focus, #quest_wrapper .q_input.focused {
      border: 1px solid #349ee5;
      box-shadow: inset 0px 2px 1px rgba(0, 0, 0, 0.1), 0 0 6px rgba(52, 158, 229, 0.34), inset 0 2px 3px -2px rgba(0, 0, 0, 0.3);
      outline: none; }
    #quest_wrapper .q_input.placeholder {
      color: #ccc; }
  #quest_wrapper input, #quest_wrapper select {
    width: auto;
    vertical-align: middle; }
  #quest_wrapper input[type="text"],
  #quest_wrapper input[type="password"],
  #quest_wrapper textarea {
    margin: 0;
    padding: 9px 10px;
    max-width: 94%;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -o-box-sizing: content-box;
    -ms-box-sizing: content-box;
    box-sizing: content-box;
    border: 1px solid #b1aeae;
    background: #fff;
    font-size: 12px;
    font-family: Arial, sans-serif;
    color: #444;
    line-height: normal;
    box-shadow: inset 0 2px 3px -2px rgba(0, 0, 0, 0.3);
    border-radius: 3px;
    -webkit-transition: box-shadow .16s ease-in-out;
    -moz-transition: box-shadow .16s ease-in-out;
    -o-transition: box-shadow .16s ease-in-out;
    -ms-transition: box-shadow .16s ease-in-out;
    transition: box-shadow .16s ease-in-out; }
    #quest_wrapper input[type="text"]:focus, #quest_wrapper input[type="text"].focused,
    #quest_wrapper input[type="password"]:focus,
    #quest_wrapper input[type="password"].focused,
    #quest_wrapper textarea:focus,
    #quest_wrapper textarea.focused {
      border: 1px solid #349ee5;
      box-shadow: inset 0px 2px 1px rgba(0, 0, 0, 0.1), 0 0 6px rgba(52, 158, 229, 0.34), inset 0 2px 3px -2px rgba(0, 0, 0, 0.3);
      outline: none; }
    #quest_wrapper input[type="text"].placeholder,
    #quest_wrapper input[type="password"].placeholder,
    #quest_wrapper textarea.placeholder {
      color: #ccc; }
  #quest_wrapper input[type="text"], #quest_wrapper input[type="password"],
  #quest_wrapper input[type="submit"], #quest_wrapper button {
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    appearance: none; }
  #quest_wrapper legend {
    max-width: 100%;
    white-space: normal; }
  #quest_wrapper legend span {
    display: none;
    white-space: nowrap;
    overflow: hidden;
  }
  #quest_wrapper :-moz-placeholder,
  #quest_wrapper input:-moz-placeholder {
    color: #999; }
  #quest_wrapper textarea {
    display: block;
    overflow: auto;
    vertical-align: top;
    width: 94%;
    resize: vertical;
    font-size: 0.85em; }
  #quest_wrapper select[size] {
    display: block;
    border: 1px solid #b1aeae;
    background: #fff;
    font-size: 12px;
    font-family: Arial, sans-serif;
    color: #444;
    line-height: normal;
    box-shadow: inset 0 2px 3px -2px rgba(0, 0, 0, 0.3);
    border-radius: 3px;
    -webkit-transition: box-shadow .16s ease-in-out;
    -moz-transition: box-shadow .16s ease-in-out;
    -o-transition: box-shadow .16s ease-in-out;
    -ms-transition: box-shadow .16s ease-in-out;
    transition: box-shadow .16s ease-in-out;
    padding: 0.2em 0;
    font-size: 0.85em; }
    #quest_wrapper select[size]:focus, #quest_wrapper select[size].focused {
      border: 1px solid #349ee5;
      box-shadow: inset 0px 2px 1px rgba(0, 0, 0, 0.1), 0 0 6px rgba(52, 158, 229, 0.34), inset 0 2px 3px -2px rgba(0, 0, 0, 0.3);
      outline: none; }
    #quest_wrapper select[size].placeholder {
      color: #ccc; }
    #quest_wrapper select[size] option {
      padding: 0.2em 0.5em; }
  #quest_wrapper div.q_fake_field_wrapper {
    position: relative;
    vertical-align: middle; }
    #quest_wrapper div.q_fake_field_wrapper div.q_input {
      text-align: left;
      max-width: none;
      min-width: 0;
      display: block;
      float: none;
      position: relative; }
    #quest_wrapper div.q_fake_field_wrapper .wrapped {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      padding: 0;
      margin: 0;
      max-width: none;
      min-width: 0;
      z-index: 10;
      opacity: 0;
      filter: alpha(opacity=0);
      -webkit-appearance: none;
      -moz-appearance: none;
      -o-appearance: none;
      -ms-appearance: none;
      appearance: none; }
  #quest_wrapper div.q_file_wrapper div.q_input {
    margin-right: 2px; }
    #quest_wrapper div.q_file_wrapper div.q_input span {
      line-height: inherit;
      display: block;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }
  #quest_wrapper div.q_file_wrapper a.q_button {
    position: absolute;
    bottom: 0;
    right: 0;
    top: 0;
    z-index: 2; }
  #quest_wrapper div.q_file_wrapper .wrapped {
    bottom: 0;
    right: 0;
    cursor: pointer !important; }
  #quest_wrapper div.q_select_wrapper {
    display: inline-block; }
    #quest_wrapper div.q_select_wrapper div.q_input {
      box-shadow: inset 0 0 0 1px white, 0 2px 3px -2px rgba(0, 0, 0, 0.12);
      background-color: #fafafa; }
      #quest_wrapper div.q_select_wrapper div.q_input:hover {
        box-shadow: inset 0 0 0 1px white, 0 2px 3px -2px rgba(0, 0, 0, 0.12); }
      #quest_wrapper div.q_select_wrapper div.q_input:focus, #quest_wrapper div.q_select_wrapper div.q_input.focused {
        box-shadow: inset 0 0 0 1px white, 0 2px 3px -2px rgba(0, 0, 0, 0.23), 0 0 6px rgba(52, 158, 229, 0.34); }
      #quest_wrapper div.q_select_wrapper div.q_input.focused:hover {
        box-shadow: inset 0 0 0 1px white, 0 2px 3px -2px rgba(0, 0, 0, 0.23), 0 0 6px rgba(52, 158, 229, 0.34); }
      #quest_wrapper div.q_select_wrapper div.q_input span {
        line-height: normal;
        font-weight: normal;
        margin-right: 30px;
        display: inline-block; }
      #quest_wrapper div.q_select_wrapper div.q_input:before {
        font: bold 12px Arial, sans-serif;
        line-height: normal !important;
        text-decoration: none;
        color: #3f3f3f !important;
        background: #e9e9e9;
        border: 1px solid #b1aeae;
        text-shadow: 0 1px 0 white;
        box-shadow: inset 0 13px 13px -6px #fdfdfd, inset 0 0 0 1px rgba(255, 255, 255, 0.58), 0 2px 3px -2px rgba(0, 0, 0, 0.3);
        border-radius: 3px;
        text-align: center;
        cursor: pointer;
        vertical-align: baseline;
        outline: none;
        -webkit-font-smoothing: antialiased;
        -webkit-transition: all .16s ease-in-out;
        -moz-transition: all .16s ease-in-out;
        -o-transition: all .16s ease-in-out;
        -ms-transition: all .16s ease-in-out;
        transition: all .16s ease-in-out; }
      #quest_wrapper div.q_select_wrapper div.q_input:hover:before, #quest_wrapper div.q_select_wrapper div.q_input.hovered:before {
        color: #3f3f3f !important;
        border: 1px solid #9b9898;
        background-color: #f0f0f0;
        box-shadow: inset 0 -8px 13px -4px #fdfdfd, inset 0 0 0 1px rgba(255, 255, 255, 0.58), 0 2px 3px -2px rgba(0, 0, 0, 0.23); }
      #quest_wrapper div.q_select_wrapper div.q_input:before {
        content: " ";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: 28px;
        box-shadow: inset 0 13px 13px -6px #FDFDFD, inset 0 0 0 1px rgba(255, 255, 255, 0.58);
        border-radius: 0 3px 3px 0;
        border-width: 0 0 0 1px; }
      #quest_wrapper div.q_select_wrapper div.q_input:after {
        content: "\25BC";
        position: absolute;
        top: 50%;
        right: 0;
        font-size: 10px;
        text-align: center;
        width: 28px;
        margin-top: -6px; }
  #quest_wrapper .q_select_fallback {
    padding: 7px 8px 8px; }
  #quest_wrapper .multi_q_input {
    padding: 7px 6px 3px; }
    #quest_wrapper .multi_q_input input[type="text"],
    #quest_wrapper .multi_q_input input[type="password"] {
      border-width: 0 0 1px;
      margin: 0;
      padding: 0 6px 5px;
      box-shadow: none;
      background: none; }
      #quest_wrapper .multi_q_input input[type="text"]:focus,
      #quest_wrapper .multi_q_input input[type="password"]:focus {
        border-width: 0 0 1px;
        box-shadow: none; }
  #quest_wrapper input[type="checkbox"],
  #quest_wrapper input[type="radio"] {
    box-sizing: border-box;
    padding: 0; 
    width: 24px;
    height: 24px;
    margin: 3px!important;
    cursor: pointer;
}
  #quest_wrapper div.option label {
    display: block;
    margin: 0;
    padding-left: 8px; }
    #quest_wrapper div.option label input {
      display: inline-block;
      margin-right: 8px; }
  #quest_wrapper .q_message {
    position: relative;
    color: #fff;
    padding: 1px 45px 1px 16px;
    margin: 16px;
    border-radius: 3px;
    border: none;
    overflow: visible;
    font-weight: normal;
    font-size: 0.9em;
    line-height: 1.62;
    font-family: inherit;
    -webkit-font-smoothing: antialiased; }
    #quest_wrapper .q_message h3, #quest_wrapper .q_message p, #quest_wrapper .q_message ul {
      color: inherit; }
    #quest_wrapper .q_message a {
      color: #fff;
      font-weight: bold;
      text-decoration: underline;
      border: none;
      background: none;
      padding: 0;
      margin: 0;
      display: inline; }
      #quest_wrapper .q_message a:hover {
        background: none;
        border: none;
        color: #fff;
        text-decoration: underline; }
      #quest_wrapper .q_message a.block-link {
        font-weight: normal;
        text-decoration: none;
        display: block; }
        #quest_wrapper .q_message a.block-link .link-text {
          font-weight: bold;
          text-decoration: underline; }
    #quest_wrapper .q_message:before {
      content: ' ';
      position: absolute;
      bottom: 0;
      width: 1.62em;
      height: 1.62em;
      -webkit-transform: translateX(6px) translateY(8px) rotate(-45deg);
      -moz-transform: translateX(6px) translateY(8px) rotate(-45deg);
      -o-transform: translateX(6px) translateY(8px) rotate(-45deg);
      -ms-transform: translateX(6px) translateY(8px) rotate(-45deg);
      transform: translateX(6px) translateY(8px) rotate(-45deg); }
    #quest_wrapper .q_message:after {
      position: absolute;
      top: 50%;
      right: 10px;
      margin-top: -16px;
      display: block;
      width: 1.1em;
      height: 1.15em;
      font: 800 24px/1.15 Arial, sans-serif;
      text-align: center;
      color: #fff;
      background: rgba(0, 0, 0, 0.12);
      border-radius: 2em;
      padding: 2px;
      -webkit-font-smoothing: antialiased;
      pointer-events: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -o-user-select: none;
      -ms-user-select: none;
      user-select: none; }
  #quest_wrapper .q_message_block {
    padding: 12px 56px 12px 16px; }
  #quest_wrapper .q_message.no_tail:before {
    content: none; }
  #quest_wrapper .q_message__error, #quest_wrapper .q_message__error p, #quest_wrapper .q_message__error span {
    font-weight: bold; }
  #quest_wrapper .q_message__error, #quest_wrapper .q_message__error:before {
    background: #BF4343; }
  #quest_wrapper .q_message__error:after {
    content: '!'; }
  #quest_wrapper .q_message__help, #quest_wrapper .q_message__help:before {
    background: #137ABF; }
  #quest_wrapper .q_message__help:after {
    content: '?'; }
  #quest_wrapper .q_message__info, #quest_wrapper .q_message__info:before {
    background: #0e5017; }
  #quest_wrapper .q_message__info:after {
    content: "i"; }
  #quest_wrapper .login_form {
    margin: 16px auto;
    max-width: 400px; }
    #quest_wrapper .login_form .q_message {
      margin: 16px auto; }
  #quest_wrapper .login_container {
    position: relative;
    border: 1px solid #3B3737;
    border-radius: 3px;
    color: #3B3737;
    background: #fff;
    padding: 0 16px;
    overflow: hidden; }
    #quest_wrapper .login_container .fieldrow {
      margin: 16px; }
      #quest_wrapper .login_container .fieldrow label {
        display: block;
        font-weight: bold;
        line-height: 2em; }
      #quest_wrapper .login_container .fieldrow input {
        width: 100%; }
    #quest_wrapper .login_container .buttonrow {
      margin: 16px;
      text-align: center; }
  #quest_wrapper #questpage {
    max-width: 675px;
    margin: 0 auto;
    font-size: 1.15em;
    line-height: 1.62; }

#questionnaire {
  position: relative;
  margin: 0 auto;
  padding: 0;
  border: none;
  max-width: 960px;
  min-width: 320px;
  width: auto;
  text-align: center;
  font: 500 16px/1.62em "Helvetica", Arial, sans-serif;
  color: #444;
  text-rendering: optimizeLegibility; }
  #questionnaire div, #questionnaire span,
  #questionnaire h1, #questionnaire h2, #questionnaire h3,
  #questionnaire p,
  #questionnaire ul, #questionnaire ol,
  #questionnaire form, #questionnaire label {
    position: static;
    margin: 0;
    padding: 0;
    border: none;
    text-align: left;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    font-family: "Helvetica", Arial, sans-serif;
    float: none;
    color: inherit; }
  #questionnaire h1, #questionnaire h2, #questionnaire h3,
  #questionnaire p,
  #questionnaire ul, #questionnaire ol,
  #questionnaire form, #questionnaire label {
    height: auto;
    max-height: none;
    min-height: none;
    width: auto;
    max-width: none;
    min-width: none;
    background: none; }
  #questionnaire label {
    cursor: pointer; }
  #questionnaire p, #questionnaire ul, #questionnaire ol {
    margin: 16px 0; }
  #questionnaire ul, #questionnaire ol {
    padding-left: 24px; }
  #questionnaire ul, #questionnaire ul li {
    list-style-type: disc; }
  #questionnaire ol, #questionnaire ol li {
    list-style-type: decimal; }
  #questionnaire li {
    padding: 0; }
  #questionnaire fieldset {
    border: none;
    margin: 0;
    padding: 0; }
    #questionnaire fieldset legend {
      display: block;
      margin: 0;
      padding: 0; }
  #questionnaire h1, #questionnaire h2, #questionnaire h3 {
    font-weight: bold;
    margin: 16px 0;
    -webkit-font-smoothing: antialiased; }
  #questionnaire h2 {
    font-size: 21px; }
  #questionnaire h3 {
    font-size: 18px; }
  #questionnaire div.rule {
    margin: 0 8px;
    border-bottom: 1px solid #dfdfdf; }
  #questionnaire div.header {
    background: none;
    margin: 16px 0 0;
    clear: both; }
    #questionnaire div.header h2 {
      font: 400 21px/1.3 "Helvetica", Arial, sans-serif;
      margin: 0 0 -0.2em;
      padding: 0; }
  #questionnaire div.container {
    float: left;
    position: relative;
    border: 1px solid #3B3737;
    border-radius: 3px;
    color: #3B3737;
    background: #fff;
    margin: 16px 0;
    min-width: 320px;
    max-width: 591px;
    width: 60%;
    overflow: hidden; }
  #questionnaire div.sidebar {
    float: left;
    margin: 16px 0 0;
    max-width: 367px;
    min-width: 283px;
    width: 38%;
    font-size: 14px;
    line-height: 1.62em; }
    #questionnaire div.sidebar .q_button {
      min-width: 70px; }
    #questionnaire div.sidebar div.col {
      border-top: 1px solid #e8e8e8; }
      #questionnaire div.sidebar div.col p, #questionnaire div.sidebar div.col ul, #questionnaire div.sidebar div.col .q_message {
        margin: 16px 0 16px 16px; }
      #questionnaire div.sidebar div.col ul {
        padding-left: 24px; }
      #questionnaire div.sidebar div.col .ref {
        display: block;
        font-size: 1.2em;
        line-height: 1.62em; }
    @media screen and (max-width: 550px) {
      #questionnaire div.sidebar {
        margin-top: 0; }
        #questionnaire div.sidebar div.col .ref {
          display: inline-block;
          vertical-align: middle; }
        #questionnaire div.sidebar div.col .q_button {
          display: block;
          margin: 16px auto; } }
    #questionnaire div.sidebar div.links .q_message a {
      text-decoration: none;
      font-weight: normal;
      display: block; }
      #questionnaire div.sidebar div.links .q_message a:hover {
        text-decoration: underline; }
    @media screen and (max-width: 550px) {
      #questionnaire div.sidebar, #questionnaire div.sidebar p {
        text-align: center; } }
  #questionnaire.vertical {
    min-width: 288px; }
    #questionnaire.vertical div.header,
    #questionnaire.vertical div.container,
    #questionnaire.vertical div.sidebar {
      float: none;
      margin: 16px auto;
      clear: left;
      width: auto;
      max-width: 593px;
      min-width: 0; }
    #questionnaire.vertical div.header {
      margin: 16px auto 0; }
    #questionnaire.vertical div.sidebar div.col:first-child {
      border: none; }
    #questionnaire.vertical div.sidebar div.col p, #questionnaire.vertical div.sidebar div.col ul, #questionnaire.vertical div.sidebar div.col .q_message {
      margin: 16px 0; }
    #questionnaire.vertical div.sidebar div.links .q_message a {
      display: inline-block;
      margin: 0 16px 0 0; }
  #questionnaire div.question {
    overflow: hidden; }
    #questionnaire div.question div.rule {
      margin: 0 8px; }
  #questionnaire div.questiontext,
  #questionnaire div.headertext,
  #questionnaire div.arbitrarytext,
  #questionnaire div.guidancetext,
  #questionnaire div.answer,
  #questionnaire div.answerform,
  #questionnaire div.buttonrow {
    display: block;
    margin: 16px; }
  #questionnaire div.label1,
  #questionnaire div.label2,
  #questionnaire div.label3,
  #questionnaire div.label4,
  #questionnaire div.label5 {
    display: block;
    margin: 16px; }
  #questionnaire div.wrapper {
    position: relative; }
  #questionnaire div.arbitrarytext div.rule {
    margin: 0 -8px; }
  #questionnaire div.questiontext .rightlink, #questionnaire div.headertext .rightlink {
    float: right;
    margin: 0 0 16px 16px;
    border: none;
    text-decoration: none; }
  #questionnaire div.questiontext p,
  #questionnaire div.questiontext legend,
  #questionnaire div.headertext {
    font-size: 1.1em;
    font-weight: bold; }
  #questionnaire div.questiontext p {
    margin: 16px 0; }
  #questionnaire div.answerform div.propertyReference {
    display: none; }
  #questionnaire div.answerform div.row {
    border-top: 1px solid #F2F2F2;
    padding: 16px 24px 0;
    margin: -8px 16px; }
    #questionnaire div.answerform div.row label {
      float: left;
      width: 124px;
      margin: 0 16px 0 0;
      line-height: 34px; }
  #questionnaire div.buttonrow {
    text-align: center;
    position: relative;
    min-height: 35px; }
    #questionnaire div.buttonrow form {
      text-align: center; }
    #questionnaire div.buttonrow #btn_next,
    #questionnaire div.buttonrow #btn_previous,
    #questionnaire div.buttonrow .left, #questionnaire div.buttonrow .right {
      position: absolute; }
    #questionnaire div.buttonrow #btn_next, #questionnaire div.buttonrow .right {
      right: 0; }
    #questionnaire div.buttonrow #btn_previous, #questionnaire div.buttonrow .left {
      left: 0; }
    #questionnaire div.buttonrow .float {
      position: static; }
    #questionnaire div.buttonrow #btn_next.float, #questionnaire div.buttonrow .right.float {
      float: right; }
    #questionnaire div.buttonrow f #btn_previous.float, #questionnaire div.buttonrow .left.float {
      float: left; }
  #questionnaire div.container div.pullout {
    border-bottom: 1px dashed #EDEDED;
    margin: 0;
    position: relative; }
    #questionnaire div.container div.pullout:after {
      content: ' ';
      display: block;
      position: absolute;
      bottom: -1px;
      left: -1px;
      right: 0;
      height: 0px;
      border: 1px dashed rgba(0, 0, 0, 0.04); }
  #questionnaire div.container.dialog {
    overflow: visible;
    min-height: 310px;
    border-color: rgba(0, 0, 0, 0.18);
    box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.1); }
    #questionnaire div.container.dialog div.question > *,
    #questionnaire div.container.dialog div.rule,
    #questionnaire div.container.dialog div.buttonrow {
      opacity: 0.2; }
    #questionnaire div.container.dialog > div.answerform,
    #questionnaire div.container.dialog div.screen {
      opacity: 1; }
    #questionnaire div.container.dialog .q_button {
      cursor: default !important; }
  #questionnaire div.container div.screen {
    line-height: 1.62em;
    position: absolute;
    top: 5%;
    left: 0;
    margin: 0 6.5%;
    z-index: 10;
    opacity: 1;
    border: 1px solid #797979;
    border-radius: 3px;
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.09);
    background: #fff; }
    #questionnaire div.container div.screen .q_button {
      cursor: pointer !important; }
    #questionnaire div.container div.screen div.answerform input[type="text"],
    #questionnaire div.container div.screen div.answerform input[type="password"],
    #questionnaire div.container div.screen div.answerform textarea, #questionnaire div.container div.screen div.answerform select,
    #questionnaire div.container div.screen div.answerform .q_input {
      max-width: 100%;
      width: 100%;
      background: none; }
    #questionnaire div.container div.screen div.answerform textarea, #questionnaire div.container div.screen div.answerform select {
      border-radius: 3px 3px 0 0; }
    #questionnaire div.container div.screen div.buttonrow {
      opacity: 1;
      margin: -16px 16px 10px; }
      #questionnaire div.container div.screen div.buttonrow button, #questionnaire div.container div.screen div.buttonrow .q_button {
        margin: 0;
        border-radius: 0 0 3px 3px;
        box-shadow: inset 0 13px 13px -6px #fdfdfd, inset 0 0 0 1px rgba(255, 255, 255, 0.58), -2px 0 3px -2px rgba(0, 0, 0, 0.12); }
        #questionnaire div.container div.screen div.buttonrow button:hover, #questionnaire div.container div.screen div.buttonrow button:focus, #questionnaire div.container div.screen div.buttonrow .q_button:hover, #questionnaire div.container div.screen div.buttonrow .q_button:focus {
          box-shadow: inset 0 -8px 13px -4px #fdfdfd, inset 0 0 0 1px rgba(255, 255, 255, 0.58), -2px 0 3px -2px rgba(0, 0, 0, 0.12); }
        #questionnaire div.container div.screen div.buttonrow button.left, #questionnaire div.container div.screen div.buttonrow button.right, #questionnaire div.container div.screen div.buttonrow .q_button.left, #questionnaire div.container div.screen div.buttonrow .q_button.right {
          position: absolute;
          top: -1px;
          width: 50%;
          padding-left: 0;
          padding-right: 0; }
        #questionnaire div.container div.screen div.buttonrow button.left, #questionnaire div.container div.screen div.buttonrow .q_button.left {
          left: 0;
          border-radius: 0 0 0 3px; }
        #questionnaire div.container div.screen div.buttonrow button.right, #questionnaire div.container div.screen div.buttonrow .q_button.right {
          right: 0;
          border-radius: 0 0 3px 0; }
  #questionnaire div.q_date {
    vertical-align: middle; }
    #questionnaire div.q_date input {
      vertical-align: middle; }
    #questionnaire div.q_date input.q_date_year {
      text-align: center;
      padding-left: 5px;
      padding-right: 5px; }
  #questionnaire div.q_list_plus_other div.q_list_plus_other_field {
    margin: 6px 6px 6px 28px; }
  #questionnaire div.q_address {
    max-width: 75%;
    line-height: 1em; }
    #questionnaire div.q_address input {
      display: block;
      margin-top: -1px;
      border-radius: 0;
      position: relative;
      z-index: 1; }
      #questionnaire div.q_address input:focus {
        z-index: 3; }
    #questionnaire div.q_address div.postcode input {
      max-width: 70%; }
    #questionnaire div.q_address div {
      padding: 0; }
      #questionnaire div.q_address div:first-of-type input {
        border-radius: 3px 3px 0 0;
        margin-top: 0; }
      #questionnaire div.q_address div:nth-last-of-type(2) input {
        border-radius: 0 0 3px 0; }
      #questionnaire div.q_address div:last-of-type input {
        border-radius: 0 0 3px 0; }
    #questionnaire div.q_address div.labelled {
      margin-top: -1px; }
  #questionnaire div.labelled {
    line-height: 1em;
    overflow: hidden; }
    #questionnaire div.labelled div, #questionnaire div.labelled label {
      float: left;
      clear: none;
      width: auto; }
    #questionnaire div.labelled label {
      text-align: center;
      padding: 9px 12px;
      text-transform: uppercase;
      border: 1px solid #B1AEAE;
      background: #F8F8F8;
      margin-right: -3px;
      font-size: 12px;
      font-family: Arial, sans-serif;
      border-radius: 0 0 0 3px;
      color: #444;
      font-weight: bold;
      line-height: normal !important; }
    #questionnaire div.labelled input {
      margin: 0; }
  #questionnaire div.q_multipart_field {
    padding-left: 1px;
    overflow: hidden;
    width: auto;
    padding: 3px;
    margin: -3px;
    font-size: 0px; }
    #questionnaire div.q_multipart_field div {
      margin: 0;
      padding: 0;
      display: inline-block;
      vertical-align: middle; }
      #questionnaire div.q_multipart_field div input {
        border-radius: 0;
        position: relative;
        z-index: 2;
        margin-left: -1px;
        text-align: center;
        padding: 9px; }
        #questionnaire div.q_multipart_field div input:focus, #questionnaire div.q_multipart_field div input:active {
          z-index: 3; }
      #questionnaire div.q_multipart_field div:first-of-type input {
        border-radius: 3px 0 0 3px; }
      #questionnaire div.q_multipart_field div:last-of-type input {
        border-radius: 0 3px 3px 0; }
    #questionnaire div.q_multipart_field span {
      display: inline-block;
      padding: 0;
      font-size: 20px;
      width: 6px;
      text-align: center;
      vertical-align: middle;
      position: relative;
      z-index: 5;
      margin: 0 -5px;
      height: 2px;
      line-height: 2px;
      background: #444;
      border: 2px solid #fff;
      text-align: center;
      box-shadow: 0 0 1px 2px #fff;
      overflow: hidden;
      font-weight: 500;
      pointer-events: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -o-user-select: none;
      -ms-user-select: none;
      user-select: none; }
  #questionnaire div.q_limited_textarea_wrapper {
    position: relative; }
    #questionnaire div.q_limited_textarea_wrapper textarea {
      padding-bottom: 1.62em; }
    #questionnaire div.q_limited_textarea_wrapper label {
      position: absolute;
      z-index: 3;
      pointer-events: none;
      display: inline-block;
      bottom: 1px;
      left: 1px;
      padding: 0 8px;
      border-radius: 0 3px;
      font-size: 0.8em;
      line-height: 1.62em;
      border: 1px solid #B1AEAE;
      border-width: 1px 1px 0 0;
      background: #F8F8F8;
      box-shadow: rgba(0, 0, 0, 0.1) 1px -1px 2px; }
      #questionnaire div.q_limited_textarea_wrapper label.warning {
        font-weight: bold;
        color: #BF4343; }
  #questionnaire div.q_lookup_form, #questionnaire div.q_button_field {
    position: relative;
    overflow: hidden;
    width: auto;
    padding: 3px;
    margin: -3px;
    font-size: 0px; }
    #questionnaire div.q_lookup_form input, #questionnaire div.q_lookup_form .q_input, #questionnaire div.q_lookup_form .q_fake_field_wrapper, #questionnaire div.q_lookup_form button, #questionnaire div.q_lookup_form .q_button, #questionnaire div.q_button_field input, #questionnaire div.q_button_field .q_input, #questionnaire div.q_button_field .q_fake_field_wrapper, #questionnaire div.q_button_field button, #questionnaire div.q_button_field .q_button {
      float: left;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -o-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box; }
    #questionnaire div.q_lookup_form input, #questionnaire div.q_lookup_form .q_input, #questionnaire div.q_lookup_form .q_fake_field_wrapper, #questionnaire div.q_button_field input, #questionnaire div.q_button_field .q_input, #questionnaire div.q_button_field .q_fake_field_wrapper {
      position: relative;
      z-index: 1;
      margin: 0;
      max-width: 70%; }
      #questionnaire div.q_lookup_form input:hover, #questionnaire div.q_lookup_form input:focus, #questionnaire div.q_lookup_form .q_input:hover, #questionnaire div.q_lookup_form .q_input:focus, #questionnaire div.q_lookup_form .q_fake_field_wrapper:hover, #questionnaire div.q_lookup_form .q_fake_field_wrapper:focus, #questionnaire div.q_button_field input:hover, #questionnaire div.q_button_field input:focus, #questionnaire div.q_button_field .q_input:hover, #questionnaire div.q_button_field .q_input:focus, #questionnaire div.q_button_field .q_fake_field_wrapper:hover, #questionnaire div.q_button_field .q_fake_field_wrapper:focus {
        z-index: 3; }
    #questionnaire div.q_lookup_form .q_fake_field_wrapper, #questionnaire div.q_button_field .q_fake_field_wrapper {
      z-index: 3; }
    #questionnaire div.q_lookup_form div:last-of-type input:not([type="submit"]),
    #questionnaire div.q_lookup_form div:last-of-type .q_input, #questionnaire div.q_button_field div:last-of-type input:not([type="submit"]),
    #questionnaire div.q_button_field div:last-of-type .q_input {
      border-radius: 3px 0 0 3px; }
    #questionnaire div.q_lookup_form button, #questionnaire div.q_lookup_form .q_button, #questionnaire div.q_lookup_form input.q_button, #questionnaire div.q_button_field button, #questionnaire div.q_button_field .q_button, #questionnaire div.q_button_field input.q_button {
      font: bold 12px Arial, sans-serif;
      line-height: normal !important;
      text-decoration: none;
      color: #3f3f3f !important;
      background: #e9e9e9;
      border: 1px solid #b1aeae;
      text-shadow: 0 1px 0 white;
      box-shadow: inset 0 13px 13px -6px #fdfdfd, inset 0 0 0 1px rgba(255, 255, 255, 0.58), 0 2px 3px -2px rgba(0, 0, 0, 0.3);
      border-radius: 3px;
      text-align: center;
      cursor: pointer;
      vertical-align: baseline;
      outline: none;
      -webkit-font-smoothing: antialiased;
      -webkit-transition: all .16s ease-in-out;
      -moz-transition: all .16s ease-in-out;
      -o-transition: all .16s ease-in-out;
      -ms-transition: all .16s ease-in-out;
      transition: all .16s ease-in-out; }
    #questionnaire div.q_lookup_form button:hover, #questionnaire div.q_lookup_form button.hovered, #questionnaire div.q_lookup_form .q_button:hover, #questionnaire div.q_lookup_form .q_button.hovered, #questionnaire div.q_lookup_form input.q_button:hover, #questionnaire div.q_lookup_form input.q_button.hovered, #questionnaire div.q_button_field button:hover, #questionnaire div.q_button_field button.hovered, #questionnaire div.q_button_field .q_button:hover, #questionnaire div.q_button_field .q_button.hovered, #questionnaire div.q_button_field input.q_button:hover, #questionnaire div.q_button_field input.q_button.hovered {
      color: #3f3f3f !important;
      border: 1px solid #9b9898;
      background-color: #f0f0f0;
      box-shadow: inset 0 -8px 13px -4px #fdfdfd, inset 0 0 0 1px rgba(255, 255, 255, 0.58), 0 2px 3px -2px rgba(0, 0, 0, 0.23); }
    #questionnaire div.q_lookup_form button:focus, #questionnaire div.q_lookup_form button.focused, #questionnaire div.q_lookup_form .q_button:focus, #questionnaire div.q_lookup_form .q_button.focused, #questionnaire div.q_lookup_form input.q_button:focus, #questionnaire div.q_lookup_form input.q_button.focused, #questionnaire div.q_button_field button:focus, #questionnaire div.q_button_field button.focused, #questionnaire div.q_button_field .q_button:focus, #questionnaire div.q_button_field .q_button.focused, #questionnaire div.q_button_field input.q_button:focus, #questionnaire div.q_button_field input.q_button.focused {
      color: #3f3f3f !important;
      border: 1px solid #349ee5;
      box-shadow: inset 0 -8px 13px -4px #fdfdfd, inset 0 0 0 1px rgba(255, 255, 255, 0.58), 0 2px 3px -2px rgba(0, 0, 0, 0.23), 0 0 6px rgba(52, 158, 229, 0.34);
      background-color: #f0f0f0; }
    #questionnaire div.q_lookup_form button.focused:hover, #questionnaire div.q_lookup_form .q_button.focused:hover, #questionnaire div.q_lookup_form input.q_button.focused:hover, #questionnaire div.q_button_field button.focused:hover, #questionnaire div.q_button_field .q_button.focused:hover, #questionnaire div.q_button_field input.q_button.focused:hover {
      color: #3f3f3f !important;
      box-shadow: inset 0 -8px 13px -4px #fdfdfd, inset 0 0 0 1px rgba(255, 255, 255, 0.58), 0 2px 3px -2px rgba(0, 0, 0, 0.23), 0 0 6px rgba(52, 158, 229, 0.34); }
    #questionnaire div.q_lookup_form button[disabled], #questionnaire div.q_lookup_form .q_button[disabled], #questionnaire div.q_lookup_form input.q_button[disabled], #questionnaire div.q_button_field button[disabled], #questionnaire div.q_button_field .q_button[disabled], #questionnaire div.q_button_field input.q_button[disabled] {
      box-shadow: none;
      border: 1px solid #DADADA;
      background: #F7F7F7;
      color: #C4C4C4;
      text-shadow: none;
      cursor: default; }
    #questionnaire div.q_lookup_form button, #questionnaire div.q_lookup_form .q_button, #questionnaire div.q_lookup_form input.q_button, #questionnaire div.q_button_field button, #questionnaire div.q_button_field .q_button, #questionnaire div.q_button_field input.q_button {
      box-shadow: inset 0 13px 13px -6px #fdfdfd, inset 0 0 0 1px rgba(255, 255, 255, 0.58); }
    #questionnaire div.q_lookup_form button:hover, #questionnaire div.q_lookup_form button.hovered, #questionnaire div.q_lookup_form .q_button:hover, #questionnaire div.q_lookup_form .q_button.hovered, #questionnaire div.q_lookup_form input.q_button:hover, #questionnaire div.q_lookup_form input.q_button.hovered, #questionnaire div.q_button_field button:hover, #questionnaire div.q_button_field button.hovered, #questionnaire div.q_button_field .q_button:hover, #questionnaire div.q_button_field .q_button.hovered, #questionnaire div.q_button_field input.q_button:hover, #questionnaire div.q_button_field input.q_button.hovered {
      box-shadow: inset 0 -8px 13px -4px #fdfdfd, inset 0 0 0 1px rgba(255, 255, 255, 0.58); }
    #questionnaire div.q_lookup_form button:focus, #questionnaire div.q_lookup_form button.focused, #questionnaire div.q_lookup_form .q_button:focus, #questionnaire div.q_lookup_form .q_button.focused, #questionnaire div.q_lookup_form input.q_button:focus, #questionnaire div.q_lookup_form input.q_button.focused, #questionnaire div.q_button_field button:focus, #questionnaire div.q_button_field button.focused, #questionnaire div.q_button_field .q_button:focus, #questionnaire div.q_button_field .q_button.focused, #questionnaire div.q_button_field input.q_button:focus, #questionnaire div.q_button_field input.q_button.focused {
      border: 1px solid #349ee5;
      box-shadow: inset 0 -8px 13px -4px #fdfdfd, inset 0 0 0 1px rgba(255, 255, 255, 0.58), 0 0 6px rgba(52, 158, 229, 0.34); }
    #questionnaire div.q_lookup_form button.focused:hover, #questionnaire div.q_lookup_form .q_button.focused:hover, #questionnaire div.q_lookup_form input.q_button.focused:hover, #questionnaire div.q_button_field button.focused:hover, #questionnaire div.q_button_field .q_button.focused:hover, #questionnaire div.q_button_field input.q_button.focused:hover {
      box-shadow: inset 0 -8px 13px -4px #fdfdfd, inset 0 0 0 1px rgba(255, 255, 255, 0.58), 0 0 6px rgba(52, 158, 229, 0.34); }
    #questionnaire div.q_lookup_form button, #questionnaire div.q_lookup_form .q_button, #questionnaire div.q_lookup_form input.q_button, #questionnaire div.q_button_field button, #questionnaire div.q_button_field .q_button, #questionnaire div.q_button_field input.q_button {
      position: relative;
      z-index: 2;
      margin: 0 0 0 -1px;
      min-width: 0;
      max-width: none;
      width: auto;
      border-radius: 0 3px 3px 0; }
    #questionnaire div.q_lookup_form.q_address div input, #questionnaire div.q_button_field.q_address div input {
      max-width: 100%; }
    #questionnaire div.q_lookup_form.q_address div:last-of-type input, #questionnaire div.q_button_field.q_address div:last-of-type input {
      border-radius: 0 0 0 3px;
      max-width: 40%; }
    #questionnaire div.q_lookup_form.q_address button, #questionnaire div.q_button_field.q_address button {
      border-radius: 0 0 3px 0;
      margin-top: -1px;
      max-width: 40%; }
  #questionnaire div.upload {
    position: relative;
    border: 2px dashed #F0F0F0;
    background: #F8F8F8 url("../images/upload_arrow.png") no-repeat 15px 20px;
    box-shadow: inset 0 0 30px #F3F3F3;
    padding: 8px 16px 8px 85px;
    border-radius: 0.5em;
    overflow: hidden; }
    #questionnaire div.upload div.arbitrarytext, #questionnaire div.upload div.answerform {
      margin: 8px 0; }
    #questionnaire div.upload p {
      margin: 8px 0;
      font-size: 0.8em; }
  #questionnaire div.image_placeholder {
    float: left;
    border: 2px dashed #F0F0F0;
    border-radius: 0.5em;
    margin: 0 10px 0 0;
    padding: 10px;
    font-size: 0.8em;
    text-align: center; }
    #questionnaire div.image_placeholder .placeholder_text {
      color: #F0F0F0; }
    #questionnaire div.image_placeholder img {
      vertical-align: bottom; }
  #questionnaire div.saveform {
    display: block;
    margin: 16px 0; }
    #questionnaire div.saveform div.q_message__error {
      margin-left: 200px; }
    #questionnaire div.saveform label, #questionnaire div.saveform span.label {
      display: block;
      font-size: 13px;
      line-height: 20px;
      overflow: hidden;
      padding: 0 0 2px; }
    #questionnaire div.saveform input {
      font-size: 14px;
      padding: 8px 10px; }
    #questionnaire div.saveform div.ref {
      float: left;
      text-align: right;
      padding: 0;
      font-size: 13px;
      width: 190px;
      height: 78px;
      line-height: 78px;
      margin: 1px 0; }
      #questionnaire div.saveform div.ref * {
        text-align: inherit; }
      #questionnaire div.saveform div.ref p, #questionnaire div.saveform div.ref div.middle {
        display: inline-block;
        margin: -3px 12px 0 auto;
        line-height: 1.62em;
        vertical-align: middle;
        height: 56px;
        white-space: nowrap; }
      #questionnaire div.saveform div.ref div.middle {
        min-width: 150px; }
      #questionnaire div.saveform div.ref strong {
        letter-spacing: -0.01em;
        display: block;
        font: bold 24px/34px "Helvetica", Arial, sans-serif; }
    #questionnaire div.saveform div.pass, #questionnaire div.saveform div.message {
      position: relative;
      border-radius: 3px;
      margin: 0 16px 0 200px;
      background: #F8F8F8;
      border: 1px solid #d2d2d2;
      height: 78px; }
      #questionnaire div.saveform div.pass:after, #questionnaire div.saveform div.message:after {
        content: ' ';
        position: absolute;
        top: 50%;
        left: 0;
        width: 30px;
        height: 30px;
        margin-top: -16px;
        margin-left: -16px;
        background-image: url("../images/padlocks.png");
        background-repeat: no-repeat;
        border-radius: 2em; }
    #questionnaire div.saveform div.pass {
      padding: 0 0.5em 0 1em;
      line-height: 78px;
      text-align: center; }
      #questionnaire div.saveform div.pass p, #questionnaire div.saveform div.pass div.middle {
        display: inline-block;
        vertical-align: middle;
        margin: -3px 1% 0;
        width: 46%;
        height: 56px;
        line-height: 1em; }
      #questionnaire div.saveform div.pass input {
        max-width: none;
        width: 90%;
        padding-left: 5%;
        padding-right: 5%;
        margin: 0 auto; }
    #questionnaire div.saveform div.message {
      font: 14px/22px "Helvetica", Arial, sans-serif;
      text-align: center;
      padding: 0 1em;
      -webkit-font-smoothing: antialiased; }
      #questionnaire div.saveform div.message p {
        margin: 28px 0 0;
        text-align: center;
        -webkit-transform: translateY(11px) translateY(-50%);
        -moz-transform: translateY(11px) translateY(-50%);
        -o-transform: translateY(11px) translateY(-50%);
        -ms-transform: translateY(11px) translateY(-50%);
        transform: translateY(11px) translateY(-50%); }
      #questionnaire div.saveform div.message strong {
        font-size: 1.25em;
        display: block;
        text-align: center; }
    #questionnaire div.saveform div.saved {
      background: #0e5017;
      border: 1px solid #0e5017;
      color: #fff; }
    #questionnaire div.saveform div.locked {
      background: #F08A00;
      border: 1px solid #cc7500;
      color: #fff; }
    #questionnaire div.saveform div.exit {
      background: #BF4343;
      border: 1px solid #b33d3d;
      color: #fff; }
    #questionnaire div.saveform div.pass:after {
      background-position: 2px 2px;
      background-color: #d2d2d2; }
    #questionnaire div.saveform div.locked:after {
      background-position: -23px 2px;
      background-color: #cc7500; }
    #questionnaire div.saveform div.saved:after {
      background-position: -23px 2px;
      background-color: #0e5017; }
    #questionnaire div.saveform div.exit:after {
      background-position: -47px 2px;
      background-color: #b33d3d; }
    @media screen and (max-width: 550px) {
      #questionnaire div.saveform {
        text-align: center; }
        #questionnaire div.saveform div.q_message__error {
          margin-left: 16px; }
          #questionnaire div.saveform div.q_message__error, #questionnaire div.saveform div.q_message__error p {
            text-align: center; }
          #questionnaire div.saveform div.q_message__error:before {
            left: 50%;
            margin-left: -16px; }
        #questionnaire div.saveform div.ref {
          float: none;
          margin-left: auto;
          margin-right: auto;
          text-align: center;
          margin: 0.5em auto 0.75em; }
          #questionnaire div.saveform div.ref, #questionnaire div.saveform div.ref p, #questionnaire div.saveform div.ref div.middle {
            height: auto;
            line-height: 1; }
          #questionnaire div.saveform div.ref p, #questionnaire div.saveform div.ref div.middle {
            margin: 0; }
        #questionnaire div.saveform div.pass, #questionnaire div.saveform div.message {
          margin-left: 16px; }
          #questionnaire div.saveform div.pass:after, #questionnaire div.saveform div.message:after {
            left: 50%;
            top: 0; }
        #questionnaire div.saveform div.pass {
          padding: 0.5em 0.5em 0; } }
  #questionnaire div.resume div.q_message__error {
    margin-left: 84px; }
  #questionnaire div.resume div.ref strong, #questionnaire div.resume div.ref input {
    margin: 0 auto; }
  #questionnaire div.resume div.ref strong {
    display: inline-block;
    padding: 0;
    font-size: 20px;
    width: 6px;
    text-align: center;
    vertical-align: middle;
    position: relative;
    z-index: 5;
    margin: 0 -5px;
    height: 2px;
    line-height: 2px;
    background: #444;
    border: 2px solid #fff;
    text-align: center;
    box-shadow: 0 0 1px 2px #fff;
    overflow: hidden;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  #questionnaire div.resume div.ref div {
    text-align: right;
    width: auto;
    display: block; }
  #questionnaire div.resume div.ref input {
    font-weight: bold;
    text-align: center;
    width: 42px;
    padding-left: 3px;
    padding-right: 3px;
    vertical-align: middle;
    border-radius: 0;
    margin: 0 -1px 0 0;
    position: relative;
    z-index: 2; }
  #questionnaire div.resume div.ref input:first-child {
    border-radius: 3px 0 0 3px; }
  #questionnaire div.resume div.ref input:last-child {
    border-radius: 0 3px 3px 0;
    margin: 0; }
  #questionnaire div.resume div.ref input:focus {
    z-index: 3; }
  #questionnaire div.resume div.ref input[disabled] {
    color: #444;
    -webkit-text-fill-color: #444;
    -moz-text-fill-color: #444;
    -o-text-fill-color: #444;
    -ms-text-fill-color: #444;
    text-fill-color: #444; }
  #questionnaire div.resume div.ref input.single-ref-input {
    border-radius: 3px;
    width: 120px; }
  #questionnaire div.resume div.pass p {
    width: 94%; }
  #questionnaire div.resume div.pass:after {
    background-position: -23px 2px; }
  #questionnaire div#answers {
    border: none;
    background: none;
    overflow: visible;
    box-shadow: none;
    border-radius: 0;
    margin-bottom: 0; }
    #questionnaire div#answers div.node {
      position: relative; }
    #questionnaire div#answers div.container {
      margin: 0 0 16px 0;
      float: none; }
    #questionnaire div#answers .q_message {
      margin: 16px 0; }
      #questionnaire div#answers .q_message .apptype {
        font-size: 1.4em;
        line-height: 1.3em;
        text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); }
    #questionnaire div#answers .q_message_header {
      margin-top: 0; }
    #questionnaire div#answers div.buttonrow {
      position: absolute;
      top: 0;
      left: 0;
      width: 50px;
      margin: 0;
      z-index: 2;
      border-top: 1px solid #E8E8E8; }
      #questionnaire div#answers div.buttonrow .qno {
        text-align: center;
        margin-left: 0;
        margin-right: 10px; }
      #questionnaire div#answers div.buttonrow .btn_alter {
        position: absolute;
        top: 16px;
        right: -12px; }
      #questionnaire div#answers div.buttonrow .btn_restart {
        position: absolute;
        bottom: -30px;
        right: -12px; }
    #questionnaire div#answers div.container {
      max-width: 100%;
      min-width: 0px;
      width: auto;
      overflow: visible;
      margin-left: 50px;
      z-index: 1; }
      #questionnaire div#answers div.container div.buttonrow .btn_restart,
      #questionnaire div#answers div.container div.buttonrow .btn_alter {
        position: absolute; }
      #questionnaire div#answers div.container div.buttonrow .btn_restart {
        left: 0; }
      #questionnaire div#answers div.container div.buttonrow .btn_alter {
        right: 0; }
      #questionnaire div#answers div.container div.answer div.q_input {
        position: relative;
        overflow: auto;
        word-wrap: break-word; }
      #questionnaire div#answers div.container h3.qno {
        float: left;
        font-size: 2em;
        font-weight: bold;
        line-height: 1em;
        margin: -4px 0 0;
        position: relative;
        padding: 0; }
  #questionnaire div.review {
    margin: 0 8px;
    text-align: center;
    padding: 0;
    font-size: 0.8em;
    position: relative;
    overflow: hidden;
    background: #ebebeb url("../images/bg_fabric_grey.png"); }
    #questionnaire div.review div.pane {
      position: relative;
      max-height: 500px;
      overflow-y: scroll;
      text-align: center; }
    #questionnaire div.review:before, #questionnaire div.review:after {
      content: ' ';
      position: absolute;
      z-index: 3;
      height: 10px;
      pointer-events: none;
      user-select: none; }
    #questionnaire div.review:before {
      top: -12px;
      left: 10px;
      right: 10px;
      border-radius: 100px / 10px;
      box-shadow: 0 0 20px rgba(0, 0, 0, 0.14); }
    #questionnaire div.review:after {
      bottom: -12px;
      left: 10px;
      right: 10px;
      border-radius: 100px / 10px;
      box-shadow: 0 0 20px rgba(0, 0, 0, 0.14); }
    #questionnaire div.review div#answers {
      margin: 16px;
      max-width: none;
      min-width: 0;
      width: auto;
      margin: 16px; }
      #questionnaire div.review div#answers div.buttonrow {
        border-color: #D6D6D6; }
      #questionnaire div.review div#answers div.container {
        margin-top: 0;
        margin-bottom: 0;
        padding: 8px 0;
        float: none;
        border-width: 1px 1px 0;
        border-radius: 0;
        box-shadow: none;
        border-color: #3B3737; }
      #questionnaire div.review div#answers div.node:first-child div.container {
        border-radius: 3px 3px 0 0; }
      #questionnaire div.review div#answers div.node:last-child div.container {
        border-radius: 0 0 3px 3px;
        border-bottom-width: 1px;
        box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.25); }
      #questionnaire div.review div#answers div.answer, #questionnaire div.review div#answers div.questiontext, #questionnaire div.review div#answers div.arbitrarytext, #questionnaire div.review div#answers div.label2, #questionnaire div.review div#answers div.headertext {
        margin: 8px 16px;
        line-height: 1.7em; }
        #questionnaire div.review div#answers div.answer p, #questionnaire div.review div#answers div.questiontext p, #questionnaire div.review div#answers div.arbitrarytext p, #questionnaire div.review div#answers div.label2 p, #questionnaire div.review div#answers div.headertext p {
          margin: 0; }
      #questionnaire div.review div#answers div.answer {
        margin: 12px 16px; }
      #questionnaire div.review div#answers div.rule {
        display: none; }
     #questionnaire .info-header{
    padding: 16px 16px;
    border-radius: 3px;
    overflow: hidden;
    border: 1px solid #597178;
    border-top-color: #485b60;
    border-bottom-color: #53696f;
    border-width: 8px 1px 3px;
    font-weight: normal;
    color: #BF4343; }
  #questionnaire .info-header h2, #questionnaire .info-header p {
    margin: 16px 0; }
  #questionnaire .info-header {
    background: #ffc7c7;
    border-color: #BF4343;
    border-top-color: #BF4343;
    border-bottom-color: #BF4343; }
  #questionnaire .info-header h2 {
      font-weight: normal;
      color: #BF4343; }
  #questionnaire .banner {
    padding: 0 16px;
    border-radius: 3px;
    overflow: hidden;
    border: 1px solid #597178;
    border-top-color: #485b60;
    border-bottom-color: #53696f;
    border-width: 8px 1px 3px; }
    #questionnaire .banner, #questionnaire .banner h2, #questionnaire .banner p {
      color: #44555a; }
    #questionnaire .banner h2, #questionnaire .banner p {
      margin: 16px 0; }
  #questionnaire .award-banner {
    background: #f2fbf6;
    border-color: #0e5017;
    border-top-color: #0e5017;
    border-bottom-color: #0e5017; }
    #questionnaire .award-banner, #questionnaire .award-banner h2, #questionnaire .award-banner p {
      font-weight: normal;
      color: #0e5017; }
  #questionnaire .instruction-banner {
    background: #e9f5fd;
    border-color: #42a8ec;
    border-top-color: #1792e4;
    border-bottom-color: #2a9dea; }
    #questionnaire .instruction-banner, #questionnaire .instruction-banner h2, #questionnaire .instruction-banner p {
      color: #10659f; }
  #questionnaire .q_submission_receipt .q_submission_receipt_number {
    font-size: 24px;
    font-weight: bold; }
  #questionnaire .becs_uc__other_benefits {
    margin: 16px 0;
    padding: 16px;
    overflow: hidden;
    font-family: Calibri, "Segoe WP", "Segoe UI", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    font-size: 16px;
    border-bottom: 3px solid #184673; }
  #questionnaire .becs_uc__other_benefits__title {
    font-family: inherit;
    font-weight: 300;
    font-size: 28px;
    letter-spacing: -1px;
    line-height: 37px;
    margin: -16px -16px 16px;
    padding: 16px;
    background: #184673;
    color: #fff;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased; }
  #questionnaire .becs_uc__other_benefits__link {
    display: inline-block;
    color: #fff;
    font-family: inherit;
    text-decoration: underline;
    background: #77b03f;
    font-weight: bold;
    border: none;
    padding: 0.7em 1.2em;
    line-height: 1;
    -webkit-appearance: none;
    text-rendering: optimizeLegibility;
    font-family: inherit;
    letter-spacing: -0.02rem; }
  #questionnaire .becs_uc__other_benefits__link:hover {
    background: #7dc03c; }

/* clearfix for questionnaire element only */
#questionnaire:after {
  content: " ";
  clear: both;
  display: block; }

@media screen and (max-width: 550px) {
  #questionnaire.vertical div.container div.buttonrow #q_sya {
    margin-top: 49px;
    width: 100%;
    padding-left: 0;
    padding-right: 0; }
  #questionnaire.vertical div.container div.screen select[size] {
    font-size: 0.75em; }
  #questionnaire.vertical div.container div.screen div.buttonrow button, #questionnaire.vertical div.container div.screen div.buttonrow .q_button {
    width: 100%;
    margin-bottom: -1px;
    border-radius: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; }
    #questionnaire.vertical div.container div.screen div.buttonrow button:last-child, #questionnaire.vertical div.container div.screen div.buttonrow .q_button:last-child {
      border-radius: 0 0 3px 3px; }
    #questionnaire.vertical div.container div.screen div.buttonrow button.left, #questionnaire.vertical div.container div.screen div.buttonrow button.right, #questionnaire.vertical div.container div.screen div.buttonrow .q_button.left, #questionnaire.vertical div.container div.screen div.buttonrow .q_button.right {
      position: relative; } }

@media screen and (max-width: 775px) {
  #questionnaire div.container, #questionnaire div.sidebar {
    max-width: none;
    width: 100%; } }

@media screen and (max-width: 455px) {
  #questionnaire div.buttonrow #q_sya {
    margin-top: 47px;
    width: calc(100% - 22px); } }

@media screen and (max-width: 555px) {
  #questionnaire.vertical div.container div.buttonrow #q_sya {
    margin-top: 49px;
    width: 100%;
    padding-left: 0;
    padding-right: 0; }
  #questionnaire.vertical div.container div.screen select[size] {
    font-size: 0.75em; }
  #questionnaire.vertical div.container div.screen div.buttonrow button, #questionnaire.vertical div.container div.screen div.buttonrow .q_button {
    width: 100%;
    margin-bottom: -1px;
    border-radius: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; }
  #questionnaire.vertical div.container div.screen div.buttonrow button:last-child, #questionnaire.vertical div.container div.screen div.buttonrow .q_button:last-child {
    border-radius: 0 0 3px 3px; }
  #questionnaire.vertical div.container div.screen div.buttonrow button.left, #questionnaire.vertical div.container div.screen div.buttonrow button.right, #questionnaire.vertical div.container div.screen div.buttonrow .q_button.left, #questionnaire.vertical div.container div.screen div.buttonrow .q_button.right {
    position: relative; } }

div#startLinks {
  display: block;
  margin: 16px auto;
  text-align: center; }

div#startLinks .q_button {
  width: 200px;
  margin: 0; }

div#startLinks {
  display: block;
  margin: 16px auto;
  text-align: center; }
  div#startLinks .q_button {
    width: 200px;
    margin: 0; }

.image_preview img{
  display: unset;
}