/*
=============================================
 Development By: Infinity Arts Interactive, LLC - www.InfinityArts.com, © Copyright 2010 - All rights reserved.
 Description: Component CSS Styles
 Last Revised Date: 9/14/2010
=============================================
*/

/* =================================== V3 LAYOUT DEFINITIONS =================================== */

	#DIVv3HomePSG {
		background: url('/assets/files/template_files/V3-home_psg-bg.jpg');
		width: 550px;
		height: 130px;
		margin: 0 0 10px 0;
		display: inline-block;
	}

	#DIVv3AdvancedSearchContainer {
		background: url('/assets/files/template_files/V3-home_advanced-search-bg.png');
		width: 350px;
		height: 480px;
		margin: 0 0 10px 0;
		display: inline-block;
		overflow: hidden;
	}
		#DIVv3ASFormContainer {
			width: 330px;
			height: 315px;
			margin: 50px 0 10px 10px;
			display: inline-block;
			float: left;
		}
		#IMGv3MapSearch {
			width: 330px;
			height: 94px;
			margin: 0 0 0 10px;
			display: inline-block;
			float: left;
		}

/* =================================== PSG v3 API COMPONENTS =================================== */
			
	#PSGdivSearchForm {
		width: 510px;
		height: 50px;
		margin: 60px 0 0 21px;
		display: inline-block;
		float: left;
		position: relative;
	}

		#PSGdivSearchForm input {
			background: #FFF;
			width: 330px;
			color: #282828;
			font-size: 16px;
			padding: 5px 3px 4px 4px;
			border: 2px solid #dcdcdc;
			display: inline-block;
			position: absolute;
			top: 2px;
			left: 0;
		}
			#DIVpsgSearchForm input:focus { outline-width: 0; }
		#PSGdivSearchForm div {
			background: url('/assets/files/template_files/V3-BTN_psg-search.png') no-repeat;
			width: 160px;
			height: 37px;
			display: inline-block;
			cursor: pointer;
			position: absolute;
			top: 0;
			right: 0;
		}

	#PSGdivSearchForm ul { background: #FFF; border: 2px #dcdcdc solid; border-top: none; width: 337px; list-style: none; margin: 0px 1px 0 0; padding: 0; font-size: 16px; display: none; display: inline-block; position: absolute; top: 32px; left: 0; z-index: auto; }
	#PSGdivSearchForm ul li { margin: 0; padding: 4px 5px; border-top: 1px #EEE solid; text-align: left; color: #7a7a7a; }
	#PSGdivSearchForm ul li.over { background-color: #e7e7e7; }

	#PSGasScrn { background-color:#000; width: 100%; height: 100%; text-align: center; vertical-align: middle; display: none; position: absolute; left: 0px; top: 0px; z-index: 1000; -moz-opacity: .65; filter: alpha(opacity=65); opacity: .65; }
	#PSGasBox { border: 2px #a0a0a0 solid; background-color: #fff; width: 760px; height: 370px; text-align: left; position: absolute; left: 100px; top: 100px; z-index: 1001; display: none; }
	#PSGasWin { border: 0; margin: 0; padding: 0; width: 100%; height: 100%; overflow: hidden; }

	#DIVcontentPSG #PSGdivSearchForm { margin: 60px 0 0 58px; }

/* =================================== ADVANCED SEARCH FORM DEFINITIONS =================================== */

	#DIVv3ASFormContainer form {
		margin: 0 0 0 18px;
		padding: 0 0 10px 0;
		display: inline-block;
		float: left;
	}
		#DIVv3ASFormContainer #DIVcbContainer {
			width: 295px;
			height: 36px;
			margin: 0 0 10px 18px;
			padding: 0;
			border-bottom: 1px solid #3d3d3d;
			display: inline-block;
			float: left;
		}
			#DIVcbContainer #CBpsg-re { margin: 0 20px 0 0; }
		#DIVv3ASFormContainer #DIVv3psgREform, #DIVv3ASFormContainer #DIVv3psgRENTform {
			overflow: hidden;
			float: left;
		}
		#DIVv3ASFormContainer form .FormLine {
			width: 295px;
			height: 38px;
			padding: 0;
			float: left;
		}
		#DIVv3ASFormContainer form .FieldText {
			color: #282828;
			padding: 2px 1px 2px 1px;
			font-size: 14px;
		}
			#DIVv3ASFormContainer form .FieldTextRental {
				color: #999;
				padding: 2px 2px 2px 1px;
				font-size: 14px;
			}

		#DIVv3ASFormContainer .ContentFieldWide {
			background: #FFF;
			border: none;
			width: 284px;
			color: #282828;
			font-size: 14px;
			margin: 0;
			padding: 3px 3px 4px 4px;
			border: 2px solid #dcdcdc;
		}
			#DIVv3ASFormContainer input:focus {
				outline-width: 0;
			}

		#DIVv3ASFormContainer .SelectWrap {
			background: #FFF;
			border: 2px solid #dcdcdc;
			display: inline-block;
		}
			#DIVv3ASFormContainer .ContentSelect {
				background: #FFF;
				border: none;
				width: 137px;
				margin: 0;
				padding: 0;
			}
			#DIVv3ASFormContainer .ContentSelectWide {
				background: #FFF;
				border: none;
				width: 291px;
				margin: 0;
				padding: 0;
			}
				#DIVv3ASFormContainer .SelectWrapRental {
					border: 2px solid #AAA;
				}
				#DIVv3ASFormContainer .ContentSelectRental {
					background: #FFF;
					border: none;
					width: 291px;
					margin: 0;
				}

		#DIVv3ASFormContainer .FormSubmit {
			height: 37px;
			margin: 0 16px 0 0;
			display: inline-block;
			float: right;
		}
			#DIVv3ASFormContainer .BtnRE {
				background: url('/assets/files/template_files/V3-BTN_advanced-search.png');
				width: 171px;
			}
			#DIVv3ASFormContainer .BtnRent {
				background: url('/assets/files/template_files/V3-BTN_rental-search.png');
				width: 150px;
			}


