/* ------------------------------------------------------------+ 
 	- Main Vcon stylesheet, this sheet includes all others
 	- 
+--------------------------------------------------------------*/

/* ------------------------------------------------------------+ 
 												Imports
+--------------------------------------------------------------*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);
@import url(fonts.css);
@import url(global.css);
@import url(structure.css);
@import url(forms.css);
@import url(styledInfoTable.css);
@import url(utilities.css);

@import url(vacancies.css);
@import url(linkGroups.css);

@import url(header.css);
@import url(menu.css);
@import url(homepage.css);

/* ------------------------------------------------------------+ 
 												Headings
+--------------------------------------------------------------*/

h2, h3{
	font-size:20px;
	margin:0;
	padding:0;
	width:auto;
	width:100%;
	line-height:25px;
	color:#000;
}

h2.section-title-line{
	font-size: 36px;
	line-height: 45px;
	font-weight: bold;
}

h3.section-title-line{
	font-size: 26px;
	line-height: 32px;
}

h3{
	font-size: 24px;
}

H2 a{
	font-weight:normal;
}

H1.pageTitle{
	margin:0;
	color:#fff;
}

/* ------------------------------------------------------------+ 
 										Bespoke Build Styles								
+--------------------------------------------------------------*/
.socialNetworks{
	margin-top:17px;
}

.socialNetworks a{
	float:left;
	font-size:20px;
	font-weight:normal;
	padding-right:11px;
	

	color:#fff;	
	/*border-right: 1px solid #FFF;*/
	min-width:41px;
	text-align:center;
}
.socialNetworks a img{
border-radius: 5px;
overflow: hidden;
}

.footerCopy p{
	color: #FFF;
	text-align: right;
}

#top_holder_top .socialNetworks a{
	padding:7px;
}

#ftr_social .socialNetworks{
	border: 0px;	
}

#ftr_social .socialNetworks a{
	float: left;
font-size: 18px;
font-weight: normal;
padding: 0px 20px 0px 0px;
color: #fff;
border-right: 0px;
min-width: 20px;
text-align: left;	
}

#site_rightCol ul.ban_defaultFade{
	margin-left:0;
	margin-right:0;
}

#site_rightCol ul.ban_defaultFade li img{

}

#clientFiltering ul{
	margin:0;
	padding:0;
	list-style:none;
}

#clientFiltering ul li{
	list-style:none;
}

#featuredJobs{ background: #4D4E4E; }

#featuredJobs .title{
	width: 100%;
	text-align: center;
	color: #FFF;	
	margin-top: 20px;
	margin-bottom: 20px;
}

#featuredJobs .title h2{
	font-size: 38px;
	line-height: 42px;	
}

#featuredJobs ul li{
	float: left;	
	width: 	270px;
	margin-right: 30px;
}

#featuredJobs ul li:last-child{
	margin-right: 0px;	
}

#featuredJobs ul li .div_image{
	padding-top: 15px;
	padding-bottom: 15px;
	background: #FFF;	
}

#featuredJobs ul li{
	background: #EBE9EA;
}

#featuredJobs ul li .div_jobtitle,
#featuredJobs ul li .salary{
	padding-left: 10px;
	padding-right: 10px;
	font-size: 16px;
	padding-top: 5px;	
	padding-bottom: 5px;
	color: #4D4F4E;
}

#featuredJobs ul li .div_jobtitle a{
	color: #4D4F4E;
}

#featuredJobs ul li .salary{
	padding-top: 0px;
		
}

#featuredJobs ul li .salary .loc{
	margin-right: 15px;	
}

#featuredJobs .viewButtons{
	width: 100%;
	float: left;
	text-align: center;
	padding: 15px 0px 35px;	
}

#featuredJobs .viewButtons a{
	padding: 5px 20px;
	color: #FFF;
	background: #1B191A;
	border-radius: 5px;
	text-transform: uppercase;
	font-size: 18px;
}

#featuredJobs .title{
	background: url('../../gfx/underline_black.png') no-repeat bottom center;	
	padding-bottom: 15px;
}

#featuredJobs .viewButtons a:hover{
	text-decoration: underline;
}

