/*
ZoekAlleBanen - http://www.zoekallebanen.nl/
@author: Yes2web
@version: 20080908
*/
body{
	text-align: center;
	background: url(../images/background/body-bg.gif) repeat-x top left;
	}
#container {
	position: relative;
	width: 920px;
	margin: 0 auto;
	padding:0 40px;
	text-align: left;
	}

/* Header + Navigation
**********************************/
#header {
	height: 100px;
	margin-bottom: 40px; /* maybe 50? meten! */
}

#header h1 {
	margin:0;
	padding:0;
}

#navigation {
	position: absolute;
	top: 0;
	right: 40px;
	list-style: none;
	padding:0;
}

#navigation li {
	float:left;
	padding:0;
	margin:0;
}
#navigation li a {
	display: block;
	height: 30px;
	margin:0;
	padding-top:45px;
	text-align:center;
	font-weight:bold;
	color:#531E7D;
	font-size:1.133em;
}
#navigation li#nav-home a{ width:62px;}
#navigation li#nav-doorzoeken a{ width:106px;}
#navigation li#nav-plaats-cv a{ width:85px;}
#navigation li#nav-werkgevers a{ width:103px;}
#navigation li#nav-faq a{ width:52px;}
#navigation li#nav-mijn-zoekallebanen a{ width:162px;}

#navigation li a:hover{
	color:#702AB5;
	}
	
#navigation li a.selected{
	color:white;
	background-repeat:no-repeat;
	background-position: top left;
	}
#navigation li#nav-home a.selected{ background-image: url(../images/menu/home.gif);}
#navigation li#nav-doorzoeken a.selected{ background-image: url(../images/menu/doorzoeken.gif);}
#navigation li#nav-plaats-cv a.selected{ background-image: url(../images/menu/plaats-cv.gif);}
#navigation li#nav-werkgevers a.selected{ background-image: url(../images/menu/werkgevers.gif);}
#navigation li#nav-faq a.selected{ background-image: url(../images/menu/faq.gif);}
#navigation li#nav-mijn-zoekallebanen a.selected{ background-image: url(../images/menu/mijn-zoekallebanen.gif);}

#navigation li.selected a:hover{
	text-decoration:none;
	}

/* Contents
**********************************/
div#wrapper{
	float: left;
	width: 100%;
}

div#left-column , .home div#left-column{
	float:left;
	margin-left:-920px;
	width:200px;
}
div#contents {
	margin: 0 150px 0 230px; /* width is 540px */
}

div#right-column {
	float:left;
	width: 120px;
	margin-left: -120px;
}

.home div#contents{
	margin: 0 0 0 620px;
}

.home div#left-column{
	width:580px;
}

.mijn-zoekallebanen div#contents{
	margin: 0 0 0 230px;
	}

/* Items
**********************************/
/* Small search-box */
form.search-form, body.home form.search-form{
	padding:10px;
	margin-bottom:20px;
	position:relative;
	}
	form.search-form{
		background: url(../images/background/search-form-bg.gif) no-repeat top left;
		width:180px;
		height:70px;
	}
	body.home form.search-form, div#contents form.search-form{
		background: url(../images/background/search-form-home-bg.gif) #f2ab27 no-repeat top left;
		width:550px;
		height:auto;
		padding: 25px 15px 15px 15px; 
		margin-bottom:0;
		position:relative;
		}
	div#contents form.search-form{
		background-image: url(../images/background/search-form-contents-bg.gif);
		width:510px;
	}
		body.home div.search-form-bottom, div#contents div.search-form-bottom{	
			background: url(../images/background/search-form-home-bottom-bg.gif) no-repeat top left;
			height: 5px;
			width:580px;
			margin-bottom:20px;
			}
		div#contents div.search-form-bottom{
			background-image: url(../images/background/search-form-contents-bottom-bg.gif);
			width:540px;
			}		
	form.search-form label{
		text-indent:-5555px;
		width: 60px;
		height:20px;
		margin:0;
		}
	body.home form.search-form label, div#contents form.search-form label{
		font-weight:bold;
		color:white;
		text-align:right;
		margin:3px 6px 0 0;
		width:88px;
		float:left; 
		}
	form.search-form input.img{
		position:absolute;
		right:0;
		margin-top:7px;
	}
	body.home form.search-form input.img, div#contents form.search-form input.img{
		bottom:-10px;
		margin-top:0;
		}
	div#contents form.search-form input.img{
		bottom:6px;
	}
	form.search-form input.txt{
		position:absolute;	
		margin-top:7px;
	}
	body.home form.search-form input.txt, div#contents form.search-form input.txt{
		position:static;
		margin-top:0;
	}	
	form.search-form a{
		margin-top:35px;		
	}
	body.home div#contents label{
		width:100px;
	}
	body.home a.more-options{
		right:106px;
		}
	a.more-options{
		position:absolute;
		right:125px;
		}
	a#close-search{
		position:absolute;
		right:15px;
		top:-25px;
		}
	div#uitgebreid-zoeken-form{
		min-width: 0; /* IE7 fix for jQuery slideUp() */
	}
		
