body {
  background:#fff;
  margin:0;
  padding:0;
  color:#000;
  font:x-small Verdana, sans-serif;
  font-size:small;
}

img {
  border: 0px;
}

header {
  position: fixed;
  height: 60px;
  margin: 0px;
  width: 100%;
  padding: 0px;
  border-bottom: 1px solid #000;
  font-weight: bold;
  z-index: 10;
}

#header{
  background: orange;
}

#userStatus{
  padding: 5px 1em 5px 5px;
  float: right;
  text-align: right;
}

#userStatus P{
  margin-top: 0px;
}

#mainContent{
  margin: 0px;
  padding: 0px;
  padding-top: 88px;
}

#footer{
/*  border-top: 1px solid #000; */
}

#middlecolprinterheaderdiv{
  display: none;
  background-color: #CCC;
  font-weight: bold;
  padding: 10px 10px 10px 10px;
}

#middlecolheaderdiv{
  position: fixed;
  border-bottom: 1px solid #000;
  top: 61px;
  width: 100%;
  background-color: #CCC;
  font-weight: bold;
  padding: 5px 10px 5px 10px;
  z-index: 9;
}

.formLabel{
  margin-bottom: 0px;
  font-weight: bold;
}

.nestedFormLabel {
  margin-bottom: 0px;
  font-weight: bold;
  margin-left: 20px;
}

.formValue{
  margin-top: 2px;
  margin-left: 10px;
}

.nestedFormValue{
  margin-top: 2px;
  margin-left: 30px;
}

.formInput {
  margin: 0px;
  padding: 0px;
}

.formButton{
  margin-top: 5px;
  margin-right: 10px;
  margin-left: 10px;
}

.formHeading{
  list-style: square;
  margin: 0px 0px 0px 20px;
  padding: 0px;
}

.formErrorHeader{
  color: #F00;
  font-size: 1.3em;
  margin: 5px 0px 5px 0px;
  padding: 5px;
/*  width: 640px; non-responsive */
  border: 1px solid #F00;
  background-color: #F5F5F5;
}

.formError{
  color: #F00;
  font-weight: normal;
  margin: 5px 0px 5px 0px;
  padding: 0px;
  max-width: 450px;
}

.inCloseFormError {
  color: #F00;
  font-size: 11px;
  margin: 0px;
  padding: 0px;
}

.cellFormError{
  color: #F00;
  margin: 5px 0px 5px 0px;
  padding: 0px;
}

.formWarning{
  color: #00F;
  font-size: 10px;
  margin: 5px 0px 5px 0px;
  padding: 0px;
  width: 400px;
}

TD {
  vertical-align: top;
}

.navLeaf{
  font-style: italic;
  font-weight: bold;
  color: #00F;
}

.navBranch{
  font-style: italic;
}

.nullString{
  color: #F00;
  font-style: italic;
}

.paneTable{
  margin: 0px;
  padding: 0px;
  width: 100%;
}

.rightContent{
  padding: 10px 10px 10px 10px;
  background-color: #DDD;
  width: 130px;
  border-left: 1px solid #000;
}

.leftContent{
  padding: 10px 5px 10px 10px;
}

.navContent{
  position: fixed;
  padding-top: 4px;
  width: 150px;
  height: 100%;
  border-right: 1px solid #000;
}

.mainContent{
  padding: 10px;
  margin-left: 150px;
}

.onePane{
  padding: 10px;
}

.surveyPane{
  padding: 0px 10px 10px 10px;
/*  width: 950px; non-responsive */
  max-width: 950px;   /* responsive */
}

.attribEdit {
  float: right;
}

.homePage LI{
  margin-bottom: 10px;
}

#appTitle{
  margin: 0px 0px 0px 0px;
  padding: 10px 0px 0px 10px;
  font-size: 18px;
  color: #000;
}

#appSubtitle{
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 10px;
  font-size: 12px;
/*  color: #000;  */
  color: #FF0;
}

.indexColumn{
  width: 10px;
}

.iconCell {
  width: 16px;
  vertical-align: middle;
  text-align: center;
  padding: 0px;
  margin: 0px;
}

.iconCellWithPaddingForScrollBar {
  width: 30px;
  vertical-align: middle;
/*  text-align: center; */
/*  padding-right: 12px; */
/*  padding-left: 15px; */
}


.editText{
  margin-top: 10px;
/*  text-align: right; */
  margin-right: 5px;
}

.editTextRight{
  margin-top: 10px;
  text-align: right;
  margin-right: 5px;
}

.moveIcon{
  cursor: pointer;
}

.moveCell{
  width: 25px;
  vertical-align: middle;
  text-align: center;
}

.isisnot{
  margin: 0px 0px 0px 10px;
  padding: 0px;
}

.delCell{
  width: 20px;
  vertical-align: middle;
  text-align: center;
}

.emailColumn{
  width: 210px;
}

.regularTable{
  border: 1px solid #000;
/*  width: 100%; */
}

.regularTable TR.first TH {
  border-bottom: 1px solid #000;
}

.regularTable TD {
  padding: 5px;
  margin: 0px;
/*  border-right: 1px solid #e7e7e5; */
  border-right: 1px solid #BBB;
}

