/*
=============================================
 Development By: Infinity Arts Interactive, LLC - www.InfinityArts.com, © Copyright 2008 - All rights reserved.
 Description: Public IA Web API IDX System CSS Styles
 Date: 4/26/2008
=============================================
*/

/* =================================== IDX SYSTEM CLASSES: MEMBER LOGIN/SIGNUP COMPONENTS  =================================== */
	
	#DIViaWEBAPI_loginFrame {
		/* border: 1px #000 solid; */
		background: url('/propertysearchguide/assets/images/idx_login-frame.gif') no-repeat;
		width: 625px;
		height: 420px;
		text-align: left;
	}
		#DIViaWEBAPI_loginFrame-close {
			height:165px; 
			padding: 8px 8px 0 0; 
		}
	
		#DIViaWEBAPI_loginFrame-close div.BTNclose {
			/* border: 1px #000 solid; */
			width: 18px;
			height: 18px;
			float: right;
			cursor:pointer;
		}
	
		#DIViaWEBAPI_loginFrame input.formField, #DIViaWEBAPI_loginFrame input.formFieldSignup {
			border: 1px #2e2f2c solid;
			margin: 0;
			padding: 2px;
			font-size: 12.5px;
			color: #2e2f2c;
		}
			#DIViaWEBAPI_loginFrame input.formFieldSignup { padding: 2px; }
	
	#DIViaWEBAPI_loginForms {
		/* border: 1px #000 solid; */
		padding: 0 0 0 35px;		
	}
		#DIViaWEBAPI_loginMember {
			/* border: 1px #000 solid; */
			width: 230px;
			height: 180px;
			text-align: left;
			float: left;
		}
		
		#DIViaWEBAPI_loginSignup {
			/* border: 1px #000 solid; */
			width: 315px;
			height: 160px;
			float: left;
		}
	

/* =================================== IDX SYSTEM CLASSES: MEMBER SINGUP SURVEY COMPONENTS  =================================== */
	
	#DIViaWEBAPI_surveyFrame {
		background: url('/propertysearchguide/assets/images/idx_survey-frame.gif') no-repeat;
		width: 625px;
		height: 420px;
		text-align: left;
	}
		#DIViaWEBAPI_surveyFrame-head {
			/* border: 1px #000 solid; */
			height: 195px; 
			padding: 8px 8px 0 0; 
		}
		
		#DIViaWEBAPI_surveyFrame-head div.BTNclose {
			/* border: 1px #000 solid; */
			width: 18px;
			height: 18px;
			float: right;
			cursor:pointer;
		}
	
	#DIViaWEBAPI_surveyFrame-forms {
		/* border: 1px #000 solid; */
		height: 180px;
	}
		#DIViaWEBAPI_surveyFrame-formL {
			/* border: 1px #000 solid; */
			width: 245px;
			margin-left: 75px;
			float: left;
		}
			#DIViaWEBAPI_surveyFrame-formL div.margin { margin-bottom: 5px; }
		
		#DIViaWEBAPI_surveyFrame-formR {
			/* border: 1px #000 solid; */
			width: 245px;
			float: left;
		}
	
		#DIViaWEBAPI_surveyFrame-forms input.formField {
			border: 1px #2e2f2c solid;
			margin: 0;
			padding: 2px;
			font-size: 12.5px;
			color: #2e2f2c;
		}
			#DIViaWEBAPI_surveyFrame-forms input.other { color: #2e2f2c; }
			#DIViaWEBAPI_surveyFrame-forms input.otherAlt { color: #808080; }
		
		#DIViaWEBAPI_surveyFrame-btnL {
			margin: 35px 0 0 30px;
			float: left;
		}
		#DIViaWEBAPI_surveyFrame-btnR {
			margin: 15px 50px 0 0;
			float: right;
		}
	
	#DIViaWEBAPI_surveyFrame-foot {
		/* border: 1px #000 solid; */
		height: 30px;
		padding: 3px 30px 0 0;
	}

