div.modal {
	cursor: wait;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:99999;
	background: transparent
                url(../gfx/spinner.gif)
                50% 50% 
                no-repeat;
}

span.language
{
	display:inline-block;
	width:25px;
}

.menu-wrapper {
	/*position:relative;*/
}

textarea {
       resize: none;
}

/* SECTION TITLE */
.node-title {
	
}

	.node-title h1 {
		display: inline-block;
		color: #333333 !important;
	}
	
	.node-title .update-info {
		margin-left: 5px;
		display: inline-block;
		font-size: 0.50em;
		font-weight: normal;
	}

	.node-title .section-description {
		font-style: italic;
		margin-bottom: 1.5em;
		margin-top: 1.5em;
		text-align: justify;			
	}
	
	.node-title .section-description-no-title {
		font-style: italic;
		margin-bottom: 1.5em;
		text-align: justify;			
	}

#search-container {
	padding-top:1.55em;
}


	#search-container .search-button {
		display:none;
	}
	
	#search-container .input-wrapper {
		width:10.5em;
		position:relative;
	}

		#search-container .input-field {
			float:left;
			width:100%;
			padding:0;
			margin:0;
		}
		
		#search-container .input-submit {
			margin:0;
			top:0;
			right:0;
			position:absolute;
		}

			#search-container .input-field span {
				width:auto;
			}
			
	#search-container a {
		margin-left:0.4em;
	}

#service-menu {
	padding:0.6875em 0 0 0.9375em;
	float:left;
}

#service-menu ul {
	display:inline;
	font-size:0.6875em;
}

#service-menu ul li {
	border-right:1px solid #333333;
	float: left;
    margin-top: 0.45em;
    padding: 0 0.5em;
}

#service-menu ul li.last, 
#service-menu ul li:last-child 
{
	border:none;
}

#service-menu ul li.icon {
	border: medium none;
    display: block;
    font-size: 0.4em;
    height: 13px;
    line-height: 0;
    margin: 0.8em 0;
    max-width: 13px;
    width: 13px;
}

#service-menu ul li.icon a {
	display: block;
    height: 13px;
    text-indent: -1000000px;
    width: 13px;
}

#service-menu ul li.increase-font a {
    background: url("../gfx/icons.png") no-repeat left -109px;
}

#service-menu ul li.decrease-font a {
    background: url("../gfx/icons.png") no-repeat right -109px;
}

#service-menu ul li.rss a {
    background: url("../gfx/icons.png") no-repeat left -123px;
}

#service-menu ul li.share a {
	background: url("../gfx/icons.png") no-repeat right -123px;
}


#login-container {
	padding:0.6875em 0.9375em 0 0;
	float:right;
}

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

.box-content .job-stat ul 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;
}
	

.job-emp-wrapper {
	background:url(../gfx/jobseekers_banner.jpg) no-repeat left top;

	float:left;
	width:100%;
	position:relative;
}

.job-emp-wrapper-inner {
	background: url(../gfx/employers_banner.jpg) no-repeat right top;
	float:left;
	width:100%;
}

.job-emp-wrapper-inner td {
	vertical-align: top;
}

.jobseeker-container {
	background: none;
	position: relative;
}

.employer-container {
	background: none;
	bottom: -15px;
}

.more-options {
	display:none;
}

.box-content.small-content
{
	font-size:0.8em;
}


/* FOOTER */
#footer #search-container{
	display:none;
}


.edit-background {
	padding: 10px 10px 10px 10px;	
}

.jobseeker-section .edit-background {
	background:url(../gfx/edit-jobseeker-background.png) repeat;
}

.employer-section .edit-background {
	background:url(../gfx/edit-employer-background.png) repeat;
}

#ui-datepicker-div {
	z-index:999 !important;
}

.help {
	position: relative;
	display: inline-block;
}


/* ******************************************************
* Override some jquery classes (value picker from a list)
****************************************************** */

.select2-results {
	text-align: left;
}

.select2-results,
.select2-container-multi .select2-choices .select2-search-choice,
.select2-container-multi .select2-choices {
	font-size: 13px;		
}

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

.buttons-typeA-list {
	font-size: 16px;
}

.buttons-typeA-list li span {
	padding-right: 0.5em !important;
}

.buttons-typeA-list li {
	margin-bottom: 10px;
	text-align: left;
	color: white;
	background-color: #336;
	border-radius: 5px;
	padding: 0.5em;
	float: left;
	margin: 0 0.5em 0.5em 0;
}