.regularTable TR.odd TD{
  background: #fff;
}

.regularTable TR.even TD{
/*  background: #f1f2ed; */
  background: #DDD;
}

.regularTable TH{
  background: #ABAB9E;
  padding: 3px;
  margin: 0px;
}

DIV.even{
  margin: 10px 0px 10px 0px;
  border: 1px solid #000;
  background-color: #DDD;
  padding: 5px 10px 10px 10px;
}

DIV.odd{
  background-color: #FFF;
  padding: 5px 10px 10px 10px;
}

.checkList, .noScrollCheckList{
  border: 1px solid #000;

/*  border-top: 2px solid #000;
  border-right: 1px solid #000;
  border-bottom: 2px solid #000;
  border-left: 2px solid #000; */

  list-style: none;
/*  height: 6.5em; */
  height: 7em;
/*  overflow: auto; */
/*  width: 16em; */
/*  width: 32em; */
  width: 440px;
  background-color: #FFF;
  overflow-y: auto;
  overflow-x: visible;
  margin: 0px;
  padding: 0px;
}

.checkList LI, .noScrollCheckList LI {
  margin: 0px;
  padding: 0px;
}

.checkList label, .noScrollCheckList label{
  display: block;
  padding-left: 25px;
  text-indent: -25px;
  white-space: normal;
}

.noScrollCheckList{
/*  border: 0px solid 0F00; */
  height: auto;
}

.confObjDiv{
  margin: 0px 0px 10px 25px;
  font-weight: bold;
}

.headingImage{
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 6px;
}

.cellImage{
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

.constrictor, .summary_constrictor {
  width: 40em;
}

.constrictor P, .summary_constrictor P, .linkageConstrictor P {
  margin: 2em;
}

.stateDropDown {
  width: 220px;
  font-size: 1em;
}

.nominalTextField {
  width: 96%;
  max-width: 440px;
  font-size: 1em;
}

.nominalDateField {
  width: 8em;
  font-size: 1.0em;
}

.mediumTextField {
  width: 260px;
}

.wideTextbox{
  width: 70em;
}

.rightContext{
  float: right;
  padding-right: 20px;
}

.surveyHeading {
  padding-top: 15px;
  font-size: 14px;
  font-style: italic;
}

H1.homePageHeading {
  border-bottom: 1px solid #000;
  margin-right: 10%;
  font-size: 14px;
  width: 500px;
}

#rightCell {
  width: 300px;
}

TBODY{
  overflow:auto;
  overflow-x:hidden
}

TABLE.scrollTable TBODY{
  height:380px;
}

TABLE.smallScrollTable TBODY{
  height:180px;
}

TABLE.mediumScrollTable TBODY{
  height:270px;
}

.normalSelect{
   width: 440px;
}

.selectFooter {
   width: 32em;
}

.subLabel {
  margin-top: 2px;
  margin-bottom: 0px;
}

.nestedSubLabel {
  margin-top: 2px;
  margin-bottom: 0px;
  margin-left: 20px;
}

UL.insideCell{
  margin: 0px;
  padding: 2px;

/* padding-left: 2.3em;
 text-indent: -2.3em; */
}

UL.insideCell LI{
  padding: 0px 0px 0px 2px;
  margin: 0px;
  list-style: none;
}

.blank {
  font-style: italic;
}

.columnFilter {
  width: 100%;
}

.disabled {
  background-color: #ddd;
}

.responder {
  margin-left: 3px;
}

.responders {
  background-color: #EEE;
  border-bottom: 1px solid #000;
}

 
.footnote {
  font-size: 10px;
  width: 60em;
}


img {
  border: 0px;
  margin: 0px;
  padding: 0px;
}

DIV#pageHeader {
  margin: 0px;
  padding: 0px;
}

DIV#pageBody {
  width: 950px;
  background-color: #F5F5F5;
}

P.instructions {
  font-family: "Times New Roman";
  font-size: 12pt;
  text-indent: 1em;
  margin: 0px;
}

P.question {
  font-weight: bold;
  font-size: 11pt;
  font-family: Arial;
}

TR.scaleRow TD {
/*  font-family: "Times New Roman"; */
  text-align: center;
/*  border: 1px solid #F00; */
}

.pageElementReviewWrapper {
   opacity: 0.2;
}

.pageElementWrapper {
   display: none;
/*   opacity: 0.2; */
}

.pageElemWrapper {
   position: absolute;
   left: -1000px;
/*   opacity: 0.5; */

}

DIV.sliderWrapper {
  width: 650px;
  background-color: #F5F5F5;
}

.deactivated {
  color: #AAA;
  font-style: italic;
}

DIV#instructions {
  float: right;
  width: 340px;
  padding: 7px 10px 7px 10px;
  border: 1px solid #000;
  background-color: #69A;
  margin-bottom: 10px;
}

.tip {
  background-color: #CCC;
  border: 1px solid #000;
  padding-right: 0.5em;
  padding-left: 0.5em;
  margin-bottom: 1em;
  padding-bottom: 1em;
}

.tipsHeading {
  margin-top: 0px;
  font-size: 14px;
  font-weight: bold;
  border-bottom: 1px solid #000;
}

.tipAccent {
  font-weight: bold;
  font-size: 12px;
  color: #9E011E;
}


