/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

html{
	background-color: #860047;
	font-family: "Arial Regular", arial;
	font-size: 14px;
}

body {
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.responsive{
	width: 100% !important;
	height: auto !important;	
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

#bar-preview{
	width:100%; 
	height:25px;
	padding:5px 0 0 0;
	font-size:12px;
	font-weight:bold;
	color:#FFF;
	text-align:center;
	background:#000;
}


/* 12 column lay-out
   First apply a natural box layout model to all elements
   Create row with clearfix */

*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.row:before, .row:after { content: " "; display: table; }
.row:after { clear: both; }
.lt-ie8 .row { zoom: 1; }


.row{
	position:relative;
	clear:both;
    margin:0 auto;
    max-width:1400px;
	padding: 0 20px;	
}

.span-1, .span-2, .span-3, .span-4, .span-5, .span-6, .span-7, .span-8, .span-9, .span-10, .span-11, .span-12{
	float:left; 
	position:relative;
	/*padding:0 10px;*/
	padding:0 5px;
}

.span-1  { width:8.33%; }
.span-2  { width:16.66%; }
.span-3  { width:25%; }
.span-4  { width:33.33%; }
.span-5  { width:41.66%; }
.span-6  { width:50%; }
.span-7  { width:58.33%; }
.span-8  { width:66.66%; }
.span-9  { width:75%; }
.span-10 { width:83.33%; }
.span-11 { width:91.66%; }
.span-12 { width:100%; }


/* Base styles */
p, ul, ol, h1, h2, h3, h4, h5, h6{
	padding:0;
	margin:0 0 20px 0;
}
h1, h2, h3, h4, h5, h6{
	font-family: "proxima-nova", arial, sans-serif;
	font-weight: bold;
	font-size:1em;
	color: #9d0054;
	margin: 0px;
}
h1{
	font-size:30px;
	line-height:1.2;
	margin-bottom: 26px;
}
h2{
	font-size:18px;
	margin-bottom: 5px;
}
h3, h3 a{
	font-size:18px;
	margin-bottom: 18px;
	color: #ffffff;
	text-decoration: none;
}
h4{
	font-size: 20px;
}
a{
	color: #1d95d2;
}
ul{
	list-style:none;	
}
ul li{
	padding-left:15px;
	background:url(/img/li.gif) left 7px no-repeat;
}
ol{
	margin-left: 30px;
}

ol.frmb{
	margin-left: 0px;
}
address{
	font-style:normal;	
}
img{
	display:block;	
}
/* Formbuilder form */
form.frm-bldr{
	margin-top:20px;	
}
form.frm-bldr li{
	padding:0;
	background:none;
}
form.frm-bldr label,
form.frm-bldr .false_label{
	display:inline-block;
	min-width:150px;
}
form.frm-bldr input[type="text"],
form.frm-bldr select{
	min-width:200px;	
	margin-bottom:7px;
}
form.frm-bldr .multi-row{
	display:inline-block;
	margin:3px 0 7px 0;
}
form.frm-bldr .multi-row span.row{
	display:inline-block;
	margin-right:10px;
}
form.frm-bldr .radio label{
	display:inline;
	position:relative;
	top:-1px;
}
form.frm-bldr .radio input{
	margin-right:7px;
}

form.frm-bldr div.alert{
	float:left;
	margin-bottom:7px;
}
form.frm-bldr .alert input[type="text"]{
	border-color:#cf4e2b;
	margin-bottom:0;
}
form.frm-bldr .alert span{
	clear:left;
	display:block;
	width:auto;
	color:#cf4e2b;
}

/* Cycle banner slideshow */ 
.cycle{
	width:100%;	
}
.cycle .slide{
	display:none;
	width:100%;	
}
.cycle .slide.first{
	display:block;	
}

/* Navigation base styles */
nav ul{
	margin-bottom:0;	
}
nav.horizontal li{
	float:left;
	position:relative;
	padding:0;
	background:none;
}
nav.horizontal a{
	display:block;
	padding:0pxx;
	text-decoration:none;
}
nav.horizontal li ul{
	display:none;
	position:absolute;
	min-width:100%;
	left:0;
	margin:0;
	background:#e5e5e5;
	z-index:101;
}
nav.horizontal li:hover>ul{
	display:block;
}
nav.horizontal li ul li{
	float:none;
}
nav.horizontal li ul li ul{
	left:100%;
	top:0;
}

ul#search-results li{
	background:none;
	padding:0;	
}

/* Block styles */
header,
#main,
footer{
	clear:both;	
}

#row-container{
	background-color: #ffffff;
}

#logo{
	float:left;
	padding:18px 0px 22px 9px;	
}
#top-nav{
	float:right;
}

#header-home-button{
	float: left;
}

#main-nav, #main-nav ul{
	clear:both;
	background:#9d0054;
	min-height: 45px;
}

#main-nav ul li ul{
	display: none;
}

#main-nav li a{
	color: #ffffff;
	font-size: 16px;
	line-height: 42px;
	padding: 3px 33px 0 0;
	font-family: "proxima-nova", arial, sans-serif;
}