.hide-links a {
	display: none;
}


/* ******************************************************
* Simple CSS rules to apply on a paragraph
****************************************************** */
.simple-paragraph-container p {
	padding: 10px 0px;
	font-size: 14px;
	text-align: justify;
}

.simple-paragraph-container ul {
	padding-left: 2em;
}

.simple-paragraph-container li {
	font-size: 14px;
}

.simple-paragraph-container ol:not(.decimal-list) li {
	list-style-type: disc;
}

.simple-paragraph-container h2 {
	font-size: 150%;
}

/* ******************************************************
* File upload progress bar
****************************************************** */
.progress {
	border: 1px solid #A9A9A9;
	border-radius: 4px;
	height: 8px;
	margin: 0;
	margin-top: 5px;
	overflow: hidden;
	width: 300px;
}

.progress .bar {
	background: green;
	border-radius: 2px;
	height: 8px;
	width: 0;
}

/* ******************************************************
* EURES Progress bar
****************************************************** */
.eures-progressbar {
    background-color: #BBBBBB;
    height: 21px;
    margin-top: 5px;
}

.eures-progressbar .eures-bar {
	height: 100%;
	transition: width 2s ease-in-out;
}

.large .eures-progressbar {
	height: 28px;
}

.progress-label {
	font-size: 1.3em;
	display: inline-block;
	padding-top: 9px;
}

/* ******************************************************
* Overlay
****************************************************** */

