@import url(http://fonts.googleapis.com/css?family=Roboto);
/*<===[[GENERAL CLASSES]]===>*/	

	body{
		/*background: url('/images/newbackground.jpg');*//*uitgezet 12-12-2014 wouter*/
		background: url('/images/wolter_sneeuw.jpg');/*aangezet 12-12-2014 wouter*/
		background-size: 100% 100%;
		margin: 72px 0px 0px 0px;
		background-position: center -20px;
		background-attachment: fixed;
		background-repeat: no-repeat;
		font-family: 'Roboto', Arial;
}

	/*Adjust the color of boxes*/
	.box,
	div.post_single_job1_div_left, div.post_single_job1_div, div.post_single_job1_div_left_bottom, div.post_single_job2_div, div.post_single_job3_box_left, div.post_single_job3_box, div.post_single_job3_gateway, div.register_employer_div_left, div.register_employer_div, div.register_employer2_div_left, div.register_employer2_div, div.register_seeker_div, div.register_seeker2_div_left, div.register_seeker2_div_left_bottom, div.register_seeker2_div, div.register_seeker2_div_bottom, div.front_qs, .qs_secondary_form,div.quick_search_box, div.edit_preferences_div, div.resume_searches_div, div.billing_confirm_div, div.resume_search_box, div.multiple_postings_div, div.advanced_resume_search_div, div.advanced_search_div, div.save_search_with_radio_div, div.job_agent_div_left, div.job_agent_div, div.mass_box, div.contact_us_div, .regular_box, div.workexp_box_title, div.desired_employment_box_title, div.education_box_title, div.view_profile_resumes_title, div.seeker_quick_search, div.seeker_narrow, div.register_seeker2_div_upload, div.wizard_contact_div_left, div.wizard_obj_box, div.wizard_edu_box, div.wizard_exp_box, div.view_profile_name_box, .job_type_box_td, div.view_profile_video_box, div.register_employer_box  {
		background-color: #FBFAF9;
		border: none;
	}
	div#socialShare{
		position:relative;
		width:20px;
		float: left;
		left:-90px;
		top: -165px;
		display:inline-block;
		margin-bottom: -160px;
		margin-right: -20px;
		z-index: 11;
}
		div.socialShareImg{
			padding-bottom: 3px;
			z-index: 28;
}
	img.profilePicture {
		border-radius: 50%;
		padding: 5px;
		background: #FFF;
		box-shadow: inset 0px 0px 7px -2px #AAA;
		background-color:#f3f3f3;
		transition: all 0.2s ease-in;
	}
	
	img.profilePicture:hover {
		box-shadow: inset 0px 0px 5px 0px #09F;
	}
	
img.sign_in_right_image {
	background: #fbfaf9;
	border: 1px solid #ECECEC;
	box-shadow: 0px 0px 7px -2px #AAA;
	border-radius: 3px;
	width: 250px;
	min-height: 20px;
	margin-top:20px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 10px;
}
		
div.signup_box_image{
	position: relative;
	top: -35px;
	float: right;
	right: 15px;	
}
	
	.eventlinePost:hover img.profilePicture, .sidebar:hover img.profilePicture, .eventlinePostCommentHolder:hover img.profilePicture, .eventlinePostCommentReactionHolder:hover img.profilePicture {
		box-shadow: inset 0px 0px 7px -1px #09F;
	}
	
	div.sidebarLinks > div > a > img.profilePicture:hover {
		-moz-transform: scaleX(-1);
		-o-transform: scaleX(-1);
		-webkit-transform: scaleX(-1);
		transform: scaleX(-1);
		filter: FlipH;
		-ms-filter: "FlipH";
	}
		
	/*alle rounding/shadow aanpassingen*/	
	.eventlinePost, .eventlineUpdate, .eventlineMenu, .eventlineSuggest, .jobrollitem, .sidebar {
		border-radius: 5px!important;	
		z-index:8;
		position:relative;
	}
	
	.eventlineComment{
		position:relative;
		z-index:15;		
		/*
		-moz-border-radius: 0 0 3px 3px!important;
		border-radius:  0 0 3px 3px !important;
		-moz-box-shadow: 0px 0px 7px -2px #AAA;
		-webkit-box-shadow: 0px 0px 7px -2px #AAA;
		box-shadow: 0px 0px 7px -2px #AAA;
		*/
								border: 1px solid #000000;
								border-radius: 3px 3px 3px 3px;
	}
	
	.eventlinePostCommentHolder
	{
	position:relative;
	z-index:10;
	background-color:#f3f3f3;
	/*	-moz-box-shadow: 1px 1px 3px #AAA;
	-webkit-box-shadow: 1px 1px 3px #AAA;
	box-shadow: 1px 1px 3px #AAA; */
	width: 525px;
	border: 1px solid #000000;
	border-radius: 3px 3px 3px 3px;
								
	}
	.eventlineHeaderHolder{
	background-color: #FF0000;
	-moz-box-shadow: 1px 1px 3px #AAA;
	-webkit-box-shadow: 1px 1px 3px #AAA;
	box-shadow: 1px 1px 3px #AAA;
	float: left;
	height: 100px;
	position: absolute;
	}
	.eventlinePostCommentReactionHolder{
		
		position:relative;
		background-color:#f3f3f3;
	}
	
	.jobrolli, .jobrollitem{
		width:230px!important;		
	}
	/*einde rounding/shadow aanpassingen*/
	
	/*breedte aanpassingen*/
	
	.page, .header_logo{
		width:1005px !important;	
	}
	.top_icons{
		padding-left:1px;
	}
	/*einde breedte aanpassingen*/
	div.logo-beta {
		font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
		font-size: 24px;
		position: absolute;
		top: 45px;
		right: -905px;
		font-weight: bold;
		color: rgb(255, 255, 255);
		width: 600px;
	}
	
	div.post_job_container	{
		width:790px;
		float:left;
	}
	/*Main caption (usually page titles)*/
.mainpage{
	width: 799px;
	text-align: left;
	position: relative;
	float: left;
	opacity: 1;
	background-color: white;
	padding: 15px 0px 10px 15px;
	margin-top : -15px;
	border: 0px solid #ECECEC;
	border-radius: 4px;
}
	h1 {
	font-family:Arial, Helvetica, sans-serif;
	padding-top: 10px;
	padding-bottom: 10px;
	border-radius: 3px;
	text-align: left;
	color: #B8B6B6;
	letter-spacing: 0px;
	line-height: 1.5;
	margin-left: -1px;
	margin-right: -1px;
	margin-top: 2px;
	margin-bottom: 10px;
	font-size: 18px;
	padding: 0px 0px 0px 0px;
	font-weight: bold;
/*border-radius: 2px 2px 2px 2px;
	box-shadow: 0px 0px 7px -2px #AAAAAA;
	height: 20px;*/
	}
	/*Big caption (usually box titles)*/
	h2{
	color: #1D1D1D;
	font-size: 16px;
	font-weight: 300;
	letter-spacing: 0px;
	padding: 0px 0px 10px 0px;
	}
	/*Smaller caption (usually important text inside boxes)*/
	h3 {
	color: #B8B6B6;
	letter-spacing: 0px;
	font-size: 14px;	/*border-bottom: 1px solid #e9e9e9;
		line-height: 1.5;*/
	}
	textarea{
		font: 13px/1.5em Arial, Verdana, sans-serif;
	}
	/*Links color*/
	a {
		color: #464646;
	
		font-size: 13px;
}
	/*Onmouseover link style*/
	a:hover {
		text-decoration: underline;
		color: #09F;
	}
	a.box {
		display: block;
		position: relative;
		float: right;
		margin: 10px 10px 0px 0px;
		padding: 3px 10px;
		background: #599EB9;
		color: #FFF;
		font-weight: bold;
		border-radius: 3px;
		text-decoration: none;
	}
	/* The color and style of error text (Non webjob 07-03-'12 Shafied) */
	span.error_text {
		color: #CC0000;
		font-weight: bold;
	}
	/*Increase distance between page and menu*/
	/*  */
	div.page, div.page1 {
	    
	
		z-index: 90005;
		top: 48px;
		/* position: absolute; */
}
	/*input based button*/
	div.front_qs form input.button_submit,input.button_reset, .quicksearch #search input, .employer_search_submit input, a.apply, input.apply_for_job_guest[type=submit], input[type=submit],input[type=reset], div.button, a.button {
		
		/* background-color: #599EB9; */ background-color: #599EB9;	
		/* border: 0px solid #599EB9; */ border: 0px solid #599EB9;
		font-size: 12px;
		font-weight: bold;
		color: #fff;
		padding: 5px 10px 5px 10px;
		cursor: pointer;
		box-shadow: 0px 0px 7px -2px #AAA;
		border-radius: 3px;
	}	
	a.profile_link {
		font-weight: bold;
	}
	div.advertisingBarHor{
		background: #fbfaf9;
		border-radius: 3px;
		text-align: center;
		box-shadow: 0px 0px 0px 0px #AAA;
		margin-right: 2px;
		padding: 5px 0px;
		border: 1px solid #000000;
		position: relative;
		float: left;
		width: 765px;
		margin-top: 25px;
		margin-bottom: 25px;
	}
/*===>[[GENERAL CLASSES]]<===*/


/*<===[[REGISTER SEEKER]]===>*/

/*<===[[REGISTER SEEKER]]===>*/
	div.register_container {
		position: relative;
	}
	div.registerSeekerContainer {
	width: 970px;
	text-align: left;
	position: relative;
	background-color: #FBFAF9;
	padding: 12px;
	margin-bottom: 10px;
	border: 1px solid #000000;
	border-radius: 3px 3px 3px 3px;

	}
	div.short_register_seeker_wrapper {
		width: 1000px;
		position: relative;
	}
	div.import_contacts_box {
		position: absolute;
		width: 400px;
		top: 40px;
		right: 0px;
	}
	div.social_regcontainer	{
		position: absolute;
		right: 165px;
		top: 140px;
		width: 200px;
		z-index: 1;
	}
	div.social_reg1	{
		float:left;
		margin:5px;
	}
	div.social_reg2	{
		float:left;
		margin:5px;
	}
	div.social_reg3	{
		float:left;
		margin:5px;
	}
	div.social_reg4	{
		float:left;
		margin:5px;
	}

	/*{{form}} --->*/
		#register_form {
			width: 1000px;
		}
		#register_form legend {
			padding: 20px 0 10px;
			font-size: 16px;
			font-weight: bold;
		}
		#register_form select {
			padding: 1px 0px 2px;
			margin-top: 2px;
			border: solid 1px #D3D3D3;
		}
		div.register_employer_short_div_left > * > div{
			position: relative;
			float: left;
		}
		div.register_employer_short_div_left {
			width: 500px;
		}
		div.register_email {
			width: 100%;
		}
		div.register_password, div.register_confirm_password, div.register_country, div.register_state, div.register_phone {
			width: 245px;
		}
		div.register_firstname, div.register_lastname {
			width: 190px
		}
		div.register_initial {
			width: 110px;
		}
		div.register_sex {
		width: 242px;
		}
		input[type="text"].register_email, input[type=password].register_confirm_password, input[type=password].register_password,  input[type="text"].register_state, input[type="text"].register_phone{
			width: 220px;
			margin-bottom: 4px;
			padding: 1px 5px;
		}
		input[type="text"].register_firstname, input[type="text"].register_lastname {
			width: 165px;
			margin-bottom: 4px;
			padding: 1px 5px;
		}
		input[type="text"].register_initial {
			width: 85px;
			margin-bottom: 4px;
			padding: 1px 5px;
		}
		div.register_birth > fieldset.register_birth > legend {
			padding: 0px !important;
			font-size: 13px !important;
			font-weight: bold;
		}
		div.register_birth {
			width: 234px;
			margin-right: 13px;
		}
		div.register_birth select {
			margin: 1px 0px;
		}
		div.register_day {
			position: relative;
			float: left;
			margin-right: 12px;
		}
		div.register_month {
			position: relative;
			float: left;
			margin-right: 5px;
		}
		select.register_month {
			width: 108px;
		}
		div.register_year {
			position: relative;
			float: right;
		}
		select.register_sex {
			width: 60x;
		}
		div.register_street {
			width: 335px;
		}
		input[type="text"].register_street {
			width: 320px;
		}
		div.div.register_housenumber {
			width: 155px;
		}
		input[type="text"].register_housenumber {
			width: 140px;
		}
		div.register_zip {
			width: 170px;
		}
		input[type="text"].register_zip {
			width: 155px;
		}
		div.register_city {
			width: 320px
		}
		input[type="text"].register_city {
			width: 305px;
		}
		select.register_country {
			width: 230px;
		}
		div.register_looking_for_job, div.register_functie_titel, div.register_job_category1 {
			width: 100%;
		}
		select.register_looking_for_job, input[type="text"].register_functie_titel, select.register_job_category1 {
			width: 245px;
		}
		div.register_button_2_submit {
			text-align: left;
			margin-right: 4px;
		}
		span.register_terms {
			font-size: 10px;
		}
	/*<--- {{form}}*/	
			
/*===>[[REGISTER EMPLOYER]]<===*/
	div.register_employerOWN	{   
		background-color: #fbfaf9;
		border: none;
	}
	div.register_employer_wj {
		float: none;
		width: 450px;
		float: left;
		background: #fbfaf9;
		padding: 10px;
	}
	div.register_employer_wj_1{
		float: none;
		width: 450px;
		float: left;
		background: #fbfaf9;
		padding: 10px;
		margin-right: 20px;
	}
/*===>[[REGISTER EMPLOYER]]<===*/



/*<===[[MENU AND SUBMENU]]===>*/

	/*{{menu}} --->*/
		#main_tab {
		    text-align: left;
		    width: 740px;
		    margin: auto;
		    margin-top: 0px;
		    font-size: 16px;
		    line-height: 8px;
		    font-weight: bold;
		    overflow: auto;
		    display: inline-block;
		}
		#main_tab ul {
		    margin: 0;
		    padding: 0;
		    list-style: none;
			overflow: auto;
			background-color: #fbfaf9;
			width: 100%;
		}
		#main_tab li {
			float: left;
			background: #fbfaf9 no-repeat left top;
			padding: 2px 0 2px 8px;
		}
		#main_tab .navigation {
			width: 480px;
			float: left;
		}
		#main_tab .rightside {
			float: right;
			width: 260px;
		}
		#main_tab .rightside li {
			float:right;
		}
		li#employer {
			background-color: #fbfaf9;	
		}
		/*Highlight "employer" and "employer directory" tabs*/
		#main_tab li.last {
			background-color: #3477b2;
			border-left: 2px solid white;
			padding: 2px 10px 2px 20px;
		}
		#main_tab a {
		  display: block;
		  padding: 5px 0px 10px 10px;


		  font-size: 14px;
		  color: #595959;
		  text-decoration: none;
		}
		#main_tab a:hover {
			text-decoration: underline;
		}
		#main_tab #current {
		  background: #fbfaf9 none no-repeat left top;
		}
		#main_tab #current a {
			color: #595959;
			text-decoration: underline;
		}
	/*<--- {{menu}}*/	
	
	/*{{submenu}} --->*/	
		#submenu li {
	        display: inline;
	        line-height: 200%;
	        list-style: none;
	  64px      text-align: center;
	         padding: 0 15px 3px 15px;
		}
		#submenu {
	        width: 960px;
	        margin: auto;
			margin-bottom: 20px;
	        /*border-right: 0px solid #d1d1d1;*/
	        /*border-left: 0px solid #d1d1d1;*/
			/*border-bottom: 1px solid #d1d1d1;*/
			padding: 1px 0  1px 0;
	        text-align: left;
	        color: #FBFAF9;
	        font-size: 12px;
	        line-height: 14px;
			background: #FFF; /* IE10+ */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#FFFFFF',GradientType=0 ); /* W3C */
		}
		div.header_sub_menu {
			width: 900px;
			margin: auto;
		}
		#submenu a {
		    border: none;
		    padding: 5px 5px 5px 5px;
		    vertical-align: middle;
		    font-weight: bold;
			color: #595959;
			text-decoration: none;
			font-size: 11px;
		}
		#submenu a:hover {
        	background: #FFF;
	        color: #595959;
    	    padding: 5px 5px 5px 5px;
			text-decoration: underline;
		}
		#submenu .current {
			color: #fdaf17;
			font-weight: bold;
			text-decoration: none;
			vertical-align: middle;
		}
	/*<--- {{submenu}}*/
	
/*===>[[MENU AND SUBMENU]]<===*/




/*<===[[INDEX PAGE]]===>*/

	/*{{Tagcloud layout}} --->*/
		
		/*Tagcloud specific layout*/
		#tagcloud {
			-moz-box-shadow: 0px 0px 7px -2px #AAA;
			-webkit-box-shadow: 0px 0px 7px -2px #AAA;
			box-shadow: 0px 0px 7px -2px #AAA;
			border-radius:3px;
			position: relative;
			background-color:#FFF;
			float: right;
			width: 225px;
			color:#599EB9;
			padding: 2px;
			border: 0px solid #FFF;
			text-align:center;
			margin-top: 85px;
			margin-right: 5px;
		}
		#tagcloud a:link, #tagcloud a:visited {
			text-decoration:none;
			color: #0055aa;
		}
		#tagcloud a:hover {
			text-decoration: underline;
		}
		#tagcloud span {
			padding: 4px;
		}
		#tagcloud .smallest {
			font-size: x-small;
		}
		#tagcloud .small {
			font-size: small;
		}
		#tagcloud .medium {
			font-size:medium;
		}
		#tagcloud .large {
			font-size:larger;
		}
		#tagcloud .largest {
			font-size:large;
		}
	/*{{Tagcloud layout}} --->*/
	
	/*{{index layout}} --->*/
	
		/*Special theme-specific layout for featured employers box (line of logos)*/
		.featured_box {
			margin: 30px 0 20px 0;
			background: transparent;
			float: none;
			clear: both;
			width: 100%;
			display: inline-block;
			padding: 10px 0 10px 0;	
			border-top: 1px solid #d2d2d2;
			border-bottom: 1px solid #d2d2d2;	
		}
		/*Info box on the right side of the index page (theme specific)*/
		div.cta {
			width: 402px;
			float: right;
			margin-top: 0px;
			border: 0px solid #e9e9e9;
			/* line-height: 1.4em; */
		}
		/*Separate info box seactions (theme specific)*/
		div.cta .break {
			height: 10px;
			clear: both;
			float: none;
		}
		/*Adjust aling of the theme specific info box content*/
		.cta ul{
			padding: 0 0 0 20px;	
		}
		/*Custom color for the theme specific info box content*/
		.cta li {
			color: #878787;		
		}
		/*This allows to place the .cta box on the right side of index page*/
		div.browse.index {
			width: 940px;	
			float: left;
			overflow: auto;
		}
		/*Position "Select jobs by category/state/ect" sections*/
		ul.odd, ul.even {
			float: left;
			list-style-type: none;
			padding: 0 29px 0 0;
			margin: 0;
		}
		/*Add some space between "Select jobs by category/state/ect" sections so that they don't cling together*/
		ul.odd li, ul.even li {
			padding: 6px 0 0 0;
		}
		div.page_bar{
			background-color: #599EB9; 
			width: 100%; 
			height: auto; 
		}
		/*Adjsut the size of latest jobs box on index page so that a potential banner can be fitted next to it*/
		div#latest_jobs_box {
			margin: 20px 0 0 0;
			width: 720px;
		}
		div.jobs_left {
			position:relative;
			float: left;
			width: 225px;
			margin-right: 20px;
			margin-bottom: 30px;
		}
		div.jobs_right {
			position:relative;
			float: left;
			width: 225px;
			margin-bottom: 30px;
		}
		div.jobs_holder {
			position: relative;
			float: left;
			width: 477px;
		}
		div.jobbies  	{
			font-size: 12px;
			padding: 10px;
			text-align: left;
			vertical-align: middle;
			width:500px;
			float:left;
		}
		div.socialcv_logo {
			text-align: center;
		}
		div.jobroll {
			float: right;
			width: 250px;
		}
		div.jobroll_holder {
			margin: auto;
			overflow: auto;
		}
	/*<-- {{index layout}}*/
	
	/*{{index form}} --->*/	
		/*Position and style the theme-specific index seach form*/
		div.quicksearch {
			padding: 0px;
			background-color: transparent;
			margin: 0 0 20px 0;
			overflow: auto;
			width: 940px;
			float: left;
		}
		/*Position the fields of theme-specific index seach form*/
		div.index div.quicksearch #keywords, div.index div.quicksearch #location, div.index div.quicksearch #search, div.index div.quicksearch #distance {
			float: left;
			margin-right: 10px;
		}
		/*Position zip radius field of theme-specific index seach form*/
		div.index div.quicksearch #distance {
			margin: 20px 10px 0 0;
		}
		/*Special color for the tooltip-like text64pxs in the theme-specific index seach form*/
		.quicksearch .description {
			font-size: 11px;
			color: #a2a2a2;
		}
		/*Style the field labels of the theme-specific index seach form*/
		.quicksearch div.label {
			font-weight: bold;
			font-size: 20px;
		}
		.quicksearch #search input, .employer_search_submit input, a.apply, input.apply_for_job_guest[type=submit] {
			margin: 18px 0 0 0;
			background-color: #599EB9;
			border: 0px solid #000;
			font-size: 20px;
			font-weight: bold;
			color: #fff;
			padding: 2px 10px 2px 5x;
		}
	/*<-- {{index form}}*/
	
	/*{{Sticky Footer}} --->*/	
