/* This height is to staticly set the height to display all section content, no matter the amount of content. 
   Because the sections are positioned absolutely, the containgin elements don't scale to accomodate anymore.
   Need to find a better fix than this, though. */

#admissionApp {
	/*height: 1600px;*/
	padding-top: 25px;
}


/* ------------------------------------------------------------------------------------------------------*/
/* FIVE MAIN SECTIONS OF THE APPLICATION FORM -----------------------------------------------------------*/


/* The visibility, position and margin settings will all be changed dynamically via javascript as user 
   moves between sections. This is for purposes of displaying the "current" section while hiding the "non-current" sections */


#overview {
	width: 500px;
	display: block;
	/*display: none;*/
}

#step1 {
	width: 500px;
	display: none;
	/*display: block;*/
}

#step2 {
	width: 500px;
	display: none;
	/*display: block;*/
} 

#step3 {
	width: 500px;
	display: none;
	/*display: block;*/
}

#step4 {
	width: 500px;
	display: none;
	/*display: block;*/
} 

#step5 {
	width: 500px;
	display: none;
	/*display: block;*/
} 



/* ------------------------------------------------------------------------------------------------------*/
/* BASIC LAYOUT/TEXT STYLES -----------------------------------------------------------------------------*/


fieldset {
	border: solid 0 transparent;
	padding-top: 12px;
	margin-top: 28px;
	background-image: url(../images/admissionApp/horizRule.gif);
	background-repeat: no-repeat;
	background-position: top;
}


input.text, input.checkbox, textarea {
	background-color: #FDFBEF;
	border: 1px solid #BEC599;
	margin-right: 8px;
	padding: 3px;
	font-size: 10px;
	color: #705200;

}

input.checkbox {
	background-color: #FDFBEF;
	border: 1px solid #BEC599;
}

input.radio {
	/*float: left;*/
	display: inline;
	margin-right: 1px;
}

input:focus, textarea:focus {
	background-color: #FFFFFF;
}

#admissionApp label {
	/*display: block;
	margin: 0 0 1px 0;*/
	padding-top: 3px;
	font-size: 10px;
	line-height: 15px;
	color: #445608;
}

#admissionApp h1 {
	margin-bottom: 25px;
	font-size: 12px;
	line-height: 14px;
	color: #949C66;
	font-weight: bold;
}

#admissionApp h2 {
	font-size: 10px;
	line-height: 15px;
	color: #705200;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 7px;
}

#admissionApp h3 {
	font-size: 10px;
	line-height: 15px;
	color: #445608;
	font-weight: bold;
}

#admissionApp .nextSectionBtn_top {
	float: right;
	padding: 0 8px 0 0;
}

#admissionApp .nextSectionBtn_bottom {
	float: right;
	padding: 25px 8px 0 0;
}


#admissionApp table.formLayout td {
	padding: 3px 0 3px 0;
}

#admissionApp table.formLayout tr.checkboxes td {
	border-bottom: solid 1px #E5E4C6;
}

#admissionApp table.formLayout tr.checkboxes td.checkboxLabels {
	padding: 5px 0 6px 15px;
}

/* Counter the border efe t on tables nested inside checkbox table rows */
#admissionApp table.formLayout tr.checkboxes table.formLayout td {
	border-bottom: none;
}

/* horizontal divider between groupings of similar form elements */
.form_horizRule {
	margin: 12px 0 2px 0;
	border-top:1px solid #cdbf9a; 
}

/* ------------------------------------------------------------------------------------------------------*/
/* STEP 1 (ADMIN INFO): SPECIFIC STYLES  -------------------------------------------------------*/


/* FIELDSET:  APPLICANT INFO --------------------------------------------*/

#step1 #applicantInfo label {
	width: 180px;
}


#step1 #applicantInfo input {
	width: 300px;
}


/* FIELDSET:  PAYMENT METHOD  ---------------------------------------------*/

#step1 #paymentMethod label {
	display: inline;
	width: auto;
}

#step1 #paymentMethod p#paymentOptions {
	margin: 0 0 10px 0;
}

#step1 #paymentMethod p#authorizationBox {
	display: none;
}

