/* --------------------------------------- */
/* BLACKSEASCENE CDI V2 CSS */
/* --------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, a, em, font, small, strong, sub, sup, b, u, i, center, dl, dt, dd, ol, ul, li, form, label, table, caption, tbody, tr, th, td {
	margin: 0;
	padding: 0;
	outline: 0;
	}

html							{ overflow: -moz-scrollbars-vertical; overflow-x: auto; overflow-y: scroll; }
body							{ background-color: #fff; }
body, td
	{
	font-family: "trebuchet ms",arial,helvetica;
	font-size: 0.75em;
	color: #000;
	}

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

#wrapper
	{
	position: relative;
	width: 1000px;
	margin: 5px auto;
	}

#logo
	{
	position: relative;
	background: url(/grfx/cdi_v2/logo_ss.gif) no-repeat center;
	width: 134px;
	height: 60px;
	margin: auto;
	}

#warning
	{
	font-weight: bold;
	color:#f00;
	text-transform: uppercase;
	width: 300px;
	padding-top: 2px;
	padding-right: 8px;
	}

.layer_ready					{}

.layer_loading
	{
	background: url(/grfx/cdi_v2/loader.gif) transparent no-repeat;
	width: 50px;
	height: 16px;
	display: inline-block;
	}

.icon_small, .icon_search
	{
	background-image: url(/grfx/cdi_v2/icon-help_small.png);
	background-repeat: no-repeat;
	width: 12px;
	height: 12px;
	vertical-align: middle;
	display: inline-block;
	}

.icon_search
	{
	background-image: url(/grfx/cdi_v2/icon-help.png);
	width: 18px;
	height: 18px;
	}

.nodisplay						{ display: none; }

.columnbox
	{
	height: auto;
	_height: 270px;
	min-height: 270px;
	}

.fill-ttl						{ display: none; }

/* --------------------------------------- */
/* HEADER */
/* --------------------------------------- */

#header
	{
	position: relative;
	background-color: #4095cc;
	font-weight: bold;
	font-size: 1em;
	color: #fff;
	width: 988px;
	height: 18px;
	margin: auto;
	padding: 2px 4px 4px 8px;
	}

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

/* --------------------------------------- */
/* BUTTONS */
/* --------------------------------------- */

#search-help ul					{ list-style: none; }
#search-help ul li				{ float: left; }

.button-search,
.button-reset,
.button-help-search
	{
	background-repeat: no-repeat;
	text-indent: -9999px;
	width: 90px;
	height: 17px;
	}

.button-search					{ background-image: url(/grfx/cdi_v2/btn-search.png); }
.button-reset					{ background-image: url(/grfx/cdi_v2/btn-reset.png); }
.button-help-search				{ background-image: url(/grfx/cdi_v2/btn-help-search.png); width: 17px; }

.button-expand,
.button-collapse
	{
	background-repeat: no-repeat;
	text-indent: -9999px;
	width: 65px;
	height: 16px;
	display: inline-block;
	}

.button-expand					{ background-image: url(/grfx/cdi_v2/btn-expand.png); }
.button-collapse				{ background-image: url(/grfx/cdi_v2/btn-collapse.png); }

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

/* --------------------------------------- */
/* TOOLS */
/* --------------------------------------- */

#toolbox
	{
	position: relative;
	width: 145px;
	float: left;
	}

#toolbox h1, #toolbox_question h1
	{
	background-color: #d2f136;
	font-weight: bold;
	font-size: 0.9em;
	color: #000;
	text-transform: uppercase;
	height: 18px;
	padding: 4px 0px 0px 8px;
	}

#toolbox .box					{ background: url(/grfx/cdi_v2/bgtools.gif) repeat-y; border: 1px solid #d2f136; padding: 3px; }

.toolsize, .toolsize-big
	{
	width: 35px;
	height: 21px;
	padding: 2px 5px 2px 5px;
	cursor: pointer;
	}

.toolsize-big					{ width: 57px; }

.box ul							{ position: relative; list-style: none; height: auto; min-height: 50px; }
.box ul	li						{ position: relative; margin: 2px 5px 3px 5px; float: left; }

