/* CSS code for the RVICS Project Application page  */

/* Various text effects  */

h1 {
	text-align		: center ;
}
	
.boldTxt {
	font-weight 	: bold ;
}

.formErr {
	color			: #ff0000 ;
	font-style		: italic ;
	font-size		: 0.9em ;
}

/* CSS Grid settings for the form  */

/* Form text styles  */

.sectionTitle {
	font-size		: 1.1em ;
	font-weight		: bold ;
	margin-bottom	: 10px ;
}

.subsectionTitle {
	font-size		: 1em ;
	font-weight		: bold ;
}

/* This is the font for the list item numbers in the Statement of Faith section */
@font-face {
	font-family: 	EuphoriaScript ;
	src:			url(fonts/euphoria-script/EuphoriaScript-Regular.otf) ;
}

.itemNum {
	font-family			: EuphoriaScript, serif ;
	font-size			: 2em ;
	color				: #2369B8 ;
	font-weight			: bold;
	text-align			: right ;
	vertical-align		: top ;
}/* Grid container definitions */

/* Notes grid container */
.notesGridContainer {
	display					: grid ;
	grid-template-columns	: 1fr 4fr 1fr ;
}

/* Main form container */
.formContainer {
	display					: grid ;
	grid-template-columns	: 1fr 8fr 1fr ;
}

/* Success screen grid container */
.successContainer {
	display					: grid ;
	grid-template-columns	: 1fr 1fr 1fr ;
}

/* Common container properties  */
.containerProperties {
	border-style			: groove ;
	padding					: 4px 2px ;
}
	
/***********************************************************************/
/* Notes Container
	2 rows
	6 columns
*/

/* 'Notes' title text */
.notesTitle {
	grid-column		: 2 / span 4 ;
	margin-top		: 0px ;
	margin-bottom	: 0px ;
}

/* Notes list */
.notesList {
	grid-column		: 2 / span 1 ;
	margin-top		: 5px ;
}

/***********************************************************************/
/* Personal Information Container
	18 rows
	4 columns
*/

.personalInfoText {
	justify-self			: right ;
}

.personalInfoContainer {
	grid-column				: 2 / span 1 ;
	display					: grid ;
	row-gap					: 5px ;
	grid-template-columns	: 1fr 2fr 1fr 2fr ;
}

/* Personal Info Row 1 - Section title */
.personalInfoR1C1 {
	grid-column		: 1 / span 6 ;
}

/* Personal Info Row 2 - His & her last name */
.personalInfoR2C1 {
	grid-column		: 1 / span 1 ;
	justify-self	: right ;
	margin-right	: 10px ;
}

.personalInfoR2C2 {
	grid-column		: 2 / span 1 ;
}

.personalInfoR2C3 {
	grid-column		: 3 / span 1 ;
	justify-self	: right ;
	margin-left		: 10px ;
	margin-right	: 10px ;
}

.personalInfoR2C4 {
	grid-column		: 4 / span 1 ;
}

#hisLastName, #herLastName {
	border-width		: 2px ;
	margin				: 0px ;  
	padding				: 1px 3px ;
}

/* Personal Info Row 3 - His & her first name */
.personalInfoR3C1 {
	grid-column		: 1 / span 1 ;
	justify-self	: right ;
	margin-right	: 10px ;
}

.personalInfoR3C2 {
	grid-column		: 2 / span 1 ;
}

.personalInfoR3C3 {
	grid-column		: 3 / span 1 ;
	justify-self	: right ;
	margin-left		: 10px ;
	margin-right	: 10px ;
}

.personalInfoR3C4 {
	grid-column		: 4 / span 1 ;
}

#hisFirstName, #herFirstName {
	border-width		: 2px ;
	margin				: 0px ;  
	padding				: 1px 3px ;
}

/* The address subcontainer begins here... */

.AdrsSubcontainer {
	grid-column				: 1 / span 12 ;
	display					: grid ;
	row-gap					: 5px ;
	grid-template-columns	: repeat(12, 1fr) ;
	margin-top				: 10px ;
	margin-bottom			: 10px ;
}

/* Personal Info Row 4  - Street address */
.AdrsText {
	grid-column		: 1 / span 4 ;
	justify-self	: right ;
	margin-right	: 10px ;
}

.AdrsField {
	grid-column		: 5 / span 4 ;
}

#streetAdrs, #city {
	border-width		: 2px ;
	margin				: 0px ;
	padding				: 1px 3px ;
}

.CityText {
	grid-column		: 1 / span 4 ;
	justify-self	: right ;
	margin-right	: 10px ;
}

.CityField {
	grid-column		: 5 / span 4 ;
}