#main-nav li a.active, #main-nav li a:hover{
	color: #d899bb;
}

#main-nav li.nav-item-11 a,
#main-nav li.nav-item-33 a{
	background-image:url("/img/home-button-inactive.png");
	background-position: center;
	background-repeat: no-repeat;
	width: 17px;
	height: 22px;
	display: block;
	margin: 11px 30px 0 11px;.
	
	text-indent: -9999px;
	font-size: 0px;
}

#main-nav .nav-item-11 a.active,
#main-nav .nav-item-11 a:hover,
#main-nav .nav-item-33 a.active,
#main-nav .nav-item-33 a:hover{
	background-image:url("/img/home-button.png");
}

#main-nav-switch {
    background: url("/img/nav-switch.png") no-repeat left center transparent;
    border: 0px;
    clear: right;
    color: #013888;
    cursor: pointer;
    display: none;
    float: right;
    margin: 15px 20px 15px 0;
    padding-left: 33px;
    position: relative;
    z-index: 10;
	
	text-transform: lowercase;
	color: #ffffff;
	line-height: 17px;
}

#top-nav {
    float: right;
    margin-right: 0px;
    margin-top: 28px;
}

#search {
    border: 1px solid #DBDBDB;
    float: left;
    margin-right: 7px;
    position: relative;
}
#search_img {
    cursor: pointer;
    padding: 6px;
}
#search_container {
    display: none;
    position: absolute;
    right: -1px;
    top: 25px;
    width: 300px;
    z-index: 20;
}
#search form {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DBDBDB;
    padding: 5px;
    width: 100%;
}
#search #search_btn {
    background: url("/img/search.png") no-repeat scroll 6px 4px #FFFFFF;
    border: medium none;
    float: right;
    text-indent: -9999px;
    width: 30px;
}
#search form span {
    display: block;
    overflow: hidden;
    padding: 0 5px;
}
#search #search_field {
    background: none repeat scroll 0 0 #FFFFFF;
    border: medium none;
    color: #616161;
    font-size: 14px;
    width: 100%;
}
#languages {
    background: url("/img/arrow_bottom.png") no-repeat scroll 40px 10px rgba(0, 0, 0, 0);
    border: 1px solid #cccccc;
    cursor: pointer;
    float: left;
    padding: 5px 28px 5px 10px;
    position: relative;
    z-index: 102;
}
#languages ul {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: -moz-use-text-color #DBDBDB #DBDBDB;
    border-image: none;
    border: 1px solid #DBDBDB;
    border-style: none solid solid;
    border-width: 0 1px 1px;
    display: none;
    left: -1px;
    padding: 7px 0;
    position: absolute;
    top: 26px;
    width: 60px;
    z-index: 20;
}
#languages li {
    padding-left: 0;
	background: none;
}
#languages li img {
    padding: 5px 10px;
}

#header-phone{
	display: inline-block;
	font-size: 20px;
	color: #a6a6a6;
	float: left;
}

#header-phone strong{
	background-image: url('/img/header-phone.gif');
	background-repeat: no-repeat;
	background-position: left center;
	padding: 0 0 0 26px;
	margin: 0 30px 0 0;
	font-weight: normal;
}

#banner-container .overlay{
	padding: 21px 17px 0px 17px;
	position: absolute;
	bottom:20px;
	background-color:rgba(59,59,59,.9);
	color: #aeaeae;
}

#banner-container .overlay a{
	color: #aeaeae;
	text-decoration: none;
}

#banner-container .overlay h1,
#banner-container .overlay h2{
	color: #ffffff;
	text-decoration: none;
	font-family: "proxima-nova", arial, sans-serif;
	font-size: 22px;
	font-weight: normal;
	margin-bottom: 9px;
}

#banner-container .overlay p{
	margin: 0 0 20px 2px;
	line-height: 1.45em;
}

#banner-container .overlay a.emprof-button{
	margin-bottom:15px;
	margin-right:10px;
	color: #ffffff;
}

footer{
	padding-top: 25px;
}

#footer-menus div{
	float: left;
	width: 32.72%;
}

#footer-menus li a{
	color: #dfcbd3;
	text-decoration: none;
}
#footer-menus li a:hover{
	color:#FFF;
}
#footer-adress a{
	color: #ffffff;
	text-decoration: none;
	background-image: url('/img/link-footer.png');
	background-repeat: no-repeat;
	background-position: left 4px;
	padding: 0 0 0 15px;
}

#footer-adress{
	background-color: #72003c;
	padding: 0px;
}

#footer-adress-left,
#footer-adress-right{
	padding: 20px 0 20px 25px;
	width: 49%;
	color: #ffffff;
	display: inline-table;
}

#footer-follow{
	color: #b57f96;
	font-size: 12px;
	padding-left: 10px;
}

#footer-follow img{
	padding: 4px 0;
}

#footer-copyright{
	margin: 50px 0;
	color: #b0748e;
	font-size: 12px;
}

#footer-copyright a{
	color: #b0748e;
	text-decoration: none;
}

#footer-copyright a:hover{
	text-decoration: underline;
}

#footer-copyright ul{
	float: left;
}

