/*********** GENERAL STYLES ***********/
* { margin: 0; padding: 0; }

html, body {
	margin: 0;
	min-width: 720px;
	height: 100%;
	font-family: "Lucida Grande", helvetica, sans-serif;
	font-size: 12px;
	background: #f2efe9; }

img { border: 0; }

a:link, a:visited, a:active, a:hover { border: 0; outline: none; }

p { font-size: 90%; }

ul, li { 
	margin: 0; 
	list-style-type: none; 
	list-style-position: inside; }


/*********** DIRECTIONS STYLES ***********/
#directions {
	z-index: 2;
	float: left;
	position: absolute;
	left: 0;
	min-width: 300px; 
	width: 300px;
	min-height: 25px;
	margin: 38px 0 0 15px;
	padding: 6px 6px 10px 6px;
	text-align: center;
	color: #fff;
	background: #333;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	opacity: 0.8;
	filter: alpha(opacity=80); }
	
	#directions h2 { 
		font-size: 10px;
		text-transform: uppercase;
		padding: 4px 0;
		background: #555;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		cursor: move; }

		#directions h2 span { 
			float: right; 
			margin: -11px 10px 0 0; 
			cursor: pointer; }		
	
	#directions div.search { margin: 10px 0 0 0; }
		
		#directions div.search input { 
			float: left; 
			width: 254px; 
			margin: 0; 
			padding: 4px; 
			border: 1px solid #222; }
		
		#directions div.search a:link, #directions div.search a:visited { 
			float: left;
			font-size: 105%;
			margin: 0 0 0 4px; 
			padding: 6px 6px 4px 6px;
			text-decoration: none;
			color: #000; 
			background: #fff; 
			border: 1px solid #222; }
		
	#directions div.directions { display: none; text-align: left; }
				
	#directions a:link, #directions a:visited { color: #fff; }

	#directions .jqResize {
		 width: 15px;
		 height: 15px;
		 position: absolute;
		 bottom: 0;
		 right: 0;
		 cursor: se-resize; }

	#directions .jqDnR {
		position: relative;
		width: 180px;
		font-size: 0.77em;
		color: #618d5e;
		margin: 5px 10px 10px 10px;
		padding: 8px;
		background: #eee;
		border: 1px solid #ccc; }


/*********** LEGEND STYLES ***********/
#legend {
	display: none;
	z-index: 2;
	float: left;
	position: absolute;
	top: 98px;
	left: 15px;
	min-height: 25px;
	padding: 6px;
	text-align: left;
	color: #fff;
	background: #333;
	text-shadow: 0 1px 1px #000;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	opacity: 0.8;
	filter: alpha(opacity=80); }

	#legend h2 { 
		font-size: 10px;
		text-transform: uppercase;
		text-align: center;
		margin: 0 0 6px 0;
		padding: 4px 10px;
		background: #555;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		cursor: move; }
	
	#legend ol { list-style: none; list-style-position: outside; }
	
		#legend ol li { 
			margin: 0;
			padding: 4px 0 4px 20px; 
			font-size: 10px;
			border-top: 1px solid #666; }
			
			* html #legend ol li { padding: 4px 0; } /* IE6 FIX */
			
			*:first-child+html #legend ol li { padding: 4px 0; } /* IE7 FIX */
		
		#legend ol li.b1 { background: url(http://resource.mybusinessadmin.com/icons/bullet_blue.png) left center no-repeat; }
		#legend ol li.b2 { background: url(http://resource.mybusinessadmin.com/icons/bullet_green.png) left center no-repeat; }
		#legend ol li.b3 { background: url(http://resource.mybusinessadmin.com/icons/bullet_orange.png) left center no-repeat; }
		#legend ol li.b4 { background: url(http://resource.mybusinessadmin.com/icons/bullet_pink.png) left center no-repeat; }
		#legend ol li.b5 { background: url(http://resource.mybusinessadmin.com/icons/bullet_yellow.png) left center no-repeat; }
		
			#legend ol li a:link, #legend ol li a:visited { 
				display: block;
				text-decoration: none; 
				color: #fff; }
		

