@import url('//fonts.googleapis.com/css?family=Open+Sans:400,600,700');

html, body {
  color: #000;
  background-color:#fff;
  padding: 0px;
  margin: 0px;
  font-family: 'Open Sans', sans-serif;
  font-size: 12pt;
  text-align: left;
  -webkit-text-size-adjust: none;
}

h1, p, td, input[type='text'], input[type='number'], input[type='button'], input[type='submit'], select, option, ul, ol, li, textarea {
  font-family: 'Open Sans', sans-serif;
  font-size: 12pt;
}
h1 {
  font-size: 25px;
  font-weight: 600;
}

input[type='text'], input[type='number'], textarea {
  padding: 3px;
  margin: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  max-width: 100%;
}
textarea {
  width: 100%;
}

table {
  border-collapse: collapse;
}
th, td {
  padding: 0px;
}


div#wrapper,
div#scroll-footer {
  margin: 0;
  padding: 0;
  border: 0;
}

div#top,
div#global,
div#scroll-footer-arrow,
div#logo-footer {
  min-width: 1170px;
  width: 1170px;
  margin: 0 auto;
  padding: 0;
}
div#top img {
  display: block;
  padding-top: 20px;
}
div#top span {
  display: block;
  text-align: right;
  font-weight: 600;
  font-size: 25px;
  line-height: 25px;
}
div#scroll-header {
  background: url('scroll-footer-sdw.png') repeat-x center bottom;
}
div#scroll-header-arrow {
  height: 36px;
  background: transparent url('scroll-footer-arrow.png') no-repeat 120px 0;
}

div#scroll-footer {
  background: url('scroll-footer-sdw.png') repeat-x center bottom;
}
div#scroll-footer-arrow {
  text-align: right;
}
div#scroll-footer-arrow img {
  display: block;
  margin-left: auto;
  margin-right: 120px;
}

.pg {
  text-align: right;
  font-size: 10pt;
  color: #999999;
  padding-top: 10px;
}

p.last,
h1.last,
div.last {
  margin-bottom: 0px;
  padding-bottom: 20px;
}

.pgbye,
.pgerror {
  text-align: center;
}
.pgbye h1 {
  color: #d54015;
}
.pgerror h1 {
  color: #d54015;
}

table.main {
  margin-top: 10px;
  width: 100%;
}

.qtext,
.msg,
.msgc,
.msgf {
  color: #196681;
  vertical-align: top;
  font-size: 14pt;
  line-height: 1.3em;
}
.qtext,
.msg,
.msgc {
  font-weight: 700;
}
.msg {
  color: #d54015;
  padding-bottom: 20px;
  font-size: 16pt;
}
.msgc,
.msgf {
  font-style: italic;
  padding-bottom: 20px;
}
.msgc {
  font-size: 12pt;
}

.ff {
  font-family: monospace;
}

.note {
  font-weight: normal;
  font-style: italic;
  color: #000000;
  font-size: 10pt;
  padding-top: 5px;
}

.mtext{
  vertical-align: top;
  text-align: right;
  font-family: monospace;
  padding-right: 1em;
}

a {
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

img {
  border: none;
}

div#navtab {
  text-align: center;
  padding-top: 10px;
  padding-bottom: 20px;
}

.norm {
  font-weight: normal;
}

.checked {
  color: #196681;
  background-color: #e9f1f6;
}

td.hv label {
  padding-left: 4px;
}

.btns {
  display: inline-block;
  font-weight: 600;
  padding: 10px 30px;
  color: #e05a10;
  border: 1px solid #abc7d5;
  border-radius: 8px;
  text-decoration: none;
  background-color: #ffffff;
}
.btns:hover {
  color: #ffffff;
  background-color: #e05a10;
  text-decoration: none;
}

.qrlink {
  text-align: center;
  margin-bottom: 20px;
}
.qrlink table {
  margin: auto !important;
}
.qrlink div {
  font-size: 8pt;
  width: 240px;
  margin: 10px auto;
}

.titchoice {
  color: #0095b7;
  font-weight: 600;
  padding-top: 10px;
}
.titchoice.first {
  padding-top: inherit;
}