#footer-copyright span,
#footer-copyright li{
	background: none;
	padding: 0px;
	padding-right: 3px;
	float: left;
}

#footer-copyright li::before { 
    content: " | ";
}

#banner-container{
	margin-bottom: 30px;
}

#breadcrumbs,
#breadcrumbs a{
	font-size: 13px;
	font-family: "proxima-nova", arial, sans-serif;
	color: #8f8f8f;
	text-decoration: none;
	text-transform: lowercase;
}

#breadcrumbs a{
	background-image: url('/img/breadcrumbs-arrow.gif');
	background-repeat: no-repeat;
	background-position: right center;
	margin: 0 3px 0 0;
	padding: 0 10px 0 0;
}

#tpl-home h2#news-header{
	text-align: center;
	border-bottom: 1px solid #e5e5e5;
	line-height: 50px;
	margin-bottom: 15px;
}

#tpl-home #banner-container{
	margin-bottom: 25px;
}
.news-list li h3,
.news-list li a.news{
	color: #000000;
	text-decoration:none;
	border: 0px;
}

#tpl-default .rs-top-nav{
	text-align: right;
}

#tpl-default .rs-top-nav a{
	margin-left: 10px;
}

#tpl-default .news_intro{
	border-top: 1px solid #e5e5e5;
	padding: 6px 0 0 0;
}

#left-bar{
	padding-right: 25px;
}

#left-bar div,
#right-bar div{
	margin-bottom: 10px;
}

a.emprof-blue-link{
	font-size: 13px;
	background-image: url('/img/link-blue.png');
	background-repeat: no-repeat;
	background-position: left center;
	padding: 0 0 0 12px;
}
a.emprof-blue-link:hover{
	text-decoration:none;
}

#block-follow #block-follow-text{
	text-align: right;
	float: right;
	display: inline-block;
}

#block-follow #block-follow-text h2{
	margin-bottom: 0px;
}

#block-follow #block-follow-links{
	float: right;
	display: inline;
}

#block-follow #block-follow-links a{
	float: left;
	margin: 8px 0 8px 10px;
}

#block-left-menu{
	background-color: #363636;
	padding: 20px 0 20px 25px;
}

#block-left-menu li a{
	color: #ffffff;
	text-decoration: none;
	font-size: 14px;
	background-image: none;
	padding: 0px;
}

#block-left-menu li a.active,
#block-left-menu li a:hover{
	color: #c3c3c3;
}

#block-left-menu li,
#footer-menus li{
	background-image: url('/img/li-emprof.png');
	background-repeat: no-repeat;
	background-position: left 4px;
	padding: 0 0 0 15px;
}

.side-block{
	background-color: #e4eef3;
	padding: 17px 15px 7px 15px;
	font-size: 16px;
}

.side-block p{
	margin-bottom: 5px;
	margin-top: 11px;
	font-size: 14px;
	line-height: 1.45em;
}

.side-block.yellow{
	background-color: #fef4e5;
}

#tpl-home .side-block.lady{
	background-image: url('/img/block-subscribe-bg.png');
	background-repeat: no-repeat;
	background-position: 5px bottom;
	padding-left:44%;
}

.side-block .quote p{
	font-size: 16px;
}

/*#block-jobs,
#block-quote,
#block-job-agent,
#block-job-agent-long,
#block-subscribe,
#block-employer-contact{
	background-color: #e4eef3;
	padding: 17px 15px 7px 15px;
	font-size: 16px;
}

#block-jobs{
	background-color: #fef4e5;
}

#tpl-home #block-subscribe{
	background-image: url('/img/block-subscribe-bg.png');
	background-repeat: no-repeat;
	background-position: 5px bottom;
	padding-left:44%;
}


#block-jobs p,
#block-quote p,
#block-job-agent p,
#block-job-agent-long p,
#block-subscribe p,
#block-employer-contact p{
	margin-bottom: 5px;
	margin-top: 11px;
	font-size: 14px;
	line-height: 1.45em;
}

#block-quote p{
	font-size: 16px;
}


#block-subscribe p,
#block-subscribe-long p,
#block-job-agent-long p{
	margin-bottom: 14px;
}*/

a.emprof-button{
	background-image: none;
	background-color: #f49600;
	color: #ffffff;
	font-weight: bold;
	font-family: "proxima-nova", arial, sans-serif;
	font-size: 14px;
	text-transform: uppercase;
	text-decoration: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-shadow: 1px 1px #a86800;
	padding: 9px 15px 9px 15px;
	display: inline-block;
	border: 0px;
	cursor: pointer;
}
a.emprof-button:hover{
	background-color: #f6ab33;
}

a.grey{
	background-color: #b0b0b0;
	text-shadow: 1px 1px #7d7d7d;
}

div.noapply{
	background-color: rgba(244, 150, 0, 0.2);
	padding: 17px 15px 7px 15px;
}

#block-employer h2{
	line-height: 18px;
	margin-bottom: 15px;
}

#block-employer .block-employer-image-left,
#block-employer .block-employer-image-right{
	width: 50%;
	float: left;
	padding: 0 5px 0 0;
}

