/* Styles for Employment forms */
/* basic grid */

#employment-form .row {
	margin-left: -10px;
	margin-right: -10px;
}
#employment-form .row:before, #employment-form .row:after, #employment-form .clearfix:before, #employment-form .clearfix:after {
	display: table;
	content: " ";
}
#employment-form .row:after, #employment-form .clearfix:after {
	clear: both;
}
#employment-form .col-quarter, #employment-form .col-third, #employment-form .col-half {
	box-sizing: border-box;
	float: left;
	padding-left: 10px;
	padding-right: 10px;
}
#employment-form .col-quarter {
	width: 25%
}
#employment-form .col-third {
	width: 33.333333334%;
}
#employment-form .col-half {
	width: 50%;
}


/* form elements */
	
#employment-form fieldset {
	margin: 10px 0;
	padding: 0;
	border: 0;
}
#employment-form fieldset legend {
	display: block;
	margin: 0;
	padding: 5px 0;
	font-weight: bold;
}
#employment-form label {
	display: inline-block;
	max-width: 100%;
	margin-bottom: 5px;
	line-height: 15px;
	font-size: 10px;
	font-weight: bold;
	color: #666;
}
#employment-form label small {
	font-weight: normal;
	font-size: 9px;
}
#employment-form .radio label, #employment-form .checkbox label {
	font-weight: normal;
}
#employment-form .form-group {
	margin-bottom: 15px;
}
#employment-form .form-inline .radio, #employment-form .form-inline .checkbox {
	display: inline;
}
.form-inline .wide{
	display: block;
}
#employment-form .form-inline .radio + .radio, #employment-form .form-inline .checkbox + .checkbox {
	margin-left: 10px;
}
#employment-form .form-control {
	box-sizing: border-box;
	display: block;
	width: 100%;
	height: 30px;
	padding: 4px 12px;
	line-height: 20px;
	background: #fff;
	border: 1px solid #ccc;
	transition: .25s;
}
	#employment-form .form-control:focus {
		border-color: #d18d09;
		outline: 0;
		box-shadow: 0 0 10px rgba(209,141,9,0.5);
	}
	#employment-form textarea.form-control {
		height: auto;
	}
#employment-form .input-group .form-control {
	float: left;
	width: auto;
}
	#employment-form .input-group .form-control + .form-control {
		margin-left: 20px;
	}


/* tables */
#employment-form .references-table th, .education-table th {
	line-height: 15px;
	font-size: 10px;
	font-weight: bold;
	color: #666;
}
	
#employment-form .experience-table {
	margin-bottom: 20px;
}
	#employment-form .experience-table tbody th {
		vertical-align: top;
		padding: 10px;
		background: #eee;
		color: #000;
		border-left: 1px solid #ccc;
		border-right: 5px solid #fff;
		text-align: left;
	}
	#employment-form .experience-table td {
		vertical-align: bottom;
	}
	
#employment-form .table {
	width: 100%;
}


/* agreement */
#employment-form .agree, #employment-form .agree1 {
	display: block;
	padding: 10px;
	background: #eee;
	border: 1px solid #ddd;
	font-size: 12px;
	cursor: pointer;
	transition: .25s;
}
	#employment-form .agree:hover, #employment-form .agree.active, #employment-form .agree1:hover, #employment-form .agree1.active {
		color: #629d47;
		background: #d9f7cb;
		border-color: #a8e38e;
	}
	#employment-form .agree.error, #employment-form .agree1.error {
		color: #bd3c3c;
		background: #ffd7d7;
		border-color: #e98686;
	}
	
	#employment-form #Agree, #employment-form #Agree1 {
		position: relative;
		margin: 0;
	}
	
	
/* definition lists */
#employment-form dt {
	padding: 10px;
	font-weight: bold;
	border-bottom: 1px solid #ddd;
}
#employment-form dd {
	margin: 0;
	padding: 10px 20px 10px 30px;
}
	#employment-form#content dd p {
		margin: 0;
		padding: 0;
	}
	#employment-form#content dd p + p {
		margin-top: 10px;
	}


/* validation */
#employment-form .has-error {
	color: #9a2626;
}

#employment-form .error {
	border-color: #c78585;
}

#employment-form .alert {
	margin-bottom: 20px;
	padding: 10px;
	border: 1px solid transparent;
	border-radius: 5px;
}
	#employment-form .alert-danger {
		color: #9a2626;
		background: #fad9d9;
		border-color: #c78585;
	}

#application-form {
	margin-right: 20px;
}