/* --------------------------------------- */
/* BROWSE STEP CSS SEADATANET */
/* --------------------------------------- */

#wrapper					{ background-color: #fff; width: 940px; }

form						{ margin: 0px; }

#browse_step_header h1
	{
	background: url(/grfx/cdi_v1/topheader-browsestep.jpg) no-repeat top center;
	text-indent: -9999px;
	width: 100%;
	height: 127px;
	margin: 0px auto;
	padding: 0px;
	}


#browse_step_header #portallink
	{
	position: absolute;
	background: url(/grfx/cdi_v1/btn-portallink.png) no-repeat;
	_background: url(/grfx/cdi_v1/btn-portallink.gif) no-repeat;
	width: 130px;
	height: 40px;
	top: 20px;
	right: 0px;
	}

#browse_step_header #portallink a
	{
	text-indent: -9999px;
	height: 40px;
	display: block;
	outline: 0;
	}

.display_step_data			{ }

/* Overrule */

#toolbox					{ width: 75px; margin-right: 3px; }
.toolsize					{ width: 57px; margin: 1px 0px 2px 0px; }
.toolsize-big				{ margin-bottom: 1px; }

#mapbox						{ width: 552px; }

.map_layers
	{
	width: 542px;
	_width: 542px;
	height: 271px;
	_height: 271px;
	}

#layerbox
	{
	width: 282px;
	_width: 268px;
	margin-left: 634px;
	}

.columnbox
	{
	_height: 251px;
	min-height: 251px;
	}

#display_step_map			{ margin-bottom: 10px; padding: 10px; }

#mapbox_question
	{
	position: relative;
	text-align: center;
	width: 592px;
	float: left;
	z-index:0;
	}

.img_question_loader
	{
	width:180px;
	margin: auto;
	z-index: 1;
	}

#toolbox_question
	{
	width: 146px;
	float: right;
	}

#displaybox
	{
	position: relative;
	width: 700px;
	overflow-x: hidden;
	overflow: auto;
	margin: 0px;
	margin-top: 0px;
	}

.browse_step_box
	{
	background-color: #eaf8fd;
	padding: 3px;
	}

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

/* --------------------------------------- */
/* Steps */
/* --------------------------------------- */

#browse_page_size
	{
	width: 200px;
	margin: 0px;
	margin-left: 30px;
	padding: 0px;
	float: left;
	}

#breadcrumb_steps
	{
	font-weight: bold;
	font-size: 0.9em;
	color: #0072bb;
	padding: 2px;
	margin-bottom: 10px;
	margin-left: 10px;
	}

#breadcrumb_steps a				{ color: #0072bb; text-decoration: underline; }
#breadcrumb_steps a:hover		{ color: #000; text-decoration: underline; }

#steps_found
	{
	position: relative;
	font-weight: bold;
	font-size: 1.2em;
	color: #394294;
	width: 220px;
	_width: 218px;
	float: left;
	}

#steps_navigation				{ font-size: 0.9em; text-align: right; margin-bottom: 8px; }

#steps_wrapper					{ position: relative; padding: 0px 10px; }
#steps_wrapper_header			{ font-weight: bold; font-size: 1.2em; color: #394294; margin-bottom: 10px;}
#steps_wrapper_whitespacer		{ background-color: #fff; font-weight: bold; font-size: 1.4em; color: #5286b5; vertical-align: middle; height: 25px; display: block; padding-bottom: 4px; padding-top: 15px; }

#steps_wrapper_steps
	{
	background: url(/grfx/cdi_v1/bglayers.gif) repeat-y;
	font-size: 0.9em;
	width: 200px;
	float: left;
	}

#steps_wrapper_steps h6, #search_steps h6
	{
	background-color: #35d0f2;
	border-bottom: 1px solid #fff;
	font-weight: bold;
	font-size: 1em;
	color: #fff;
	margin: 0px 0px 6px 0px;
	padding: 1px 0px 3px 6px;
	display: block;
	}