#nav {
  padding: 0px;
}

#nav ul {
  margin-left: 0;
  padding-left: 0;
  display: inline;
  border: none;
}

#nav ul li {
  margin-left: 2px;
  padding-left: 2px;
  border: none;
  list-style: none;
  display: inline;
  font-style: italic;
  color: #00F;
}

.navSep {
  color: #000;
  padding-left: 0.2em;
  padding-right: 0.5em;
}


#mainSurveyContent {
/*  width: 950px; non-responsive */
}

.surveyFooter {
  margin-top: 10px;
  background-image: url("/static/images/icanquit_footer.png");
  height: 50px;
/*  width: 950px; non-responsive */
}

#surveyHeader {
  margin-top: 10px;
  background-image: url("/static/images/actonvaping_logo_oneliner-950x53.png");
  height: 53px;
/*  width: 950px; non-responsive */
}

#progressHolder {
  margin-top: 17px;
  margin-right: 10px;
  font-weight: bold;
  float: right;
  color: #001330;
}

.lockHolder {
  margin-top: 15px;
  float: left;
  margin-left: 15px;
}

.buttonHolder {
  margin-top: 10px;
  float: right;
}


.smallTextBox {
  width: 3.5em;
  margin-left: 10px;
}

.mediumTextBox {
  width: 440px;
}

.largeTextBox {
/*  width: 440px;
  height: 9em; */
  width: calc(100% - 5em);
  height: 4em;
/*  margin-right: 10px;  */
}


.columnarCheckBox {
  margin: 0px;
}



.surveyTable {
  border: 1px solid #000;
/*  width: 950px; non-responsive */
}

.surveyTable TR.first TH {
  border-bottom: 1px solid #000;
}

.surveyTable TD, .surveyTable TH {
  padding: 5px;
  margin: 0px;
  border-left: 1px solid #000;
}

.surveyTable TD.first, .surveyTable TH.first {
  border-left: 0px;
}


.surveyTable TH {
  background: #F5F5F5;
  padding: 3px;
  margin: 0px;
}

.surveyTable TR TD.even {
  background-color: #FFC;
}

.surveyTable TR.even {
  background-color: #FFC;
}

UL.horizontalRadioButtons {
  margin-left: 0px;
  padding-left: 0px;
  display: inline;
  border: none;
}

UL.horizontalRadioButtons li {
  padding-top: 3px;
  margin-left: 2px;
  padding-left: 2px;
  padding-right: 25px;
  border: none;
  list-style: none;
  display: inline;
}

.answerWrapper {
  background-color: #FFC;
/*  width: 950px; non-responsive */
  border-top: 2px solid rgb(90,97,90);
  border-bottom: 2px solid rgb(90,97,90);
  border-left: 2px solid #FFF;
  border-right: 2px solid #FFF;
  padding-top: 7px;
  padding-bottom: 7px;
}

.questionWrapper {
/*  font-weight: bold; */
}

.twoColumnSurveyTable {
  margin-top: 10px;
  background-color: #FFC;
}

.twoColumnSurveyTable TH, .twoColumnSurveyTable TD {
  width:50%;
  text-align:left;
  border-bottom: 1px solid #BDBDBD;
}

DIV.instructionText {
  margin-top: 1em;
  margin-bottom: 1em;
  color: black;
  font-family: Arial;
  font-size: 14px;
}

.instructionEmphasis {
/*  color: maroon; */
  color: black;
  font-family: Arial;
  font-style: italic;
  font-weight: bold;
  font-size: 14px;
}

.questionText {
  font-weight: bold;
}

.timeEmphasis {
  color: red;
  text-decoration: underline;
}

.lifetimeEmphasis {
  color: blue;
  text-decoration: underline;
}

.headingQuestionText {
/*  color: maroon; */
  color: black;
  font-family: Arial;
  font-style: italic;
  font-weight: bold;
  font-size: 16px;
}


.confirmLogin {
  width: 40em;
  color: red;
}

UL.listCell {
  padding-left: 10px;
  margin: 0px;
}

.note {
  font-style: italic;
  font-size: 11px;
}


.attribList {
  padding-left: 10px;
  margin: 0px 0px 0px 15px;
}

.instructionalNote {
  margin-top: 0px;
  color: #00F;
}

.smallDate {
  width: 7em;
}

UL.reportsList LI {
  padding-bottom: 10px;
}

.regularTable TD.statCell {
  text-align: right;
}

P.rowCount {
  margin-bottom: 0px;
  font-style: italic;
}

.systemMessage {
  width: 40em;
  color: #F00;
}

TR.answers {
  background-color: #d9d9d9;
}

TR.answers TD {
  font-weight: bold;
  text-align: center;
  vertical-align: bottom;
  border-bottom: 1px solid #000;
}

TD.radio {
  text-align: center;
  vertical-align: middle;
}

TR.questions TD {
  border-bottom: 1px solid #000;
}

.thankYou {
  color: black;
  font-family: Arial;
  font-size: 16px;
  font-weight: bold;
}

.partHeader {
  color: black;
  font-family: Arial;
  font-size: 18px;
  font-weight: bold;
}

