/* GLOBAL STYLE DEFINITIONS */ 
* {
	margin: 0; padding: 0; 
}	
html, body {
	font:normal normal 10px Verdana,sans-serif;
	background-color: #efefef;
	height: 100%;
}	
/* Headings */		
h1, h2, h3, h4, h5, h6 {
	font: 28px "Trebuchet MS", "Lucida Grande", Arial, sans-serif;
}		
h2 { font-size: 200%; }
h3 { font-size: 180%; }
h4 { font-size: 160%; }
h5 { font-size: 140%; }
h6 { font-size: 120%; }	
/* Paragraphs */
p {
	margin-bottom: 1em;
	font: normal normal normal 10px Verdana, Sans-Serif;
}
/* Forms */		
form label {
	display: block;
	float: left;	
	width: 150px;
}		
form .submit {
	padding: 10px;
	margin: 20px 0;
	cursor: pointer;
	background-color: #7FB245;	
	border: 3px double #E4EFD1;
	border-top-color: #F9FFEF;
	border-left-color: #F9FFEF;			
	color: #fff;
}		
select {
    font:normal normal 10px Verdana,Sans-Serif;
}
/* Images */
/* Outlined grid images */
.outlined img {
	outline: 1px dotted red;
}
/* LAYOUT */
#wrapper {
	margin: 0 auto;
	padding: 1px 30px 30px 30px;
	width: 60em;
	border-left: 1px solid #aaa;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
}
#testarea {
	margin: 40px 0;
}
/* The viewport. Since its dimensions should be set by the application, don't try to hardcode them here. */
#viewport {
	position: relative; /* required */
	/* border: 1px solid #aac; */
	overflow: hidden; /* required */
	background-color: #eee;
}
/* PAGE ELEMENTS */
/* Notice box */
.notice {
	padding: 20px;	
	background-color: #FBFFCF;
	border-right: 1px solid #EBEFC2;
	border-bottom: 1px solid #EBEFC2;
	text-align: center;
}
/* Debug box */
#debug {
	position: absolute;
	top: 0; left: 0;
	opacity: .8;
	filter:alpha(opacity=80);
}
#debug .number {
	color: blue;
}
#debug .string {
	color: red;
}
/* USER INTERFACE */
/* Buttons */
/* Main button style, usually attached to an <a> element */
.bgmaps-ui-button {
	position: absolute;
	top: 15px;	
	width: 80px; /* a default width for all the buttons */	
	border: 1px solid #007bbd;
	background: #fff url('../_files/bg-button.png'); /* should not have alpha transparency */
	font: 11px/16px Tahoma, Arial, sans-serif;
	text-align: center;
	text-decoration: none;
	color: #017bbd;	
	outline: none;
}
/* Contains the text */
.bgmaps-ui-button span {
	display: block;	
	border: 1px solid;
	border-color: #d4e9f5 #96b1c0 #96b1c0 #d4e9f5;
}
/* Applied only when the button is toggled */
.bgmaps-ui-button-toggled {
	font-weight: bold;
	background: #fff;
}
.bgmaps-ui-button-toggled span {
	border-color: #96b1c0 #fff #fff #96b1c0;
}
/* Slider */
.bgmaps-zoom-slider {
	top: 4px;
	/*bottom: 15px;*/
	left: 15px;
}
.slider {
	position:relative;
	left:-2px;
} 
#bgmaps-slider-steps {
    border:0 solid red;
}
#slidermap {
}
.bgmaps-zoom-slider-vertical {
	top:27px;
	left:3px;
}
.bgmaps-zoom-text {
    margin-left:27px;
/*	margin-bottom: 6px;*/		    
	height:8%;
    position:relative;
    top:-1px;
    font:normal 9px Arial, Helvetica,sans-serif;
    width:40px;
    color:Black;
}
/* Navigation buttons */
/* Container <div> */
.bgmaps-nav {
	position: absolute;
	z-index: 1100;
	top: 15px;
	left: 15px;
	
	width: 63px;
	height: 63px;
}
/* A little fix for IE, displaying all the images, added through AlphaImgLoader on separate lines */
.bgmaps-nav div { float: left; }
/* Overview window */
.bgmaps-overview {
	border: 1px solid #336699;
	overflow: hidden;
}					
.bgmaps-overview-marker {
	border: 1px solid #ff0000;
	background: blue;
	-moz-opacity: 0.50;
	opacity: 0.50;
	filter: Alpha(opacity=50);
	font-size: 1px;
	overflow:visible;
}
.bgmaps-overview-flag {
	overflow:visible;
	width: 14px;
	height: 22px;
}
/* Layerlist */
#bgmaps-objlayers-list-td {
    background-color:White;
}
#bgmaps-objlayers-list ul {
	list-style: none;
}
#bgmaps-objlayers-list li {
	margin-top: 6px;
	margin-bottom: 6px;
}
#bgmaps-objlayers-list li.closed {
   background: transparent;
}
#bgmaps-objlayers-list li.open {
   background: #efefef;
}
#bgmaps-objlayers-list .toggleCategory {
}
.floatLeft  {
    float: left;
}
#bgmaps-objlayers-list a.nearest-off {
	background: url('../_img/plus.png') no-repeat scroll left top;
}
#bgmaps-objlayers-list a.nearest-on	{
	background: #efefef url('../_img/minus.png') no-repeat scroll left top;
}
#bgmaps-objlayers-list li.open a{
	text-decoration: underline;
}
#bgmaps-objlayers-list li.open ul li a {
	text-decoration: none;
}
#bgmaps-objlayers-list li.open ul li a.nearest-on {
	text-decoration: underline;
}
/*#bgmaps-objlayers-list a	{
	padding-left: 12px;
}*/
#bgmaps-objlayers-list ul li ul	{
	margin-left: 3px;
}
#bgmaps-objlayers-list li.open ul li a {
    color:#316698;
}
#bgmaps-objlayers-list .subcat-checkbox, #bgmaps-objlayers-list .cat-checkbox {
	border-width:0;
	border-spacing: 0;
	font-size: 0;
	width: 12px;
	height: 12px;
	margin-left: 3px;
	vertical-align: middle;
}
#bgmaps-objlayers-list .some {
    background-color: #a0a0a0;
}
#bgmaps-objlayers-list .nearestList ul {
	margin-left:10px;
}
#bgmaps-objlayers-list .nearestList ul li.withinMap a {
	color: black;
}
#bgmaps-objlayers-list .nearestList ul li.outofMap a {
	color: gray;
}
#bgmaps-metric-cnt {
	bottom: -1px;
	left: 0px;
	z-index:1200;
	width: 1800px;
	overflow: hidden;
}
#bgmaps-metric-cnt div {
	float:left;
	height: 100%;
	text-align : center;
}
/* Floating controls */
.bgmaps-floating-control {
	top: 0;
	left: 0;	
	width: 200px;
	height: 70px;	
	/*background: #fff;*/
	border: 1px solid #003366;
	border-top:0;
	border-left:0;
	border-right:0;
	z-index: 2000;
}
.bgmaps-floating-control-content {
	border: 1px solid #003366;
	border-bottom:0;
}
.bgmaps-titlebar {
	width: 100%;
	height: 19px;
	/*border-top: 1px solid #41678D;
	border-left: 1px solid #204D79;
	border-bottom: 2px solid #001325;
	border-right: 1px solid #001325;*/	
	background: transparent url('../_img/panel-bg.png') repeat-x;
/*	width: 100%;
	height: 19px;
	border-bottom: 1px solid #017bbd;
	background: #96b1c0 url('../_files/bg-button.png') no-repeat;*/			
}
.bgmaps-titlebar-text {
	margin: 2px 2px;	
	float: left;
	color: white;
	font:normal 11px Verdana;
}
.bgmaps-close-button {
	float: right;	
	margin: 2px;
	width: 14px;
	height: 14px;
	text-indent: -9000px;
	background: url('../_files/btn-close.gif') no-repeat center;
	color: #444;
}	
.bgmaps-floating-control .bgmaps-zoom-slider {	
	bottom: auto;
	top: 35px;
	left: 10px;
}
.bgmaps-floating-zoom {
	top: 315px;
	left: 300px;
	width: 69px; 
	height: 280px;
}
.bgmaps-floating-zoom .bgmaps-floating-control-content,.bgmaps-floating-nav .bgmaps-floating-control-content {
	   height:300px;
	   background-image: url('../_img/trans.png') !important; /* Mozilla only */
	   background-color: transparent !important;
	   background-repeat:repeat !important;
	   background-image: none; /* IE only */
	   background-color: #fff; /* IE only */
	   filter:alpha(opacity=90); /* IE only */
}
.bgmaps-zoom-slider-vertical,.bgmaps-zoom-text {
    position:relative;
    color:black;
}
.bgmaps-zoom-text a	{
	font:normal normal 9px Arial;
}
.bgmaps-zoom-text a:hover	{
	text-decoration:underline;
	color:#666;
}
.bgmaps-floating-nav {
	top: 315px;
	left: 420px;
	width: 79px;
	height: 90px;
}
.bgmaps-floating-nav .bgmaps-nav {
	top: 25px;
	left: 9px;
}
.bgmaps-floating-maptype {
	left: 625px;
}
.bgmaps-floating-maptype .bgmaps-ui-button {
	top: 30px;
}
.bgmaps-floating-citylist {
	top: 250px;
	left: 330px;
	width: 600px;
	height: auto;	
	background: #fff;
	/*border: 1px solid #003366;*/
	font-size:10px;
}
.bgmaps-floating-addresslist {
	top: 203px;
	left: 487px;
	width: 600px;
	height: auto;	
	background: #fff;
	/*border: 1px solid #003366;*/
	font-size:10px;
}
.bgmaps-floating-poilist {
	top: 300px;
	left: 380px;
	width: 600px;
	height: auto;	
	background: #fff;
	/*border: 1px solid #003366;*/
	font-size:10px;
}
.bgmaps-floating-restore-button {
	float: right;	
	margin: 4px;
	width: 11px;
	height: 11px;
	text-indent: -9000px;
	background: url('../_img/min.png') no-repeat center;
	color: #444;
}
.spd-floating-restore-button {
	float: left;
	width: 11px;
	height: 11px;
	margin: 1px !important;
	margin: 0 1px;
	text-indent: -9000px;
	background: url('../_img/minus.png') no-repeat center;
}
.bgmaps-floating-max-button {
	background-image: url('../_img/plus.png');
}

.bgmaps-floating-min-button {
	background-image: url('../_img/minus.png');
}

.bgmaps-floating-addresslist { 
    height:auto;
    width:400px;
    font:normal normal 10px Verdana,Sans-Serif;
}
.bgmaps-floating-addresslist td {
    padding: 0 2px 0 2px;
}
#address-list {
	border-collapse: collapse;
	text-align: left;
}
#address-list tr {
	background-color: #fff;
}
#address-list tr.odd {
	
	background-color: #f0f0f0;
}
#address-list th {
	text-align: left;
	padding:4px;
	background-color:#D8D8D8;
}
#address-list td {
	padding: 3px 4px;
}

.selected {
	font-weight:bold;
}