/************************************************************************************************************
*	online-form.css
*
*	Stylesheet for Online Forms and Inquiry Cards
*	
****************************************************************/

/* Common Styles */
#continueForm {
	padding:			10px 0 0 0;
}

#continueForm .closeFormCtrl {
	width:				100%;
	text-align:			right;
}
/* Continue Application Form */
#continue-application{
	border:				1px solid #000000;
	padding:			3px 3px 3px 3px;
}
#continue-application p{
	padding:			3px 0 0 0;
}
/* Questionnaire Page */
#questionnaire{
	padding:			5px 0 0 0;
}
#questionnaire .qDescr {
	padding:			10px 0 0 0;
}
#questionnaire .qDescr a{
	font-weight:		bold;
}

#questionnaire .qInstrTxt {
	padding:			5px 0 0 0;
}
/* Presenation Page */
#presentation{
	padding:			5px 0 0 0;
}

#presentation .pDescr {
	padding:			10px 0 0 0;
}
#presentation .pDescr a{
	font-weight:		bold;
}

#presentation .pCommentTxt {
	padding:			5px 0 0 0;
}

#presentation .cfAppName {
	padding:			10px 0 0 0;
}
#presentation .cfAppName a{
	font-weight:		bold;
}

#presentation .cfDescr {
	padding:			5px 0 0 0;
}

/* online Forms Page Styles */
/* Form and Elements */
#generated-form {
	padding:			15px 0 0 0;
	width:				100%;
}

.form-elements {}

.form-element {
	width:				100%;
	float:				left;
	padding:			5px 0 0 0;
}

.form-input {
	float:				  left;
	text-align:			left;
	padding:			  3px 5px 0 0;
}

.required-label {
	width:				250px;
	float:				left;
	padding:			3px 5px 0 0;
	text-align:			right;
}
.not-required-label {	
	width:				250px;
	float:				left;
	padding:			3px 5px 0 0;
	text-align:			right;
}
#questionnaire-wrapper .required-label {
	width:				100%;
	text-align:			left;
}
#questionnaire-wrapper .not-required-label {
	width:				100%;
	text-align:			left;
}


.required-label-app {
	float:				left;
	padding:			3px 5px 0 5px;
	text-align:			right;
}
.not-required-label-app {	
	float:				left;
	padding:			3px 5px 0 5px;
	text-align:			right;
}
.form-line-append {
	float:				left;
}


/* Legend  */
.required-legend {
	float:				left;
	padding:			10px 0 0 250px;
}
.legend-box {
	width:				10px;
}


/* Buttons */
.form-buttons {
	width:				100%;
	padding:			5px 0 5px 0;
	text-align:			center;
	
}
.small-button {}

/***********************************************************
*	Status Text
***********************************************************/
.form-status-text {
	min-height:			15px;
	padding:			5px 5px 5px 5px;
	margin:				0	0	10px 0;
	border:				1px solid #000000;
	font-size:			.75em;
}

.status-pin {
	float:				left;
	padding:			3px 0 0 0;
}
.pin-label {
	padding:			0 5px 0 0;
}
.pin-info {
	font-weight:		bold;
}
.pin-note {}

.status-status {
	float:				left;
	padding:			3px 0 0 10px;
}
.status-label {
	padding:			0 5px 0 0;
}
.status-info {
	font-weight:		bold;
}

.status-last-access {
	float:				right;
	padding:			3px 0 0 0;
}
.last-access-label {
	padding:			0 5px 0 0;
}
.last-access-info {	
	font-weight:		bold;
}

.status-fee {}
.fee-label {
	padding:			0 0 0 5px;
}
.fee-info {
	font-weight:		bold;
}

.status-essay {}
.essay-label {}
.essay-info {
	font-weight:		bold;
}

/************************************************************
*	From card_styles_print.css and card_styles_screen.css
************************************************************/
.screen-table {
	text-align:					center;
	vertical-align:				center;
	width:						100%;
}
.screen-desc {
	width:						35%;
	text-align:					left;
	vertical-align:				center;
	padding:					0 0 0 5px;
	background-color:			#CCCCEE;
	border:						2px solid #BBBBDD;
	font-weight:				bold;
}
.screen-upd-button {
/*
	visibility:					hidden;
*/
	width:						10%;
	text-align:					right;
	vertical-align:				center;
}
.screen-instr-text {
	width:						55%;
	text-align:					left;
	vertical-align:				top;
	padding:					0 0 0 8px;
	border-left:				2px solid #BBBBDD;
	font-size:					.8em;
}
.screen-card-table {
	width:                      100%;
}
.form-review-cell {
	width:						100%;
	text-align:					left;
	vertical-align:				center;
	border:						2px solid #000000;
}
.form-cell {}

.main-review-table {
	width:						100%;
	padding:					10px 10px 10px 10px;
}

.form-action-ind {
    font-size:                  1em;
    width:                      100px;
    font-weight:                bold;
    font-style:                 italic;
    color:                      darkRed;    
}