.constrained {
/*  width: 800px; non-responsive */
  max-width: 800px;
  margin-top: 10px;
  margin-left: 10px;
  margin-right: 15px;
}

DIV.studyLogo {
  padding: 0px 0px 3px 0px;
/*  background-color: #123054; */
  height: 53px;
  border-bottom: 3px solid #001330;
}

DIV.studyLogo IMG {
  height: 53px;
}

TABLE.contact TBODY {
  overflow:auto;
  overflow-x:auto;
}

.contact, .contact TD, .contact TH {
  border: 1px solid #000;
  border-collapse: collapse;
  padding: 5px;
}

.buttonWrapper {
  display: inline;
/*  border: 2px solid #5a7ddf; */
/*  border: 2px solid #5f95e5; */
  border: 2px solid #123054;
}

UL.consent LI {
  margin-bottom: 0.5em;
}

.consentOption {
  margin-left: 0.3em;
  font-weight: bold;
  font-size: 1.3em;
}

.consentButton {
  font-size: 1.3em;
  margin-right: 15px;
}

.contactFS {
  border: 2px solid #000;
  padding-top: 0em;
  padding-bottom: 1em;
  margin-bottom: 1em;
/*  padding-right: 1em; */
}

.contactFS LEGEND {
  font-weight: bold;
  padding-left: 0.5em;
  padding-right: 0.5em;
  padding-top: 0.2em;
  padding-bottom: 0.2em;
  border: 2px solid #000;
  font-size: 1.2em;
  background: #69c;
}

.contactTextArea {
  width: 100%;
  font-size: 1.3em;
}

.verticalOptionLabel {
  display: block;
  margin-top: -19px;
  margin-left: 2.0em;
  margin-bottom: 5px;
  padding-left: 2px;
}

.optionLabel {
  padding-left: 0.3em;
}

OL.faq LI {
  font-weight: bold;
}

P.hutchBlue {
   color: rgb(4,140,200);
   font-size: 1.2em;
   font-weight: bold;
}

TR.break TD {
  border-top: 1px solid #000;
}

TR.childActivity TD {
  font-size: 10px;
}

TR.childActivity TD.activityCell {
  padding-left: 5em;
}

.activityGreen {
  color: darkgreen;
}

.activityOrange {
  color: orangered;
}

.activityRed {
  color: red;
}

TR.odd TD.activityHold, TR.even TD.activityHold {
  color: black;
  background-color: orangered;
  font-weight: bold;
}

.contactComments {
  cursor: pointer;
}

.contactNotes {
  cursor: pointer;
  border-right: 1px solid #000;
}

.bestTimes {
  cursor: pointer;
}

.pageLabel {
  font-weight: bold;
  margin-bottom: 1px;
}

.callNumber {
  font-weight: bold;
  font-size: 16px;  
}

.searchNote {
  font-size: 10px;
  font-style: italic;
  margin-top: 0px;
  margin-bottom: 0px;
}

.searchForm {
  margin-bottom: 10px;
}

.confirmInterestContactField {
  width: 240px;
}

.decoration {
  margin-left: 6px;
  margin-bottom: 0px;
}


.activityDeleteImage {
  float: right;
  margin-left: 3px;
}

.activityHoldImage {
  float: right;
  margin-left: 5px;
  vertical-align:text-bottom;
}

.singleRowRadio {
  margin-right: 30px;
}

.ineligibilityTable {
  border: 1px solid #000;
  margin-bottom: 15px;
  border-spacing: 0px;
  border-collapse: collapse;
}

.ineligibilityTable TR.first TH {
  border-bottom: 1px solid #000;
}

.ineligibilityTable TR TD {
  margin: 0px;
  border-right: 1px solid #BBB;
}

.ineligibilityTable TR.odd TD {
  background: #FFF;
}

.ineligibilityTable TR.even TD {
  background: #DDD;
}

.ineligibilityTable TR TD:last-child{
  border-right: 1px solid #000;
}

.ineligibilityTable TR TH{
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  background: #ABAB9E;
  padding: 0px;
  margin: 0px;
}

.ineligibilityTable TR TD {
  width: 80px;
  text-align: center;
}

.ineligibilityTable TR TD:first-child {
  width: 320px;
  text-align: left;
}

.ineligibilityTable{
  border: 1px solid #000;
  margin-bottom: 15px;
}

.ineligibilityTable TR.first TH {
  border-bottom: 1px solid #000;
}

.ineligibilityTable TD {
/*  padding: 5px; */
  margin: 0px;
  border-right: 1px solid #BBB;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 3px;
}

.ineligibilityTable TR.odd TD {
  background: #FFF;
}

.ineligibilityTable TR.even TD {
  background: #DDD;
}

.ineligibilityTable TH{
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  background: #ABAB9E;
  padding: 0px;
  margin: 0px;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 3px;
}




.monitoringTable{
  border: 1px solid #000;
  margin-bottom: 15px;
}

.monitoringTable TR.first TH {
  border-bottom: 1px solid #000;
}

.monitoringTable TR TD {
/*  padding: 5px; */
  margin: 0px;
  border-right: 1px solid #BBB;
  border-bottom: 1px solid #BBB;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 5px;
  padding-right: 5px;
}

