/* -------------------------------------------------------------------

	Boondoggle - Hans Dreesen
	Rabobank Nederland
	
	1. Structure
	2. Header
	3. Content
	4. colLeft
	5. colCenter
	6. colRight
	7. Footer
	8. Miscellaneous
	9. Search Pages
	10. Homepage
	11. Google Map
	
	always include reset.css, it will reset your style
	for all browers, it includes the clearfix
	
	typography specs must be specified in typography.css
	form specs must be specified in forms.css
	
	ID en class naming => use capitals for seperation: navHome

------------------------------------------------------------------- */




/* ----- imports -------------------------------------------------- */

@import url(typography.css);
@import url(forms.css);




/* ------------------------------------------------------------------------------------- 1. Structure -------------------------------------------- */

body		{  }
#container	{ padding: 10px 0 20px; }
#wrapper	{  }

#header		{ height: 90px; margin-bottom: 30px; position: relative; }
#navigation	{  }
#content	{ padding-bottom: 40px; position: relative; }
#colLeft	{ padding-top: 5px; }
#colCenter	{ margin-bottom: 0px; }
#colRight	{  }
#footer		{ clear: both; }




/* ------------------------------------------------------------------------------------- 2. Header ----------------------------------------------- */

/* logo */
#logo { border: none; float: left; margin: 6px 0 0 20px; }

/* baseline */
#baseline {
	color: #009;
	float: left;
	font-size: 32px;
	height: 30px;
	line-height: 1;
	margin: 29px 0 0 18px;
}
.nl #baseline { background-image: url(../img/css-backgrounds/nl/sprite-titles.gif); width: 272px; }
.en #baseline { background-image: url(../img/css-backgrounds/en/sprite-titles.gif); width: 276px; }

/* functional navigation */
#navFunctional { float: right; margin: 0; padding-top: 5px; width: 245px; }
#navFunctional li { background: none; border-right: 1px solid #009; display: block; float: left; font-size: 10px; line-height: 1; padding: 0 7px; }
#navFunctional li:last-child { border: none; }
#navFunctional a { text-decoration: none; }
#navFunctional a:hover { text-decoration: underline; }

/* search form */
#search { float: right; margin: 0 9px 0 0; }
#search label[for=searchField] { display: none; }
#search input, #search button { float: left; }
#search input {
	background: #FFF;
	border: 1px solid #ccc;
	border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
	color: #444;
	font-size: 0.9em;
	height: 15px;
	margin: 0;
	padding: 2px 0 0 4px;
	width: 155px;
}
#search button {
	background: url(../img/css-backgrounds/sprite-site-elements.gif) left -100px no-repeat;
	border: 0;
	cursor: pointer;
	height: 19px;
	margin-left: -2px;
	text-indent: -9999px;
	width: 19px;
}

/* RSS link */
#rss, #readSpeaker {
	background-image: url(../img/css-backgrounds/sprite-site-elements.gif);
	height: 14px;
	float: right;
	margin: 2px 7px 0 0;
	width: 14px;
}
#rss { background-position: left -150px; }
#readSpeaker { background-position: left -1500px; }

/* main navigation */
#navMain { bottom: 0; margin: 0 20px 0 0; position: absolute; right: 0; z-index: 2; }
#navMain li { background: url(../img/css-backgrounds/sprite-main-navigation.png) 0px 3px no-repeat; float: left; padding: 0 0 12px; }
#navMain li:first-child { text-align: right; width: 200px; }
#navMain li:first-child.active { background-position: -155px 3px; }
#navMain a { display: block; /* adding height for firefox and safari on mac */ height: 14px; padding: 0 10px 15px; text-decoration: none; }
#navMain li.active { background-position: -300px 3px; }
#navMain li.active a { background: url(../img/css-backgrounds/sprite-main-navigation.png) right 3px no-repeat; }
#navMain a:hover { text-decoration: underline; }
/* main navigation drop downs */
#navMain ul {
	background: url(../img/css-backgrounds/sprite-main-navigation.png) right bottom no-repeat; 
	border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px;
	border-bottom-left-radius: 8px;  -moz-border-radius-bottomleft: 8px;  -webkit-border-bottom-left-radius: 8px;
	display: none;
	margin: -6px 0 0 0px;
	padding: 21px 20px 25px 15px;
	position: absolute;
	z-index: -1;
}
#navMain li:hover ul { display: block; }
#navMain ul li { background: url(../img/css-backgrounds/bg-dotted-border.gif) repeat-y; float: none; text-align: left; margin: 0; padding: 0 0 4px 14px; }
#navMain ul li:first-child { text-align: left; width: auto; }
#navMain ul a,
#navMain li.active ul a { background: none; margin: 0; padding: 0; }
#navMain ul li:hover { background-position: left top; }

/* header animation (Flash, temporarily replaced by image) */
#headerAnimation { bottom: 0; left: 0; position: absolute; }




/* ------------------------------------------------------------------------------------- 3. Content ---------------------------------------------- */

/* content images */
#content p img.left { border-left: 5px solid #F60; margin: 2px 10px 10px 0; }
#content p img.right { border-left: 5px solid #F60; margin: 2px 0 10px 15px; }

/* audio player */
.audioPlayerHolder {
	background: #e7e7e7;
	border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
	margin: 2em 0;
	padding: 10px;
	width: 270px;
}
#audioPlayer { margin-bottom: 5px; }
.audioCaption { font-size: 0.8em; margin: 0.3em; }




/* ------------------------------------------------------------------------------------- 4. colLeft ---------------------------------------------- */

/* search link */
#searchLink {
	background: url(../img/css-backgrounds/sprite-site-elements.gif) left -196px no-repeat;
	display: block;
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 1.5em;
	padding-left: 17px;
	text-decoration: none;
	text-transform: uppercase;
}
#searchLink:visited { color: #009; }
#searchLink:hover { background-position: -500px -196px; color: #F60; }