#logo-footer {
  text-align: right;
  background-position: left center;
  background-repeat: no-repeat;
  height: 24px;
}
#logo-footer a {
  display: inline-block;
  margin-top: 3px;
}
a.back-to-previous, a.back-to-previous:active, a.back-to-previous:hover, a.back-to-previous:focus {
  color: #0B0C0C;
  text-decoration: none;
  box-sizing: content-box;
}
form .back-to-previous {
    position: absolute;
    margin: 0px;
}
.back-to-previous {
    font-family: Arial,sans-serif;
    font-size: 16px;
    line-height: 1.25;
    font-weight: 300;
    text-transform: none;
    display: block;
    position: static;
    text-decoration: none;
    border-bottom: 1px solid #0B0C0C;
    width: 2.25em;
    background: transparent url("icon-caret-left.png") no-repeat scroll left 0.2em;
    padding-left: 0.75em;
    text-align: right;
    margin: 2em 0px 0px 2em;
    overflow: hidden;
}
div[dir=rtl] .back-to-previous {
    background: transparent url("icon-caret-right.png") no-repeat scroll right 0.2em;
    padding-right: 0.75em;
}
.visuallyhidden {
    position: absolute;
    left: -9999em;
}
header p {
    padding-left: 4.5em;
    padding-right: 4.5em;
    margin-bottom: 2.5em;
    color: #6F777B;
    font-family: Arial,sans-serif;
    font-size: 16px;
    line-height: 1.25;
    font-weight: 300;
    text-transform: none;
}
fieldset {
    margin-left: 0px;
    border: medium none;
    padding: 0px;
}
label+fieldset fieldset {
  margin-left: 15px;
  padding-left: 15px;
  border-left: 4px solid #BFC1C3;
}

legend {
  border: none;
  margin-top: 14px;
  margin-bottom: 0px;
}

label+fieldset fieldset legend {
  margin-left: -19px;
  padding-left: 15px;
  border-left: 4px solid #BFC1C3;
}

fieldset {
  margin-bottom: 14px;
}

fieldset fieldset .qtext { font-weight: normal; font-size: 1.4em;}
textarea { width: 100%; }

label.selectable {
    display: block;
    position: relative;
    padding: 12px 14px 12px 46px;
    margin: 0px 0px 1em;
    overflow: hidden;
    cursor: pointer;
    color: #e05a10;
    border: 1px solid #abc7d5;
    border-radius: 8px;
}

label.selected, label.selectable:hover {
    border: 1px solid #555;
    background: #FFF none repeat scroll 0% 0%;
    padding: 12px 14px 12px 46px;
    color: #ffffff;
    background-color: #e05a10;
    text-decoration: none;
}

label {
    margin-bottom: 0.5em;
}
label, textarea, .search, .next {
    display: block;
}
label, .label, select, input, textarea {
    font-family: Arial,sans-serif;
    font-size: 19px;
    line-height: 1.31579;
    font-weight: normal;
    text-transform: none;
}

label.selectable input {
    margin-bottom: 10px;
}

label.selectable input {
    position: absolute;
    left: 14px;
    top: 0.65em;
    margin-right: 10px;
}

.qnotes {
  font-size: 19px;
  font-weight: normal;
  margin: 0px 0px 1em;
  clear: both;
}

.qendnotes {
  border-left: 4px solid #BFC1C3;
  padding: 14px 0px 14px 14px;
  margin-bottom: 1em;
  margin-top: 1em;
  clear: both;
  font-size: 19px;
  font-weight: normal;
}

div.qbody-error {
  border-left: 5px solid red;
  padding-left: 15px;
  margin-left: -15px;
}

div.qerror {
  border-left: 5px solid red;
  padding-left: 15px;
  margin-left: -15px;
  font-weight: bold;
  font-size: 1.4em;
  color: #DF3034;
  margin-bottom: 20px;
}

div.perror {
  display: none;
}
/* Remove controls from Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

/* Remove controls from Safari and Chrome */
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none;
  margin: 0; /* Removes leftover margin */
}

.field-wrapper { display: inline-block; padding-right: 0.8em; }

span.day input,
span.month input {
    width: 2.75em;
}
span.year input {
    width: 4.25em;
}

input[type=number] {
  border: 1px solid #BBB;
  margin: 0px 0px 1em;
  padding: 0.5em;
}

select {
  font-size : 20px;
  margin-left: 8px;
}

/* LGA Header and footer branding */
#globalNav {
    position: relative;
    height: 35px;
    background: #000;
    font-weight: bold;
    color: #ccc;
    z-index: 2000;
}

#globalNav ul {
    position: relative;
    top: 5px;
    height: 25px;
    padding-left: 0px;
    list-style: disc outside;
    vertical-align: baseline;
}
#globalNav li:first-child {
    padding-right: 15px;
    padding-left: 0px !important;
    border-right: 1px solid #ccc;
}
#globalNav li {
    display: inline;
    margin: 0;
    padding: 0;
    vertical-align: inherit;
    line-height: 140%;
    font-size: 12px;
}
#globalNav a {
    color: #fff;
    font-weight: bold;
}
.navbar-header h3 { margin-left: 0px; }
.navbar-header img { padding-right: 40px; }
.footer .row {
    margin-left: auto;
    margin-right: auto;
 width: 960px; 
}

