/*

	File: forms.css
	Media: screen
	stcharleshartland.com
	Version 4
	Walleworks, LLC
	7-28-2016


/* Forms Layout
--------------------------------------------------------------------------------------- */
form { width: 700px; /*width: 650px;*/ }
label { display: block; color: #666666; margin-bottom: 8px; }
label.fieldRequired, label.fieldNowRequired { font-weight: bold; }
label.fieldRequired::after, #requiredTag::after { content: "*"; margin-left: 4px; }
#requiredTag { clear: both; }
#requiredTag, #optionalRequiredTag { display: inline-block; }
label.fieldNowRequired { display: none; }
label.fieldNowRequired::after, #optionalRequiredTag::after { content: "**"; margin-left: 4px; }
#requiredTag, #optionalRequiredTag { font-weight: bold; font-size: .75em; margin-right: 15px; }
input, .linkInputSize { display: block; margin-bottom: 20px; width: 400px; border-radius: 8px; line-height: 3em; height: 3em; padding: 0 20px; border: 2px solid #DDDDDD; }
.linkButton { border-radius: 8px; line-height: 3em; border: 2px solid #DDDDDD; text-align: center; background-color: #8A1F03; color:#FFF !important; font-family: "Oswald", "Ubuntu", "Open Sans Condensed", "Signika", sans-serif; font-size: .85em; padding: 8px 25px; }
textarea { display:block; width: 400px; height: 200px; border-radius: 8px; padding: 20px; margin-bottom: 20px; border: 2px solid #DDDDDD; }
select { margin-bottom: 20px; border-radius: 8px; padding: 0 20px; border: 2px solid #DDDDDD; }
input[type="radio"], input[type="checkbox"] { width: 40px; display: inline; clear: left; font-size: .75em; height: 18px; }
span.radioOption, span.checkboxOption { font-size: .85em; }
span.radioOption:after { content: ''; display: block; clear: both; }
input.formButton { width: 125px; color: #FFFFFF; background-color: #8A1F03; border: 0; line-height: 3em; min-height: 40px; }
input.formButton:hover { background-color: #666666; border: 0; }
label > span { display: block; font-size: .75em; width: 400px; }
input.sendButton, input.signButton { width: 150px; font-family:"Oswald", "Ubuntu", "Open Sans Condensed", "Signika", sans-serif; font-weight: bold; font-size: 1.1em; background-color: #8A1F03; color: #FFFFFF; }
input.signButton { width: 260px; }
fieldset { border-radius: 8px; border: 2px solid #EEE; padding: 8px; clear: left; }
legend { font-size: .85em; font-style: italic; margin-left: 15px; }
details { clear: left; float: left; margin: 8px 0 16px 0; }
details[open] summary { /*color: #EED586;*/ color: #8A1F03; }
summary { font-family: "Oswald", "Ubuntu", "Open Sans Condensed", "Signika", sans-serif; font-size: 1.3em; font-weight: bold; }

.g-recaptcha { margin-bottom: 20px; float: left; }

.formField { float: left; width: auto; padding: 3px; }
.fullWidth { width: 700px; }
.fieldIndent { clear: left; float: left; padding-left: 60px; }
.inlineLabel { display: inline-table; width: 85px; }
.inlineBlockLabel { display: inline-block; }
.floatLabel { float: left; }
.rightBoxInlineLabel { display: inline-table; width: 115px; margin-right: 6px !important; }

.inputFull { width: 606px; }
.inputTwoThirds { width: 402px; }
.inputHalf { width: 300px; }
.inputThird { width: 198px; }
.inputIndent { width: 546px; }
.inputSmall { width: 100px; }
.rightBoxInputSmall { width: 80px; }

.inputCity { width: 402px; }
.inputState { width: 70px; }
.inputZip { width: 120px; }
.selectGrades { width: 435px; height: 75px; }
input.largeCheckbox[type=checkbox] { transform: scale(2); }
input.smallCheckbox[type=checkbox] { transform: scale(1); }
.inputInlineHalf { width: 208px; display: inline-block; }
.selectInline { width: 210px; height: 3em; }
.inputDate { width: 206px; display: inline-block; }

.radioCat { font-weight: bold; display: inline-block; }
.radioDesc { display: block; font-size: .9em; margin: 10px 75px; font-weight: 500; }

#dependentRadio { display: none; }

.saveButton, .contentButton, .smallSaveButton { clear: left; float: left; font-family:"Oswald", "Ubuntu", "Open Sans Condensed", "Signika", sans-serif; font-weight: bold; font-size: 1.1em; background-color: #8A1F03; color: #FFFFFF; margin-top: 30px; }
.saveButton a { color: #FFF !important; }
.smallSaveButton { display: inline-block; float: none; width: 100px; font-size: .85em; margin-top: 8px; }
.hiddenButtons { display: inline-block; }
.contentButton a { color: #FFFFFF !important; font-family:"Oswald", "Ubuntu", "Open Sans Condensed", "Signika", sans-serif; font-weight: bold; font-size: 1.1em; }
.editButton, .dualButton, .basicButton, .smallButton { float: right; text-align: center; background-color: #8A1F03; color: #FFFFFF; margin-bottom: 8px; width: 80px; border-radius: 8px; line-height: 2em; padding: 0 10px; border: 2px solid #DDDDDD; }
.dualButton { width: 165px; clear: right; }
.smallButton { width: 50px; display: inline-block; font-size: 2em; line-height: 1.1em; }
.betweenButtons { font-weight: bold; display: inline-block; float: right; padding: 10px 12px; }
.formActionButton { background-color: #262262; font-family:"Oswald", "Ubuntu", "Open Sans Condensed", "Signika", sans-serif; font-weight: bold; font-size: 1.1em; color: #FFFFFF; margin: 30px 15px; width: auto; }
.formActionLink { background-color: #262262; font-family:"Oswald", "Ubuntu", "Open Sans Condensed", "Signika", sans-serif; font-weight: bold; font-size: 1.1em; color: #FFFFFF; width: auto; padding: 10px 15px; height: 3em; border: 2px solid #DDDDDD; border-radius: 8px; }
.linkInputSize { text-align: center; }
.checkboxHalf { display: inline-block; width: 303px; font-size: .8em; }
.checkboxFull { display: inline-block; width: 603px; font-size: .8em; }
.rightBoxButton { margin: 20px 0; display: block; border-radius: 8px; padding: 0 20px; border: 2px solid #DDDDDD; }
#loginButtons { display: none; }
.singleLoginButton { width: 250px; height: 40px; margin-top: 8px; font-weight: bold; font-size: 1.1em; background-color: #8A1F03; color: #FFFFFF; text-align: center; margin-bottom: 8px; border-radius: 8px; line-height: 1.6em; padding: 8px 10px; border: 2px solid #DDDDDD;}

.saveMessage { font-weight: bold; color: #8A1F03; }

#headerFormTitle { font-size: 2em; font-weight: bold; text-align: center; }
#headerFormTitle { -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }
#headerFormTitle.sticky { margin: 0 auto; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }

#processButton { display: none; }

h5, h6 { /*margin-left: 7px;*/ }
h6 { font-size: 1.1em; }
p.legalBold { font-size: .85em; font-weight: 800; }

.dataLine { display: block; margin-left: 15px; }
.dataLineHalf { display: inline-block; margin-left: 15px; width: 300px; }
.nameLine { font-size: 1.2em; }
.clearLeft { clear: left; }
span.dataLabel, span.dataLabelNarrow { font-weight: 600; width: 175px; display: inline-block; }
span.dataLabelNarrow { width: 80px; }
span.dataLabelLarge { font-weight: 600; width: 250px; display: block; }
span.dataLabelInlineLarge { font-weight: 600; width: 225px; display: inline-block; }
span.dataLarge { font-weight: bold; width: 400px; display: block; color: #EED586; }
span.dataLabelLeft { font-weight: 600; width: 150px; display: inline-block; }
.addSpacer { margin: 12px 15px; }
.addSpacerExtra { margin: 25px 15px; }
.addSpaceTopOnly { margin-top: 12px; }
.addTopSpace { margin: 12px 15px 0 15px; }
.addBottomSpace { margin: 0 0 12px 15px; }
.dataAcknowledge { color: #EED586; font-weight: 800; }
.dataChoice { margin-left: 25px; font-weight: 500; font-size: .9em; }
#sportsBlock { margin-top: 8px; margin-bottom: 16px; }
span.legalAccept { font-weight: 800; font-size: 1.3em; }
.lineHeight3 { line-height: 2.5em; }
.padRight30 { padding-right: 30px; }
.padRight10 { padding-right: 10px; }
.radioText { font-size: .8em; }
span.smallText { display: inline-block; width: 70px; font-size: .75em; }
.underline { text-decoration: underline; }
.overflowText { display: inline-block; width: 400px; margin-top: 12px; }
.overflowTextNarrow { display: inline-block; width: 300px; margin-top: 12px; }
.fullCheckboxText { float: right; width: 550px; margin-bottom: 30px; }
.fullCheckboxText p { font-size: .85em; margin-top: 0; }
.defaultHidden { display: none; }
span.schoolLabel, span.schoolCityLabel, span#otherLabel { font-weight: bold; font-size: 1em; width: auto; }
label > span.schoolLabel, label > span.schoolCityLabel, label span#otherLabel { display: inline-block; }
.sportCost, .golfCost, .cashCost, .corpCost, .bookCost { display: none; }
#realCost, .realCost { text-decoration: line-through; }
span#sports_list { font-weight: 700; }
div.hideMSSport, div.hideGirlSport, div.hideBoySport { display: none; }
.showMSSport, .showGirlSport, .showBoySport { display: inline-block; }

.familyAthlete { margin-bottom: 20px; padding-bottom: 8px; border-bottom: 2px solid #000; min-height: 220px; }
.familyAthleteFlat { clear: both; }
.displayRight { float: right; }
.displayInline { display: inline-block; }
.moneyColumn, .moneyColumnTotal, .moneyColumnSubTotalStrike { width: 60px; text-align: right; display: inline-block; }
.moneyColumnTotal { border-top: 2px solid #000; padding-top: 8px; }
.moneyColumnSubTotalStrike { border-top: 2px solid #000; text-decoration: line-through; }

.displayMedicalDate { }

.actionButtons { float: right; font-weight: 600; background-color: #262261; color: #FFFFFF; border-radius: 6px; border-color: #666666; border-width: 2px; padding: 4px; margin: 8px 0;  }
.filterButtons { font-weight: 600; color: #FFFFFF; border-radius: 6px; border-color: #666666; border-width: 2px; padding: 4px; margin: 8px 0; height: 35px;  }
#formButton, #hiddenForm { margin: 20px 0; }

#requiredMessage { display: none; font-weight: 700; margin: 4px 8px; font-size: .9em; }

.medDateExpire { background-color: red; color: #FFFFFF; font-weight: bold; padding: 3px 10px; }
#passNameFieldsHide { display: none; }
.collapseSection { display: none; }

table#officeUse { width: 150px; border: 2px solid #000; float: right; }
table#officeUse tr { border: 1px solid #000; }
table#officeUse tr#headRow td { border: 0; text-align: center; border-bottom: 2px solid #000; }
table#officeUse td { width: 67px; border: 1px solid #000; }
table#officeUse td.officeData { text-align: center; }

table#mailTo { width: 600px; margin-left: 30px; margin-top: 12px; font-size: .9em;}
table#mailTo td { width: 300px; }

@media print {
	table#officeUse { }
	#submissionText { display: none; }
	#mainContent { width: 850px; }
	.saveButton { display: none; }
}

@media screen {
	table#officeUse { display: none; }
}

.inputChild { display: inline-block; margin-right: 40px; width: 200px; }
.childLine { display: block; }
.childHide { display: none; }
.childButton { width: 100px; text-align: center; border-radius: 5px; font-family:"Oswald", "Ubuntu", "Open Sans Condensed", "Signika", sans-serif; font-weight: bold; font-size: 0.85em; background-color: #8A1F03; color: #FFFFFF; }

.golferHeader{ margin: 8px 0; font-weight: bold; }
.golferBlock1, .golferBlock2, .golferBlock3, .golferBlock4, .golferNotes, .nongolferBlock1, .nongolferBlock2, .nongolferBlock3, .nongolferBlock4, .nongolferBlock5, .nongolferBlock6 { display: none; }

.amountDue { margin-top: 20px; margin-left: 0px; font-weight: bold; }
#total_cost { font-family: "Open Sans Condensed", "Signika", sans-serif; font-weight: bold; }

.strikeThrough { text-decoration: line-through; font-weight: bold; margin-left: 50px; padding: 0 0 20px 0; }
.soldOut { display: inline-block; padding: 0 10px; font-weight: bold; color: red; }