* {}
body { -webkit-text-size-adjust: none; margin: 0px;}
textarea, input[type=text], select { min-width: 3em; box-sizing: border-box; display: block; width: 97% !important; margin-left: 0px; }
.passiveConnection { display: none }
/* Resetting some major elements */
#outerContainer {  width: 100%;}

.bottomLeft,
.bottomRight { width: 0;}
.touchVersion .topMiddle { background-image: none; }
#bottomLeftCorner,
#bottomRightCorner, #lastRow, #borderPaddingContainer, .tableNavigation { position: relative;  }
#lastRow { height: auto; padding-top: 100px;  }

#formFooter,
.tableErrorMessage,
#progressBar_holder,
#progressBar_holder.beforeFooterProgressBar,
#progressBar_holder.afterHeaderProgressBar,
#progressBar_holder.beforeHeaderProgressBar  { width: auto !important; margin: 0px; float: none; }
#supplierLogo { margin: 0 10px 10px; width:90% }
#firstRow , #firstRow.withLogo, #firstRow.withoutLogo{ float: none; clear: both; margin: 10px; overflow: hidden; padding: 0 10px; width: auto !important; }
#firstRow #rightCell { display: none;}

#progressBar_holder,
#borderPaddingContainerTop,
#borderPaddingContainerBottom,
#borderPaddingContainer{ background-image: none; padding: 0px;}
#borderPaddingContainer{ padding-top: 10px; }
#widthContainer #borderPaddingContainer { padding-left: 0px; padding-bottom: 10px; }



/* Changing position of nav buttons */
#backSubmit, #nextSubmit,
#backSubmit.submitHover, #nextSubmit.submitHover {top: -15px; position: absolute;  width: 128px; text-align: center; }
#backSubmit { left: 16px; }
#nextSubmit { right: 16px;  }
#nextSubmit { }

/* Complete redesign of the progress bar */
.progressBarSection {

	text-align: left;
	border-width: 0px;
	margin: 0px;
	margin-left: 0px !important;
	margin-right: 0px !important;

   position:static;
   right:auto;
}


#projectTitle { font-size: 15px;}

.ProgressBarStep .navigation[class]  { font-size: 14px;}

/* Show and hide */
#ProgressBar .progressBarHandle,
#ProgressBar  .sectionHeader,
#ProgressBar .ProgressBarStep .navigation[class]  { display: none; }

#ProgressBar:hover .progressBarHandle,
#ProgressBar:hover  .sectionHeader,
#ProgressBar:hover  .ProgressBarStep .navigation[class] { display: block; }
#ProgressBar .currentStep .navigation[class] { display: block; height: auto; opacity: 1; }

.ProgressBarStep, .progressBarSection, #progressBar_holder, #ProgressBar { display: block; float: none; clear: both; margin: 0px; position: static; left: auto; right: auto; }
#ProgressBar .progressBarHandle,
#ProgressBar .ProgressBarStep .navigation[class]  { width: 100%; text-align: left; padding: 10px; 
border-width: 0px 0px 1px 0px; border-style: solid; border-bottom-color: #ccc; border-top-color: #ccc;
background-image: url(/images/buttons/toucharrowblue.png); background-color: #eee; background-repeat: no-repeat; background-position: right center;
-webkit-border-radius: 0px; -moz-border-radius: 0px; height: auto; }


