/*
 * Copyright (c) Martijn van der Woud - The Crimson Cricket Internet Services
 */

@font-face {
	font-family: 'Vegur Regular';
	font-style: normal;
	font-weight: normal;
	src: local('Vegur Regular'), url('/fonts/Vegur-R 0.602.woff') format('woff');
}


/* ===================================================================================
LAYOUT
=================================================================================== */

body {
	position: relative;
}

#page {
	width: 980px;
	min-height: 915px;

	margin-top: 15px;
	margin-bottom: 25px;
	margin-left: auto;
	margin-right: auto;

	padding-left: 20px;
	padding-bottom: 5px;

	position: relative;
	border: 1px solid;
	background-position: 566px 327px;
	background-repeat: no-repeat;

}

.clear {
	clear: both;
}

.result #page {
	background-position: 400px 220px;

}

#title-container {
	position: relative;
	display: inline-block;
}

h1 {
	margin-top: 50px;
	margin-bottom: 20px;
}

h2, p {
	margin-bottom: 10px;
}

#main {
	float: left;
	width: 660px;
}

.result #main {
	width: 575px;
}

#intro .contexthelp {
	position: absolute;
	top: 10px;
	left: 50%;
	margin-left: -57px;
	width: 114px;
	height: 45px;
	line-height: 40px;
	text-align: center;
	vertical-align: middle;
}

#context-help-dialog {
	display: none;
}

#sidebar {
	width: 315px;
	margin-left: 665px;
	position: relative;
}

#controls {
	margin-top: 15px;
}

.ui-tooltip {
	border: none;
	background: none;
	box-shadow: none;
}

.ui-tooltip-content {
	width: 403px;
}

.ui-tooltip-content .tooltip-text {
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 20px;
	background-image: url("/images/tooltip-bg-body-faf9cfe4260590244c071fd866ea7f6e.png");
	font-size: 9.3pt;
	line-height: 14pt;
	background-size: 403px 110%;
	background-position: center -2px;
}

.ui-tooltip-content h3 {
	height: 3px;
	padding-left: 40px;
	padding-top: 40px;
	background-repeat: no-repeat;
	background-image: url("/images/tooltip-bg-top-3ed774b8a2d6616ed5495fd8665e9a90.png");
	font-size: 14pt;
}

.ui-tooltip-content .bottom {
	background-image: url("/images/tooltip-bg-bottom-5367c569dab48ca2527db09335e89a25.png");
	height: 39px;
}

.contextHelpDialog {
	background: none;
	border: none;
}

.contextHelpDialog .ui-widget-header {
	background-image: url("/images/contexthelp-dialog-top-e9b0effeb011544c43d55b53e58f43af.png");
	background-color: transparent;
	border: none;
	background-repeat: no-repeat;
	background-size: 657px 66px;
	background-position: 18px -20px;

}

.contextHelpDialog .ui-dialog-titlebar-close {
	right: 65px;
	top: 32px;

}

.contextHelpDialog .ui-dialog-titlebar-close.ui-state-hover, .contextHelpDialog .ui-dialog-titlebar-close.ui-state-focus {
	background: #fed7d7 url("/images/ui-bg_glass_100_fed7d7_1x400-6de828c356c8f5531a83e4c575c88f51.png");
	border-color: #fc0f0f;

}

.contextHelpDialog .ui-dialog-content {
	padding-top: 0;
}

#context-help-dialog .contents {
	background-image: url("/images/contexthelp-dialog-body-a1b355e2e79f5a396e59d6740198e55b.png");
	padding-left: 40px;
	padding-right: 40px;
	padding-bottom: 10px;
	background-position: 0 -1px;
	background-size: 657px 110%;
}

#context-help-dialog .bottom {
	background-image: url("/images/contexthelp-dialog-bottom-a7e940e47f3cd348191af1d45ef2c478.png");
	height: 47px;

}

#logo {
	display: block;
	text-indent: -99999px;
	width: 303px;
	height: 84px;
	margin-top: 27px;
}

.sidebar_intro p {
	margin-top: 15px;
}

.sidebar_intro p.callToAction {
	margin-top: -10px;
}

#searchform {
	position: absolute;
	top: 505px;
	left: 42px;

}

#searchform .intro {
	margin-left: 65px;
}

#filter_job_zones {
	margin-left: 52px;
	margin-top: 33px;
}

#filter_job_zones fieldset {
	margin-bottom: 10px;
}

#filter_job_zones legend {
	width: 150px;
}

input[type=checkbox] {
	display: none;
}

.checkbox label {
	display: inline-block;
	cursor: pointer;
	position: relative;
	padding-left: 33px;
	margin-right: 15px;
	font-size: 13px;
}