#block-employer img{
	border: 1px solid #E5E5E5;
}

#block-employer .block-employer-image-right{
	padding: 0 0 0 5px;
}

#main-container{
	padding: 0 10px 10px 0;
}

#tpl-default-wide .project-list li{
	color: #6d6d6d;
	line-height: 1.45em;
	margin: 0 0 30px 0;
	min-height: 500px;
}

#tpl-default-wide .project-list img{
	margin: 0 0 13px 0;
}

#tpl-default-wide .project-list .overlay h4{
	font-size: 18px;
	margin-bottom: 10px;
	color: #000000;
}

#tpl-default-wide .project-list .overlay p{
	margin-bottom: 18px;
}

#tpl-default-wide .project-list .overlay i{
	font-size: 13px;
}

#tpl-candidate .project-list li,
#tpl-employer .project-list li{
	width: 100%;
	heigth: 160px;
	border: 0px solid #e5e5e5;
	border-top-width: 1px;
	padding: 6px 0 0 0;
}

#tpl-candidate .project-list li:last-child,
#tpl-employer .project-list li:last-child{
	border-bottom-width: 1px;
}

#tpl-candidate .project-list li .overlay,
#tpl-employer .project-list li .overlay{
	overflow: hidden;
	color: #6d6d6d;
}

#tpl-candidate .project-list li .overlay h4,
#tpl-employer .project-list li .overlay h4{
	color: #000000;
	font-size: 17px;
	margin-bottom: 6px;
}

#tpl-candidate .project-list li .overlay p,
#tpl-employer .project-list li .overlay p{
	margin: 0 0 12px 0;
}

#tpl-candidate .project-list li .overlay .overlay-footer img,
#tpl-employer .project-list li .overlay .overlay-footer img{
	float: left;
	display: inline;
	margin: 0 15px 0 0;
}

#tpl-candidate .project-list .read-more,
#tpl-employer .project-list .read-more,
#tpl-candidate .project-list .read-less,
#tpl-employer .project-list .read-less{
	cursor: pointer;
	text-align: center;
	padding: 8px;
	
	font-size: 11px;
	color: #1d95d2;
	text-decoration: underline;
}

#vacancies-list{
	margin: 0px;
}

#tpl-jobs #vacancies-list{
	margin-bottom: 30px;
}

#vacancies-list li,
.project-list li,
.news-list li{
	background: none;
}

#vacancies-list li{
	cursor: pointer;
	border: 0px solid #e5e5e5;
	border-top-width: 1px;
	color: #8f8f8f;
	padding: 0px;
}
#vacancies-list li:hover{
	background: #f2f2f2;
}
#vacancies-list li a{
	color: #8f8f8f;
}


#vacancies-list li:last-child{
	border-bottom-width: 1px;
}

#vacancies-list li strong{
	color: #000000;
	line-height: 17px;
}

#vacancies-list .vacancy-left,
#vacancies-list .vacancy-right,
#vacancies-list .vacancy-home{
	float: left;
	margin: 0px;
	padding: 15px 12px;
}

#vacancies-list .vacancy-left{
	width: calc((100% / 8) * 5);
}

#vacancies-list .vacancy-left strong{
	font-size: 17px;
	font-family: "proxima-nova", arial, sans-serif;
	display: block;
}

#vacancies-list .vacancy-right{
	width: calc((100% / 8) * 3);
}

#vacancies-list .vacancy-right strong{
	font-family: "proxima-nova", arial, sans-serif;
}

#vacancies-list .vacancy-home strong{
	font-size: 17px;
	font-family: "proxima-nova", arial, sans-serif;
	display: block;
}

h1#job-header{
	margin-bottom: 18px;
	line-height: 1.2;
}

h2.job-inner-header{
	margin-bottom: 0px;
	margin-top: 20px;
}

h3#city-header{
	color: #6d6d6d;
	font-size: 16px;
	font-family: "proxima-nova", arial, sans-serif;
	margin-bottom: 25px;
}

#jobs-footer{
	margin: 20px 0;
}

#jobs-button-container{
	float: left;
}

#jobs-button-container a.emprof-button{
	margin-right: 10px;
	margin-top: 10px;
}

#jobs-share-container{
	float: right;
	margin-top: 10px;
}

#jobs-share-container p,
#jobs-share-container a{
	float: left;
	margin-right: 10px;
	line-height: 30px;
	color: #6c6c6c;
}

#jobs-send-form{
	display: none;
	margin: 20px 0 50px 0;
}

#jobs-send input{
	position: absolute;
	left: 200px;
}

#jobs-send label{
	font-size: 12px;
}

#jobs-send-thanks{
	margin: 20px 0;
	font-style:italic;
}

.home-inner-block-left,
.home-inner-block-right{
	width: 50%;
	float: left;
}

.home-inner-block-left{
	padding-right: 10px;
}

.home-inner-block-right{
	padding-left: 10px;
}

.home-container{
	margin-bottom: 30px;
}

.home-container a.emprof-blue-link{
	position: relative;
	display: block;
	top: 10px;
}

.frmb li.required label{
	font-weight: bold;
}