/* Row 1 */
#step1 #paymentMethod input#ccCardNumber	{ width: 120px; }
#step1 #paymentMethod input#ccSecurityCode	{ width: 35px; }
#step1 #paymentMethod input#ccExpDate		{ width: 60px; }

/* Row 2 */
#step1 #paymentMethod input#ccCardholder	{ width: 260px; }
#step1 #paymentMethod input#ccDate			{ width: 60px; }

/* Row 3 */
#step1 #paymentMethod input#ccAddress		{ width: 400px; }

/* Row 4 */
#step1 #paymentMethod input#ccCity			{ width: 275px; }
#step1 #paymentMethod input#ccState			{ width: 40px; }
#step1 #paymentMethod input#ccZip			{ width: 60px; }



/* FIELDSET:  STUDENT'S INFO ---------------------------------------------*/

#step1 #studentInfo label {
	display: inline;
	width: auto;
}

/* Row 1 */
#step1 #studentInfo input#studentFirstName		{ width: 140px; }
#step1 #studentInfo input#studentMI				{ width: 20px; }
#step1 #studentInfo input#studentLastName		{ width: 140px; }

/* Row 2 */
#step1 #studentInfo input#studentPreferredName	{ width: 375px; }

/* Row 3 */
#step1 #studentInfo input#studentAge			{ width: 25px; }
#step1 #studentInfo input#studentDOB			{ width: 60px; }
#step1 #studentInfo input#studentHt				{ width: 45px; }
#step1 #studentInfo input#studentWt				{ width: 50px; }

/* Row 4 */
#step1 #studentInfo input#studentSocSec			{ width: 125px; }
#step1 #studentInfo input#adoptionAge			{ width: 25px; }

/* Row 5 */
#step1 #studentInfo input#hairColor				{ width: 40px; }
#step1 #studentInfo input#eyeColor				{ width: 40px; }
#step1 #studentInfo input#race					{ width: 55px; }
#step1 #studentInfo input#religion				{ width: 65px; }

/* Row 5 */
#step1 #studentInfo input#pantsSize				{ width: 25px; }
#step1 #studentInfo input#shoeSize				{ width: 135px; }

/* Row 6 */
#pantsSize_genderKey { 
	display: inline;
	width: 150px;
	margin-right: 10px;
	padding: 0 6px 2px 2px;
	border-right: 1px solid #BEC599;
}

/* Row 7-10 */
#step1 #studentInfo input#medConditions			{ width: 300px; }
#step1 #studentInfo input#currentMeds			{ width: 300px; }
#step1 #studentInfo input#studentRes			{ width: 300px; }
#step1 #studentInfo input#custody				{ width: 300px; }


/* FIELDSET:  FATHER'S INFO ---------------------------------------------*/

#step1 #fatherInfo label {
	display: inline;
	width: auto;
}

/* Row 1 */
#step1 #fatherInfo input#fatherFirstName		{ width: 140px; }
#step1 #fatherInfo input#fatherMI				{ width: 20px; }
#step1 #fatherInfo input#fatherLastName			{ width: 140px; }

/* Row 2 */
#step1 #fatherInfo input#fatherAddress			{ width: 160px; }
#step1 #fatherInfo input#fatherCity				{ width: 100px; }
#step1 #fatherInfo input#fatherState			{ width: 25px; }
#step1 #fatherInfo input#fatherZip				{ width: 40px; }

/* Row 3 */
#step1 #fatherInfo input#fatherAge				{ width: 25px; }
#step1 #fatherInfo input#fatherOccupation		{ width: 160px; }
#step1 #fatherInfo input#fatherWorkPhone		{ width: 110px; }

/* Row 4 */
#step1 #fatherInfo input#fatherFax				{ width: 110px; }
#step1 #fatherInfo input#fatherCallBeforeFax	{ margin: 3px; }
#step1 #fatherInfo input#fatherEmail			{ width: 150px; }

/* Row 5 */
#step1 #fatherInfo input#fatherHomePhone		{ width: 150px; }
#step1 #fatherInfo input#fatherCellPhone		{ width: 150px; }



/* FIELDSET:  MOTHER'S INFO ---------------------------------------------*/