/* Personal Info - State & Postal code */
.StateText {
	grid-column		: 1 / span 4 ;
	justify-self	: right ;
	margin-right	: 10px ;
}

.StateField {
	grid-column		: 5 / span 4 ;
}

#state, #ZIP {
	border-width		: 2px ;
	margin				: 0px ;
	padding				: 1px 3px ;
}

.ZIPText {
	grid-column		: 1 / span 4 ;
	justify-self	: right ;
	margin-left		: 10px ;
	margin-right	: 10px ;
}

.ZIPField {
	grid-column		: 5 / span 4 ;
}

/* Personal Info Row 6 - His & her birth dates */
.personalInfoR6C1 {
	grid-column		: 1 / span 1 ;
	justify-self	: right ;
	margin-right	: 10px ;
}

.personalInfoR6C2 {
	grid-column		: 2 / span 1 ;
}

.personalInfoR6C3 {
	grid-column		: 3 / span 1 ;
	justify-self	: right ;
	margin-right	: 10px ;
}

.personalInfoR6C4 {
	grid-column		: 4 / span 1 ;
}

/* Personal Info Row 7 - His & her cell phone numbers */
.personalInfoR7C1 {
	grid-column		: 1 / span 1 ;
	justify-self	: right ;
	margin-right	: 10px ;
}

.personalInfoR7C2 {
	grid-column		: 2 / span 1 ;
}

.personalInfoR7C3 {
	grid-column		: 3 / span 1 ;
	justify-self	: right ;
	margin-left		: 10px ;
	margin-right	: 10px ;
}

.personalInfoR7C4 {
	grid-column		: 4 / span 1 ;
}

#hisCell, #herCell {
	border-width		: 2px ;
	margin				: 0px ;  
	padding				: 1px 3px ;
}

/* Personal Info Row 8 - His & her email addresses */
.personalInfoR8C1 {
	grid-column		: 1 / span 1 ;
	justify-self	: right ;
	margin-right	: 10px ;
}

.personalInfoR8C2 {
	grid-column		: 2 / span 1 ;
}

.personalInfoR8C3 {
	grid-column		: 3 / span 1 ;
	justify-self	: right ;
	margin-right	: 10px ;
}

.personalInfoR8C4 {
	grid-column		: 4 / span 1 ;
}

#hisEmail, #herEmail {
	border-width		: 2px ;
	margin				: 0px ;  
	padding				: 1px 3px ;
}

/* Personal Info Row 9 - Wedding date */
.personalInfoR9C1 {
	grid-column		: 1 / span 2 ;
	justify-self	: right ;
	margin-right	: 10px ;
	margin-top		: 10px ;
	margin-bottom	: 10px ;
}

.personalInfoR9C2 {
	grid-column		: 3 / span 2 ;
}

/* Personal Info Row 11 - Salvation affirmation text */
.personalInfoR11C2 {
	grid-column		: 2 / span 2 ;
}

/* Personal Info Row 12 - Salvation affirmation */
.personalInfoR12C1 {
	grid-column		: 1 / span 1 ;
	justify-self	: right ;
	margin-right	: 10px ;
}

.personalInfoR12C2 {
	grid-column		: 2 / span 1;
}

.personalInfoR12C3 {
	grid-column		: 3 / span 1 ;
	justify-self	: right ;
	margin-right	: 10px ;
}

.personalInfoR12C4 {
	grid-column		: 4 / span 1;
}

/* Personal Info Row 13 - Personal Info : Church/Pastor title */
.personalInfoR13 {
	grid-column		: 2 / span 5;
	margin-top		: 10px ;
	margin-bottom	: 10px ;
}

/* Personal Info Row 14 - Church attending */
.personalInfoR14C2 {
	grid-column		: 2 / span 1 ;
	justify-self	: right ;
	margin-right	: 10px ;
}

.personalInfoR14C3 {
	grid-column		: 3 / span 2;
}

#churchName {
	border-width	: 2px ;
	margin			: 0px ;  
	padding			: 1px 3px ;
}
	
/* Personal Info Row 15 - Pastor contact information text */
.personalInfoR15C2 {
	grid-column		: 2 / span 2 ;
	margin-top		: 10px ;
	margin-bottom	: 10px ;
}

/* Personal Info Row 16 - Pastor's name */
.personalInfoR16C1 {
	grid-column		: 1 / span 1 ;
	justify-self	: right ;
	margin-right	: 10px ;
}

.personalInfoR16C2 {
	grid-column		: 2 / span 1;
}

#pastorName {
	border-width	: 2px ;
	margin			: 0px ;  
	padding			: 1px 3px ;
}
	