/* Left column items */
#left-column div.blue-box{
	background: url(../images/background/left-blue-box-top.gif) #f1f7fc no-repeat top left;
	padding: 10px;
	}
body.home #contents div.blue-box{
	background: url(../images/background/home-blue-box-top.gif) #f1f7fc no-repeat top left;
	padding: 10px;
	position:relative;
	width:auto !important;
	}
	#left-column div.bottom{
		background: url(../images/background/left-blue-box-bottom.gif) no-repeat top left;
		height:6px;
		width:200px;
		margin-bottom:1px;
		}
	body.home #contents div.bottom{
		background: url(../images/background/home-blue-box-bottom.gif) no-repeat top left;
		height:6px;
		width:300px;
		margin-bottom:10px;
		}		
	#left-column div.blue-box label{
		margin:10px 0 0 0;
		}
	#left-column div.blue-box p{
		margin-bottom:.3em;
		font-size:.85em; 
		}
	#left-column div.blue-box a#wachtwoord-vergeten{
		width: 70px;
		font-size:.85em; 
		}
#left-column ul.ads{
	padding:0;
	margin:12px 0 0 0;
	list-style:none;
	}
	#left-column ul.ads li{
		color:#999;
		font-family: Arial, Helvetica, sans-serif;
		margin:0 0 20px 0;
		}
	#left-column ul.ads  li a, #left-column ul.ads li strong{
		color:#666;
		}

/* Contents
**********************************/
div#contents form.blue-box, div#contents div.blue-box{
	padding:15px 15px 23px 15px;
	position:relative;
	background: url(../images/background/blue-top.gif) no-repeat top left #f1f7fc;
	width:510px;
	}

div#contents form.blue-box div.bottom, div#contents div.blue-box div.bottom{
	height:7px;
	position:absolute;
	bottom:0;
	left:0;
	background: url(../images/background/blue-bottom.gif) no-repeat bottom left #f1f7fc;
	width:540px;
	}

body.mijn-zoekallebanen div#contents form.blue-box, body.mijn-zoekallebanen div#contents div.blue-box{
	background-image: url(../images/background/mijn-zoekallebanen-blue-top.gif);
	width:660px
	}

body.mijn-zoekallebanen div#contents form.blue-box div.bottom, body.mijn-zoekallebanen div#contents div.blue-box div.bottom{
	background-image: url(../images/background/mijn-zoekallebanen-blue-bottom.gif);
	width:690px;
	}

/* Buttons
**********************************/	
a.button-link, a.button-link-hover{
	background-repeat:no-repeat;
	background-position: 0 0;
	height:30px;
	display:block;
	text-indent:-5555px;
	}
	a.button-link-hover{
		background-position: 0 -30px;
		}
