@import url('reset.css?css=6.10.0');
@import url('banner.css?css=6.10.0');
@import url('labels.css?css=6.10.0');
@import url('list.css?css=6.10.0');
@import url('links.css?css=6.10.0');
@import url('icons.css?css=6.10.0');
@import url('boxes.css?css=6.10.0');
@import url('screen-resolution.css?css=6.10.0');
@import url('margins.css?css=6.10.0');
@import url('table.css?css=6.10.0');
@import url('buttons.css?css=6.10.0');
@import url('cck.css?css=6.10.0');
@import url('pop_up.css?css=6.10.0');
@import url('tooltip.css?css=6.10.0');
@import url('js.css?css=6.10.0');
@import url('message.css?css=6.10.0');
@import url('element-width.css?css=6.10.0');
@import url('menu-box.css?css=6.10.0');
@import url('pagination.css?css=6.10.0');
@import url('resolution-max.css?css=6.10.0');
@import url('date-chooser-optional.css?css=6.10.0');
@import url('bubble.css?css=6.10.0');
@import url('more-button.css?css=6.10.0');
@import url('animation.css?css=6.10.0');
@import url('colors.css?css=6.10.0');
@import url('searchBar.css?css=6.10.0');
@import url('facet.css?css=6.10.0');
@import url('eures-ecl.css?css=6.10.0');
@import url('recordDetails.css?css=6.10.0');
@import url('sass_style.css?css=6.10.0');
@import url('ui-select.css?css=6.10.0');