.monitoringTable TR.odd TD {
  background: #FFF;
}

.monitoringTable TR.even TD {
  background: #DDD;
}

.monitoringTable TH {
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  background: #ABAB9E;
  padding: 0px;
  margin: 0px;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 5px;
  padding-right: 5px;
}

.monitoringTable TR.section TD {
  font-weight: bold;
}

TD.dsmReportValue {
  text-align: center;
  width: 55px;
}

#showAdditional, #hideAdditional {
  font:90%/1.6 verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif;
}

.hideShow {
  float: right;
  margin-right: 8px;
  margin-top: 2px;
  text-transform: uppercase;
}

.badNumber {
  color: red;
}


.handle {
  cursor: n-resize;
}

tr.tDnD_whileDrag td.handle {
    background-color: #708090;
    font-weight: bold;
}

tr.nodrag TD, TR.fixed {
   font-style: italic;
   color: #999;
}


.resend {
  margin-top: 1em;
  border: 1px solid #000;
  padding-top: 0em;
  padding-bottom: 0.3em;
  margin-bottom: 1em;
  width: 40em;
/*  padding-right: 1em; */
}

.resend LEGEND {
  font-weight: bold;
  padding-left: 0.5em;
  padding-right: 0.5em;
  padding-top: 0.2em;
  padding-bottom: 0.2em;
}

.resend P {
  margin: 0px;
  padding: 2px 0px 2px 0px;
}


.envelope {
  float: right;
  margin-left: 3px;
  width: 16px;
  height: 16px;
  background-image: url("/static/images/envelope.png");
}

.package {
  float: right;
  margin-left: 3px;
  width: 16px;
  height: 16px;
  background-image: url("/static/images/package.png");
}

.data-entry LI {
/*  display: inline; */
  float: left;
  padding-right: 20px;
}



.handset {
  float: right;
  margin-left: 3px;
  width: 16px;
  height: 16px;
  background-image: url("/static/images/handset.png");
}


.magnify {
  float: right;
  margin-left: 3px;
  width: 16px;
  height: 16px;
  background-image: url("/static/images/magnify.png");
}


.captchaList {
/*  width: 40em;  non-reponsive */
  max-width: 40em;  /* responsive */
}

.captchaList LI {
  margin-bottom: 1em;
}

DIV.narrowWrapper {
    display: none;
}

.vertConfScale {
  display: none;
}
.vertHealthScale {
  display: none;
}

.horizScale {
  max-width: 950px;
  width: 100%;
  height: 98px;
}

P.timeZone {
  white-space: nowrap;
/*  display:inline-block; */
  margin: 5px 0px 15px 0px;
  min-width: 110px;
}


/*  NARROW */
@media screen and (max-width: 600px){
  DIV.narrowWrapper {
    display: block;
  }
  DIV.wideWrapper {
    display: none;
  }
  INPUT.submit1 {
    display: none;
  }
  INPUT.submit2 {
    border: 3px solid #F00;
    display: inline;
  }
  #studyHeader {
    margin-top: 0px;
  }
  .surveyPane {
    padding: 0px 0px 0px 0px;
  }
  #surveyFieldWrapper {
    padding-left: 10px;
    padding-right: 10px;
  }
  .mediumTextBox {
    width: 100%;
    max-width: 440px;
  }
  .vertConfScale {
    display: inline;
    width: 100px;
    padding-left: 10px;
  }
  .vertHealthScale {
    display: inline;
    width: 144px;
    padding-left: 10px;
  }
  .horizScale {
    display: none;
  }
  #footer {
    padding-bottom: 50px
  }
}


/*  WIDE */
@media screen and (min-width: 600px){
  DIV.narrowWrapper {
    display: none;
  }
  DIV.wideWrapper {
    display: block;
  }
  INPUT.submit1 {
    display: inline;
  }
  INPUT.submit2 {
    display: None;
  }
  #studyHeader {
    margin-top: 10px;
  }
  .surveyPane {
    padding: 0px 10px 10px 10px;
  }
  #surveyFieldWrapper {
    padding-left: 0px;
    padding-right: 0px;
  }
  .mediumTextBox {
    width: 440px;
  }
  .vertConfScale {
    display: none;
  }
  .vertHealthScale {
    display: none;
  }
  .horizScale {
    display: inline;
  }
  #footer {
    padding-bottom: 0px
  }
}

.addressDiffers {
  color: red;
}

.addressToggle {
  float:right;
}

.knownBadAddress {
  color: red;
/*  background-position: right; */
  background-repeat: no-repeat;
  padding-left: 25px;
  background-image: url("/static/images/bad_address.png");
}

.badCellPhoneNote {
  font-size: 0.7em;
  color:red;
  margin-top:2px;
}

.badCellPhoneNumber {
  color: red;
/*  background-position: right; */
  background-repeat: no-repeat;
  padding-left: 25px;
  background-image: url("/static/images/bad_address.png");
}

.badCellPhoneNumber:after {
  content: "(cannot receive texts)";
  padding-left: 1em;
/*  color: #000;  */
}

.stopTexting {
  background-repeat: no-repeat;
  padding-left: 25px;
  background-image: url("/static/images/warning.png");
}