/*
body.home a#banen-per-mail-button{
	background-image: url(../images/button/banen-per-mail-large.gif);
	width:300px;
	}
body.home a#plaats-cv-button{
	background-image: url(../images/button/plaats-cv-large.gif);
	width:300px;
	}
*/
a#banen-per-mail-button{
	background-image: url(../images/button/banen-per-mail.gif);
	width:200px;
	}
a#plaats-cv-button{
	background-image: url(../images/button/plaats-cv.gif);
	width:200px;
	}
	
body.home input.login-button{
	line-height:1em;
	position:relative;
	left:45px;
	top:3px;
}

		
/* Search Results
**********************************/
#contents ul.search-results{
	margin:0;
	padding:0;
	list-style:none;

	}
	#contents ul.search-results li{
		padding:40px 13px 13px 13px;
		width:514px;
		margin-bottom:10px;
		background: url(../images/background/blue-bottom.gif) #F1F7FC bottom left no-repeat;
		position:relative;
		}
	#contents ul.search-results li.sponsored{		
		background: url(../images/background/blue-bottom-sponsored.gif) #e4f0f8 bottom left no-repeat;
		}
		#contents ul.search-results li h3{
			font-size:1.23em;
			position:absolute;
			top:0;
			left:0;
			padding: 13px 13px 0 13px;
			width:514px;
			background: url(../images/background/blue-top.gif) top left no-repeat;
		}	
		#contents ul.search-results li.sponsored h3{
			background-image: url(../images/background/blue-top-sponsored.gif);
		}
		#contents ul.search-results li h3 a{
			float:left;
			color:#531E7D;
		}
		#contents ul.search-results li h3 small{
			float:right;
			color:#531E7D;
		}
		#contents ul.search-results li span.description{
			font-size:.93em;
		}	
			#contents ul.search-results li  a.company-link{
				color:#333;
				font-size:.93em;
				}			
		#contents ul.search-results li span.source, #contents ul.search-results li a.source-link{
			color:#999;
			font-size:.85em;
		}
			#contents ul.search-results li a.source-link{
			font-size:1em;
			}
		a.save-job, a.more-options, a.job-on-map{
			font-weight:bold;
		}	
		a.save-job img, a.more-options img, a.job-on-map img{
			margin: 3px 0 0 6px;
			}
		a.job-on-map{
			margin-right:10px;
			}
			
/* Mijn ZoekAlleBanen Tabs
**********************************/
ul#tab-nav{
	padding:0;
	margin:0;
	list-style:none;
	}
	ul#tab-nav li{
		float:left;
		margin-right:1px;
		}
		ul#tab-nav li a{
			background-position:0 0px;
			text-align:center;
			height:25px;
			text-decoration:none;
			padding-top:15px;
			display:block;
			font-weight:bold;
			}
		ul#tab-nav li.ui-tabs-selected a{
			color:#333; 
			}
		ul#tab-nav li#mijn-banen-tab a{
			background-image: url(../images/tabs/mijn-banen.gif);
			width: 93px;
			}
		ul#tab-nav li#persoonlijke-gegevens-tab a{
			background-image: url(../images/tabs/persoonlijke-gegevens.gif);
			width: 160px;
			}
		ul#tab-nav li#mijn-cv-tab a{
			background-image: url(../images/tabs/mijn-cv.gif);
			width:70px;
			}
		ul#tab-nav li#banen-per-mail-tab a{
			background-image: url(../images/tabs/banen-per-mail.gif);
			width:117px;
			}
		ul#tab-nav li a:hover, ul#tab-nav li.ui-tabs-selected a{
			background-position:0 40px;
			}			

	
/* Misc
**********************************/	
div.warning, div.error, div.confirm{
	display:block;
	}
div.warning ul, div.error ul, div.confirm ul{
	list-style:none;
	margin:0;
	padding:0;
}
	div.warning ul li, div.error ul li , div.confirm ul li{
		font-weight:bold;
		padding:6px 0;
		}
	div.warning{
		color:orange;
		}
	div.error{
		color:red;
		}
	div.confirm{
		color:green;
	}