#hpMainContent .title{
	background: url('../../gfx/underline_red.png') no-repeat bottom center;	
	padding-bottom: 15px;	
	margin-top: 30px;
}


#hpMainContent{
	background: #EAEAEA;	
}

#hpMainContent .maincontent .title h2{
		font-size: 40px;
		text-align: center;
		color: #2A2A2A;	
}




#hpMainContent .maincontent .content{
	float: left;
	width: 800px;
	margin-top: 20px;
	text-align: center;
	margin-left: 185px;	
	font-size: 16px;
}

#hpMainContent .sections{
	margin-bottom: 20px;
	float: left;
	width: 100%;
	margin-top: 40px;	
}

#hpMainContent .sections .title{
	padding-bottom: 0px;
	background: none;	
}

#hpMainContent .sections > div{
	background: #FFF;
	float: left;
	width: 370px;
	padding: 10px;
	position: relative;
	margin-right: 30px;
	-webkit-box-shadow: 0px 0px 5px 0.5px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 0px 5px 0.5px rgba(0,0,0,0.4);
box-shadow: 0px 0px 5px 0.5px rgba(0,0,0,0.4);
}

#hpMainContent .sections > div .roundIcon{
	position: absolute;
	left: 142px;
	top: -20px;	
}

#hpMainContent .sections > div:last-child{
	margin-right: 0px;	
}

#hpMainContent .sections > div .title{
	font-size: 18px;
	margin-bottom: 5px;
	margin-top: 80px;
		
}

#hpMainContent .cliLogos{
	float: left;
	margin-left: 85px;
	width: 1000px;	
	margin-bottom: 20px;
	margin-top: 20px;
}

#hpMainContent .cliLogos ul{
	margin: 0px !important;
	margin-right: 25px !important;
	width: 180px !important;
	float: left;
}


#hpMainContent .cliLogos ul:last-child{
	margin-right: 0px !important;
}


#hpBottomSection{
	background: url('../../gfx/footer_background.jpg') no-repeat;
	background-size: cover;
}

#hpBottomSection .image{
	float: left;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 35px;	
}

#hpBottomSection  .socialContent{
	margin-top: 40px;
	float: left;	
	font-size: 22px;
	line-height: 26px;
}

#hpBottomSection  .socialContent p{
	margin-bottom: 20px;	
}

#hpBottomSection  .socialContent h2{
	font-size: 50px;
	margin-bottom: 5px;
}

/* ------------------------------------------------------------+ 
 												News System
+--------------------------------------------------------------*/
.news_container {
	width:100%;
	margin-bottom:15px;
	margin-top:10px;
}
	
.news_container .newsHeading{  
	
}

.news_container .newsStrapline {
	margin-top:5px;
}

.news_container .newsDate {
	text-align:right;
	margin-top:5px;
}






 
 
table.captApply .manageDocsContainer #headerContainer,
table.captApply .manageDocsContainer #itemContainer{
	float: left;	
	width: 200px;
	margin-top: 10px;
}

.quickApply.button{
	padding-left: 20px;
	padding-right: 20px;
	color: #FFF;
	background: #272346;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 14px;
}

h2.bar{
	margin-bottom: 10px;
	background:#000;
	color: #fff;	
	line-height:39px;
	text-indent:15px;
	float:left;
	font-weight:700;
}

h2.bar.ext{
	margin-bottom:30px;
}

h2.bar span a{
	float:right;
	background:#0094d9;
	line-height:39px !important;
	padding:0 20px !important;
	text-indent:0px;
	font-weight:700;
	display:block;
	color:#fff;
	font-size:20px !important;
}

h2.bar span a:hover{
	background:#000;
}

#latestJobs ul{
	width: 100%;
	list-style: none;
	margin-left: 0px;	
}

#latestJobs ul li{
	float: left;
	list-style: none;
	width: 285px;	
	padding: 0px;
	margin: 0px;
	margin-left: 10px;
	background:#F8F6F7;
	height:430px;
}

#latestJobs ul li:first-child{
	margin-left:0;
}

#latestJobs #hp_advertBanner{
	width: 170px;
	margin: 0px;
	padding: 0px;
	padding-top: 10px;
	overflow: hidden;	
	background: #F6F4F5;
	border: 1px solid #BBBBBB;
}