/*********** RESULTS STYLES ***********/	
#results {
	display: none;
	z-index: 2;
	float: left;
	position: absolute;
	top: 98px;
	right: 15px;
	min-width: 300px; 
	width: 300px;
	min-height: 25px;
	padding: 6px 6px 10px 6px;
	text-align: center;
	color: #fff;
	background: #333;
	text-shadow: 0 1px 1px #000;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	opacity: 0.8;
	filter: alpha(opacity=80); }
	
	#results h2 { 
		font-size: 10px;
		text-transform: uppercase;
		padding: 4px 0;
		background: #555;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		cursor: move; }

		#results h2 span { 
			float: right; 
			margin: -13px 10px 0 0;
			cursor: pointer; }
			
			body:first-of-type #results h2 span  { margin: 0 10px 0 0; } /* SAFARI FIX */
			
		* html #results h2 span { margin: -16px 10px 0 0; }	/* IE6 FIX */
		
		*:first-child+html #results h2 span { margin: -16px 10px 0 0; }	/* IE6 FIX */

	#results div.search { margin: 10px 0 5px 0; }
	
		#results div.search a:link, #results div.search a:visited {
			font-size: 11px; 
			font-weight: bold;
			text-decoration: none;
			padding-bottom: 1px; 
			color: #fff;
			border-bottom: 1px dashed #fff; }	
		
		
	#results div.results { display: none; text-align: left; }

		#results div.results ul { 
			height: 300px; 
			margin: 10px 0 0 0;
			list-style: none; 
			list-style-position: inside; 
			overflow: auto; }	
	
		#results div.results ul li { 
			padding: 8px 8px 8px 30px; 
			margin: 0 4px -1px 4px;
			font-size: 10px; 
			text-align: justify; 
			color: #fff;
			background: url(http://resource.mybusinessadmin.com/icons/bullet_green.png) 5px 12px no-repeat;
			border: 1px solid #666;
			border-width: 1px 0; }

			* html #results div.results ul li { padding: 8px; } /* IE6 FIX */
			
			*:first-child+html #results div.results ul li { padding: 8px; } /* IE7 FIX */
			
			#results div.results ul li.b1 { background: url(http://resource.mybusinessadmin.com/icons/bullet_blue.png) 5px 12px no-repeat; }
			#results div.results ul li.b2 { background: url(http://resource.mybusinessadmin.com/icons/bullet_green.png) 5px 12px no-repeat; }
			#results div.results ul li.b3 { background: url(http://resource.mybusinessadmin.com/icons/bullet_orange.png) 5px 12px no-repeat; }
			#results div.results ul li.b4 { background: url(http://resource.mybusinessadmin.com/icons/bullet_pink.png) 5px 12px no-repeat; }
			#results div.results ul li.b5 { background: url(http://resource.mybusinessadmin.com/icons/bullet_yellow.png) 5px 12px no-repeat; }
	
		#results div.results ul li a:link, #results div.results ul li a:visited { 
			color: #fff;
			text-decoration: none; }
		
		#results div.results ul li.parent span { 
			float: right;
			margin-top: -10px;
			font-size: 180%; }

		#results div.results ul li ol { 
			display: none;
			height: auto;
			margin: 10px 0 0 -5px;
			overflow: hidden; }

			#results div.results  ul li ol li { 
				padding: 8px 8px 8px 2px;
				list-style-type: decimal-leading-zero;
				list-style-position: inside;
				background: none;
				border: 1px dashed #666;
				border-width: 1px 0; }


	#results .jqResize {
		 width: 15px;
		 height: 15px;
		 position: absolute;
		 bottom: 0;
		 right: 0;
		 cursor: se-resize; }

	#results .jqDnR {
		position: relative;
		width: 180px;
		font-size: 0.77em;
		color: #618d5e;
		margin: 5px 10px 10px 10px;
		padding: 8px;
		background: #eee;
		border: 1px solid #ccc; }


/*********** INFORMATION STYLES ***********/
#information {
	display: none;
	position: absolute;
	top: 25px;
	width: 100%;
	height: 60px;
	color: #fff;
	background: url(../images/form_bg.jpg) bottom left repeat-x #555;
	border-bottom: 1px solid #fff;
	text-shadow: 0 1px 1px #000; }
	
	#information #mapControls { float: left; }
	
	#information #viewControls { float: right; text-align: right; }
	
	#information p { padding: 10px; }


	