#step1 #motherInfo label {
	display: inline;
	width: auto;
}

/* Row 1 */
#step1 #motherInfo input#motherFirstName		{ width: 140px; }
#step1 #motherInfo input#motherMI				{ width: 20px; }
#step1 #motherInfo input#motherLastName			{ width: 140px; }

/* Row 2 */
#step1 #motherInfo input#motherAddress			{ width: 160px; }
#step1 #motherInfo input#motherCity				{ width: 100px; }
#step1 #motherInfo input#motherState			{ width: 25px; }
#step1 #motherInfo input#motherZip				{ width: 40px; }

/* Row 3 */
#step1 #motherInfo input#motherAge				{ width: 25px; }
#step1 #motherInfo input#motherOccupation		{ width: 160px; }
#step1 #motherInfo input#motherWorkPhone		{ width: 110px; }

/* Row 4 */
#step1 #motherInfo input#motherFax				{ width: 110px; }
#step1 #motherInfo input#motherCallBeforeFax	{ margin: 3px; }
#step1 #motherInfo input#motherEmail			{ width: 150px; }

/* Row 5 */
#step1 #motherInfo input#motherHomePhone		{ width: 150px; }
#step1 #motherInfo input#motherCellPhone		{ width: 150px; }



/* FIELDSET:  STEPFATHER'S INFO ---------------------------------------------*/

#step1 #stepfatherInfo label {
	display: inline;
	width: auto;
}

/* Row 1 */
#step1 #stepfatherInfo input#stepfatherFirstName	{ width: 140px; }
#step1 #stepfatherInfo input#stepfatherMI			{ width: 20px; }
#step1 #stepfatherInfo input#stepfatherLastName		{ width: 140px; }

/* Row 2 */
#step1 #stepfatherInfo input#stepfatherAge			{ width: 25px; }
#step1 #stepfatherInfo input#stepfatherWorkPhone	{ width: 110px; }
#step1 #stepfatherInfo input#stepfatherHomePhone	{ width: 150px; }



/* FIELDSET:  STEPMOTHER'S INFO ---------------------------------------------*/

#step1 #stepmotherInfo label {
	display: inline;
	width: auto;
}

/* Row 1 */
#step1 #stepmotherInfo input#stepmotherFirstName	{ width: 140px; }
#step1 #stepmotherInfo input#stepmotherMI			{ width: 20px; }
#step1 #stepmotherInfo input#stepmotherLastName		{ width: 140px; }

/* Row 2 */
#step1 #stepmotherInfo input#stepmotherAge			{ width: 25px; }
#step1 #stepmotherInfo input#stepmotherWorkPhone	{ width: 110px; }
#step1 #stepmotherInfo input#stepmotherHomePhone	{ width: 150px; }



/* FIELDSET:  EMERGENCY INFO ---------------------------------------------*/

#step1 #emergencyInfo label {
	display: inline;
	width: auto;
}

/* Row 1 */
#step1 #emergencyInfo input#emergencyName			{ width: 300px; }

/* Row 2 */
#step1 #emergencyInfo input#emergencyHomePhone		{ width: 85px; }
#step1 #emergencyInfo input#emergencyWorkPhone		{ width: 85px; }
#step1 #emergencyInfo input#emergencyCellPhone		{ width: 85px; }



/* FIELDSET:  FINANCIAL RESPONSIBILITY ------------------------------------*/

#step1 #financial label {
	width: 180px;
}

#step1 #financial input#financiallyResponsible		{ width: 300px; }
#step1 #financial input#employer					{ width: 300px; }



/* FIELDSET:  HOW DID YOU HEAR ABOUT US ------------------------------------*/

#step1 #referral label {
	width: auto;
}

#step1 #referral input#referralConsultantInfo		{ width: 125px; }
#step1 #referral input#referralOtherInfo			{ width: 125px; }




/* ------------------------------------------------------------------------------------------------------*/
/* STEP 2 (MEDICAL INFO): SPECIFIC STYLES  -------------------------------------------------------*/


/* FIELDSET:  MEDICAL INFO --------------------------------------------*/

#step2 #medInfo label {
	display: inline;
	width: auto;
}

