/************************************************************************************************************
*	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%;
}
#banner
{
  font-size: 1.5em;
  color:     white;
  text-align:center;
  background-color: #23418E; 
  margin-top: 8px;
  margin-bottom: 10px;
  padding-top: 10px;
  padding-bottom:10px;
  border: 2px #298BCB solid;  
}
#banner-off 
{
  color:     #transparent;
  background-color: #transparent; 
  border: 2px ##transparent;
}

.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:			20px;
	padding:			5px 5px 5px 5px;
	margin:				0	0	10px 0;
	border:				1px solid #000000;
	font-size:    1em;
}

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

.status-status {
	float:				left;
	padding:			3px 10px 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;
	font-size:      0.75em;
}

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

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

.review_page{}

/************************************************************
*	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:			#bababa; /* #CCCCEE; */
	border:						2px solid #BBBBDD;
	font-weight:				bold;
}
.screen-upd-button {
/*
	visibility:					hidden;
	
*/
	width:						10%;
	vertical-align:				center;	
	text-align:				left;
}
.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;    
}

.essay-table th
{
	background-color : #5353a8;
	color : #ffffff;
	font-weight: bold;
	padding-top: 2px;
	padding-left: 4px;
	padding-right: 2px;
	padding-bottom: 4px;
	border-left : 2px solid #7b7bc4;
	border-top : 2px solid #7b7bc4;
	border-right: 2px solid #151560;
	border-bottom : 2px solid #151560;
}
.essay-text
{
    margin: 10px;
    padding: 6px;
	border-left : 2px solid #7b7bc4;
	border-top : 2px solid #7b7bc4;
	border-right: 2px solid #151560;
	border-bottom : 2px solid #151560;
}
.submit-box
{
    padding-top: 10px;
    text-align: center;
    vertical-align: center;
}

textarea {
   font-family: inherit;
   font-size: inherit;
}