/* sub navigation */
#subNavTitle { display: block; font-size: 1.2em; margin-bottom: 0.6em; }
#navSub { border-left: 1px dotted #757575; line-height: 1; margin: 0 0 0 3px; padding-left: 13px; }
#navSub li { background: none; margin-bottom: 7px; padding: 0; }
#navSub a { text-decoration: none; }
#navSub li.active a { color: #000; font-weight: bold; }
#navSub a:hover { text-decoration: underline; }
#navSub ul { font-size: 11px; margin: 7px 0 20px 20px; }




/* ------------------------------------------------------------------------------------- 5. colCenter -------------------------------------------- */

#colCenter ul { line-height: 1.35em; }
#colCenter ul.pager { clear: none; line-height: 1; }

#videoPlayer { margin-bottom: 1.5em; }

.roundBox { background: url(../img/css-backgrounds/bg-roundbox.gif) left top repeat-y; padding: 0 10px; }
.roundBox h2 { font-size: 12px; margin-bottom: 0.8em; }
.roundBox table { background: #fff; width: 100%; }
.roundBox th { background: #f6f6f6; border-bottom: 1px solid #ff6600; border-top: 1px solid #bebebe; font-size: 10px; font-weight: normal; }
.roundBox th.col2 { width: 200px; }
.roundBox tr.contentRow1 td { padding-top: 10px; }
.roundBox tr.lastRow td { padding-bottom: 10px; }
.roundBox td img { margin: 0 6px; vertical-align: text-bottom; }
.roundBoxTop { background: url(../img/css-backgrounds/bg-roundbox-top.gif) left top no-repeat; height: 13px; margin-top: 15px; }
.roundBoxBottom { background: url(../img/css-backgrounds/bg-roundbox-bottom.gif) left top no-repeat; height: 12px; margin-bottom: 120px; }

.formContent { margin-top: 2em; }
.formContent div { border-top: 1px solid #b4b4b4; margin-bottom: 2em; padding-top: 9px; }
.formContent p.small { border: none; padding: 0; }
.formContent textarea { height: 75px; width: 275px; }
.formContent .fakeLabel { margin-bottom: 6px; }
.formContent .captcha { display: block; }
.formContent .linkType01 { font-size: 0.9em; float: none; margin-left: 25px; }

.contentColleagues {}
.contentColleagues p.intro { clear: none; float: left; width: 75%; }
.contentColleagues .linkTypePrint { float: right; margin: 0; }
.contentColleagues .searchFilter { clear: left; font-size: 0.9em; margin-bottom: 2em; }
.contentColleagues .searchFilter label { display: none; }
.contentColleagues .searchFilter span { display: block; margin-bottom: 5px; }
.contentColleagues .searchFilter .newListSelected { float: left; margin-right: 10px; width: 190px; }
.contentColleagues .searchFilter ul.newList { width: 190px; }
.contentColleagues .searchResultInfo { clear: left;}

/* testimonial boxes */
.testimonial {
	background: #eee;
	border-radius: 4px;  -moz-border-radius: 4px;  -webkit-border-radius: 4px;
	color: #3e3e3e;
	float: left;
	font-size: 0.85em;
	margin: 0 7px 7px 0;
	padding: 8px;
	width: 210px;
}
.testimonial div { min-height: 300px; }
.testimonial .tBasicInfo { position: relative; }
.testimonial .tBasicInfo img { border-bottom: 25px solid #009; margin-bottom: 1em; }
.testimonial h2 { font-size: 1.4em; font-weight: bold; height: 45px; }
.testimonial h2 span { display: block; font-size: 0.6em; font-weight: normal; margin-top: 3px; }
.testimonial q { font-size: 1.1em; line-height: 1.4em; }
.testimonial .linkMore {
	background: url(../img/css-backgrounds/sprite-site-elements.gif) left -1400px no-repeat;
	bottom: 0;
	color: #009;
	cursor: pointer;
	display: none;
	left: 0;
	line-height: 1;
	min-height: 13px;
	padding-left: 25px;
	position: absolute;
	text-decoration: underline;
}
.testimonial h3 { font-size: 1em; font-weight: bold; padding-right: 10px; }
.testimonial .clipColleague { display: block; margin: 0 auto; }

.cluetip-testimonial {
	background: url(../img/css-backgrounds/drop-shadow.png) right bottom no-repeat;
	border-radius: 4px;  -moz-border-radius: 4px;  -webkit-border-radius: 4px;
	padding: 0 3px 5px 0;
}
.cluetip-testimonial .testimonial h2 { height: auto;}
.cluetip-testimonial .testimonial { background: #fff; border: 1px solid #b0b0b0; color: #3e3e3e; font-size: 0.9em; margin: -3px 0 0 -3px; padding: 10px 10px 15px; width: 410px; }
.cluetip-testimonial .testimonial div { float: left; min-height: 1%; width: 195px; }
.cluetip-testimonial .testimonial div.tBasicInfo { border-right: 1px solid #ddd; margin-right: 12px; padding-right: 3px; }
.cluetip-testimonial #cluetip-close { right: 9px; top: 5px; }
.cluetip-testimonial .testimonial .tBasicInfo .clipColleague { border: none; margin: 0 0 1.5em; }

/* databox */
#databox {background:url(../img/css-backgrounds/bg-faq.gif) repeat-y left top; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
#databox #databoxInner {padding:15px 9px 15px 9px}

#databox .dataSection    {background:#fff url(../img/css-backgrounds/bg-faqsection-top.gif) no-repeat left top; margin:0 0 25px 0;}
#databox .dataSection h3 { border-top:1px solid #bababa; color:#000099; font-size:1em; margin:0; padding:9px 0 8px 28px}
#databox .dataSection h3.ui-state-active { background-position: 6px -1141px; }
#databox .dataSection h3.first {border:none;}

#databox .dataSection .dataSectionInner {background:url(../img/css-backgrounds/bg-faqsection-footer.gif) no-repeat left bottom; padding:11px 0}
#databox .dataSection .dataSectionInner div {font-size:0.91em; padding:0 30px 16px 28px;}

/* recuitment table */
table.recruitment {font-size:0.91em; margin:-10px 0 0 0; width:682px;}
table.recruitment thead tr th {border-bottom:2px solid #ffa366; padding:6px}
table.recruitment tr td             {padding:6px}
table.recruitment tr td.description {width:192px;}
table.recruitment tr td.part        {width:312px;}
table.recruitment tr td.location    {width:112px;}
/* row item default/opened */
table.recruitment tr.toggleHeader td.date {background:url(../img/css-backgrounds/sprite-site-elements.gif) no-repeat 6px -1094px; padding-left:25px; width:66px; }
table.recruitment tr.open td        {border:none; padding-bottom:15px}
table.recruitment tr.open td.date   {background:url(../img/css-backgrounds/sprite-site-elements.gif) no-repeat -531px -1194px;}
/* row item detail */
table.recruitment tr td.detail   {padding-bottom:20px; padding-right:20px;}
table.recruitment tr td.detail p {margin:0; padding:0 0 1.5em 0}
/* last row */
table.recruitment tr.last td {border:none;}




/* ------------------------------------------------------------------------------------- 6. colRight --------------------------------------------- */

/* boxes right */
.boxRight { background: url(../img/css-backgrounds/bg-box-right.gif) left top no-repeat; font-size: 0.9em; margin-bottom: 3em; padding-top: 4px; }
.boxRight h2 { font-size: 1.5em; font-weight: normal; margin: 8px 0 10px; }
.boxRight ul { margin: 0; }
.boxRight li { background: none; margin-bottom: 3px; padding: 0; }
.boxRight img { margin: 0 5px; }




/* ------------------------------------------------------------------------------------- 7. Footer ----------------------------------------------- */

#footer { background: url(../img/css-backgrounds/bg-footer.gif) no-repeat; color: #009; font-size: 0.9em; margin: 0 10px; padding-top: 15px; }
#footer li { background: none; border-right: 1px solid #009; float: left; padding: 0 8px 0 0; margin-right: 8px; }
#footer li:last-child { border: none; }
#footer li.copyright { border: none; float: right; margin: 0; padding: 0; }
#footer a { text-decoration: none; }
#footer a:hover { text-decoration: underline; }




/* ------------------------------------------------------------------------------------- 8. Miscellaneous ---------------------------------------- */

.imgReplaced { background-repeat: no-repeat; display: block; outline: none; text-indent: -9999px; }

.left	{ float: left; }
.right	{ float: right; }
.clear	{ clear: both; }
.hide	{ display: none; }
.first	{ margin-top: 0; padding-top: 0; }
.last	{ margin-bottom: 0; padding-bottom: 0; }
.center	{ text-align: center; }
.inline { display: inline; }

hr { display: none; }

/* flash alternative styles */
.block { background: #efefef; border: 4px solid #dfdfdf; clear: both; margin: 25px 0; padding: 25px; }
ul#alternativeNav { border-bottom: 2px solid #333; border-top: 2px solid #333; list-style: none; padding: 10px 0 10px 5px; margin: 0 0 20px 0; }
ul#alternativeNav li { float: left; margin: 0 10px 0 0; }

/* clearfix */
.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

/* link types */
.linkType01,
.linkType02 { background: url(../img/css-backgrounds/sprite-site-elements.gif) left -498px no-repeat; display: block; float: left; margin-top: 3px; outline: none; padding-left: 20px; }
.linkType02 { background-position: -536px -498px; }
.linkType01Note { display: block; float: left; font-size: 0.8em; margin-top: 2px; padding-left: 20px; }
.linkTypePrint {
	background: url(../img/css-backgrounds/sprite-site-elements.gif) left -248px no-repeat;
	color: #009;
	display: block;
	font-size: 0.9em;
	line-height: 1;
	margin-bottom: 2.5em;
	min-height: 13px;
	padding-left: 19px;
	cursor: pointer;
	text-decoration: underline;
}
.linkTypePrint:hover { color: #F60; }
.linkSearchJobs {
	background: url(../img/css-backgrounds/sprite-site-elements.gif) 19px -1422px no-repeat;
	color: #009;
	display: block;
	font-size: 1.1em;
	font-weight: bold;
	padding-bottom: 57px;
	text-decoration: none;
	text-transform: uppercase;
}
.linkSearchJobs span { background: url(../img/css-backgrounds/sprite-site-elements.gif) 3px -196px no-repeat; padding-left: 20px; }
.linkSearchJobs:hover span { background-position: -497px -196px; }
.linkTypeBookmark {
	background: url(../img/css-backgrounds/sprite-site-elements.gif) right -650px no-repeat;
	border: 0;
	color: #009;
	cursor: pointer;
	font-size: 0.75em;
	display: block;
	outline: none;
	margin-bottom: 4px;
	padding-right: 2px;
	text-decoration: none;
}
.linkTypeBookmark span {
	background: url(../img/css-backgrounds/sprite-site-elements.gif) left -650px no-repeat;
	display: block;
	height: 17px;
	padding: 5px 2px 0 24px;
}

a.linkApply { background: url(../img/css-backgrounds/bg-btn-apply.gif) no-repeat 0 0; color: #fff; display: block; float: right; font-size: 1.2em; font-weight: bold; height: 22px; margin-bottom: 15px; padding: 4px 0 0 35px; text-decoration: none; width: 135px;  }

/* button types */
.btnType01 {
	background: url(../img/css-backgrounds/sprite-site-elements.gif) left -400px no-repeat;
	border: 0;
	color: #FFF;
	cursor: pointer;
	display: block;
	float: right;
	font-size: 1.1em;
	font-weight: bold;
	padding: 0 0 0 35px;
	text-decoration: none;
}
.btnType01 span {
	background: url(../img/css-backgrounds/sprite-site-elements.gif) right -400px no-repeat;
	display: block;
	height: 19px;
	margin-right: -2px;
	padding: 4px 10px 3px 0;
}
a.btnType01,
button.btnType01:hover { color: #fff; }
button.btnType01 { font-size: 1.3em; }
button.btnType01 span { background-color: #fff; height: 21px; margin: -1px -3px 0 0; padding-top: 2px; }
.btnType01Note {
	background: #e55805;
	border-bottom-left-radius: 3px;		-moz-border-radius-bottomleft: 3px;		-webkit-border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;	-moz-border-radius-bottomright: 3px;	-webkit-border-bottom-left-radius: 3px;
	color: #333;
	float: left;
	font-size: 0.75em;
	margin: -18px 0 6em;
	position: relative;
}
.btnType01Note span {
	background: #f5bc9b;
	border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;
	display: block;
	margin: 3px;
	padding: 4px;
}

.btnType02 {
	background: none;
	border: 0;
	color: #009;
	cursor: pointer;
	font-size: 0.8em;
	padding: 0;
	text-align: left;
}
.btnType02 span { text-decoration: underline; }
button:hover { color: #F60; }

.btnSubmit { background: #fff url(../img/css-backgrounds/bg-btn-send.gif) no-repeat 0 0; border: none; color: #fff; cursor: pointer; float: right; font-size: 1.3em; font-weight: bold; height: 26px; padding: 0 0 2px 30px; width: 117px; }
.btnSubmit:hover { color: #fff; }

/* list types */
ul.listType01 { font-size: 0.8em; margin-left: 0; }
ul.listType01 li { background: url(../img/css-backgrounds/bg-dotted-border.gif) repeat-y; margin: 0; padding: 0 0 2px 14px; }
ul.listType01 a { text-decoration: none; }
ul.listType01 a:hover { text-decoration: underline; }

ul.listType02 { border-bottom: 1px solid #d6d6d6; clear: left; margin: 1.5em 0; } /* used for search results list */
ul.listType02 li { background: none; border-top: 1px solid #d6d6d6; color: #454545; font-size: 0.9em; line-height: 1.3em; margin: 0; padding: 1em 2em 0.8em 0; position: relative; }
ul.listType02 li:hover { background: #f9f9f9; }
ul.listType02 li a { display: block; font-size: 1.1em; margin-bottom: 0.3em; }

/* search results */
.searchResultInfo { margin-bottom: 1.5em; }
.searchTerm { font-weight: bold; font-style: italic; }
.searchFilter { margin-bottom: 1.5em; }
.searchFilter label { color: #000099; font-size: 10px; margin-left: 5px; position: relative; top: -1px; }
.searchResultSummary { float: right; margin-top: 5px;}
#Kaart .searchResultSummary { float: left; margin-top: 0px;}
#Kaart .searchResultInfo {margin-bottom: 0.5em;}

/* pager */
ul.pager { clear: left; float: left; height: 22px; list-style: none; margin: 0; }
ul.pager li { background: none; float: left; font-size: 0.88em; padding: 7px 0 0; }
ul.pager li a, ul.pager li span { border-right: 1px solid #000; display: block; height: 11px; padding: 0 6px; text-decoration: none; }
ul.pager li.previous { margin-right: 6px; padding: 0; }
ul.pager li.next { margin-left: 6px; padding: 0; }
ul.pager li.previous a, ul.pager li.next a {
	background: url(../img/css-backgrounds/sprite-site-elements.gif) no-repeat;
	border: 0;
	height: 22px;
	padding: 0;
	width: 22px;
}
ul.pager li.previous a { background-position: left -950px; }
ul.pager li.next a { background-position: right -950px; }
ul.pager li.active { font-weight: bold; }
ul.pager li.lastPage a, ul.pager li.lastPage span { border: 0; }

/* styled selectboxes */
.newListSelected { background: #FFF url(../img/css-backgrounds/sprite-site-elements.gif) left -1000px no-repeat; border: 1px solid #b4adad; height: 21px; margin-bottom: -2px; outline: none; width: 155px; }
.selectedTxt { background: url(../img/css-backgrounds/sprite-site-elements.gif) right -1000px no-repeat; height: 21px; line-height: 18px; margin: -1px -1px 0 0; overflow: hidden; padding: 2px 25px 0 4px; }
.js ul.newList { left: -9999px; }
ul.newList {
	background: #fff;
	border: 1px solid #b4adad;
	list-style: none;
	top: 21px;
	left: -1px;
	height: auto;
	margin: -3px 0 0 -1px;
	padding: 2px 0 0;
	overflow: auto;
	position: absolute;
	width: 155px;
	z-index: 9999;
}
ul.newList li { background: none; margin: 0; padding: 0 0 0 4px; }
.hiLite { background: #b4adad; }
ul.newList li.newListHover { background: #316ac5; color: #FFF; cursor: default;}
.newListSelHover { cursor: default; }
.newListSelHover, .newListSelFocus { background-position: auto; }

/* tabs (jQuery UI styles) */
.ui-tabs { zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding:4px 0 4px 0; background:url(../img/css-backgrounds/sprite-site-elements.gif) repeat-x left -1026px; height:26px; margin:0 }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; font-size:.91em; border-bottom-width: 0 !important; margin: 0 .4em -1px 0;}
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */

.ui-tabs .ui-tabs-panel { padding: 2em 30px 0; display: block; border-width: 0; background: none; width: 470px;} /* hack for safari added by Bart */
.searchPage .ui-tabs .ui-tabs-panel { padding: 2em 1.4em 0; display: block; border-width: 0; background: none; width: auto}

.ui-tabs .ui-tabs-hide { display: none !important; }

.ui-state-default, .ui-widget-content .ui-state-default { border: none; font-weight: normal; color: #ffffff; outline: none; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #ffffff; text-decoration: none; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: none; font-weight: normal; color: #026890; outline: none; }
.ui-state-hover a, .ui-state-hover a:hover { color: #ccc; text-decoration: none; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active { border: none; font-weight: normal; color: #ccc; outline: none; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #000; outline: none; text-decoration: none; }

li.ui-state-default, li.ui-state-active {
	display: block;
	float: left;
	height: 25px;
	margin: 5px 6px 0 0;
	padding:0 0 2px 0;
	padding-right: 17px; /* sliding doors padding */
	background: url(../img/css-backgrounds/bg-tabsDefault02.gif) no-repeat right top;
	border:0;
	text-align:center;
}
li.ui-state-default a, li.ui-state-active a { 
	display: block;
	line-height: 14px;
	padding: 5px 0 6px 16px;
	background: url(../img/css-backgrounds/bg-tabsDefault01.gif) no-repeat left top;
	border:0;
}
li.ui-state-active   {background: url(../img/css-backgrounds/bg-tabsActive02.gif) no-repeat right top;}
li.ui-state-active a {background: url(../img/css-backgrounds/bg-tabsActive01.gif) no-repeat left top;}

.ui-tabs h3 { color: #383838; font-size: 1.2em; font-weight: bold; margin: 2em 0 0.6em; }

/* clueTip */
#cluetip-close { position: absolute; right: 18px; top: 8px; z-index: 99; }
#cluetip-close a {
	background: url(../img/css-backgrounds/sprite-site-elements.gif) left -1300px no-repeat;
	display: block;
	height: 15px;
	outline: none;
	text-indent: -9999px;
	width: 15px;
}

/* open/close panels */
.panels .toggleHeader, .panels h3 { cursor: pointer; }
.panels h3 { background: url(../img/css-backgrounds/sprite-site-elements.gif) 6px -1091px no-repeat; line-height: 1.3em; }
.panels .open { background-position: -531px -1191px; }

/* vacancies */
#vacancies    {padding-bottom:40px}
.vacancy      {background:url(../img/css-backgrounds/bg-box-vacancie.gif) no-repeat left bottom; float:left; font-size:.92em; height: 120px; margin:0 8px 9px 0; overflow:hidden; padding:0 8px; width: 250px;}
.vacancy p    {margin-bottom:.50em}
.vacancy h2   {background:url(../img/css-backgrounds/bg-box-vacancie.gif) no-repeat left top; font-size:1.1em; margin: 0 -8px; padding:42px 15px 2px 8px}
.vacancy h2 a {color:#111; text-decoration:none;}
.vacancy.even { margin-right: 0; }

/* grey box */
.greyBox     {background:#ebebeb; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; font-size:.91em; margin-bottom:15px}
.greyBox h2  {color:#000099; font-family:Verdana, Arial; font-size:1.4em; margin:0; padding:0 0 7px 0}
.greyBox img {margin-top:-8px; padding:0 8px 0 0}
.greyBox p   {margin:0 0 .9em 0}
.greyBox a.linkType01 {float:right;}
.greyBoxInner {padding:20px 16px 8px 8px;}
#colCenter .greyBox h2, #colCenter .greyBox p {clear:none;}

/* general table layout */
table.basic {background:url(../img/css-backgrounds/bg-table-basic-thead.gif) repeat left top; font-size:0.91em; width:620px}
table.basic thead       {}
table.basic thead tr    {border:none;}
table.basic thead tr td {background:transparent; border-bottom:1px solid #ffa366; font-weight:bold;}
table.basic td.roundedTL {background:url(../img/css-backgrounds/bg-table-basic-roundedTL.gif) no-repeat left top}
table.basic td.roundedTR {background:url(../img/css-backgrounds/bg-table-basic-roundedTR.gif) no-repeat right top}
table.basic td.roundedBL {}
table.basic td.roundedBR {}
table.basic td      {background:#fff; border:none; padding:6px 12px;}
table.basic td.blue {color:#000099; padding-right:25px;}
table.basic th      {background:#ebebeb; border:0; margin:8px 4px; padding:6px 12px;}

#colCenter table.basic { width: 540px; }

/* download text */
.download {background:url(../img/css-backgrounds/sprite-site-elements.gif) no-repeat left -1552px; padding-left:15px;}

/* fancybox styles (rabo specific, will overwrite defaults) */
#fancybox-wrap { background: #fff; 	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 10px; }
#fancybox-close {
	background: url(../img/css-backgrounds/sprite-site-elements.gif) left -550px no-repeat;
	height: 17px;
	right: 0;
	top: 0;
	width: 17px;
}

/* correct styles "add this" button */
#at20mc input[type="text"] { height: auto; padding-top: 1px; width: auto; }




/* ------------------------------------------------------------------------------------- 9. Search Pages ----------------------------------------- */

body.searchPage #header { margin-bottom: -18px; }
body.searchPage #content { min-height: 435px; }
body.searchPage #flashContent { clear: left; outline: none; }
body.searchPage #flashContent h1 { margin-top: 48px; }
/* prevent flashcontent FUOC */
body.searchPage #flashContent * { visibility: hidden;}
#jobBlock { clear: left; margin: 3em 0; position: relative; z-index: 1; }
.flashEnabled #jobBlock { margin: -270px 10px 0; }

#sideBarLeft {
	background: #FFF;
	border-top-left-radius: 4px;	-moz-border-radius-topleft: 4px;	-webkit-border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;	-moz-border-radius-bottomleft: 4px;	-webkit-border-bottom-left-radius: 4px;
	float: left;
	min-height: 124px;
	margin: 25px 0 0;
	padding: 10px;
	width: 200px;
}
#sideBarLeft h1 { border: none; color: #444; font-size: 1.5em; margin: 2em 0 0.7em; padding: 0 0 0 24px; }
#sideBarLeft h1:first-child { margin-top: 0; }
#sideBarLeft h1.quickLinks { background: url(../img/css-backgrounds/sprite-site-elements.gif) left -295px no-repeat; }
#sideBarLeft h1.viewedJobs { background: url(../img/css-backgrounds/sprite-site-elements.gif) left -595px no-repeat; }
#sideBarLeft ul.listType01 { margin-bottom: 1em; width: 90%; }
#sideBarLeft .linkTypeBookmark, #sideBarLeft button { float: left; margin-left: 10px; }

#jobSearchBox {
	float: left;
	margin-left: -7px;
	width: 720px;
}
#jobSearchBox h1 {
	background: url(../img/css-backgrounds/bg-striped-gray.gif);
	border: 0;
	border-top-left-radius: 6px;	-moz-border-radius-topleft: 6px;	-webkit-border-top-left-radius: 6px;
	border-top-right-radius: 6px;	-moz-border-radius-topright: 6px;	-webkit-border-top-right-radius: 6px;
	color: #009;
	float: left;
	font-size: 1.25em;
	font-weight: bold;
	height: 24px;
	margin: 0;
	padding: 12px 25px 0 18px;
	text-transform: uppercase;
	width: auto;
}
#jobSearchBox h1 span {
	background: url(../img/css-backgrounds/sprite-site-elements.gif) left -346px no-repeat;
	display: block;
	padding-left: 20px;
}
#jobSearchHeaderWrapper { background: url(../img/css-backgrounds/shadow-left.png) left top no-repeat; height: 36px; padding: 0 0 0 7px; margin-left: -7px; }
#jobSearchFormWrapper { background: url(../img/css-backgrounds/shadow-left.png) left bottom no-repeat; padding: 0 0 0 7px; margin-left: -7px; }
#jobSearchForm {
	background: url(../img/css-backgrounds/bg-striped-gray.gif);
	border-top-right-radius: 4px;		-moz-border-radius-topright: 4px;		-webkit-border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;	-moz-border-radius-bottomright: 4px;	-webkit-border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;		-moz-border-radius-bottomleft: 4px;		-webkit-border-bottom-left-radius: 4px;
	clear: left;
	padding: 22px 0 10px;
	position: relative;
}

#jobSearchForm #regularSearch { background: url(../img/css-backgrounds/world-map-search-box.gif) 15px 10px no-repeat; border-bottom: 1px solid #c5c5c5; padding-left: 155px; }
#jobSearchForm .inputHolder { float: left; font-size: 0.9em; margin: 0 8px 25px 0; }
#jobSearchForm label { display: block; margin-bottom: 2px; }
#jobSearchForm input[type="checkbox"] + label { margin-right: 0; }
#jobSearchForm input[type="text"], #jobSearchForm select { background: #FFF; border-color: #b4adad; line-height: 1; padding: 3px 2px 2px 3px; width: 155px; }
#jobSearchForm input[type="text"] { height: 16px; }
#jobSearchForm select { padding: 1px 2px; }

#jobSearchForm #areaSearchItems { clear: left; }
#jobSearchForm #areaSearchItems label { display: inline; }
#jobSearchForm #areaSearchItems input[type="checkbox"] { margin: 0 3px 0 1px; }
#jobSearchForm #areaSearchItems input#kilometers { width: 30px; }
#jobSearchForm #areaSearchItems label[for="postalCode"] { display: none; }
#jobSearchForm #areaSearchItems input#postalCode { width: 100px; }

#jobSearchForm div.disabled { color: #999; }
#jobSearchForm div.disabled input { background-color: #f3f3f3; border-color: #bbb; }

#jobSearchForm #detailedSearch { display: none; background: #dadada; clear: both; padding: 15px 20px 25px; }
#jobSearchForm #detailedSearch .inputHolder { margin: 0 10px 0 0; }
#jobSearchForm #detailedSearch label { width: 157px; }

#jobSearchForm .btnType01 { position: absolute; right: 69px; top: 85px; }
#jobSearchForm .btnType01 span { background-color: #ccc; }
#jobSearchForm #detailContent .btnType01 span { background-color: #fff; }

#jobSearchForm #toggleSearchOptions { background: url(../img/css-backgrounds/bg-search-results.gif) no-repeat; border-top: 1px solid #fefefe; float: none; margin: 0; width: auto; }
#jobSearchForm #toggleSearchOptions a {
	background: url(../img/css-backgrounds/sprite-site-elements.gif) no-repeat;
	color: #000090;
	display: block;
	float: right;
	font-size: 0.8em;
	font-weight: bold;
	height: 15px;
	margin: 7px 20px 0 0;
	min-width: 90px;
	padding: 0 0 0 20px;
	position: relative;
	text-decoration: underline;
	z-index: 1;
}
#jobSearchForm #toggleSearchOptions a#more { background-position: left -448px; }
#jobSearchForm #toggleSearchOptions a#less { background-position: -537px -448px; }
#jobSearchForm #toggleSearchOptions a:hover { color: #FF6600; }

/* job search results */
#searchResults { background: url(../img/css-backgrounds/bg-search-results.gif) left -20px no-repeat; margin-top: -18px; padding: 4px 10px 10px; }
#searchResults h1 { display: none; }
#searchResults p { float: none; margin: 0 0 1.4em; }
#searchResults #searchColLeft { float: left; margin-right: 40px; width: 450px; }
#searchResults #searchColRight { float: left; width: 170px; }

/* job search results tabs */
#searchResults .ui-tabs-nav { background: none; border: 0; margin: 0; padding: 0; }
#searchResults .ui-tabs-nav li {
	background: url(../img/css-backgrounds/sprite-site-elements.gif) left -700px no-repeat;
	border: 0;
	bottom: -1px;
	font-weight: normal;
	height: 27px;
	margin: 0 0 -1px 20px;
	padding: 0 0 0 30px;
	position: relative;
}
#searchResults .ui-tabs-nav li a {
	background: url(../img/css-backgrounds/sprite-site-elements.gif) right -700px no-repeat;
	display: block;
	font-size: 1.3em;
	height: 20px;
	margin-right: -6px;
	padding: 7px 25px 0 0;
}
#searchResults .ui-tabs-nav li#ttlList { background-position: left -750px; }
#searchResults .ui-tabs-nav li#ttlMap { background-position: left -850px; }
#searchResults .ui-tabs-nav li#ttlList a,
#searchResults .ui-tabs-nav li#ttlMap a { background-position: right -750px; }
#searchResults .ui-tabs-nav li#ttlList.ui-tabs-selected { background-position: left -700px; bottom: 0; }
#searchResults .ui-tabs-nav li#ttlMap.ui-tabs-selected { background-position: left -800px; bottom: 0;  }
#searchResults .ui-tabs-nav li#ttlList.ui-tabs-selected a,
#searchResults .ui-tabs-nav li#ttlMap.ui-tabs-selected a { background-position: right -700px; height: 19px; padding: 8px 25px 0 0; }

#searchResults .tabContent, #searchResults #detailContent {
	background: #FFF;
	border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;
	clear: left;
	margin-bottom: 20px;
	padding: 20px 20px 20px;
}

#searchResults .iconMap {
	background: url(../img/css-backgrounds/sprite-site-elements.gif) 6px -895px no-repeat;
	display: block;
	height: 20px;
	outline: none;
	position: absolute;
	right: 0;
	text-indent: -9999px;
	top: 15px;
	width: 20px;
}
#searchResults .iconMap:hover { background-position: -537px -895px; }

#searchResults .searchFilter { margin: 0; }
#searchResults .searchFilter { float: none; }
#searchResults .searchFilter label, #searchResults .searchFilter .newListSelected { float: left; font-size: 0.9em; margin-bottom: 2em; }
#searchResults .searchFilter label { color: #333; display: inline; font-size: 0.9em; margin: 4px 10px 0 0; }
#searchResults .searchFilter ul.newList li.newListHover { background: #316ac5; } /* restore stylish select */
#searchResults .listType02 { margin-top: 0; }

#searchResults #searchRecap h3 { font-size: 1.25em; font-weight: normal; margin-top: 0; }
#searchResults #searchRecap ul { color: #009; font-size: 0.9em; margin: 0.8em 0 0 0; }
#searchResults #searchRecap li { background: none; padding: 0; }
#searchResults #searchRecap ul ul { font-size: 1em; margin: 0 0 0 20px; }
#searchResults #searchRecap label { display: inline; }
#searchResults #searchRecap label:hover { color: #f60; }

/* job description tooltip */
.jobDescription { font-size: 0.9em; margin-bottom: 2em; width: 520px; }
.jobDescription h3 { background: url(../img/css-backgrounds/bg-tooltip.png) left top no-repeat; font-size: 1.3em; font-weight: bold; margin: 0; padding: 20px 20px 1em; }
.jobDescription div {
	background: url(../img/css-backgrounds/bg-tooltip.png) left bottom no-repeat;
	padding: 0 20px 20px;
}
.jobDescription .jobDescriptionBody { background: none; padding: 0; max-height: 105px; overflow: auto; }
.jobDescription .jobDescriptionBody p { line-height: 15px; }
.jobDescription ul { margin: 0 0 1.5em 0; }
.jobDescription li { background: none; float: left; padding: 0; width: 45%; }
#cluetip .jobDescription { margin: 0; }

/* job detail */
#searchResults #detailContent { margin-top: 26px; overflow: hidden; padding-top: 35px; }
#searchResults #detailContent #searchColRight { position: relative; }
#searchResults #detailContent h1 {
	background: none;
	color: #757575;
	display: block;
	font-size: 1.8em;
	font-weight: normal;
	height: auto;
	line-height: normal;
	margin-bottom: 1.4em;
	padding: 0;
	text-transform: none;
}
#searchResults #detailContent table { border-top: 1px solid; font-size: 0.9em; margin-bottom: 2.7em; width: 100%; }
#searchResults #detailContent th { border-bottom-width: 1px; font-weight: normal; }
#searchResults #detailContent table,
#searchResults #detailContent td,
#searchResults #detailContent th { border-color: #d5d5d5; }
#searchResults #detailContent .linkTypePrint,
#searchResults #detailContent .linkTypeBookmark,
#searchResults #detailContent .btnType01 { float: left; margin-bottom: 17px; width: 170px; }
#searchResults #detailContent .btnType01 { font-size: 1.2em; margin-left: 0; margin-right: 0; position: relative; right: 0; top: 0; width: 133px; }

#searchResults #detailContent h2 { font-size: 1em; font-weight: bold; margin-bottom: 0.3em; }
#searchResults #detailContent #searchColRight h2 { font-size: 1.2em; font-weight: normal; margin-bottom: 0.3em; }
/* job-detail-02 shadow */
#jobSearchBox.jobExternal { margin-left: 0; }
#jobSearchBox.jobExternal #searchResults { margin-top: 0; }
#jobSearchBox.jobExternal #jobSearchForm { 
	padding-top: 0; 
	border-top-right-radius: 0;		-moz-border-radius-topright: 0;		-webkit-border-top-right-radius: 0;
	border-top-left-radius: 0;		-moz-border-radius-topleft: 0;		-webkit-border-top-left-radius: 0;
}
#jobSearchBox.jobExternal #topShadowHolder {  background: url(../img/css-backgrounds/jobexternal-shadow-top.png) no-repeat top left; height: 22px; margin-left: -7px; padding: 0 0 0 7px; }
#jobSearchBox.jobExternal #jobSearchFormWrapper { margin-left: -7px; }
#jobSearchBox.jobExternal #searchResults #searchColRight { width: 170px; }
/* special styles for testimonial box here */
#searchResults .testimonial {
	background: #d1d1d1;
	border-radius: 0;  -moz-border-radius: 0;  -webkit-border-radius: 0;
	border-bottom-left-radius: 4px;  -moz-border-radius-bottomleft: 4px;  -webkit-border-bottom-left-radius: 4px;
	color: #232323;
	float: right;
	font-size: 0.85em;
	margin-right: -20px;
	padding: 10px 0 10px 10px;
	position: relative;
	width: auto;
}
#searchResults .testimonial div { margin: 0 10px 0 0; min-height: 1%; }
#searchResults .testimonial h2 { height: auto; }
#searchResults #detailContent #searchColRight .testimonial h2 { font-size: 1.4em; font-weight: bold; margin-bottom: 0.6em; }
#searchResults .testimonial h2 .txtReadStory { display: none; }
#searchResults .testimonial h2 span { margin-top: 0; }
#searchResults .testimonial h3 { font-size: 1em; font-weight: bold; }

#searchResults .testimonialFancy { margin-right: -220px; position: relative; width: 380px; }
#searchResults .testimonialFancy div { float: left; width: 170px; }
#searchResults .testimonialFancy div { padding-bottom: 15px; }
#searchResults .testimonialFancy .toggle,
#searchResults .testimonialFancy .close {
	background: url(../img/css-backgrounds/sprite-site-elements.gif) no-repeat;
	cursor: pointer;
	display: block;
	position: absolute;
	text-indent: -9999px;
}
#searchResults .testimonialFancy .toggle { background-position: left -1350px; height: 50px; left: -10px; top: 0; width: 10px;}
#searchResults .testimonialFancy .close { background-position: left -1300px; height: 15px; right: 5px; top: 6px; width: 15px;}
#searchResults .testimonialFancy .linkMore {
	background: url(../img/css-backgrounds/sprite-site-elements.gif) left -1400px no-repeat;
	color: #009;
	cursor: pointer;
	display: block;
	padding-left: 25px;
	text-decoration: underline;
	width: 145px;
}

/* job detail external */
.jobExternal #jobSearchForm { border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; }
.jobExternal #searchResults { background: none; }


.lastElement, div.lastElement { margin-bottom: 0; }


/* ------------------------------------------------------------------------------------- 10. Homepage -------------------------------------------- */

body#home #flashContent { margin-bottom: 60px; }
body#home #jobBlock { left: 0; margin-top: 0; z-index: 1; }
body#home .flashEnabled #jobBlock { margin-top: 0; position: absolute; top: 235px;}
body#home #jobSearchForm #toggleSearchOptions { background: none; }

body#home img.left, body#home img.right { border: 0; }

.pushBox { font-size: 0.8em; }
.pushBox h1 { color: #333; font-size: 2.1em; margin-bottom: 0.5em; padding-bottom: 7px; }
.pushBox ul { border: 0; margin: 0; }
.pushBox li { background: none; border: 0; font-weight: normal; margin: 0 0 10px; padding: 0; }
.pushBox a { text-decoration: none; }
.pushBox a:hover, .pushBox .linkType01 { text-decoration: underline; }

.pbCalendar li { margin: 0; }
.pbCalendar li .date, .pbCalendar li a { display: block; float: left; margin-bottom: 10px; }
.pbCalendar li .date { width: 30%; }
.pbCalendar li a { width: 70%; }

.pbNews p { padding-right: 40px; }

.pbFacts .fact { font-size: 1.6em; line-height: 1.3em; text-decoration: none;}




/* ------------------------------------------------------------------------------------- 11. Google Map ------------------------------------------ */

#map, #map2 { background: #eee; height: 420px; position: relative; width: 650px; }

/* custom markers */
#popupMap_contents{ background-color: #FFF; }
#popupMap_t { background: url(../img/google-map/popupMap_t.gif) repeat-x 0 0; height: 5px; width: 1px;  }
#popupMap_tl { background: url(../img/google-map/popupMap_tl.gif) no-repeat 0 0; height: 5px; width: 5px;  }
#popupMap_l { background: url(../img/google-map/popupMap_l.gif) repeat-y 0 0; height: 2px; width: 5px; }
#popupMap_bl { background: url(../img/google-map/popupMap_bl.gif) no-repeat 0 0; height: 85px; width: 5px; margin-top: -40px; }
#popupMap_b { background: url(../img/google-map/popupMap_b.png) no-repeat 0 0; height: 85px; width: 242px; margin-top: -40px; }
#popupMap_beak { background: url(../img/google-map/popupMap_beak.png) no-repeat 7px 0; height: 25px; width: 90px; margin-top: -40px; }
#popupMap_br { background: url(../img/google-map/popupMap_br.png) no-repeat 0 0; height: 85px; width: 36px; margin-top: -40px; }
#popupMap_r { background: url(../img/google-map/popupMap_r.gif) repeat-y 0 0; height: 2px; width: 36px; }
#popupMap_tr { background: url(../img/google-map/popupMap_tr.gif) no-repeat 0 0; height: 5px; width: 36px; }
#popupMap_close { background: url(../img/google-map/popupMap_close.gif) no-repeat 0 0; cursor:pointer; height: 17px; width: 48px; }

/* custom marker content */ 
#popupMap { width:240px; }
#popupMap h2 {
	background: none;
	color: #333;
	float: none;
	font-weight: bold;
	height: auto;
	margin: 0 0 10px;
	padding: 0;
}
#popupMap a { color: #009; text-decoration: underline; }
#popupMap p { margin: 0 0 5px; }
#popupMap_contents {}
#popupMap_contents p {margin:0; padding:0 0 10px 0;}