/*		#footer_reg { 
			position: fixed;
			bottom:0px;
			right:60px;
			widht:120px;
			height:35px;
			color:#FFF;
			background-color:#599EB9;
			font-size: 36px;
			font-family:"Comic Sans MS";
			padding-top: 10px;
			padding-left:5px;
			padding-right:5px;
			border-top-left-radius: 4px;
			border-top-right-radius: 4px;
		} 
*/		
		/* CLEAR FIX*/
/*		.clearfix:after {
			content: ".";
			display: block;
			height: 0;
			clear: both;
			visibility: hidden;
		}
		.clearfix {
			display: inline-block;
		}
*/		
		/* Hides from IE-mac \*/
/*		
		.clearfix {
			height: 1%;
		}
		.clearfix {
			display: block;
		}
*/		
		/* End hide from IE-mac */
	/*<-- {{Sticky Footer}}*/
		
/*===>[[INDEX PAGE]]<===*/	

	div.suggest {
		height:240px;
		width:270px;
		/*float:left;*/
	}
/*<===[[SIDEBAR]]===>*/

	/*{{sidebar}} --->*/
	div.sidebar > div > a:hover > div {
		text-decoration: underline;
	}
	div.sidebarHolderRight {
		padding: 84px 0px 0px 0px;
	}
	div.sidebar_holder {
		float: left;
		position: relative;
		width: 150px;
		border-radius: 3px;
		margin: 0px;
		/*KERSTMIS HAT FOR PROFILEPICTURE*/
	}
		div.show_login {
		width:132px;
		height:65px;
		float:left;
		padding-bottom:50px;
		color:#000;
		font-size:14px;
		text-align:center;
		
		margin-top: 60px;
		}
		div.login_name {
		padding-bottom:10px;
		color:#000;
		}
		
		/* wolters hoofd, nu me schaduw */
		.top_icons div .foto a img {
			border: 0px solid #ECECEC;
			border-radius: 2px 2px 2px 2px;
			box-shadow: 0px 0px 7px -2px #AAAAAA;
			padding:0px;
			margin-top: -1px;
			
		}
		div.sidebar {
		visibility: hidden;
		float: left;
		position: fixed;
		width: 160px;
		padding: 30px 10px 10px 10px;
		margin: 0px 0px 0px 985px;
		border: 1px solid #ECECEC;
		background-color: transparent;
		opacity: 1;
		text-align: left;
		font-size: 12px;
		border: 0px solid #000000;
		border-radius: 5px 0px 0px 5px!important;
		z-index: 9999999;
		margin-top: -50px;
		top: 107px;
		}

		div.sidebarLinks {
			 margin: -70px 0px 0px 0px;
			 padding: 5px 0px 5px 0px;
			 border-bottom: 0px solid #ECECEC;
			 text-align: center;
			 background-color: transparent;
		 }
		 div.sidebarLinks:first-child {
			 padding: 0px 5px 10px 5px;
			 text-align: center;
		 }
		 div.sidebarLinks:first-child > div:first-child{
			 font-weight: bold;
		 }
		 div.sidebarSmallLinks{
		text-align: center;
		font-size: 10px;
		text-transform: uppercase;
		 }
 		 div.sidebarSmallLinks:nth-child(3){
			 margin-top: 10px;
		 }
		 div.sidebarLinks img {
			 height: 25px;
			 filter: gray;
			 filter: grayscale(100%);
			-moz-filter: grayscale(100%);
			-webkit-filter: grayscale(100%);
			filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
			transition: all 0.2s ease-in; 
		 }
		 div.sidebarLinks:hover img, div.sidebarLinks img.sidebarActive {
			 filter: grayscale(0%);
			 -moz-filter: grayscale(0%);
			-webkit-filter: grayscale(0%); 
			filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
		 }
		 div.sidebarLinks > div > a > img {
			 filter: none;
			-moz-filter: grayscale(0%);
			-webkit-filter: grayscale(0%); 
		 }
		 div.sidebarLinks > a > div {
			 position: relative;
			 float: left;
		 
			 font-size: 14px;
			 color: rgb(0, 37, 102)!important;
}
 		 div.sidebarLinks > a > div:nth-child(1) {
			 margin-left: 5px;
			 width: 30px;
		 }
		 div.sidebarLinks > a > div:nth-child(2) {
			padding: 4px 0px 0px 10px;
			width: 70px;
			text-align: left;
		 }
		64px div.sidebarLongText {
			padding: 0px 0px 0px 10px !important; 
			margin-top: -1px;
		 }
		 img.sidebarNoGray{
			 margin-left: 9px;
		 }
	/*<--- {{sidebar}}*/
	div.sidebar_container\ {
		float: left;
		position: relative;
		width: 150px;
		margin-right: 25px;
		border-radius: 3px;
	}
	/*<--{{product_sidebar}}-->*/
		div.sidebar2 > div > a:hover > div {
		text-decoration: underline;
	}
	div.sidebar2HolderRight {
		padding: 84px 0px 0px 0px;
	}
	div.sidebar_holder2 {
		float: left;
		position: relative;
		width: 150px;
		margin-right: 25px;
		border-radius: 3px;
		margin-top:25px;
	}
		div.show_login2 {
		width:140px;
		height:65px;
		float:left;
		padding-bottom:50px;
		color:#000;
		font-size:14px;
		text-align:center;
		}
		div.login_name2 {
		padding-bottom:10px;
		color:#000;
		}
	div.sidebar2 {
		float: left;
		position: relative;
		/* width: 128px; */
		width: 148px;
		/* padding: 10px; */
		padding = 0px;
		background: #fbfaf9;
		border: 1px solid #ECECEC;
		text-align: left;
		font-size: 12px;
		border-radius: 3px 3px 3px 3px;
		border: 1px solid #000000;
		z-index: 100;
		margin-top:25px;
		}
		 div.sidebar2Links {
			 padding: 5px 0px 5px 0px;
			 border-bottom: 0px solid #ECECEC;
			 text-align: center;
		 }
		.sidebar2Contact {
		font-size:12px;
		padding-left:5px;
		padding-right:2px;
		font-weight: bold;
		padding-top:23px;	
		text-align: left;
		}
		 div.sidebar2Links:first-child {
			 padding: 0px 5px 10px 5px;
			 border-bottom: 0px solid #ECECEC;
			 text-align: center;
		 }
		 div.sidebar2Links:first-child > div:first-child{
			 font-weight: bold;
		 }
		 div.sidebar2SmallLinks{
		text-align: center;
		font-size: 10px;
		text-transform: uppercase;
		 }
 		 div.sidebar2SmallLinks:nth-child(3){
			 margin-top: 10px;
		 }
		 div.sidebar2Links img {
			 height: 25px;
			 filter: gray;
			 filter: grayscale(100%);
			-moz-filter: grayscale(100%);
			-webkit-filter: grayscale(100%);
			filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
			transition: all 0.2s ease-in; 
		 }
		 div.sidebar2Links:hover img, div.sidebarLinks img.sidebarActive {
			 filter: grayscale(0%);
			 -moz-filter: grayscale(0%);
			-webkit-filter: grayscale(0%); 
			filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
		 }
		 div.sidebar2Links > div > a > img {
			 filter: none;
			-moz-filter: grayscale(0%);
			-webkit-filter: grayscale(0%); 
		 }
		 div.sidebar2Links > a > div {
			 position: relative;
			 float: left;
		 }
 		 div.sidebar2Links > a > div:nth-child(1) {
			 margin-left: 5px;
			 width: 30px;
		 }
		 div.sidebar2Links > a > div:nth-child(2) {
			padding: 4px 0px 0px 10px;
			width: 70px;
			text-align: left;
		 }
		 div.sidebar2LongText {
			padding: 0px 0px 0px 10px !important; 
			margin-top: -1px;
		 }
		 img.sidebar2NoGray{
			 margin-left: 9px;
		 }
	/*<--{{product_sidebar-->*/
/*===>[[SIDEBAR]]<===*/



/*<===[[FOOTER]]===>*/
	#footer {
		position: relative;
        text-align: center;
		background-color: #6f6f6f;
		color: #FFF;
        padding: 0 0 0 0px;
		clear: both;
		border-top: 0px solid black;
		width: 960px;
		margin: auto;
		margin-top: 25px
	}
	#footer a {
		color: #FFF;
	}
	#footer_holder {
		position: relative;
		float: left;
		width: 898px;
		background-color: #FFF;
		color: #595959;
		border: #D2D2D2 1px solid;
		margin-top: 25px;
		margin-bottom: 25px;
	}
	#footer_holder a {
		color: #595959;
	}
	.footer_column {
		position: relative;
		float: left;
		width: 214px;
		margin: 0px;
		margin-top: 0px;
		padding: 5px;
		text-align: left;
	}
	.footer_column ul {
		list-style-type: none;
	}
/*===>[[FOOTER]]<===*/