/* Personal Info Row 17 - Pastor's street address & city */
.personalInfoR17C1 {
	grid-column		: 1 / span 1 ;
	justify-self	: right ;
	margin-right	: 10px ;
}

.personalInfoR17C2 {
	grid-column		: 2 / span 1;
}

#pastorStreet {
	border-width	: 2px ;
	margin			: 0px ;  
	padding			: 1px 3px ;
}
	
.personalInfoR17C3 {
	grid-column		: 3 / span 1 ;
	justify-self	: right ;
	margin-right	: 10px ;
}

.personalInfoR17C4 {
	grid-column		: 4 / span 1;
}

#pastorCity {
	border-width	: 2px ;
	margin			: 0px ;  
	padding			: 1px 3px ;
}
	
/* Personal Info Row 18 - Pastor's state & ZIP/Postal Code */
.personalInfoR18C1 {
	grid-column		: 1 / span 1 ;
	justify-self	: right ;
	margin-right	: 10px ;
}

.personalInfoR18C2 {
	grid-column		: 2 / span 1;
}

#pastorState {
	border-width	: 2px ;
	margin			: 0px ;  
	padding			: 1px 3px ;
}
	
.personalInfoR18C3 {
	grid-column		: 3 / span 1 ;
	justify-self	: right ;
	margin-left		: 10px ;
	margin-right	: 10px ;
}

.personalInfoR18C4 {
	grid-column		: 4 / span 1;
}

#pastorZIP {
	border-width	: 2px ;
	margin			: 0px ;  
	padding			: 1px 3px ;
}
	
/* Personal Info Row 19 - Pastor's email */
.personalInfoR19C1 {
	grid-column		: 1 / span 1 ;
	justify-self	: right ;
	margin-right	: 10px ;
}

.personalInfoR19C2 {
	grid-column		: 2 / span 1;
}

#pastorEmail {
	border-width	: 2px ;
	margin			: 0px ;  
	padding			: 1px 3px ;
}
	
/* Personal Info Row 20 - Other information title */
.personalInfoR20 {
	grid-column		: 2 / span 5;
	margin-top		: 10px ;
	margin-bottom	: 10px ;
}

/* Personal Info Row 21 - How learned of RVICS */
.personalInfoR21C2 {
	grid-column		: 2 / span 1 ;
	justify-self	: right ;
	margin-right	: 10px ;
}

.personalInfoR21C3 {
	grid-column				: 3 / span 2;
	display					: grid ;
	grid-template-columns	: 1fr ;
}

#howHeard {
	border-width	: 2px ;
	margin			: 0px ;  
	padding			: 1px 3px ;
	
	/* This code is to make the textarea box fill the parent container  */
	width			: 100% ;
	box-sizing		: border-box ;
}

/* Personal Info Row 22 - Similar ministry association */
.personalInfoR22C2 {
	grid-column		: 2 / span 1 ;
	justify-self	: right ;
	margin-right	: 10px ;
}

.personalInfoR22C3 {
	grid-column		: 3 / span 2 ;
}

/* Personal Info Row 23 - Similar ministry service */
.personalInfoR23C2 {
	grid-column		: 2 / span 1 ;
	justify-self	: right ;
	margin-right	: 10px ;
}

.personalInfoR23C3 {
	grid-column		: 3 / span 2 ;
}

/* Personal Info Row 24 - Pet owner */
.personalInfoR24C2 {
	grid-column		: 1 / span 2 ;
	justify-self	: right ;
	margin-right	: 10px ;
}

.personalInfoR24C3 {
	grid-column		: 3 / span 2 ;
}

/* Personal Info Row 25 - Pet ownership text */
.personalInfoR25C2 {
	grid-column		: 2 / span 2 ;
}

/***********************************************************************/
/* Health & Insurance Information Container
	17 rows
	12 columns
*/

.healthInfoText {
	justify-self			: right ;
}

.healthSectionBold {
	justify-self			: right ;
	font-weight				: bold ;
}

.healthInfoContainer {
	grid-column				: 2 / span 1 ;
	display					: grid ;
	row-gap					: 5px ;
	grid-template-columns	: repeat(12, 1fr) ;
}

/* health Info Row 1 - Section title */
.healthInfoR1C1 {
	grid-column		: 1 / span 12 ;
}

/* health Info Row 2 - Health insurance text */
.healthInfoR2C2 {
	grid-column		: 2 / span 11 ;
}

/* health Info Row 3 - His primary & secondary carriers */
.healthInfoR3C2 {
	grid-column		: 2 / span 1 ;
	justify-self	: right ;
	margin-right	: 10px ;
}

.healthInfoR3C3 {
	grid-column		: 3 / span 1 ;
	margin-right	: 10px ;
}