.linda_gis_action1_off, .linda_gis_action2_off, .linda_gis_action3_off, .linda_gis_action4_off,
.linda_gis_action5_off, .linda_gis_action7_off, .linda_gis_action8_off,
.linda_gis_reset, .linda_gis_copyright, .linda_gis_legend,
.linda_gis_enlarge, .linda_gis_help, .linda_gis_position, .linda_gis_overview,
.empty
	{
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	width: 35px;
	height: 21px;
	cursor: pointer;
	}

.linda_gis_action1_off			{ background-image: url(/grfx/cdi_v2/linda_gis1.png); }
.linda_gis_action2_off			{ background-image: url(/grfx/cdi_v2/linda_gis2.png); }
.linda_gis_action3_off			{ background-image: url(/grfx/cdi_v2/linda_gis3.png); }
.linda_gis_action4_off			{ background-image: url(/grfx/cdi_v2/linda_gis4.png); }
.linda_gis_action5_off			{ background-image: url(/grfx/cdi_v2/linda_gis5.png); }
.linda_gis_action7_off			{ background-image: url(/grfx/cdi_v2/linda_gis7.png); }
.linda_gis_action8_off			{ background-image: url(/grfx/cdi_v2/linda_gis8.png); }
.linda_gis_reset				{ background-image: url(/grfx/cdi_v2/linda_gis_reset.png); }
.linda_gis_copyright			{ background-image: url(/grfx/cdi_v2/btn-copyright.png); }
.linda_gis_legend				{ background-image: url(/grfx/cdi_v2/btn-legend.png); }
.linda_gis_enlarge				{ background-image: url(/grfx/cdi_v2/btn-enlarge.png); }
.linda_gis_help					{ background-image: url(/grfx/cdi_v2/btn-help.png); }
.linda_gis_position				{ background-image: url(/grfx/cdi_v2/btn-position.png); }
.linda_gis_overview				{ background-image: url(/grfx/cdi_v2/btn-index.png); }

.empty							{ background-image: url(/grfx/cdi_v2/linda_gis_blank.png); cursor: default; }

.linda_gis_enlarge, .linda_gis_help, .linda_gis_position, .linda_gis_overview
	{
	width: 57px;
	}

.pic_on							{ background-position: 0px -21px; }

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

/* --------------------------------------- */
/* MAP */
/* --------------------------------------- */

#mapbox
	{
	margin-left: 152px;
	margin-right: 254px;
	}

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

/* --------------------------------------- */
/* LAYERS */
/* --------------------------------------- */

#layerbox, #infobox
	{
	position: relative;
	background: url(/grfx/cdi_v2/bglayers.gif) repeat-y;
	border: 1px solid #35d0f2;
	width: 260px;
	_width: 258px;
	height: auto;
	min-height: 305px;
	float: right;
	}

#layerbox .columnbox			{ width: 100%; }
#layerbox .columnbox tr			{ vertical-align: top; }

#layerbox h1, #infobox h1
	{
	background-color: #35d0f2;
	font-size: 0.9em;
	color: #fff;
	text-transform: uppercase;
	margin-bottom: 5px;
	padding: 4px 0px 0px 8px;
	}

#layerbox h1#subh1				{ }

#layerbox .columnone,
#layerbox .columntwo
	{
	position: relative;
	width: 120px;
	_width: 117px;
	}

#layerbox .columnone			{ float: left; }
#layerbox .columntwo			{ margin-left: 120px; }

#layerbox .columnone h5,
#layerbox .columntwo h5
	{
	font-weight: normal;
	font-size: 0.9em;
	color: #000;
	padding-left: 8px;
	}

#layerbox #ttl td
	{
	background: #35d0f2;
	font-weight: bold;
	font-size: 1em;
	color: #fff;
	text-transform: uppercase;
	padding: 4px 0px 4px 0px;
	}

.control-check					{ width: 5%; }

.control-desc
	{
	font-size: 0.9em;
	width: 34%;
	padding-top: 2px;
	}

.control_hidden					{ display:none; }

.control-buttons				{ padding-left: 4px; }
.control-results				{ height: auto; _height: 22px; min-height: 22px; }

.control-radio					{ width: 5%; }

.control-results-desc
	{
	font-size: 0.9em;
	margin-left: 22px;
	padding-top: 2px;
	}

.control						{ margin-left: 8px; }
.control input
	{
	font-size: 0.9em;
	height: 12px;
	}

