h3{
	font-weight:400;
}
ul{
	list-style:none;
	margin:0;
}
#registration ul{
	list-style:none;
	width:90%;
	margin:1em auto;
}

#registration ul li{
	line-height:20px;

	padding:10px;
}

div .explain{
	font-style:italic;
	position:relative;
	float:left;
	top:-8px;
	color:#444;
	margin:0;
	padding:0;
	width:100%;
	font-size:60%;
}
label{
	position:relative;
	float:left;
	width:100%;
	font-size:1.2em;
	margin-bottom:5px;
}
.input{
	position:relative;
	margin-bottom:10px;
	border:1px solid #ccc;
	font-style:normal;
	padding:5px;
	font-size:1.2em;
}

.wage {
	width:150px;
}
#registration .checkbox{
	position:relative;
	float:left;
	margin-bottom:10px;
	width:100%;

}

#registration .checkbox a {
	color:white;
	text-decoration:underline;
}
#registration .iagree {
	color:white;
}

#registration .checkbox label{
	float:left;
	width:80%;
	font-size:.9em;
}
#registration #textmessage{

	line-height:100%;
	margin-left:0px;
	margin-top:10px;
	font-size:.8em;
	width:50%;
}

#optintext_instructions {
	color:black;
}
#optintext_instructions p{
	color:black;
}

#optintext_instructions ul li{
	margin-left:10px;
	margin-bottom:3px;
}

a.optintext_link {
	color:blue;
}

#registration .submit{
	position:relative;
	margin:0;
	font-size:1.5em;
	line-height:2em;
}

#registration #noresumesubmit {
	border:none;
	background:none;
	color:blue;
	font-size:1em;
}

#registration #noresumesubmit:hover {
	cursor:pointer;
	text-decoration:underline;
}


#registration .firstname{
	position:relative;
	float:left;
	width:180px;
	margin-right:20px;
}
#registration .lastname{
	position:relative;
	float:left;
	width:300px;
}
#registration .zipcode{
	position:relative;
	float:left;
	width:80px;
	clear:both;
}
#registration #city_state{
	position:relative;
	float:left;
	line-height:40px;
	margin-left:10px;
	width:75%;
	font-size:1.2em;
}
#registration .state{
	position:relative;
	float:left;
	width:100px;
}
#registration .city{
	position:relative;
	float:left;
	width:200px;
	margin-right:20px;
}
#registration .phonenumber{
	position:relative;
	float:left;
	width:200px;
}
#registration #email{
	position:relative;
	float:left;
	width:300px;
	max-width:300px;
}
#registration #emailverify{
	position:relative;
	float:left;
	width:90%;
	max-width:300px;
	clear:both;
}

#whatdoyoudo {
	position:relative;
	float:left;
	width:100%;
	padding-top:10px;
	padding-bottom:10px;

}

#registration #occupation{
	position:relative;
	float:left;
	display:none;
	line-height:1.4em;
	font-size:1.2em;
	padding-right:10px;
}
#registration #iamgoodat{
	position:relative;
	float:left;
	display:none;
	line-height:1.4em;
	padding-right:10px;
	font-size:1.2em;
	clear:both;

}
#registration #whatdoyoudo_link{
	position:relative;
	float:left;
	font-size:1.2em;
	margin-left:10px;
	line-height:2em;
}
#registration #whatareyougoodat_link{
	position:relative;
	float:left;
	font-size:1.2em;

	margin-bottom:5px;
	line-height:1.4em;
}
#whatareyougoodat{
	clear:both;
}
#registration #skillsyouhave{
	position:relative;
	float:left;
	width:100%;
	display:none;
	margin:0;
	padding:0;
}
#registration #skillsyouhave li{
	float:left;
	position:relative;
	border:1px solid #ccc;
	border-radius:3px;
	margin:5px;
	padding:5px;
	background:#F4F4F4;
	padding-right:0px;
}
#registration #skillsyouhave a{
	position:relative;
	color:#000;
	text-decoration:none;
	height:30px;
	width:30px;
	padding:5px;
	border-left:dotted 1px #ccc;
	padding-left:7px;
	padding-right:7px;
	margin-left:5px;

}
#registration #skillsyouhave a:hover{

	color:white;
	background:red;
}
#registration .password{
	position:relative;
	float:left;
	width:300px;
	margin-right:5px;
	clear:both;
}
#registration .showpasswordlabel{
	float:left;
	width:160px;
	font-weight:400;
	margin:14px 0 0;
	padding:0;
	font-size:.8em;
	margin-top:20px;
}
#registration .signup_button{
	position:relative;
	float:left;
	width:100%;
	margin:0 auto;
	clear:both;
	margin-bottom:30px;
}
#registration .skill{
	border:none;
	display:none;
	padding:0;
}
#registration .inputValidate{
	background-color:#F7DBDA;
	outline:1px solid red;
}
#registration #signupform label{
	width:100%;
	font-weight:400;
}
#registration #signupform label.error{
	text-align:left;
	position:relative;
	float:none;
	font-size:1em;
	line-height:20px;
	font-style:italic;
	margin:-5px 0 0 2px;
	padding:0;

}