.healthInfoR3C4 {
	grid-column		: 4 / span 3 ;
}

.healthInfoR3C8 {
	grid-column		: 8 / span 1 ;
	margin-right	: 10px ;
}

.healthInfoR3C9 {
	grid-column		: 9 / span 3 ;
}

#hisPriIns, #hisSecIns {
	border-width		: 2px ;
	margin				: 0px ;
	padding				: 1px 3px ;
}

/* health Info Row 4 - Her primary & secondary carriers */
.healthInfoR4C2 {
	grid-column		: 2 / span 1 ;
	justify-self	: right ;
	margin-right	: 10px ;
}

.healthInfoR4C3 {
	grid-column		: 3 / span 1 ;
	margin-right	: 10px ;
}

.healthInfoR4C4 {
	grid-column		: 4 / span 3 ;
}

.healthInfoR4C8 {
	grid-column		: 8 / span 1 ;
	margin-right	: 10px ;
}

.healthInfoR4C9 {
	grid-column		: 9 / span 3 ;
}

#herPriIns, #herSecIns {
	border-width		: 2px ;
	margin				: 0px ;
	padding				: 1px 3px ;
}

/* health Info Row 5 - health questions text */
.healthInfoR5C2 {
	grid-column		: 2 / span 11 ;
	margin-top		: 10px ;
}

/* health Info Row 6 - column titles */
.healthInfoR6C4 {
	grid-column		: 4 / span 1 ;
	justify-self	: center ;
}

.healthInfoR6C5 {
	grid-column		: 5 / span 1 ;
	justify-self	: center ;
}

/* health Info Row 7 - General health */
.healthInfoR7C2 {
	grid-column		: 2 / span 2 ;
	justify-self	: right ;
	margin-right	: 10px ;
}

.healthInfoR7C4 {
	grid-column		: 4 / span 1 ;
	margin-right	: 10px ;
}

.healthInfoR7C5 {
	grid-column		: 5 / span 1 ;
}

/* health Info Row 8 - Heart health */
.healthInfoR8C2 {
	grid-column		: 2 / span 2 ;
	justify-self	: right ;
	margin-right	: 10px ;
}

.healthInfoR8C4 {
	grid-column		: 4 / span 1 ;
	margin-right	: 10px ;
}

.healthInfoR8C5 {
	grid-column		: 5 / span 1 ;
}

/* health Info Row 9 - Back health */
.healthInfoR9C2 {
	grid-column		: 2 / span 2 ;
	justify-self	: right ;
	margin-right	: 10px ;
}

.healthInfoR9C4 {
	grid-column		: 4 / span 1 ;
	margin-right	: 10px ;
}

.healthInfoR9C5 {
	grid-column		: 5 / span 1 ;
}

/* health Info Row 10 - Knee & Leg health */
.healthInfoR10C2 {
	grid-column		: 2 / span 2 ;
	justify-self	: right ;
	margin-right	: 10px ;
}

.healthInfoR10C4 {
	grid-column		: 4 / span 1 ;
	margin-right	: 10px ;
}

.healthInfoR10C5 {
	grid-column		: 5 / span 1 ;
}

/* health Info Row 11 - Hearing */
.healthInfoR11C2 {
	grid-column		: 2 / span 2 ;
	justify-self	: right ;
	margin-right	: 10px ;
}

.healthInfoR11C4 {
	grid-column		: 4 / span 1 ;
	margin-right	: 10px ;
}

.healthInfoR11C5 {
	grid-column		: 5 / span 1 ;
}

/* health Info Row 12 - Hearing */
.healthInfoR12C2 {
	grid-column		: 2 / span 2 ;
	justify-self	: right ;
	margin-right	: 10px ;
}

.healthInfoR12C4 {
	grid-column		: 4 / span 1 ;
	margin-right	: 10px ;
}

.healthInfoR12C5 {
	grid-column		: 5 / span 1 ;
}

/* health Info Row 13 - health condition explanation text */
.healthInfoR13C2 {
	grid-column		: 2 / span 11 ;
	margin-top		: 10px ;
}

/* health Info Row 14 - health condition explanation text */
.healthInfoR14C2 {
	grid-column		: 2 / span 10 ;
}

#healthComment {
	border-width		: 2px ;
	margin				: 0px ;
	padding				: 1px 3px ;
	width				: 95% ;
}

/* health Info Row 15 - Blackouts */
.healthInfoR15C2 {
	grid-column		: 2 / span 4 ;
	margin-top		: 10px ;
}

.healthInfoR15C6 {
	grid-column		: 6 / span 1 ;
	margin-top		: 10px ;
	margin-right	: 10px ;
}

.healthInfoR15C7 {
	grid-column		: 7 / span 1 ;
	margin-top		: 10px ;
}