.footer h3 {
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
    color: #333333;
}

.footer p {
    margin-bottom: 10px;
font-size: 12px;
line-height: 140%;
color: black;
}

.footer em {
    font-weight: bold;
    font-style: normal;
    color: #333333;
}

.footer h3 { 
    margin-bottom: 0;
}

.footer h4 {
    font-size: 12px;
    line-height: 20px;
    color: #333333;
    margin-top: 0px;
    margin-bottom: 0px;
}

.footer h4 a {
    font-weight: bold;
}

.footer .h3_replica {
    margin-top: 20px;
}

@import url('//fonts.googleapis.com/css?family=Open+Sans:400,600,700');

#preview {
  color: #000;
  background-color:#fff;
  padding: 0px;
  margin: 0px;
  font-family: 'Open Sans', sans-serif;
  font-size: 12pt;
  text-align: left;
  -webkit-text-size-adjust: none;
  padding: 10px;
}
#preview[dir=rtl] { text-align:right; }

#preview input[type='text'],
#preview input[type='number'],
#preview textarea {
  padding: 2px;
  margin: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  max-width: 100%;
}

/* Remove number controls from Firefox */
#preview input[type=number] {
  -moz-appearance: textfield;
}

/* Remove number controls from Safari and Chrome */
#preview input[type=number]::-webkit-inner-spin-button, 
#preview input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none;
  margin: 0; /* Removes leftover margin */
}

#preview .field-wrapper { display: inline-block; padding-right: 0.8em; }

#preview span.day input,
#preview span.month input {
    width: 2.75em;
}
#preview span.year input {
    width: 4.25em;
}

#preview input[type=number] {
  border: 1px solid #BBB;
  margin: 0px 0px 1em;
  padding: 0.5em;
}


#preview textarea {
  width: 100%;
}

#preview table {
  width: 100%;
  border-collapse:separate;
  border-spacing:12px;
}
#preview th, td {
  padding: 0px;
}

#preview td.colheading {
  vertical-align: top;
  text-align: center;
}

#preview td.cell {
  text-align: center;
}

#preview .qtext {
  color: #196681;
  vertical-align: top;
  font-size: 14pt;
  line-height: 1.3em;
  font-weight: 700;
}

#preview .qbody {
  padding-top: 10px;
  padding-bottom: 20px;
}

#preview .colheading {
  font-weight: 600;
  font-size: 10pt;
  padding-bottom: 3px;
  vertical-align: bottom;
  padding-right: 2px;
  padding-left: 2px;
}

#preview .rowheading {
  padding: 3px;
}

#preview label {
  font-weight:normal;
  padding-left:4px;
}

#preview label.selectable {
    display: block;
    position: relative;
    font-weight: normal;
    padding: 12px 14px 12px 46px;
    margin: 0px 0px 1em;
    overflow: hidden;
    cursor: pointer;
    min-height: 48px;
    color: #e05a10;
    border: 1px solid #e05a10;
    border-radius: 8px;
}

#preview .cell {
    font-weight: normal;
    padding: 12px 14px;
    margin: 0px 0px 1em;
    overflow: hidden;
    cursor: pointer;
    min-height: 48px;
    color: #e05a10;
    border: 1px solid #e05a10;
    border-radius: 8px;
}

#preview label.selected,
#preview label.selectable:hover,
#preview .cell:hover {
    border: 1px solid #555;
    background: #FFF none repeat scroll 0% 0%;
    padding: 11px 13px;
    color: #ffffff;
    background-color: #e05a10;
    text-decoration: none;
}

#preview[dir=rtl] label.selectable,
#preview[dir=rtl] label.selected   { padding-right: 48px; }

#preview label.selectable input {
    position: absolute;
    left: 14px;
    top: 0.65em;
    margin-right: 10px;
}

#preview[dir=rtl] label.selectable input {
    left: 0px;
    right: 14px;
}

#preview label {
    margin-bottom: 0.5em;
    color: #000;
}

#preview label,
#preview textarea
{
  display: block;
  font-size: 12pt;
  font-weight: normal;
}

#preview select, 
#preview input,
#preview textarea {
    font-family: Arial,sans-serif;
    font-size: 19px;
    line-height: 1.31579;
    font-weight: normal;
    text-transform: none;
}

