/* --------------------------------------------------- Survey Nav -------------------------------------------------------*/

.surveynavigation {
	font-family:Trebuchet MS1, Helvetica, Arial, sans-serif;
	font-size:1em;

	padding: 30px 0 20px 0;
	margin-top: 20px ;
	text-align: center;
}

.surveynavigation > span {
	padding: 8px 20px 6px 20px;
}

.surveynavigation > span.button {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;

	background:#be0000;
	color: #fff;
}

.surveynavigation > span.button:hover {
	color:#fff; 
	background: #333;
	cursor: pointer;
}



/* --------------------------------------------------- End of Survey Nav -------------------------------------------------------*/

.unanswered {
	border: 2px solid red;
	outline: none;
}

input[type='text'].unanswered,
select.unanswered
{
	border: 2px solid red;
	outline: none;
}

.notvalid {
	border: 2px solid red;
	outline: none;
}

input[type='text'].notvalid
{
	border: 2px solid red;
	outline: none;
}

select:invalid {
	color: gray;
}

div.inlinefield {
	display: inline-block;
	margin-right: 15px;
}

div.inlinefield.hidden {
	display: none;
}


span.inlinetext,
span.inlineradio
{
	display: inline-block;
}


#personal span.inlinetext {
	width: 52%;
}

#skills span.inlinetext {
	width: 60%;
}

#employment_history span.inlinetext {
	width: 50%;
}

form > div {
	line-height: 1.5em;
}

#resume span.button {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;

	padding: 8px 20px 6px 20px;

	font-size: 1em;

	background:#be0000;
	color: #fff;
}

#resume  span.button:hover {
	color:#fff; 
	background: #333;
	cursor: pointer;
}

#requirements label,
#schedule label,
#personal label,
#resume label,
#skills label,
#education label,
#employment_history label,
#references label,
#writing_sample label,
#disclosure label,
#statement label
{
	cursor: pointer;
}

#requirements > div {
	margin-top: 10px;
}

#requirements h4,
#schedule h4
{
	font-size: 1.125em;
	font-weight: bold;
	text-decoration: underline;
	margin-top: 0px;
	margin-bottom: 2px;
}

#personal input[type=text],
#personal input[type=email],
#personal select,
#skills select,
#skills input[type=text],
#writing_sample textarea,
#education input[type=text],
#education textarea,
#employment_history input[type=text],
#employment_history select,
#references input[type=text],
#disclosure select,
#attestation input
{
	background-color: #F9F9F9;
}
option {
	color: black;
}

#personal > div {
	margin-top: 5px;
}
/*
#personal > div > div {
	display: inline-block;
}
#personal > div > div.hidden {
	display: none;
}
*/

#skills > div {
	margin-top: 5px;
}

.history-section {
	border: 2px solid black; 
	border-radius: 3px; 
	margin-bottom: 5px; 
	padding: 5px;
}

.history-section div {
	margin-top: 1px;
	margin-bottom: 1px;
}

#addemp2,
#addemp3
{
	cursor: pointer;
	color: blue;
}

#addemp2:hover,
#addemp3:hover
{
	color: red;
}


#drop_zone {
	height: 200px;
	width: 100%;
	border: 2px solid #AAAAAA;
	border-radius: 4px;
	background-color: #CCCCCC;
	outline: 2px dashed #888888;
	outline-offset: -10px;
	text-align: center;
	
	-webkit-transition: outline-offset .20s ease-in-out, background-color .20s linear, display .5s ease-in-out;
	transition: outline-offset .20s ease-in-out, background-color .20s linear, display .5s ease-in-out;	
}

#drop_zone.is_dragover {
	background-color: #EEEEEE;
	outline-color: #333333;
	outline-offset: -20px;
}

#input_div {
	display: inline-block; 
	vertical-align: middle;
	text-align: center;
}

#selected_file_div,
#status_div {
	height: 200px;
	width: 100%;
	border: 2px solid #AAAAAA;
	border-radius: 4px;
	background-color: #CCCCCC;
}

.upload_status {
	width: 100%;
	height: 100%;
	text-align: center;
	font-size: 1.5em;
}

.uploading {
	cursor: progress;
}

.hidden {
	display: block;
}

.inputfile {
	width: 0.1px;height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.inputfile + label{
	font-size: 1.5em;
	font-weight: 500;
	color: white;
	background-color: black;
	display: inline-block;
	cursor: pointer;
	padding: 10px;
	border-radius: 4px;
}

.inputfile:focus + label,
.inputfile + label:hover
{
	outline: 1px dotted #000;
	outline: -webkit-focus-ring-color auto 5px;
	background-color: red;
	
}

.resume_uploading,
.resume_upload_success,
.resume_upload_error 
{
	display: none;
}

#dragndrop_prompt {
	margin-top: 20px;
	color: black;
	font-size: 1.5em;
}

.resume.has-advanced-upload {
	background-color: white;
	outline: 2px dashed black;
	outline-offset: -10px;
}

.resume.has-advanced-upload #dragndrop_prompt{
	display: inline;
}