/*********** TOP TOOLBAR STYLES ***********/	
#topbar {
	display: none;
	position: absolute;
	top: 0;
	width: 100%;
	height: 24px; 
	background: url(../images/topbar_bg.jpg) top left repeat-x;
	border-top: 1px solid #fff; }

	#topbar div.zoom { float: left; }
	
		#topbar div.zoom a.increase, #topbar div.zoom a.decrease, #topbar div.zoom a.zoomlevel { 
			display: block; 
			float: left; 
			height: 23px; }
		
		#topbar div.zoom a:link, #topbar div.zoom a:visited, #topbar div.zoom img {}
		#topbar div.zoom a span { display: none; }
		
		#topbar div.zoom a.increase { width: 30px; background: url(../images/btn_increase.jpg) top left no-repeat; }
		#topbar div.zoom a.decrease { width: 28px; background: url(../images/btn_decrease.jpg) top left no-repeat; }
		#topbar div.zoom a.zoomlevel { width: 150px; background: url(../images/btn_zoomlevel.jpg) top left no-repeat; }
	
		#topbar div.zoom a:hover, #topbar div.zoom a.active { background-position: bottom left; }
	
	#topbar div.misc { float: right; }
		
		#topbar div.misc a:link, #topbar div.misc a:visited { 
			display: block; 
			float: left; 
			height: 23px; }
		
		#topbar div.misc a span { display: none; }
		
		#topbar div.misc a.properties { width: 90px; background: url(../images/btn_properties.jpg) top left no-repeat; }
		#topbar div.misc a.results { width: 90px; background: url(../images/btn_results.jpg) top left no-repeat; }
		#topbar div.misc a.simplemap { width: 98px; background: url(../images/btn_simplemap.jpg) top left no-repeat; }
		#topbar div.misc a.satellite { width: 78px; background: url(../images/btn_satellite.jpg) top left no-repeat; }
		#topbar div.misc a.hybrid { width: 70px; background: url(../images/btn_hybrid.jpg) top left no-repeat; }
		#topbar div.misc a.information { width: 29px; background: url(../images/btn_info.jpg) top left no-repeat; }
		#topbar div.misc a.rss { width: 30px; margin-right: 14px; background: url(../images/btn_rss.jpg) top left no-repeat; }
		
		#topbar div.misc a:hover, #topbar div.misc a.active  { background-position: bottom left; }
	

/*********** DROPDOWN STYLES ***********/
#zoomlevel { float: left; position: relative; }

#zoomlevel li { position: relative; }

#zoomlevel ul {
	z-index: 999; 
	list-style: none;
	width: 17px;
	padding: 10px 6px 8px 7px;
	background: #f0f0f0;
	border: 1px solid #ccc;
	border-width: 0 1px 1px 1px;
	position: absolute;
	top: -999em;
	left: -1px; }
	
* html #zoomlevel ul {
	margin-left: -10px;
	left: -165px; }	
  
#zoomlevel li:hover ul, #zoomlevel li.sfHover ul { top: 23px; }

.slider {
	width: 17px;
	height: 180px;
	position: relative;
	background: url(../images/slider_bg.jpg) top center no-repeat;
	z-index: 100; }

.indicator {
	width: 17px;
	height: 17px;
	background-image: url(../images/slider_handle.jpg);
	position: absolute;
	font-size: 1px;
	overflow: hidden;
	border: none;
	position: relative;
	z-index: 120; }



/*********** MISC STYLES ***********/
#wrapper { 
	position: relative; 
	height: 100%; }

#map { 
	position: relative; 
	width: 100%; 
	height: 100%;
	background: #f2efe9; }

#bottomContent {
	display: none;
	position: absolute; 
	bottom: 0; 
	width: 100%; }




/*********** HEADER STYLES ***********/
#header {
	height: 85px;
	width: 100%;
	background: url(../images/header_bg.jpg) repeat-x #fff; 
	border: 1px solid #fff; 
	border-width: 1px 0 1px 0; }
	
	#header object { float: left; }
	
	#header h1 { 
		float: left; 
		margin: 20px 0 0 25px;
		text-shadow: 0 1px 1px #476c26; }
	
	#header h1 span { 
		padding: 0 20px 0 0;
		color: #fff;
		background: url(../images/arrow_down.gif) right top no-repeat;
		cursor: pointer;
		text-shadow: 0 2px 2px #476c26; }
	
	#header h1.active span { 
		background: url(../images/arrow_up.gif) right top no-repeat; }
	
		#header h1 a:link, #header h1 a:visited { 
			font-size: 10px;
			color: #fff; }
	

/*********** AD STYLES ***********/
#ads { 
	float: right; 
	height: 10px;
	margin: 60px 10px 0 0;
	font-size: 10px;
	color: #fff;
	text-shadow: 0 2px 2px #476c26; }
	
	#ads a:link, #ads a:visited { color: #fff; }