/*<===[[HEADER]]===>*/
	/*Position the header and add a line*/
	div.header_wide { 
		background: #8da9b8;
		color: #000;
		height: 40px;
		padding: 6px 0px 3px;
		position: fixed;
		top: 0px;
		z-index: 1000000;
		width: 100%;
		-webkit-transform: translate3d(0, 0, 0);
		box-shadow: 1px 1px 5px rgba(39, 75, 95, 0.38);
		border-bottom: 1px solid rgb(194, 172, 172);
}
	div.header {
	    margin: 4px 3px 0px 0px;
	    overflow: hidden;
		float: right;
		width: 200px;
    }
	div.header li:nth-child(1){
		margin-top: 0px;
	}
	div.header li:nth-child(2){
		margin-top: -1px;
	}
	div.top_search {
		margin: 2px 50px 0px 62px;
		float: left;
		position: relative;		
	}
	.header_logo img{
		padding: 4px 0px 0px 0px;
	}
	.td_dropdown_search{
		border-radius: 8px;
		-webkit-border-radius: 8px;
		
		padding:0px;
		height:26px;
		padding-top:-8px;
		 border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border: 1px solid #F76C41;
    background-color: #599EB9;
    border-right: 0px;
    outline: none;
    background64px: #ff670f;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmNjcwZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIlIiBzdG9wLWNvbG9yPSIjZmY1MDAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmNmEyYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  #ff670f 0%, #599EB9 2%, #ff6a2b 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff670f), color-stop(2%,#599EB9), color-stop(100%,#ff6a2b));
background: -webkit-linear-gradient(top,  #ff670f 0%,#599EB9 2%,#ff6a2b 100%);
background: -o-linear-gradient(top,  #ff670f 0%,#599EB9 2%,#ff6a2b 100%);
background: -ms-linear-gradient(top,  #ff670f 0%,#599EB9 2%,#ff6a2b 100%);
background: linear-gradient(to bottom,  #ff670f 0%,#599EB9 2%,#ff6a2b 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff670f', endColorstr='#ff6a2b',GradientType=0 );

	}
	.td_search_bar{
		
		padding:0px;
		height:26px;
		padding-top:-8px;
	
		}
	div.top_search2 {
		position: relative;
		float: left;
	}
	div.top_search2 select {
		overflow:hidden;
		height:18px;
		color: #FFF;
		background: url(/wj/images/arrow.png) no-repeat;
		border:1px solid #FFF;
		-webkit-appearance: none;
		background: transparent;
	}
		div.ptSearch1 {
			margin-left: 17px;
			position: relative;
			float: left;
			width: 115px;
			padding-top: 1px;
		}
		div.ptSearch2 {
			position: relative;
			float: left;
			margin-left: 15px;
			
		}
		div.ptSearch2 > input[type='text'].top_search {
			width: 385px;
			padding: 0px 5px;
			margin-left: -10px;
		}
	div.top_icons {
		float: left;
		position: relative;
		margin-top: -4px;
		margin-right: 0px;
		text-align: left;
	}
	div.top_icons:last-child {
		float: right;
	}
	div.topIconsFloat{
		position: relative;
		float: left;
		padding: 0px 2px;
	}
	div.header_logo {
		width: 960px;
		margin: 0 auto;
		margin-top: 0px;
		text-align: left;
		vertical-align: middle;
	}
	div.topUnreadMsg{
/*		position: absolute; */
		top: 14px;
		right: 5px;
		background: #1abfff;
		border-radius: 13px;
		padding: 0px;
		color: #FFF;
		font-size: 8px;
		width: 14px;
		height: 16px;
		text-align: center;
		padding-left: 0px;
		padding-right: 1px;
		line-height: 16px;
		z-index: 1;
	}
	div.topUnreadNoti{
		top: 14px;
		right: 5px;
		background: #1abfff;
		border-radius: 13px;
		padding: 0px;
		color: #FFF;
		font-size: 8px;
		width: 14px;
		height: 16px;
		text-align: center;
		padding-left: 0px;
		padding-right: 1px;
		line-height: 16px;
		z-index: 1;
	}
	div.notificationsHolder{
		position: absolute !important;
		background: #FFF;
		top: 30px;
		left: 11px;
		width: 250px;
		height: 100px
		;z-index: 30;
		border-radius: 0px 0px 3px 3px;
		box-shadow: 0px 0px 7px -2px #AAA;
		visibility: hidden;
	}
	div.header_logo_big {
		position: relative;
		float: left;
		margin-bottom: 30px;
		margin-top:15px;
	}
    /*Increase the size of top right header links (home, login, etc)*/
    div.header a:link, div.header a:visited {
    	font-size: 12px;
		color: #FFFFFF;
    }
	div.header_index a:link, div.header_index a:visited {
    	font-size: 12px;
		color: #000;
		font-weight: bold;
    }
    /*Float the logo so that a banner can potentially be placed next to it*/
    #logo {
    	float: left;
		margin-left: 20px;
    }
    /*Position header links box in the top right corner*/
    ul#header {
    	list-style-type: none;
    	float: right;
    	/* margin-left: -190px;*/
		padding: 0;
    
    	width: 204px;
}
    /*Position actual header links next to each other*/
    #header li {
    	float: left;
    	padding-left: 15px;
    }
	.sister_sites {
	    float: left;
	    width: 230px;
        margin: 0 auto;
        margin-top: 0px;
        height: auto;
		padding-bottom: 5px;
	}
	div.header_wide select{
		background: #599EB9;
		color:#fff;
		
		height: 20px;
}
	/*<--- {{Sub header}}*/
	div.sub_top {
		margin-bottom: 20px;
	}
	div.sidebar_logo {
		position: relative;
		float: left;
	}
	/*{{Sub header}} --->*/
/*===>[[HEADER]]<===*/



/*<===[[VIEW PROFILE]]===>*/
	
	/*<--- {{view profile}}*/
	div.profile_wrapper {
		position: relative;
		float: left;
		width: 825px;

		margin-left: -50px;
		margin-bottom: 20px;
		padding-bottom: 5px;
	
		background: white;
		border-radius: 0px 6px 6px 0px;
}
	div.profile_header {
	position: relative;
	float: left;
	border: 1px solid rgb(236, 236, 236);
	border-radius: 3px;
	box-shadow: 0px 0px 7px -2px rgb(170, 170, 170);
	width: 819px;
	margin-bottom: 25px;
	margin-top: 25px;
	background-color: #fbfaf9;
	background-size:90px 89px;
	background-repeat:no-repeat;
	
	background-repeat: no-repeat;
	background-position: right top;
	}
	
	div.profile_expert_ribbon { 
		z-index: 25;
	}
	div.profile_expert_ribbon > img {
		position: absolute;
		top: -3px;
		left: 736px;
	}
	div.view_profile_name_box_left > img {
		border-radius: 3px;
	}
	div.view_profile_name_box_right h1 {
		/*border-bottom: 0px solid #E9E9E9;*/
		margin: 0;
		padding: 0;
		text-align: left;
	}
	div.view_profile_about_me {
		min-height: 65px;
		position: relative;
		float: left;
		width: 799px;
		margin: 0px 0px 25px;
		background: #fbfaf9;
		border-top: 1px solid #EBEBEB;
		/* border-radius: 3px; */
		padding: 10px 10px;
			color: rgba(0, 0, 0, 0.61);
		background: rgb(252, 252, 252);
		padding-right: 19px;
		border-bottom: 1px solid #E7E7E7;
}
	div.vp_blog_holder_1 {
		position: relative;
		float: left;
		border-radius: 3px;
		padding: 0px;
/*		box-shadow: 0px 0px 7px -2px rgb(170, 170, 170); */
		margin-right: 4px;
		margin-bottom: 25px;
		
		background: #fbfaf9;
		border: 0px solid #ECECEC;
/*		box-shadow: 0px 0px 7px -2px #AAA; */
	}

	div.vp_blog_img_1 {
		position: relative;
		float: left;
		width: 250px;
		height: 150px;
	}
	div.vp_blog_img_1 > img {
		width: 250px;
		height: 150px;
		border-radius: 3px 0px 0px 3px;
	}
	div.vp_blog_wrapper_1 {
		position: relative;
		float: left;
		width: 547px;
		height: 140px;
		padding: 5px 10px;
	}
	div.vp_blog_title_1 {
		position: relative;
		float: left;
	}
	div.vp_blog_time_1{
		position: relative;
		float: right;
	}
	div.vp_blog_content_1 {
		position: relative;
		float: left;
		margin-top: 10px;
	}
	div.vp_blog_more_1 {
		position: absolute;
		right: 10px;
		bottom: 5px;
	}
	div.vp_blog_holder_2 {
		position: relative;
		float: left;
		width: 396px;
		height: 448px;
		padding: 0px;
		margin-right: 25px;
		margin-bottom: 25px;
		background: #FBFAF9;
		border: 1px solid #ECECEC;
		border-radius: 3px;
		box-shadow: 0px 0px 7px -2px #AAA;
	}
	div.vp_blog_holder_2:nth-child(2n) {
		margin-right: 3px;
	}
	div.vp_blog_img_2 {
		position: relative;
		float: left;
	}
	div.vp_blog_img_2 > img {
		width: 397px;
		border-radius: 3px 3px 0px 0px;
	}
	div.vp_blog_wrapper_2 {
		position: relative;
		float: left;
		padding: 5px 10px;
	}
	div.vp_blog_title_2 {
		position: relative;
		float: left;
		width: 250px;
	}
	div.vp_blog_time_2{
		position: relative;
		float: left;
		margin-top: 5px;
		font-size: 9px;
	}
	div.vp_blog_content_2 {
		position: relative;
		float: left;
		height: 155px;
	}
	div.vp_blog_content_2 img {
		display: none;
	}
	div.vp_blog_content_2 p{	
		margin-top: 5px;
		margin-bottom: 15px;
	}
	div.vp_blog_more_2 {
		position: absolute;
		top: 185px;
		right: 10px;
		bottom: 5px;
	}
	div.view_profile_sections_exp {
		position: relative;
		float: left;
		width: 505px;
		padding: 5px 10px;
		margin: 0px 25px 25px 0px;
		background: #FBFAF9;
/*		border: 1px solid #ECECEC;
		border-radius: 3px;
		box-shadow: 0px 0px 7px -2px #AAA;*/
		clear: both;
	}
	div.sectionLeft{
		font-weight: bold;

		}
	div.view_profile_sections_edu {
		position: relative;
		float: left;
		clear: both;
/*		width: 505px;
		padding: 5px 10px;
		margin: 0px 25px 25px 0px;
		background: #FBFAF9;
		border: 1px solid #ECECEC;
		border-radius: 3px;
		box-shadow: 0px 0px 7px -2px #AAA;
*/
	}
	div.vp_view_more {
		position: relative;
		float: right;
		font-weight: bold;
		margin-top: 5px;
	}
	div.vp_view_more a{
		cursor: pointer;
	}
	div.vp_resume {
		position: relative;
		float: right;
		height:auto;
	}	
	div.view_profile_section_main_box {
		position: relative;
		float: left;
		width: 250px;
		margin-top: 10px;
	}
	div.view_profile_name_box_right {
		position: relative;
		float: left;
		padding: 10px;
		width: 650px;
	}
	div.view_profile_sections {
		width: 541px;
		clear: both;
		overflow: hidden;		
		background: none repeat scroll 0 0 #FBFAF9;
		box-shadow: 0px 0px 7px -2px #AAA;	
	}
	div.view_profile_sections:nth-child(1) {
		margin-bottom:25px;
		border-bottom: 25px;  
		box-shadow: 0px 0px 7px -2px #AAA;
	}
	div.view_profile_sections:nth-child(2) {
		margin-bottom:10px;	
		border-bottom: 1px; 
	}
	div.seeker_section_box {
		margin-top: 3px;
		margin-bottom: 25px;
		background: #FBFAF9;
	}
	div.edit_seeker_section_box {
		margin-top: 3px;
		margin-bottom: 25px;
		background: #FBFAF9;
		width:666px;
		border: 1px solid #ECECEC;
		background-color:#FBFAF9;
		border-radius: 3px;
		box-shadow: 0px 0px 7px -2px #AAA;
		padding: 10px;
	}
/*	div.seeker_section_box:hover {
		border: 0px solid #C8C8C8;
	}*/
	div.view_profile_right_output {
		position: relative;
		float: right;
		width: 251px;
		padding: 8px;
		margin: 0px 0px 0px;
		background: #FBFAF9;
		border: 1px solid #ECECEC;
		border-radius: 3px;		
		box-shadow: 0px 0px 7px -2px #AAA;
		transition: all 0.2s ease-in;
	}
	.blog_article{
		float:left;
		width:613px;
		background-color: white;
		color: #000;
		box-shadow: 0px 0px 7px -2px #AAA;
		padding:15px;
		border: 1px solid #ECECEC;
		border-radius: 5px;
		border: 1px solid #000000;
		border-radius: 3px 3px 3px 3px;
		}
	/*{{view profile}} --->*/
	
/*===>[[VIEW PROFILE]]<===*/



/*<===[[SOCIAL CV]]===>*/

	/*{{social cv navigatie}} --->*/
		.socialcv_navigation {
			width: 1000px;
			position: relative;
			padding:0px;
			margin: 0px 3px;
			text-align: center;
		}	
		.socialcv_step { 
			list-style: none; 
			overflow: hidden;
			width: 100%;
			padding: 0px;
/*			box-shadow: 0px 0px 7px -2px #AAA; */
		}
		.socialcv_step li { 
			float: left; 
		}
		.socialcv_step li a {
			color: #595959;
			font-weight: bold;
			text-decoration: none; 
			padding: 10px 0 10px 10px;
			background: #fbfaf9;
			64pxposition: relative; 
			display: block;
			float: left;
			width: 235px;
		}
		.socialcv_step li a:hover {
			color: #FFF;
			font-weight: bold;
			text-decoration: underline;
			background: #599EB9;
		}
		li#socialcvcurrent a {
			color: #FFF;
			font-weight: bold;
			text-decoration: underline;
			background: #599EB9;
		}
		li#socialcvcurrent a:before {
			border-left: 15px solid #599EB9;
		}
		.socialcv_step a:hover:before {
			border-left: 15px solid #599EB9;
		}	
		.socialcv_step li a:before {
			content: " "; 
			display: block; 
			width: 0; 
			height: 0;
			border-top: 25px solid transparent;
			border-bottom: 25px solid transparent;
			border-left: 15px solid #fbfaf9;
			position: absolute;
			top: 50%;
			margin-top: -25px; 
			left: 100%;
			z-index: 2; 
		}
		.socialcv_step li a:after {
			content: " "; 
			display: block; 
			width: 0; 
			height: 0;
			border-top: 25px solid transparent;       
			border-bottom: 25px solid transparent;
			border-left: 15px solid #e8e7e7;
			position: absolute;
			top: 50%;
			margin-top: -25px; 
			margin-left: 3px;
			left: 100%;
			z-index: 1; 
		}
		.socialcv_step li:first-child a {
			padding-left: 10px;
			border-radius: 3px 0px 0px 3px;
		}	
		/*<-- {Social CV navigatie}}*/
		
		/*{{Social CV layout}} --->*/
		.socialcv_button_1_submit {
			position: relative;
			float: left;
			margin-right: 15px;
			margin-top: 0px;
			margin-bottom: 6px;
		}
		.socialcv_button_2_submit {
			position: relative;
			float: right;
			margin-top: 6x;
			box-shadow: 0px 0px 7px -2px #AAA;	
			
		}
		/*input.socialcv_button_1[type="submit"] {
			background-color: #595959;	
		}*/
		#socialcv_form {
			width: 1000px;
		}
		.socialcv_textareaa {
			width: 500px;
			resize: none;
		}
		div.socialcv_entry_holder {
			width: 952px;
			height: auto;
			padding: 20px;
			margin-top: 15px;
			margin-bottom: 10px;
			overflow: auto;
			display: inline-block;
			text-align: left;
			overflow: hidden;
			background-color: #fbfaf9;
			border-radius: 3px;
			border: 1px solid #ECECEC;
			box-shadow: 0px 0px 7px -2px #AAA;
			
		}
		div.socialcv_entry_holder {
			font-weight: bold;
		}
		div.social_friends	{
			float:left;
			font-weight: bold;
		}
		div.import_contacts_boxsocialcv {
			text-align: right;
			margin-right: 30px;
			margin-top: 70px;
		}
		div.import_profile {
			position: relative;
			margin-left: 80px;
		}
	/*<-- {Social CV layout}}*/
	
	/*{{Social cv step 2}} --->*/
		div.step2_holder {
			position: relative;
			float: left;
			width: 50%;
			margin-top: 20px;
		}
		div.step2_content {
			border: 1px solid #DDD;
			margin-bottom: 10px;
			padding: 5px;
			margin-top: 10px;
			font-weight: normal;
		}
		div.step2_content_left {
			margin-right: 40px;
		}
		a.step2_next_step {
			background-color: #599EB9;
			border: 0px solid #599EB9;
			font-size: 12px;
			font-weight: bold;
			color: #fff;
			padding: 3px 10px;
			cursor: pointer;
			box-shadow: 0px 0px 7px -2px #AAA;
			border-radius: 3px;
			display: inline-block;
			float: right;
		}
		div.step2_savepreview {
			background-color: #599EB9;
			padding: 3px 10px 3px 10px;
			position: relative;
			float: left;
			margin-top: -25px;
			margin-right: 15px;
			box-shadow:2px 2px 6px #AAAAAA;
		}
		div.step2_savepreview a{
			color: #FFF;
			font-size: 12px;
			font-weight: bold;
			text-decoration: none;
		}
		div.socialcv_uploadcv {
			position: relative;
			float: left;
		}
		div.socialcv_uploadphoto {
			position: relative;
			float: right;
			margin-top: 202px;
		}
		div.add_resume, div.add_resume_with_radio {
			text-align: left;
			padding: 1px;
			margin: 3px;
			margin-left: 0px;
			overflow: hidden;
			clear: both;			
		}
		div.submit_add_resume_submit {
			margin-left: 10px;
			margin-top: 23px;
		}
		/*<-- {Social CV step2}}*/

		/*{{Edit, Add Job Step 2}} --->*/
		a.removexp, a.removeedu {
			cursor: pointer;
		}
		div.socialcv_job_title, div.socialcv_job_company, div.socialcv_job_location, div.socialcv_edu_major, div.socialcv_edu_school, div.socialcv_edu_level {
			width: 100%;
		}
		input[type="text"].socialcv_job_title, input[type="text"].socialcv_job_company, input[type="text"].socialcv_job_location, input[type="text"].socialcv_edu_major, input[type="text"].socialcv_edu_school {
			width: 335px;
		}
		select.socialcv_job_startmonth, select.socialcv_job_startyear, select.socialcv_job_endmonth, select.socialcv_job_endyear, select.socialcv_edu_level,  select.socialcv_edu_startmonth, select.socialcv_edu_startyear, select.socialcv_edu_endmonth, select.socialcv_edu_end64pxyear {
			padding: 1px 0px 2px;
			margin-top: 2px;
			border: solid 1px #D3D3D3;
		}
		select.socialcv_edu_startmonth, select.socialcv_edu_endmonth {
			width: 95px;
		}
		div.socialcv_job_startyear, div.socialcv_edu_startyear {
			margin-right: 25px;
		}
		div.socialcv_edu_endmonth, div.socialcv_edu_endyear {
			position: relative;
			float: left;
			margin-right: 5px;
		}
		textarea.socialcv_job_description, textarea.socialcv_edu_description {
			width: 330px;
			height: 150px;
			padding: 1px 3px 1px 2px;
			border: 1px solid #D3D3D3;
		}
		td.socialcv_step_title {
			font-size: 14px;
		}
		/*<-- {Edit, Add Job Step 2}}*/
		
		/*{{Social CV step3}} --->*/
		div.socialcv_step3_logo {
			position: relative;
			float: left;
			margin: 10px;
		}
		/*<-- {Social CV step3}}*/
		
		/*{{Social CV preview}} --->*/
		a.seeker_home_edit {
			font-size: 12px;
			font-weight: normal;
			float: right;
			margin-right: 10px;
			margin-top: 10px;
		}
		.extra_box {
			margin: 2px;
		}
		. {
			position: relative;
			float: left;
			width: 250px;
		}
		/*<-- {Social CV preview}}*/
		
		/*{{Social CV view}} --->*/
		div.view_profile_left {
			float: left;
			width: 520px;
			margin-right: 20px;
		}
		div.view_profile_left h2 {
			margin: 0 0 5px 0;
			padding: 20px;
		}
		div.view_profile_right {
			float: right;
			width: 270px;
		}
		div.view_profile_work_img {
			position: relative;
			float: left;
		}
		div.profile_section_data {
			position: relative;
			float: left;
			width: 390px;
			padding-left: 20px;
		}
		div.profile_section_key {
			width:  125px;
			float:  left;
			text-align: left;
			padding-right: 10px;
			font-weight: bold;
		}
		div.profile_major {
/*			font-size: 1.2em;*/
			font-weight: none;
		}
		div.profile_date {
			color: #BDBDBD;
		}
		div.profile_school {
/*			font-weight: bold;*/
		}
		div.seeker_section_val.description {
			font-style: normal;
			margin-top: 25px;
		}
		div.profile_right_section {
		}		
		/*<-- {Social CV view}}*/
		
/*===>[[SOCIAL CV]]<===*/	

/*<===[[SEARCH]]===>*/

	/*{{Search wj}} --->*/
	div.search_results_what{
		margin-bottom: 20px;
	}
	label.search_what{
		font-weight: bold;
		font-size: 20px;
		margin-right: 10px;
	}
	.searchKeywords {
		margin-right: 20px;
	}
	.searchSubmit{
		width: 88px;
	}
	div.search_results_outer div.search_results_inner {
		float: left;
		width: 660px;
		margin: 0 0 0 20px;
	}
	/*<-- {Search wj}}*/
		
/*===>[[SEARCH]]<===*/	

/*<===[[EMPLOYER HOME]]===>*/
	
	div#employer_search_resumes {
		float: left;
		width: 400px;
		position: relative;
		margin-right: 20px;
		min-height: 285px;
	}
 	div#post_jobs2.box {
		width: 400px;
		float: right;
		position: relative;
		min-height: 285px;
	}
	h2.last_jobs {
		margin-left: 5px;
		margin-bottom: -10px;
	}
	div.employer_manage {
		position: relative;
		float: left;
		width:590px;
		margin-left: 30px;
		margin-top: 10px;
	}
	a.employer_more_manage {
		font-size: 12px;
		font-weight: normal;
		float: right;
		margin-right: 10px;
		margin-top: -5px;
	}
	ul#post_jobs2 {
		list-style-type: none;
		padding: 0;
		float: left;
		margin: 10px 10px 0 0;
	}
	ul#post_jobs2 li {
		padding: 5px 0 20px 60px;
		color: #595959;
	}
	li#post_job2 {
		background: url(../../images/post_job.png) no-repeat;
	}
	li#manage_jobs2 {
		background: url(../../images/manage_jobs.png) no-repeat;
	}
	li#manage_applicants2 {
		background: url(../../images/manage_applicants.png) no-repeat;
	}
	ul#post_jobs2 h3 {
		margin: 0 0 2px 0;
		padding: 0;
	border: none;
	}
/*===>[[EMPLOYER HOME]]<===*/

/*<===[[APPLICANTS]]===>*/
	div.background {
		background-color: #fbfaf9;
	}
	
		
	#centralholder {
		width: 550x;
		overflow: hidden;
		margin-top:-18px;
	}

	div.applicants_applicants{
		position: relative;
		width:555px;

		float: left;
		background-color: #fbfaf9;		
		border: 1px solid #000000;
		border-radius: 3px 3px 3px 3px;
	}
	div#applicants_nav_bar {
		position: relative;
		float:left;
		width: 555px;
		overflow: auto;
		display: inline-block;
		background-color: #e8e7e7;
	}
	div#applicants_nav_bar a {
		color: #848484;
	}
/*	div#applicants_nav_bar a:hover {
		color: #FFF;
	}
*/
	div.applicants_active {
		position: relative;
		float: left;
		width: 133px;
		padding: 5px;
		text-align: center;
		background: #599EB9;

    }
	div.applicants_passive {
		position: relative;
		float: left;
		width: 127px;
		padding: 5px;
		text-align: center;
		background: #FFF;
    }
	th.applicants_head {
		padding: 10px;
	}
/*<===[[APPLICANTS]]===>*/

