@charset "utf-8";
/*	Dark template modifications
	Slight mod of a previous template - white content area.
	Make modification to core files with this file ONLY
	
	*/

/** CSS Sprites **/
/** squareThumbFrame: blue frame around square thumbs on gallery pages **/
	body #header #logo, 
	body #header_a .wrapper #search .searchBox,
	body #header_a .wrapper #search .searchInputButton,
	#galleryArea .squareThumbFrame, #galleryArea .bigPicFrame,
	#propertyDetails,
	#propertyDetailsTabs,
	#propertyDetailsTail,
	#askUs .header,
	#askUs h2,
	h3#streetViewHeader,
	#birdsEyeHeader,
	#askUs input[type=text],
	#askUs textarea,
	#askUs input[type=checkbox],
	#askUs input[type=button],
	#askUs input[type=button]:hover,
	.metrolistLogo,
	.metrolistLogoSmall,
	#topGmapArea h1,
	#lightbox button.btn_Close {
		background:url(/images/dark1/sprites.png);
	}
body {}
	/* metrolist logo */
	.metrolistLogo {
		background-position:-429px -171px;
		width:50px;
		height:10px;
	}
	.metrolistLogoSmall {
		background-position:-429px -181px;
		width:30px;
		height:6px;
	}
	body #header #logo {
	/*	background:url(../../images/dark1/luxury-logo4.gif) no-repeat;*/
		background-position:-1px -22px;
/*		width:559px;
		height:40px;*/
		width:346px;
		height:21px;
	}
	body #header {
		/*background:url(../../images/dark1/header-shadow.gif) repeat-x scroll left bottom;*/
		background:url(/images/dark1/header-shadow.png) repeat-x scroll left top;
/*		background-position:0 0;*/
	}
	body #header_a .wrapper #search .searchBox {
		background-position:-1px 0px;
		width:155px;
		height:22px;
	}
	body #header_a .wrapper #search .searchInputButton {
		background-position:-156px 0px;
		width:20px;
		height:20px;
	} 
	#galleryArea li {
		position:relative;
	}
	#galleryArea .bigPicFrame {
		background-position:0px -59px;
		width:429px;
		height:323px;
	}
	#galleryArea #mainPic {
		margin:0px;
	}
	#galleryArea .squareThumbFrame {
		background-position:-429px -43px;
		width:72px;
		height:72px;
		display:block;
		position:absolute;
		top:0px;
		left:0px;
		overflow:hidden;
		z-index:1000;
	}
	#propertyDetails {
		background:url(/images/dark1/repeating-details.png) repeat-y;
		width:614px;
	}
	#propertyDetailsTabs {
		background-position:0px -381px;
		width:614px;
		height:33px;
	}
	#propertyDetailsTail {
		background-position:0px -414px;
		width:614px;
		height:2px;	
	}
	#askUs .header {
		background-position:0px -416px;
		width:317px;
		height:28px;	
	}
	#askUs h2 {
		background-position:0px -416px;
		width:317px;
		height:27px;	
	}
	#askUs input[type=text] {
		background-position:0px -473px;
		width:141px;
		height:25px;
	}
	#askUs input[type=button] {
		background-position:-429px -115px;
		width:121px;
		height:28px;
	}
	#askUs input[type=button]:hover {
		background-position:-429px -143px;
		width:121px;
		height:28px;
	}
	#askUs input[type=checkbox] {
		background-position:0px -552px;
		width:16px;
		height:16px;
	}
	#askUs textarea {
		background-position:0px -498px;
		width:318px;
		height:53px;
	}	
	#birdsEyeHeader {
		background-position:0px -443px;
		width:615px;
		height:26px;
	}
	#streetViewHeader {
		background-position:0px -500px;
		width:615px;
		height:26px;
	}
	#lightbox button.btn_Close {
		background-position:-429px -187px;
		width:20px;
		height:20px;
		border:0px;	
	}
	body #content {	}
/*		body #content .wrapper #primaryContent #topGmapArea #mapFrame {
			background: transparent url(../../images/dark1/gmap-frame.gif) no-repeat;
			width:100%;
			height:400px;
		}*/
		#topGmapArea h1 {
			background-position:0px -606px;
			width:771px;
			height:26px;
		}
		body #content .wrapper #primaryContent #topGmapArea #map_canvas #customMapTypeControl {
			background: url(/images/light-blue/map-control.gif) no-repeat;
			width:246px;
			height:24px;
			opacity:0.9;
			/*filter: alpha(opacity = 90);*/
		}
		body #content .wrapper #primaryContent #topGmapArea #map_canvas #customZoomControl {
			background: url(/images/light-blue/zoom-control.gif) no-repeat;
			width:21px;
			height:83px;
			opacity:0.9;
	/*		filter: alpha(opacity = 90);*/
		}
		body #content .wrapper #primaryContent #topGmapArea #map_canvas #customZoomControl .chosenZoom {
			background: url(/images/zoom-hover.gif) no-repeat;
		}
		body #content .wrapper #primaryContent #topGmapArea #street_canvas #customExitToMapControl .exitToMapButton {
			background: url(/images/light-blue/exit-to-map.gif) no-repeat;
			height:20px;
			width:24px;
		}
		body #content .wrapper #primaryContent #searchResults .thumbShadow {
			background:url(/images/dark1/thumbshadow.gif) no-repeat;
			width:166px;
			height:131px;
		}
		body #content .wrapper #primaryContent #searchResults #resultSet hr {
			background:url(/images/dark1/hr.gif) repeat-x;
		}
		body #content .wrapper #primaryContent #searchResults #resultSet .searchResult .camera, 
		body #content .wrapper #primaryContent #topGmapArea #map_canvas .infoWindow .camera,
		.camera {
			background:url(/images/light-blue/camera.gif) no-repeat;
			width:16px;
			height:12px;
		}
		body #content .wrapper #primaryContent #searchResults .resultsIndex INPUT[name=nextSERP] {
			background:url(/images/light-blue/next.gif) no-repeat;
		}
		body #content .wrapper #primaryContent #searchResults .resultsIndex INPUT[name=prevSERP] {
			background:url(/images/light-blue/previous.gif) no-repeat;
		}
	body #footer {
		background:#334B61 url(/images/bg_footer.png) repeat-x scroll left top;
	}
	body #messageBox { 
		background: transparent url(/images/light-blue/loading-animation.gif) no-repeat;
		width:260px;
		height:260px;
		opacity:0.5;
		filter: alpha(opacity = 50);
	}