/* =================================== IDX SYSTEM CLASSES: SEARCH COMPONENTS  =================================== */
	
	#DIViaWEBAPI_searchResults {
		/* border: 1px #000 solid; */
		margin: 0 0 10px 0;
		width: 880px;
		text-align: left;
		float: left;
	}
	
		#DIVresultsNav { 
			background-color: #e7ebe3;
			padding: 7px 10px 5px 10px; 
		}
		#DIVresultsNav a.BTNsearch {
			background-color: #c2e593;
			border: 1px #879279 solid;
			padding: 3px 5px 3px 5px;
			font-weight: bold;
			color: #2d3621;
			display: block;
			float: left;
		}
				
			.iaWEBAPI_formField, .iaWEBAPI_formFieldAlt { 
				border: 1px;
				font-size: 13px;
				color: #393a38;
			}
				.iaWEBAPI_formFieldAlt { color: #b0b0b0; }
				
			#DIVresultsSortListings div, #DIVresultsSortListings span {
				font-size: 11.5px;
			}
		
		#DIViaWEBAPI_searchResults div.pagingNav { padding:10px; }
		#DIViaWEBAPI_searchResults div.pagingNav-BB { border-bottom: 1px #879279 solid; }
		#DIViaWEBAPI_searchResults div.pagingNav-BT { border-top: 1px #879279 solid; }
		
		#DIViaWEBAPI_searchResults a.BTNpage, #DIViaWEBAPI_searchResults a.BTNpage-on {
			border: 1px #879279 dashed;
			margin-right: 3px;
			padding: 2px 4px 2px 4px;
			float: left;
			display: block;
		}
		#DIViaWEBAPI_searchResults a.BTNpage-on {
			background-color: #c2e593;
			color: #2d3621;
		}	
	
	#DIVlistingDisplay {
		width: 475px;
		float: left;
	}
		
	#DIVlistingDisplay div.listingProperty {
		border-bottom: 1px #879279 dashed;
		margin: 0 0 8px 0;
		padding: 10px 0 8px 0;
		/* cursor: pointer; */
	}
		
		#DIVlistingDisplay div.photoBox {
			border:1px #000 solid;
			padding: 4px;
			float: left;
			cursor: pointer;
		}
			#DIVlistingDisplay div.photoBox-mrmls, .photoBox-mrmls, #DIVlistingDisplay div.photoBox-mrmlsrental, .photoBox-mrmlsrental {
				background-color: #fff;
				border: 1px #000 solid;
				padding: 4px 0 4px 0;
				float: left;
				cursor: pointer;
			}
			#DIVlistingDisplay div.photoBox-sandicor, .photoBox-sandicor {
				background-color: #fff;
				border: 1px #000 solid;
				padding: 4px;
				float: left;
				cursor: pointer;
			}
		
			#DIVlistingDisplay img.photoThumb, .photoThumb {
				width: 80px;
				height: 80px;
			}
		
		#DIVlistingDisplay div.propertyDetail {
			width: 375px;
			margin: 0 0 0 5px;
			float: left;
		}
		
			#DIVlistingDisplay div.propertyPrice {
				margin-right: 5px;
				color: green;
				font-weight: bold;
				float: right;
			}
			
			#DIVlistingDisplay div.propertyDetail div.propertyDesc { margin: 5px 0 5px 0; }
			#DIVlistingDisplay p.listingDetail {
				margin: 5px 0 8px 0;
				font-size: 11px;
				line-height: 15px;
			}
			
			#DIVlistingDisplay img.BTNicon {
				margin-left: 5px;
				vertical-align: middle;
				cursor: pointer;
			}
			
			#DIVlistingDisplay div.propertyDetail div.descTitle, #DIVlistingDisplay div.propertyDetail div.descItem {
				background-color: #efefec;
				width: 95px;
				margin-right: 1px;
				padding: 2px;
				font-weight: bold;
				text-align: center;
				float: left;
			}
			
			#DIVlistingDisplay div.propertyDetail div.descItem {
				background-color: #fff;
				font-weight: normal;
			}
			