#registration label.error{
	font-size:15px;
	font-style:italic;
	font-weight:400;
	padding:0;
}

#registration input.error{
	border-color:red;
	background-color:pink;
}


ul#containererreurtotal, ul#emailerror{
	position:absolute;
	width:280px;
	display:none;
	right:30px;
	z-index:10000;
	top:42px;
	color:#000;
	line-height:100%;
	-moz-box-shadow:0 2px 0 rgba(0,0,0,0.2) 0 2px 5px rgba(0,0,0,0.2);
	box-shadow:1px 2px 3px rgba(0,0,0,0.5);
	font-size:16px;
	-webkit-transition:border-color .218s;
	-moz-transition:border .218s;
	-o-transition:border-color .218s;
	transition:border-color .218s;
	background:#F7DBDA;
	border:solid 1px #000;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	padding:10px;
}

.fileinput-wrapper {
	position:relative;
	float:left;
	clear:both;
	width:100%;
	text-align:center;
}



#selectresume1 :hover {
	color:white;
	text-shadow: 0 1px 0 #000;
	border: solid 1px #fff;
	border-radius: 3px;
	-moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2) -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.15);
    cursor:pointer;
    text-decoration:none;

}

#selectresume1 {
    font-size: 16px;
    text-decoration: none;
    padding: 4px 12px;
    /* display: inline-block; */

	background: #006FB3; /* Old browsers */
	padding:10px;
	color:white;
	text-shadow: 0 0 0 #000;
	border: solid 1px #000;
	    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    font-family: "Open Sans", sans-serif;
}


#selectresume {

	font-size: 22px;
	font-weight: 600;
	color: black;
	text-decoration: none;
	padding: 0px 7px 5px 26px;
	border: 1px solid #ebebeb;
	border-radius: 2px;
	border-bottom-color: #d4d4d4;
	background: #fcfcfc;
	background: -moz-linear-gradient(top, #fcfcfc 0%, #f5f5f5 100%);
	background: -webkit-linear-gradient(top, #fcfcfc 0%, #f5f5f5 100%);
	background: linear-gradient(to bottom, #fcfcfc 0%, #f5f5f5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#f5f5f5',GradientType=0);
	background: url(/images/uploadresume.png) no-repeat 3px 3px;
	background-size:32px 32px;
	padding:10px;
	padding-left:40px;
	padding-right:20px;


}

button#selectresume.fileinput.hover {
	background-color:#D2FEE0;
}



.selectuploadoption {
    overflow: hidden;
    text-align: center;
    position:relative;
    float:left;
    width:100%;
    text-align:center;
    clear:both;
    margin-top:15px;
    margin-bottom:15px
}
.selectuploadoption:before,
.selectuploadoption:after {
    background-color: #000;
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 50%;
}
.selectuploadoption:before {
    right: 0.5em;
    margin-left: -50%;
}
.selectuploadoption:after {
    left: 0.5em;
    margin-right: -50%;
}






#containererreurtotal li {
	list-style:none;
	margin-left:15px;
}

#containererreurtotal h2 {
	font-size:120%;
	margin:0;
	margin-bottom:10px;
	text-align:center;
	font-weight:normal;
	color:#000;
}

#containererreurtotal p {
	font-size:100%;
	margin:0;
	margin-bottom:10px;
	text-align:center;
	font-weight:normal;
	color:#000;
}

ul#emailerror{
	position: absolute;
	width: 47%;
	right: 10px;
	padding:5px;
	background:#90EE90;
}
ul#emailerror li{
	margin:0;
	padding:0;
}
ul#emailerror li h2{
	text-align:center;
	font-size:1.5em;
	font-weight:bold;
	margin:0;
	padding:0;
}
#skills p,#occupations p{
	font-size:80%;
	font-style:italic;
	margin:0;
	position:relative;
	float:left;
}