#latestJobs #hp_advertBanner a{
	font-size: 20px !important;	
}

#latestJobs #hp_advertBanner a:hover span{
		color: #F06224 !important;
}

#latestJobs .div_image{
	border: 1px solid #F6F4F5;	
	background:#fff;
}

#latestJobs .div_jobtitle{
	margin-top: 10px;
	margin-bottom: 10px;
		padding:0 10px;
}

#latestJobs .div_jobtitle a{
	color: 	#000;
	font-size: 18px !important;
	font-weight:bold;
	
}

#latestJobs .salary,
#latestJobs .city{
	font-size: 14px;
	margin-bottom: 5px;
	padding:0 10px;
}

#latestJobs .city{
	margin-bottom: 10px;	
}

#latestJobs .div_jobDesc{
	padding:0 10px;
	font-size: 14px;
}

#latestNews *{
	color: #FFF;	
}

#latestNews .title{
	background: #FDBB4A;
	width: 200px;
	padding: 15px 0px;
	text-align: center;
	font-size: 20px;
}

#latestNews .content{
	background: #ED5A1A;
	width: 970px;
	height: 65px;
}

#latestNews .content ul{
	float: left;	
	height: 65px;
	padding: 10px;
	
}

#latestNews .content ul li{
	height: 45px;
	margin-bottom: 10px;
	overflow: hidden;
	padding: 0px;
}
#latestNews .content ul li a{
	float: left;
	width: 100%;
	font-weight: bold;	
}

#footerBar{
	background: url('../../gfx/footer_background.jpg') no-repeat;
	background-size: cover;
	float:left;
	width:100%;
	line-height:45px;
	color:#fff;
}

#footerBar a{
	color:#000;
}

#footerBar a:hover{
	text-decoration:underline;
}

#footerSection{
	float: left;
	width: 100%;
	height: 149px;
	background: #000;
	color: #FFF;
}

#footLogo{
	float: right;
	text-align: center;
	width:322px;
}

#footLogo .socialNetworks a{padding:0 0 0 11px;}

#foot_logo{
		float: right;
		width: 100%;
		margin: 10px 0 20px 0;
	}
	

	#foot_logo img{
		float:left;
		margin-left:37px;
	}
	
	#foot_social .socialNetworks{
		padding:0px;	
	}
	
	
	#footMenu > ul{
		width: 170px;
		margin-right: 30px;
		margin-top: 10px;	
	}
	#footMenu > ul > li{
		font-size: 16px;
	}
	
	#footMenu > ul > li.footerMenuItem{
		border-bottom: 1px solid #FFF;
		margin-bottom: 5px;
		font-size: 15px;
	}
	
	#footMenu > ul > li.footerMenuItem.header a, #footMenu > ul > li.footerMenuItem:first-child{
		font-weight: normal;
  font-size: 16px;
  padding-bottom: 5px;
  text-transform: uppercase;
	}
	
	#footMenu > ul a{
		color: 	#FFF;
		font-size: 13px;
	}
	
	#lowerFooterMenu li{
		margin-right: 15px;
		line-height:55px;
	}
	#lowerFooterMenu li a{
		color: #000;	
	}
	
	#lowerFooterMenu li a:hover, #designBy p a:hover, #footMenu > ul a:hover{
		text-decoration:none;
		color:#0094d9;
	}
	
	#lowerFooterMenu p, #designBy p{
		line-height:55px;
		margin:0;
		color: #000;
		padding:0;
	}
	
	#designBy{
		float: right;	
	}
	
	
	.page_container .mainContent.content_inner {
		float: left;
		width: 900px;	
		padding: 0px;
		margin-bottom: 10px;
	}

	.pageTitle{
	  float: left;
	  width: 100%;
	  background: #0094d9;
	  margin-top: 20px;
	  border: 0Px solid #0094d9;
	  border-bottom: none;
	  padding: 0px 10px;
	  margin-bottom: 10px;
	}
	
	.pageTitle h1{
		color: #fff;
	  font-size: 18px;
	  line-height: 35px;
	  height: 35px;
	  padding: 0px 0px 0px 0px;
	  font-weight: normal;
	  float: left;
	  width: 100%;
	  overflow: hidden;
	}
	
	#topHolder{
		position: fixed;
		z-index: 9999;
		float: left;
		width: 100%;
		background: #FFF;	
	}
	
	#underscroller{
		margin-top: 254px;
		float: left;
		width: 100%;
		clear: both;	
	}
	
	
	#latestJobs #col_latestJobs .div_image{
		/* background: #FDBB49; */
	}
	
	#latestJobs #col_latestJobs .div_image img{
			height: 150px !important;
			margin: 0 0 10px 0	;
	}
	
	/*Can List*/