.healthInfoR15C8 {
	grid-column		: 8 / span 1 ;
	margin-top		: 10px ;
	margin-right	: 10px ;
}

.healthInfoR15C9 {
	grid-column		: 9 / span 1 ;
	margin-top		: 10px ;
}

/* health Info Row 16 - Diabetics */
.healthInfoR16C2 {
	grid-column		: 2 / span 4 ;
}

.healthInfoR16C6 {
	grid-column		: 6 / span 1 ;
	margin-right	: 10px ;
}

.healthInfoR16C7 {
	grid-column		: 7 / span 1 ;
}

.healthInfoR16C8 {
	grid-column		: 8 / span 1 ;
	margin-right	: 10px ;
}

.healthInfoR16C9 {
	grid-column		: 9 / span 1 ;
}

/* health Info Row 17 - Blackouts / diabetes explanation text */
.healthInfoR17C2 {
	grid-column		: 2 / span 11 ;
}

/* health Info Row 18 - Blackouts / diabetes explanation textbox */
.healthInfoR18C2 {
	grid-column		: 2 / span 10 ;
}

#blackDiabComment {
	border-width		: 2px ;
	margin				: 0px ;
	padding				: 1px 3px ;
	width				: 95% ;
}


/***********************************************************************/
/* Skills Information Container
	4 rows of 12 columns
	3 columns of 6 columns
*/

.skillsSectionBold {
	justify-self			: right ;
	font-weight				: bold ;
}

.skillsInfoText {
	justify-self	: right ;
	margin-right	: 10px ;
}

.skillsInfoContainer {
	grid-column				: 2 / span 1 ;
	display					: grid ;
	row-gap					: 5px ;
	grid-template-columns	: repeat(12, 1fr) ;
}

/* skills Info Row 1 - Section title */
.skillsInfoR1C1 {
	grid-column		: 1 / span 12 ;
}

/* skills Info Row 2 - column titles */
.skillsInfoR2C6 {
	grid-column		: 6 / span 1 ;
	justify-self	: center ;
}

.skillsInfoR2C7 {
	grid-column		: 7 / span 1 ;
	justify-self	: center ;
}

/* skills Info Row 3 - Retirement status */
.skillsInfoR3C2 {
	grid-column		: 2 / span 4 ;
	justify-self	: right ;
}

.skillsInfoR3C6 {
	grid-column		: 6 / span 1 ;
	justify-self	: right ;
	margin-left		: 10px ;
	margin-right	: 10px ;
}

.skillsInfoR3C7 {
	grid-column		: 7 / span 1 ;
}

/* skills Info Row 4 - Semi-retirement status explanation text */
.skillsInfoR4C2 {
	grid-column		: 2 / span 4 ;
	justify-self	: right ;
	margin-right	: 10px ;
}

.skillsInfoR4C6 {
	grid-column		: 6 / span 4 ;
}

#retireStatusComment {
	border-width		: 2px ;
	margin				: 0px ;
	padding				: 1px 3px ;
	width				: 95% ;
}

/* The skills subcontainer begins here... */
.skillsSubcontainer {
	grid-column				: 1 / span 12 ;
	display					: grid ;
	grid-row				: 5 ;
	row-gap					: 5px ;
	grid-template-columns	: 1fr 2fr 3fr 2fr 3fr 1fr ;
}

/* skills Info Row 5 - Professions */
.skillsInfoR5C2 {
	grid-column		: 2 / span 1 ;
	justify-self	: right ;
	margin-right	: 10px ;
}

.skillsInfoR5C3 {
	grid-column		: 3 / span 1 ;
}

.skillsInfoR5C4 {
	grid-column		: 4 / span 1 ;
	justify-self	: right ;
	margin-right	: 10px ;
}

.skillsInfoR5C5 {
	grid-column		: 5 / span 1 ;
}

#hisProfession, #herProfession {
	border-width		: 2px ;
	margin				: 0px ;
	padding				: 1px 3px ;
}

/* skills Info Row 6 - Skills text */
.skillsInfoR6C2 {
	grid-column		: 2 / span 5 ;
	margin-top		: 10px ;
}

/* skills Info Row 7 - Skills */
.skillsInfoR7C2 {
	grid-column		: 2 / span 1 ;
	justify-self	: right ;
	margin-right	: 10px ;
}

.skillsInfoR7C3 {
	grid-column		: 3 / span 1 ;
}

.skillsInfoR7C4 {
	grid-column		: 4 / span 1 ;
	justify-self	: right ;
	margin-right	: 10px ;
}

.skillsInfoR7C5 {
	grid-column		: 5 / span 1 ;
}