#skills .highlight,#occupations .highlight{
	background:#D2FEE0;
	border-bottom:1px solid #ccc;
}

#skills .highlightresume,#occupations .highlightresume{
	background:lightgreen;
	border-bottom:1px solid #bbb;
}
#skills .selected_skill{
	display:none;
}
#cdllicenses ul{
	position:relative;
	float:left;
	border:1px solid #ccc;
	padding:5px;
	background:white;
	width:98%;
}
#cdllicenses li{
	line-height:24px;
	position:relative;
	float:left;
	width:33%;
}
#tradelicenses h1{
	text-align:center;
}
#tradelicenses ul{
	height:195px;
	border:1px solid #ccc;
	overflow:auto;
	padding:5px;
	background:white;
	position:relative;
	float:left;
}
#tradelicenses li{
	line-height:24px;
	position:relative;
	float:left;
	width:33%;
}
#registration .section span,#registration #whatdoyoudo_link i,#registration #whatareyougoodat_link i{
	font-size:70%;
}
#registration .streetaddress,#registration .email{
	position:relative;
	float:left;
	width:360px;
	clear:both;
}
#registration .phonetype,#registration .cdllicense,#registration .tradelicense{
	position:relative;
	float:left;
	width:100px;
	margin-right:20px;
}

#cboxLoadedContent{overflow-x:hidden !important; overflow-y:hidden !important;}

#occupations,#skills,#cdllicenses,#tradelicenses,#certifications{
	padding:20px;
	background:url(/images/loading.gif) no-repeat 50% 60%;
	font-family: "Open Sans", sans-serif;
	width:90%;
	height:100%;
	position:relative;
	float:left;
	color:black;
}


#cdllicenses h3 {
	position:relative;
	float:left;
	width:100%;
	font-weight:bold;
	margin-top:5px;
}

#occupations_listing {
	width:350px;
}
#cdllicenses label {
width:85%;
position:relative;
float:left;
color:black;
font-size:.9em;

}

#cdllicenses input {
position:relative;
float:left;
}

#tradelicenses label {
width:80%;
position:relative;
float:left;
color:black;
font-size:.9em;
}

#tradelicenses input {
position:relative;
float:left;
}

#certifications label {
width:80%;
position:relative;
float:left;
color:black;
font-size:.9em;
}

#certifications input {
position:relative;
float:left;
}

#textmessageinfo {
	width:100%;
}

#occupations h2,#skills h2,#cdllicenses h2,#tradelicenses h2, #certifications h2, .profile_form h2, #textmessageinfo h2{
position:relative;
	float:left;
	font-size:1.8em;
	color:white;
	font-weight:normal;
	text-align:center;
	padding:20px;
	width:90%;
	border: solid 1px #000;
	border-radius: 5px;
	color:#fff;
	background:#003759;
	box-shadow: 0px 5px 10px rgba(0, 0, 0, .35);
			-moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, .35);
			-o-box-shadow: 0px 5px 10px rgba(0, 0, 0, .35);
			-webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, .35);
			-ms-box-shadow: 0px 5px 10px rgba(0, 0, 0, .35);
	margin-top:0px;
	margin-bottom:5px;

}
#occupations p,#skills p,#cdllicenses p,#tradelicenses p, #certifications p, #textmessageinfo p{
	color:black;
}


#occupations .input,#skills .input,#cdllicenses .input,#tradelicenses .input{
	width:100%;
	margin-bottom:10px;
	border:1px solid #ccc;
	padding:5px;
	z-index:5000;
}
#occupations ul,#skills ul{
	overflow-x:hidden;
	overflow-y:auto;
	display:block;
	border:1px solid #ccc;
	padding:5px;
	position:relative;
	float:left;
	height:240px;
	background:white;
	margin:0;
	width:100%;
}

#textmessageinfo ul {
	position:relative;
	float:left;
	margin:20px;
}

#occupations li,#skills li{
	position:relative;
	float:left;
	line-height:24px;
	background:white;
	margin:0;
	width:350px;
	font-size:1em;
	display:inline-block;
}
#occupations a,#skills a{
	position:relative;
	display:block;
	text-decoration:none;
	color:#000;
	padding:5px;

}

#occupations a:hover{
	background-color:#efefef;
}
#skills a:hover{
	background-color:#efefef;
}


