div.success {
	color:#6b800d;
	margin:10px 0;
	padding:5px;
	font-weight:bold;
	border:solid 1px #6b800d;
}
.error{
	color:#CC0000;
	margin:10px 0;
	padding:5px;
	font-weight:bold;
	border:solid 1px #CC0000;
}

div.alt_label {display:inline-block;}

div.show_answer {margin:5px;}

div.show_answer_req {color:#FF0000; font-weight:bold; margin:5px;}
span.show_answer_req {color:#FF0000; font-weight:bold;}

.view_label {font-weight:bold;width:25%;}
.view_data {width:75%;}

form ul.formlist{
	margin:0;
	padding:0;
	list-style-type:none;
	width:100%;
}
form ul.formlist > li{
	display:block;
	margin:0;
	padding:6px 5px 9px 2px;
	clear:both;
}
form ul.formlist li.more_top{
	margin-top:10px;
}
form li.more_space{
	display:block;
	margin:0;
	padding:13px 5px 16px 2px;
	clear:both;
}
div.desc {
	font-weight:bold;
	margin-bottom:4px;
}
div.desc ul li, div.desc_sub ul li {display: list-item;}
div.desc_sub {
	margin-bottom:4px;
}
div.section, span.section {
	font-weight:bold;
}
div.submit_button {
	padding-top:10px;
}
h3 {
	border-bottom:1px solid #000000;
}

.long_label {font-weight:bold;}
.long_answer {font-style:italic;}
.long_answer_spacing {padding:5px 0 0 20px;}

ol li, form ul.formlist li ol li, form ul.formlist li ul li {display:list-item;}
form ul.formlist li ul.formlist li {display:block;}

.form_divider {border:1px dashed #000000;}
.form_divider_top {border-top:1px dashed #000000;}
.form_divider_bottom {border-bottom:1px dashed #000000;}

.highlight {
	background-color: #FF9;
}

.warn {
	background-image:url('/oa/images/warning_small.png'); 
	background-repeat:no-repeat; 
	padding-left:20px;
	min-height: 14px;/*so the entire caution sign is always seen*/
}
.warn2 {
	background-image:url('/oa/images/warning_small.png'); 
	background-repeat:no-repeat; 
	padding-left:20px;
	min-height: 14px;/*so the entire caution sign is always seen*/
	margin-left:-20px;
}

span.p_no_margin p:first-of-type {margin-top:0;display:inline;}

.break-it-up {
	overflow-wrap: break-word;
	word-wrap: break-word;
	-ms-word-break: break-all;
  	word-break: break-word;
}

td.two-col-form {width:50%;}
td.pad-right {padding-right:10px;}
td.pad-left {padding-left:10px;}

tr.section-title td.headerbg {padding:8px 2px;text-align:center;}

.subheading {font-weight:bold;text-decoration:underline;}
.household-subhead {
	font-weight:bold;
}

/*BEGIN:checkbox and radio fields*/
/*	Option lists are laid out on a grid. .colnum-N sets --addl-cols as a maximum: a column
	is dropped whenever it would get narrower than --addl-col-min, so a long label wraps in
	its own cell instead of painting over the option beside it.	*/
fieldset.addl-questions, div.display-student-interests {
	--addl-cols:3;
	--addl-col-min:9em;
	--addl-gap:0.75em;
	display:grid;
	grid-template-columns:repeat(auto-fill, minmax(var(--addl-col-min), 1fr));	/* fallback for browsers without min()/max() */
	grid-template-columns:repeat(auto-fill, minmax(min(100%, max(var(--addl-col-min), calc((100% - (var(--addl-cols) - 1) * var(--addl-gap) - 1px) / var(--addl-cols)))), 1fr));
	gap:0.25em var(--addl-gap);
	align-items:start;
}
fieldset.addl-questions {width:95%;float:left;border:0;margin:0;padding:0;}
fieldset.addl-questions span, div.display-student-interests span {
	display:flex;
	align-items:flex-start;
	min-width:0;			/* let the label wrap instead of forcing the cell wider */
	padding:0 0 0.25em 0;
	overflow-wrap:break-word;
	word-break:break-word;
}
fieldset.addl-questions span {font-style:normal !important;}
fieldset.addl-questions span > input, div.display-student-interests span > img {flex:0 0 auto;margin:0.15em 0.4em 0 0;}
fieldset.addl-questions span > label {flex:1 1 auto;min-width:0;cursor:pointer;}
fieldset.addl-questions.colnum-1, div.display-student-interests.colnum-1 {--addl-cols:1;}
fieldset.addl-questions.colnum-2, div.display-student-interests.colnum-2 {--addl-cols:2;}
fieldset.addl-questions.colnum-3, div.display-student-interests.colnum-3 {--addl-cols:3;}
fieldset.addl-questions.colnum-4, div.display-student-interests.colnum-4 {--addl-cols:4;}
fieldset.addl-questions.colnum-5, div.display-student-interests.colnum-5 {--addl-cols:5;}
fieldset.addl-questions.colnum-6, div.display-student-interests.colnum-6 {--addl-cols:6;}
fieldset.addl-questions.colnum-7, div.display-student-interests.colnum-7 {--addl-cols:7;}
fieldset.addl-questions.colnum-8, div.display-student-interests.colnum-8 {--addl-cols:8;}
fieldset.addl-questions input{ padding: 0.5em 2%; }
/*END:checkbox and radio fields*/
div.display-student-interests-cat {font-style:italic; font-weight:bold; clear:both;}
div.display-student-interests-cat.si-cat-top {padding-top:15px;}

div.otc_head {padding:15px 0 10px 0;}
div.otc_head div {font-weight:bold;text-decoration:underline;}
div.otc_med {width:30%;}
div.otc_allow {width:30%;margin-left:2%;}
div.otc_note {width:36%;margin-left:2%;}
div.otc_row {padding-top:5px;clear:both;}
div.otc_head div, div.otc_row div {float:left;}
div.otc_note span {display:none;}

textarea {width:100%;}

#skip-nav a {
	padding:6px;
	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
	border-right:1px solid #000000;
	border-bottom:1px solid #000000;
	border-bottom-right-radius:8px;
	background:transparent;
	transition: top 1s ease-out, background 1s linear;
    z-index: 100;
}
#skip-nav a:link, #skip-nav a:visited, #skip-nav a:hover {
	color:#000000 !important;
}
#skip-nav a:focus, #skip-nav a:active { 
	position:static; 
	width:auto; 
	height:auto;
	outline:0;	
	-webkit-transition: top .1s ease-in, background .5s linear;
    transition: top .1s ease-in, background .5s linear;
	background:#ffffff; 
}

input.review-button-large {display:block;}
input.review-button-small {display:none;}

.inquiry-h1-lang {
	float:left;
}
.inquiry-choose-lang {
	float:right;
}
.inquiry-intro-text {
	clear:both;
	padding-bottom:10px;
}
.inquiry-parent-guard-info {
	padding:4px;
}
li.inquiry-parent-guard-num {
	padding:14px 0px 0px 0px; 
	font-weight:bold;
}
li.inquiry-parent-guard-num2 {
	padding:24px 0px 0px 0px; 
	font-weight:bold;
}
span.inquiry-parent-guard {
	text-decoration:underline;
}
.inquiry-float-left {
	float:left;
}
.inquiry-tab-over {
	padding-left:10px;
}
.inquiry-tab-over-medium {
	padding-left:20px;
}
.inquiry-tab-over-more {
	padding-left:30px;
}
.inquiry-move-down {
	padding-top:10px;
}
.inquiry-interests-category {
	padding:12px 0px 5px 0px; 
	font-style:italic;
}
div.signature-before {margin-top:15px;}
div.signature-outer {
	width:320px;
}
div.signature-box {
	width:320px !important;
	border:1px dashed #000000 !important;
}
div.signature-label {
	margin-bottom:8px;
}
div.signature-end {
	
}
div.signature-tools {
	margin-bottom:5px;
}
div.signature-box-img {
	width:320px !important;
	border:1px dashed #000000 !important;
}
div.signature-outer-outer {
	margin-top:10px;
	padding: 5px;
}
input.jsig-startover {margin-top:3px;}

@media print {
	div.signature-outer-outer {
		page-break-inside: avoid;
	}
}

@media all and (max-width: 767px) {
	/* one option per line */
	fieldset.addl-questions, div.display-student-interests {--addl-col-min:100%;}

	input.review-button-large {display:none;}
	input.review-button-small {display:block;}
	
	div.signature-outer {
		margin-left:0;
		margin-top:15px;
		width:100% !important;
	}
	div.signature-box {
		width:100% !important;
	}
	div.signature-box-img {
		width:100% !important;
	}
	div.otc_note {float:none;clear:both;width:90%;margin-bottom:10px;margin-left:10%;}
	div.otc_note span {display:inline;}
	div.otc_head div.otc_note {display:none;}
	div.otc_med {width:49%;}
	div.otc_allow {width:49%;margin-left:2%;}
}

@media all and (max-width: 480px) {
	.inquiry-float-left {
		float:none;
	}
	.inquiry-tab-over {
		padding-left:0px;
		padding-top:10px;
	}
	.inquiry-tab-over-medium {
		padding-left:0px;
		padding-top:10px;
	}
	.inquiry-tab-over-more {
		padding-left:0px;
		padding-top:10px;
	}
}

img.tool-tip {vertical-align: middle;}