/*<===[[EVENTLINE]]===>*/
	div.container_groups {
		position: relative;
		float: left;
	}
	div.eventJoinGroup {
		background: #599EB9;
		width: 240px;
		padding: 5px 15px;
		margin-bottom: 20px;
		position: relative;
		float: right;
		color: #FFF;
		font-weight: bold;
		text-align: center;
		cursor: pointer;
	}
	div.eventUnJoinGroup {
		background: #fbfaf9;
		width: 238px;
		border: 1px solid #ECECEC;
		padding: 5px 15px;
		margin-bottom: 20px;
		position: relative;
		float: right;
		font-weight: bold;
		text-align: center;
		cursor: pointer;
	}
	textarea.post {
		font-size: 12px;
		border: 1px solid #f4f3f3;
		border-radius: 2px;
		resize: none;
	}
	input[type="submit"].eSubmit_post {
		margin-top: 10px;
		float: right;
		margin-left: 0px;
	}
	input[type="file"].post_file {
		margin-left: -1px;
	}
	div.eventline {
		float: left;
		width: 530px;
		text-align: left;
		padding: 0px;
		background-color: white;
		padding: 15px 10px 15px 10px;
		/* margin-top: 0px; */
		/* margin-right: 0px; */
		border: 0px solid #000000;
		border-radius: 3px 0px 0px 3px;

	
		margin-left: 180px;
		box-shadow: -2px 25px 5px 0px rgb(189, 188, 188);
		z-index: 30;
		/* position: relative; */
		/* top: 0px; */
}
	div.eventlineUpdate {
		border: 0px solid #ECECEC;
		border-radius: 2px;
		background: #fbfaf9;
		padding: 10px 10px 14px;
		margin: 0px 0px;
		width: 505px;
	}
	div.selectEventline {
		margin: 20px 0px 0px 0px;
	}
	div.selectEventlineFloat {
		float: left;
		border: 1px solid #ECECEC;
		width: 89px;
		background: #fbfaf9;
		padding: 2px 5px; 
		margin: 0px;
		margin-left: -1px;
		text-align: center;
	}
		div.selectEventlinelLeft {
			border-bottom-left-radius: 2px;
			border-top-left-radius: 2px;
			width: 88px;
			margin-left: 0px;
		}
		div.selectEventlineRight {
			border-bottom-right-radius: 2px;
			border-top-right-radius: 2px;
		}
		div.eventlineActive {
			border: 1px solid #599EB9;
			background: #599EB9;
		}
		div.eventlineActive a {
			color: #FFF;
		}
	div.post-container img.emoticon{
		height: 20px;
	}
	div.eventlinePost {
		border: 0px solid #ECECEC;
		border-radius: 0px;
		background: #fbfaf9;
		margin: 14px 0px 0px 0px;
		width: 505px;
		padding: 10px 10px 10px 10px;
	}
	div.eventlinePostCharlie {
		margin: 25px 0px 25px 0px;
		box-shadow: 0px 0px 7px -2px #AAA;
		z-index: 1;
}
	div.post-container img.profilePicture {
		margin-left: 5px;
		margin-top: 5px;
	}
	div.eventlinePostCommentProfile img.profilePicture {
		margin-left: 15px;
		margin-top: 15px;
	}
	div.expertBadge {
		position:absolute; 
		z-index: 25;
	}
	div.expertBadge > img {
		position: absolute;
		top: -3px;
		left: -3px;
	}
	div.eventlinePostCommentHolder > div.expertBadge > img{
		position: absolute;
		top: -5px;
		left: -5px;
	}
	div.eventlinePostCommentReactionHolder > div.expertBadge > img {
		position: absolute;
		top: -10px;
		left: -4px;
	}
	div.eventlinePostCommentReactionHolder > div.expertBadge {
		z-index: 8;
	}
	div.reactHolder
	div.eventlinePost.singlepost {
		margin: 0;
	}
		div.eventlinePostAvatar {
			float: left;
			width: 50px;
			position: relative;
			margin-right: 25px;
		}
		div.eventlinePostName {
			float: left;
			position: relative;
			line-height: 72px;
		}
		div.eventlinePostTime{
			float: left;
			position: relative;
			line-height: 72px;
		}
		div.eventlinePostSettings {
			float: right;
			position: relative;
		}
		div.eventlinePostMessage {
			float: left;
			width: 483px;
			border: 1px solid #f4f3f3;
			border-radius:2px;
			background: #FFF;
			padding: 2px 5px 2px 5px;
			position: relative;
			margin: 10px 0px;
			word-wrap:break-word;
		}
		div.eventlinePostMessage p {
			overflow-wrap: break-word;
			margin: 0px;
		}
		div.eventlineQuanthis {
			margin-top: 12px;
			float: left;
		}
		div.eventlineQuanthisReact {
			margin-top: 12px;
			margin-left: 15px;
			position: relative;
			float: left;
		}
		div.eventlineJobcoach{
			margin-bottom: 10px;
		}
		div.eventlinePostRating {
			float: right;
			margin-top: 12px;
			margin-right: 4px;
		}
			a.eventlineRateClicked {
				/* color: #606; */
				cursor: text !important;
				/* text-decoration: none; */
			}
			a.eventlineRate {
				cursor: pointer;
				margin-left: 7px;
				/*color:#599EB9;*/
			}
		div.eventlineRating {
			float: left;
			margin-top: 12px;
		}
		div.eventlinePostCommentHolder {
			border: solid 0px #ECECEC;
			padding: 5px 0px 5px 0px;
			margin-top: 4px;
			border-radius: 3px;
		}
			div.eventlinePostCommentProfile {
				position: relative;
				float: left;
			}
			div.eventlinePostCommentText {
				position: relative;
				float: left;
			64px	padding: 10px 7px 0px;
				width: 408px;
			}
			div.eventlinePostCommentHeadText {
				position: relative;
				float: left;
				padding: 10px 10px 0px;
				width: 430px;
			}
			div.eventlinePostCommentReactionHolder {
				position: relative;
				float: right;
				width: 500px;
				border: solid 1px #ECECEC;
				border-top: 0px;
				padding: 5px 0px 5px;
			}
			div.eventlinePostCommentReactionComment {
				margin-top:10px;
				margin-left:10px;
			}
			input[type="text"].eventlineReact {
				width: 465px;
				padding: 3px 5px;
			}
			input[type="text"].eventlineReactReact {
				width: 487px;
				padding: 3px 5px;
			}
		div.eventlineComment {
			position: relative;
			float: left;
			margin: 4px -5px 5px 0px;
			text-align: center;
			/* padding: 7px 10px 7px 10px; */
			padding-bottom: 10px;
			padding-top: 5px;
			background: #fbfaf9;
			width: 525px;
			border: 0px solid #000000;
			border-radius: 3px 3px 3px 3px;
								
		}
		input[type="text"].postComment {
			width: 462px;
			padding: 3px 5px 3px 5px;
			border: 1px solid #f4f3f3;
			border-radius: 2px;
		}
		/*{{MENU for choosing your eventline}} --->*/
		.eventlineMenu{
			z-index: 8;
			width: 355px;
			border: none;
			padding: 0px;
			font-weight: bold;
			margin: 15px 0px 15px 0px;
		}
		.eventlineMenu ul{
			background-color: #FFF;
			height: 27px;
			list-style: none;
			margin: 0;
			padding: 0;
			border: 0px solid #00000;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 2px;
		}
		.eventlineMenu li{
			float: left;
			padding: 0px 0px 0px 0px;
		}
		.eventlineMenu li > ul{
		-moz-box-shadow: 0px 0px 7px -2px #AAA;
		-webkit-box-shadow: 0px 0px 7px -2px #AAA;
		box-shadow: 0px 0px 7px -2px #AAA;	
		}
		.eventlineMenu li.eventlineMenuLabels{
			border: 0px solid #ECECEC;
			border-radius: 2px 0px 0px 2px;
			width: 131px;
		}
		.eventlineMenu li.eventlineMenuGroups{
			border: 0px solid #ECECEC;
			border-left: 0px;
			width: 131px;
		}
		.eventlineMenu li.eventlineMenuCompanys{
			border: 0px solid #ECECEC;
			border-left: 0px;
			width: 130px;
		}
		.eventlineMenu li.eventlineMenuExperts{
			border: 0px solid #ECECEC;
			border-left: 0px;
			border-radius: 0px 2px 2px 0px;
			width: 130px;
		}
		.eventlineMenu li.eventlineMenuCurrent{
			background: #599EB9;
			border: 1px solid #599EB9;
		}
		.eventlineMenu li.eventlineMenuCurrent a{
			color: #FFF;
		}
		.eventlineMenu li a{
			/*color: #595959;*/
			width: 91px;
			display: block;
			font-weight: normal;
			line-height: 25px;
			margin: 0px;
			padding: 0px 20px;
			text-align: center;
			text-decoration: none;
		}
		.eventlineMenu li.eventlineMenuExperts a{
			width: 91px;
		}
		.eventlineMenu li a:hover{
			background: #599EB9;
			color: #FFFFFF;
			height: 25px;
			text-decoration: none;
		}
		.eventlineMenu li.eventlineMenuLabels a:hover{
			border-top-left-radius: 3px;
		}
		.eventlineMenu li.eventlineMenuExperts a:hover{
			border-top-right-radius: 3px;
			width: 91px;
		}
		.eventlineMenu li:hover a, .eventlineMenu li a:hover{
			border-bottom: 1px solid #599EB9;
			border-top: 1px solid #599EB9;
		}
		.eventlineMenu ul li:hover a{
			background: #599EB9;
			color: #FFFFFF;
			text-decoration: none;
		}
		.eventlineMenu li ul{
			display: none;
			height: auto;
			padding: 0px;
			margin: 0px;
			border: 0px;
			position: absolute;
			width: 131px;
			z-index: 48;
		}
		.eventlineMenu li:hover ul{
			display: block; 
		}
		.eventlineMenu li li {
			display: block;
			float: none;
			margin: 0px;
			padding: 0px;
			width: 131px;
			background: #599EB9;
		
			z-index: 17;
}
		.eventlineMenu li.eventlineMenuExperts li{
			width: 131px;
		}	
		.eventlineMenu li:hover li a{
			background: none;
			border-bottom: 0px;
		}
		.eventlineMenu li ul a{
			display: block;
			width: 91px;
			font-size: 12px;
			font-style: normal;
			margin: 0px;
			padding: 0px 20px 0px 20px;
			text-align: center;
		}
		.eventlineMenu li ul a:hover{
			border: 0px;
			text-decoration: none;
			background: #02a3da;
		}
		.eventlineMenu li ul li:hover a{
			height: auto;
		}
		span.eventlineMenuArrow{
			position: relative;
			top: -1px;
			border-style: solid dashed dashed;
			border-color: transparent;
			border-top-color: #BBB;
			display: -moz-inline-box;
			display: inline-block;
			font-size: 0;
			height: 0;
			line-height: 0;
			width: 0;
			border-width: 6px 4px 0;
			padding-top: 0px;
			left: 6px;
		}
		img.eventlineMakeMeSticky {
			height: 16px;
			position: absolute;
			top: 13px;
			right: 32px;
			cursor: pointer;
		}
		img.eventlineStickyPostItImg {
			cursor: pointer;
		}
		
		.embedvideo{64px
			margin-left:-10px;
			margin-bottom:10px;	
		}
		
		/*<-- {Menu for choosing your eventline}}*/
		
		/*{{Sidebar rightside}} --->*/
			div.rightEvent {
				position: relative;
				float: left;
				width: 270px;
			}
			div.groupSide {
				float: left;
				position: relative;
				width: 248px;
				height: 212px;
				padding: 10px;
				background: #fbfaf9;
				border: 1px solid #ECECEC;
				text-align: right;
			}
			div.sidebarGroupRight{
				padding: 5px;
				border-bottom: 1px solid #ECECEC;
			}
		/*<-- {Sidebar rightside}}*/
		
/*===>[[EVENTLINE]]<===*/

/*<===[[SUGGEST BOX]]===>*/
	.eventlineSuggest{
		width:270px;	
		background-color:#fbfaf9;
	}
	.suggest-people:hover{
		background-color:#fff;	
	}
	div.eventlineSuggest { 
		position: relative;
		float: left;
		height: 215px;
		border: 1px solid #000000;
	}
	div.evntlineTabs div {
		position: relative;
		float: left;
		padding: 5px 0px;
		border-right: 1px solid #ECECEC;
		border-bottom: 1px solid #ECECEC;
		background: #fbfaf9;
	
		font-size: 11px;
}
	div.evntlineTabs div:nth-child(4) {
		border-right: 0px solid #ECECEC;
		border-top-right-radius: 3px;
	}
	div.evntlineTabs div:nth-child(1) {
		border-top-left-radius: 3px;
		background: #FFF;
		border-bottom: 0px;
	}
	.suggestTab{
		width:66px;	
		text-align:center;
	}
	div.eventlineSuggestPoeple {
		border-top: 0px;
		padding: 2px 5px 0 6px;
		text-align: left;	
		margin-bottom:8px;	
	}

	div.suggestBoxRow{
		width: 255px;
		height: 50px;
		display: block;
		margin-bottom: 4px;
		display: none;
		border-bottom: 1px solid #ECECEC;
		padding-bottom: 5px;
	}
	div.suggestBoxRow:nth-child(3n){
		border-bottom: 0px solid #ECECEC;
	}
	div.suggestBoxSuggestion {
		width: 255px;
		height: 75px;
		display: block;
		margin-bottom: 4px;
		border-bottom: 1px solid #ECECEC;
	}
	div.suggestBoxSuggestion:nth-child(3n) {
		border-bottom: 0px solid #ECECEC;
	}
	div.suggest-photo {
		width: 50px;
		float: left;
		padding: 3px 3px 2px 2px;
	}
	div.suggest-photo > a >img {
		border-radius: 50%;
		height:46px;
		width:46px;
		padding: 3px;
		box-shadow: inset 0px 0px 5px -1px #AAA;
		transition: all 0.2s ease-in;
	}
	div.suggest-people:hover > div.suggest-photo > a > img, div.suggestBoxRow:hover > div.suggest-photo > a > img  {
		box-shadow: inset 0px 0px 7px -1px #09F;
	}
	img.add-to-circle-button {
		height: 25px;
	}
	div.suggest-action-button {
		width: 50px;
		float: left;
		cursor: pointer;
		text-align: right;
		margin-top: 5px;
	}
/*===>[[SUGGEST BOX]]<===*/