#hisSkills, #herSkills {
	border-width		: 2px ;
	margin				: 0px ;
	padding				: 1px 3px ;
	width				: 96% ;
}

/***********************************************************************/
/* RV & Vehicle Information Container
	7 rows
	12 columns
*/

.RVSectionBold {
	justify-self			: right ;
	font-weight				: bold ;
}

.RVInfoText {
	justify-self	: right ;
	margin-right	: 10px ;
}

.RVInfoContainer {
	grid-column				: 2 / span 1 ;
	display					: grid ;
	row-gap					: 5px ;
	grid-template-columns	: repeat(12, 1fr) ;
}

/* RV Info Row 1 - Section title */
.RVInfoR1C1 {
	grid-column		: 1 / span 12 ;
}

/* RV Info subsection titles */
.RVInfoR3,  /* RV Info */
.RVInfoR10, /* Personal vehicle info */
.RVInfoR15  /* Insurance info */
{
	grid-column		: 2 / span 4 ;
	margin-top		: 10px ;
}

/* RV Info item titles */
.RVInfoR2C1,  /* Driver's license status */
.RVInfoR4C1,  /* RV ownership */
.RVInfoR5C1,  /* RV Type */
.RVInfoR6C1,  /* RV Length */
.RVInfoR7C1,  /* Driver's side slides */
.RVInfoR8C1,  /* Passenger's side slides */
.RVInfoR9C1,  /* Electrical requirements */
.RVInfoR11C1, /* Personal vehicle year */
.RVInfoR12C1, /* Personal vehicle make */
.RVInfoR13C1, /* Personal vehicle model */
.RVInfoR14C1, /* Personal vehicle color */
.RVInfoR16C1, /* RV Insurance carrier */
.RVInfoR17C1  /* Personal vehicle insurance carrier */
{
	grid-column		: 1 / span 5 ;
	justify-self	: right ;
}

/* RV Info item input fields */
.RVInfoR4C6,  /* RV ownership */
.RVInfoR5C6,  /* RV Type */
.RVInfoR6C6,  /* RV Length */
.RVInfoR7C6,  /* Driver's side slides */
.RVInfoR8C6,  /* Passenger's side slides */
.RVInfoR9C6,  /* Electrical requirements */
.RVInfoR11C6, /* Personal vehicle year */
.RVInfoR12C6, /* Personal vehicle make */
.RVInfoR13C6, /* Personal vehicle model */
.RVInfoR14C6  /* Personal vehicle color */
{
	grid-column		: 6 / span 1 ;
}

/* RV Info Row 2 - Driver's license status textboxes */
.RVInfoR2C6 {
	grid-column		: 6 / span 1 ;
	justify-self	: right ;
	margin-left		: 10px ;
	margin-right	: 10px ;
}

.RVInfoR2C7 {
	grid-column		: 7 / span 1 ;
}

.RVInfoR2C8 {
	grid-column		: 8 / span 1 ;
	justify-self	: right ;
	margin-left		: 10px ;
	margin-right	: 10px ;
}

.RVInfoR2C9 {
	grid-column		: 9 / span 1 ;
}

/* RV Info item input field format */
#RVLength, /* RV length */
#slidesDS, /* RV driver's side slides */
#slidesPS, /* RV passenger's side slides */
#pvYear,   /* Personal vehicle year */
#pvMake,   /* Personal vehicle make */
#pvModel,  /* Personal vehicle model */
#pvColor   /* Personal vehicle color */
{
	border-width		: 2px ;
	margin				: 0px ;
	padding				: 1px 3px ;
}

/* Vehicle insurance carrier textboxes */
.RVInfoR16C6, /* RV  */
.RVInfoR17C6  /* Personal vehicle */
{
	grid-column		: 6 / span 3 ;
}

#rvInsurance, /* RV insurance carrier textbox format */
#pvInsurance  /* Personal vehicle insurance carrier textbox format */
{
	border-width		: 2px ;
	margin				: 0px ;
	padding				: 1px 3px ;
}

/***********************************************************************/
/* Preparation for Service Container
	4 rows
	4 columns
*/

.servePrepText {
	justify-self			: right ;
	margin-right			: 10px ;
}

.servePrepContainer {
	grid-column				: 2 / span 1 ;
	display					: grid ;
	row-gap					: 5px ;
	grid-template-columns	: repeat(12, 1fr) ;
}

/* Service preparation Row 1 - Section title */
.servePrepR1C1 {
	grid-column		: 1 / span 4 ;
}

/* Service preparation Row 2 - Earliest start date */
.servePrepR2C2 {
	grid-column		: 2 / span 7 ;
	margin-bottom	: 10px ;
}

