/* ==========================================================================
    Form Global
   ========================================================================== */

.btn {
	line-height: 1 !important;
}

.form-group .input-validation-error {
	border: 1px solid #a94442;
}

.form-group .field-validation-error {
	color: #a94442;
}

.form-field-required {
    margin-right: 3px;
    color: red;
}

.scfForm {
	color: #111;
	font-family: Helvetica,Arial,sans-serif;
	font-size: 16px;
	line-height: 22px;
}

	.scfForm input {
		margin-right: 8px;
	}

	.scfForm div {
		position: inherit;
	}

.page-header {
	border-top: none;
	padding: 0;
}

h1 {
	color: #003da5;
	margin-bottom: 24px;
}

.help {
	margin-top: 12px;
}

/* ==========================================================================
    Section
   ========================================================================== */

.display-section-fieldset {
	border: none;
	border-bottom: 2px solid #ccc;
	margin: 0 0 24px 0;
	padding: 0 0 24px 0;
}

.display-section-legend {
	padding: 0;
	margin: 0 0 24px 0;
	font-size: 21px;
}

.display-section-content td {
	margin: 0;
	padding: 0 0 6px 0;
	border: none;
}

	.display-section-content td label {
		font-weight: normal;
		padding-left: 6px;
	}

.display-section-info {
	margin-bottom: 24px;
	float: left;
}

/* ==========================================================================
    Labels
   ========================================================================== */

.field-title {
	margin-right: 12px;
	font-weight: bold;
	padding-top: 6px;
    float: none;
    width: auto;
}

.Sitecore\.Form\.Web\.UI\.Controls\.MultipleLineText .field-title,
.Sitecore\.Form\.Web\.UI\.Controls\.RadioList .field-title,
.Sitecore\.Form\.Web\.UI\.Controls\.CheckboxList .field-title,
.Sitecore\.Form\.Web\.UI\.Controls\.DropList .field-title {
	padding-top: 0;
}

.Sitecore\.Form\.Web\.UI\.Controls\.DateSelector label {
	position: absolute;
	top: -2000em;
	margin-top: 0;
}

/* ==========================================================================
    Fields
   ========================================================================== */

.field-content {
	margin-bottom: 12px;
}

.field-panel {
	float: none;
    width: 85%;
}

.text-box, select {
	border: 1px solid #babbb1;
	padding: 6px;
	font-size: 16px;
}

.single-line {

}

.multi-line {
	height:100px;
}

.field-datebox-content {
	width: auto;
	margin-right: 12px;
}

.field-info {
	padding-top: 6px;
	float: right;
	display: inline-block;
	width: auto;
	color: #717268;
}

.Sitecore\.Form\.Web\.UI\.Controls\.Checkbox .checkbox-border {
	float: left;
	margin: 0 0 6px 0;
}

.list-content ul {
	list-style: none;
	margin-left: 0px;
}

	.list-content ul li {
		clear: both;
		overflow: hidden;
		display: block;
	}

	.list-content ul input {
		float: left;
		display: block;
	}

	.list-content ul label {
		float: left;
		display: block;
		width: 340px;
	}

.checkbox-border.terms {
	overflow: hidden;
	padding-top: 12px;
}

	.checkbox-border.terms .field-panel {
		width: 386px;
		margin-left: 234px;
	}

	.checkbox-border.terms label {
		float: left;
		width: 360px;
	}

	.checkbox-border.terms input {
		float: left;
	}

.checkbox-border {
	width: 100%;
}

.field-captcha-image-container {
	margin-bottom: 10px;
}

.sidebar .expertise .field-border, .sidebar .expertise .form-submit-border {
	background: #eeeee9;
	padding: 5% 10% 0 10%;
	margin: 0;
    width: auto;
}

.sidebar .expertise .field-panel {
    width: auto;
}

.sidebar .expertise .field-panel input, .sidebar .expertise .field-panel select, .sidebar .expertise .field-panel textarea {
	background: #FFFFFF;
}

.sidebar .expertise .field-content {
	margin-bottom: 0;
}


/* ==========================================================================
    Submit
   ========================================================================== */

.form-submit-border {
	
}

	.form-submit-border .form-submit {
		border: none;
		background: url("https://www.mayoclinic.org/styles/img/gbs/sprites/sprite-button.png") repeat-x scroll left top #0039a9;
		color: #fff;
		display: inline-block;
		font-weight: normal;
		padding: 12px 24px;
		text-align: center;
		font-size: 16px;
		cursor: pointer;
	}

/* ==========================================================================
    Validation
   ========================================================================== */

.form-validation-summary, .scfSubmitSummary {
	display: none !important;
}

.field-error {
	overflow: hidden;
	margin-bottom: 12px;
	display: block;
	clear: both;
	float: left;
	color: #d02f0e;
	font-weight: bold;
	background: url(https://www.mayoclinic.org/styles/img/gbs/sprites/sprite-errormessages.png) 0 -122px no-repeat;
	padding-left: 30px;
}

.field-required {
	display: none;
	overflow: hidden;
	margin-top: 12px;
	clear: both;
	float: left;
	margin-left: 234px;
	color: #d02f0e;
	font-weight: bold;
	background: url(https://www.mayoclinic.org/styles/img/gbs/sprites/sprite-errormessages.png) 0 -122px no-repeat;
	padding-left: 30px;
}

.error_warning {
	background: url(https://www.mayoclinic.org/styles/img/gbs/sprites/sprite-errormessages.png) no-repeat 6px 10px #fae5e1;
	border: 1px solid #d14124;
	line-height: 1.3em;
	margin-bottom: 36px;
	overflow: hidden;
	padding: 10px 10px 10px 45px;
}

@media only screen and (max-width: 767px) {

	.text-box {
		width: 100%;
	}

	.field-title {
		width: 100%;
		text-align: left;
	}

	.field-panel {
		width: 100%;
	}

	.form-submit-border {
		margin-left: 0;
	}

	.field-required {
		margin-left: 0;
	}

	.checkbox-border.terms .field-panel {
		width: 100%;
		margin-left: 0;
	}

	.list-content ul label {
		width: 85%;
	}

	.checkbox-border.terms label {
		width: 90%;
	}
}