/* QUESTIONNAIRE ELEMENTS (requires TUApplDetails.css)
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.questionArea {
}
div.questionArea ul {
	list-style: none;
	padding: 10px 0px 0px 0px;
}
div.questionArea li {
	padding: 15px 10px 3px 0px;
	background-image: url("../images/question_separator.gif");
	background-repeat: repeat-x;
	background-position: top left;
	clear: both;
	margin: 10px 0px 0px 0px;
}

div.questionArea li.first {
	padding-top: 0px;
	margin-top: 0px;
	background-image: none;
}
div.questionArea li.followUp {
	padding: 2px 10px 0px 0px;
	margin-top: 0px;
	background-image: none;
}

div.questionArea ul li ul {
	list-style: none;
	margin-left: 13px; 
	padding: 0px 0px 0px 0px;
}
div.questionArea ul li ul li,
div.questionArea ul li ul li.first {
	background-image: none;
	padding: 0px;
}

div.questionArea div.field,
div.questionArea div.required,
div.questionArea div.optional,
div.questionArea div.requiredError,
div.questionArea div.optionalError {
	display: block;
}
div.questionArea div.fieldFullWidthAnswer,
div.questionArea div.requiredFullWidthAnswer,
div.questionArea div.optionalFullWidthAnswer {
	display: block;
}

div.questionArea div.required span.labelIconLeft,
div.questionArea div.requiredError span.labelIconLeft,
div.questionArea div.requiredFullWidthAnswer span.labelIconLeft {
	margin-top: -1px;
}
div.questionArea div.field span.question,
div.questionArea div.required span.question,
div.questionArea div.optional span.question,
div.questionArea div.requiredError span.question,
div.questionArea div.optionalError span.question {
	width: 583px;
	float: left;
	display: block;
	padding-bottom: 0px;
}
div.followUpArea div.field span.question,
div.followUpArea div.required span.question,
div.followUpArea div.optional span.question,
div.followUpArea div.requiredError span.question,
div.followUpArea div.optionalError span.question {
	width: 560px;
}
body.withContext div.questionArea div.field span.question,
body.withContext div.questionArea div.required span.question,
body.withContext div.questionArea div.optional span.question,
body.withContext div.questionArea div.requiredError span.question,
body.withContext div.questionArea div.optionalError span.question,
div.popupForm div.questionArea div.field span.question,
div.popupForm div.questionArea div.required span.question,
div.popupForm div.questionArea div.optional span.question {
	width: 474px;
}
body.withContext div.followUpArea div.field span.question,
body.withContext div.followUpArea div.required span.question,
body.withContext div.followUpArea div.optional span.question,
body.withContext div.followUpArea div.requiredError span.question,
body.withContext div.followUpArea div.optionalError span.question,
div.popupForm div.followUpArea div.field span.question,
div.popupForm div.followUpArea div.required span.question,
div.popupForm div.followUpArea div.optional span.question {
	width: 451px;
}

div.questionArea div.fieldFullWidthAnswer span.question,
div.questionArea div.requiredFullWidthAnswer span.question,
div.questionArea div.optionalFullWidthAnswer span.question {
	float: none;
	display: block;
	padding-bottom: 0px;
}

span.question span.hint {
	display: block;
	font-size: 10px;
	margin-bottom: -3px;
	width: 473px;
}
body.withContext span.questions span.hint {
	width: 464px;
}

div.questionArea div.field span.answer,
div.questionArea div.required span.answer,
div.questionArea div.optional span.answer,
div.questionArea div.required span.answerWithSelect,
div.questionArea div.requiredError span.answer,
div.questionArea div.optionalError span.answer,
div.questionArea div.requiredError span.answerWithSelect {
	width: 255px;
	float: left;
	display: block;
	padding: 0px 0px 0px 15px;
}
div.questionArea div.required span.answerWithSelect,
div.questionArea div.requiredError span.answerWithSelect {
	width: 237px;
}
div.questionArea span.selectionLinkRight {
	margin: 0px -3px 0px 3px;
	padding: 0px;
}
body.withContext div.field span.answer,
body.withContext div.required span.answer,
body.withContext div.optional span.answer,
body.withContext div.requiredError span.answer,
body.withContext div.optionalError span.answer,
div.popupForm div.field span.answer,
div.popupForm div.required span.answer,
div.popupForm div.optional span.answer {
	width: 196px;
}
div.questionArea span.charCount {
	margin-bottom: -5px;
	margin-left: 3px;
}
div.questionArea div.requiredError span.charCount,
div.questionArea div.optionalError span.charCount {
	margin-bottom: 2px;
}

div.questionArea div.field span.value,
div.questionArea div.required span.value,
div.questionArea div.optional span.value {
	display: block;
	margin: 0px;
}

div.questionArea div.field span.question,
div.questionArea div.fieldFullWidthAnswer span.question {
	font-weight: 700;
	margin-left: 10px;
}
div.questionArea div.fieldFullWidthAnswer span.question {
	margin-left: 12px;
}
div.questionArea div.required span.question,
div.questionArea div.requiredFullWidthAnswer span.question,
div.questionArea div.requiredError span.question {
	font-weight: 700;
}
div.questionArea div.optional span.question,
div.questionArea div.optionalError span.question,
div.questionArea div.optionalFullWidthAnswer span.question,
div.questionArea div.optionalFullWidthAnswerError span.question {
	margin-left: 10px;
}
div.questionArea div.optionalFullWidthAnswer span.question {
	margin-left: 12px;
}

div.questionArea div.followUpArea {
	display: block;
	margin: 10px 0px 0px 10px;
}

div.questionArea div.followUpArea p {
	padding-left: 20px;
}
div.questionArea div.followUpArea li {
	padding-bottom: 0px;
}

div.followUpFields2Columns {
	margin: 5px 10px -5px 10px
}
div.followUpFields2Columns div.firstColumnArea {
	width: 417px;
	float: left;
	display: block;
}
div.followUpFields2Columns div.columnArea {
	width: 416px;
	float: left;
	display: block;
}
div.followUpFields2Columns div.required span.label {
	width: 105px;
}
div.followUpFields2Columns input.stdWidth,
div.followUpFields2Columns input.stdWidthWithFormat {
	width: 224px;
}
div.followUpFields2Columns input.stdWithSelect,
div.followUpFields2Columns input.stdWithSelectWithFormat {
	width: 244px;
}
div.followUpFields2Columns span.labelIconLeft {
	padding-top: 5px;
}
div.followUpFields2Columns span.selectionLinkRight {
	margin-top: 3px;
}

div.questionArea div.required span.error,
div.questionArea div.optional span.error {
	display: none;
}

div.questionArea div.requiredError span.error,
div.questionArea div.optionalError span.error {
	font-weight: 700;
	display: block;
	padding: 25px 0px 0px 0px;
	margin: 3px 0px -3px 611px;
}
body.withContext div.questionArea div.requiredError span.error,
body.withContext div.questionArea div.optionalError span.error {
	margin-left: 496px;
}
div.questionArea div.followUpArea div.requiredError span.error,
div.questionArea div.followUpArea div.optionalError span.error {
	margin-left: 588px;
}
body.withContext div.questionArea div.followUpArea div.requiredError span.error,
body.withContext div.questionArea div.followUpArea div.optionalError span.error {
	margin-left: 473px;
}

/* FORM FIELDS
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
span.answer input.stdWidth {
	width: 245px;
	margin-bottom: -3px;
}
body.withContext span.answer input.stdWidth,
div.popupForm span.answer input.stdWidth {
	width: 184px;
	margin-bottom: -3px;
}
span.answerWithSelect input.stdWithSelect {
	width: 224px;
	margin-bottom: -3px;
}
body.withContext span.answerWithSelect input.stdWithSelect,
div.popupForm span.answerWithSelect input.stdWithSelect {
	width: 163px;
	margin-bottom: -3px;
}

span.answer select.stdWidth {
	width: 259px;
}
body.withContext span.answer select.stdWidth,
div.popupForm span.answer select.stdWidth {
	width: 199px;
}

span.answer textArea.std100Char {
	width: 245px;
	height: 28px;
}
span.answer textArea.std150Char {
	width: 245px;
	height: 42px;
}
span.answer textArea.std200Char {
	width: 245px;
	height: 56px;
}
span.answer textArea.std250Char {
	width: 245px;
	height: 70px;
}
body.withContext span.answer textArea.std100Char,
body.withContext span.answer textArea.std150Char,
body.withContext span.answer textArea.std200Char,
body.withContext span.answer textArea.std250Char,
div.popupForm span.answer textArea.std100Char,
div.popupForm span.answer textArea.std150Char,
div.popupForm span.answer textArea.std200Char,
div.popupForm span.answer textArea.std250Char {
	width: 184px;
}

div.optionalFullWidthAnswer span.label,
div.requiredFullWidthAnswer span.label,
div.fieldFullWidthAnswer span.label {
	margin: 0px;
	padding: 0px;
}
div.optionalFullWidthAnswer span.answer,
div.requiredFullWidthAnswer span.answer,
div.fieldFullWidthAnswer span.answer {
	float: none;
	display: block;
	clear: left;
	padding: 0px 10px 0px 10px;
	margin-top: -5px;
}

div.fieldFullWidthAnswer span.answer {
	padding: 0px 10px 0px 12px;
}

div.options3Columns {
	margin-left: -10px;
}
div.options3Columns div.firstColumnArea {
	width: 285px;
	float: left;
	display: block;
	margin-bottom: -10px;
}
div.options3Columns div.columnArea {
	width: 284px;
	float: left;
	display: block;
	margin-bottom: -10px;
}