/**
 * Style sheet definitions for all JS tests
 *
 * @file main.css
 * @created 2006-04-20
 * @modified 2006-04-20
 *
 */

/*
 * GLOBAL STYLE DEFINITIONS
 */
 
	* { margin: 0; padding: 0; }
	
	html, body {
		font:normal normal 10px Verdana,sans-serif;
		background-color: #efefef;
		margin: 1px 0 0 1px;
	}
	
	/*
	 * 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;
		}