/* =================================== HEADER LINK DEFINITIONS =================================== */

.header-top { width: 929px; height: 13px; padding: 7px 25px 0 0; text-align: right; }

.LinkSpanish {
	margin: 0px 0px 0 0;
	display: block;
	cursor: pointer;
	font-size: 12px;
	color: #c2d5eb;
}
.LinkHome {
	width: 400px;
	height: 110px;
	float: left;
	margin: 10px 10px 0 25px;
	display: block;
	cursor: pointer;
}

.header-right { width: 390px; float: right; height: 110px; margin: 10px 25px 0 0; }

.LinkContact {
	width: 390px;
	height: 52px;
	float: right;
	margin: 12px 5px 10px 0;
	display: block;
	cursor: pointer;
}
.LinkBlog {
	width: 85px;
	height: 30px;
	float: right;
	margin: 0 10px 0 0;
	display: block;
	cursor: pointer;
}
.LinkForum {
	width: 97px;
	height: 33px;
	float: right;
	margin: 0 20px 0 0;
	display: block;
	cursor: pointer;
}
.LinkChat {
	width: 130px;
	height: 30px;
	float: right;
	margin: 0 20px 0 0;
	display: block;
	cursor: pointer;
}

.head-fb {
	width: 25px;
	height: 30px;
	float: right;
	margin: 0 6px 0 0;
	display: block;
	cursor: pointer;
}
.head-tw {
	width: 25px;
	height: 30px;
	float: right;
	margin: 0 8px 0 0;
	display: block;
	cursor: pointer;
}
.head-in {
	width: 25px;
	height: 30px;
	float: right;
	margin: 0 7px 0 0;
	display: block;
	cursor: pointer;
}
.head-yt {
	width: 25px;
	height: 30px;
	float: right;
	margin: 0 16px 0 0;
	display: block;
	cursor: pointer;
}

/* =================================== COMMUNITY PAGE DEFINITIONS =================================== */

.CommunityPhoto {
	background: url('/assets/files/template_files/ComingSoon.jpg');
	width: 300px;
	height: 250px;
	margin: 0 10px 0 0;
	float: left;
	border: 3px solid #141414; 
	}

.CommunityMap {
	background: #CCC;
	width: 348px;
	height: 250px;
	float: left;
	border: 3px solid #141414;
}

.CommunityNav {
	width: 220px;
	margin: 10px 0 10px 20px;
	float: right;
}
	.CommunityNav ul {
		margin: 0;
		padding: 0;
	}
	.CommunityNav ul li {
		margin: 0;
		padding: 5px;
		border-bottom: 1px solid #999;
		list-style-type: none;
		display: block;
		color: #141414;
	}
		.CommunityNav ul li a {
			color: #141414;
		}
	.CommunityNav .Acomm-current {
		background: #22446C;
		font-weight: bold;
		color: #FFF;
	}
		.CommunityNav .Acomm-current a {
			color: #FFF;
		}

/* =================================== NEW LISTING FORM DEFINITIONS =================================== */

	#DIVlistingForm {
		background: #EDEDED;
		width: 800px;
		height: auto;
		margin: 0 auto;
		padding: 20px;
	}

	.ListingFormStyle {
		border: 1px solid #999999; 
		font-size: 13px;
		padding: 3px;
	}
	.ListingFormDropStyle {
		border: 1px solid #999999; 
		font-size: 13px;
		padding: 0;
	}


/* =================================== FINANCE FORM DEFINITIONS =================================== */

	#DIVfinanceForm {
		background: #EDEDED;
		width: 640px;
		height: 400px;
		margin: 0 auto;
		padding: 20px;
	}
	*:first-child+html #DIVfinanceForm {
		height: 445px;
	}

	.FinanceFormStyle {
		border: 1px solid #999999; 
		padding:3px;
		font-size:13px;
	}