#step2 #medInfo textarea#medHistoryAddInfo		{ width: 492px; height: 150px; }

/* Medication Info Row 1 */
#step2 #medInfo input#med1						{ width: 425px; }
#step2 #medInfo input#med1Dose					{ width: 60px; }
#step2 #medInfo input#med1Time					{ width: 65px; }
#step2 #medInfo input#med1Frequency				{ width: 100px; }

/* Medication Info Row 2 */
#step2 #medInfo input#med2						{ width: 425px; }
#step2 #medInfo input#med2Dose					{ width: 60px; }
#step2 #medInfo input#med2Time					{ width: 65px; }
#step2 #medInfo input#med2Frequency				{ width: 100px; }

/* Medication Info Row 3 */
#step2 #medInfo input#med3						{ width: 425px; }
#step2 #medInfo input#med3Dose					{ width: 60px; }
#step2 #medInfo input#med3Time					{ width: 65px; }
#step2 #medInfo input#med3Frequency				{ width: 100px; }



/* FIELDSET:  IMMUNIZATION RECORDS --------------------------------------*/



/* FIELDSET:  INSURANCE INFO --------------------------------------------*/

#step2 #insuranceInfo label {
	display: inline;
	width: auto;
}

/* Row 1 */
#step2 #insuranceInfo input#insurance			{ width: 415px; }

/* Row 2 */
#step2 #insuranceInfo input#insuranceAddress	{ width: 160px; }
#step2 #insuranceInfo input#insuranceCity		{ width: 100px; }
#step2 #insuranceInfo input#insuranceState		{ width: 25px; }
#step2 #insuranceInfo input#insuranceZip		{ width: 40px; }

/* Row 3 */
#step2 #insuranceInfo input#insurancePhone		{ width: 150px; }
#step2 #insuranceInfo input#policyNum			{ width: 150px; }

/* Row 4 */
#step2 #insuranceInfo input#poolicyHolder		{ width: 180px; }
#step2 #insuranceInfo input#policyHolderSocSec	{ width: 75px; }

/* Row 5 */
#step2 #insuranceInfo input#policyEmployer		{ width: 345px; }





/* ------------------------------------------------------------------------------------------------------*/
/* STEP 3 (SOCIAL HISTORY): SPECIFIC STYLES  ---------------------------------------------------*/


/* FIELDSET:  BEHAVIOR HISTORY  --------------------------------------------*/

#step3 #behavior label {
	display: inline;
	width: auto;
}


/* Div containers for "Additional Info" elements. Only become visible when users click on the related checkboxes */
#step3 #behavior .addInfoArea {
	width:120px;
	position: relative;
	margin-left: -35px;
	padding: 5px 0;
	display: none;	/*hidden until corresponfing checkbox is clicked */
}

/* Labels for "Additional Info" text elements. (stays hidden for visual browsers) */
#step3 #behavior .addInfo_label {
	display: none;
}


/* Row 1 */
#step3 #behavior input#prevWildernessLoc		{ width: 275px; }
#step3 #behavior input#prevWildernessYr			{ width: 50px; }

/* Row 2 */
#step3 #behavior input#prevCounselReason		{ width: 310px; }
#step3 #behavior input#prevCounselTherapist_1	{ width: 125px; }
#step3 #behavior input#prevCounselPhone_1		{ width: 75px; }
#step3 #behavior input#prevCounselYr_1			{ width: 50px; }
#step3 #behavior input#prevCounselTherapist_2	{ width: 125px; }
#step3 #behavior input#prevCounselPhone_2		{ width: 75px; }
#step3 #behavior input#prevCounselYr_2			{ width: 50px; }
#step3 #behavior input#prevCounselTherapist_3	{ width: 125px; }
#step3 #behavior input#prevCounselPhone_3		{ width: 75px; }
#step3 #behavior input#prevCounselYr_3			{ width: 50px; }

/* Row 2 */
#step3 #behavior input#currentCounselReason		{ width: 310px; }
#step3 #behavior input#currentCounselTherapist	{ width: 125px; }
#step3 #behavior input#currentCounselPhone		{ width: 75px; }
#step3 #behavior input#currentCounselYr			{ width: 50px; }


