@charset "utf-8";
/* CSS Document */
*:focus {outline: none;}
html {
	margin: 0px; padding:0px;
	width:100%;
	top:0px; bottom:0px; right:0px; left:0px;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}

body
{	
	text-align:left;
	width: 100%;
	display: inline-block;
	height:auto;
	position: relative;
	text-align: center;
	font-size: 13px;
}
#respondentWrapper {
	position: relative;
	z-index: 1;
}
.Respondent-mainWrapper {
	background-color: #FDFDFD;
    height: 100%;
    margin-bottom: 42px;
    position: relative;
    text-align: center;
    width: 100%;
}

.Respondent-mainWrapper .boxContainer {
	
    display: inline-table;
    height: auto;
    margin: 12px auto 0;
    max-width: none;
    overflow: visible;
    position: relative;
    width: auto;
}

.Respondent-mainWrapper .mainTable {
   background-color: #ffffff;
    border: 2px solid #fff;
    border-radius: 8px !important;
    box-shadow: 0 0 8px #aaa;
    display: table;
    margin-bottom: 16px;
    padding: 0;
    text-align: left;
    z-index: 50;
}
.Respondent-mainWrapper .mainTable .mainTable-column {
    display: table-cell;
    padding: 0;
    text-align: left;
}




.Respondent-mainWrapper .mainTable > .mainTable-column > div {
    display: table-row;
}
.mainTableThead > div {
   /*display: table;
    width: 100%;*/
    
}
.table-logo {
	border-top-right-radius: 8px;
}

.Respondent-mainWrapper .mainTable > .mainTableThead { z-index: 900; }
.Respondent-mainWrapper .mainTable > .mainTableTbody { z-index: 600; }
.Respondent-mainWrapper .mainTable > .mainTableTfoot { z-index: 700; }





.tbodyContent,
.table-center {
	display: block;
    position: relative;
}

.table-center > span {
	display: block;
	width: auto;
}
.table-center > span > .content {
	width: 100%;
}


.Respondent-mainWrapper .mainTable .table-center .table-center-content {
    display: block;
    text-align: left;
}


.Respondent-mainWrapper.haveLeftNavigation .left-menu-color {
    background-color: #eeeeee;
    border-right: none;
    box-shadow: 0 0 0 0 #eeeeee inset;
    display: inline-block;
    height: 100%;
    left: auto;
    position: absolute;
    z-index: 2;
}

.haveLeftNavigation .pageNavigationTD {
    background-color: #eeeeee;
}

.Respondent-mainWrapper.haveLeftNavigation  .contentTD.pageNavigationTD {
	background-color: #EEEEEE;
    border-right: 1px solid #AAAAAA;
    box-shadow: -1px 0 3px 0 #BBBBBB inset;
}
.Respondent-mainWrapper.haveHelpSection .help-area-color {
	background-color: #e0e0e0;
    border-left: 1px solid #aaaaaa;
    box-shadow: 1px 0 3px 1px #dddddd inset;
    display: block;
    height: 100%;
    left: auto;
    position: absolute;
    right: 0;
    z-index: 4;
}


.mainTableTbody .table-center .content {
    position: relative !important;
    z-index: 99999;
}




.Respondent-mainWrapper .boxContainer .mainTable .table-center-content > .content {
	display: block;
    height: auto;
    margin-left: 0;
    padding-bottom: 0;
    position: relative;
    table-layout: fixed;
    width: auto;
    z-index: 200;
}

.Respondent-mainWrapper .boxContainer .mainTable .table-center-content > .content > .contentBody {
	display: block;
}
.Respondent-mainWrapper .boxContainer .mainTable .table-center-content > .content > .contentBody > .contentTR {
	display: table-row;
}
.Respondent-mainWrapper .boxContainer .mainTable .table-center-content > .content > .contentBody > .contentTR > .contentTD {
	display: table-cell;
    vertical-align: top;
    padding-bottom: 28px;
}






