/* --------------------------------------- */
/* GENERAL TDI CSS */
/* --------------------------------------- */

body						{ _width: 97%; margin: 0px; }
body,td						{ font-family: arial,helvetica; font-size: 0.85em; }

.clear						{ clear: both; }
.button						{ cursor: pointer; }

a							{ color: #2b4590; text-decoration: none; }
a:hover						{ color: #000; text-decoration: underline; }

div#wrapper					{ width: 600px; margin: 0px; margin-top: 10px;}

#tdi_map
	{
	width:600px;
	height:550px;
	}

/* ======================================= */

/* --------------------------------------- */
/* SEARCH */
/* --------------------------------------- */

/* ------------------------------------  */
/* SEARCH */
/* ------------------------------------  */

#searchbox
	{
	position: relative;
	height: auto;
	_height: 300px;
	min-height: 300px;
	margin-top: 10px;
	}

#searchbox #column1
	{
	position: relative;
	background: url(/grfx/tdi/dotline.gif) no-repeat right top;
	width: 340px;
	height: auto;
	_height: 300px;
	min-height: 300px;
	padding-left: 20px;
	float: left;
	left: 0px;
	}

#searchbox #column2
	{
	position: relative;
	width: 220px;
	float: right;
	right: 0px;
	}

#searchbox #column1 h3,
#searchbox #column2 h3
	{
	background-repeat: no-repeat;
	width: 220px;
	height: 42px;
	text-indent: -9999px;
	margin: 0px;
	}

#searchbox #column1 h3#hdr1_0			{ background-image: url(/grfx/tdi/hdr-step1_0.gif); }
#searchbox #column1 h3#hdr1_1			{ background-image: url(/grfx/tdi/hdr-step1_1.gif); }
#searchbox #column1 h3#hdr1_2			{ background-image: url(/grfx/tdi/hdr-step1_2.gif); }
#searchbox #column1 h3#hdr1_3			{ background-image: url(/grfx/tdi/hdr-step1_3.gif); }
#searchbox #column1 h3#hdr1_4			{ background-image: url(/grfx/tdi/hdr-step1_4.gif); }
#searchbox #column1 h3#hdr1_5			{ background-image: url(/grfx/tdi/hdr-step1_5.gif); }

#searchbox #column2 h3#hdr2_0			{ background-image: url(/grfx/tdi/hdr-step2_0.gif); }
#searchbox #column2 h3#hdr2_1			{ background-image: url(/grfx/tdi/hdr-step2_1.gif); }
#searchbox #column2 h3#hdr2_2			{ background-image: url(/grfx/tdi/hdr-step2_2.gif); }
#searchbox #column2 h3#hdr2_3			{ background-image: url(/grfx/tdi/hdr-step2_3.gif); }
#searchbox #column2 h3#hdr2_4			{ background-image: url(/grfx/tdi/hdr-step2_4.gif); }
#searchbox #column2 h3#hdr2_5			{ background-image: url(/grfx/tdi/hdr-step2_5.gif); }

.search_table
	{
	width: 325px;
	padding: 2px;
	}

#search_table td
	{
	vertical-align: top;
	}

.search_desc
	{
	background-color: #C5DCFF;
	border-bottom: 1px dotted #369;
	font-size: 1em;
	padding: 2px;
	padding-right: 4px;
	width: 100px;
	text-align: right;
	vertical-align: top;
	}

.search_desc_events
	{
	font-weight: bold;
	font-size: 1em;
	color: #2b4590;
	}

.search_data_events
	{
	font-size: 1em;
	}

.search_combo
	{
	font-family: arial,helvetica;
	font-weight: normal;
	font-size: 1em;
	width: 225px;
	}

.search_events_combo, .search_events_date
	{
	font-family: arial,helvetica;
	font-weight: normal;
	font-size: 1em;
	width: 155px;
	}

.search_events_combo
	{
	height: 105px;
	}

.search_input
	{
	font-family: arial,helvetica;
	font-size: 1.1em;
	width: 220px;
	}

div.title_box
	{
	background-color: #E3EEFE;
	border: 1px solid #036;
	padding: 5px;
	text-align: center;
	}

#search_steps
	{
	font-size: 0.9em;
	float: right;
	width: 200px;
	display: block;
	margin-left: 0px;
	margin-bottom: 10px;

	margin-top: 15px;
	margin-right: 15px;
	}

.search_bdy	{ width: 345px; _width: 320px; margin: 0px; padding: 15px; }


/* ======================================= */

/* --------------------------------------- */
/* BROWSE */
/* --------------------------------------- */

.browse_table				{ width: 100%; padding: 0px; }

.browse_subject
	{
	background-color: #74beea;
	vertical-align: top;
	font-weight: bold;
	}

.browse_desc0				{ font-size: 0.9em; color: #fff; padding: 4px; }
.browse_desc1				{ font-size: 0.9em; color: #fff; width: 18%; padding: 4px; }
.browse_desc2				{ font-size: 0.9em; color: #fff; width: 18%; padding: 4px; }
.browse_desc3				{ font-size: 0.9em; color: #fff; width: 18%; padding: 4px; }

.browse_data				{ font-size: 0.9em; vertical-align: top; padding: 4px; }

.browse_line0				{ background: #fff; }
.browse_line1				{ background: #eee; }

.browse_order_gif			{ }


/* Steps */

#breadcrumb_steps
	{
	font-size: 1em;
	color: #000;
	padding: 2px 0px 0px 0px;
	height: 20px;
	margin-bottom: 10px;
	}

#breadcrumb_steps a			{ color: #2b4590; text-decoration: underline; }
#breadcrumb_steps a:hover	{ color: #000; text-decoration: underline; }


#steps_found
	{
	font-weight: bold;
	font-size: 1.2em;
	color: #2b4590;
	width: 200px;
	float: left;
	}

#steps_navigation
	{
	position: relative;
	height: auto;
	_height: 20px;
	min-height: 20px;
	text-align: right;
	margin: 0px;
	}

#steps_pagesize
	{
	position: relative;
	height: auto;
	_height: 20px;
	min-height: 20px;
	margin: 0px;
	margin-right: 130px;
	}

#steps_prev-next
	{
	position: relative;
	width: 130px;
	margin: 0px;
	float: right;
	}

#steps_wrapper				{ position: relative; }

#steps_wrapper_steps
	{
	width: 25%;
	float: left;
	font-size: 0.9em;
	}

#steps_wrapper_steps h6
	{
	background-color: #2b4590;
	font-weight: bold;
	font-size: 1.1em;
	color: #fff;
	display: block;
	padding: 3px 0px 4px 4px;
	margin: 0px 0px 6px 0px;
	}

#steps_wrapper_steps a			{ color: #2b4590; text-decoration: none; }
#steps_wrapper_steps a:hover	{ color: #000; text-decoration: underline; }

.step_link
	{
	float: left;
	width: 130px;
	overflow-x: hidden;
	display: block;
	padding: 2px 0px 4px 0px;
	}

.step_count
	{
	float: right;
	font-size: 0.9em;
	display: block;
	}

.step_more
	{
	font-weight: bold;
	padding-left: 4px;
	text-decoration: none;
	}

#steps_wrapper_results
	{
	width: 73%;
	float: right;
	}

#steps_wrapper_results h2
	{
	background-color: #f28e00;
	font-weight: bold;
	font-size: 1em;
	padding: 4px;
	margin: 6px 0px 6px 0px;
	}


/* Advo */

table.advo_table			{ }

.advo_text					{ font-size: 1.1em; padding: 5px; }
.advo_logo					{ text-align: center; width: 150px; padding: 5px; }

/* ======================================= */

/* --------------------------------------- */
/* PRINT */
/* --------------------------------------- */

#print_step_buttonsbar
	{
	background: #0053a0;
	height: 22px;
	margin: 0px;
	margin-bottom: 5px;
	padding-top: 2px;
	}

#showonmap
	{
	margin-bottom: 10px;
	width: 180px;
	float: left;
	}

#history_back
	{
	text-align: right;
	margin-bottom: 10px;
	width: 540px;
	float: right;
	}

.print_table
	{
	width: 100%;
	padding: 0px;
	}

.print_desc, .print_multi_desc
	{
	background-color: #2b4590;
	font-weight: bold;
	font-size: 0.85em;
	color: #fff;
	text-transform: none;
	padding: 4px 8px 4px 8px;
	width: 27%;
	vertical-align: top;
	}

#print_tdi_name
	{
	font-weight: bold;
	color: #2b4590;
	margin-left: 10px;
	margin-bottom: 15px;
	}

.print_name
	{
	font-weight: bold;
	color: #2b4590;
	text-transform: none;
	padding: 4px;
	padding-left: 0px;
	}

.print_name_kop
	{
	background-color: #f28e00;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	padding: 4px;
	padding-left: 8px;
	}

.print_data, .print_sub_title, .print_multi_data, .print_multi_sub_title
	{
	background-color: #eee;
	font-size: 0.85em;
	vertical-align: top;
	padding-left: 8px;
	}

.print_multi_data			{ }

.print_sub_title, .print_multi_sub_title
	{
	font-weight: bold;
	}

.print_spaceline			{ }
.print_spacer_desc			{ height: 10px; }
.print_spacer_data			{ }

.print_multimedia_lnk		{ }
.print_multimedia_lnk img	{ margin-right: 5px; margin-bottom: 2px; }

#tdi_map_browse_step
	{
	width: 100%;
	height: 350px;
	margin-top: 10px;
	margin-bottom: 15px;
	}

/* TDI 1 op N */

.print_table_moreinfo		{ width: 100%; }

.print_desc_moreinfo, .print_multi_desc_moreinfo
	{
	background-color: #ccc;
	padding: 4px 8px 4px 8px;
	line-height: 1em;px;
	font-weight: bold;
	color: #000;
	width: 25%;
	vertical-align: top;
	}

td.print_data_moreinfo, td.print_multi_data_moreinfo
	{
	padding: 4px 8px 4px 8px;
	}

td.print_sub_title_moreinfo, td.print_multi_sub_title_moreinfo
	{
	background-color: #ccc;
	font-weight: bold;
	}

/* ======================================= */
/* ======================================= */
/* ======================================= */