/*********** SEARCHFORM STYLES ***********/
#searchForm { width: 100%; }

	/*********** TITLEBAR STYLES ***********/	
	#searchForm div.title { 
		cursor: pointer; 
		padding: 0 10px; 
		height: 27px;
		color: #555;
		background: url(../images/bottombar_bg.jpg) top left repeat-x; }	
	
	#searchForm div.title h1, 
	#searchForm div.title h2 { float: left; }
	
	#searchForm div.title h1 { 
		height: 27px;
		width: 174px;
		background: url(../images/btn_searchlistings.jpg) top left no-repeat; }
	
	#searchForm div.title h1:hover, 
	#searchForm div.title h1.active { background-position: bottom left; }	
	
	#searchForm div.title h1 span { display: none; }
	
	#searchForm div.title h2 { 
		font-size: 85%; 
		line-height: 27px; 
		padding: 0 7px; 
		background: url(../images/divider.jpg) bottom right no-repeat; }
		
	#searchForm div.title h2 strong { 
		font-size: 110%; 
		margin: 0 2px; 
		color: #497124; 
		border-bottom: 1px dashed #497124; }
	
	#searchForm div.title a.close { 
		float: right; 
		line-height: 27px; 
		font-size: 90%; 
		color: #555;
		text-decoration: none; 
		padding-left: 11px; 
		background: url(../images/divider.jpg) bottom left no-repeat; }
		
	#searchForm div.title a.close:hover {}	



/*********** FORM STYLES ***********/
#searchForm div.content {
	float: left;
	width: 100%; 
	height: 120px; 
	border-top: 1px solid #ccc; 
	color: #fff; 
	background: url(../images/form_bg.jpg) top left repeat-x #555;
	border-bottom: 1px solid #fff;
	text-shadow: 0 1px 1px #000; }

	#searchForm div.content form { 
		border-top: 1px solid #fff; 
		padding: 10px 10px 15px 10px; }
	
	#searchForm div.content div.inputs { 
		float: left; 
		width: 100%; 
		text-align: left; }
	
	#searchForm div.content div.inputs input { 
		text-align: left; 
		border: 1px solid #444; }
	
	#searchForm div.content div.inputs div { 
		float: left; 
		padding: 5px 15px 5px 0; }
	
	#searchForm div.content div.checklist { 
		font-size: 90%; 
		margin-top: -20px;  }
	
	#searchForm div.content div.checklist ul { 
		list-style-type: none; 
		padding-left: 0; 
		margin-left: 0; }
	
	#searchForm div.content div.checklist ul li { 
		float: left; 
		padding: 3px 10px 3px 0; }


	#searchForm div.submit { 
		float: left; 
		padding-left: 14px; }
		
	form label { 
		display: inline; 
		line-height: 1.8; 
		vertical-align: top; 
		width: 120px; }
		
	form input {
		font-size: 105%;
		margin: 0;
		padding: 4px;
		background: #fff; }
		
	form input.checkbox { 
		background: none; 
		padding: 0; }	
	
	form input#name { width: 200px; }
		
	form select { 
		padding: 3px 2px 2px 2px; 
		border: 1px solid #444; }	
	
	form button { 
		font-size: 105%;
		margin: 0;
		padding: 4px 4px 3px 4px; }	


/*********** INFOWINDOW STYLES ***********/
div.infoWindow { 
	width: 360px; 
	padding-bottom: 5px; }

div.infoWindow.small { width: 300px; }

	div.infoWindow div.rImage a { 
		float: left; 
		width: 50px; 
		margin-right: 35px; }
	
	* html div.infoWindow div.rImage a { margin-right: 15px; } /* IE6 FIX */
	
		div.infoWindow div.rImage img { 
			width: 65px; 
			padding: 4px; 
			border: 1px solid #ccc; }
	
	div.infoWindow div.rDesc { float: left; width: 250px; }
	
	div.infoWindow.small div.rDesc { width: 100%; }
	
	div.infoWindow div.rDesc h2, div.infoWindow div.rDesc h2 a {
		font-size: 110%; 
		color: #0c437c;
		text-decoration: none; 
		border-bottom: 1px solid #0c437c; 
		margin-bottom: 7px; }
	
	div.infoWindow div.rDesc p.moreinfo a:link, 
	div.infoWindow div.rDesc p.moreinfo a:visited { 
		font-weight: bold; 
		text-decoration: none; 
		color: #c05702;
		padding: 0 16px 1px 0;
		background: url(../images/external.gif) top right no-repeat;
		border-bottom: 1px dashed #d26f0e; }
		
	div.infoWindow div.rDesc p.moreinfo { margin-top: 4px; }