.CW_order_rank {
  display: inline-block;
  padding: 0px 5px;
  margin-left: 15px;
  margin-right: 15px;
  color: #FFF;
  background-color: #00692F;
  box-shadow: 0px 2px 0px #003518;
}

.CW_slider_output {
  display:inline-block;
  padding: 10px 30px;
  color: #e05a10;
  border: 1px solid #abc7d5;
  border-radius: 8px;
  background-color:#FFF;
  box-shadow:none;
}

input[type=range] {
  -webkit-appearance: none;
  width: 100%;
  margin: 7.3px 0;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 11.4px;
  cursor: pointer;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  background: #e05a10;
  border-radius: 1.3px;
  border: 0.2px solid #010101;
}
input[type=range]::-webkit-slider-thumb {
  box-shadow: 0.9px 0.9px 1px #000031, 0px 0px 0.9px #00004b;
  border: 1.8px solid #00001e;
  height: 26px;
  width: 26px;
  border-radius: 15px;
  background: #ffffff;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -7.5px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #e05a10;
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 11.4px;
  cursor: pointer;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  background: #e05a10;
  border-radius: 1.3px;
  border: 0.2px solid #010101;
}
input[type=range]::-moz-range-thumb {
  box-shadow: 0.9px 0.9px 1px #000031, 0px 0px 0.9px #00004b;
  border: 1.8px solid #00001e;
  height: 26px;
  width: 26px;
  border-radius: 15px;
  background: #ffffff;
  cursor: pointer;
}
input[type=range]::-ms-track {
  width: 100%;
  height: 11.4px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #e05a10;
  border: 0.2px solid #010101;
  border-radius: 2.6px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type=range]::-ms-fill-upper {
  background: #e05a10;
  border: 0.2px solid #010101;
  border-radius: 2.6px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type=range]::-ms-thumb {
  box-shadow: 0.9px 0.9px 1px #000031, 0px 0px 0.9px #00004b;
  border: 1.8px solid #00001e;
  height: 26px;
  width: 26px;
  border-radius: 15px;
  background: #ffffff;
  cursor: pointer;
  height: 11.4px;
}
input[type=range]:focus::-ms-fill-lower {
  background: #e05a10;
}
input[type=range]:focus::-ms-fill-upper {
  background: #e05a10;
}

div[dir=rtl] label.selectable,
div[dir=rtl] label.selected   { padding-right: 48px; }

div[dir=rtl] label.selectable input {
    left: 0px;
    right: 14px;
}
div[dir=rtl] div.qerror,
div[dir=rtl] div.qbody-error {
  border-left: 0px;
  border-right: 5px solid red;
  padding-right: 15px;
  margin-right: -15px;
}
div[dir=rtl] p,
div[dir=rtl] label,
div[dir=rtl] legend
{ text-align: right; }