.checkbox label:before {
	border-radius: 3px;
	border-color: #424141;
	border-width: 1px;
	border-style: solid;
	content: "";
	display: inline-block;

	width: 17px;
	height: 17px;

	margin-right: 10px;
	position: absolute;
	left: 0;
	bottom: 3px;
	background-color: #fff;
	box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);

}

input[type=checkbox]:checked + label:before {
	content: url("/images/check-67d9f582e6ae971cc9cdf9973956f7d2.png");
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
	font-size: 15px;
	color: #424141;
	text-align: center;
	line-height: 15px;
	font-family: serif;
}

#interest-scores {
	margin-top: 65px;
}

#interest-scores caption {
	text-align: left;
	margin-bottom: 30px;
}

#interest-scores td {
	width: 200px;
}

#conclusions {
	position: absolute;
	top: 480px;
	right: 605px;
}

/*firefox only 10 px less top */
/*
@-moz-document url-prefix() {
	#conclusions h2 {top: 15px};
} */

#explanation {
	margin-top: 125px;
	width: 400px;
}

#explanation p {
	margin-top: 30px;
}

#professionsfound {
	margin-top: 150px;
	margin-left: -75px;
}

#professionsfound li {
	width: 375px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#search-again {
	margin-top: 55px;
	text-align: right;
	padding-right: 100px;
}

.noscript-slider-header {
	margin-top: 20px;
}

/* ===================================================================================
FONTS
=================================================================================== */

body {
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 12.5pt;
	line-height: 18pt;
}

h1, h2, .sidebar_intro p.callToAction, #searchform .intro {
	font-weight: normal;
}

h1 {
	font-size: 38pt;
	line-height: 38pt;
}

.search h1 {
	text-transform: uppercase;
}

h2, .sidebar_intro p {
	font-size: 14pt;
}

#searchform .intro {
	font-size: 11pt;
}

#filter_job_zones {
	text-transform: uppercase;
}

#filter_job_zones legend {
	font-size: 10pt;
	font-style: italic;
	font-family: "Vegur Regular", sans-serif;
}

#filter_job_zones label {
	font-weight: bold;
	font-size: 9.5pt;
	font-family: Verdana, sans-serif;
}

#intro p.contexthelp, .sidebar_intro p {
	font-weight: bold;
}

.valuelabel {
	font-family: arial, sans-serif;
	font-size: 11pt;
	font-weight: bold;
}

.valuelabel em {
	font-style: normal;
}

.ui-icon {
	background-image: url("/images/ui-icons_a00909_256x240-6103ed5f57c1dcac627de7ff4eece5b9.png") !important;
}

/* ===================================================================================
COLORS
=================================================================================== */

#intro .contexthelp {
	background-image: url("/images/contexthelp-929ab691431578adc558df2f81a16703.png");
}

h1, h2, .ui-tooltip-content, #context-help-dialog {
	color: #a00909;
}

#page {
	border-color: #999999;
	background-color: #ffffff;
	background-image: url("/images/bg-accolade-810c3370635d2e36a1bd6c40c2ea1959.png");
}

.result #page {
	background-image: url("/images/bg-accolade-professionlist-84171f32686b45ba95ed320978d384dd.png");

}

#intro p.contexthelp {
	color: #ffffff;
}

body {
	background-image: url("/images/bg-751c5036c611154b7934c0d39fe63a91.png");
	color: #868686;
}

.valuelabel_min em {
	color: #a00909;
}

.valuelabel_max em {
	color: #417a03;
}

.nl #logo {
	background-image: url("/images/logo-construct-nl-750d3ce34db10e19f76b8b54ac5f0387.png");
}

.en #logo {
	background-image: url("/images/logo-construct-en-e8c7a5f648668c7ccca66d24811b36d2.png");
}

.sidebar_intro p, #searchform .intro, #professionsfound, #filter_job_zones {
	color: #424141;
}

/* ===================================================================================
SLIDER BAR
=================================================================================== */

.ui-slider.ui-widget {
	position: relative;
	margin-top: 0;
	margin-left: 50px;
	width: 508px;
	height: 107px;
	background: none;
	border: none;
}

.sliderbar {
	background-image: url("/images/slider-bg-c050c75e5c53a32fd43c28379ee4b746.png");
	width: 628px;
	height: 32px;
	margin-top: -32px;
	position: relative;
}

.valuelabel {
	position: absolute;
	top: 30px;
}

.valuelabel_min {

	left: 8px;
}

.valuelabel_max {
	right: 8px;
}

/* ===================================================================================
SLIDER HANDLES
=================================================================================== */