#cdl_licenses,#trade_licenses{
	font-size:14px;
	line-height:20px;
	padding:5px;
	float:left;
	clear:both;
}
#cdllicenses .button,#tradelicenses .button,#certifications .button,#skills .button, #occupations .button,.button_disabled {
	width:100%;
	margin-top:20px;
	font-size:1.4em;
	padding:10px;
}
#textmessageinfo_close {
	position:relative;
	float:left;
	clear:both;
	width:90%;
	margin-top:20px;
	font-size:1.4em;
	text-align:center;
	padding:20px;
}

input::-webkit-input-placeholder,input:-moz-placeholder,.hasPlaceholder{
	font-style:italic;
}
#skills ul, #skills_close{
	display:none;
}
#certifications ul{
	position:relative;
	float:left;
	height:275px;
	overflow:auto;
	background:white;
	width:100%;
}
#certifications li{
	line-height:1.2em;
	position:relative;
	float:left;
	width:48%;
	font-size:1em;
	margin-bottom:5px;
}

ul#relatedoccupations_listing {
	position:relative;
	float:left;
	width:75%;
	margin-top:0px;
}

ul#relatedoccupations_listing  li{
	line-height:initial;
	margin-bottom:0px;
	padding:0px;
	position:relative;
	float:left;
	width:50%;
}

/* ------------------ Verify work history section --------------------*/


#workhistory h2 {
	color:white;
}

ul.verifyworkhistory li{
	display: block;
	padding: 1.0em 0;
	overflow: hidden;
	border: 1px solid #ccc;
	padding: 1.0em;
	background:#FBFBFB;
	border-radius:5px;
	-moz-border-radius:5px;
	margin-left:-30px;
	width: 107%;
}
.profile_form{
	margin: 0 auto;
	width:600px;
}
.profile_form label{
	position:relative;
	float:left;
	width:100%;
	font-size:1.2em;
}
.profile_form .input, textarea{
	margin-bottom:10px;
	border:1px solid #ccc;
	font-style:normal;
	padding:5px;
}
.profile_form .checkbox{
	position:relative;
	float:left;
	line-height:2em;
}
.profile_form .submit{
	position:relative;
	float:left;
	margin:0;
	width:100%;
	clear:both;
}
.profile_form .jobtitle{
	position:relative;
	float:left;
	width:70%;
	margin-right:20px;
}
.profile_form .company{
	position:relative;
	float:left;
	width:70%;
	margin-right:20px;
}
.profile_form .supervisor{
	position:relative;
	float:left;
	width:70%;
	margin-right:20px;
}
.profile_form .startdate{
	position:relative;
	float:left;
	width:100px;
	margin-right:20px;
	clear:both;
}
.profile_form .enddate{
	position:relative;
	float:left;
	width:100px;
	margin-right:20px;
}


.profile_form .salary {
position:relative;
float:left;
width:150px;
margin-right:10px;
}
.profile_form .label_salary {
position:relative;
float:left;
line-height:2em;
padding-right:5px;
width:80px;

}
.profile_form .duties{
	position:relative;
	float:left;
	width:70%;
	margin-right:20px;
	height:30px;
}
.profile_form .location{
	position:relative;
	float:left;
	width:70%;
	margin-right:20px;
	height:30px;
}
.profile_form .phone{
	position:relative;
	float:left;
	width:150px;
}

#work label.error{
	position:relative;
	float:right;
	font-size:.8em;
	font-style:italic;
	font-weight:400;
	width:75%;
	color:red;
}



/* ---------------  No resume css schtuff.... -----------------------------------*/

#noresume {
	width:500px;
	margin: 0 auto;
	margin-top:50px;
}

#noresume .email {
	width:300px;
}

#noresume .resume {
	width:100%;
	height:300px;
}

#pasteresume{
	width:95%;
	min-height:150px;
}


#signupother {
	position: relative;
	clear: both;
	width: 85%;
	float: left;
	border: 1px solid silver;
	background: #F8F8F8;
	border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 15px;

}
#signupemail {
	position: relative;
	clear: both;
	width: 85%;
	float: left;
	border: 1px solid silver;
	background: #F8F8F8;
	border-radius: 5px;
	-moz-border-radius: 5px;
	margin-bottom: 20px;
	padding: 15px;

}