@media only screen and (min-width: 768px) {
  .grid-content select { margin-top: 8px; }
  .grid-content .qtext { display: none; }
  .grid-content label.selectable,
  .grid-content label.label-for-select { padding-left: 0px; font-size: 0px; min-height: 48px; text-align: center; }
  .grid-content label.selectable  input { left: auto; font-size: 12px; margin-top: 11px;}

  .grid-header div  { text-align: center; font-size: 20px; min-height: 1px; }
  .grid-row-heading legend { margin-top: 0px; font-size: 20px; }

  .grid-row-heading, .grid-content  { float: left; padding-left: 1%; padding-right: 1%; }

  div[dir=rtl] .grid-row-heading { float: right; }

  .grid-2cols .grid-row-heading { width: 67%;}
  .grid-2cols .grid-content { width: 33%;}
  .grid-3cols .grid-row-heading { width: 50%;}
  .grid-3cols .grid-content { width: 25%;}
  .grid-4cols .grid-row-heading { width: 40%;}
  .grid-4cols .grid-content { width: 20%;}
  .grid-4cols .grid-content.grid-span-2 { width: 40%;}
  .grid-4cols .grid-content.grid-span-3 { width: 60%;}
  .grid-5cols .grid-row-heading { width: 32%;}
  .grid-5cols .grid-content { width: 17%;}
  .grid-5cols .grid-content.grid-span-2 { width: 34%;}
  .grid-5cols .grid-content.grid-span-3 { width: 51%;}
  .grid-5cols .grid-content.grid-span-4 { width: 68%;}
  .grid-6cols .grid-row-heading { width: 30%;}
  .grid-6cols .grid-content { width: 14%;}
  .grid-6cols .grid-content.grid-span-2 { width: 28%;}
  .grid-6cols .grid-content.grid-span-3 { width: 42%;}
  .grid-6cols .grid-content.grid-span-4 { width: 56%;}
  .grid-6cols .grid-content.grid-span-5 { width: 70%;}
  .grid-7cols .grid-row-heading { width: 28%;}
  .grid-7cols .grid-content { width: 12%;}
  .grid-7cols .grid-content.grid-span-2 { width: 24%;}
  .grid-7cols .grid-content.grid-span-3 { width: 36%;}
  .grid-7cols .grid-content.grid-span-4 { width: 48%;}
  .grid-7cols .grid-content.grid-span-5 { width: 60%;}
  .grid-7cols .grid-content.grid-span-6 { width: 72%;}
  .grid-8cols .grid-row-heading { width: 27%;}
  .grid-8cols .grid-content { width: 9%;}
  .grid-8cols .grid-content.grid-span-2 { width: 18%;}
  .grid-8cols .grid-content.grid-span-3 { width: 27%;}
  .grid-8cols .grid-content.grid-span-4 { width: 36%;}
  .grid-8cols .grid-content.grid-span-5 { width: 45%;}
  .grid-8cols .grid-content.grid-span-6 { width: 54%;}
  .grid-8cols .grid-content.grid-span-7 { width: 63%;}
  .grid-9cols .grid-row-heading { width: 20%;}
  .grid-9cols .grid-content { width: 10%;}
  .grid-9cols .grid-content.grid-span-2 { width: 20%;}
  .grid-9cols .grid-content.grid-span-3 { width: 30%;}
  .grid-9cols .grid-content.grid-span-4 { width: 40%;}
  .grid-9cols .grid-content.grid-span-5 { width: 50%;}
  .grid-9cols .grid-content.grid-span-6 { width: 60%;}
  .grid-9cols .grid-content.grid-span-7 { width: 70%;}
  .grid-9cols .grid-content.grid-span-8 { width: 80%;}
  .grid-10cols .grid-row-heading { width: 19%;}
  .grid-10cols .grid-content { width: 9%;}
  .grid-10cols .grid-content.grid-span-2 { width: 18%;}
  .grid-10cols .grid-content.grid-span-3 { width: 27%;}
  .grid-10cols .grid-content.grid-span-4 { width: 36%;}
  .grid-10cols .grid-content.grid-span-5 { width: 45%;}
  .grid-10cols .grid-content.grid-span-6 { width: 54%;}
  .grid-10cols .grid-content.grid-span-7 { width: 63%;}
  .grid-10cols .grid-content.grid-span-8 { width: 72%;}
  .grid-10cols .grid-content.grid-span-9 { width: 81%;}
  .grid-11cols .grid-row-heading { width: 20%;}
  .grid-11cols .grid-content { width: 8%;}
  .grid-11cols .grid-content.grid-span-2 { width: 16%;}
  .grid-11cols .grid-content.grid-span-3 { width: 24%;}
  .grid-11cols .grid-content.grid-span-4 { width: 32%;}
  .grid-11cols .grid-content.grid-span-5 { width: 40%;}
  .grid-11cols .grid-content.grid-span-6 { width: 48%;}
  .grid-11cols .grid-content.grid-span-7 { width: 56%;}
  .grid-11cols .grid-content.grid-span-8 { width: 64%;}
  .grid-11cols .grid-content.grid-span-9 { width: 72%;}
  .grid-11cols .grid-content.grid-span-10 { width: 80%;}
  .grid-12cols .grid-row-heading { width: 23%;}
  .grid-12cols .grid-content { width: 7%;}
  .grid-12cols .grid-content.grid-span-2 { width: 14%;}
  .grid-12cols .grid-content.grid-span-3 { width: 21%;}
  .grid-12cols .grid-content.grid-span-4 { width: 28%;}
  .grid-12cols .grid-content.grid-span-5 { width: 35%;}
  .grid-12cols .grid-content.grid-span-6 { width: 42%;}
  .grid-12cols .grid-content.grid-span-7 { width: 49%;}
  .grid-12cols .grid-content.grid-span-8 { width: 56%;}
  .grid-12cols .grid-content.grid-span-9 { width: 63%;}
  .grid-12cols .grid-content.grid-span-10 { width: 70%;}
  .grid-12cols .grid-content.grid-span-11 { width: 77%;}
}

/* Rules for small screens (i.e. display as individual questions) */
@media only screen and (max-width: 767px) {
  .grid-header { display: none; }
  .grid-row-heading legend { margin-bottom: 14px; font-weight: bold; font-size: 26px; }
  .grid-row-heading, .grid-content { padding-left: 15px; padding-right: 15px; }
}