/*Footer*/
.Respondent-mainWrapper .mainTable > .mainTableTfoot {
	background-color: #E0E0E0;
    background-position: left top;
    background-repeat: repeat-y;
    position: relative;
}
.Respondent-mainWrapper .mainTable > .mainTableTfoot > .table-navigation {
	border-top: 1px solid #aaaaaa;
    box-shadow: 0 1px 0 0 #ffffff inset;
    margin-right: 0;
}
.Respondent-mainWrapper .mainTable > .mainTableTfoot > .table-navigation > .table-center {
    margin-left: 0;
}
.Respondent-mainWrapper .mainTable > .mainTableTfoot > .table-borders {
	margin-left: -50px;
}
.Respondent-mainWrapper .mainTable > .mainTableTfoot > div.table-borders span.table-left > span {
	height: 12px;
	background-image: url("images/light/corners-shadow-0.png");
	*background-image: url("images/light/corners-shadow-0.gif");
	background-repeat: no-repeat;
	background-position: left bottom;
}
.Respondent-mainWrapper .mainTable > .mainTableTfoot > div.table-borders span.table-center {
	background-image: url("images/light/bottom-shadow.png");
    background-repeat: repeat-x;
	background-position: left bottom;
    text-align: right;
}
.Respondent-mainWrapper .mainTable > .mainTableTfoot > div.table-borders span.table-center > .table-center-content {
	background-image: url("images/light/corners-shadow-0.png");
	*background-image: url("images/light/corners-shadow-0.gif");
    background-position: right bottom;
    background-repeat: repeat-x;
    height: 12px;
	width: 12px;
	min-width: 12px;
	min-height: 12px;
	right: 0;
	display: inline-block;
}

.Respondent-mainWrapper .mainTable > .mainTableTfoot .table-navigation .table-center {
	text-align: center;
}
.Respondent-mainWrapper .mainTable > .mainTableTfoot .table-navigation .table-center > .navigationButtons {
	text-align: center;
	position: relative;
	float: none;
	display: inline-block;
}
.Respondent-mainWrapper .mainTable > .mainTableTfoot .table-navigation .table-center > .navigationButtons > button {
	text-align: center;
}
.Respondent-mainWrapper .mainTable > .mainTableTfoot .table-left,
.Respondent-mainWrapper .mainTable > .mainTableTfoot .table-center { height: 0;}


/* start session */
#enterWorkFlow,
#sendWorkflowReference {
	padding: 2em;
}













/* Left stripe */

.Respondent-mainWrapper .left-box-gradient {
	border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
    display: table-cell;
    width: 40px;
}







/*continue later*/
.Respondent-mainWrapper.frontPage .theTable table, .Respondent-mainWrapper.continueLater .theTable table {
	margin-top: 0!important
}


/*goodbye*/
.workflowExecutionErrorPageHeading {
	padding: 2em 2em 4em 2em !important;
}



/*COLORS*/
/* DARK */
.Respondent-mainWrapper .left-box-gradient {
	background-color: #333333;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#111111'); /* for IE */
	background: -webkit-gradient(linear, left top, right top, from(#444444), to(#111111)); /* for webkit browsers */
	background: -moz-linear-gradient(left,  #444444,  #111111); /* for firefox 3.6+ */
}



/* orange */
/*
.Respondent-mainWrapper .left-box-gradient { 
	background-color: #E6C239;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E6C239', endColorstr='#CF8606'); 
	background: -webkit-gradient(linear, left top, right top, from(#E6C239), to(#CF8606)); 
	background: -moz-linear-gradient(left,  #E6C239,  #CF8606);

}

.formElementItem > .theInputElement > .optionWrapper > .colorSpan { background-color: orange; }
*/

















.ui-datepicker .ui-datepicker-title {
    line-height: 1.7em;
}







.Respondent-mainWrapper.noToolbar .table-toolbar,
.Respondent-mainWrapper.noLeftNavigation .endUserPages,
.Respondent-mainWrapper.noHelpSection .help-area-color,
.Respondent-mainWrapper.noHeaderLogo .table-logo .endUserHeaderLogo,
.Respondent-mainWrapper.noTracker .table-progress {
	display: none;
	position: fixed;
	width: 0px;
	left: -58975px;
	top: 587495px;
	opacity: 0;
	height: 0px;
}

.footInfo {
	display: table-row !important;
}

/*anError*/
.anError .Respondent-mainWrapper {
    margin-bottom: 0;
    background-color: #FFFFFF;
}
.anError table.content > tbody > tr > td.pageContentTD {
    padding: 2em;
}
.anError .mainTableTfoot > .table-navigation {
    min-height: 22px;
}
















@media only screen and (min-width: 1281px) and (max-width: 3990px) {
	
	.checkboxElement.verticalSelect > .formElementItem > .theInputElement .optionWrapper,
	.radioElement.verticalSelect > .formElementItem > .theInputElement .optionWrapper {
	    width: 100% !important;
	}
}

.endUserFormContent .continueLaterExpireMessage {
    padding: 1em;
}