/* =================================== IDX SYSTEM CLASSES: PROPERTY VIEW COMPONENTS  =================================== */

	#DIViaWEBAPI_propertyView {
		/* border: 1px #000 solid; */
		margin: 0 0 10px 0;
		width: 880px;
		text-align: left;
		float: left;
	}
	
	#DIVpropertyViewNav { 
		background-color: #e7ebe3;
		margin-bottom: 5px;
		padding: 7px 10px 5px 10px; 
	}
		#DIVpropertyViewNav-border { border-bottom: 1px #879279 solid; margin-bottom: 15px; }
	
	#DIVpropertyViewNav div.BTNlisting, #DIViaWEBAPI_financing div.BTNlisting {
		background-color: #c2e593;
		border: 1px #879279 solid;
		margin-right: 10px;
		padding: 3px 5px 3px 5px;
		color: #2d3621;
		float: left;
		cursor: pointer;
	}
		#DIVpropertyViewNav a.BTNlisting { color: #2d3621; }
		
	#DIVphotos { margin-bottom: 10px; }
	
		#DIViaWEBAPI_propertyView h2.address {
			margin: 0 0 5px 10px;
		}
			#DIViaWEBAPI_propertyView .addressSub { font-size: 14px; }
		#DIViaWEBAPI_propertyView h2.price { 
			margin: 10px 10px 5px 0;
			color: green;
			text-align: right;
		}
		
	#DIViaWEBAPI_propertyView div.propertyBox-photo {
		border: 0px #000 solid;
		width: 390px;
		padding-left: 5px;
		float: left;
	}
	#DIViaWEBAPI_propertyView div.propertyBox-detail {
		border: 0px #000 solid;
		width: 400px;
		margin: 10px 0 0 5px;
		float: left;
	}
		
			.estMortPayment {
				font-size: 13px;
				font-weight: bold;
				color: green;
			}
		
		#DIViaWEBAPI_propertyView div.photoBoxThumb {
			border:1px #000 solid;
			margin: 5px;
			padding: 3px;
			float: left;
			cursor: pointer;
		}
		
		#DIViaWEBAPI_propertyView img.photoThumb {
			width: 50px;
			height: 50px;
		}
	
	#DIVpropertyDetails { 
		border-bottom: 1px #879279 dashed;
		margin-bottom: 15px;
		padding: 0 15px 15px 15px;
	}
	
		#DIVpropertyDetails div.detTitle { 
			width: 130px;
			margin: 5px 0 0 20px;
			font-size: 11.5px;
			font-weight: bold;
			float: left;
		}
		#DIVpropertyDetails div.detFeat {
			width: 190px;
			margin-top: 5px;
			float: left;
		}

	#DIViaWEBAPI_financing {
		border-bottom: 1px #879279 dashed;
		padding-bottom: 15px;
	}
	
		#DIViaWEBAPI_financing div.mini-app {
			background-color: #ededed;
			margin: 10px 20px 10px 20px;
			padding: 0 15px 15px 15px;
		}
		
/* =================================== IDX SYSTEM CLASSES: MAPPING COMPONENTS  =================================== */
	
	#DIViaWEBAPI_map {
		width: 395px;
		margin-top: 25px;
		padding-left: 5px;
		float: left;
	}
	
		#DIViaWEBAPI_mapList {
			border:1px #000000 solid;
			height:450px;
		}
	
	#DIViaWEBAPI_mapView {
		/* 
		width:405px;
		margin-top: 25px;
		padding-left: 15px;
		float: left;
		 */
	}
		#DIViaWEBAPI_mapDirections {
			width: 800;
			padding: 0 7px 0 7px;
			display: none;
			float: left;
		}
			.MapDirectionsOn {
				width: 400;
				padding-right: 10px;
				display: block;
				float: left;
			}
		#DIViaWEBAPI_mapProperty {
			border: 1px #000 solid;
			width: 800px;
			height: 375px;
			float: left;
		}
			.PropDirectionsOn {
				border: 1px #000 solid;
				width: 400px;
				height: 375px;
				float: left;
			}
		
	.iaWEBAPIgmapText   {
		font-size:11.5px; 
		line-height:15px;
	}
	.iaWEBAPIgmapForm { 
		margin: 0;
		padding: 0;
	}
	.iaWEBAPIgmapField { 
		border:1px #362f2d solid;
		width:160px;
		margin-right:5px;
		padding:3px;
		font-size:13px;
	}
	.iaWEBAPIgmapButton {
		background-color: #c2e593;
		border: 1px #2d3621 solid;
		padding: 1px 4px 1px 4px;
		color: #2d3621;
		font-weight: bold;
		cursor:pointer; 
	}

	#DIViaWEBAPI_mapStreet {
		margin-top: 10px;
		display: none;
	}
		#iaWEBAPI_mapPOV {
			border: 1px #000 solid;
			width: 800px;
			height: 375px;
		}