.overlay-button {
	padding: 0.3em !important;
	font-weight: bold;
	text-transform: uppercase;
	vertical-align: middle;
	border-radius: 5px !important;

	color: white!important;
	font-size: 12px !important;
	border: 1px solid #00367f !important;
	box-shadow: inset 0px 1px 0px 0px #5fb6e0 !important;
	background: -moz-linear-gradient(bottom, #008cd0, #00317a) !important;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#008cd0), to(#00317a)) !important;
	background: -ms-linear-gradient(bottom, #008cd0, #00317a) !important;/*For IE10*/
	background: -o-linear-gradient(bottom, #008cd0, #00317a) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#008cd0', endColorstr='#00317a') !important;/*For IE7-8-9*/
}

.overlay-button:hover {
	background: linear-gradient(#00317a, #008cd0) !important;
}

.overlay-cancel-button {
	padding: 0.3em !important;
	font-weight: bold;
	text-transform: uppercase;
	vertical-align: middle;
	border-radius: 5px !important;

	color: white!important;
	font-size: 12px !important;
	border:1px solid #808080 !important;
	box-shadow:inset 0px 1px 0px 0px #c9c9c9;

	background: #9d9d9d !important;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#9d9d9d), to(#717171)) !important;
	background: -webkit-linear-gradient(#9d9d9d, #717171) !important;
	background: -moz-linear-gradient(#9d9d9d, #717171) !important;
	background: -ms-linear-gradient(#9d9d9d, #717171) !important;
	background: -o-linear-gradient(#9d9d9d, #717171) !important;
	background: linear-gradient(#9d9d9d, #717171) !important;
	-pie-background: linear-gradient(#9d9d9d, #717171) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#008cd0', endColorstr='#9d9d9d') !important;/*For IE7-8-9*/
}

.overlay-cancel-button:hover {
	background: linear-gradient(#717171, #9d9d9d) !important;
}

/* ******************************************************
* icons
****************************************************** */

.delete-cross-icon {
	background:url(../gfx/delete.png) no-repeat;
	display: inline-block;
	width: 20px;
	height: 20px;
	cursor: pointer;
}

.expand_glass_icon {
	background:url(../gfx/expand_glass_icon.png) no-repeat;
	width: 20px;
	height: 20px;
}

.collapse_glass_icon {
	background:url(../gfx/collapse_glass_icon.png) no-repeat;
	width: 20px;
	height: 20px;
}

/* ******************************************************
* fieldChecker
****************************************************** */

.check-validation {
	display: inline-block;
    background: url("../gfx/validation.png") no-repeat;
    background-position: 4px 0px;
    width: 18px;
    height: 12px;
}

.check-violation {
	display: inline-block;
    background: url("../gfx/violation.png") no-repeat;
    background-position: 4px 0px;
    width: 19px;
    height: 16px;
}

/* ******************************************************
* passwordChecker
****************************************************** */

.password-checker {
	display: inline-block;
    background: url(../gfx/password-levels.png) no-repeat;
    background-position: 2px -1px;
    width: 72px;
    height: 25px;
    vertical-align: middle;
} 
.password-checker-empty {
    background-position: 4px -1px;
}
.password-checker-invalid {
    background-position: 4px -27px;
}
.password-checker-weak {
    background-position: 4px -53px;
}
.password-checker-medium {
    background-position: 4px -79px;
}
.password-checker-strong {
    background-position: 4px -105px;
}
.password-checker-excellent {
    background-position: 4px -131px;
}

/* ******************************************************
* Leaf Tree
****************************************************** */
.leaf-tree .jstree-default .jstree-no-icons .jstree-checkbox {
	display: none;
	width: 18px;
}

.leaf-tree .jstree-default .jstree-no-icons .jstree-leaf .jstree-checkbox {
	display: inline-block;
}

.leaf-tree .jstree-default .jstree-no-icons .jstree-leaf .jstree-icon {
	display: none;
}

.leaf-tree .jstree>ul>li {
	margin-bottom: 3px;
}

/* SUB CRITERIA */
.sub-criteria {
	margin-left: 35px;
}

/* ******************************************************
* Check-boxes icons
****************************************************** */

.checkbox-checked {
	background:url(../gfx/checkbox_checked.png) no-repeat;
	width: 20px;
	height: 20px;
}

.checkbox-unchecked {
	background:url(../gfx/checkbox_unchecked.png) no-repeat;
	width: 20px;
	height: 20px;
}

.checkbox-undetermined {
	background:url(../gfx/checkbox_undetermined.png) no-repeat;
	width: 20px;
	height: 20px;
}

/* ******************************************************
* Check-boxes icons
****************************************************** */

.expand-collapse-tag{
	background-color: #fff;
    font-size: 0.8125em;
    margin-left: 20px;
    padding: 10px;
    text-decoration: underline;
    
    box-shadow: 1px 1px 1px #c2c2c2;
	-moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.2)!important;
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.2)!important;
	box-shadow: 1px 1px 1px rgba(0,0,0,0.2)!important;
	
	-webkit-border-radius: 0.1875em; 
	-khtml-border-radius: 0.1875em;  
	-moz-border-radius: 0.1875em;
	 border-radius: 0.1875em;
}

/* ******************************************************
* Highlight filter
****************************************************** */

.highlighted {
	background-color: rgb(211, 235, 245);
}

/* ******************************************************
* Clonify directive
****************************************************** */

.clonify-item .arrow-up-icon {
	cursor: pointer;
	margin-left: 0.5em;
	padding: 0.1em 0 0 1.3em !important;
	background-size: 1.6em;
}

.clonify-item .arrow-down-icon {
	cursor: pointer;
	padding: 0.1em 0 0 1.3em !important;
	background-size: 1.6em;
}

/* ******************************************************
* Search navigation bar (Find candidates / Find a job)
****************************************************** */
.search-results-nav-bar .pagination-container {
		padding:0 0 0 0.8em !important;
	}
	
.search-results-nav-bar .pagination-container .prev,
.search-results-nav-bar .pagination-container .next {
	background: none !important;
	border:none;
	width:auto !important;
}

.search-results-nav-bar .pagination-container .current,
.search-results-nav-bar .pagination-container .eures-theme a {
	padding:0;
	height:22px;
	width:40px;
	font-size:12px;
	box-shadow:none !important;
}

.search-results-nav-bar .pagination-container .current.prev,
.search-results-nav-bar .pagination-container .current.next {
	display:none;
}

.search-results-nav-bar .pagination-container a.prev:hover,
.search-results-nav-bar .pagination-container a.next:hover {
	text-decoration:underline;
}

/* FULL SCREEN VIEW */
.full-screen {
	background-color:white;
	position:relative;
}

.full-screen .navigationBar {
	font-size:0.8125em;
	position:absolute;
	bottom:0.3125em;
	right:0.8125em;
}

.full-screen .topNavigationBar {
	font-size:0.8125em;
	right:0.8125em;
	position:absolute;
}		

.full-screen .left {
	float:left;
	width:30%;
	-webkit-box-shadow: 4px 0 6px -4px gray;
   -moz-box-shadow: 4px 0 6px -4px gray;
	box-shadow: 4px 0 6px -4px gray;
	filter:  progid:DXImageTransform.Microsoft.Shadow(color=#808080,direction=90,strength=2); 
}

.full-screen .right {
	float:right;
	width:69%;
}

.full-screen label {
	font-size:0.8125em;
}

.full-screen .left .box-content {
	overflow:hidden;
}

.full-screen .box-content.leftSummary {
	padding:0.9375em;
	background: #f0f0f8 !important;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f0f0f8), to(#e3e5f1)) !important;
	background: -webkit-linear-gradient(#f0f0f8, #e3e5f1) !important;
	background: -moz-linear-gradient(#f0f0f8, #e3e5f1) !important;
	background: -ms-linear-gradient(#f0f0f8, #e3e5f1) !important;
	background: -o-linear-gradient(#f0f0f8, #e3e5f1) !important;
	background: linear-gradient(#f0f0f8, #e3e5f1) !important;
	-pie-background: linear-gradient(#f0f0f8, #e3e5f1) !important;
}

.full-screen .box-content p {
	line-height: 125%;
}

/* ******************************************************
* Action panel
****************************************************** */
.button-action-panel ul {
	background:#fffdd2;
	border:1px solid #f0eda3;
	-webkit-border-radius: 5px;
	-webkit-border-top-left-radius: 0;
	-moz-border-radius: 5px;
	-moz-border-radius-topleft: 0;
	border-radius: 5px;
	border-top-left-radius: 0;
	width:10em;
	text-align:left;
	margin:-4px 0 0 12px;
	z-index:290;
	position:absolute;
}

	.button-action-panel ul li {
		padding:1em;
		display:block;
		border-top:1px solid #f0eda3;
		border-bottom:none;
	}
	
	.button-action-panel ul li:first-child {
		border-top:none;
	}
	
	.button-action-panel .action-panel-icon {
		background-image: url(../gfx/bullets/button_arrow_1.png);
	    background-repeat: no-repeat;
    	background-position: center center;
   	    height: 16px;
  		width: 16px;
		cursor: pointer;
	}
	
/* ******************************************************
* Report Abuse Overlay
****************************************************** */

.report-abuse.overlay-container {
	margin: 10px 0 10px 0px;
}

/**
 * Required Lang Directed css
 */
.language-skills-and-or {
	float : left;
	position : absolute;
	left : -2.5em;
	line-height : 1.85em;
}

.text-overflow-ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: normal;
}

.criteria-summary-title{
	font-weight: bold;
	margin-bottom:1.1em;
	display: block !important;
}

.filter-summary-title{
	font-weight : bold;
}

/* ******************************************************
* Horizontal separated entries
****************************************************** */
horizontal-separated-entries {
	display: block;
	padding-top: 2px;
	padding-bottom: 2px;
}

horizontal-separated-entries h4 {
	display: inline-block;
	font-weight: bold;
}

horizontal-separated-entries h4::after {
	content: ':'
}

horizontal-separated-entries span {
	display: inline-block;
}

horizontal-separated-entries span:not(:last-child)::after {
	content: attr(separator);
	padding: 5px;
}

/* ******************************************************
* Tooltip with transcluded content
****************************************************** */
.tooltip-transclude-content {
	display: block;
}

.tooltip-transclude {
	position: relative;
	display: inline-block;
}
/* ******************************************************
* CV/JV Description
****************************************************** */
.record-description sub {
	vertical-align: sub;
}

.record-description sup {
	vertical-align: super;
}

.record-description p {
	margin: 1em 0px;
	font-size: 1em;
}

.record-description ul > li {
	list-style-type: initial;
	float: initial	!important;
}

.record-description ol > li {
	float: initial	!important;
}

.record-description ul, ol {
	margin: initial;
	padding: 0 0 0 40px;
}

.record-description a {
	color: #0059a2 !important;
	text-decoration: underline;
}

/* ******************************************************
* Tabs
****************************************************** */

.eures-tab-active {
	background: #bfd0e4;
}

.eures-tab {
	padding: 0.4em 0.8em 0.4em 0.8em;
	margin: 0.4em 0.8em 0 0;
	border-radius: 0.4em;
	-webkit-border-radius: 0.4em;
	display: inline-block;
	cursor: pointer;
}

.eures-tab a:hover {
	text-decoration: none;
}

.eures-tab:hover {
	background: #bfd0e4;
}