/*<===[[CONTACTS]]===>*/

	div.expertsHowto{
	background: #fbfaf9;
	border: 1px solid #ECECEC;
	box-shadow: 0px 0px 7px -2px #AAA;
	border-radius: 3px;
	width: 799px;
	min-height: 20px;
	margin-top:20px;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 10px;
}
	div.my_contactsHowto{
	background: #fbfaf9;
	border: 1px solid #ECECEC;
	box-shadow: 0px 0px 7px -2px #AAA;
	border-radius: 3px;
	width: 730px;
	min-height: 20px;
	margin-top:20px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 10px;
}
	/*{{my_contacts}} --->*/

	div.companiesHowto{
	background: #fbfaf9;
	border: 1px solid #ECECEC;
	box-shadow: 0px 0px 7px -2px #AAA;
	border-radius: 3px;
	width: 799px;
	min-height: 20px;
	margin-top:20px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 10px;
}
	div.q_and_a_dashboard{
	background: #fbfaf9;
	border: 1px solid #ECECEC;
	box-shadow: 0px 0px 7px -2px #AAA;
	border-radius: 3px;
	width: 804px;
	min-height: 20px;
	margin-top:20px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 10px;
}
div.blog_container {
float:left;
margin-bottom: 70px;
}
	div.MyCContainer {
		margin-bottom: 98px;
	}
		div.MyCMenuBackgr {
		position: relative;
		float: left;
		box-shadow: 0px 0px 7px -2px #AAA;
		margin: 0px;
		width: 100%;
}
	div.MyCMenu {
		position: relative;
		float: left;
		width: auto;
	/*	min-width:475px;
		min-width: 825px; */
	
		/* height: 14px; */
}
	div.MyCMenu > a > div{
		position: relative;
		float: left;
		width: auto;
		margin-bottom:0px;
		padding: 8px 13px 8px 14px;
		background: #FFF;
		font-weight: 100;
		letter-spacing: 1px;
		font-size: 16px;
		color: #848484;
		background: #FFF;
		/* box-shadow: 0px 0px 7px -2px #AAA;*/
		border-radius: 0px;
	}
	div.MyCMenu > a:nth-child(1) > div {
		/* border-radius: 3px 0px 0px 3px; */
	}
	div.MyCMenu > a:nth-child(4) > div {
		border-radius: 0px 0px 0px 0px;
	}
	div.MyCMenu > a > div.MyCHighlight {
        background: rgba(132, 132, 132, 0.23);
        color: #848484;
		border-bottom: 1px solid  rgba(197, 16, 16, 0.34);
}
div.MyCMenu > a > div.MyCHighlight:hover {
    color: #181818;
    background: rgba(132, 132, 132, 0.23);

    border-bottom: 1px solid  rgba(197, 16, 16, 0.34);
}
	div.MyCContent {
		position: relative;
		float: left;
		width: 893px;
		height: 1007px;
		overflow: hidden;
	
		margin-left: -204px;
		margin-top: -46px;
}
	div.MyCTitle {
		font-size: 18px;
		/* font-weight: bold; */
		margin: 25px 2px 5px;
		color: #333;
	}
	div.MyCBox {
		padding: 0px;
		border: 1px solid #ECECEC;
		border-radius: 3px;
		margin: 2px 20px 20px 2px;
		min-height: 175px;
		max-height: 182px;
		width: 140px;
		float: left;
		position: relative;
		background-color: #e2e2e2;
					-webkit-box-shadow: 4px 4px 2px 0px rgba(50, 50, 50, 1);
					-moz-box-shadow:    4px 4px 2px 0px rgba(50, 50, 50, 1);
					box-shadow:         4px 4px 2px 0px rgba(50, 50, 50, 1);
					border: 1px solid #000000;
		text-align: center;
	}
	div.MyCBoxOrange {
		position: relative;
		float: left;
		display: inherit;
		background-color: #599EB9;
		width: 140px !important;
		min-height: 174px;
		max-height: 182px;
		border: solid;
		border-width: 1px;
		border-color: #CCC;
		border-radius: 3px;
		margin: 52px 0px 0px 0px;
		box-shadow: 0px 0px 7px -2px #AAA;
		line-height: 174px;
		font-size: 26px;
		font-weight: bold;
		cursor: pointer;
	}
	img.MyCPeople {
		min-height: 78px;
		min-width: 78px;
		max-width: 78px;
		max-height: 78px;
		position: absolute;
		margin-left: 24px;
		margin-right: auto;
		bottom: 50px;
		display: block;
	}
	p.MyCName {64px
		position: absolute;
		top: 0px;
		font-size: 13px;
		font-weight: bold;
		padding-top: 0px;
		margin: 0px;
		line-height: 15px;
		white-space: wrap;
		overflow: hidden;
		width: 140px;
		left: 0px;
	}
	div.MyCFTitle{
		position: absolute;
		left: 0px;
		top: 28px;
		width: 140px;
		text-align: center;
		font-size:11px;
		white-space: wrap;
	}
	div.MyCInfoHolder {
		position: absolute;
		bottom: 0px;
		width: 140px;
		height: 80px;
		padding: 0px;
		margin: 0px;
	}
	p.MyCPeopleAdd {
		position: absolute;
		top: 27px;
		right: 0px;
	}
	div.MyCAll {
		width: 140px !important;
		text-align: center !important;
		font-family: Arial, Helvetica, sans-serif;
		color: #ffffff;
		font-size: 13px;
	}
	div.MyCLabelHolder {
		position: relative;
		float: left;
		height: 263px;
		overflow: hidden;
		margin: 5px 0px 0px 0px;
	}
	img.MyCRemoveLabel {
		width: 16px;
		height: 16px;
		margin-left: 15px;
		cursor: pointer;
	}
	div.MyCContactsHolder {
		position: relative;
		float: left;
		width: 136px;
		height: 190px;
		max-height: 200px;
		margin: 2px 10px 10px 2px;
		padding: 2px;
					background: #E2E2E2;
					-webkit-box-shadow: 4px 4px 2px 0px rgba(50, 50, 50, 1);
					-moz-box-shadow:    4px 4px 2px 0px rgba(50, 50, 50, 1);
					box-shadow:         4px 4px 2px 0px rgba(50, 50, 50, 1);
					border: 1px solid #000000;
		border-radius: 3px;
		text-align:center;
	}
		div.MyCContactsHolder > div {
			width: 100%;
			padding: 0px 0px;
		}
	div.MyCContactsAll {	width:120px	;	position: absolute;		height: 190px;		max-height: 200px;		margin: 80px 0px 53px 615px;		padding: 2px;		background: rgb(89, 158, 185);		border-radius: 4px;		cursor: pointer;			float: right;}
	div.MyCContactsAll:hover {		color:#ECECEC;		border-color: #ECECEC;}
	div.MyCContactsAll div {	color: rgb(238, 238, 238); font-weight: bold;	font-size: 13px;		text-align: center;			line-height: 220px;		}
	div.MyCContactsAll div:hover{color: white;} 
			

	div.MyCLabel {
		margin: 0px 5px 15px 5px;
		left:0px;
		background: #BBB;
		width: auto !important;
		padding: 0px 5px !important;
		color: #FFF;
		font-weight: bold;
		border-radius: 3px;
		position: absolute;
		bottom: 0;
		max-height: 26px;
	}
	div.MyCUserName {
		font-weight: 300;
		font-size: 13px;
		text-align:center;
		text-align:center;
		white-space: wrap;
	}
	div.MyCFuncTitle {
		height: 19px;
		overflow: hidden;
		text-align:center;
		font-size: 11px;
		text-align:center;
		white-space: nowrap;
	}
		div.MyCContainer > div.expland {
		height: auto;
	}
	div.MyCContainer > div > div.expland {
		height: auto;
	}
	div.MyCAddContact {
			margin: 0px 5px 6px;
		left:0px;
		background: #BBB;
		width: auto !important;
		padding: 0px 5px !important;
		color: #FFF;
		font-weight: bold;
		border-radius: 3px;
		position: absolute;
		bottom: 0;
		height: 22px;
	}
	div.MyCLabel > button, div.MyCAddContact > button {
		min-width: 20px !important;
		max-width: 120px;
		border-radius: 3px;
		white-space: nowrap;
		height: 30px;
		padding: 0px 0px 5px 5px;
		margin: 0px 0px 5px 0px;
		text-align: center;
	}

	div.MyCLabel > button:hover{
color:#BE3E00;

	}
	a.newLabel {
		display: block;
		border: 1px solid transparent;
		padding: 3px 1px 0px 20px;
		margin: 6px 3px 3px 0px;
		cursor: pointer;
		border-top: 1px solid #BBB;
	}
	div.labelHover {
		text-decoration: underline;
	}	
	/*<-- {my_contacts}}*/
	
/*===>[[CONTACTS]]<===*/




















































































































































































































/*<===[[MESSAGE CENTER]]===>*/

	/*{{General}} --->*/
		div.mc_holder{
			position: relative;
			float: left;
			width: 825px;
		}
		div.mc_filter {
			position: relative;
			float: left;
		}
		div.mc_filter > div {
			position: relative;
			float: left;
			width: 195px;
			background: #fbfaf9;
			padding: 6px 5px 5px;
			border-radius: 0px;
			border-bottom: 1px solid #ECECEC;
			text-align: center;
			color: #FFF;
			font-weight: bold;
		}
		div.mc_filter_active {
			background: #599EB9 !important;
		}
		div.mc_filter > div:first-child{
			border-top-left-radius: 3px;
			border-top-right-radius: 3px;
			border-right: 1px solid #ECECEC;
			width: 194px;
		}
		div.mc_filter > div:nth-child(3){
			border-left: 1px solid #ECECEC;
			border-right: 1px solid #ECECEC;
		}
		div.mc_filter > div:nth-child(4){
			border-top-right-radius: 3px;
		}
		img.removeGroup{
			cursor: pointer;
		}
		div.mc_content {
			position: relative;
			float: left;
			width: 822px;
			background: #fbfaf9;
			border-top: 0px;
			padding: 20px 0px;
			border-radius: 0px 0px 3px 3px;
		}
	/*<-- {General}}*/
64px
	/*{{Messages}} --->*/
		div.mc_chats {
			position: relative;
			float: left;
			width: 184px;
			min-height: 485px;
			padding: 10px 10px 20px 10px;
			margin-right: 20px;
			border-right: 1px solid #ECECEC;
			text-align: left;
			overflow-y: auto;
		}
		div.mc_makeChat {
			position: relative;
			float: left;
			width: 500px;
			margin:	20px 20px 0px 20px;
		}
		div.mc_sendTo {
			position: relative;
			float: left;
			width: 140px;
			margin: 8px 0px 0px;
			padding-top: 7px;
		}
		div.mc_chatName {
			position: relative;
			float: left;
			margin-top: 12px;
		}
		div.chat_input {
			position: relative;
			float: left;
			margin: 0px 15px 0px 0px;
		}
		div.chat_input_start {
			position: relative;
			float: left;
			margin: 10px 0px 0px;
		}
		textarea.mc_text {
			border: 1px solid #f4f3f3 !important;
			width: 552px;
		}
		textarea.mc_text_start {
			border: 1px solid #f4f3f3 !important;
			width: 382px;
		}
/*		input[type="text"].mc_inputMessage_start{
			border: 1px solid #f4f3f3;
			width: 366px;
			margin-bottom: 20px;
			padding: 2px 10px;
		}
		input[type="text"].mc_inputMessage{
			border: 1px solid #f4f3f3;
			width: 408px;
			margin-bottom: 20px;
			padding: 2px 10px;
			margin-top: 0px;
		}*/
		div.mcChatHeader {
			position: re;
			float: left;
			margin: 7px 20px 0px 10px;
			width: 548px;
			text-align: left;
			padding-top: 3px;
		}
			div.mcChatTitle{
				position: relative;
				float: left;
				width: 100%;
			}
				h3.mcChatTitle{
					padding: 0px;
					margin: 0px;
					color: #599EB9;
				}
			div.McChatUsers {
				position: relative;
				float: right;
				font-size: 10px;
				text-align: right;
			}
		input[type="submit"].mc_submitPost {
			margin: 20px 50px 0px 0px;
			float: right;
		}
		input[type="submit"].mc_submitPost {
			margin: 0px 250px 20px 0px;
			/* float: right; */
		}
		div.mc_chatSubmit {
			position: relative;
			float: right;
		}
		div.mc_newChat {
			position: relative;
			float: left;
			width: 112px;
			margin: 20px 20px 0px 22px;
			background: #599EB9;
			padding: 3px;
			border-radius: 2px;
			text-align: center;
		}
		div.mc_newChat a {
			color: #FFF;
			font-weight: bold;				
		}
		div.mc_newChat a:hover {
			text-decoration: none;
		}
		input[type="text"].mc_makeChat{
			width: 305px;
			margin: 0px 0px 0px 0px;
			padding: 2px 10px;
			border: 1px solid #f4f3f3;
		}
		div.mc_chatWindow {
			position: relative;
			float: left;
			background: #FFF;
			border: 1px solid #f4f3f3;
			width: 550px;
			height: 310px;
			margin: 0px 20px 20px 10px;
			padding: 0px;
			text-align: left;
		
			float: left;
}
		div.mc_chatWindowSmall {
			height: 259px;
		}
		div.mc_chatWindow div:nth-of-type(even) {
			background: #FFF;
		}
		div.mc_wrapper {
			position: absolute;
			width: 556px;
			max-height: 300px;
			bottom: 0;
			vertical-align: bottom;
			overflow-y: auto;
		}
		div.mc_chatError {
			padding: 120px 65px;
			font-size: 18px;
		}
		div.mc_groups {
			padding: 0px 0px 10px;
		}
			div.mcRemoveGroup {
				position: relative;
				float: left;
				width: 15px;
				padding-top: 3px;
			}
			div.mcChatGroups {
				position: relative;
				float: left;
				width: 115px;
				word-wrap: break-word;
			}
				div.mcChatGroups > a {
					color: #09F;
					font-weight: bold;
				}
			div.mcChatGroupNames {
				position: relative;
				float: left;
				width: 145px;
				margin-left: 17px;
				font-size: 10px;
				word-wrap: break-word;
			}
			div.mcChatGroupUnread {
				position: relative;
				float: right;
				width: 22px;
				text-align: right;
			}
		div.mc_chatMsgDate {
			text-align: center;
			font-weight: bold;
			background: #fbfaf9;
			padding: 2px;
		}
		div.mc_chatMsg {
			padding: 5px 10px 5px 10px;
		}
		div.mc_chatMsg:nth-child(1n) {
			background: #CCC; 
		}
		div.mc_time {
			float: right;
		}
	/*<-- {Messages}}*/
		
/*===>[[MESSAGE CENTER]]<===*/	

/*<===[[QUESTION AND ANSWER]]===>*/

	/*{{dashboard}} --->*/
		div.qHolder{
			position: relative;
			float: left;
			width: 825px;
		}
		div.qQuestion{
			background: #fbfaf9;
			border: 1px solid #ECECEC;
			padding: 10px;
			margin-top: 0px;
			margin-bottom: 20px;
			box-shadow: 0px 0px 7px -2px #AAA;
			border-radius: 3px;
			width: 799px;
		}
		div.qFakeButton{
			margin-bottom: 20px;
			background: #599EB9;
			float: left;
			position: relative;
			padding: 5px;
			font-weight: bold;
		}
		div.qFakeButton a{
			color: #FFF;
			text-decoration: none;
		}
		input[type="text"].ui-autocomplete-input {
			width: 300px;
			margin: -3px -3px 0px 0px;
			padding: 2px 15px;
			height: 28px;
			font-size: 16px;
			margin-left:5px;
		}
		div.qSearchHolder{
			background: #fbfaf9;
			padding: 10px 10px 10px 10px;
			border: 1px solid #ECECEC;
			box-shadow: 0px 0px 7px -2px #AAA;
			border-radius: 3px;
			width: 799px;
			min-height: 100px;
			margin-top:20px;
		}
			div.qSearchResultQuestion{
				position: relative;
				float: left;
			}
			div.qSearchResultCount{
				position: relative;
				float: right;
			}
			div.qSearchResult{
				border-bottom: 1px solid #ECECEC;
				border-top: 1px solid #ECECEC;
				padding: 10px 0px;
			}
			div.qSearchResultFirst{
				border-top: 1px solid #ECECEC;
				padding: 10px 0px;
			}
			div.qSearchResultLast{
				padding: 10px 0px;
			}
			div.qBrows{
				position: relative;
				float: left;
				background: #fbfaf9;
				width: 371px;
				padding: 10px 10px 5px;
				border: 1px solid #ECECEC;
				margin: 20px 0px 0px;
				box-shadow: 0px 0px 7px -2px #AAA;
				border-radius: 3px;
				min-height: 200px;
			}
			div.qBrowsLeft{
				margin-right: 20px;
			}
			div.qBrows_wide{
				position: relative;
				float: left;
				background: #fbfaf9;
				width: 800px;
				padding: 10px 10px 5px;
				border: 1px solid #ECECEC;
				margin: 20px 0px 0px;
				box-shadow: 0px 0px 7px -2px #AAA;
				border-radius: 3px;
				min-height: 200px;
			}
			div.qBrowsLeft_wide{
				margin-right: 0px;
			}
		div.qMiniDiv{
			border-bottom: 1px solid #ECECEC;
			padding: 5px;
		}
		div.qMiniDivLast{
			border-bottom: 0px solid #ECECEC;
		}
		div.qAllBranches{
			position: relative;
			float: left;
			padding: 10px 15px;
		}
	/*<-- {dashboard}}*/
	
	/*{{ask a question}} --->*/
		div.qAskQuestion{
			position: relative;
			float: left;
			width: 768px;
			background: #fbfaf9;
			padding: 20px;
			border: 1px solid #ECECEC;
			border-radius: 3px;
		}
		div.qAskQ{
			position: relative;
			float: left;
			width: 180px;
			margin: 0px 0px 10px 0px;
		}
		div.qAskI{
			position: relative;
			float: left;
			margin: 0px 0px 20px 0px;
		}
		input[type="text"].qAskI{
			width: 470px;
			border: 1px solid #f4f3f3;
		}
		textarea.qAskQ{
			width: 470px;
			height: 100px;
			padding: 0px;
			border: 1px solid #f4f3f3;
			margin: 0px;
			resize: none;
		}
		input[type="submit"].qAskS{
			margin: 0px 0px 0px 0px;
			float: right;
		}
	/*<-- {ask a question}}*/
		
/*===>[[QUESTION AND ANSWER]]<===*/	

/*<===[[LABELS]]===>*/

	/*{{labels}} --->*/
	div.lContainer{
		position: relative;
		float: left;
		margin-top: 20px;
	}
		div.lLabelKind{
			positon: relative;
			float: left;
			margin-right: 5px;
		}
		div.lLabelKind img{
			height: 45px;
			-webkit-filter: grayscale(100%);
			margin-top: 3px;
			margin-left: 3px;
		}
		div.lLabelContent{
			positon: relative;
			float: left;
			width: 95px;
		}
		div.lLabelContentRight{
			float: left;
			margin-left: 35px;
			width: 100px;
		}
		div.lLabelKindRight img{
			height: 30px;
			-webkit-filter: grayscale(100%);
			margin-top: 3px;
			margin-right: 3px;
		}
		div.lNewSearch{
			position: relative;
			float: left;
		}
		div.lNewSubmit{
			position: relative;
			float: left;
			margin-left: 20px;
			margin-top: 19px;
		}
		div.lAllContacts{
			position: relative;
			float: left;
			width: 241px;
			height: 700px;
			overflow-y: auto;
			padding: 5px;
			/*border: 1px solid #ececec;*/
			border-radius: 2px;
			margin-right: 20px;
			/*background: #fbfaf9;*/
		}
		div.lLabelContacts{
			position: relative;
			float: left;
			width: 242px;
			height: 700px;
			overflow-y: auto;
			padding: 5px;
			/*border: 1px solid #ececec;*/
			border-radius: 2px;
			margin-right: 20px;
			/*background: #fbfaf9;*/
		}
		div.lLabels{
			position: relative;
			float: left;
			width: 242px;
			height: 700px;
			overflow-y: auto;
			padding: 5px;
			padding-right: 0px;
			/*border: 1px solid #ececec;*/
			border-radius: 2px;
			/*background: #fbfaf9;*/
		}
		div.lLabel{
			position: relative;
			float: left;
			width: 190px;
			height: 60px;
			padding: 5px;
			margin-top: 20px;
			text-align: right;
			background: url(../../images/label.png);
			background-repeat: no-repeat;
			background-position: top right;
		}
		div.lLabelMarginLeft{
			margin-left: 20px;
		}
		div.lLabelAll{
			text-align: left;
			background: url(../../images/label_reversed.png);
			background-repeat: no-repeat;
			background-position: top right;
		}
		div.lLabelGeneral{
			position: relative;
			float: right;
			width: 190px;
			height: 60px;
			padding: 5px;
			margin-top: 20px;
			background: url(../../images/label2.png);
			background-repeat: no-repeat;
			background-position: top right;
			text-align: right;
			color: #595959;
			font-weight: bold;
		}
		div.lLabelGeneral_selected{
			background: url(../../images/label2_selected.png);
			background-repeat: no-repeat;
			background-position: top right;
			color: #FFF;
		}
		div.lLabelGeneral a{
			color: #FFF;
		}
		div.lLabelText{
			position: relative;
			float: left;
			width: 263px;
			padding: 0px;
		}
		div.lSearch{
			position: relative;
			float: left;
			width: 790px;
		}
		img.alterMiddle{
			cursor: pointer;
			position: absolute;
			right: 8px;
			bottom: 16px;			
		}
		img.alterMiddleMiddle{
			cursor: pointer;
			position: absolute;
			right: 25px;
			bottom: 16px;
		}
		img.alterLeftAdd{
			cursor: pointer;
			position: absolute;
			bottom: 16px;
			left: 25px;
		}
		img.alterLeftRemove{
			cursor: pointer;
			position: absolute;
			bottom: 16px;
			left: 5px;
		}
	/*<-- {labels }}*/
		
/*===>[[LABELS]]<===*/	



/*<===[[GROUPS]]===>*/

	/*{{Search groups}} --->*/
		.group_container{
		position: relative;
		float: left;
		width: 141px;
		height: 141px;
		margin-right: 20px;
		margin-bottom: 75px;
		}
		.groupNoMarginRight {
			margin-right: 0px;
		}
		.group{
			height: 141px;
			border: 0px solid black;
			display: inline-block;
			position: relative;
			border: 1px solid #ECECEC;
			
		}
		.group_text{
			position: absolute;
			bottom: -1px;
			width: 142px;
			font-size: 16px;
			font-weight: bold;
			text-align: center;
			background: rgba(255,255,255,0.5);
			padding: 2px 0px;
		}
		img.groupFlip{
			-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(70%, transparent), to(rgba(250, 250, 250, 0.1)));
		}
		a.followGroup {
			cursor: pointer;
		}
		div.sgMyGroups{
			position: relative;
			float: left;
			padding: 3px 5px;
			background: #599EB9;
			color: #FFF;
			font-weight: bold;
			cursor: pointer;
		}
		div.sgMakeGroup {
			position: relative;
			float: right;
			padding: 3px 5px;
			background: #599EB9;
			color: #FFF;
			font-weight: bold;
		}
		div.sgSearch {
			margin-bottom: 20px;
		}
		input[type="text"].sgInput{
			margin-right: 20px;
			width: 400px;
		}
		div.sgModalOverlay {
			width: 815px;
			height: 400px;
			overflow-y: scroll;
		}
		div.sgFollow {
			margin-top: 5px;
		}
		div.sgUnfollow {
			margin-top: 5px;
			cursor: pointer;
		}
		div.groups { /*Dit is een div die op alle beroepen pagina's te zien is*/
		width: 740px;
		float: left;
		border: #ececec 1px solid;
		margin-top: 5px;
		}
		div.group_logo {
		float:left;
		margin: 10px;
		}
	/*<-- {Search groups}}*/
		
/*===>[[GROUPS]]<===*/

/*===>[[BLOG]]<===*/

    div.BlogHolder1{
		width: 740px;
		float: left;
		border: #ececec 1px solid;
		height:120px;
		margin-top: 45px;	
		overflow:hidden;
		}
    div.BlogHolder_title{position: relative;   
		float: left;
		width: 750px;
		height: 60px;
		margin-top: 0px;
		background: #599EB9;
		color:#ffffff;
		font-size:30px;
		font-weight:bold;
		text-align:left;
		border: 1px solid #ececec;
		}			
	div.BlogHolder2 {
		position: relative;
		float: left;
		width: 750px;
		margin-top: 0px;
		}
	div.blog_item { /*Dit is een div die op alle beroepen pagina's te zien is*/
		width: 740px;
		float: left;
		border: #ececec 1px solid;
		height:120px;	
		overflow:hidden;
		}
	div.blog_aut {
		width: 200px;color:#9a9a9a;
		}		
	div.blog_img {
		float:left;
		margin: 10px;
		}
	div.blog_stuk {
		float:right;
		width:647px;
		text-align:left;
		margin-top:5px;
	}
/*===>[[BLOG]]<===*/

/*===>[[NEWSLOCKER]]<===*/
	div.newslocker {
		width: 740px;
		float: left;
		border: #ececec 1px solid;
		border-radius: 3px;
		margin-top: 40px;
		margin-bottom:4px;
		
	}
	div.newslocker_logo {
		float:left;
		margin: 10px;
	}
	div.text_stuk {
		float:right;
		width:100%;
		text-align:left;u
		border-radius: 3px;
		box-shadow: 0px 0px 7px -2px #AAA;
	}
	div.text_stuk2 {
		float:right;
		width:620px;
		text-align:left;
		padding:10px;
	}
	div.text_stuk p{
		padding:0 10px;
	}
/*===>[[NEWSLOCKER]]<===*/

/*===>[[INDUSTRY PAGES]]===>*/
	
	div.BlogHolder {
			position: relative;
			float: left;
			width: 600px;
			margin-top: 0px; /*was 14px */
		}
	div.blog_blok {
			color: #ECECEC;
			border: solid 1px;
			border-radius: 3px;
			box-shadow: 0px 0px 7px -2px #AAA;
			width: 545px;
			float: left;
			margin-right: 20px;
			background: #fbfaf9;
			margin-top: 0px; /* was 20px */
			padding:0 10px;
		}
	div.stats_blok {
			color: #ECECEC;
			border: solid 1px;
			border-radius: 3px;
			box-shadow: 0px 0px 7px -2px #AAA;
			width: 545px;
			float: left;
			font-size:18px;
			margin-right: 20px;
			background: #fbfaf9;
			margin-top: 20px;
		}
	div.text_stuk2 {
		float:left;
		width:620px;
		text-align:left;
		padding:10px;
		}
/*===>[[INDUSTRY PAGES]]===>*/

/*<===[[ALLES OVER WERK]]===>*/

	/*{{All about work landing page}} --->*/
		div.content_blok {
			color: #ECECEC;
			border: solid 1px #ECECEC;
			border-radius: 3px;
			width: 248px;
			height: 240px;
			font-size: 24px;
			float: left;
			margin-right: 20px;
			background: #fbfaf9;
			margin-top: 20px;
			box-shadow: 0px 0px 7px -2px #AAA;
		}
		div.content_blok:nth-child(3n){
			margin-right: 0px;
		}
		div.contentHolder {
			position: relative;
			float: left;
			width: 825px;
			margin-top: 0px;
			margin-bottom: 10px;
		}
		div.content_blok div {
			padding-top:20px;
			padding-bottom:10px;
			color:#599EB9
		}
/*		div.pzmInfo{
			text-align: justify;	
		}*/
	
	/*<-- {All about work landing page}}*/
	/*<---{employer_sidebar}--->*/	
		.sidebar_logo {
			max-height:70px; 
			max-width:120px;
		}
	/*<---{employer_sidebar}--->*/
/*===>[[ALLES OVER WERK]]<===*/	


#eventlineUpdateTextarea{
	border:0;
	resize: none;
}

#postbox{
	border:1px solid #f4f3f3;	
	background-color:#fff;
}
/*===>[[HOVER EFFECT LINKJES]]===>*/
.sidebarLinks a div {
    /* Firefox */
    -moz-transition: color 0.2s ease-in;
    /* WebKit */
    -webkit-transition: color 0.2s ease-in;
    /* Opera */
    -o-transition: color 0.2s ease-in;
    /* Standard */
    transition: color 0.2s ease-in;}    