.frmb li.required label::after { 
    content: " *";
	font-weight: bold;
}

.frmb li#fld-cv{
	padding-bottom: 20px;
	display: block;
}

.frmb li#fld-cv input{
	margin: 0 0 5px 0;
	width: auto;
}

#carousel-placeholder{
	display: none;
}

.upload-button {
    /* key */
    position: relative;
    overflow: hidden;
	
	/*float: left;*/
	min-height: 30px;
	display: inline-block;
}

.upload-button button{
	margin: 0 !important;
}

.upload-cover { 
    /* basically just style this however you want - the overlaying file upload should spread out and fill whatever you turn this into */
    text-align: center;
    padding: 2px;
	width: auto;
    cursor: pointer;
	display: block;
}

.upload-button input[type="file"] {
    display: block;
    position: absolute;
    top: 0; left: 0;
    margin-left: -75px; /* gets that button with no-pointer-cursor off to the left and out of the way */
    width: 200%; /* over compensates for the above - I would use calc or sass math if not here*/
    height: 100%;
    opacity: 0; /* left this here so you could see. Make it 0 */
    cursor: pointer;
    border: 1px solid red;
}

.upload-button:hover .upload-cover {
	cursor: pointer;
}


/* RS nav default */
.rsnav{
	clear:both;
	padding:13px 0;
}
.rsnav a{
	display:block;
	width:23px;
	height:23px;
	margin-right:7px;
	text-align:center;
	background:#FFF;
	border:1px solid #DBDBDB;
	color: #616161;
}
.rsnav div{
	display:table;
	margin:0 auto;
}
.rsnav div span{
	float:left;
	display:table-cell;
	margin-right:7px;
}
.rsnav div a{
	float:left;
	display:table-cell;
	padding:2px 2px 0 2px;
	color:#FFF;
	text-decoration:none;
	background: #363636;
}
.rsnav div a.active,
.rsnav div a:hover{
	background:#363636;
	color: #C3C3C3;
}
.rsnav .back{
	float:left;
	background: url('/img/li-emprof-back.png') no-repeat center center #363636;
	text-indent: -9999px;
}
.rsnav .next{
	float:right;
	background: url('/img/li-emprof.png') no-repeat center center #363636;
	text-indent: -9999px;
}

.rsnav.newsdetail a{
	width:auto;
	height:auto;
	padding:3px 12px;
	color:#c3c3c3;
	text-decoration:none;
	text-indent:0;
	background-image:none;
}
.rsnav.newsdetail a.next span{
	display:inline-block;
	width:15px;
	height:10px;
	background: url('/img/li-emprof.png') no-repeat right center;
}
.rsnav.newsdetail a.back span{
	display:inline-block;
	width:15px;
	height:10px;
	background: url('/img/li-emprof-back.png') no-repeat left center;
}

.btn-submit:before,
.btn-submit:after {
    content: " ";
    display: table;
}
.btn-submit:after {
    clear: both;
}


/* Author Helper classes */
.error{
	display:block;
	color:#CC0033;
}
#hmn{
	display:none;	
}

ol.frmb li {
    clear: both;
}
.frmb li {
    clear: both;
    display: block;
    padding: 10px;	
	background: none !important;
}
.frmb li label{
	text-transform:capitalize;
}

.frmb li label, .frmb li span, .frmb li input {
    display: block;
    float: left;
    width: 200px;
}
.frmb li input {
    width: 200px;
}
.frmb li input[type="text"], textarea {
    border: 1px solid #E9E9E9;
    color: ##3F3F3F;
    height: 25px;
}
textarea {
    height: 80px;
    width: 200px;
}
.frmb li span.multi-row span label {
    float: left;
    padding-left: 5px;
    width: 70px;
}
.frmb li span.multi-row span input {
    padding-top: 5px;
    width: 10px;
}
.frmb .btn-submit input[type="submit"],
.frmb button{
    background: none repeat scroll 0 0 #0075ac;
    border: 0 none;
    color: #FFFFFF;
    margin-left: 185px;
    padding: 5px;
    width: 100px;
	margin-top: 10px;
}
.frmb span.alert {
    color: #FF0000;
    padding-left: 10px;
    width: 200px;
}

.block-link{
	display: block;
}

/* Webshop */


/*shopping cart widget*/
#cart {
    border-bottom: 1px solid #4B5A6C;
	background: url("/img/cart.png") no-repeat scroll 8px 5px #162639;
}
#cart a {
    color: #FFFFFF;
    display: block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: bold;
    padding: 0 0 5px 55px;
}
#cart span {
    color: #C4CCD5;
    font-size: 11px;
    font-weight: normal;
    margin-top: 3px;
}
#cart a:hover {
    opacity: 0.8;
}