.canListDetails {
	float: left;
	margin-bottom: 10px;	
}

.canListDetails .photo{
	float:left;
	width:220px;
	height:auto;
}

.canListDetails .photo img{
	max-width:200px;
}

.canListDetails .right_col{
	float:left;
	width:100%;
	height:auto;
}

.canListDetails div.fullWidth{
	margin-top:10px;
	float:left;
}

.canListDetails div.fullWidth DIV{ 
	width: 50%;
	float: left;	
}

.canListDetails div.fullWidth DIV DIV{
	width: 60%;
}

.canListDetails div.fullWidth DIV.sector{
	width:100%;
}

.canListDetails .header{
	font-weight: bold;
}

/*
.canListDetails > div > div{
	font-size: 14px;
	width: 45%;		
	float: left;
}*/

.canListDetails .info2{
	float:left;
	width:100%;
	height:auto;
	margin-top:20px;
}

.canListDetails div.fullWidth DIV DIV.header{
	float: left;	
	color: #fff;
	width: 40%;
	background:#666;
	padding:3px 5px;
}

.canListDetails div.fullWidth DIV.sector DIV.header{
		width: 20%;
}

.canListDetails div.fullWidth DIV DIV.content{
	background:#e4e4e4;
	color:#666;
	padding:3px 5px;
}

.canListDetails div.fullWidth DIV.sector DIV.content{
		width:80%;
}

.feat .canListDetails div.fullWidth DIV DIV.header{
	background:#0094d9;
	color:#fff;
	padding:3px 5px;
}

.feat .canListDetails div.fullWidth DIV DIV.content{
	background:#e4e4e4;
	color:#666;
	padding:3px 5px;
}



.canListDetails div.fullWidth{
	margin-top:3px !important;
}

.canResult{
	float:left;
	width:100%;
	padding-top: 10px;
	height:auto; 
	margin-bottom:20px;
	background:#fff;
	border:solid 1px #0094d9;
	border-radius: 5px;
}

.canResult .title{
	float: left;
	padding-bottom: 0px;
	font-size: 20px;
	color: #0094d9;
}

.canResult .title span{
	font-size: 16px;	
	font-weight: bold;
	color: #0094d9;
	float: right;
	padding-top: 10px;
}

.canResult .title span.viewedTick font{
	background: #0094d9;
	color: #FFF;	
	padding: 3px 10px;
	border-radius: 5px;
	font-weight: normal;
}

.canResult .resultNavCol{
	float: left;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
}

.canResult .resultNavCol .options{
	float: right;	
}

.canResult .resultNavCol a{
	color: #FFF;
	background: #0094d9;
	border-radius: 4px;
	margin-left: 10px;
	padding: 2px 10px;
	border: 1px solid #0094d9;
}

.canResult .resultNavCol a:hover{
	text-decoration: none;
	background: #FFF;
	color: #0094d9;	
}

.canResult.feat{
	border:solid 1px #0094d9;
	background:url(../../gfx/premiummember_black.png) 10px bottom no-repeat;
}



.canResult.feat .canListDetails {
	width: 100%;
	float: left;
	margin-bottom: 10px;	
	
}