#steps_wrapper_steps a			{ color: #0072bb; text-decoration: underline; }

.step_link
	{
	font-size: 1em;
	color: #0072bb;
	width: 140px;
	padding-left: 6px;
	float: left;
	display: block;
 	cursor: pointer;
	}

.step_count
	{
	font-size: 0.85em;
	color:#000;
	padding-right: 4px;
	float: right;
	display: block;
	}

.step_more_spacer
	{
	margin-left: 6px;
	margin-bottom: 10px;
 	cursor: pointer;
	}

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

#steps_wrapper_results
	{
	width: 700px;
	float: right;
	}

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

#steps_wrapper_date, #steps_wrapper_latlong
	{
	margin: 0px;
	margin-bottom: 5px;
	margin-left: 7px;
	}

#steps_wrapper_date label, #steps_wrapper_latlong label
	{
	position: relative;
	width: 60px;
	float: left;
	}

#steps_wrapper_date input, #steps_wrapper_latlong input
	{
	position: relative;
	width: 80px;
	margin: 0px;
	}

#steps_wrapper_latlong input
	{
	width: 40px;
	}

#steps_wrapper_date br, #steps_wrapper_latlong br
	{
	clear: left;
	}

#steps_wrapper_date img, #steps_wrapper_latlong img
	{
	margin-top: 5px;
	}

#steps_wrapper_latlong img
	{
	margin-top: 0px;
	}

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

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

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

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

.browse_desc0				{ font-size: 0.9em; color: #fff; padding: 4px; width: 9%; }
.browse_desc1				{ font-size: 0.9em; color: #fff; padding: 4px; width: 18%; }
.browse_desc2				{ font-size: 0.9em; color: #fff; padding: 4px; width: 15%; }
.browse_desc3				{ font-size: 0.9em; color: #fff; padding: 4px; width: 15%; }
.browse_desc4				{ font-size: 0.9em; color: #fff; padding: 4px; }
.browse_desc5				{ font-size: 0.9em; color: #fff; padding: 4px; width: 15%; }
.browse_desc6				{ font-size: 0.9em; color: #fff; padding: 4px; width: 5%; }

.browse_data_desc			{ font-weight: bold; }

.browse_data_first			{ font-weight: bold; font-size: 1em; border-top: 1px solid #b1cb35; vertical-align: top; padding: 4px; }

.browse_order_gif			{ }

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

/* --------------------------------------- */
/* SHOP */
/* --------------------------------------- */

#shoppingbar
	{
	position: relative;
	background-color: #4095cc;
	height: auto;
	_height: 40px;
	min-height: 40px;
	margin: 0px;
	padding: 0px;
	}

#shoppingcart
	{
	position: relative;
	background: url(/grfx/cdi_v1/background-shoppingcart.gif) no-repeat 8px 6px;
	font-weight: bold;
	font-size: 0.9em;
	color: #fff;
	height: auto;
	_height: 28px;
	min-height: 28px;
	margin: 0px;
	margin-right: 300px;
	padding: 4px;
	padding-top: 8px;
	padding-left: 55px;
	}

#basket-amount
	{
	font-weight: bold;
	font-size: 1.4em;
	color: #f1b336;
	margin-left: 5px;
	}

#other_browse_buttons
	{
	position: relative;
	width: 295px;
	margin: 0px;
	padding: 4px;
	padding-top: 8px;
	right: 0px;
	float: right;
	}

#steps_browse_buttons
	{
	position: relative;
	font-size: 0.9em;
	height: auto;
	_height: 40px;
	min-height: 40px;
	margin: 0px;
	margin-left: 220px;
	margin-right: 300px;
	}

#steps_browse_buttons td
	{
	font-size: 1em;
	}

#steps_found_records
	{
	position: relative;
	text-align: right;
	width: 300px;
	margin: 0px;
	right: 10px;
	float: right;
	}

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