ul#vacaturesites{
	margin:10px 0 0 0;
	padding:0;
	list-style:none;
	width:400px;
	}	
	ul#vacaturesites li{
		float:left;
		margin-right:6px;
		position:relative;
		display:block;
		}
	ul#vacaturesites li:hover, ul#vacaturesites li.hover{
		z-index:99;
		}
		ul#vacaturesites li div.site-hover{
			display:none;
			background-color:#ffffcc;
			padding:8px;
			border:1px solid black;
			color:black;
			width:250px;
			position:absolute;
			right:-250px;
			bottom:-20px;
		}
		ul#vacaturesites li:hover div.site-hover, ul#vacaturesites li.hover div.site-hover{
			display:block;
		}
div#statistics{
	width:600px;
	display:block;
	position:relative;
	clear:both;
	}
div.latest{
	float:left;
	width:260px;
	margin-right:40px;
	margin-bottom:20px;
	}
	div.latest li{
		font-size:.9em;
		}
	div.last{
		margin-right:none;
		}
	div.latest dl{
		margin:0;
		padding:0;
		font-size:.9em;
		}
	div.latest dd{
		margin:0;
		padding:0;
		font-weight:normal;
		text-align:right;
		}
		div.latest dt{
			margin:0;
			padding:0;
			float:left;
			width:200px;
			font-weight:normal;
			}
ul#paginatr{
	position:relative;
	left:95px;
	padding:0;
	list-style-type:none;
	margin:0;
	height:1%;
	}
	ul#paginatr li{		
		display:inline-block;
		width:30px;
		padding:0;
		float:left;
		}
		ul#paginatr li a{
			width:30px;
			height:30px;			
			font-weight:bold;
			text-align:center;
			padding-top:10px;
			display:block;
			float:left;
			}
		ul#paginatr li.selected a{
			background: url(../images/background/paginatr-bg.gif) no-repeat top left;
			color:white;
			}
			ul#paginatr li.selected a:hover{
				text-decoration:none;
				}
	ul#paginatr li.prev, ul#paginatr li.prev a, ul#paginatr li.next, ul#paginatr li.next a{
		width:80px;
		}
		
dl.job-detail dt{
	float:left;
	width:150px;
	}
	
	a#download-cv{
		margin-right:10px;
		}
	a#download-cv, a#delete-cv{
		font-weight:bold;
		position:relative;
		top:5px;
		}
	a#download-cv img, a#delete-cv img{
		margin-left:3px;
		}
		
/* Sortable tables
**********************************/
table.banen-per-mail{
	width:100%;	
	margin:0;
	padding:0;
	}
	table.banen-per-mail th{
		cursor:pointer;
		height:25px;
		padding:0 6px 0 6px;
		margin:0;		
		}
	table.banen-per-mail td{
		font-size:.9em;
		padding: 1px 6px;
		}
	table.banen-per-mail a{
		font-weight:bold;
		}
		
/* Footer
**********************************/
#footer {
	position: relative;
	clear: left;
	width: 100%;
	height: 1%;
	background-color:#f1f7fc;
	padding-top:20px;
}

#footer ul#main-footer, #footer ul#ads-footer{
	padding:0;
	list-style-type:none;
	text-align:center;
	margin: 0 auto 15px auto;
	}
#footer ul#main-footer{
	width:730px;
	}
#footer ul#ads-footer{
	width:920px;
	display:block;
	margin: 0 auto;
	padding:0 0 0 165px;
	*padding:0;
	}
	#footer ul#main-footer li {
		display:inline;
		border-right:1px solid #71B0DB;
		padding-right:8px;
		margin-right:8px;
		}
		#footer ul#main-footer li a{
			color:#71B0DB;
			font-weight:bold;
			}
	#footer ul#main-footer li.last, #footer ul#ads-footer li.last{
		border-right:none;
		margin:0;
		}		
	#footer ul#ads-footer li {
		background: url(../images/background/footer-ad-bg.gif) no-repeat top left;
		width:728px;
		height:188px;
		
		text-align:left;
		padding:13px;
		font-family: Arial, Helvetica, sans-serif;
		color:#2B7CB3;
		}
		#footer ul#ads-footer li  a{
			color:#2B7CB3;
			}