.servePrepR2C9 {
	grid-column		: 9 / span 3 ;
}

#startDate  /* Earliest start date textbox */
{
	border-width		: 2px ;
	margin				: 0px ;
	padding				: 1px 3px ;
}

/* Badge name container */
.badgeNameContainer {
	grid-column				: 2 / span 10 ;
	display					: grid ;
	row-gap					: 5px ;
	grid-template-columns	: 1fr 1fr 2fr 1fr 2fr 1fr  ;
	margin-bottom	: 10px ;
}

.badgeNameR1 {
	grid-column		: 1 / span 6 ;
}

.badgeNameC1 {
	grid-column		: 1 / span 1 ;
	justify-self	: right ;
	margin-right	: 10px ;
}

.badgeNameC2 {
	grid-column		: 2 / span 2 ;
}

.badgeNameC4 {
	grid-column		: 4 / span 1 ;
	justify-self	: right ;
	margin-right	: 10px ;
}

.badgeNameC5 {
	grid-column		: 5 / span 2 ;
}

#hisBadgeName, #herBadgeName  /* Badge name textbox */
{
	border-width		: 2px ;
	margin				: 0px ;
	padding				: 1px 3px ;
}

/* Service preparation Row 4 - Pacemakers */
.servePrepR4C2 {
	grid-column		: 2 / span 7 ;
	margin-bottom	: 10px ;
}

.servePrepR4C9 {
	grid-column		: 9 / span 1 ;
}

.servePrepR4C10 {
	grid-column		: 10 / span 1 ;
}

/* Service preparation Row 5 - Prayer chain */
.servePrepR5C2 {
	grid-column		: 2 / span 7 ;
	margin-bottom	: 10px ;
}

.servePrepR5C9 {
	grid-column		: 9 / span 1 ;
}

.servePrepR5C10 {
	grid-column		: 10 / span 1 ;
}

/* Service preparation Row 6 - Directory text */
.servePrepR6C2 {
	grid-column		: 2 / span 7 ;
	margin-bottom	: 10px ;
}

/* Service preparation Row 7 - Directory permission */
.servePrepR7C2 {
	grid-column		: 2 / span 7 ;
	justify-self	: center ;
}

.servePrepR7C9 {
	grid-column		: 9 / span 1 ;
}

.servePrepR7C10 {
	grid-column		: 10 / span 1 ;
}

/***********************************************************************/
/* Final agreements
	8 rows
	12 columns
*/

.agreementsText {
	justify-self			: right ;
	margin-right			: 10px ;
}

.agreementsContainer {
	grid-column				: 2 / span 1 ;
	display					: grid ;
	row-gap					: 5px ;
	grid-template-columns	: repeat(12, 1fr) ; ;
}

/* Agreements title */
.agreementsTitle {
	grid-column		: 1 / span 12 ;
}

/* Agreements statement text */
.agreementsStatement {
	grid-column		: 2 / span 10 ;
	margin-top		: 10px ;
	margin-bottom	: 10px ;
}

/* Agreements textbox title */
.agreementsTitleHim {
	grid-column		: 2 / span 1 ;
	justify-self	: center ;
}

/* Agreements textbox */
.agreementsTextboxHim {
	grid-column		: 3 / span 1 ;
}

/* Agreements textbox title */
.agreementsTitleHer {
	grid-column		: 4 / span 1 ;
	justify-self	: center ;
}

/* Agreements textbox */
.agreementsTextboxHer {
	grid-column		: 5 / span 1 ;
}

/* Agreements Text formatting */
.agreementsItemText {
	grid-column		: 6 / span 6 ;
	margin-left		: 10px ;
}

/* Agreements textbox formatting*/
#himAbideConst,
#herAbideConst,
#himChkOK,
#herChkOK,  
#himPicOK,
#herPicOK,  
#himSuppIns,
#herSuppIns,  
#himDonate,
#herDonate,  
#himAcceptDir,
#herAcceptDir,  
#himAbstain,
#herAbstain,  
#himContribute,
#herContribute, 
#himTerm,
#herTerm  
{
	border-width		: 2px ;
	margin				: 0px ;
	padding				: 1px 3px ;
}

/***********************************************************************/
/* Signature Information Container
	3 rows
	4 columns
*/

.appSignText {
	justify-self			: right ;
	margin-right			: 10px ;
}

.appSignContainer {
	grid-column				: 2 / span 1 ;
	display					: grid ;
	row-gap					: 5px ;
	grid-template-columns	: 1fr 1fr 1fr 1fr ;
}

/* Applicant signature Row 1 */
.appSignR1C1 {
	grid-column		: 1 / span 1 ;
}