.stopTexting:after {
  content: "(participant requested no text messages)";
/*
#  background-color: black;
#  color: yellow;
*/
  margin-left: 1em;
}

TR.total TD {
  border-top: 1px solid #000;
}

TR.totals TD {
  border-top: 2px solid #000;
  font-weight: bold;
}

TABLE.pageLoadHistory TR TD {
  white-space: nowrap;
}

TABLE.pageLoadHistory TR:nth-child(even) TD {
  background: #DDD;
}

TABLE.pageLoadHistory TR.sessionChange TD {
  border-top: 3px solid #000;
}

TR.answers TD.question_first {
  text-align: left;
}

DIV.narrowWrapper DIV.instructionText,
DIV.wideWrapper DIV.instructionText,
DIV.commonWrapper DIV.instructionText {
  font-size: 1.3em;
}

DIV.narrowWrapper .questionText,
DIV.wideWrapper .questionText,
DIV.commonWrapper .questionText,
DIV.narrowWrapper .plainQuestionText,
DIV.wideWrapper .plainQuestionText,
DIV.commonWrapper .plainQuestionText {
  font-size: 1.3em;
}

DIV.narrowWrapper P.formError,
DIV.commonWrapper P.formError,
DIV.wideWrapper P.formError {
  font-size: 1.3em;
}

UL.verticalRadioButtons{
  margin: 0px;
  padding: 2px;

}

UL.verticalRadioButtons LI{
  padding: 2px 0px 2px 2px;
  margin: 0px;
  list-style: none;
/*  font-size: 1.3em; */

-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}

DIV.narrowWrapper LABEL.verticalOptionLabel,
DIV.commonWrapper LABEL.verticalOptionLabel,
DIV.wideWrapper LABEL.verticalOptionLabel {
  font-size: 1.3em;
}

DIV.interstitial input[type='checkbox'] { transform: scale(1.3)}
DIV.interstitial input[type='checkbox'] + LABEL {
  padding-left: 0.5em;
}


DIV.narrowWrapper input[type='checkbox'] { transform: scale(1.3)}
DIV.commonWrapper input[type='checkbox'] { transform: scale(1.3)}
DIV.wideWrapper input[type='checkbox'] { transform: scale(1.3)}

DIV.interstitial input[type='radio'] { transform: scale(1.3)}
DIV.narrowWrapper input[type='radio'] { transform: scale(1.3)}
DIV.commonWrapper input[type='radio'] { transform: scale(1.3)}
DIV.wideWrapper  input[type='radio'] { transform: scale(1.3)}



DIV.narrowWrapper UL.insideCell LI,
DIV.commonWrapper UL.insideCell LI,
DIV.wideWrapper UL.insideCell LI {
  padding: 4px 0px 4px 2px;

-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;

}

DIV.narrowWrapper LABEL.optionLabel,
DIV.commonWrapper LABEL.optionLabel,
DIV.wideWrapper LABEL.optionLabel {
  font-size: 1.3em;
}

DIV.narrowWrapper INPUT.formButton,
DIV.commonWrapper INPUT.formButton,
DIV.wideWrapper INPUT.formButton {
  font-size: 1.3em;
}

DIV.narrowWrapper DIV.buttonHolder,
DIV.commonWrapper DIV.buttonHolder,
DIV.wideWrapper DIV.buttonHolder {
  margin-top: 8px;
}

DIV.narrowWrapper INPUT.smallTextBox,
DIV.commonWrapper INPUT.smallTextBox,
DIV.wideWrapper INPUT.smallTextBox {
  width: 5.5em;
  font-size: 1.3em;
  margin-left: 10px;
}

DIV.narrowWrapper INPUT.nominalDateField,
DIV.commonWrapper INPUT.nominalDateField,
DIV.wideWrapper INPUT.nominalDateField,
DIV.narrowWrapper INPUT.mediumTextBox,
DIV.commonWrapper INPUT.mediumTextBox,
DIV.wideWrapper INPUT.mediumTextBox {
  font-size: 1.3em;
}

INPUT.preferNotToAnswer {
  margin-top: 10px;
  margin-left: 10px;
}

INPUT.sliderCheckBox + LABEL {
  font-style: italic;
  padding-left: 0.5em;
}

INPUT.preferNotToAnswer + LABEL {
  font-size: 1.3em;
  font-style: italic;
}

DIV.narrowWrapper INPUT.preferNotToAnswer + LABEL,
DIV.commonWrapper INPUT.preferNotToAnswer + LABEL,
DIV.wideWrapper INPUT.preferNotToAnswer + LABEL {
/*  font-size: 1.3em; */
  margin-top: 10px;
  margin-left: 10px;
}

DIV.interstitial {
  font-size: 1.3em;
}

TR.questions TD {
  font-size: 1.3em;
}

TR.answers TD {
  font-size: 1.3em;
}

TD.setOff {
  border-left: 8px solid #000;
}

hr.setOff {
  height: 8px;
  color: #CCC;
  background-color: #CCC;
  border: 0px;
  margin-right: 10px;
  margin-left: 10px;
}