#control-steps
	{
	font-size: 0.9em;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
	}

#control-steps img				{ padding-left: 10px; }

#toolbox h1 img,
#layerbox h1 img				{ vertical-align: middle; }

#slider
	{
	position: absolute;
	background: url(/grfx/cdi_v2/bglayers.gif) repeat-y;
	border: solid #35d0f2;
	border-width: 0px 1px 1px 1px;
	width: 258px;
	min-height: 270px;
	left: -1px;
	z-index: 9000;
	}

.slider_menu 					{ width: 65px; margin-left: 5px; cursor: pointer; }

.button-addlayer
	{
	position: relative;
	background-image: url(/grfx/cdi_v2/btn-addlayer.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	width: 65px;
	height: 16px;
	float: right;
	top: 0px;
	right: 5px;
	cursor: pointer;
	}

#layerscnt
	{
	width: 248px;
	padding: 5px;
	overflow: hidden;
	overflow-y: scroll;
	z-index: 9000;
	}

#table_layers					{ width: 220px; table-layout: fixed; }
#table_layers td				{ font-size: 0.9em; }
.table-layers-check				{ width: 23px; }
.table-layers-name				{ width: 125px; overflow: auto; overflow-x: hidden; word-wrap: break-word; margin-right: 5px; }
.table-layers-loader			{ width: 15px; }
.table-layers-buttons			{ width: 77px; }
#table_layers td img			{ margin-right: 1px; vertical-align: middle; }
#table_layers hr
	{
	background: none;
	border: 0px;
	border-top: 1px solid #35d0f2;
	height: 1px;
	}

#search-help
	{
	float: right;
	margin: 0px;
	margin-right: 450px;
	padding-right: 8px;
	cursor: pointer;
	}

#layers-extra
	{
	position: relative;
	height: auto;
	min-height: 20px;
	}

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


/* --------------------------------------- */
/* BASKET */
/* --------------------------------------- */

#basket
	{
	background: url(/grfx/cdi_v2/bg-basket.gif) no-repeat;
	width: 134px;
	height: 68px;
	margin: 8px auto;
	}

#basket-icon
	{
	background: url(/grfx/cdi_v2/icon-basket.gif) no-repeat center;
	width: 40px;
	height: 40px;
	float: left;
	}

#basket-ttl
	{
	font-size: 0.9em;
	color: #fff;
	width: 55px;
	float: left;
	padding-top: 10px;
	}

#basket-amount
	{
	font-size: 0.9em;
	color: #fff;
	text-align: right;
	width: 32px;
	_width: 26px;
	margin-left: 95px;
	padding-top: 10px;
	padding-right: 6px;
	}

#to-basket
	{
	width: 66px;
	height: 26px;
	float: left;
	cursor: pointer;
	}

#clear-basket
	{
	width: 66px;
	_width: 62px;
	height: 26px;
	margin-left: 68px;
	cursor: pointer;
	}

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

/* --------------------------------------- */
/* SEARCH / BROWSE / PRINT */
/* --------------------------------------- */

#displaybox
	{
	position: relative;
	width: 998px;
	margin-top: 15px;
	clear: both;
	overflow-x: hidden;
	overflow: auto;
	}

#displaybox .box
	{
	background: url(/grfx/cdi_v2/bgsearch.gif) repeat-y right top;
	border: 1px solid #f1b336;
	}

#displaybox h1
	{
	position: relative;
	background-color: #f1b336;
	font-weight: bold;
	font-size: 0.9em;
	color: #fff;
	text-transform: uppercase;
	height: 18px;
	padding: 4px 0px 0px 8px;
	}

#search-help
	{
	float: right;
	padding-right: 8px;
	cursor: pointer;
	}

#search_table					{ width: 98%; margin-left: 5px; margin-right: 5px; }
#search_table td				{ padding: 2px; }

.searchbox						{ padding: 2px 0px 1px 0px; }

.search-desc
	{
	font-size: 0.9em;
	width: 130px;
	}

.search-object					{ font-size: 0.85em; }

.search-object .search_input,
.search-object .search_select_multi,
.search-object .search_select,
.search-object .search_input_small
	{
	font-family: "trebuchet ms",Arial,Helvetica;
	font-size: 1.1em;
	width: 290px;
	}

.search-object .search_input
	{
	width: 100px;
	}

.search-object .search_input_small
	{
	width: 50px;
	}

/* browse */

#in-basket
	{
	position: relative;
	width: 120px;
	margin-left: 10px;
	float: left;
	}

.buttons
	{
	font-size: 0.95em;
	padding: 5px;
	padding-right: 10px;
	}

.buttons a					{ font-weight: bold; text-decoration: underline; }
.buttons a:hover			{ font-weight: bold; text-decoration: underline; }

.browse_table
	{
	width: 98%;
	margin: auto;
	}

.browse_subject
	{
	background-color: #ccc;
	font-weight: bold;
	vertical-align: middle;
	}

.browse_desc0-0					{ width:  6%;	font-size: 0.9em; color: #fff; padding-top: 1px; padding-left: 4px; }
.browse_desc0-1					{ width: 15%;	font-size: 0.9em; color: #fff; padding-top: 1px; padding-left: 4px; }
.browse_desc0-2					{ width: 14%;	font-size: 0.9em; color: #fff; padding-top: 1px; padding-left: 4px; }
.browse_desc0-3					{ width: 12%;	font-size: 0.9em; color: #fff; padding-top: 1px; padding-left: 4px; }
.browse_desc0-4					{ 			font-size: 0.9em; color: #fff; padding-top: 1px; padding-left: 4px; }
.browse_desc0-5					{ width: 18%;	font-size: 0.9em; color: #fff; padding-top: 1px; padding-left: 4px; }
.browse_desc0-6					{ width:  5%;	font-size: 0.9em; color: #fff; padding-top: 1px; padding-left: 4px; }

.browse_line0					{ }
.browse_line1					{ }

.browse_data					{ border-bottom: 1px solid #ccc; font-size: 0.9em; padding: 4px; vertical-align: top; }

/* print */

#displaybox h1#print			{ height: 26px; padding: 2px 0px 0px 6px; }

#print-buttons
	{
	margin: 0px;
	padding-right: 10px;
	float: right;
	cursor: pointer;
	}

#print-buttons img				{ padding: 0px 2px 0px 2px; }

.print_table
	{
	background-color: #fff;
	width: 100%;
	padding: 2px;
	}

.print_ttl
	{
	background-color: #ccc;
	font-weight: bold;
	font-size: 0.9em;
	color: #fff;
	text-transform: uppercase;
	width: 22%;
	padding-top: 4px;
	padding-left: 4px;
	padding-bottom: 4px;
	}

.print_desc
	{
	background-color: #eee;
	font-size: 0.9em;
	width: 22%;
	padding-left: 4px;
	padding-bottom: 4px;
	padding-right: 6px;
	}

.print_data
	{
	font-size: 0.9em;
	color: #000;
	padding-left: 8px;
	padding-bottom: 4px;
	}

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

/* --------------------------------------- */
/* POPUP */
/* --------------------------------------- */

#popupbdy						{ background: #fff; }

#popupwrapper, #popupwrapper_html
	{
	position: relative;
	width: 100%;
	margin: auto;
	}

#popupwrapper_html				{ width: 94%; }

#popupwrapper .header_display,
#popupwrapper_html .header_display
	{
	display: none;
	}

#popupwrapper h3, #popupwrapper h4, #popupwrapper h5,
#popupwrapper_html h3, #popupwrapper_html h4, #popupwrapper_html h5
	{
	font-size: 1em;
	color: #4095cc;
	margin-top: 15px;
	}

#popupwrapper h3,
#popupwrapper_html h3
	{
	font-size: 1.4em;
	margin-bottom: 15px;
	}

#popupwrapper h4,
#popupwrapper_html h4
	{
	font-size: 1.2em;
	}

#popupwrapper p, #popupwrapper ul, #popupwrapper ol,
#popupwrapper_html p, #popupwrapper_html ul, #popupwrapper_html ol
	{
	margin-bottom: 15px;
	}

#popupwrapper ul,
#popupwrapper_html ul
	{
	margin-left: 20px;
	}

#popupwrapper ol,
#popupwrapper_html ol
	{
	margin-left: 25px;
	}

#popupwrapper .text,
#popupwrapper_html .text
	{
	font-size: 1em;
	}


.legendtable					{ padding: 4px; }
.legendtable td					{ font-size: 1em; padding: 4px; }


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