.sidebar:hover > .sidebarLinks a div {color: #09F;}    

.eventlinePost a{
    /* Firefox */
    -moz-transition: color 0.2s ease-in;
    /* WebKit */
    -webkit-transition: color 0.2s ease-in;
    /* Opera */
    -o-transition: color 0.2s ease-in;
    /* Standard */
    transition: color 0.2s ease-in;
}  

.eventlinePostCommentHolder a{
    /* Firefox */
    -moz-transition: color 0.2s ease-in;
    /* WebKit */
    -webkit-transition: color 0.2s ease-in;
    /* Opera */
    -o-transition: color 0.2s ease-in;
    /* Standard */
    transition: color 0.2s ease-in;
}

.eventlinePostCommentReactionHolder a{
    /* Firefox */
    -moz-transition: color 0.2s ease-in;
    /* WebKit */
    -webkit-transition: color 0.2s ease-in;
    /* Opera */
    -o-transition: color 0.2s ease-in;
    /* Standard */
    transition: color 0.2s ease-in;
}

.eventlinePost:hover a:not(.noHoverColor){
	color: #09F;
}

.eventlinePostCommentHolder:hover a:not(.noHoverColor){
	color: #09F;
}
.eventlinePostCommentReactionHolder:hover a:not(.noHoverColor){
	color: #09F;
}

#index-middle a{
    /* Firefox */
    -moz-transition: color 0.2s ease-in;
    /* WebKit */
    -webkit-transition: color 0.2s ease-in;
    /* Opera */
    -o-transition: color 0.2s ease-in;
    /* Standard */
    transition: color 0.2s ease-in;
}  
#index-middle>div:not(#index-middle-row1-right):hover a:not(.noHoverColor){
	color: #09F;
}

#index-middle-row1-right>div:hover a:not(.noHoverColor){
	color: #09F;
}
/*	
.eventlinePost:hover > * > * > a:not(.noHoverColor){
	color: #09F;
}

.eventlinePostCommentHolder:hover > * > a:not(.noHoverColor){
	color: #09F;
}
.eventlinePostCommentHolder:hover > * > * > a:not(.noHoverColor){
	color: #09F;
}

.eventlinePostCommentReactionHolder:hover > * > a:not(.noHoverColor){
	color: #09F;
}
.eventlinePostCommentReactionHolder:hover > * > * > a:not(.noHoverColor){
	color: #09F;
}
*/
a.noHoverColor:hover{
	color:inherit;	
}
/*===>[[HOVER EFFECT LINKJES]]===>*/

/*THIS IS FROM THEMES/CORPORATE/EVENTS>HTML IT WAS INLINE CSS*/
.size { position:relative }
.size .field {
	 background:#FBFAF9; color:#fff; padding:5px; border:none; cursor:pointer;
	font-family:'lucida sans unicode',sans-serif; font-size:1em;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.size .field:hover {
	border:solid 1px #fff;
	-moz-box-shadow:0 0 5px #999; -webkit-box-shadow:0 0 5px #999; box-shadow:0 0 5px #999
}
.size>ul.list { 
    /*display:none;
	position:absolute; right:38px; top:0px; z-index:999;
	width:170px;
	margin:0; padding:10px; list-style:none;
	background:#fff; 
	color:#333;
	-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
	-moz-box-shadow:0 0 5px #999; -webkit-box-shadow:0 0 5px #999; box-shadow:0 0 5px #999
	*/
	display:none;
	position:absolute; right:-203px; top:0px; z-index:999;
    width:170px;
    margin:0; padding:10px; list-style:none;
    background:#fff;
    color:#333;
    -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
    -moz-box-shadow:0 0 5px #999; -webkit-box-shadow:0 0 5px #999; box-shadow:0 0 5px #999
}
.size>ul.list li {
/* */padding:10px;
	border-bottom: solid 1px #ccc;
	

}
.size>ul.list li:hover {
	background:#599EB9; 
	color:#fff; 
	cursor: pointer;
}
.size>ul.list a { 
	cursor: pointer;
}
.size>ul.list li:last-child { border:none 
}
	
div.eventlinePost {
/* 	padding: 10px 10px 2px 10px; */

	border: 0px solid #000000;
	border-radius: 3px 3px 3px 3px;

	}
/*	
#overlay_container, #overlay_container2 {
	width:700px;
	height:300px;
	background-color: #a7a8ac;
	opacity:0.9;
	filter:alpha(opacity=90);
	position:absolute;
	z-index:1001;
	border-radius:4px;	
}
#jobroll_overlay, #jobroll_overlay2 {
	width:680px;
	height:280px;
	position:absolute;
	z-index:10;
	background-color: #FFF;
	top:10px;
	left:10px;
	border-radius:4px;
	font-weight:bold;
	text-align:left;
}
*/
#kruisje, #kruisje2 {
	font-weight:bolder;
	color:#000;
	top:20px;
	left:20px;
	float:right;
	margin-right:5px;
	cursor:pointer;
}
/*#tekst, #tekst2 {
	position:absolute;
	top:25%;
	left:15%;
	font-size:18px;
}*/
div.complete_bar{
		/*background-color:#999;
		height:20px;*/
		
	margin-top:20px;
	width:257px;
	background-color: #FBFAF9;
	padding-left: 10px;
	padding-right: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	border: 1px solid #000000;
	border-radius: 3px 3px 3px 3px;
}
	div.profile_sections{
		color:#000;
		border-bottom: 0px solid #E9E9E9;
	}
	div.knop{
				display: inline-block;
				font-size: 16px;
				color: #fff;
				background-color: #599EB9;
				height: 25px;
				line-height: 25px;
				padding: 5px 7px;
				margin-bottom: 0px;
				box-shadow: 0px 0px 7px -2px #AAA;
				border-radius: 3px;
				font-weight: bold;
				margin-right: 20px;
	}
	div.lijntje{
		border-bottom: 1px solid #E9E9E9;
	}
	div.profile{
		margin-top:20px;
	}
	.thumb{
		max-width:483px;	
	}
	
div.jobroll,div.rightEvent {/* css voor jobroll werkt niet: die staat daar inline gecodeerd*/
	float:right;
	clear:right;
}

/*AS a user I WANT to see more info of an user when I hover over a profilepicture.*/
.suggest-photo:hover .extraInfo{display: block;}
.suggest-photo .extraInfo:hover{display: block;}