input[type=range] {
  -webkit-appearance: none;
  width: 100%;
  margin: 6.8px 0;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  background: #ffffcc;
  border-radius: 1.3px;
  border: 0.2px solid #010101;

  background: repeating-linear-gradient(to right,
    #fff,
    #fff 9%,
    #123054 9%,
    #123054 100%);
}
input[type=range]::-webkit-slider-thumb {
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  border: 0.5px solid #000000;
  height: 22px;
  width: 11px;
  border-radius: 19px;
  background: #89c348;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -7px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #ffffe6;

  background: repeating-linear-gradient(to right,
    #fff,
    #fff 9%,
    #123054 9%,
    #123054 100%);

}
input[type=range]:disabled::-webkit-slider-runnable-track {
  background: #ffffe6;
  opacity: 0.5;

  background: repeating-linear-gradient(to right,
    #fff,
    #fff 9%,
    #123054 9%,
    #123054 100%);

}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  background: #ffffcc;
  border-radius: 1.3px;
  border: 0.2px solid #010101;
}
input[type=range]:disabled::-moz-range-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  background: #ffffcc;
  opacity: 0.5;
  border-radius: 1.3px;
  border: 0.2px solid #010101;
}
input[type=range]::-moz-range-thumb {
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  border: 0.5px solid #000000;
  height: 22px;
  width: 11px;
  border-radius: 19px;
  background: #89c348;
  cursor: pointer;
}
input[type=range]::-ms-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
input[type=range]:disabled::-ms-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  opacity: 0.5;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #ffffb3;
  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: #ffffcc;
  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: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  border: 0.5px solid #000000;
  height: 22px;
  width: 11px;
  border-radius: 19px;
  background: #123054;
  cursor: pointer;
  height: 8.4px;
}
input[type=range]:focus::-ms-fill-lower {
  background: #ffffcc;
}
input[type=range]:focus::-ms-fill-upper {
  background: #ffffe6;
}

input[type="range"]::-moz-range-track {
  background: repeating-linear-gradient(to right,
    #fff,
    #fff 9%,
    #123054 9%,
    #123054 100%);
}

.rangeWrapper {
  width: auto;
  max-width: 950px;
  font-size: 1.3em;
  font-weight: bold;
  margin-left: 30px;
  margin-right: 30px;
}

.sliderInstructions {
  font-weight: normal;
}

.sliderLeftLabel {
  padding-left: 9.1%;
}

.sliderRightLabel {
  float:right;
  text-align:right;
}

.monitoringTable TR TD.indentLevel1 {
  padding-left: 2em;
}

.monitoringTable TR TD.indentLevel2 {
  padding-left: 4em;
}

.monitoringTable TR TD.indentLevel3 {
  padding-left: 6em;
}

.monitoringTable TR TD.indentLevel4 {
  padding-left: 8em;
}

.phoneDownloadTable TH{
   background: #669999;
}

.phoneDownloadTable TR TD:nth-child(3) {
   width: 10em;
}

#osSelect {
  width: 16em;
  height: 1.8em;
  font-size: 1.2em;
}

ol.steps LI IMG {
  margin-top:0.5em;margin-bottom:0em;
  max-width: 300px;
}


ol.steps {
  list-style: none;
  counter-reset: step;
  position: relative;
  margin: 0;
  padding: 0;
}

ol.steps li {
  counter-increment: step;
  position: relative;
  margin-top: 1em;
  margin-bottom: 0em;
  padding-left: 2.5em; /* space for the number */
}

ol.steps li::before {
  content: counter(step) ".";
  position: absolute;
  left: 0;
  top: 0;
  font-weight: bold;
  width: 1.5em;
  text-align: right;
}

DIV#android, DIV#iOS {
/*  border: 1px solid #000; */
  max-width: 340px;
}


P.alert {
  color: red;
}

.contactHistoryHeading {
  font-size: 1.2em;
}

TD.adjudicate {
  vertical-align: middle;
}

SPAN.unadjudicated {
  color: red;
}

LI.newGroup {
  padding-top: 1em;
}

TABLE.modernTable {
  border: 1px solid #000;
  border-collapse: collapse;
}

TABLE.modernTable THEAD TR TH{
  background: #ABAB9E;
  padding: 3px;
  margin: 0px;
}

TABLE.modernTable THEAD TR:last-child TH {
  border-bottom: 1px solid #000;
}

TABLE.modernTable TD {
  padding: 5px;
  margin: 0px;
  border-right: 1px solid #BBB;
}

TABLE.fmodernTable TH {
  border-right: 1px solid #000;
}

TABLE.modernTable TBODY TR:nth-child(even) TD {
  background: #DDD;
}

TH.ipSource {
  padding-left: 4px;
  padding-right: 4px;
  border-left: 1px solid #000;
}

TH.rightMost {
  border-left: 1px solid #000;
}

TABLE CAPTION {
  text-align: left;
  font-size: larger;
  font-style: italic;
}

CAPTION IMG {
  float: right;
  padding-right: 5px;
  padding-bottom: 2px;
}

TD.suspectIP {
  background-color: yellow !important;
  font-weight: bold;
}

TD.proxy,
TD.block {
  text-align: center;
}

TABLE.modernTable TD UL {
  padding-left: 1em;
  margin: 0px;
}

P.fraudNote {
  max-width: 40em;
}