.appSignR1C2 {
	grid-column		: 2 / span 2 ;
	font-size		: .9em ;
}

/* Applicant signature Row 2 */
.appSignR2C1 {
	grid-column		: 1 / span 1 ;
	justify-self	: right ;
	margin-right	: 10px ;
}

.appSignR2C2 {
	grid-column		: 2 / span 2 ;
}

/* Applicant signature Row 3 */
.appSignR3C1 {
	grid-column		: 1 / span 1 ;
	justify-self	: right ;
	margin-right	: 10px ;
}

.appSignR3C2 {
	grid-column		: 2 / span 2 ;
}

#himSig, #herSig {
	border-width		: 2px ;
	margin				: 0px ;
	padding				: 1px 3px ;
}

/***********************************************************************/
/* Statement of Faith Signature Container
	3 rows
	4 columns
*/

.SoFSignText {
	justify-self			: right ;
	margin-right			: 10px ;
}

.SoFContainer {
	grid-column				: 1 / span 3 ;
	display					: grid ;
	row-gap					: 5px ;
	grid-template-columns	: 1fr 8fr 1fr ;
}

.SoFTable {
	grid-column				: 2 / span 1 ;
}

/* SoF Table title */
.SoFTableTitle {
	grid-column		: 1 / span 3 ;
}

.SoFSignContainer {
	grid-column				: 1 / span 4 ;
	display					: grid ;
	row-gap					: 5px ;
	grid-template-columns	: 1fr 1fr 1fr 1fr ;
}

/* Applicant signature Row 1 */
.SoFSignR1C1 {
	grid-column		: 1 / span 1 ;
}

.SoFSignR1C2 {
	grid-column		: 2 / span 2 ;
	font-size		: .9em ;
}

/* Applicant signature Row 2 */
.SoFSignR2C1 {
	grid-column		: 1 / span 1 ;
	justify-self	: right ;
	margin-right	: 10px ;
}

.SoFSignR2C2 {
	grid-column		: 2 / span 2 ;
}

/* Applicant signature Row 3 */
.SoFSignR3C1 {
	grid-column		: 1 / span 1 ;
	justify-self	: right ;
	margin-right	: 10px ;
}

.SoFSignR3C2 {
	grid-column		: 2 / span 2 ;
}

#himSoFSig, #herSoFSig {
	border-width		: 2px ;
	margin				: 0px ;
	padding				: 1px 3px ;
}

/***********************************************************************/
/* Button Container
	1 rows
	12 columns
*/

.buttonContainer {
	grid-template-columns	: repeat(12, 1fr) ;
	display					: grid ;
}

.cancelButton {
	grid-column				: 2 / span 2 ;
}

.submitButton {
	grid-column				: 6 / span 2 ;
}

/***********************************************************************/

/***********************************************************************/
/* Success screen Container
	1 rows
	3 columns
*/

.msgContainer {
	grid-column				: 2 / span 1 ;
	display					: grid ;
}

/***********************************************************************/


#submitButton {
	background-color	: #2369b8 ;
	font-family			: inherit ;
	font-weight			: bold ;
	font-size			: 15px ; 
	padding				: 3px 40px ;
	border-left			: 2px solid white ;
	border-top			: 2px solid white ;
	border-right		: 2px solid black ;
	border-bottom		: 2px solid black ;
	border-radius		: 3px ; 
	cursor				: pointer ; 
	background-image	: none ; 
	color				: white ; 
	text-shadow			: none ; 
	text-decoration		: none ; 
	display				: block ; 
	width				: 200px ;
	margin-top			: 10px ;
	margin-left			: auto ;
	margin-right		: auto ;
}

#submitButton:hover {
	background-color	: #edf4fc ;
	color				: #2369b8 ;
}

#cancelButton {
/*	background-color	: #2369b8 ;  */
	font-family			: inherit ;
/*	font-weight			: bold ;  */
	font-size			: 15px ; 
	padding				: 3px 40px ;
	border-left			: 2px solid white ;
	border-top			: 2px solid white ;
	border-right		: 2px solid black ;
	border-bottom		: 2px solid black ;
	border-radius		: 3px ; 
	cursor				: pointer ; 
	background-image	: none ; 
/*	color				: white ;  */
	text-shadow			: none ; 
	text-decoration		: none ; 
	display				: block ; 
	width				: 200px ;
	margin-top			: 10px ;
	margin-left			: auto ;
	margin-right		: auto ;
}

#cancelButton:hover {
	background-color	: #2369b8 ;
	color				: white ;
}


/* Responsive layout - when the screen is less than 700px wide, make the columns stack on top of each other instead of next to each other */
@media screen and (max-width: 700px) {
  .flexRow {   
    flex-direction: column;
	}
}