.cloudstorage {
		display: inline-block;
		font-size: 1em;
		text-decoration: none;
		padding: 5px;
		padding-left:25px;
		border: 1px solid #ebebeb;
		border-radius: 2px;
		border-bottom-color: #d4d4d4;
		background: #fcfcfc;
		background: -moz-linear-gradient(top, #fcfcfc 0%, #f5f5f5 100%);
		background: -webkit-linear-gradient(top, #fcfcfc 0%, #f5f5f5 100%);
		background: linear-gradient(to bottom, #fcfcfc 0%, #f5f5f5 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#f5f5f5',GradientType=0);
		background-size:18px 18px;
		position:relative;
		float:left;

		margin-left:10px;
		color:black;

}



.dropboxselect {
	background: url(/images/dropbox.png) no-repeat 3px 8px;
	background-size:18px 18px;

}
.linkedin {
	background: url(/images/linkedin_profile_icon.gif) no-repeat 3px 8px;
	background-size:18px 18px;
}

.indeed {
	background: url(/images/indeedicon.gif) no-repeat 3px 8px;
	background-size:18px 18px;
}
.copypasted {
	background: url(/images/paste.png) no-repeat 3px 8px;
	background-size:18px 18px;
}

.googledrive {
	background: url(/images/googledrive.png) no-repeat 3px 8px;
	background-size:18px 18px;
}

.cloudstorage:hover {
	background-color:#D2FEE0;
}

#selectexternalfile {
	position: relative;
	float: left;
	width: 96%;
	text-align: center;
	height: 24px;
	margin-top: 10px;
}

.selectexternalfile {

	border-radius: 6px;
	border: 1px solid silver;
	padding: 9px;
	background: #D2FEE0;
}


#googlesharehelp {
	display:none;
	padding:10px;
	min-height:100px;
	background:white;
	z-index:1000;
	border: solid 1px #333;
	border-radius: 4px;
	-moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.5) -webkit-box-shadow:4px 2px 7px rgba(0, 0, 0, 0.5);
    box-shadow: 5px 2px 7px rgba(0, 0, 0, 0.7);
    text-decoration:none;
    text-align:left;
	position:fixed;
	width:380px;
	height:185px;
	top:45%;
	left:40%;
}

#googlesharehelp p {
	color:black;
}
#googlesharehelp h2 {
	color:black;
	width:100%;
	text-align:center;
}

a#googlesharehelp_close {
	clear:both;
	width:50%;
	position:relative;
	float:left;
	text-align:center;
	margin-left:22%;
	margin-top:20px;
}




#pasteresumepopup {
	display:none;
	padding:10px;
	min-height:300px;
	background:white;
	z-index:1000;
	border: solid 1px #333;
	border-radius: 4px;
	-moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.5) -webkit-box-shadow:4px 2px 7px rgba(0, 0, 0, 0.5);
    box-shadow: 5px 2px 7px rgba(0, 0, 0, 0.7);
    text-decoration:none;
    text-align:left;
	position:fixed;
	width:580px;
	height:300px;
	top:35%;
	left:35%;
}

#pasteresumepopup p {
	color:black;
}
#pasteresumepopup h2 {
	color:black;
	width:100%;
	text-align:center;
}

a#pasteresumepopup_close {
	clear:both;
	width:50%;
	position:relative;
	float:left;
	text-align:center;
	margin-left:22%;
	margin-top:20px;
}

.placeholder { color: #aaa; }
/* --------------------- mobile specific css for signup process ------------------------*/
@media screen and (max-width: 800px){
	#registration{
		width:100%;
		margin:0;
	}
	#registration h2{
		font-size: 150%;
		font-weight:normal;
		margin-bottom:10px;
	}
	#registration .section{
		border:none;
		background:none;
		margin:0;
	}
	#registration .firstname{
		width:95%
	}
	#registration .lastname{
		width:95%
	}
	#registration .streetaddress,#registration .email{
		width:95%;
	}
	#certifications li, #tradelicenses li{
		width:100%;
	}

}

/* fun colors */
/*
#registration {
	background:red;
}

h1 {
	background:red;
	color:blue;
	}

html {
	background:white;
	color:blue;
	text-shadow: -1px 0 black, 0 1px black,
      1px 0 black, 0 -1px black;
	}
legend {
	background:blue;
	color:red;
	}
fieldset {
background:chartreuse;
}

.input {
	border: 5px dotted pink;
}

input:focus {
    outline:none;
    border-color:red;
    box-shadow:10px 10px 20px red;
}

.signup_button {
	background:blue;
	color:red;
}
*/