/* =================================== DYNAMIC SUB NAV DEFINITIONS =================================== */
	
	#DIVsnav {
		width: 170px;
		margin: 30px 20px 10px 0;
		float: left;
	}
		#DIVsnav div.snav-title, #DIVsnav div.snav-menu {
			border-bottom: 1px #999 solid;
			padding: 8px 0 8px 5px;
			font-size: 16px;
			color: #141414;
			cursor: pointer;
		}
		#DIVsnav div.snav-menu {
			font-size: 12px;
			font-weight: bold;
			cursor: default;
		}
		#DIVsnav img { margin-right: 5px; }

	#DIVsnav-content {
		width: 670px;
	}

/* =================================== DYNAMIC PHOTO GALLERY DEFINITIONS =================================== */

	#DIVphotoGalleryFrame {}
		
		#DIVphotoGallery {}
	
		#DIVphotoGallery div.gallery-thumbFrame {
			margin: 5px;
			float: left;
		}
		
		#DIVphotoGallery img.gallery-thumb {
			border: 3px #fff solid;
			width: 115px;
			height: 115px;
		}

/* =================================== CONTENT FORM DEFINITIONS =================================== */

		.DetailedSearch {
			width: 310px;
			height: 130px;
			margin: 10px auto;
			padding: 0px;
		}
			.DetailedSearch tr td {
				vertical-align: top;
			}
			.DetailedSearchSubmit {
				background: url('/assets/files/template_files/BTN_home-search.gif');
				width: 103px;
				height: 33px;
				display:block;
				outline:none;
			}
			.DetailedReoSearchSubmit {
				background: url('/assets/files/template_files/BTN_reo-search.gif');
				width: 144px;
				height: 33px;
				display:block;
				outline:none;
			}
			.DetailedRentalSearchSubmit {
				background: url('/assets/files/template_files/BTN_rental-search.gif');
				width: 107px;
				height: 33px;
				display:block;
				outline:none;
			}
			.ContentTitle{
				color:#FFF;
				font-weight:bold;
				font-size:11px;
			}

/* =================================== PSG JUMPLINKS DEFINITIONS =================================== */	
	
	#DIVquickSearchNav {
		width:197px;
		float:right;
		margin:0 0 20px 20px;
		text-align:left;
	}
	
	.PSGjumpTitle {
		background: url('/assets/files/template_files/PSG-jump-title.gif');
		width:190px;
		height:33px;
		display:block;
		text-align:left;
		font-size:16px;
		color:#FFF;
		line-height:28px;
		padding:0 0 0 7px;
	}
	
	.PSGjumpLink {
		background: url('/assets/files/template_files/PSG-jump-link.gif');
		width:170px;
		height:33px;
		display:block;
		font-size:14px;
		color:#FFF;
		line-height:28px;
		padding:0 0 0 27px;
	}

/* ==================================== PSG FORM DEFINITIONS============================================ */

	.PSGForm {
		/*margin: 77px 0 0 30px;*/
	}
	
		.PSGForm-frame {
			/* border: 1px #fff solid; */
			width: 522px;
			margin: 0 auto;
		}

		.PSGForm-fields {
			/* border: 1px #fff solid; */
			padding-top: 3px;
			text-align: left;
			float: left;
		}
	
		.PSGForm-field, .PSGForm-fieldAlt {
				border: 1px #000 solid;
				width: 340px;
				height: 20px;
				padding: 6px;
				font-size: 16px;
				color: #292b2b;
			}
				.PSGForm-fieldAlt { color: #828289; }
			
			.PSGcheckbox-frame {
				margin: 6px 0 0 0;
				text-align: left;
			}
				.PSGcheckbox {
					margin:0 10px 0 0;
					font-size:14px;
					color:#FFF;
					float: left;
				}
		
		.PSGForm-select {
			border: 1px #1b3834 solid;
			width: 85px;
			margin-right: 12px;
			font-size: 12.5px;
			color: #1b3834;
		}
		
			.PSGForm-selectAlt { color: #99a5a4; }
			.PSGForm-selectBB { width: 60px; }	

/* =================================== PSG FORM DEFINITIONS: SPLASH SEARCH =================================== */

	#DIVhomeBoxContainer {
		width: 910px;
		margin: 0 auto;
		text-align: left;
	}
		#DIVcontentPSG {
			background: url('/assets/files/template_files/content_psg-bg.jpg');
			width: 630px;
			height: 130px;
		}
	
	#DIVhomePSG div.PSGForm-title, #DIVcontentPSG div.PSGForm-title {
		/*background: url('/assets/files/template_files/title_sandicore_mls.gif');*/
		width: 400px;
		height: 45px;
	}
	
	#DIVhomePSG div.PSGForm-button, #DIVcontentPSG div.PSGForm-button {
		background: url('/assets/files/template_files/BTN_home-psg.gif');
		width: 160px;
		height: 37px;
		margin:0;
		float: left;
		cursor: pointer;
	}