/* For PlaceHolder in IE*/
.placeholder { color: #aaa!important; }

html, body  {
   height: 100%;
   min-height: 100%; 
}
body
{
	font-family: "Trebuchet MS"; 
	font-size:16px;
	color:#1f1f1f;
	margin:0;
	text-align:center;
	word-wrap:break-word !important;
}

.search-box-visible
{
	display:none;
}
.search-box-invisible
{
	display:none !important;
}

.hidden
{
	display:none !important;
}

.invisible
{
	visibility:hidden;
}

/* CSS class used to hide popups and overlays. The "hidden" class in style.css cannot be used because
the property "!important" is used in this class
*/
.hidden-2 {
	display:none;
}

.float-left
{
	float:left !important;
}

.float-right
{
	float:right !important;
}

.float-none
{
	float:none !important;
}

.inline {
	display: inline;
}

.inline-block {
	display: inline-block;
}

.link-size-1 a
{
	font-size:0.6875em;
}

.center
{
	text-align:center;
}

#main-container
{
	margin:0 auto;
	position: relative;
}

/*
Used to align fields that belongs to a same description-2 label but are spread on multiple lines.
The 12em is computed from the 11em + 1em of the description-2 size and right padding. 
*/
.multiline-field {
	margin-left: 12em;
}

/*CONTENT*/
	#content
	{
		text-align:left;
		padding:0 0 0.75em 0;
		margin:0;
	}	
	
		/* Submenu in reports*/
		.sub-menu
		{
			background:#dfe3ef url(../gfx/sub_menu_bg.png) repeat-x left -1px;
			min-height: 3.85em;
			font-size:0.8125em;
			color: #253b96;
			text-align:center;
		}
		
			.sub-menu ul
			{
				padding: 1em 0 0 0;
			}
			
				.sub-menu ul li
				{
					display:inline;
					border-right: 1px dotted #97948d;
					vertical-align:middle;
					padding: 0 1em 0 1em;
				}
				
				.sub-menu ul li.last,
				.sub-menu ul li:last-child
				{
					border:none;
				}			
				
					.sub-menu ul li a
					{
						padding:0;
						text-decoration:none;
					}
					
					.sub-menu ul li a:hover,
					.sub-menu ul li a:active,
					.sub-menu ul li a:focus,
					.sub-menu ul li a.active
					{
						padding: 0 0 0.8em 0;
						background: url(../gfx/bullets/nav_spout.png) no-repeat center bottom;
					}
				
					.sub-menu ul li span
					{						 
						 padding:0.4em 0.8em 0.4em 0.8em;
						 border-radius: 0.4em;
						-webkit-border-radius: 0.4em; 
						-khtml-border-radius: 0.4em;  
						-moz-border-radius: 0.4em;
					}
					
					.sub-menu ul li span:hover,
					.sub-menu ul li span:active,
					.sub-menu ul li span:focus,
					.sub-menu ul li a.active span
					{						 
						background-color:white;
						 
					}

		/*Image container*/
		.image-container
		{
			text-align:center;
		}
		
		.image-container figcaption 
		{
			text-align:left;
		}
		
		.image-container img
		{
			width:100%;
		}
		
		.box-content hr,
		.dotted-container hr
		{
			height:1px;
			background:none;
			border:none;
			border-bottom:1px dotted #89867c;
		}
		
		/*Select container*/
		.select-container
		{
			padding:0.625em 0 0.625em 0;
		}
		
			.select-container label
			{
				font-size:0.8125em;
				padding:0 0.77em 0 0;
			}
			
			.select-container select
			{
				width:11em;
				font-family:"Trebuchet MS";
				color: #808184;
				font-size:0.75em;
				height:1.75em;
				
			}
		
			/*ONE COLUMN*/
			.one-column
			{
				text-align:center;
				padding:0.625em 0 0 0;
			}
			
			/*TWO EQUAL COLUMNS*/
			.two-equal-columns
			{
				text-align:center;
				padding:0.625em 0 0 0;
			}
			
				.two-equal-columns .col
				{
					float:left;
					padding:0em 0.25em 0 0.25em;
					width:48%;
					text-align:center;
				}
				
				.two-equal-columns .col img
				{
					margin:0 auto;
				}
							
			
			/*THREE EQUAL COLUMNS*/
			.three-equal-colums
			{
				text-align:center;
				padding:0.625em 0 0 0;
			}
			
				.three-equal-colums .col
				{
					float:left;
					width:31.333%;
					padding:0 1% 0 1%;
				}
			
			/* DOTTED CONTAINER */
			.occupation-chooser .dotted-container
			{
				min-height: 32px;
			}
			
			.dotted-container
			{
				border:1px dotted #4d442a;
				background: #f8f8f8;
				padding:1.25em;
				font-size:0.8125em;
			}
			
				.dotted-container.undotted {
					border: 0px;
				}
			
				.dotted-container .filter-col
				{
					width:45%;
					float:left;
					text-align:left;
				}
				
				.dotted-container .filter-row
				{
					padding:0.5em;
				}
				
				.dotted-container select
				{
					max-width:13em;
					width:100%;
					font-family:"Trebuchet MS";
					color: #808184;
					font-size:0.92em;
					height:2em;
					vertical-align:bottom;
				}

				.dotted-container .description .label-arrow-bold
				{
					cursor:pointer;
				}
				
				.dotted-container .description .description-holder .title-box{
					float:left !important;
					max-width: 560px;
					margin-bottom: 15px;
				}
				
				.dotted-container .description .description-holder .title-box .label-arrow-bold{
					max-width: 400px;
				}
				
				
				.dotted-container .description .description-holder .title-box .description-title{
					max-width: 200px;
				}
				

				.dotted-container .description .description-title
				{
					margin-bottom: 20px;
				}
								
				.dotted-container .icons
				{
					float:right;
				}
				
				.dotted-container .icons span
				{
					min-width:2.9em;
				}
								
					.dotted-container .icons ul li
					{
						float:left;
					}
					
					.dotted-container .icons ul li.private-checkbox input
					{
						float:left;
					}
					
					.dotted-container .icons ul li.private-checkbox label
					{
						float:left;
						margin-right:1em;
					}
					
				.dotted-separator
				{
					margin:0.8em 0 0.8em 0;
					height:1px;
					border-bottom:1px dotted #4d442a;
				}
				
				.dotted-container .input-label
				{
					float:left;
					max-width:11em;
					width:100%;
					padding:0 1em 0 0;
				}
				
				.dotted-container .input-label-wide
				{
					float:left;
					max-width:none;
					width:100%;
					padding: 0 0 0;
				}
				
				.dotted-container .input-label-space
				{
					float:left;
					max-width:11em;
					width:100%;
					padding:0 1em 0 0;
					min-height:.5em;
					min-width:1em;
				}
				
				.dotted-container .input-field
				{
					float:left;
					max-width:35em; /*PORT-2671: old=25 new=35*/
					width:100%;
					position:relative;
				}
				
				/* Class created for input fields that are in the left part (e.g. login box)*/
				.dotted-container .small-input-field
				{
					float:left;
					max-width:17em;
					width:100%;
					position:relative;
				}
				
				.dotted-container .input-content,
				.dotted-container .form-field
				{
					float:left;
					max-width:33em;
					width:100%;
				}
				
					.dotted-container .form-field .element
					{
						float:left;
						min-width:30%;
						padding-right:1em;
						display:block;
						max-width:30%;
					}

					.dotted-container .form-field .element-2
					{
						float:left;
						min-width:50%;
						max-width:50%;
					}
					
					.dotted-container .form-field .element-3
					{
						float:left;
						margin-right:1em;
					}
					
					.dotted-container .form-field .element-4 {
						float: left;
						width: 100%;
					}
					
						.dotted-container .form-field .element label,
						.dotted-container .form-field .element-2 label,
						.dotted-container .form-field .element-3 label
						{
							float:left;
							padding:0 0.5em 0 0;
							max-width:85%;
						}
						
						.dotted-container .form-field .element input,
						.dotted-container .form-field .element-2 input,
						.dotted-container .form-field .element-3 input
						{
							float:left;
							margin:0 0.5em 0 0 ;
						}
						
					.dotted-container .form-field .checkbox
					{
						margin-top:2px;
						margin-bottom:2px;
					}
				
					.dotted-container .input-field select
					{
						width:70%;
						font-size:0.92em;
						color:#333333;
						max-width:39em; /*PORT-2761: old=36, new=39*/
					}
					
					.dotted-container .input-field .address /*added PORT-2761*/
					{
						width: 100%!important;
					}
					
					.dotted-container .input-field select.preferred-selector /*added PORT-2761*/
					{
						width: 77%!important;
					}
					
					.dotted-container .hideable /*added PORT-2761*/
					{
						width: 60%!important
					}
					
					.dotted-container .input-field select.column,
					.dotted-container .input-field input.column-2,
					.input-to-clone select.column,
					.input-to-clone input.column-2
					{
						width:100%;
						max-width:8em;
						font-size:0.92em;
						color:#333333;
						margin:0 1.0em 0 0; /*PORT-2761 old=1.3, new=1.0*/
						padding:0.1em 0 0 0;
						min-height:1.7em;
						float:left;
					}
					
					.dotted-container .input-field select.column-region, /*PORT-2761*/
					.input-to-clone select.column-region
					{
						width: 100%;
						max-width: 12em !important;
						font-size:0.92em;
						color:#333333;
						margin:0 1.0em 0 0;  
						padding:0.1em 0 0 0;
						min-height:1.7em;
						float:left;
					}
					
					.dotted-container .input-field input.column-3
					{
						width:100%;
						max-width:25em;
						font-size:0.92em;
						color:#333333;
						margin:0 1.3em 0 0;
						padding:0.1em 0 0 0;
						min-height:1.7em;
						float:left;
					}
					
					.dotted-container .input-field select.column-4
					{
						max-width:7em;
						width:100%;
						font-size:0.92em;
						color:#333333;
						margin:0 0.7em 0 0.6em;
						padding:0.1em 0 0 0;
						min-height:1.7em;
						float:left;
					}
					
					.dotted-container .input-field .column-link
					{
						float:left;
						padding:0.2em 0 0 0;
					}
					
					.dotted-container .input-field .add-region
					{
						float:left;
						padding:0.2em 0 0 0.2em;
						max-width:8.1em;
						width:100%;
					}
					
					.dotted-container .input-field select.column-last
					{
						margin:0 0 0 0;
						max-width:7em; 
						font-size:0.92em;
						color:#333333;
						float:right;
						width:100%;
					}
					
					.dotted-container .input-field select.column-last-region /*PORT-2761*/
					{
						max-width:12em !important;
					}
					
					.dotted-container .input-field select.column-4-first
					{
						margin:0 0.7em 0 0;
						max-width:8em;
						width:100%;
						font-size:0.92em;
						color:#333333;
						float:left;
					}
				
					.dotted-container .input-field input
					{
						width:70%; /*PORT 2761: old=100 new=70*/
						font-size:0.92em;
						color:#333333;
					}
					
					.dotted-container .input-field input.column
					{
						max-width:9.5em;
						width:100%;
						font-size:0.92em;
						color:#333333;
					}
					
					.dotted-container .input-field input.radio,
					.dotted-container .input-field input.checkbox,
					.dotted-container .radio-field .radio
					{
						width:auto;
					}
					
						.radio-description
						{
							color: #333333 !important;
							padding:0.2em 0 0 0;
							width:2em;
						}
						
						.radio-description-2
						{
							color: #333333 !important;
							padding:0.2em 0 0 0;
							min-width:2em;
						}
					
					.dotted-container .input-field label.column
					{
						padding:0 0.576em 0 0.576em;
					}
					
					.dotted-container .input-field textarea
					{
						width:100%;
						max-height:90px;
						min-height:90px;
						font-size:0.92em;
						color:#333333;
					}
					
					.dotted-container ul.language-list
					{
						margin:0.2em;
					}

					.dotted-container ul.language-list li
					{
						display:inline;
						float:left;
						padding:0 1em 0 1em;
						background:url(../gfx/bullets/slash.png) no-repeat left 6px;
						font-size:0.92em;
						color:#bcbcbc;
					}
					
					.dotted-container ul.language-list li.first,
					.dotted-container ul.language-list li:first-child
					{
						background:none;
						padding:0 1em 0 0em;
					}
					
					
					.dotted-container ul.language-list li.active
					{
						text-decoration:underline;
						color:#333333;
					}
					
			.raport-footer
			{
				font-size:0.8125em;
				padding:0em 0em 1em 0em;
				
			}
			
				.raport-footer h3
				{
					font-size:1em !important;
					padding:0.4em 0 0 0;
				}
			
			.evolution
			{
				padding:0.4em 2em 0 25%;
				float:left;
				height: 1.25em !important;
			}
				
				.evolution a
				{
					background:url(../gfx/icons.png) no-repeat right  -90px;
					width:16px;
					height:16px;
					float:right;
					text-indent:-1000000px;
					position:relative;
					top:2px;
					right: -0.5em;
				}
				
				.evolution label
				{
					padding:0em 0em 0em 0.5em;
				}
				
				
				.evolution input#evolution 
				{
					position:relative;
					top: 0.1em;
				}
				
			.back-btn 
			{
				background:url(../gfx/bullets/nav-left-blue.png) no-repeat left 0.8em;
				padding:0.4em 0 0 1em;
			}

/*FOOTER*/
	#footer
	{
		margin:0 0 20px 0;
		padding:0.75em 0 0 0;
		left:0;
		background: #F8F8F8;
		text-align:center;
		width:100%;
	}
	
		#footer .footerContainer
		{
			max-width: 978px;
			width: 100% !important;
			margin:0 auto;
		}
	
		#footer .social-media-footer
		{
			border-top:1px dotted #929191;
			border-bottom:1px dotted #929191;
			padding: 0.5em 0 0.5em 0;
			font-size:0.75em;
			color: #123197;
			text-align:left;
		}
		
			#footer .social-media-footer ul li
			{
				float:left;
				width: 13.5%;
				border-left:1px dotted #929191;
				padding: 0 0 0 3%;
			}
			
				#footer .social-media-footer ul li a
				{
					color: #123197;
					width: 75%;
					padding:0.2em 0 0 25%;
					position: relative;
					font-weight:bold;
					display:block;
					vertical-align:middle;
					min-height: 30px;
				}
					
					#footer .social-media-footer ul li a .hide-icon
					{
						position: absolute;
						left: 0;
						top: 35px;
						width: 30px;
						bottom: 0;
						background: #fafafa;
					}
			
			#footer .social-media-footer ul li.newsletter
			{
				width: 16.5%;
				padding: 0 0 0 0;
				border:none;
			}
			
			#footer .social-media-footer ul li.newsletter a
			{
				background:url(../gfx/icons.png) no-repeat left -252px;
			}
			
			#footer .social-media-footer ul li.facebook a
			{
				background:url(../gfx/icons.png) no-repeat left -296px;
			}
			
			#footer .social-media-footer ul li.twitter a
			{
				background:url(../gfx/icons.png) no-repeat left -340px;
			}
			
			#footer .social-media-footer ul li.linkdIn a
			{
				background:url(../gfx/icons.png) no-repeat left -384px;
			}
			
			#footer .social-media-footer ul li.youTube a
			{
				background:url(../gfx/icons.png) no-repeat left -428px;
			}
			
			#footer .social-media-footer ul li.google a
			{
				background:url(../gfx/icons.png) no-repeat left -472px;
			}
			
	.footer-menu
	{
		font-size:0.75em;
		padding:2em 0 2em 0;
		margin:0 0 2em 0;
		text-align:left;
		border-bottom:1px dotted #929191;
	}
	
		.footer-menu h3
		{
			font-weight:bold;
			font-size:0.9125em;
			padding:0 0 1em 0;
		}
		
		.footer-menu a
		{
			color:#333333;
		}
		
		.footer-menu ul.first-list li
		{
			float:left;
			width:20%;
		}
		
		.footer-menu ul.second-list li
		{
			float:none;
			width:85%;
			padding:0 0 0.2em 1em;
			background:url(../gfx/bullets/dott.png) no-repeat left 6px;
		}
		
		.footer-menu ul.second-list li.first,
		.footer-menu ul.second-list li:first-child
		{
			padding:0 0 0 0;
			background:none;
		}
		
		.footer-menu .list-triger
		{
			cursor:pointer;
			zoom:1;
		}

	#footer .footer-logo
	{
		background:url(../gfx/eures_logo.jpg) no-repeat right center;
		font-size:0.6875em;
		float:right;
		height:43px;
		max-height:43px;
		padding: 1.2em 13em 0 0;
		color:#808080;
	}
	
	
	#footer .site-map
	{
		float:right;
		color: #808080;
		font-size:0.6875em;
		padding: 1.2em 0 0 0;
	}
	
		#footer .site-map a
		{
			color: #808080;
		}
			
/*PROFILE INFORMATION*/

.node-title
{
	font-size:0.75em;
}

	.node-title h1
	{
		font-size:2em; /*!important;*/
	}

	.node-title .title-text
	{
		color:#123197;
		float:left;
		font-size:1.25em;
		margin:-3px 0 0 0;
	}
	
	.node-title .update-info
	{
		text-align:left;
	}

ul.skills-list
{
	font-size:0.85em;
	color: #324ca5;
	margin:0.2em 0 0 0;
}

	ul.skills-list li
	{
		float:left;
		padding:0 0 0 1em;
		background:url(../gfx/bullets/dott.png) no-repeat left;
		margin:0 0 0 0.5em;
	}
	
	ul.skills-list li:first-child
	{
		background: none;
	}		
	
	.description a.document
	{
		padding:0 0 0 20px;
		background:url(../gfx/icons.png) no-repeat left -152px;
	}
	
	.description .comment
	{
		font-style:italic;
		font-size:0.85em;
		padding: 0 0 0 2em;
	}


/*PERSONAL INFORMATION EXPAND*/

	.dotted-container  .avatar
	{
		border:2px solid #b0b0b0;
		margin:0 2em 0 0;
		max-height: 300px;
		max-width: 300px;
	}
	

.dotted-container .user-data-container
{
	float:left;
	width:auto;
}
	.dotted-container .user-data-container ul.first-list li.first-list
	{
		width:100%;
		clear:both;	
		
	}

	.dotted-container .user-data-container ul.second-list li
	{
		float:left;
		padding:0 0 0.5em 0;
		max-width:70%;
	}
	
	.dotted-container .user-data-container ul.second-list li.user-data-label
	{
		padding:0 1.2em 0.5em 0;
	}
	
	
	.dotted-container .user-data-container ul.second-list li.user-data-label h4
	{
		font-weight:bold !important;
		width: 12em;
	}
	
	.dotted-container .user-data-container ul.second-list li.user-data-label h4.empty
	{
		text-indent:-100000px;
	}
	
	.dotted-container .user-data-container ul.second-list li.user-data-label span
	{
		width: 12em;
		display:block;
	}
	
	.dotted-container .user-data-container ul.second-list li.approved-icon,
	.dotted-container .user-data-container ul.second-list li.declined-icon,
	.dotted-container .user-data-container ul.second-list li.visible-icon,
	.dotted-container .user-data-container ul.second-list li.invisible-icon
	{
		float:right;
		text-indent:-1000000px;
		width:1.2em;
		position:relative;
	}
	
/* HOME PAGE*/

.box-content .slogan-1
{
	color:#4c4c4c;
	font-size:0.70em;
	display:block;
}

.box-content .slogan-2
{
	font-size:0.716em;
	display:block;
}

.box-content .yellow-text-header
{
	width:auto;
	margin: 0.25em 0 0.25em 0;
	font-weight:lighter;
	font-size:1.5em;
	padding:0;
}

.box-content ul.job-stat
{
	font-size:0.75em;
	color:#4c4c4c;
	margin:0 0 0.7em 0;
}

	.box-content ul.job-stat li
	{
		border-bottom: 1px dotted #8a7d1c;
		display:block;
		padding: 0.4em 0 0.4em 1em;
		background:url(../gfx/bullets/yellow_dott.png) no-repeat left center;
	}
	
	.box-content ul.job-stat li.first,
	.box-content ul.job-stat li:first-child
	{
		border-top: 1px dotted #8a7d1c;
	}
	
.jobseeker-container
{
	float:left;
	width:37.55%;
	padding-top:0.9375em;
	padding-left: 12%;
	position:relative;
}

	.jobseeker-container .slogan-2,
	.employer-container .slogan-2
	{
		position:relative;
		top:-10px;
	}
	
	.jobseeker-container .jobseeker-text-header
	{
		width:auto;
		color:#829500;
		margin:0.2em 0 0.5em 0;
		font-weight:normal;
		font-size:1.8em;
	}
	
	.jobseeker-container ul.jobseeker-link,
	.employer-container ul.employer-link
	{
		font-size:0.75em;
		width:20em;
		margin:1em 0;
	}
	
		.jobseeker-container ul.jobseeker-link li,
		.employer-container ul.employer-link li
		{
			border-bottom: 1px dotted #4d442a;
			padding: 0.4em 0 0.4em 0em;
			display:block;
		}
		
		.jobseeker-container ul.jobseeker-link li.new-link a ,
		.employer-container ul.employer-link li.new-link a{
			display: inline-block;
		}

		.new-link-js {
			background: url("../gfx/new-green.png") no-repeat;
			display: inline-block;
			min-width: 38px;
		}

		.new-link-emp {
			background: url("../gfx/new-orange.png") no-repeat;
			display: inline-block;
			min-width: 38px;
		}
		
		.jobseeker-container ul.jobseeker-link li.last,
		.employer-container ul.employer-link li.last,
		.jobseeker-container ul.jobseeker-link li:last-child,
		.employer-container ul.employer-link li:last-child
		{
			border-bottom: none;
		}
		
		.jobseeker-container ul.jobseeker-link li a
		{
			color: #839600;
			font-weight:bold;
			display:block;
		}
		
		.employer-container ul.employer-link li a
		{
			color: #ee7f00;
			font-weight:bold;
			display:block;
		}

.employer-container
{
	float:left;
	width:34.55%;
	background: url(../gfx/employers_banner.jpg) no-repeat right top;
	position:relative;
	bottom:-25px;
	padding: 0 0 5% 5%;
}

	.employer-container .employer-text-header
	{
		margin:0.2em 0 0.5em 0;
		color:#EE7F00;
		font-weight:normal;
		font-size:1.8em;
	}

.paragraph
{
	font-size:0.75em !important;
}

.paragraph-container
{
}

	.paragraph-container .paragraph-title
	{
		font-size:0.9375em!important;
		font-weight:bold!important;
		padding:0.5em 0 0 0;
	}	
	
	.paragraph-container .paragraph
	{
		font-size:0.75em;
		padding:0.8em 0em 0.9em;
	}
	
	.paragraph-container .paragraph-2
	{
		font-size:0.75em;
		padding:0.65em 2em 0.65em 0!important;
	}
	
		.paragraph-container .paragraph a
		{
			color:#333333;
		}
			
	.paragraph-container .paragraph-link-2,
	.paragraph-container .paragraph-link-3,
	.paragraph-container .paragraph-link-4,
	.paragraph-link-2,
	.paragraph-link-3,
	.paragraph-link-4
	{
		
		padding: 0 0 0 0.7em;
		font-size:0.8125em;
		font-weight:bold;
		margin:0 0 0.5em 0;
	}
	
	.paragraph-container .paragraph-link-2
	{
		background:url(../gfx/bullets/link_arrow.png) no-repeat left 5px;
	}
	
		.paragraph-container .paragraph-link-2 a
		{
			color:#b30044;
		}
	
	.paragraph-container .paragraph-link-3
	{
		background:url(../gfx/bullets/link_arrow.png) no-repeat left -71px;
	}
	
		.paragraph-container .paragraph-link-3 a
		{
			color:#0a9fa0;
		}
		
	.paragraph-container .paragraph-link-4,
	.paragraph-link-4
	{
		background:url(../gfx/bullets/link_arrow.png) no-repeat left -145px;
	}
	
		.paragraph-container .paragraph-link-4 a,
		.paragraph-link-4 a
		{
			color:#253b96;
		}
		
/* NEWS BOX*/

.top-bar
{
	min-height: 2.125em;
	
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	
	background: #eff1f8;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#eff1f8), to(#dfe3ef));
	background: -webkit-linear-gradient(#eff1f8, #dfe3ef);
	background: -moz-linear-gradient(#eff1f8, #dfe3ef);
	background: -ms-linear-gradient(#eff1f8, #dfe3ef);
	background: -o-linear-gradient(#eff1f8, #dfe3ef);
	background: linear-gradient(#eff1f8, #dfe3ef);
	-pie-background: linear-gradient(#eff1f8, #dfe3ef);
	/*behavior: url(IEfix/PIE.htc);*/
	
	padding:1em 0.9375em 0 0.9375em;
}

	.top-bar .top-bar-title,
	.top-bar h2,
	.top-bar h3,
	.top-bar span
	{
		color: #253b96;
		font-size:0.9375em !important;
		font-weight:bold !important;
	}
	
	.top-bar .tob-bar-link
	{
		color: #253b96;
		font-size:0.75em;
		font-weight:bold;
		padding:0 0 0 1em;
		background:url(../gfx/bullets/link_arrow.png) no-repeat left -145px;
		margin:0 1em 0 0;
	}
	
		.top-bar .tob-bar-link a
		{
			color: #253b96;
		}
		
	.top-bar .tob-bar-RSS
	{
		color: #253b96;
		width:16px;
		height:16px;
		
	}
	
		.top-bar .tob-bar-RSS a
		{
			background:url(../gfx/icons.png) no-repeat left -202px;
			display:block;
			width:16px;
			height:16px;
			text-indent:-10000px;
		}
	
	.top-bar .top-bar-close
	{
		width:20px;
		height:20px;
		position:relative;
		z-index:300;
		float:right;
	}
	
		.top-bar .top-bar-close a
		{
			text-indent:-1000000px;
			width:20px;
			height:20px;
			background:url(../gfx/close_icon.png) no-repeat;
			display:block;
		}
		
	
	.news-bar .news-image img
	{
		border:0;
	}
	
	.news-bar .news-text 
	{
		position:relative;
		z-index:100;
		padding:0.9em;
		
		background: #465eae;
		background: -webkit-gradient(linear, 0 0, 0 bottom, from(#465eae), to(#414f7f));
		background: -webkit-linear-gradient(#465eae, #414f7f);
		background: -moz-linear-gradient(#465eae, #414f7f);
		background: -ms-linear-gradient(#465eae, #414f7f);
		background: -o-linear-gradient(#465eae, #414f7f);
		background: linear-gradient(#465eae, #414f7f);
		-pie-background: linear-gradient(#465eae, #414f7f);
		/*behavior: url(IEfix/PIE.htc);*/
		opacity: 0.9;
		filter: alpha(opacity = 95);
		font-size:0.8125em;
		color:white;
		top:-5em;
		margin:0 0 -5em 0;
	}
	
		.news-bar .news-text a
		{
			color:white;
		}
		
		.news-bar .news-text .date
		{
			color:#adb8e4;
			font-size:0.85em;
		}

	.news-bar img
	{
		height: 214px;
  		width: 312px;
	}

.bottom-bar
{
	-webkit-border-bottom-left-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-bottomleft: 3px;
	-moz-border-radius-bottomright: 3px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;

	background: #eff1f8;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#eff1f8), to(#dfe3ef));
	background: -webkit-linear-gradient(#eff1f8, #dfe3ef);
	background: -moz-linear-gradient(#eff1f8, #dfe3ef);
	background: -ms-linear-gradient(#eff1f8, #dfe3ef);
	background: -o-linear-gradient(#eff1f8, #dfe3ef);
	background: linear-gradient(#eff1f8, #dfe3ef);
	-pie-background: linear-gradient(#eff1f8, #dfe3ef);

	padding:0.5em;
}
	.bottom-bar .tob-bar-link
	{
		color: #253b96;
		font-size:0.75em;
		font-weight:bold;
		padding:0 0 0 1em;
		background:url(../gfx/bullets/link_arrow.png) no-repeat left -146px;
		margin:0.2em 1em 0 0;
	}

		.bottom-bar .tob-bar-link a
		{
			color: #253b96;
		}


	.bottom-bar .tob-bar-RSS
	{
		color: #253b96;
		width:16px;
		height:16px;
	}

		.bottom-bar .tob-bar-RSS a
		{
			background:url(../gfx/icons.png) no-repeat left -202px;
			display:block;
			width:16px;
			height:16px;
			text-indent:-10000px;
			margin: 0.05em 0 0 0;
		}


/*Advert*/
.advert-box
{
	margin:0.9375em 0 0 0 ;
	-moz-box-shadow: 1px 1px 1px #c2c2c2;
	-webkit-box-shadow: 1px 1px 1px #c2c2c2;
	box-shadow: 1px 1px 1px #c2c2c2;
	
	-webkit-border-radius: 0.1875em; 
	-khtml-border-radius: 0.1875em;  
	-moz-border-radius: 0.1875em;
	 border-radius: 0.1875em;
	 
	 background: white;
	 padding:0px 0 10px 0;
	 /*behavior: url(IEfix/PIE.htc);*/
}

	.advert-box img
	{
		-webkit-border-top-left-radius: 3px;
		-webkit-border-top-right-radius: 3px;
		-moz-border-radius-topleft: 3px;
		-moz-border-radius-topright: 3px;
		border-top-left-radius: 3px;
		border-top-right-radius: 3px;
		/*behavior: url(IEfix/PIE.htc);*/
	}
	
	.advert-box .banner-image-2
	{
		text-align:center;
	}
	
	.advert-box .advert-link
	{
		margin:  0 0 0.2em 0.9375em;
		font-size:0.8125em;
		font-weight:bold;
		background:url(../gfx/bullets/link_arrow.png) no-repeat left -145px;
		padding: 0 0 0 0.7em;
		position: relative;
	}
	
	.advert-box .advert-link-2
	{
		margin:  0 0 0.2em 0em;
		font-size:0.8125em;
		font-weight:bold;
		background:url(../gfx/bullets/link_arrow.png) no-repeat left -145px;
		padding: 0 0 0 0.7em;
	}
		.advert-box .advert-link a,
		.advert-box .advert-link-2 a
		{
			color:#253b96;
		}

	.advert-box .banner-name
	{
		font-size:0.8125em;
		font-weight:bold;
	}
	
	.advert-box .banner-text
	{
		font-size:0.9375em;
		font-weight:bold;
		color:#253b96;
		padding:0.5em 0 0.5em;
	}
	
		.advert-box .banner-text a
		{
			color:#253b96;
		}

/*ACTION PANEL*/
.action-panel
{
	background:url(../gfx/action_panel_bg.png);
	padding:0.8em 0 0.8em 0;
	position:fixed;
	bottom:0;
	width:100%;
	z-index:100;
	left:0;
	text-align:center;
}

	.action-panel .action-box
	{
		display:inline-block;
		margin:0 auto;
	}

/*LIVING AND WORKING*/
.breadcrumb-bar{}

	.breadcrumb-bar ul li
	{
		font-size:0.6875em;
		padding-right: 1em;
		margin-right:0.5em;
		float:left;
		background:url(../gfx/bullets/nav-right-blue.png) no-repeat right center;
	}
	
	.breadcrumb-bar ul li.last,
	.breadcrumb-bar ul li:last-child
	{
		margin:0;
		padding:0;
		background:none;
	}

/*Jobseekers - public page*/

.js-carousel
{
	min-height:15em;
	background-color: transparent !important;
	background-image: url(../gfx/jobseekers_banner.jpg)!important;
	background-repeat: no-repeat!important;
	background-position:left top;
	padding: 2em 0.9735em 2em 4em !important;
}

	
		/*Greetings slogan in current language*/
		.js-carousel h1,
		.js-carousel h2
		{
			color:#829500;
			font-size:1.4em;
			display:inline-block;
			padding:0.35em 0 0 0;
		}

 	.offer-left
	{
		width:45%;
		float:left;
		padding-right:5%;
		margin-top: 1em;
	}
	
	.offer-right
	{
		width:45%;
		float:right;
		padding-left:5%;
		margin-top: 1em;
	}
	
	.js-carousel ul li.company-name
	{
		padding-left:1em;
		color:#5a5a5a;
		font-size:12px;
	}
	
	.js-carousel ul li.company-name a
	{
		color:#5a5a5a;
	}
	
	.carousel-control-container
	{
		text-align:center;
		padding-right:2.5em;
	}

	.carousel-control-bar
	{
		margin:0 auto;
		display:inline-block;
	}
	
	.carousel-control-bar ul li
	{
		float:left;
		padding:0.25em;
		width:10px;
		height:10px;
	}
	
	.carousel-control-bar ul li a
	{
		text-indent:-1000000px;
		display:block;
		height:10px;
		width:10px;
		background:url(../gfx/bullets/carousel_dotts.png) left -20px;
		zoom:1;
	}
	
	.js-carousel .carousel-control-bar ul li.active a,
	.js-carousel .carousel-control-bar ul li a:hover,
	.js-carousel .carousel-control-bar ul li a:active,
	.js-carousel .carousel-control-bar ul li a:focus
	{
		background:url(../gfx/bullets/carousel_dotts.png) left top;
	}
	
.js-news .article
{
	background:#e0ed89;
	margin-top:-10px;
	padding:1em;
	font-size: 0.75em;
}

	.js-news .article .news-title
	{
		font-size: 1.7em !important; 
		font-weight:bold;
	}
	
	.js-news .article p
	{
		font-size: 1em; 
	}
	
.news-container
{
	margin-top:1em;
	padding-bottom: 1em;
	border-bottom:1px dotted #4d442a;
}

	.news-container .news-header
	{
		padding-bottom:0.5em;
	}
	
		.news-container .news-header .news-title
		{
			font-size:1em;
			font-weight:bold;
			float:left;
		}
		
		.news-container .news-header .news-date
		{
			float:right;
			font-size:0.75em;
		}

	
		.news-container .news-content .news-image
		{
			float:left;
			padding-right:1em;
			
		}
		
			.news-container .news-content .news-image img
			{
				max-width:135px;
			}
		
		.news-container .news-content .news-text
		{
			float:left;
			width:60%;
		}
		
		.news-container .news-content .news-text h3,
		.news-container .news-content .news-text h4,
		.news-container .news-content .news-text h5,
		.news-container .news-content .news-text h6,
		.news-container .news-content .news-text p,
		.news-container .news-content .news-text a
		{
			font-size:0.75em;
			line-height:1.4em;
			color: #333333;
		}
		
		.news-container .news-link
		{
		 	background: url(../gfx/bullets/link_arrow.png) no-repeat left -142px;
			padding-left:0.5em;
		}
		
		.news-container .news-link a,
		.news-container .tags-link a
		{
			font-size:0.75em;
			line-height:1.4em;
		}
		
		.news-container .tags-link
		{
			padding-right:0.5em;
		}
		
		.news-container .news-footer
		{
			padding-top:1em;
		}
		
/*Employer- public page*/
.em-carousel
{
	min-height:15em;
	background-color: transparent !important;
	background-image: url(../gfx/employers_banner.jpg)!important;
	background-repeat: no-repeat!important;
	background-position:right top;
	padding: 2em 4em 2em 0.9735em !important;
}

	
		/*Greetings slogan in current language*/
		.em-carousel h1,
		.em-carousel h2
		{
			color:#EE7F00;
			font-size:1.4em;
			display:inline-block;
			padding:0.35em 0 0 0;
		}
	
	.em-carousel ul li.company-name
	{
		padding-left:1em;
		color:#5a5a5a;
		font-size:12px;
	}
	
	.em-carousel ul li.company-name a
	{
		color:#5a5a5a;
	}

	.em-carousel .carousel-control-bar ul li.active a,
	.em-carousel .carousel-control-bar ul li a:hover,
	.em-carousel .carousel-control-bar ul li a:active,
	.em-carousel .carousel-control-bar ul li a:focus
	{
		background:url(../gfx/bullets/carousel_dotts.png) left -40px;
	}
	
.em-news .article
{
	background:#f58301;
	margin-top:-10px;
	padding:1em;
	font-size: 0.75em;
	color:white;
}

	.em-news .article .news-title
	{
		font-size: 1.7em !important; 
		font-weight:bold;
	}
	
	.em-news .article p
	{
		font-size: 1em; 
	}


/*My Eures- public page*/
.me-carousel
{
	min-height:15;
	background-color: transparent !important;
	background-image: url(../gfx/jobseekers_banner.jpg)!important;
	background-repeat: no-repeat!important;
	background-position:left top;
	padding: 2em 0.9735em 2em 4em !important;
}

	
		.me-carousel h2,
		.me-carousel h1
		{
			color:#5a6f7a;
			font-size:1.4em;
			display:inline-block;
			padding:0.35em 0 0 0;
		}
	
	.me-carousel ul li.company-name
	{
		padding-left:1em;
		color:#5a5a5a;
		font-size:12px;
	}
	
	.me-carousel ul li.company-name a
	{
		color:#5a5a5a;
	}

	.me-carousel .carousel-control-bar ul li.active a,
	.me-carousel .carousel-control-bar ul li a:hover,
	.me-carousel .carousel-control-bar ul li a:active,
	.me-carousel .carousel-control-bar ul li a:focus
	{
		background:url(../gfx/bullets/carousel_dotts.png) left -60px;
	}
	
.me-news .article
{
	background:#828282;
	margin-top:-10px;
	padding:1em;
	font-size: 0.75em;
	color:white;
}

	.me-news .article .news-title
	{
		font-size: 1.7em !important; 
		font-weight:bold;
	}
	
	.me-news .article p
	{
		font-size: 1em; 
	}


/*BOX ADVICE LEFT*/
.advice-left
{
	background: url(../gfx/box_advice_bg.jpg) no-repeat -4.5em top!important;
	padding-bottom: 1em !important;
}

	.advice-left h2
	{
		margin-left:2em;
		font-size:1.8em;
	}
		
	.advice-left p
	{
		font-size:0.75em;
		padding:1em 0 1em 4.8em;
	}

/*BOX ADVICE RIGHT*/
.advice-right
{
	background: url(../gfx/box_advice_bg.jpg) no-repeat -900px top!important;
	padding-bottom: 1em !important;
}

	.advice-right h2
	{
		margin-right:2em;
		font-size:1.8em;
	}
		
	.advice-right p
	{
		font-size:0.75em;
		padding:1em 4.8em 1em 0;
	}
	
/*MULTI-LEVEL SELECTOR*/


.mls-container ul li
{
	padding:5px 0 0 1.5em;
}

.mls-container ul li label
{
	cursor:pointer;
	zoom:1;
}

/*SELECT LANGUAGE PAGE*/
.ls-body
{
	height:100%;
}

.ls-left
{
	height:100%;
	width:75%;
	float:left;
	background:white url(../gfx/ls-bg.jpg) no-repeat right 20%;
	
	display:table-cell;
	vertical-align:center;
}

.ls-right
{
	height:100%;
	width:25%;
	float:right;
	
	
	-moz-box-shadow: inset 16px 0 13px -9px #13376e;
	-webkit-box-shadow: inset 16px 0 13px -9px #13376e;
	box-shadow: inset 16px 0 13px -9px #13376e;
	
	background: #074a8b;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#074a8b), to(#0466a9));
	background: -webkit-linear-gradient(#074a8b, #0466a9);
	background: -moz-linear-gradient(#074a8b, #0466a9);
	background: -ms-linear-gradient(#074a8b, #0466a9);
	background: -o-linear-gradient(#074a8b, #0466a9);
	background: linear-gradient(#074a8b, #0466a9);
	-pie-background: linear-gradient(#074a8b, #0466a9);
	/*behavior: url(IEfix/PIE.htc);*/
	
	display:table-cell;
	vertical-align:middle;
}

.ls-left .content
{
	position:relative;
	float:right;
	text-align:left;
	padding-left:2em !important;
	padding-right:2em !important;
}

	.ls-left .content h1
	{
		color:#074a8b;
		font-size:3em;
		line-height:1em;
		
		margin-bottom:20px;
	}
	
	.ls-left .content h2
	{
		color:#2f2f2f;
		font-size:1.5em;
	}
	
	.ls-left .content .greetList
	{
		min-height:230px;
		display:block;
	}

	.ls-left .content .greetList li
	{
		display:none;
		line-height:normal;
	}
	
	.ls-left .content .greetList li span
	{
		font-size:0.5em;
		line-height:20px;
	}
	
	
	.ls-left .content .greetList li.active
	{
		display:block !important;
		height:150px;
	}

	.ls-left .content .language-list
	{
		text-transform:uppercase;
		font-size:0.875em !important;
		color:#074a8b;
		width:70%;
		margin-top:2em;
	}
	
		.ls-left .content .language-list li
		{
			float:left;
			margin-right:0.5em;
			margin-bottom:0.5em;
		}
		
		.ls-left .language-list a
		{
		   -webkit-border-radius: 10px;
			-webkit-border-top-right-radius: 0;
			-moz-border-radius: 10px;
			-moz-border-radius-topright: 0;
			border-radius: 10px;
			border-top-right-radius: 0;
			width:2.5em;
			height:2.5em;
			display:table-cell;
			vertical-align:middle;
			text-align:center;
			text-decoration:none;
			
			border:#dadada 1px solid;
			
			background: #ffffff;
			background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#f7f7f7));
			background: -webkit-linear-gradient(#ffffff, #f7f7f7);
			background: -moz-linear-gradient(#ffffff, #f7f7f7);
			background: -ms-linear-gradient(#ffffff, #f7f7f7);
			background: -o-linear-gradient(#ffffff, #f7f7f7);
			background: linear-gradient(#ffffff, #f7f7f7);
			-pie-background: linear-gradient(#ffffff, #f7f7f7);
			/*behavior: url(IEfix/PIE.htc);*/
			
			zoom:1;
		}
		
		.ls-left .language-list a:focus,
		.ls-left .language-list a:hover,
		.ls-left .language-list a:active,
		.ls-left .language-list a.active
		{
			border:1px solid #00367f;
			box-shadow:inset 0px 1px 0px 0px #5fb6e0;
		
			background: #008cd0;
			background: -webkit-gradient(linear, 0 0, 0 bottom, from(#008cd0), to(#00317a));
			background: -webkit-linear-gradient(#008cd0, #00317a);
			background: -moz-linear-gradient(#008cd0, #00317a);
			background: -ms-linear-gradient(#008cd0, #00317a);
			background: -o-linear-gradient(#008cd0, #00317a);
			background: linear-gradient(#008cd0, #00317a);
			-pie-background: linear-gradient(#008cd0, #00317a);
			color:white;
		}
	
	.ls-left .content .logo
	{
		background:url(../gfx/ls-logo.png) no-repeat right;
		margin-right:4em;
		/*padding:1.5em 12em 1.5em 0em;*/
		padding:0;
		font-size:0.75em;
		text-align:right;
		color:#7f7f7f;
		margin-top:15%;
		height:60px;
	} 
	
.ls-right .content
{
	height:100%;
	width:100%;
	float:left;
	background:url(../gfx/ls-dots.svg) no-repeat left center;
}

.ls-right .content #ls-selected
{
	position:relative;
	font-size:2em;
	color:white;
	background:url(../gfx/ls-select.png) no-repeat left center;
	text-align:left;
	padding-left:1em;
}


.buttons-container
{
	margin-top:1em;
}

.buttons-container button
{
	float:right;
	margin-left:0.5em;
}
.ui-dialog .dialog-container .input-label {
	max-width:none!important;
}

.ui-dialog .dialog-container .dialog-form .input-label {
    max-width: 11em!important;
}

/* placeholder */
input[placeholder],
textarea[placeholder] {
	color: #000; 
}

input[placeholder].placeholder,
textarea[placeholder].placeholder {
	color: #aaa; 
}

/*SOCIAL MEDIA CONTAINERS*/
.twitter-container {
	height: 360px;
}

.twitter-container .twitter-timeline {
	margin-left: auto;
	margin-right: auto;
}

.facebook-container {
	height: 410px;
}

.googleplus-item-container {
	max-height: 300px;
	overflow-y: auto;
	padding: 0.5em;
}

.action {
	padding: 2px 15px 2px 15px;
	cursor: pointer;
	color: white;
	background: #7F8C8D;
}

audio {
	width:100%
}

/* the register button */
#register-button {
	color:inherit;
	text-transform:none;
	font-size:inherit;
	height: none;
	margin-left:0px;
	margin-right:0px;
	padding:0px 0px 8px 0px;
}

.nuts-tree {
	overflow-y:scroll; 
	height:190px;
}

.nuts-tree #checkall{
	width:16px;
	height:16px;
	display :inline-block;
    vertical-align: top;
	background-image:url("../js/lib/jquery-jstree/themes/default/d.png"); 
	background-repeat:no-repeat; 
	background-color:transparent; 
	background-position:-2px -19px; 
}

.nuts-tree #checkall.jstree-checked{
	background-position:-38px -19px;
}

iframe.auto-size-iframe {
	height: auto;
	width: auto;
}

.jstree.radio-tree .jstree-unchecked > a > .jstree-checkbox,
.jstree.radio-tree .jstree-unchecked > a > .jstree-checkbox:hover {
	background-image: url("../gfx/ui-radio-button-uncheck-icon.png");
	background-color: transparent;
    background-position: 0 0;
    background-repeat: no-repeat;
}

.jstree.radio-tree .jstree-checked > a > .jstree-checkbox,
.jstree.radio-tree .jstree-checked > a > .jstree-checkbox:hover {
	background-image: url("../gfx/ui-radio-button-icon-checked.png");
	background-color: transparent;
    background-position: 0 0;
    background-repeat: no-repeat;
}

.remove-input-clone.inline {
	padding: 0.3em 0.0em 0.3em 1.8em !important;
	margin-top: 0;
	vertical-align: middle;
}

.social-media-buttons iframe {
	display: inline !important;
}

/* EURES Partner List */
.partner-sites .tooltip-container {
    font-size: 0.6em;
    text-align: left;
}

/*TEXT WITH ICON ALIGN*/
.text-icon-align {
	float:right;
	margin-right:4px;
	margin-top:2px;
}

.opacity-medium {
	opacity:0.55;
}

.search-profiles {
	border-radius: 0;
}

.search-profiles-select{
	font-family: inherit;
}

.search-profiles-form {
	border: none;
	background: white none repeat scroll 0 0;
}

.summary-item {
	display: inline-block;
	margin: 0.4em 0.9375em 0.4em 0;
}

.summary-item .delete-icon{
	vertical-align: top; 
	max-width: 20px;
}

.vertical-align-middle {
	vertical-align: middle;
}

/* hs box slider */ 
.hs-box {
  position: fixed;
  bottom: 0px;
  right: 20px;
  width: 260px;
  display: block;
  text-align : left;
  z-index:100;
}

.hs-box-header {
  background-color: #004494;
  padding: 10px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-top-left-radius: 5px;
  -moz-border-top-right-radius: 5px;
  color: white;
  cursor: pointer;
  border-left: 1px solid rgba(29, 49, 91, .3);
  border-top: 1px solid rgba(29, 49, 91, .3);
  border-right: 1px solid rgba(29, 49, 91, .3);
}

.hs-box-header.slider-closed {
	border-left: 1px solid white;
	border-top: 1px solid white;
	border-right: 1px solid white;
	-webkit-transition: all 0.8s;
	transition: all 0.8s;
}

.hs-box-header .right-block {
	float: right;
}

.hs-box-body {
  border-right: 1px solid rgba(29, 49, 91, .3);
  border-left: 1px solid rgba(29, 49, 91, .3);
  padding: 20px 10px;
  background-color: white;
  text-align : left;
}

.hs-box-body ul {
  margin: 0;
  padding: 0;
}

.hs-box-body ul li {
  list-style-type: none;
}

.visible-320,
.visible-767,
.hidden-920 {
  	display: none;
}

.hidden-320,
.hidden-767,
.visible-920 {
 	display : block;
}

.search-result-img-container {
	height: 150px;
	margin-top: 10px;
    width: 20%;
    float: left;
    position: relative;
}

.search-result-img {
    max-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%)
}

.search-result-summary-container {
	font-size:0.8125em;
	padding : 0.9375em 0 0.5em 0;
	width: 78%; 
	float: right;
}

.search-result-summary-description {
	padding-top: 10px;
}


/* SEARCH HEADER for FIND A JOB/ FIND YOUTH OPP / FIND ORGANISATION*/
	
	.search-header span.quality-disclaimer{
		cursor: pointer;
   		float: right;
   		font-size: 0.9em;
    	font-weight: bold;
    	margin-right: 3px;
   		margin-top: 3px;
	}
	
	.search-header .data-quality-disclaimer{
		cursor: pointer;
		margin-top: 10px;
		text-align: right;
	}
	
	.search-header .data-quality-disclaimer-no-margin{
		cursor: pointer;
	}
	
	.search-header .data-quality-disclaimer-no-margin .tooltip-container,
	.search-header .data-quality-disclaimer .tooltip-container{
   		font-size: 1.2em;
   		min-width: 400px;
   		text-align: left;
	}
	
	.search-header .quality-disclaimer-container .help-icon {
		margin-left: 0.25em;
	}
	
	.search-header .disclaimer {
		text-align: right;
	}
	
	.search-header .node-title h1.inline{
		display:inline !important;
	}
	
	.search-header .node-title a:hover {
		text-decoration: none;
	}
	
	.search-header .node-title h1 label.supBeta {
		vertical-align:super !important;
		font-size:smaller;
		color:#EB0D0D !important;
	}
		
	.search-header .node-title .update-info {
		font-size:1.1em !important;
		margin-bottom:0.9375em;
		margin-left:0 !important;
	}
	
	.search-header span.custom-help-icon{
		background-size: 1.7em 1.7em;
    	height: 25px;
    	margin-left: 10px;
    	width: 25px;
	}

.footnote-index sup {
    vertical-align: super;
}