/* Forms
**********************************/
fieldset{
	position:relative;
	}
	
label {
	display:block;
	position:relative;
}
label small{
	font-size:.8em;
}

input.side{
	position:absolute;
	bottom:7px;
	right:0;
	}
div#mijn-banen label, div#persoonlijke-gegevens label, div#mijn-cv label, div#banen-per-mail label{
	text-align:right;
	margin-right:4px;
	width:80px;
	padding-top:5px;
	}
	label.large{
		width:170px !important;
		}
		
body.mijn-zoekallebanen textarea.large{
	width:542px;
	height:144px;
	background: url(../images/background/textarea.gif) no-repeat top left;
	border:none;
	margin-top:8px;
	padding:6px 4px 0 4px;
	_background-attachment: fixed;
	}

input.txt{
	background-repeat:no-repeat;
	background-position:top right;
	border:none;
	font-size: 1em;
	color:#555;
	height: 21px;
	padding: 6px 4px 0 4px; /* enzo */	
	background-color:transparent;
	_background-attachment:fixed;
	margin-bottom:8px;
	}

	
select{
	margin-bottom:8px;
	font-size:.9em;
	color:#555;
	border:1px solid #cccccc;
	}
select.multiple{
	height:auto;
	}
select.px180{
	width:180px;
}
select#sOrderBy{
	width:100px;
}

div#sorter{
	float:right;
	}
input.radio{
	border:none;
	margin-right:6px;
	}
img.radio-link{
	position:relative;
	cursor:pointer;
	}
input.px350{
	background-image: url(../images/background/input-350.gif);
	width:342px;
	}
input.px300{
	background-image: url(../images/background/input-300.gif);
	width:292px;
	}	
input.px180{
	background-image: url(../images/background/input-180.gif);
	width:172px;
	}
input.px140{
	background-image: url(../images/background/input-140.gif);
	width:132px;
	}
input.px110{
	background-image: url(../images/background/input-110.gif);
	width:102px;
	}
input.px60{
	background-image: url(../images/background/input-60.gif);
	width:52px;
	}
input.px40{
	background-image: url(../images/background/input-40.gif);
	width:32px;
	}
input.px30{
	background-image: url(../images/background/input-30.gif);
	width:22px;
	}	
	
div.tip{
	position:absolute;
	top:4px;
	right:-367px;
	color:white;
	z-index:99;
	font-size:.9em;
	padding:0 10px 2px 21px;
	height:16px;
	text-align:right;
	width:150px;
	background: url(../images/misc/tooltip.gif) transparent top left no-repeat; 
	}
div#left-column div.tip{
	right:-218px;
	top:23px;		
	}
body.home div#contents div.tip{
	right:-326px;
	}
	
/* sIFR styling
**********************************/	
.sIFR-flash {
  visibility: visible !important;
  margin: 0;
  padding: 0;
}

.sIFR-replaced, .sIFR-ignore {
  visibility: visible !important;
}

.sIFR-alternate {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  display: block;
  overflow: hidden;
}

.sIFR-replaced div.sIFR-fixfocus {
  margin: 0pt; 
  padding: 0pt; 
  overflow: auto; 
  letter-spacing: 0px; 
  float: none;
}

/*---- Header styling ---*/
.sIFR-active div.blue-box h2.sifr {  
  visibility: hidden;
  font-family: Verdana;
  line-height: 1em;
  font-size: 19px;
}

.sIFR-active div#contents h2.sifr {  
  visibility: hidden;
  font-family: Verdana;
  line-height: 1em;
  font-size: 23px;
}