@charset "UTF-8";
/* CSS Document */


/* RECRUITMENT WRAPPER --------------------*/


#recruitment_wrapper
{
	position: relative;
	width: 90%;
	max-width: 1100px;
	border-top: solid 1px #E6E7E8;
	border-bottom: solid 1px #E6E7E8;
	margin: 30px auto;
}

#recruitment_wrapper h2
{
	position: relative;
	font-family: 'Raleway', sans-serif;
	font-size: 0.9375em;
	font-weight: 500;
	line-height: 100%;
	color: #4B5C66;
	margin: 0 0 10px 0;
}

#recruitment_leftcol
{
	float: left;
	width: 50%;
	/*border-right: solid 1px #E6E7E8;*/
	margin: 0 0 0 0;
}

/* VACANCIES -----*/

.vacancy_listing
{
	position: relative;
	width: 97.27%;
	/*border-bottom: solid 1px #E6E7E8;*/
	padding: 15px 2.73% 15px 0;
	margin: 0 0 0 0;
}

.vacancy_listing li
{
	list-style-image: url('../images/services/bullet.png');
	font-family: 'Raleway', sans-serif;
	font-size: 0.75em;
	font-weight: 400;
	line-height: 140%;
	color: #58585B;
	margin: 0 0 0 13px;
}

.vacancy_listing_details
{
	position: relative;
	width: 100%;
	margin: 15px 0 0 0;
}

.vacancy_detail
{
	position: relative;
	width: 100%;
	margin: 5px 0 0 0;
}

.vacancy_detail span
{
	color: #CAD400;
}

.vacancy_detail_link
{
	position: relative;
	width: 100%;
	margin: 15px 0 0 0;
}

.vacancy_detail_link a
{
	display: block;
	outline: none;
	text-decoration: none;
	padding: 0 0 0 0;
}

.vacancy_detail_link a .link_text
{
	float: left;
	width: ;
    font-family: 'Raleway', sans-serif;
	font-size: 0.75em;
	font-weight: 400;
	line-height: 100%;
	color: #CAD400;
	padding: 0 15px 0 0;
	margin: 8px 0 0 0;
}

.vacancy_detail_link a .link_arrow
{
	display: block;
	float: left;
	width: 28px;
	height: 28px;
	background: url(../images/arrows/grey_arrow.png);
	margin: 0 0 0 0;
}

.vacancy_detail_link a:hover .link_text
{
	color: #005F21;
}

.vacancy_detail_link a:hover .link_arrow
{
	background: url(../images/arrows/dark_arrow.png);
}

/* FORM -----*/

#contact_form
{
	float: right;
	width: 48.45%;
	border-left: solid 1px #E6E7E8;
	padding: 15px 0 15px 1.36%;
	margin: 0 0 0 0;
}

.form_input
{
	position: relative;
	width: 94.54%;
	height: 16px;
	background: #E6E7E8;
	border: none;
	border-radius: 4px; 
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	-khtml-border-radius: 4px;
	font-family: 'Raleway', sans-serif;
	font-size: 0.75em;
	font-weight: 400;
	line-height: 100%;
	color: #58585B;
	padding: 10px 2.73%;
	margin: 15px 0 0 0;
}

.form_textarea
{
	position: relative;
	width: 94.54%;
	height: 118px;
	background: #E6E7E8;
	border: none;
	border-radius: 4px; 
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	-khtml-border-radius: 4px;
	font-family: 'Raleway', sans-serif;
	font-size: 0.75em;
	font-weight: 400;
	line-height: 100%;
	color: #58585B;
	padding: 10px 2.73%;
	margin: 15px 0 0 0;
}

#CV_upload
{
	position: relative;
	width: 94.54%;
	background: #E6E7E8;
	border-radius: 4px; 
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	-khtml-border-radius: 4px;
	font-family: 'Raleway', sans-serif;
	font-size: 0.75em;
	font-weight: 400;
	line-height: 100%;
	color: #58585B;
	padding: 12px 2.73%;
	margin: 15px 0 0 0;
}

label input[type="file"] 
{
    position: fixed;
    top: -1000px;
}

.upload_btn 
{
	display: inline-block;
	position: absolute;
	top: 0;
	right: 0;
	width: 34.53%;
	background: url(../images/arrows/upload_btn.png) #4B5C66;
	background-repeat: no-repeat;
	background-position: 93% 50%;
    border-radius: 4px; 
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	-khtml-border-radius: 4px;
	color: #fff;
    padding: 12px 2.81%;
    margin: 0 0 0 0;
	cursor: pointer;
}

.upload_btn:hover, .upload_btn:active 
{
    background: url(../images/arrows/upload_btn_hover.png) #CAD400;
	background-repeat: no-repeat;
	background-position: 93% 50%;
}

.form_submit_wrapper
{
	position: relative;
	width: 100%;
	margin: 15px 0 0 0;
}

.form_submit
{
	float: right;
	width: 40.15%;
	display: block;
	background: url(../images/arrows/dark_arrow.png) #CAD400;
	background-repeat: no-repeat;
	background-position: 94.54% 50%;
	border: none;
	border-radius: 4px; 
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	-khtml-border-radius: 4px;
	text-decoration: none;
	font-family: 'Raleway', sans-serif;
	font-size: 0.9375em;
	font-weight: 500;
	line-height: 100%;
	text-align: left;
	color: #fff;
	padding: 10px 0 10px 2.73%;
	margin: 0 0 0 0;
	cursor: pointer;
}

.form_submit:hover
{
	background: url(../images/arrows/light_arrow.png) #4B5C66;
	background-repeat: no-repeat;
	background-position: 94.54% 50%;
}

.error 
{
	font-family: 'Raleway', sans-serif;
	font-size: 0.9375em;
	font-weight: 400;
	font-style: italic;
	line-height: 200%;
	color: #DD0000;
}

.detect
{
	display: none;
}


/* iPad Portrait -1px ----------- */
@media screen and (max-width : 767px) {
	
	
/* RECRUITMENT WRAPPER --------------------*/


#recruitment_wrapper
{
	border: none;
}
	
#recruitment_leftcol
{
	float: none;
	position: relative;
	width: 100%;
}

/* VACANCIES -----*/

.vacancy_listing
{
	width: 100%;
	padding: 0;
}

/* FORM -----*/

#contact_form
{
	float: none;
	position: relative;
	width: 100%;
	border: none;
	padding: 0;
	margin: 30px 0 0 0;
}
	
	
}


/* iPhone Landscape -1px ----------- */
@media screen and (max-width : 567px) {
	
	
.form_input, .form_textarea
{
	width: 89.6%;
	padding: 10px 5.2%;
}

#CV_upload
{
	width: 89.6%;
	padding: 12px 5.2%;
}

.upload_btn 
{
	width: 29.75%;
	background: #4B5C66;
    padding: 12px 5.2%;
}

.upload_btn:hover, .upload_btn:active 
{
	background: #CAD400;
}

.form_submit
{
	float: none;
	position: relative;
	width: 100%;
	background-position: 94.8% 50%;
	padding: 10px 5.2%;
}

.form_submit:hover
{
	background-position: 94.8% 50%;
}
	
	
}