DIV.tabs {
/*  border: 1px solid #CCCCCC; */
/*  background: #CCCCCC; */
  margin: 0px;
}

DIV.tabs__bar {
  margin-top: 0;
/*  border-bottom: 2px solid #CCC; */
  box-shadow: 0px 2px 2px #CCC;
}

.tabs__button {
/*  display: block; */
  padding: 10px 10px 7px 10px;
  background: #FFF;
  border: none;
  outline: none;
  cursor: pointer;
  min-width: 10em;
  font-size: larger;
  margin: 0px 5px 0px 0px;
  border-bottom: 3px solid #FFF;
}

.tabs__button:active {
  background: #FFF;
}

.tabs__button--active {
  font-weight: bold;
/*  border-bottom: 3px solid #8965CA; */
  border-bottom: 3px solid orange;
  background: #FFF;
}

.tabs__content {
  display: none;
}

.tabs__content--active {
  display: block;
}

TABLE.surveyFraudChecks,
TABLE.ipAddresses,
TABLE.nexmoCallbacks,
TABLE.participantMatches,
TABLE.fraudAdjudications {
  margin-bottom: 2em;
  width: 100%;
  max-width: 65em;
}

IMG.biochemPhoto {
  width: 200px;
}

.img-preview {
  width: 200px;
  height: auto;
  border: 2px dashed #333;
  margin-bottom: 20px;
}
.img-preview img {
  width: 100%;
  height: auto;
  display: block;
}
.img-preview P {
margin-left: 10px;
}

input.file {
  opacity: 0.0;
  display: none;
}

label.fileLabel {
  background-color: #E9E9ED;
  padding: 5px 8px;
  border-radius: 5px;
  border: 1px ridge black;
  font-size: 0.8rem;
  height: auto;
  white-space: nowrap;
}

.labelIcon {
  width: 16px;
  vertical-align: middle;
  text-align: center;
  padding: 0px;
  margin: 0px;
  padding-bottom: 3px;
  padding-right: 3px;
}

TR.stageBoundry TD {
  border-top: 3px solid #000;
}

TABLE.surveysTable {
  margin-top: 10px;
  width: 100%;
}

P.consentDetail {
  text-decoration: underline;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

P.consentDetail + P {
  margin-top: 0px;
  padding-top: 0px;
}

P.consentApp {
  font-weight: bold;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

P.consentApp + P {
  margin-top: 0px;
  padding-top: 0px;
}

DIV#consentApps {
  margin-left: 3em;
}

.externalLink {
  vertical-align: middle;
  padding-left: 3px;
}

#addressFieldSet {
  border: solid 0px #000;
  margin: 0px;
  margin-left: 1.7em;
  padding: 0px;
}

#addressFieldSet .formLabel {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}

#addressFieldSet:disabled .formLabel {
  color: #ccc;
}

TR.separator TD {
  border-top: 4px solid #000;
}

TABLE.claimCodes TR TD:nth-child(2),
TABLE.claimCodes TR TD:nth-child(4),
TABLE.claimCodes TR TD:nth-child(5) {
  text-align: center;
}

BUTTON.today {
  margin-left: 1em;
}

caption.fraudTable {
  font-size:12px;
}

IMG.sample {
  margin-right: 10px;
  margin-bottom: 0px;
  border: 1px solid #000;
  width: 100px;
  height: 100px;
}

P#howProtected {
  margin-left: 2em;
}

DIV.photo_upload P {
  margin-top: 8px;
  margin-bottom: 8px;
}


TABLE.photoReviewTable {
  min-width: 550px;
}

IMG.uploadedPhoto {
  max-width: 200px;
/*  border: 2px solid #000; */
  margin: 0px;
  padding:0px;
}

TABLE.uploadedPhotos TR TD:nth-child(4){
  text-align: center;
}


DIV.emailTemplate {
  font-weight: bold;
  border: 1px solid #000;
  padding: 0em 1em 1em 1em;
}

DIV.emailTemplate textarea {
  width: 99%;
  height: 7em;
  margin-bottom: 0px;
  resize: none;
}

DIV.emailTemplate DIV.subjectLine {
  border-bottom: 1px solid #000;
}

DIV#charCount {
  margin-top: 0px;
  font-size: 0.7em;
  float: right;
  font-weight: normal;
}

UL.test_steps {
  padding-left: 1.2em;
}

UL.test_steps LI {
  margin-bottom: 1em;
}

.addressNotesTextArea {
  width: 50%;
}

.addressNotesCell {
  width: 35em;
}

.noAnswer {
  font-style: italic;
  color: red;
}

TH OL LI {
  text-align: left;
}

.adverseEventsTable TR TD {
  height: 1em;
}

.is-submitting {
  cursor: wait;
}

.loginTextField {
  width: 19em;
}

IMG.eyeImage {
  margin-left: 0.5em;
  vertical-align: middle;
  height: 16px;
}

.divider TD {
  border-top: 3px solid #000;
}

.questionTextItalic {
  font-style: italic;
}

.questionTextBold {
  font-weight: bold;
}

.questionTextUnderline {
  text-decoration: underline;
}

.tooltip {
  font-size: 0.8em;
  cursor: help;
  margin-left: 2px;
  color: #666;
}

.tooltip:hover {
  color: #000;
}