.extraInfo{z-index: 91; list-style: none; display: none; position: absolute; left: -277px; width: 290px; height: 287px; background: #FCFCFC; border-radius: 5px; overflow: hidden; box-shadow: 0px 0px 2px rgb(182, 182, 182);}
.extraInfo ul {list-style: none; margin: 0;  padding: 0;}
.extraInfo .info .banner img { height: 133px!important;  position: relative;    top: -10px;    left: -10px;}
.extraInfo .info .photo{width: 84px;height: 75px;float: left;margin-left: 10px;}
.extraInfo .info .photo img {    border-radius: 50%;    top: 153px;    position: absolute;    height: 59px;    border: 6px solid rgb(243, 243, 243);    box-shadow: 1px 1px 2px rgba(51, 51, 51, 0.41);}
.extraInfo .info .photo img:hover{border-color: rgba(0, 153, 255, 0.23);}
.extraInfo .info .photo img:active{box-shadow: none;}
.extraInfo .info .titel {    font-size: 19px;    margin-top: 23px;    color: #474747; padding-bottom: 5px;    font-weight: bold;}
.extraInfo .info .description{font-size: 12px; height: 61px;}
.extraInfo .social{height: 41px;background: whitesmoke;padding: 0px 0px 0px 0px;width: 290px;font-size: 15px;color: #599EB9;font-weight: bold;}
.extraInfo .social .relatie img { padding: 5px 15px;}
.extraInfo .social li { float: left; display: inline; border-left: 1px solid rgb(233, 233, 233); padding: 0px 13px; width: 70px; margin-top: 0px; height: 41px;}
.extraInfo .social li:first-child{border: none;}
.extraInfo .social .contacten img { padding: 8px 0px 0px 11px;}
.extraInfo .social .volgend img { padding: 8px 0px 0px 8px;}

/*AS a user I WANT to see urgent errors in the header and be able to click them away.*/
.error-message {color: whitesmoke; font-size: 15px;margin-bottom: 30px;}
.error-message .close{	color: #E6E6E6!important;	float:right; cursor:pointer; padding: 5px 20px 2px 20px; background: rgb(179, 0, 0); font-weight: bold;}
.error-message .close:hover{background: rgb(145, 37, 37);}
.error-message .inner{border: 1px solid #D84333;  padding: 25px 25px 5px 25px; background: #e34c3b;}
.error-message .inner h3{ font-size: 30px; margin: 0px; color: whitesmoke;}
.error-message .inner p{width: 650px;} 
.error-message .buttons {    min-height: 33px;    background: white;    padding: 7px 35px;}
.error-message .buttons ul{list-style: none; height: 20px;margin: 0;}
.error-message .buttons ul li{float: right; /* margin-right: 100px; */}
.error-message .buttons ul li a{background: #257BB4;color: white;padding: 6px 12px;display: block;}

/*job*/
.apply.employer{ font-size: 13px; background: rgb(182, 182, 182); cursor: default; }

/*header*/
.header_wide .searchform input { 
	box-shadow: inset 3px 3px 8px -3px #9EB0DF;
position: absolute; 
border: 1px solid #8F8F8F;
font: 13px/1.5em Arial, Verdana, sans-serif;

	width: 528px;
margin-left: 155px;
height: 32px; 
padding: 0px 10px; 
background: #FFFFFF url('/images/search.png') no-repeat;

	background-position: 519px;background-size: 18px;background-position-y: 7px;
} 
.header_wide .inloggen a{ 
padding: 8px 33px;  position: relative;          font-size: 14px;  
font-family: Roboto, arial;  text-transform: uppercase;  border-bottom: 2px solid rgb(42, 80, 111);  text-decoration: none;    
float: right;      border-radius: 7px;  
background: rgb(89, 158, 185);  
color: rgb(255, 255, 255);                    
margin-top: 2px;
}
/* Ik heb je button gebruik ik vond het mooi DD */
.header_wide .inloggen a:hover{border-color: rgb(89, 158, 185); }
.button_click{ background-color: #599EB9;color: #FFFFFF; margin-top: 3px; padding: 4px 25px;-moz-border-radius:3px;border-radius:3px; border: 1px solid #E92626; box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.35) ,0px 1px 0px 0px rgba(255,255,255,0.3) inset;}
.button_click_deactive{ background-color: #ccc;color: #FFFFFF; margin-top: 3px; padding: 4px 25px;-moz-border-radius:3px;border-radius:3px; border: 1px solid #848484; box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.35) ,0px 1px 0px 0px rgba(255,255,255,0.3) inset;}

.suggestions{ position: relative; left:235px; width:320px; display:none;}
.searchresults { border: 1px solid rgb(206, 206, 206); width: 523px; position: absolute; left: -55px; top: 51px;}
.searchresults a { display: block; background-color: #F1F1F1; /* clear:left; */ height:56px; text-decoration:none; /* border-top: 1px solid black; */ width: 416px; margin-left: 107px; /* top: -19px; */ border-right: 1px solid rgb(179, 179, 179); line-height: 4;}
.searchresults a:hover { background-color: #F8F8F8; color: black; }
.searchresults a img { float:left; margin: 5px 10px; border: 1px solid rgb(219, 219, 219); border-radius: 50%; height: 39px; width: 42px;}
.searchresults a .searchheading { display:block; font-weight:bold; padding-top:5px; color:black; }
.searchheading { display: block; background: #EBEBEB; }
.searchresults a:hover .searchheading { color:black; }
.searchresults a span { color:#555555; }
.searchresults a:hover span { color:#f1f1f1; }
.searchresults .soort_category { font-size: 16px; display: inline-block; float: left; color: #333; background: transparent; border-top: 1px solid rgb(224, 224, 224); padding: 10px 12px; line-height: 1.2; width: 83px; font-weight: bold;}
.searchresults .seperator { float:right; padding-right:15px; margin-right:5px; background-image:url(../images/shortcuts_arrow.gif); background-repeat:no-repeat; background-position:right; }
.searchresults .seperator a { background-color:transparent; display:block; margin:5px; height:auto; color:#ffffff; }
.searchresults .soort_category:first-child { border: none; }
.searches .meerinfo { background: #EBEBEB; height: 23px;}
.searches .meerinfo a { line-height: 1.6; padding-right: 10px; color: rgba(255, 80, 0, 0.55); text-align: right; width: 406px; height: 23px;}
.searches .meerinfo a:hover { color: #599EB9; text-decoration: underline;}
.searches .meerinfo a:hover { background: #f1f1f1;}

/*Can we not display the bequan logos and expert badges?*/
.signup_box_image img {  visibility: hidden;}   
.expertBadge img {  visibility: hidden;}

.youtubes {
	background-color: rgb(230, 230, 230);
	padding: 272px 0px 0px 0px;
	text-align: center;
	border-radius: 0px 4px 4px 0px;
	width: 275px;
	position: absolute;
	float: left;
	display: block;
	margin: 33px 0px 0px 730px;
}
.index-2-3 { width: 825px; background: white; margin-left: 180px; display: block; border-radius: 0px 4px 4px 0px;}

.highlights { padding-top: 5px;}
.highlights h4{margin: 0px 0px 10px 0px; text-align: center; font-size: 22px; font-weight: 100; color: #133;}
.highlights .h-box { border: 1px solid #e1e1e1;    padding: 1px;    width: 220px;    background: #F7F7F7;    box-shadow: 2px 2px 7px #E6E6E6;}
.highlights .h-box img{width: 220px;}

.minipolcontainerinner {box-shadow: none; width: 523px!important;}
.minipollhead ul li {    float: left;    padding: 0px;    height: 19px;    width: 170px;}

div.MyCMenu > a > div:hover { background: white;    border-bottom: 1px solid rgb(143, 0, 0);}

.resume_button.send-message {    position: absolute;    top: 2px;    right: 2px;    background: #FFFFFF;        font-weight: 100;    padding: 3px 17px 8px 16px;    border-radius: 0px;    margin-right: -2px;}
.resume_button.send-message a {    color: #848484;    font-size: 16px;    border-radius: 0px;    font-weight: 100;}
.resume_button.send-message:hover {    border-bottom: 1px solid rgb(180, 2, 2);}

.containr{	float: left;	width: 713px; background-color: white;	padding: 0px 50px 0px 50px;	margin: 0px 0px 0px 180px;	border-radius: 3px;	min-height: 700px;	/* height: 2721px; */}
.intro{	width: 780px;	text-align: center;	background-color: #FFF;	margin: 0px 0px 16px 180px;	font-size: 18px;	padding: 20px 10px 20px 25px;	left : 100px;	border: 1px solid #000000;	border-radius: 3px 3px 3px 3px;}
.blokje{	width: 350px;	float:left;	position:relative;	padding: 0px 10px 10px 0px;	min-height: 175px;}
.videotitle{ font-size: 13px;	font-weight: bold;	background-color: #599EB9;	color: #FFF;	width: 306px;	text-align: justify;	padding: 9px 9px 9px 9px;	margin: 4px 0px 0px 0px;	 height: 20px;	border: 1px solid #000000;	border-radius: 3px 3px 3px 3px;}	
.videodescr{	font-size: 12px;	background-color: #CCC;	color: #000;	width: 306px;	text-align: left;	padding: 9px 9px 30px 9px;	margin: -5px 0px 0px 0px;	height: 8ex;	overflow: hidden;	border: 1px solid #000000;	border-radius: 3px 3px 3px 3px;	}	
.videorating, .videoviews{ width: 320px; font-size: 10px; float:left;	position:relative;	padding: 20px 0px 0px 0px;	color: black;	 text-align: left;}
.single_image{ box-shadow: 0px 6px 6px 0px #333333; width: 320px; border: #000;	border-radius: 7px;	padding: 5px 5px 5px 5px;}
#filpmje{ margin-top: 200px;	height: 100px;}
	
.page-title h1{border-radius: 3px 3px 3px 3px;font-size: 2.5em;font-weight: bold;line-height: 1.4em;margin-bottom: 10px;font-family: arial;color: rgb(72, 80, 86);margin: 21px 0px 7px -1px;}

/*fotos*/
	p#cf7_controls {
	  	text-align: left;
		
	  	/* display: block; */
		
	  	/* position: absolute; */
	
	  	overflow: auto;
	  	height: 399px;
	  	width: 100px;
	  	margin: 20px 0px;
	  	float: left;
}
	
	#cf7_controls span {
	  	/* padding-right:1em; */
		
	  	/* padding-left:1em; */
	  	cursor:pointer;
	
	  	/* width: 100px; */
	  	/* float: left; */
	  	display: block;
}
	
	#cf7 {
	  	position: relative;
	  	height: 825px;
	  	top: 4px;
		
	  	overflow: hidden;
	}
	
	#cf7 img {
		box-shadow: 0px 0px 10px -2px #000000;
		position: absolute;
		left: 24px;
		-webkit-transition: opacity 1s ease-in-out;
		-moz-transition: opacity 1s ease-in-out;
		-o-transition: opacity 1s ease-in-out;
		transition: opacity 1s ease-in-out;
		opacity:0;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		width: 589px;
		height: auto;
		border-radius: 10px;
	
		top: 16px;
}
	#cf7 img.opaque {
		opacity:1;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(opacity=1);
	}

	/*Links*/

	.tribute{
	font-size: 11px;
	float: right;
	position: absolute;
	width: 190px;
	height: 80px;
	left: 570px;
	top : 2px;
}

.logo
{
	margin: 5px 5px 5px 5px;
	float: right;
	position: absolute;
	left: 750px;
	top : 0px;
}

.allesInfo{
	width: 765px;
	text-align: left;
	position: relative;
	float: left;
	background-color: #FBFAF9;
	padding: 12px;
	border: 1px solid #ECECEC;
	border-radius: 3px 3px 3px 3px !important;
}
.halftableft {
	width:300px;
	float:left;
}
.halftabright {
	width:300px;
	float:right;
}
div#opleidingen{
	position: absolute;
	width: 300px;
	float: left;
	left: 475px;
	top : 0px;
	font-size: 10px;
	text-align: center;
}
div#opleidingenLogo{
	position: absolute;
	float: left;
	left: 725px;
	top : -5px;
	text-align: left;
}
div.advertisingBarHor_test {
	background: #fbfaf9;
	border-radius: 3px;
	text-align: center;
	margin:0px;
	padding: 5px 0px;
	border: 1px solid #ECECEC;
	position: relative;
	float: left;
	width: 755px;
}
	
/*link-box*/
.l-box { box-shadow: 0px 0px 3px rgba(211, 211, 211, 1); min-height: 281px; width: 231px; float: left; margin: 0px 10px 30px 0px; padding: 11px 0px; background: rgb(253, 253, 253); /* border: 1px solid rgb(241, 241, 241); */ border-radius: 4px;}
.l-box h4 { font-size: 20px; font-family: arial; margin: 0px; color: rgb(107, 193, 226);}
.l-box span { height: 61px; background: rgb(245, 245, 245); width: 100%; display: block; margin-top: 11px; border-top: 1px solid rgb(228, 226, 226); border-bottom: 1px solid rgb(226, 226, 226);}
.l-box span a img { padding: 6px 0px 0px 0px;}
.l-box p { color: rgb(134, 132, 132); font-family: arial; font-size: 13px; padding: 0px 15px; width: 61%; font-weight: bold; margin: 13px 0px 0px 0px; margin-top: 0px;}
.l-box a.button { padding: 8px 33px; position: relative; bottom: -152px; border-radius: 7px; background: rgb(89, 158, 185); color: rgb(241, 241, 241); font-size: 14px; font-family: arial; text-transform: uppercase; border-bottom: 2px solid rgb(42, 80, 111); text-decoration: none; font-weight: bold; float: left; margin-left: 46px;}
.l-box a.button:hover { border-color: rgb(89, 158, 185);}


/*video-box*/
.v-box { box-shadow: 0px 0px 3px rgba(211, 211, 211, 1); height: 393px; width: 319px; float: left; margin: 0px 10px 30px 0px; padding: 10px; background: rgb(253, 253, 253); /* border: 1px solid rgb(241, 241, 241); */ border-radius: 4px;}
.v-box h4 { font-size: 14px; text-overflow: ellipsis; font-family: arial; margin: 0px 0px 15px 0px; color: rgb(107, 193, 226); white-space: nowrap;   overflow: hidden;}
.v-box img{width:100%;}
.v-box span { height: 61px; background: rgb(245, 245, 245); width: 100%; display: block; margin-top: 11px; border-top: 1px solid rgb(228, 226, 226); border-bottom: 1px solid rgb(226, 226, 226);}
.v-box span a img { padding: 6px 0px 0px 0px;}
.v-box p { color: rgb(134, 132, 132); font-family: arial; font-size: 12px; padding: 0px; font-weight: bold; margin: 13px 0px 3px 0px; height: 65px;}
.v-box a.button { padding: 8px 33px; position: relative; /* height: 66px; */ /* bottom: -80px; */ /* width: 136px; */ border-radius: 7px; background: rgb(89, 158, 185); color: rgb(241, 241, 241); font-size: 14px; font-family: arial; text-transform: uppercase; border-bottom: 2px solid rgb(42, 80, 111); text-decoration: none; font-weight: bold; margin: 0px 76px 0px 105px; display: block; top: -17px; /* float: left; */}
.v-box a.button:hover { border-color: rgb(89, 158, 185);}


/*interview-box*/
.i-box { box-shadow: 0px 0px 3px rgba(211, 211, 211, 1); height: 615px; width: 343px; float: left; margin: 0px 10px 30px 0px; padding: 10px; background: rgb(253, 253, 253); /* border: 1px solid rgb(241, 241, 241); */ border-radius: 4px;}
.i-box h4 { font-size: 14px; text-overflow: ellipsis; font-family: arial; margin: 0px 0px 15px 0px; color: rgb(107, 193, 226); white-space: nowrap;   overflow: hidden;}
.i-box img{width:100%;}
.i-box span { height: 61px; background: rgb(245, 245, 245); width: 100%; display: block; margin-top: 11px; border-top: 1px solid rgb(228, 226, 226); border-bottom: 1px solid rgb(226, 226, 226);}
.i-box span a img { padding: 6px 0px 0px 0px;}
.i-box p { color: rgb(134, 132, 132); font-family: arial; font-size: 12px; padding: 0px 15px; font-weight: bold; margin: 13px 0px 3px 0px; height: 65px;}
.i-box a.button { padding: 8px 33px; position: relative; /* height: 66px; */ /* bottom: -80px; */ /* width: 136px; */ border-radius: 7px; background: rgb(89, 158, 185); color: rgb(241, 241, 241); font-size: 14px; font-family: arial; text-transform: uppercase; border-bottom: 2px solid rgb(42, 80, 111); text-decoration: none; font-weight: bold; margin: 0px 76px 0px 105px; display: block; top: -17px; /* float: left; */}
.i-box a.button:hover { border-color: rgb(89, 158, 185);}

/*interview - 2-box*/
.g-box { box-shadow: 0px 0px 3px rgba(211, 211, 211, 1); height: 393px; width: 345px; float: left; margin: 0px 10px 30px 0px; padding: 10px; background: rgb(253, 253, 253); /* border: 1px solid rgb(241, 241, 241); */ border-radius: 4px;}
.g-box h4 { font-size: 14px; text-overflow: ellipsis; font-family: arial; margin: 0px 0px 15px 0px; color: rgb(107, 193, 226); white-space: nowrap;   overflow: hidden;}
.g-box img{width:100%;}
.g-box span { height: 61px; background: rgb(245, 245, 245); width: 100%; display: block; margin-top: 11px; border-top: 1px solid rgb(228, 226, 226); border-bottom: 1px solid rgb(226, 226, 226);}
.g-box span a img { padding: 6px 0px 0px 0px;}
.g-box p { color: rgb(134, 132, 132); font-family: arial; font-size: 12px; padding: 0px 15px; font-weight: bold; margin: 13px 0px 3px 0px; height: 65px;}
.g-box a.button { padding: 8px 33px; position: relative; /* height: 66px; */ /* bottom: -80px; */ /* width: 136px; */ border-radius: 7px; background: rgb(89, 158, 185); color: rgb(241, 241, 241); font-size: 14px; font-family: arial; text-transform: uppercase; border-bottom: 2px solid rgb(42, 80, 111); text-decoration: none; font-weight: bold; margin: 0px 76px 0px 105px; display: block; top: -17px; /* float: left; */}
.g-box a.button:hover { border-color: rgb(89, 158, 185);}

/*alles over-box*/
.o-box { box-shadow: 0px 0px 3px rgba(211, 211, 211, 1); /* min-height: 105px!important; */ width: 223px; float: left; height: 305px; margin: 0px 10px 30px 0px; padding: 11px 0px; background: rgb(253, 253, 253); /* border: 1px solid rgb(241, 241, 241); */ border-radius: 4px;}
.o-box h4 { font-size: 20px; font-family: arial; margin: 0px; color: rgb(107, 193, 226);}
.o-box span { height: 61px; background: rgb(245, 245, 245); width: 100%; display: block; margin-top: 11px; border-top: 1px solid rgb(228, 226, 226); border-bottom: 1px solid rgb(226, 226, 226);}
.o-box span a img { padding: 6px 0px 0px 0px;}
.o-box img{margin-top: 10px;}
.o-box p { color: rgb(134, 132, 132); font-family: arial; font-size: 13px; padding: 23px 15px; font-weight: bold; margin: 13px 0px 0px 0px;}
.o-box a.button { padding: 8px 28px; position: relative; bottom: 7px; border-radius: 7px; background: rgb(89, 158, 185); color: rgb(241, 241, 241); font-size: 14px; font-family: arial; text-transform: uppercase; border-bottom: 2px solid rgb(42, 80, 111); text-decoration: none; font-weight: bold; /* float: center; */ float: left; margin-left: 42px;}
.o-box a.button:hover { border-color: rgb(89, 158, 185);}

.b-box { box-shadow: 0px 0px 3px rgba(211, 211, 211, 1); min-height: 255px; width: 347px; float: left; margin: 0px 18px 12px 0px; padding: 0px 0px 8px 0px; background: rgb(253, 253, 253); /* border: 1px solid rgb(241, 241, 241); */ border-radius: 4px;}
.b-box h4 { font-size: 20px; font-family: arial; margin: 0px 0px 0px 0px; color: rgb(107, 193, 226); text-align: center; font-weight: 300; min-height: 50px;}
.b-box span { height: 61px; background: rgb(245, 245, 245); width: 100%; display: block; margin-top: 11px; border-top: 1px solid rgb(228, 226, 226); border-bottom: 1px solid rgb(226, 226, 226);}
.b-box span a img { padding: 6px 0px 0px 0px;}
.b-box img{width: 100%;/* margin-bottom: 20px; */}
.b-box p { color: rgb(134, 132, 132); font-family: arial; font-size: 16px; padding: 0px 15px; margin: 8px 0px 0px 0px; min-height: 78px!important;}
.b-box .blog-view { font-size: 11px;    float: right;    margin-bottom: 2px;    margin-right: 5px; color: #757575;}
.b-box a.button { padding: 8px 33px; position: relative; border-radius: 7px; background: rgb(89, 158, 185); color: rgb(241, 241, 241); font-size: 14px; font-family: Roboto; text-transform: uppercase; border-bottom: 2px solid rgb(42, 80, 111); text-decoration: none; font-weight: bold; margin-left: 105px; top: -18px; margin-right: 80px;}
.b-box a.button:hover { border-color: rgb(89, 158, 185);}

/*alles over-box*/
.f-box { /* box-shadow: 0px 0px 3px rgba(211, 211, 211, 1); */ min-height: 185px; width: 180px; float: left; margin: 0px 10px 30px 0px; padding: 11px 0px; background: rgb(253, 253, 253); /* border: 1px solid rgb(241, 241, 241); */ border-radius: 4px;}
.f-box h4 { font-size: 20px; font-family: arial; margin: 0px; color: rgb(107, 193, 226);}
.f-box img{margin-top: 10px;height: 100px;width: 100px;margin-left: 36px;margin: -12 auto;}
.f-box p { color: rgb(134, 132, 132); font-family: arial; font-size: 13px; padding: 0px 15px; font-weight: bold; margin: 13px 0px 0px 0px;}
.f-box a.button { padding: 8px 33px; position: relative; bottom: 7px; border-radius: 7px; background: rgb(89, 158, 185); color: rgb(241, 241, 241); font-size: 14px; font-family: arial; text-transform: uppercase; border-bottom: 2px solid rgb(42, 80, 111); text-decoration: none; font-weight: bold; /* float: center; */ float: left; margin-left: 42px;}
.f-box a.button:hover { border-color: rgb(89, 158, 185);}
.f-box .select { padding: 4px 0px; position: relative; bottom: -14px; width: 111px; border-radius: 7px; background: rgb(89, 158, 185); color: rgb(241, 241, 241); font-size: 14px; font-family: arial; text-transform: uppercase; border-bottom: 2px solid rgb(42, 80, 111); text-decoration: none; font-weight: bold; /* float: center; */ float: left; margin-left: 29px;}
.f-box .select:hover { border-color: rgb(89, 158, 185);}


/*discografie-box*/

.d-box { /* box-shadow: 0px 0px 3px rgba(211, 211, 211, 1); */ min-height: 185px; width: 181px; /* float: left; */ margin: 0px 10px 30px 0px; padding: 11px 0px; background: rgb(253, 253, 253); /* border: 1px solid rgb(241, 241, 241); */ border-radius: 4px;}
.d-box h4 { font-size: 20px; font-family: arial; margin: 0px; color: rgb(107, 193, 226);}
.d-box img{margin-top: -18px;/* padding: 50px; */float: left;height: 100px;width: 90px;margin-right: 652px;display: block;margin: -12 auto;}
.d-box p { color: rgb(134, 132, 132); font-family: arial; font-size: 13px; padding: 0px 15px; font-weight: bold; margin: 13px 0px 0px 0px;}
.d-box a.button { padding: 8px 33px; position: relative; bottom: 7px; border-radius: 7px; background: rgb(89, 158, 185); color: rgb(241, 241, 241); font-size: 14px; font-family: arial; text-transform: uppercase; border-bottom: 2px solid rgb(42, 80, 111); text-decoration: none; font-weight: bold; /* float: center; */ float: left; margin-left: -7px;}
.d-box a.button:hover { border-color: rgb(89, 158, 185);}
.d-box .select { padding: 4px 0px; position: relative; bottom: -14px; width: 111px; border-radius: 7px; background: rgb(89, 158, 185); color: rgb(241, 241, 241); font-size: 14px; font-family: arial; text-transform: uppercase; border-bottom: 2px solid rgb(42, 80, 111); text-decoration: none; font-weight: bold; /* float: center; */ float: left; margin-left: 29px;}
.d-box .select:hover { border-color: rgb(89, 158, 185);}



/*balloon-bubble*/
.balloon{background-image:url('/images/text-balloon.png');position:absolute;left:70px;top:0px;z-index:3000;width:250px;height:90px;text-align:center;display:none;padding:10px 20px 10px 80px;}

h1{
	font-family: Roboto, Arial;
	padding-top: 10px;
	padding-bottom: 10px;
	border-radius: 3px;
	text-align: left;
	color: #000;
	letter-spacing: 1px;
	line-height: 1.5;
	margin-left: -1px;
	margin-right: -1px;
	margin-top: 2px;
	margin-bottom: 0px;
	font-size: 20px;
	padding-left: 5px;
	font-weight: 300;
}
.title{
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFF;
	margin: 5px 5px 25px 5px;	
	border-radius: 3px;
	height: 16px;
	background-color: #599EB9;
	padding-top: 3px;
	padding-bottom:5px;
	padding-left: 10px;
	height: auto;
}
.contento_blok img{
	border-radius: 5px;
	box-shadow: 5px 5px 2px #666 ;
}
.contento_blok{
	width: 175px;
	height: 220px;
	margin: 10px 20px 10px 0px;
	float: left;
	background: #FBFAF9;
	border: 1px solid #000000;
	border-radius: 5px;
	position: relative;
	text-align: center;
}
 
.contentHolder{
	margin:0px 0px 0px 0px;
}
.pzmInfo{
	position: relative;
	float: left;
	width: 750px;
	margin: 0px 0px 0px 0px;
	background: #fbfaf9;
	border: 1px solid #ECECEC;
	border-radius: 3px;
	box-shadow: 0px 0px 7px -2px #AAA;
	padding: 10px 10px;
	text-align: left;
	border: 1px solid #000000;
	border-radius: 3px 3px 3px 3px;
}
.pzmHeader{
	text-align: left;
	font-family:Arial, Helvetica, sans-serif;
	color:  #333;
	font-size: 24px;
	font-weight: normal;
	letter-spacing: 1px;
	margin-left: 0px;	
}
.banner_pzm{
	float: left;
	padding-left: 19px;
}
.page_title{
	color: #000;
	width: 805px;
	text-align: center;
	border-radius: 4px;
	background-color: #FFF;
	margin: 7px 0px 16px 164px;
	font-size: 18px;
	padding: 20px 10px 20px 0px;
	left : 100px;
	border: 1px solid #000000;
	border-radius: 3px 3px 3px 3px;
}

/*template-design*/
.button-action { border-radius: 7px;  background: rgb(89, 158, 185);  color: rgb(241, 241, 241);  font-size: 14px;  padding: 8px 33px;  font-family: arial;  text-transform: uppercase;  border-bottom: 2px solid rgb(42, 80, 111);  text-decoration: none!important;  font-weight: bold;}
.button-action:hover {border-color: rgb(89, 158, 185);color: white;}

.nAlertcssmenu li:hover{background: none!important; cursor: pointer!important; text-decoration: underline;}
.nAlertcssmenu li:hover div:hover{color: blue!important; };

.evntlineTabs { display: none!important;}
.eventlineSuggest {    border: none!important;    background: none!important;    margin-top: 45px;}

#eventselect{
background:#ECECEC;
width: 17%;

}

.iframeclass {z-index: 100;width: 691px;float: left;border: none;margin-bottom: 50px;}


.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
border: 0px solid rgba(0, 0, 0,0.1)!important;
background: rgba(0, 0, 0,0.0)!important;
width:200px!important;
font-weight: bold;
color: #FFF;
cursor: pointer;
}

.agenda_events { width: 40px; height: 40px; float: left;}
.agenda_events img{height: 30px; width: 40px;}

.breadcrumbs{
   color:blue;

	
   margin-left: -607px;
}

/*inloggen*/
.sign_in_box{width: 962x; margin: 0px;}
.login .login { padding: 9px 11px; font-size: 16px; border: 1px solid rgb(214, 214, 214);}
.login .login:focus {border: 1px solid rgb(134, 133, 133);outline: 0;}

/*image-comments*/
.image-comments {float: right;}
.fancybox-skin{border-radius: 4px 0px 0px 4px!important;}
 .resume_button.send-message {    position: absolute;    top: 2px;    right: 2px;    background: #FFFFFF;        font-weight: 100;    padding: 3px 17px 6px 16px;    border-radius: 0px;    margin-right: -2px;    width: auto;}

/*Input field for the admin concerts*/


.agenda_input_time::-webkit-input-placeholder { /* WebKit browsers */
    color: #29569F;
}

.agenda_input_location::-webkit-input-placeholder { /* WebKit browsers */
    color: #29569F;
}

.agenda_input_adress::-webkit-input-placeholder { /* WebKit browsers */
    color: #29569F;
}

.agenda_input_plaats::-webkit-input-placeholder { /* WebKit browsers */
    color: #29569F;
}

.agenda_input_date::-webkit-input-placeholder { /* WebKit browsers */
    color: #29569F;
}

input.agenda_input_time{
background: url('./images/input_fields/time.png')no-repeat left white;
height: 40px;
width: 250px;
padding: 0 10px 0 40px;
background-size: 25px;
margin-bottom: 5px;
border-radius: 5px;
font-size: 17px;
background-position: 5px;
}

input.agenda_input_location{
background: url('./images/input_fields/location.png') no-repeat left white;
height: 40px;
width: 250px;
padding: 0 10px 0 40px;
background-size: 25px;
margin-bottom: 5px;
border-radius: 5px;
font-size: 17px;
background-position: 5px;
}

input.agenda_input_adress{
background: url('./images/input_fields/adress.png') no-repeat left white;
height: 40px;
width: 250px;
padding: 0 10px 0 40px;
background-size: 25px;
margin-bottom: 5px;
border-radius: 5px;
font-size: 17px;
background-position: 5px;
}

input.agenda_input_plaats{
background: url('./images/input_fields/city.png') no-repeat left white;
height: 40px;
width: 250px;
padding: 0 10px 0 40px;
background-size: 25px;
margin-bottom: 15px;
border-radius: 5px;
font-size: 17px;
background-position: 5px;
}

textarea.agenda_omschrijving{
height: 80px;
width: 250px;
padding: 0 10px 0 40px;
background-size: 25px;
margin-bottom: 5px;
border-radius: 5px;
font-size: 17px;
border: none;
text-align: center;
color: #29569F;
line-height: 45px;
}

input.agenda_input_date{
background: url('./images/input_fields/agenda2.png') no-repeat left white;
height: 40px;
width: 250px;
padding: 0 10px 0 40px;
background-size: 25px;
margin-bottom: 15px;
border-radius: 5px;
font-size: 17px;
background-position: 5px;
}



.span_home{
display: block;
color: rgba(255, 255, 255, 1);
font-size: 12px;
text-shadow: 2px 2px rgba(5, 5, 5, 0.5);
font-family: sans-serif;
}

.agenda_overzicht {
width: 813px;
background-color: #8DA9B8;
margin-left: -50px;
margin-right: 30px;
margin-top: -2px;
}

.concert_banner .concert_h1{
text-align: center;
font-size: 28px;
font-family: 'Roboto', Arial;
text-shadow: 1px 1px rgba(255, 255, 255, 0.51);
}


.concert_banner {
width: 813px;
background-color: rgba(141, 169, 184, 0.44);
margin-left: -50px;
margin-right: 30px;
margin-top: -2px;
}


 .agenda_prev {
background-color: #F8F8F8;
padding: 2px;
cursor: pointer;
font-weight: bold;
height: 60px;
width: 809px;
line-height: 101px;
text-align: right;
font-family: ariel;
font-size: 14px;
border-bottom: 1px blue solid;
/* margin-bottom: 5px; */
/* border-style: solid; */
border-color: rgba(255, 0, 0, 0.25);

}
 .agenda_inhoud { display: none; padding: 5px; height: 420px; text-align: left; background-color: rgba(255, 255, 255, 1); }

.google_maps{
	width: 296px;
	height: 375px;
	margin-left: 490px;
	background-color: yellow;
}
.locatie_maps{
	margin-left: 490px;
	text-align: center;
}

.inhoud_title{ width: 450px; float: left; font-family: ariel; height: 42; font-size: 27px; /* background-color: grey; */ }
.inhoud_tijd{width: 250px; height: 42px; /* display: inherit; */float: left;margin-left: -450px;margin-top: -5px;/* overflow: inherit; */background-color: white;margin-top: 40px;}
.inhoud_omschrijving{width: 250px; height: 42px; float: left;margin-top: 140px;margin-left: -450px;display: overflow;overflow: inherit;/* background-color: orange; */}
.inhoud_adres{width: 250px; height: 42px; float: left;/* display: inherit; *//* background-color: black; */margin-left: -450px;margin-top: 87px;}

.prev_tijd{
    /* float: left; */
    /* position: inherit; */
    margin-left: -550px;
    position: absolute;
    font-family: 'Roboto', Arial;
    /* margin-right: 274px; */
}
.prev_plaats{
    /* float: left; */
    margin-left: -440px;
    font-family: 'Roboto', Arial;
    position: absolute;
}
.prev_datum{
    /* text-align: left; */
    /* float: left; */
    margin-left: 10px;
    display: block;
    font-family: 'Roboto', Arial;
    position: absolute;
}

.fb_button{
/* background-color: #599EB9; */
/* border: 0px solid #599EB9; */
font-size: 12px;
font-weight: bold;
color: #fff;
padding: 5px 10px 5px 10px;
cursor: pointer;
/* box-shadow: 0px 0px 7px -2px #AAA; */
border-radius: 3px;
}

#email_holder{
	display:none;
}

.warning {
color: #9F6000;
background-color: #FEEFB3;
background-image: url('warning.png');
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}


.keuze_inschrijving{
	width: 350px;
	height: 25px;
	margin-right: -94px;
	margin-top: 5px;
	float: right;
	text-align: center;
	color: rgb(172,172,172) !important;
	font-size: 12px;
	margin-top: 6px;
}

.keuze_inschrijving a{
	color: rgb(172,172,172)!important;
	text-decoration: none !important;
}

.inschrijving_email_box {
 position: relative;
 margin-left: 295px;
 border: 1px solid rgb(255, 105, 105);

 border-radius: 6px;
 width: 219px;
 background: rgb(250, 250, 250);
 height: 135px;
 margin-top: -121px;
 display: none;
}

.keuze_inschrijving:hover{ cursor: pointer; cursor: hand;}
.mc_chats {   margin-right: 16px;    position: absolute;    right: 0px; margin-top: 32px; }


.panel {
    /* background-color: #444; */
    height: 40px;
    padding: 10px;
}


.panel a#login_pop, .panel a#join_pop {
    border: 2px solid #aaa;
    color: #599EB9;
    display: block;
    float: right;
    margin-right: 10px;
    padding: 5px 10px;
    text-decoration: none;
    text-shadow: 1px 1px #000;

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}
a#login_pop:hover, a#join_pop:hover {
    border-color: #eee;
}
.overlay {
    background-color: rgba(0, 0, 0, 0.6);
    bottom: 0;
    cursor: default;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    visibility: hidden;
    z-index: 150;

    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -ms-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
}

.overlay:target+.popup {
    top: 50%;
    opacity: 1;
    visibility: visible;
}


.popup p, .popup div {
    margin-bottom: 10px;
}
.popup label {
    display: inline-block;
    text-align: left;
    width: 120px;
}
.popup input[type="text"], .popup input[type="password"] {
	background-color: rgba(216, 214, 209, 0.28) !important;
	margin: 0 !important;
	border: none !important;
	height: 40px !important;
	width: 221px !important;
	margin-left: 5px !important;
	padding: 2px !important;
	padding-left: 14px !important;
	
	-webkit-border-radius: 2px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	
	border-radius: 2px;
	border: 1px solid rgb(214, 214, 214)!important;
}
.overlay:target {
    visibility: visible;
    opacity: 1;
}
.popup {
    background-color: #fff;
    border: 3px solid #CCCCCC;
    display: inline-block;
    left: 50%;
    height: 360px;
    opacity: 0;
    width: 250px;
    padding: 15px;
    position: fixed;
    text-align: justify;
    top: 49%;
    visibility: hidden;
    z-index: 150;

    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 4px;

    /* -webkit-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset; */
    -moz-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
    -ms-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
    -o-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
    /* box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset; */

    -webkit-transition: opacity .5s, top .5s;
    -moz-transition: opacity .5s, top .5s;
    -ms-transition: opacity .5s, top .5s;
    -o-transition: opacity .5s, top .5s;
    transition: opacity .5s, top .5s;
}
.Login_button{
    background-color:#8eb4e1 	!important;
    color: white 				!important;
    /* margin-top: 2px; */
    margin-left: 4px    !important;
    width: 240px     !important;
    height: 40px 				!important;
    border: none 				!important;
    line-height: 30px 			!important;
    border-radius: 4px 			!important;
}

.login_foto{
    height: 64px;
    width: 64px;
    margin-left: 95px;
    /* fill: blue; */
    
}
.login_text{
    text-align: center;
    color:rgb(172,172,172);
    font-size: 25px;
    padding-bottom: 3px;
    margin-top: 6px;
    /* margin-bottom: 26px; */
}
.login_subtext{
    text-align: center;
    color:rgb(172,172,172);
    font-size: 15px;
    }



.login_registreer{
	width: 230px;
	height: 34px;
	margin-top: 5px;

}

.login_registreer_tekst{
	width: 230px;
	height: 25px;
	margin-left: 20px;
	margin-top: 5px;
	float: left;

	text-align: center;
    color:rgb(172,172,172);
    font-size: 15px;
    margin-top: 6px;
}


div#fotooplaadalt {
margin-top: -65px;
margin-left: 456px;

}

.verwijder_agenda_item{
    position: absolute;
    margin-left: 600px;
    /* color: blue; */
}

.ww_vergeten {
    margin-left: 116px;
    margin-top: 1px;
}
.ww_vergeten a {
    font-size: 10px;
    color: rgb(124, 187, 241);
}

.melding_form_datum{background: url('./images/input_fields/warnning.png') no-repeat white; background-position: 5px; width: 300px; height: 40px; border: 1px solid rgba(255, 6, 6, 0.44); background-color: rgba(255, 255, 255, 0.8);/* margin-right: 250px; *//* position: static; */margin-left: 880px;margin-top: 1px;text-shadow: 5px;position: absolute; text-align: center;line-height: 40px;box-shadow: 5px 5px 5px rgba(5, 5, 5, 0.34);}

.edit_over_mij{}


/*start: postboxMessage*/
.postboxMessage {float: left; width: 323px;}
.postboxMessage #postbox{border: 1px solid #f4f3f3;background-color: #fff;width: 327px!important;float: left;}
#emoticons{width: 350px!important;}
ul.token-input-list-message{width: 325px!important;}
textarea.mc_text{width: 321px!important;}
/*end: postboxMessage*/



/*Overmij css gedeelte*/
#txt_overmij{
    width: 799px !important;
    height: 149px !important;
    resize: none !important;
    border-radius: 5px !important;
    overflow: hidden !important;
    /* box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.22) !important; */
    font-family: sans-serif !important;
    font-size: 16px !important;
    padding: 5px !important;
    margin-left: 7px;
    border-color: rgba(0, 0, 0, 0.25) !important;
    margin-bottom: 10px !important;
    box-shadow: inset 1px 1px 1px 2px rgba(0, 0, 0, 0.05);
}

@keyframes button-ready {

    0% {
        margin-left:1.25rem !important;
        width:2.5rem !important;
    }

    10% {
        background-color:#5585ff !important;
        border-color:#5585ff !important;
    }

    70% {
        margin:0 !important;
        width:7.25rem !important;
        background-color:#fff !important;
        transform:scale(1.1,1.1) !important;
    }

    100% {
        margin:0 !important;
        width:7rem !important;
        border-color:#8cce1e !important;
        background-color:#fff !important;
    }

}

@keyframes button-ready-label {

    0% {
        opacity:0 !important;
    }

    100% {
        opacity:1 !important;
    }

}

.over_mij_change {

    position: absolute !important;
    overflow:hidden !important;
    width:7rem !important;


    color: rgba(85, 133, 255, 0.57) !important;


    border: 2px solid rgba(85, 133, 255, 0.55) !important;
    background-color:transparent !important;
    cursor:pointer !important;
    line-height:2 !important;
    margin:0 !important;
    padding:0 !important;
    

    border-radius: 10px !important;
    font-size:1.125rem !important;
    text-transform:lowercase !important;
    outline:none !important;


    margin-left: -121px !important;

    margin-top: 111px !important;

    transition:transform .125s !important;
}

.over_mij_change:active {
    transform:scale(.9,.9) !important;
}

.over_mij_change:before,
.over_mij_change:after {
    position:absolute !important;
    opacity:0 !important;

    border-radius:50% !important;
    background-color:#fff !important;
    top:50% !important;
    left:50% !important;
    margin-top:-1.125rem !important;
    margin-left:-1.125rem !important;
    width:2.25rem !important;
    height:2.25rem !important;
    z-index:1 !important;
}

.over_mij_change.ready {
    text-indent:0 !important;
    color: rgba(154, 255, 0, 0.75) !important;
    border: 2px solid rgba(173, 255, 47, 0.69) !important;
    /*background-color:#5585ff;*/
    animation:button-ready .333s forwards !important;
}


.counter_txt {
    align-content: left !important;
    margin-left: -806px !important;
    margin-top: 136px !important;
    position: absolute !important;
    width: 45px !important;
    font-size: 12px !important;
    border: none !important;
    color: rgba(7, 6, 6, 0.4)!important;
    /* size: 2px; */
}

/*Commentaar bewerken*/
.editExistingPost{
    width: 471px;
    height: 149px;
    resize: none;
    border-radius: 5px;
    overflow: hidden;
    font-family: sans-serif;
    font-size: 16px;
    padding: 5px;
    border-color: rgba(0, 0, 0, 0.25);
    box-shadow: inset 1px 1px 1px 2px rgba(0, 0, 0, 0.05);
}

/*Overmij css gedeelte*/


#txt_overmij{
    width: 799px !important;
    height: 149px !important;
    resize: none !important;
    border-radius: 5px !important;
    overflow: hidden !important;
    /* box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.22) !important; */
    font-family: sans-serif !important;
    font-size: 16px !important;
    padding: 5px !important;
    margin-left: 7px;
    border-color: rgba(0, 0, 0, 0.25) !important;
    margin-bottom: 10px !important;
    box-shadow: inset 1px 1px 1px 2px rgba(0, 0, 0, 0.05);
}

@keyframes button-ready {

    0% {
        margin-left:1.25rem !important;
        width:2.5rem !important;
    }

    10% {
        background-color:#5585ff !important;
        border-color:#5585ff !important;
    }

    70% {
        margin:0 !important;
        width:7.25rem !important;
        background-color:#fff !important;
        transform:scale(1.1,1.1) !important;
    }

    100% {
        margin:0 !important;
        width:7rem !important;
        border-color:#8cce1e !important;
        background-color:#fff !important;
    }

}

@keyframes button-ready-label {

    0% {
        opacity:0 !important;
    }

    100% {
        opacity:1 !important;
    }

}

.over_mij_change {

    position: absolute !important;
    overflow:hidden !important;
    width:7rem !important;


    color: rgba(85, 133, 255, 0.57) !important;


    border: 2px solid rgba(85, 133, 255, 0.55) !important;
    background-color:transparent !important;
    cursor:pointer !important;
    line-height:2 !important;
    margin:0 !important;
    padding:0 !important;
    

    border-radius: 10px !important;
    font-size:1.125rem !important;
    text-transform:lowercase !important;
    outline:none !important;


    margin-left: -121px !important;

    margin-top: 111px !important;

    transition:transform .125s !important;
}

.over_mij_change:active {
    transform:scale(.9,.9) !important;
}

.over_mij_change:before,
.over_mij_change:after {
    position:absolute !important;
    opacity:0 !important;

    border-radius:50% !important;
    background-color:#fff !important;
    top:50% !important;
    left:50% !important;
    margin-top:-1.125rem !important;
    margin-left:-1.125rem !important;
    width:2.25rem !important;
    height:2.25rem !important;
    z-index:1 !important;
}

.over_mij_change.ready {
    text-indent:0 !important;
    color: rgba(154, 255, 0, 0.75) !important;
    border: 2px solid rgba(173, 255, 47, 0.69) !important;
    /*background-color:#5585ff;*/
    animation:button-ready .333s forwards !important;
}


.counter_txt {
    align-content: left !important;
    margin-left: -806px !important;
    margin-top: 136px !important;
    position: absolute !important;
    width: 45px !important;
    font-size: 12px !important;
    border: none !important;
    color: rgba(7, 6, 6, 0.4)!important;
    /* size: 2px; */
}

/*Pop-up OverMij */

.editAppear{
    position: absolute;
    width: auto;
    background-color: rgba(255, 0, 0, 0);
    background-repeat: no-repeat;
    margin-top: -38px;
    margin-left: 775px;
    border-radius: 5px;
    cursor: pointer;
}

.overmij_tooltip {
    display: none;
    margin-left: -140px;
    margin-top: -25px;
    font-size: 14px;
    font-family: sans-serif;
    /* text-shadow: 1px 1px 1px rgba(0, 52, 255, 0.41); */
    color: rgba(0, 0, 0, 0.62);
}

.editAppear:hover .overmij_tooltip{
    display: block;
}


/*--- Begin Modalbox/Lightbox ---*/

.expand{
    z-index: 1;
    position: absolute;
    width: 100%;
    height: 98%;
}

.expand .lightbox_header {
    background: rgba(0, 0, 0, 0.6);
    color: white;
    height: 50px;
}

.blockpage{
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.9);
    height: 100%;
    width: 100%;
    z-index: 1000000;
}

.expand .lightbox_header .modalbox_comments_toggle {
    float: right;
    font-size: 16px;
    font-family: arial, sans-serif;
    padding: 16px;
    margin-right: 37px;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    color: white;
}

.expand .lightbox_header .modalbox_comments_toggle:hover{
    background: rgba(117, 188, 15, 0.51);
}

.expand .lightbox_header .modalbox_close {
    float: right;
    cursor: pointer;
    font-size: 16px;
    font-family: arial, sans-serif;
    text-decoration: none;
    color: white;
    padding: 16px;
    text-align: center;
}

.expand .lightbox_header .modalbox_close:hover {
    background-color: rgba(197, 56, 56, 1);
}

.expand .lightbox_header .title {
    color: white;
    text-decoration: none;
    font-size: 16px;
    font-weight: normal;
    font-family: arial, sans-serif;
    display: inline;
    padding: 17px;
    line-height: 3.0;
    border-radius: 0px;
    margin-left: 60px;
    background: rgba(0, 0, 0, 0.1);}
.expand .lightbox_header .title:hover {
    background: #7d7b00;
    cursor: pointer;
    color: white;
}

.expand .modalbox-content{
    height: 90%;
    width: 73%;
    margin-left: 60px;
    margin-top: 5px;
    display: block;
    position: relative;
}

.expand .modalbox-content img{
    display: block;
    position: absolute;
    max-width: 70%;
    max-height: 70%;
    border: 5px solid white;
    border-radius: 3px;
    box-shadow: 0px 0px 6px snow;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.expand .modalbox_comments {
    width: 300px;
    height: 100vh;
    background: rgba(255, 255, 255, 1);
    position: absolute;
    right: 0px;
    top: 50px;
    color: rgb(65, 64, 82);
}

/*Button to show previous comments*/
.showPrevious{
    color: rgba(0, 0, 0, 0.6);
    cursor: pointer;
}

/*The ul that holds the li's holding the comments*/
.expand .modalbox_comments #comment_holder{
    height: auto;
    max-height: 680px;
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow-y: auto;
    background-color: white;
}

/*Used for the appearing animation of a comment when dynamically added*/
.expand .hide_comment{
    display: none;
}

.expand .modalbox_comments #comment_holder li {
    /* margin-left: 6px; */
    margin-right: 2px;
    margin-bottom: 2px;
    padding: 4px;
    background-color: #FFFFFF;
    text-shadow: 1px 1px rgba(0, 0, 0, 0.1);
}

/*Button on which you click to react*/
.expand .modalbox_comments #comment_holder .react_button{
    font-size: 11px;
    margin-left: 43px;
    cursor: pointer;
}

/*The reaction itself*/
.expand .modalbox_comments #comment_holder .reaction{
    margin-left: 15px;
}

/*Element in which the user types his reaction on a comment*/
.expand .modalbox_comments #comment_holder .react_input {
    border: 1px solid rgb(127, 107, 255);
    /*background: rgb(192, 178, 234);*/
    height: 20px;
    width: 230px;
    margin-left: 90px;
    outline: none;
    border: 1px solid rgb(127, 107, 255);
    background: rgba(255, 255, 255, 0);
    -moz-box-shadow: inset 0 0 10px #000000;
    /*padding: 2px 0px 8px 0px;*/
    box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.33);
}

/*Form which holds the .react_input*/
.expand .modalbox_comments #comment_holder .react_form{
    margin-top: 33px;
    margin-left: -43px;
}

/*Name of the person the posted a comment */
.expand .comment_user{
    font-size: 17px;
    color: rgba(59, 89, 152, 0.87);
}

.expand .comment_user_profile_pic{
    width: 35px;
    height: 35px;
    margin-right: 10px;
    border: 1px solid #dddddd;
}

.expand .comment_user_name{
    display: inline;
    top: -22px;
    margin-left: -6px;
    position: relative;
}

/*Content of the comment*/
.expand .comment_content{
    margin-top: -24px;
    font-size: 13px;
    margin-left: 42px;
    word-wrap: break-word;
}

/*Element that contains the complete text when it's necessary*/
.expand .hiddenText{
    display: none;
}

/*The "lees meer" clickable*/
.expand .showTextToggle{
    color: rgba(0, 0, 255, 0.7);
    text-shadow: 1px 1px rgba(0, 0, 0, 0.34);
    font-size: 13px;
    cursor: pointer;
}

.expand .showTextToggle:hover{
    color: rgba(0, 0, 255, 1);
}

.expand #modalbox_comment_form{
    position: static;
    margin: 4px;
    margin-top: 35px;
    border: 1px solid rgb(127, 107, 255);
    bottom: 54px;
    background: rgba(255, 255, 255, 0);
    -moz-box-shadow: inset 0 0 10px #000000;
    padding: 2px 0px 8px 0px;
    box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.33);
}

.mobalbox_comment_user_input_pic{
    width: 35px;
    height: 35px;
    margin-top: 4px;
    margin-left: 6px;
}

/*The text input in which the user types a comment*/
.expand .modalbox_user_input{
    display: block;
    height: 26px;
    width: 235px;
    resize: none;
    margin-top: -32px;
    margin-left: 46px;
    word-wrap: break-word;
    color: black;
    font-size: 13px;
    background: none;
    border: none;
    outline: none;
}

.expand ::-webkit-input-placeholder { /* WebKit browsers */
    color: black;
}
.expand :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: black;
    opacity: 1;
}
.expand ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: black;
    opacity: 1;
}
.expand :-ms-input-placeholder { /* Internet Explorer 10+ */
    color: black;
}

.hide_previous_comment{
    display: none;
}

/*--- Eind zelfgemaakte Modalbox/Lightbox ---*/