/*shopping cart overview*/
table#shopping-cart-overview {
    text-align: right;
    width: 100%;
}
table#shopping-cart-overview th {
    color: #0E2137;
    padding: 8px 0 !important;
}
table#shopping-cart-overview .first th:first-child {
    text-align: left;
}
table#shopping-cart-overview h2 {
    text-align: left;
}
table#shopping-cart-overview .first, table .last {
    border-top: 1px solid #E0DFDF;
}
table#shopping-cart-overview tr {
    border-bottom: 1px solid #E0DFDF;
}
table#shopping-cart-overview tr.last {
    border-bottom: medium none;
}
table#bestelling_1 td {
    padding: 15px 0 20px;
    vertical-align: top;
}
table#shopping-cart-overview select {
    margin: 0 auto;
    text-align: left;
    width: 70px;
	border: 1px solid #E0DFDF;
    padding: 5px 6px;
}
table#shopping-cart-overview .delete_product {
    background: none repeat scroll 0 0 #E2E1E1;
    display: inline-block;
    position: relative;
    top: -2px;
}
table#bestelling_1 .delete_product:hover {
    background: none repeat scroll 0 0 #CBCACA;
}
table#shopping-cart-overview .delete_product img {
    float: none;
    margin: 0;
    width: auto;
}
table#shopping-cart-overview .price span {
    padding-right: 50px;
}

.alert{
	 background: none repeat scroll 0 0 #e6bfc0;
}

.error-msg{
	background: #e6bfc0;
	color: #e0002e;
	border-top:1px solid #dd7b7c;
	border-bottom: 1px solid #dd7b7c;
	text-align:center;
}

.lt{
	text-decoration:line-through;
}

/*customerdata*/

table#contact-data {
    margin-bottom: 25px;
}

table#contact-data td {
    padding-bottom: 10px;
    padding-right: 30px;
}

table#contact-data input[type="text"], table#contact-data textarea {
    border: 1px solid #E0DFDF;
    height: 25px;
    width: 310px;
}


table#contact-data textarea {
    height: 100px;
}


table#contact-data input[type="checkbox"]{
	width: 20px;	
}

.not-visible{
	display: none;
}

#back_to_cart {
    background: none repeat scroll 0 0 #E2E1E1;
    float: left;
    margin-right: 10px;
    width: 140px;
}

#back_to_cart a {
    background: url("/img/arrow-large-left.png") no-repeat scroll 12px 6px rgba(0, 0, 0, 0);
    color: #666666;
    display: block;
    font-size: 12px;
    padding: 6px 10px 6px 28px;
}
#back_to_cart a:hover {
    background: url("/img/arrow-large-left.png") no-repeat scroll 12px 6px #D7D7D7;
}





table#overzicht {
    margin-bottom: 0;
    margin-top: -10px;
    width: 100%;
}
table#overzicht .price {
    padding-right: 0;
    text-align: right;
}
table#overzicht tr, table#form-contact tr {
    border-bottom: 1px solid #E0DFDF;
}
table#overzicht td, table#form-contact td {
    padding: 10px 0;
}
table#overzicht tr.price {
    border-bottom: medium none;
    color: #0E2137;
    font-size: 16px;
}
table#overzicht tr.price td {
    padding: 15px 0;
}
table#overzicht tr.price span {
    padding-right: 50px;
}

table #submit, #plaats-bestelling #submit {
    float: right;
    margin-top: 0;
    width: 140px;
}
#bestellen_1 table #submit {
    margin-top: 0 !important;
    width: 140px !important;
}
#plaats-bestelling #submit {
    width: 190px;
}
#plaats-bestelling .inner div.wrap {
    border-top: 1px solid #E0DFDF;
    margin-top: 15px;
    padding: 15px 0;
}
#plaats-bestelling #back_to_cart {
    width: 180px;
}
#right #overzicht {
    color: #666666;
}
#overzicht .item {
    color: #4B5A6A;
    font-size: 13px;
    font-weight: bold;
}



/*login customer*/
.field-error{
	border: 1px solid red;	
}

#change-account-details{
	display: none;
}

.show-block{
	display: block !important;
}




#order-overview .accordion .ui-icon.ui-icon-triangle-1-e, .accordion .ui-icon.ui-icon-triangle-1-e {
    background: url("/img/arrow-g-down.png") no-repeat scroll 2px 5px rgba(0, 0, 0, 0);
    padding-right: 3px;
}

#order-overview  .accordion .ui-icon.ui-icon-triangle-1-s, .accordion .ui-icon.ui-icon-triangle-1-s {
    background: url("/img/arrow-g-up.png") no-repeat scroll 2px 5px rgba(0, 0, 0, 0);
    padding-right: 3px;
}

#order-overview h3{
	margin-bottom: 5px;
}

.accordion h3 span{
	display: block;
    float: left;
    width: 25%;
}

.accordion h3 span.price-lbl{
	text-align: right;	
	width: auto;
}

.ui-accordion .ui-accordion-header a{
 	color: #3a3a3a;
     display: block;
    margin-left: 18px;
}

.ui-accordion .ui-accordion-header{
	background: url("/img/agenda-li.gif") repeat-x scroll 0 0 #f4f4f4;
    color: #3a3a3a;
    cursor: pointer;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding: 9px 5px;

}

.accordion .ui-icon {
    background: url("/img/arrow-w.png") no-repeat scroll 5px 4px rgba(0, 0, 0, 0);
    display: block;
    float: left;
    height: 17px;
    width: 25px;
}