.ui-slider .ui-slider-handle {
	top: 25px;
	cursor: move;
	outline: none;
	border: none;
	color: #ffffff;
	text-decoration: none;
	width: 300px;
	height: 0;
	margin-left: -150px;
	background: none;
	position: relative;

}

.ui-slider-handle table {
	margin-left: auto;
	margin-right: auto;
}

.ui-slider-handle .top {
	height: 12px;
}

.ui-slider-handle .middle {
	height: 22px;
	line-height: 22px;
}

.ui-slider-handle .center {
	background-size: 102% 100%;
	background-position: -1% 0;
}

.ui-slider-handle .bottom {
	height: 20px;
}

.ui-slider-handle .left {
	width: 12px;
}

.ui-slider-handle .right {
	width: 12px;
}

.ui-slider-handle .top .left {
	background-image: url("/images/sliderhandle-top-left-1814aaee0d429e9b064660165cfd789c.png");
}

.ui-slider-handle .top .center {
	background-image: url("/images/sliderhandle-top-center-38f6a5f99222ef8027bae6329ca10976.png");
}

.ui-slider-handle .top .right {
	background-image: url("/images/sliderhandle-top-right-a46f28fafc6333384547c9e41fb07a2e.png");
}

.ui-slider-handle .middle .left {
	background-image: url("/images/sliderhandle-middle-left-13a4fac675fad316079f16707b106999.png");
}

.ui-slider-handle .middle .center {
	background-image: url("/images/sliderhandle-middle-center-612de392feffadf710a541c05e723194.png");
	text-align: center;
	text-transform: uppercase;
	color: #ffffff;
	text-shadow: 0 0 1px #ffc;
}

.ui-slider-handle .middle .right {
	background-image: url("/images/sliderhandle-middle-right-adcba523163e8191307f67a5e045a855.png");
}

.ui-slider-handle .bottom .left {
	background-image: url("/images/sliderhandle-bottom-left-47e392cc157ee241690547c2e4c01f5f.png");
}

.ui-slider-handle .bottom .center {
	background-image: url("/images/sliderhandle-bottom-center-4ed42903f08fea4ee8bc5e4304321221.png");
}

.ui-slider-handle .bottom .right {
	background-image: url("/images/sliderhandle-bottom-right-8931f8d615e4bfe2dae9bc2458c03c4e.png");
}

.ui-slider-handle .hub {
	background-image: url("/images/sliderhandle-bottom-center-hub-1e58dd7ab13bbb94b9a388b3a9bc43b0.png");
	height: 20px;
	width: 18px;
	left: 143px;
	position: absolute;
	display: inline-block;
	top: 34px;
}

/* ===================================================================================
BUTTONS
=================================================================================== */

.btn-container {
	border: 0;
	background: none;
}

.btn, .btn-left, .btn-body, .btn-right, .btn-text {
	display: inline-block;
	vertical-align: top;
}

.btn .btn-body {
	background-size: 102% 100%;
	background-position: -1% 0;
}

.btn-grey, .btn-grey .btn-left, .btn-grey .btn-body, .btn-grey .btn-right {
	height: 46px;
	line-height: 46px;
}

.btn-grey .btn-left {
	background-image: url("/images/button-grey-left-ac2181f274a1b077d047c7c10a8e4385.png");
	width: 14px;
}

.btn-grey .btn-body {
	background-image: url("/images/button-grey-body-a009e5b9591383ddd4385c193c602d52.png");
}

.btn-grey .btn-right {
	background-image: url("/images/button-grey-right-2b78f721251813b4ad95e79c44f74b7e.png");
	width: 16px;
}

.btn-orange, .btn-orange .btn-left, .btn-orange .btn-body, .btn-orange .btn-right {
	height: 50px;
	line-height: 50px;
}

.btn-orange .btn-left {
	background-image: url("/images/button-orange-left-b802b602e196970e288dab2aa13c2d15.png");
	width: 15px;
}

.btn-orange .btn-body {
	background-image: url("/images/button-orange-body-bf34e9229c81f4f3ada0e44a751cac17.png");
}

.btn-orange .btn-right {
	background-image: url("/images/button-orange-right-f12537da02d45f2f701ea58b231d8ac9.png");
	width: 18px;
}

.btn-text {
	color: #ffffff;
	padding-left: 4px;
	padding-right: 4px;
}

.btn-grey .btn-text {
	text-shadow: 0 0 1px #ffc, 0 0 1px #fff;
	line-height: 40px;
}

.btn-orange .btn-text {
	text-shadow: 0 0 2px #ffc, 0 0 2px #fff;
	font-size: 14pt;
	text-transform: uppercase;
}