/* Row 3 */
#step3 #behavior input#prevPsychReasons			{ width: 310px; }
#step3 #behavior input#prevPsychInstitute		{ width: 125px; }
#step3 #behavior input#prevPsychPhone			{ width: 75px; }
#step3 #behavior input#prevPsychYr				{ width: 50px; }

/* Row 4 */
#step3 #behavior input#probationState			{ width: 150px; }
#step3 #behavior input#probationPeriod			{ width: 150px; }
#step3 #behavior input#probationReason			{ width: 325px; }

/* Additional Info */
#step3 #behavior textarea#behaviorAddInfo		{ width: 492px; height: 150px; }


/* FIELDSET:  SUBSTANCE ABUSE HISTORY  -----------------------------------*/

#step3 #substanceAbuse input#substance_1		{ width: 310px; }
#step3 #substanceAbuse input#substFreq_1		{ width: 125px; }
#step3 #substanceAbuse input#substUseLength_1	{ width: 75px; }
#step3 #substanceAbuse input#substRecentUse_1	{ width: 50px; }

#step3 #substanceAbuse input#substance_2		{ width: 310px; }
#step3 #substanceAbuse input#substFreq_2		{ width: 125px; }
#step3 #substanceAbuse input#substUseLength_2	{ width: 75px; }
#step3 #substanceAbuse input#substRecentUse_2	{ width: 50px; }

#step3 #substanceAbuse input#substance_3		{ width: 310px; }
#step3 #substanceAbuse input#substFreq_3		{ width: 125px; }
#step3 #substanceAbuse input#substUseLength_3	{ width: 75px; }
#step3 #substanceAbuse input#substRecentUse_3	{ width: 50px; }

#step3 #substanceAbuse input#substance_4		{ width: 310px; }
#step3 #substanceAbuse input#substFreq_4		{ width: 125px; }
#step3 #substanceAbuse input#substUseLength_4	{ width: 75px; }
#step3 #substanceAbuse input#substRecentUse_4	{ width: 50px; }




/* FIELDSET:  SCHOOL HISTORY  --------------------------------------------*/

/* Schools */
#step3 #schools input#school1					{ width: 422px; }
#step3 #schools input#school2					{ width: 422px; }
#step3 #schools input#school3					{ width: 422px; }
#step3 #schools input#school4					{ width: 422px; }

/* Current School Address */
#step3 #schools input#school1_address			{ width: 120px; }
#step3 #schools input#school1_city				{ width: 90px; }
#step3 #schools input#school1_state				{ width: 20px; }
#step3 #schools input#school1_zip				{ width: 30px; }

/* Grades Attended */
#step3 #schools input#school1_gradesAttended	{ width: 40px; }
#step3 #schools input#school2_gradesAttended	{ width: 40px; }
#step3 #schools input#school3_gradesAttended	{ width: 40px; }
#step3 #schools input#school4_gradesAttended	{ width: 40px; }




/* ------------------------------------------------------------------------------------------------------*/
/* STEP 4 (FAMILY HISTORY): SPECIFIC STYLES  ------------------------------------------------------------*/


/* FIELDSET:  FAMILY INFORMATION  --------------------------------------------*/

#step4 #familyInfo label {
	display: inline;
	width: auto;
}


/* Top Rows */
#step4 #familyInfo input#yearsMarried			{ width: 50px; }
#step4 #familyInfo input#yearsDivorced			{ width: 50px; }

/* Additional Info */
#step4 #familyInfo textarea#familyAddInfo		{ width: 492px; height: 150px; }


/* FIELDSET:  SIBLINGS  --------------------------------------------*/

#step4 #siblings input#sibling1					{ width: 400px; }
#step4 #siblings input#sibling2					{ width: 400px; }
#step4 #siblings input#sibling3					{ width: 400px; }
#step4 #siblings input#sibling4					{ width: 400px; }



/* ------------------------------------------------------------------------------------------------------*/
/* STEP 5 (SUBMISSION): SPECIFIC STYLES  ----------------------------------------------------------------*/

#submitButton {
	margin: 50px 0 50px -1px; 
}