#msg {
    background: none repeat scroll 0 0 #EDEADF;
    color: #666666;
    font-size: 13px;
    padding: 20px 22px;
}
#msg span {
    color: #CD2332;
    display: block;
    font-size: 14px;
    font-weight: bold;
}


.max-text{
	max-width: 600px;
}


/* ==========================================================================
   Helper classes
   ========================================================================== */

/* Image replacement */
.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
}
.lt-ie8 .ir {
    text-indent: -9999px;
}
.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden {
    display: none !important;
    visibility: hidden;
}

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/* Hide visually and from screenreaders, but maintain layout */
.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.lt-ie8 .clearfix {
    zoom: 1;
}


/* ==========================================================================
// Google Recaptcha Invisible Logo
========================================================================== */

.grecaptcha-badge{
	/*display: none;*/
}


#privacy-statement input{
	width: auto; 
	margin-right: 10px;
	position: relative;
	top: 2px;
}
#privacy-statement label{
	padding: 15px 0;
	text-transform: none;
	width: auto;
	margin-left: 185px;
	max-width: 350px;
}


.frm-bldr .error {
    display: inline-block;
}

.error {
    display: block;
    font-size: 13px;
    color: #c03;
    margin-top: 2px;
	margin-bottom: 2px;
}

.error input[type="text"], .error textarea {
    border-color: #c03;
}

.frm-bldr .error span {
    display: block;
    margin-top: 3px;
	width: 100%;
}


.frmb li label{
	float: none;
	display: inline-block;
	width: 185px;
	vertical-align: top;
}

.frmb li span, .frmb li input{
	float: none;
	display: inline-block;
}

form.frm-bldr select{
	width: 200px;
}

.frmb .upload-cover{
	width: auto;
	padding-left: 10px;
	padding-right: 10px;
}

.project-list .span-3:nth-child(4n+1){
	clear: left;
}

/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (max-width: 950px) {
	.cycle .row{
		padding:0;
	}
	
	.cycle .span-6{
		padding:0;
		width:100%;	
	}
	
	/* HOME tpl */
	#banner-container .overlay{
		position:relative;
		top:0;
	}
	
	#tpl-home #block-subscribe{
		padding-left:15px;
		background-image:none;
	}
	
	#tpl-home #right-bar{
		width: 100%;
		display: block;
	}
	
	#tpl-home .span-8{
		width: 100%;
		display: block;
	}
	
	#tpl-home #block-employer .block-employer-image-left,
	#tpl-home #block-employer .block-employer-image-right{
		width: calc(100% / 6);
		padding: 0 5px;
	}
	
	/* DEFAULT WIDE tpl */
	#tpl-default-wide .project-list .span-3{
		width:33.33%;
	}
	
	#jobs-button-container{
		float: none;
	}
	
	#jobs-share-container{
		float: none;
		display: block;
	}
	
	a.emprof-button{
		font-size: 12px;
	}

	.project-list .span-3:nth-child(4n+1){
		clear: none;
	}
	.project-list .span-3:nth-child(3n+1){
		clear: left;
	}
}

