/**
 * CSS voor Toerkoop, website en MRO
 */

@import url('toerengine_touroperatortext.css');

@import url('toerengine_vrijzoeken.css');
@import url('toerengine_bestemming.css');
@import url('toerengine_periode.css');
@import url('toerengine_personen.css');
@import url('toerengine_prijs.css');
@import url('toerengine_verblijf.css');
@import url('toerengine_verzorging.css');
@import url('toerengine_vertrek.css');
@import url('toerengine_touroperator.css');
@import url('toerengine_resultaten.css');
@import url('toerengine_package.css');

img.icon_help {
	float: left;
	margin: 4px 3px 0px 0px;
	cursor: pointer;
	display: none;
}

div.knopregel17 {
	margin-right: 10px;
	text-align: justify;
}

div.knopregel17 img.fill {
	width: 400px;
	height: 1px;
}

/* ********************** Algemene blokstijlen ********************* */
div#sidebar { margin-top: 24px; }

div#sidebar div.block {
	clear: both;
	margin: 0px;
	padding-left: 8px;
	padding-bottom: 8px;
	border-bottom:1px solid #2F6BAC;
}

div#sidebar div.block h1 {
	margin-left: 0px;
	font-size: 11pt;
	margin-bottom: 3px;
	color:#13437E;
}

div.workbox {
	margin: 0px;
	width: 152px; /* (333 - 12 for padding - 13 for spacing between workboxes) / 2 - 2 for border */
	border: 1px solid #007DC5;
	font-size: 9pt;
	color: #13437E;
	line-height: 12pt;
	background: #FFFFFF;
	padding: 0px;
}

div.workbox div.workbox_title {
	padding: 2px;
	line-height: 9pt;
	font-weight: bold;
	color: #FFFFFF;
	background: #4CA4D6;
	border-bottom: 1px solid #007DC5;
	cursor: default;
}

div.workbox div.workbox_link, div.workbox a.workbox_link {
	display: block;
	padding: 0px 2px 0px 12px;
	background: url('/images/link_blauw.gif') no-repeat 3px 4px;
	cursor: pointer;
}

div.probeer_nog_eens {
	font-weight: bold;
	text-decoration: underline;
	cursor: pointer;
	color: #007DC5;
}

div.workbox div.workbox_link_visited, div.workbox a.workbox_link_visited {
	display: block;
	padding: 0px 2px 0px 12px;
	background: url('/images/link.gif') no-repeat 3px 4px;
	cursor: pointer;
}

div.workbox div.workbox_radio, div.workbox a.workbox_radio {
	display: block;
	padding: 0px 2px 0px 16px;
	cursor: pointer;
	background: url('/images/radio_off.gif') no-repeat 2px 2px;
}

div.workbox div.workbox_radio_checked, div.workbox a.workbox_radio_checked {
	display: block;
	padding: 0px 2px 0px 16px;
	background: url('/images/radio_on.gif') no-repeat 2px 2px !important;
}

div.workbox div.workbox_checkbox, div.workbox a.workbox_checkbox {
	display: block;
	padding: 0px 2px 0px 16px;
	cursor: pointer;
	background: url('/images/checkbox_off.gif') no-repeat 1px 2px;
}

div.workbox div.workbox_checkbox_checked, div.workbox a.workbox_checkbox_checked {
	display: block;
	padding: 0px 2px 0px 16px;
	background: url('/images/checkbox_on.gif') no-repeat 1px 2px !important;
}

div.workbox div.workbox_checkbox_who, div.workbox a.workbox_checkbox_who {
	display: block;
	padding: 0px 2px 0px 16px;
	background: url('/images/checkbox_who.gif') no-repeat 1px 2px !important;
}

input.input {
	border: 1px solid #007DC5;
	color: #007DC5;
	width: 152px; /* same with as workbox */
}

select.input {
	border: 1px solid #13437E;
	color: #13437E;
	width: 154px; /* om de een-of-andere reden heeft de selectbox twee pixels meer nodig dan een normale input */
}

input.empty {
	color: #666666 !important;
	font-style: italic;
}

/* ********************** SEMI dropdown ******************** */
div.semi_dropdown {
	position: absolute;
	visibility: visible;
	border: 1px solid #007DC5;
	background: #EDF6FB;
	color: #007DC5;
}

div.semi_dropdown_off {
	position: absolute;
	visibility: hidden;
}

div.semi_dropdown div {
	padding: 2px;
}

div.semi_dropdown div.selected {
	color: #007DC5;
	font-weight: bold;
	border-bottom: 1px dotted #007DC5;
	cursor: default;
}

div.semi_dropdown div.mouseover {
	background: #007DC5;
	color: #EDF6FB;
	cursor: pointer;
}

/* ******************** History iframe *********************** */

iframe#toerengineHistory {
	position: absolute;
	left: 0px;
	top: 352px;
	width: 935px;
	height: 360px;
	z-index: -1;
	visibility: hidden;
}

iframe#toerengineHistory.on {
	z-index: 400;
	visibility: visible;
}