#ProgressBar .ProgressBarStep .submitHover[class],
#ProgressBar .currentStep .navigation[class] {  background-image: url(/images/buttons/toucharrowwhite.png); color: white; background-color: #888;}
.ProgressBarStep .submitHover[class] { color: #333}
#progressBar_holder, #progressBar_holder.beforeFooterProgressBar {  border-width: 0px 0px 1px 0px; border-color: #ccc; border-style: solid; }
#progressBar_holder.afterHeaderProgressBar { margin-bottom: 1em }

#ProgressBar  .sectionHeader { display: none; border-width: 0px 0px 1px 0px;	padding-top: 0.75em;	padding-bottom: 0.25em;	text-align: center; }

#ProgressBar .progressBarHandle { height: 2.5em; 
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(222,222,222,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(222,222,222,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(222,222,222,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(222,222,222,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(222,222,222,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(222,222,222,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#dedede',GradientType=0 ); /* IE6-9 */

}


/* Bigger inputs except for big grids */
.tableFormat1 table:not(.bigGrid) .vcClassifier a,
.tableFormat1 table:not(.bigGrid) .cellHover a.inactiveRadiocustom,
.tableFormat1 table:not(.bigGrid) .cellHover a.inactiveCheckboxcustom { background-position: 0px -96px !important; background-repeat: no-repeat; background-image: url(/images/custominputs/filledcircle32-6.png) !important; text-decoration: none; cursor:pointer;cursor:hand; background-color: transparent; display: inline-block; text-align: center; font-family: "Courier New", Courier, mono; width: 32px; height: 32px; line-height: 32px;  cursor:pointer;cursor:hand; font-size: 29px !important; text-decoration: none; font-weight: 900; }
.tableFormat1 table:not(.bigGrid) .vcClassifier a.alternateDesign { background-position: -32px -96px !important; }
.tableFormat1 table:not(.bigGrid) .vcClassifier a.activeRadiocustom, .tableFormat1 table:not(.bigGrid) .cellHover a.activeRadiocustom,
.tableFormat1 table:not(.bigGrid) .vcClassifier a.activeCheckboxcustom, .tableFormat1 table:not(.bigGrid) .cellHover a.activeCheckboxcustom,
.tableFormat1 table:not(.bigGrid) .reviewList .vcClassifier a {background-position: 0px 0px !important;   }
.tableFormat1 table:not(.bigGrid) .vcClassifier a.alternateDesign.activeCustominput, .tableFormat1 table:not(.bigGrid) .cellHover a.alternateDesign.inactiveCustominput, /* backwards compatible class with older imagecbxxsl.js */
.tableFormat1 table:not(.bigGrid) .vcClassifier a.alternateDesign.activeRadiocustom, .tableFormat1 table:not(.bigGrid) .cellHover a.alternateDesign.inactiveRadiocustom,
.tableFormat1 table:not(.bigGrid) .vcClassifier a.alternateDesign.activeCheckboxcustom, .tableFormat1 table:not(.bigGrid) .cellHover a.alternateDesign.inactiveCheckboxcustom  { background-position: -32px 0px !important;  }

/* Classification review list */
.cbox_list3 { display: none; }
.reviewListAbove { display: block; }
.reviewListAbove li { display: block; margin-bottom: 0.5em}
.vcReviewTable ul { margin-top: 0.8em; margin-left: 6em;}
.legendText { }


/* Special grid settings */
td.cellAnsweralternatives { padding: 0.6em 0.1em 0.6em 0.3em; }
.vcTable td, .vcTable th, .tableFormatMatrix td, .tableFormatMatrix th { padding: 1em 0.3em 1em 0.5em }

/* Custom paddings for legend tables*/
.extraBig td, .extraBig th { padding-left: 1px; padding-right: 0.5px} /* Bigger than 11 */
.gridColumns7  td, .gridColumns7  th { padding-left: 7px; padding-right: 9px}
.gridColumns8  td, .gridColumns8  th { padding-left: 5px; padding-right: 7px}
.gridColumns9 td, .gridColumns9 th { padding-left: 3px; padding-right: 5px}
.gridColumns10  td, .gridColumns10 th { padding-left: 2px; padding-right: 3px}
.gridColumns11  td, .gridColumns11 th { padding-left: 1px; padding-right: 2px}
.textGrid td, .textGrid th { padding-left: 3px; padding-right: 3px}

/* Special handling of legend tables */
.vcTable tr { width: 100%; display: block; }
.vcTable.zebraTable tr { padding-right: 0.5em }
.tableFormatMatrix th.scaleHeaderContainer th { padding-top: 0px; padding-bottom: 0px;}
.tableFormatMatrix th { padding-top: 0px; padding-bottom: 0px; }

.vcTable td.cbox_list1,
.vcTable .rightColumnText  { width: auto; display: block; margin-top: 1em; padding-bottom: 0px; }
.vcTable .rightColumnText { text-align: right; margin-top: 0px; padding-top: 0px; padding-bottom: 1em; }

.commentToRight .vcTable td.cbox_list1,
.commentToRight .cellSubquestionLeft { text-align: left; }
.shiftFirstAnswerLeft .vcTable td.cbox_list1,
.shiftFirstAnswerLeft .cellSubquestionLeft { margin-top: 0px; padding-top: 0px; }
.shiftFirstAnswerLeft td.cellMatrixAnsweralternatives  { padding-left: 1em; }
.shiftFirstAnswerLeft .vcTable .cellSubquestionLeft,
.shiftFirstAnswerLeft .vcTable .cbox_list1 { text-align: left; }


.vcLegend li { margin-bottom: 0.5em; margin-top: 1em; clear: left; min-height: 2em;}
ul.vcLegendBox li { margin-bottom: 0px; }

/* Hide everything but the scale header in legend questions (vcTable) */
.vcTable thead > tr > th { display: none; }
.vcTable thead > tr > th.scaleHeaderContainer { display: none;}
.vcTable thead > tr > th.scaleHeaderContainer[colspan] { display: block;  padding-bottom: 0px; }
.vcTable thead > tr > th.scaleHeaderContainer .cellMatrixAnsweralternativesHeaderLeft { width: 100%;}
.vcTable thead > tr > th.scaleHeaderContainer .cellMatrixAnsweralternativesHeaderLeft,
.vcTable thead > tr > th.scaleHeaderContainer .cellMatrixAnsweralternativesHeaderRight { padding: 0px; }
.vcTable thead > tr > th.header { display: block; padding-bottom: 0px; padding-top: 2em; }

/* Special handling of tableFormatMatrix */
thead .textOnlyRow .cellSubquestionLeft,
thead .textOnlyRow .cbox_list1 ,
.cellSubquestionLeft { display: none }
.itemVCClass th.cellSubquestionLeft { display: table-cell; }
.draggableGridItem  { display: block }

.spanningGridText  { display: table-row }

.textOnlyRow .cellSubquestionLeft,
.textOnlyRow .cbox_list1,
.spanningGridText .cellSubquestionLeft { display: table-cell; width: auto; padding-bottom: 0; padding-top: 2em;}
.statisticsContainer  .cellSubquestionLeft { display: table-cell; }

/* Odd even rows - Zebra */
.EvenRow td:nth-child(2) { border-bottom-left-radius: 0.5em; border-top-left-radius: 0.5em; }

.hideFromMobile { display: none; }

/*  ADP Font Awesome
    ------------------------------------------------------- */
.tableFormat1 table:not(.bigGrid) .vcClassifier a span[class^="icon-"] { 
	line-height: 1.55em;
	font-size: 0.8em;
}

.bigIcons .cellQuestionBody span[class^="icon-"] {
	font-size: 4em;
}

.mediaBox span[class^="icon-"] {
	font-size: 5.5em;
}
	
/* Levels */
.tableFormat1.itemLevel1 ,
.tableFormat1.itemLevel1 .mediaBox,
.tableFormat1.itemLevel1 .cellQuestionText1,
.tableFormat1.itemLevel1 .cellQuestionText2
{ width: auto !important; height: auto !important; float: none !important;  }

.tableFormat1.itemLevel1 .textQHead { font-size: 2.1em }
.tableFormat1.itemLevel1 .mediaBox,
.tableFormat1.itemLevel1 .cellQuestionText2  { font-size: 1em }

.tableFormat1.itemLevel1 { }

.itemLevel4 .textQHead {	padding-left: 45px;	width: auto; }
.itemLevel4 .mediaBox { top: -5px; left: 5px; }

.itemLevel3, .level4, .itemLevel4 { width: 90%; margin-bottom: 15px; margin-left: 4%; }

.vcard { margin-left: 0px !important; margin-right: 0px !important; width: auto !important; }