@media only screen and (max-width: 750px) {
	.row{
		padding: 0px;
	}
	
	#header-phone{
		position: absolute;
		left: 15px;
		top: 87px;
	}
	
	#header-phone strong{
		background-image: url('/img/header-phone.png');
		color: rgba(255,255,255,0.5);
	}
	
	#languages{
		margin-right: 10px;
	}
	
	#main-nav-switch{
		display: block;
	}
	
	#main-nav ul,
	#main-nav #header-home-button a{
		display: none;
	}
	
	#main-nav ul{
		border-top: 1px solid #ffffff;
		padding: 0 15px 20px 15px;
		z-index: 100;
		position: absolute;
		top: 45px;
		width: 100%;
	}
	
	#main-nav ul li ul{
		border: 0px;
		padding: 0;
	}
	
	#main-nav li{
		display: block;
		width: 100%;
		float: none;
	}
	
	#main-nav li a{
		line-height: 34px;
	}
	
	#main-nav li.nav-item-11 a,
	#main-nav li.nav-item-11 a.active,
	#main-nav li.nav-item-11 a:hover,
	#main-nav li.nav-item-33 a,
	#main-nav li.nav-item-33 a.active,
	#main-nav li.nav-item-33 a:hover{
		background: none;
		width: auto;
		height: auto;
		font-size: 16px;
		margin: 0px;
	}
	
	#main-nav li ul{
		background: transparent;
		position: relative;
		top: 0px;
	}
	
	#main-nav li ul li a{
		font-size: 14px;
		background-image: url('/img/li-emprof.png');
		background-repeat: no-repeat;
		background-position: left center;
		padding-left: 18px;
	}
	
	footer{
		padding-left: 5px;
		padding-right: 5px;
	}
	
	footer .span-4{
		width: 100%;
	}
	
	footer .span-1{
		width: 100%;
	}
	
	#footer-menus{
		display: none;
	}
	
	#footer-adress{
		margin-bottom: 10px;
	}
	
	#footer-follow p{
		float: left;
		line-height: 40px;
	}
	
	#footer-follow a{
		display: inline;
		float: left;
		margin-left: 10px;
	}
	
	#footer-copyright{
		margin-top: 10px;
	}
	
	/* HOME tpl */
	#tpl-home #block-employer .block-employer-image-left,
	#tpl-home #block-employer .block-employer-image-right{
		width: calc(100% / 3);
		padding: 0 5px;
	}
	
	#news-widget li div.span-4{
		width: 100%;
		padding: 0 30px;
	}
	
	a.emprof-blue-link.sales{
		margin-bottom: 20px;
	}
	
	.lady{
		margin-bottom: 10px;
	}
	
	/* DEFAULT tpl */
	#left-bar{
		display: none;
	}
	
	#tpl-default .span-6,
	#tpl-candidate .span-6,
	#tpl-employer .span-6{
		width:66.66%;
	}
	
	#tpl-default .span-3,
	#tpl-candidate .span-3,
	#tpl-employer .span-3{
		width:33.33%;
	}
	
	/* DEFAULT WIDE tpl */
	#tpl-default-wide .span-6{
		width: 100%;
	}
	
	#tpl-default-wide .project-list .span-3{
		width:50%;
	}
	
	/* JOBS tpl */
	#tpl-jobs .span-8{
		width: 100%;
	}
	
	#tpl-jobs .span-4{
		width: 100%;
	}
	
	#tpl-jobs #right-bar .side-banner{
		display: none;
	}
	
	#tpl-jobs #block-job-agent-long,
	#tpl-jobs #block-subscribe{
		width: 49%;
		float: left;
		margin-top: 20px;
	}
	
	#tpl-jobs #block-subscribe{
		float: right;
	}

	.project-list .span-3:nth-child(3n+1){
		clear: none;
	}
	.project-list .span-3:nth-child(2n+1){
		clear: left;
	}
}
@media only screen and (max-width: 550px) {
	/* HOME tpl */
	.home-container{
		margin-bottom: 40px;
	}
	
	#tpl-home #block-subscribe,
	#block-job-agent-long{
		margin-bottom: 20px;
	}
	
	.home-inner-block-right{
		position: relative;
		top: -1px;
	}
	
	.home-container a.emprof-blue-link{
		position: relative;
		display: block;
		top: 10px;
	}
	
	.home-container .home-inner-block-right h2{
		margin-top: 30px;
	}
	
	.home-inner-block-left,
	.home-inner-block-right{
		width: 100%;
		padding: 0px;
		margin-bottom: 0px;
	}
	
	#news-widget li div.span-4{
		padding: 0 10px;
	}
	
	/* DEFAULT tpl */
	#tpl-default .span-6,
	#tpl-candidate .span-6,
	#tpl-employer .span-6{
		width: 100%;
		display: block;
	}
	
	#tpl-default .span-3,
	#tpl-candidate .span-3,
	#tpl-employer .span-3{
		width: 100%;
	}
	
	#tpl-default #block-employer .block-employer-image-left,
	#tpl-default #block-employer .block-employer-image-right{
		width: calc(100% / 3);
		padding: 0 5px;
	}
	
	#right-bar #banner-container{
		display: none;
	}
	
	/* DEFAULT WIDE tpl */
	#tpl-default-wide .project-list .span-3{
		width:100%;
	}
	
	/* JOBS tpl */
	#tpl-jobs #block-job-agent-long,
	#tpl-jobs #block-subscribe{
		width: 100%;
		float: none;
	}
}
@media only screen and (max-width: 400px) {
		
	.frmb .btn-submit input[type="submit"], .frmb button {
		margin-left: 0;
	}
	
	.frmb li{
		display: block;
		margin-bottom: 10px;
		clear: both;
	}
	
	.frmb li label, .frmb li span, .frmb li input, .frmb textarea, form.frm-bldr div.alert{
		float: none;
		width: 100%;
		padding-bottom: 5px;
	}
	
	form.frm-bldr input[type="text"], form.frm-bldr select{
		width: 100%;
		max-width: none;
		min-width: inherit;
	}
	
	#search{	
		position:static;
	}
	
	#search_container{
		width:100%;
		right: 0;
		top: 36px;
	}
	
	#privacy-statement label{
		margin-left: 0;
	}
	
	.frm-bldr .error{
		display: block;
	}
	
	form.frm-bldr select{
		width:100%;
	}
}


@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /* Don't show links for images, or javascript/internal links */
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
	
	#tpl-jobs a:link:after, a:visited:after {
		content: "";
	}
	
	#tpl-jobs #top-nav,
	#tpl-jobs #main-nav,
	#tpl-jobs #banner-container,
	#tpl-jobs #breadcrumbs,
	#tpl-jobs #jobs-send-thanks,
	#tpl-jobs #jobs-footer,
	#tpl-jobs #right-bar,
	#tpl-jobs #footer-menus,
	#tpl-jobs #footer-adress,
	#tpl-jobs #footer-follow{
		display: none;
	}
	
	#tpl-jobs .max-text,
	#tpl-jobs .span-8{
		width: 100%;
	}
}