#site_rightCol .banSize_170_90{
	margin: 5px 33px !important; 	
}


 #modal-background {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: white;
        opacity: .50;
        -webkit-opacity: .5;
        -moz-opacity: .5;
        filter: alpha(opacity=50);
        z-index: 1000;
    }
    
    #modal-content {
           background-color: white;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    box-shadow: 0 0 20px 0 #222;
    -webkit-box-shadow: 0 0 20px 0 #222;
    -moz-box-shadow: 0 0 20px 0 #222;
    display: none;
    height: auto;
    left: 50%;
    margin: -170px 0 0 -100px;
    padding: 10px;
    position: absolute;
    top: 0px;
    width: 463px;
    z-index: 1000;
    }

    #modal-background.active, #modal-content.active {
        display: block;
    }
    

    .sidebar-canDetails .lvl2 .header{
			font-weight: bold;
			margin-bottom: 0px;
			color: #0094d9;
    }
    .sidebar-canDetails .lvl2 .content{
    	
    }
    
    .sidebar-canDetails .featBG{
    		height: 37px;
	  		width: 251px;
	  		margin-left: -10px;
	  		margin-bottom: 10px;
    }
    
    .sidebar-canDetails .featBG.on{
   		background: url(../../gfx/premiummember_black.png) 10px bottom no-repeat;
    	background-size: 96%;
    }
    
    .sidebar-canDetails .featBG.off{
    	background: #FFF;
    }
    
    
    .canProfile_Page h1{
    	  color: #0094d9;
			  margin-top: 0px;
			  padding: 0px;
			  line-height: 36px;
			  padding: 0px;
			  margin-bottom: 10px;
    	font-weight: bold;
    	font-size: 32px;
    }
    
	.canProfile_Page > div > .row{
		border-bottom: 1px solid #CCC;
	}


    .canProfile_Page .title h3{
    	font-size: 18px;
    	padding-top: 10px;
    	padding-bottom: 18px;
    	font-weight: normal;
    	color: #1B455E;
    }

    .canProfile_Page .title{
    	margin-top: 10px;
    }

    .canProfile_Page .content li{
    	width: auto;
    	padding: 5px 10px;
    	float: left;
    	background: #0094d9;
    	color: #FFF;
    	margin-right: 10px;
    	margin-top: 10px;
    	text-align: center;
    	margin-bottom: 10px;
			border-radius: 5px;
    }
    
    .canSearchForm .formRow{
    	width: 100%;
    	float: left;
    	margin-bottom: 10px;
    }
    
    .canSearchForm .label{
    		float: left;
    		width: 20%;
    }
    
    .canSearchForm .content{
    	float: left;
    	width: 80%;	
    }
    
    .canSearchForm .content .lvl1{
    	margin-bottom: 10px;	
    }
    
    .canSearchForm select{
    	width: 100%;	
    }
    
    #searchParameters > a.buttonMed{
    		float: right;
    }
    
    #searchParameters > .content a.smallCloseBtn{
    	background: #0094d9;
    	float: right;
    	padding: 2px;
    	padding-top: 0px;
    	padding-bottom:0px;
    	padding-right: 5px;
    	border-radius: 10px;
    }
    
    #searchParameters > .content a.smallCloseBtn:after{
    	content: "X";	
    	color: #FFF;
    }



    .ScreeningQust a{

    	border: 2px solid #0094d9;
    	float: left;
    	margin-right: 10px;
    	border-radius: 5px;
    	    background: none;
			    padding: 10px 35px;
			    color: #838383;
			    text-align: center;
			    display: inline-block;
			    border: solid 1px #0094d9;
			    border-radius: 5px;
					text-decoration: none;

    	
    }

    .ScreeningQust.active a{
    	background: #0094d9;
    	color: #FFF;
    }




    .advSection1{
    	margin-top:-690px;
    	padding-left: 15px;
    	padding-right: 15px;
    	position:relative;
    	z-index: 20;
    }

    .advSection1 .advText{
    	width: 100%;
    	float: left;
    	padding: 10px;
    	background: rgba(255,255,255,0.7);
    	border-radius: 10px;
    	margin-bottom: 50px;
    }

    .advText .button{
    	padding: 5px 50px;
    	font-size: 24px;
    	color: #FFF !important;
    	background: #0094d9;
    	font-weight: bold;
    	border-radius: 10px;
    }
		
		.advText .button a{
			color: #FFF !important;
			font-size: 18px !important;
		}

		.advFeatAdverts .advFeatTitle{
			background: none;
		}

    .advSection1 .advFeatAdverts .advFeatTitle{
			text-align:center;
			margin-bottom: 20px;
			width: 100%;
    }

    .advSection1 .advFeatAdverts .advFeatTitle h3{
    	background: #0094d9;
    	color: #FFF;
    	font-size: 20px;
    	padding: 5px 15px;
    	display: inline;
    	border-radius: 5px;
    	margin-bottom: 10px;
    }

    .advSection1 .advFeatAdverts .package{
    	float: left;
    	border-radius: 10px;
    	overflow: hidden;
    	margin-bottom: 60px;
    }

    .advSection1 .advFeatAdverts .package .inner{
    	background: rgba(255,255,255,0.8);
    	height: 475px;
    }

    

    .advSection1 .advFeatAdverts .package .title{
    	height: 130px;
    	padding-top: 10px;
    	padding-left: 10px;
    	padding-right: 10px;
    	text-align: center;
    	color: #FFF;
    }

    .advSection1 .advFeatAdverts .package .title h3{
    	height: 30px;
    	font-size: 20px;
    }

		.advSection1 .advFeatAdverts .package .title .price{
			text-align: center;
    	border-top: 1px solid;
    	font-size: 34px;
    	padding-top: 22px;
		}
		.advSection1 .advFeatAdverts .package .title .price span{
			font-size: 14px;
			position: relative;
			top: -13px;
		}

    .advSection1 .advFeatAdverts .package.item1 .title{
    	background: url(../../gfx/payment_page_top_light_green.png) center top no-repeat;
    	padding-top: 10px;
    	padding-left: 10px;
    	padding-right: 10px;
    }

    .advSection1 .advFeatAdverts .package.item2 .title{
    	background: url(../../gfx/payment_page_top_dark_green.png) center top no-repeat;
    }

    .advSection1 .advFeatAdverts .package.item3 .title{
    	background: url(../../gfx/payment_page_top_purple.png) center top no-repeat;
    }

    .advSection1 .advFeatAdverts .package .desc{
    	padding-left: 10px;
    	padding-right: 10px;
    	padding-bottom: 10px;
    	height: 300px;
    	text-align: center;
    	font-weight: bold;
    	color: #333;
    }

	

    .advSection1 .advFeatAdverts .package .desc ul li{
    	text-align: left;
    	margin-left: 35px;
    	font-size: 14px;
    	line-height: 20px;
    	list-style-image: url(../../gfx/payment_page_tick_green.png);
    }

    .advSection1 .advFeatAdverts .package.item3 .desc ul li{
    	list-style-image: url(../../gfx/payment_page_tick_purple.png);
    }


    .advSection1 .advFeatAdverts .package .button{
    	width: 100%;
    	text-align: center;
    	margin-bottom: 20px;
    }
    
    .advSection1 .advFeatAdverts .package .button a{
    	display: inline;
    	color: #FFF;
    	padding: 7px 20px;
    	font-size: 18px !important;
    	border-radius: 5px;
    }
		
		.advSection1 .advFeatAdverts .package.item1 .button a{
			background: #0094d9;
		}

		.advSection1 .advFeatAdverts .package.item2 .button a{
			background: #0094d9;
		}

		.advSection1 .advFeatAdverts .package.item3 .button a{
			background: #0094d9;
		}


		.advFeatItems .advFeatItem{
			float: left;
			background: #E5E5E5;
			margin-left: 25px;
			width: 208px;
			border-radius: 10px;
		}

		.advFeatItems .advFeatItem .title{
			height: 70px;
			padding-top: 10px;
			padding-left: 10px;
			padding-right: 10px;
			text-align: center;
			font-size: 18px;
			color: #0094d9;
		}

		.advFeatItems .advFeatItem .content{
			height: 100px;
		}

		.advFeatItems .advFeatItem.item1{
			margin-left: 0px;
		}


		.advFeatTitle,
		.advBannerTitle{
			background:#0094d9;
			text-align: center;
			width: 100%;
			float: left;
			padding: 10px;
			font-size: 20px;
			color: #FFF;
			margin-bottom: 20px;
		}	


		.advBanners .ban_defaultFade{
			margin-left: 32px;
		}

		.advBanners{
			margin-bottom: 10px;
			float: left;
			width: 100%;
		}


	



.cke_reset html, 
.cke_reset html .cke_editable{
	height: 100% !important;
}