/*
	Styles for FreeRent4U.com
	
	elements at the top;
	ids and classes at the bottom.

*/

/* Added 02/06/2009  */
input.invalid {
	background-color: #FF9;
	border: 2px red inset;
}

label.invalid {
	color: #F00;
}

.searchText {
	font-weight: bold;
}

#searchError {
	font-weight: bold;
	color: yellow;
}

#searchLabel {
	font-size: 1.2em;
	font-weight: bold;
}

/* elements */

img {
	border: 0;
}


h1, h2, h3 {
	padding:10px 0 15px 0;
}

body {
/*	background-color: #5c376e; */
	background-color: #fff;
	background-image: url('../images/topbg.jpg'); 
	background-repeat: repeat-x;
	
	font-family: Arial, Verdana, sans-serif;
	font-size: 1em;
	line-height: 140%;
	
	text-align: center; /* boo ie */
}

fieldset  {
}

/* error handling */
.message {
	clear: both;
	display: block;
	width: 100%;
	font-size: 1.2em;
	padding: 5px;
	margin: 15px;
	}	
	
	.info {
		background-color: #fff;
		color: #000;
		}
	
	.error {
		background-color: #ccc;
		color: #f00;
		font-weight: 900;
		}
/* end error handling */

#top {
	margin: 0px;
	width: 100%;
	background-color: transparent;
	}

#middlebar {
	width: 100%; height: 47px; 
	}

#bottom {
	margin: 0px;
	width: 100%;
	background-image: url('../images/bottombg.jpg');
	}
	
#page {
	width: 950px;
	margin: 0px auto;
	text-align: left; /* boo ie */
	}

	#page fieldset { border: 0px #fff solid; }
	#header {
		padding-top: 50px;
		}
		
		#title_fr4u {
			width: 391px;
			float: left;
			}

		#title_redeem {
				width: 145px;
				float: right;
			}
			
	
	#content {
		margin: 45px 0px 0px 0px;
		}

		/* Index Page */
		
		#howItWorks {
			width: 450px;
			float: left;
			}
			
			#howItWorks > ol {
				margin-top: 30px;
				list-style: none;
				}
				
				#howItWorks li {
					margin-top: 45px;
					}
					
				#howItWorks li:first-child {
					margin-top: 0px;
					}
			
			#howItWorks p {
				margin-left: 100px;
				font-weight: normal;
				}
		#getStarted {
			width: 445px;
			float: right;
			}
			
			#browseBox {
					background-image: url('../images/browse_box_small.png');
					background-repeat: no-repeat;
					height: 379px;
					margin-top: 25px;
				}
				
				#browseForm > *{
					position: relative;
					top: 200px;
					}
					
					#browseBox > p {
						color: #fff;
						margin: 20px 50px 0px 30px;
						}
						
						#browseBox select {
							font-size: 1.2em;
							color: #069760;
							}
					
					#browseAddress {
						top: 62px;
						left: 33px;
						height: 28px;
						width: 345px;
						border: 0px #fff solid;
						background: transparent;
						font-size: 1.4em;
						}
						
					#browseMinPrice {
						top: 120px;
						left: 52px;
						height: 28px;
						width: 115px;
						border: 0px #fff solid;
						background: transparent;
						font-size: 1.4em;
						}
						
					#browseMaxPrice {
						top: 120px;
						left: 147px;
						height: 28px;
						width: 115px;
						border: 0px #fff solid;
						background: transparent;
						font-size: 1.4em;
						}
					
					#browseButton {
						top: 148px;
						left: 70px;
						}
					
					#searchZip, #searchRegion, #searchCity, #regionSearch {
						margin: 40px 0px 0px 35px;
						}
					
					#searchZip {
						font-size: 1.4em;
						}
						#searchZip, #regionSearch p {
							font-size: 1.4em;
							color: #fff;
							}
							
					#searchRegion {}
					
					#searchRegion select {
						
						}
					#searchCity {
						display: none;
						}
						
					#citySelect {
						}
						
					
		#exampleMap {
		/* for IE: 65px */
			padding-top: 15px;
			}
		
		#exampleMap p {
			color: #fff;
			}
		
		#exampleAmenities {
			margin-top: 15px;
			}
			
		#exampleAmenities p {
			color: #fff;
			}
			
		#exampleImage {
			margin: 20px auto;
			}
		
		/* Redeem Page */
		/*
		#redeem {
			width: 895px;
			}
			
			#redeemBox {
				text-align: center;
				}
				
				#redeemBox p {
					text-align: left;
					}
				
				#redeemBox input {
					display: block;
					margin: 10px auto;
					}
		*/
		
		/* FAQ */
		
		#faq {
			margin-top: 15px;
			}
			
			#faq .FAQquestion {
				font-weight: bold;
				}
			
			#faq .FAQanswer {
				
				}
		
		/* About Us */
		
		#aboutUs {
			margin-top: 15px;
			}
		
		/* Contact Us and Redeem pages */
		
		.disclaimer {
			width: 828px;
			margin: 0px auto;
			font-size: small;
			color: #fff;
			padding: 15px 15px 0px 0px;
			}	
		
		#contact, #redeem {
			width: 850px;
			margin: 0px auto;
			}
		
		#redeem div {
			margin-top: 15px;
		}
		
		.inputText {
			width: 50%;
			float: left;
			text-align: left;
			border: 0px #000 solid;
		}
		
		.contactSend {
			width: 100px;
			text-align: center;
			margin: 0px 0px 0px 330px;
		}
		
		#contactElements {
			padding: 0px 0px 0px 35px;
		}
		
		#contactForm {
			width: 828px;
			height: 440px;
			background-image: url('../images/contact_background.png');
			background-repeat: no-repeat;
		}
		
		#contactForm p {
			padding: 20px 0px 30px 35px;
			color: #fff;
			}
		
		#redeemForm {
			width: 828px;
			height: 792px;
			margin: 20px auto;
			background-image: url('../images/redeem_background.png');
			background-repeat: no-repeat;
			padding: 20px 15px 0px 15px;
		}
		

		#redeemForm p {
		width: 800px;
			padding: 0px 21px 10px 15px;
			color: #fff;
			}
		
		#contactForm input[type="text"] {
			background-image: url('../images/contact_text.png');
			background-repeat: no-repeat;
			border: 0px #fff solid;
			font-size: 1.2em;
			font-family: arial, sans-serif;
			width: 338px;
			height: 35px;
			padding: 15px 20px 0px 10px;
			background-color: transparent;
			}
			
			
		.inputTextLong {
			background-image: url('../images/contact_text.png');
			background-repeat: no-repeat;
			border: 0px #fff solid;
			font-size: 1.2em;
			font-family: arial, sans-serif;
			width: 333px;
			height: 35px;
			padding: 15px 15px 0px 10px;
			margin: 0px;
			background-color: transparent;
			border:0px #000 solid;
			
			}
			
		.inputTextSmall {
			background-image: url('../images/contact_text_short.png');
			background-repeat: no-repeat;
			border: 0px #fff solid;
			font-size: 1.2em;
			font-family: arial, sans-serif;
			width: 195px;
			height: 35px;
			padding: 10px 20px 0px 10px;
			margin: 0px;
			background-color: transparent;
			}
			
		#contactForm textarea {
			background-image: url('../images/contact_textarea.png');
			background-repeat: no-repeat;
			border: 0px #fff solid;
			font-size: 1.2em;
			font-family: arial, sans-serif;
			width: 736px;
			height: 119px;
			padding: 25px 20px 20px 10px;
			background-color: transparent;
			
			}
			
		#contactForm input[type="submit"] {
			border: 0px #fff solid;
			font-size: 1.2em;
			font-family: arial, sans-serif;
			width: 92px;
			height: 45px;
			padding: 0px 0px 7px 10px;
			background-color: transparent;
			}
			
			#contactForm p {
				margin: 10px 0px 10px 0px;
				}
			
		/* The Property Page */
		#propertyPage {
			
			}
			
			#propertyGallery, #propertyFloorPlan {
				width: 400px;
				float: right;
				clear: right;
				}
				
				#propertyGallery h3, #propertyFloorPlan h3 {
					width: 380px;
					}
				
				#propertyGallery img, #propertyFloorPlan img {
					float: left;
					margin: 5px;
					}
				
				#propertyGallery a:link {
					border: 0px #f00 solid;
					}
					
				#propertyGallery a:hover {
					border: 0px #00f solid;
					}
			
			#propertyInfo {
				width: 500px;
				float: left;
				}
			
				#propertyInfo h1 {
					width: 500px;
					margin-bottom: 10px;
					}
				
				.propertyAddress {
					font-size: 1.4em;
				}
				
				#propertyDesc {
					padding-top: 15px;
					clear: left;
					width: 500px;
					}
				
					#propertyAmens {
						margin-top: 20px;
						width: 500px;
						border: 1px #000 solid;
						}
					
					#propertyAmens legend{
						padding: 0px;
						border: 0px #000 solid;
						font-weight: 900;
						}
						
						#stuff fieldset {
							width: 235px;
							margin-top: 15px;
							float: left;
							}
						
						#stuff legend {
							font-weight: 800;
							font-size: .9em;
							padding: 0px;
							}
							
						#propertyAmens ul {
							list-style-type: none;
							width: 230px;
							}

		/* Map page */
		
		#searchForm {
			color: #FFFFFF;
		}

		#searchForm a:hover {
			background: transparent;
			}
			
		#searchForm a:visited {
			color: #fff;
			}
		#searchForm input[type="checkbox"] {
			margin: 0px 8px 0px 0px;
			vertical-align: middle;
			}
		
		#hotProperties {
			width: 950px;
			margin: 10px 0 30px 0;
		}
		
			.hotProperty {
				float: right;
				width: 314px;
			}
			
			.hotProperty:first-child{
				float: left;
			}
			
			#hotPropImg {
				float: left;
				max-width: 125px;
				max-height: 125px;
				margin: 0 15px 0 10px;
				border: solid 1px #5f9a19;
			}
			
			#hotPropImg:first-child {
				margin-left: 0;
			}

		/* from the map.php file, don't know what we're using of this: */
		#regionSelectBox {
			display: none;
		}
		
		.amenityBox {
			width: 310px;
			float: left;
			min-height: 200px;
		}
		
		.amenityBox ul {
			list-style-type: none;
		}
		.mapBalloon {
			width: 450px;
			padding: 0px;
			margin: 0px;
			border: 0px;
		}
		.mapBalloon > p {
		}
		
		#results {
			width: 24%;
			/* height is inline */
			float: right;
			overflow: auto;
		}
		
			.properties {
				padding: 8px 0px 8px 10px;
				background: transparent; 
				cursor: pointer;
				font-size: .9em;
				line-height: 100%;
				}
				
						
			.properties p {
				padding: 0px 0px 0px 10px;
				}
				
			.properties p:first-child  {
				width: 20px;
				height: 50px;
				float: left;
				padding-left: 0px;
				padding-right: 12px;
				}
		
		.resultText {
			font-weight: normal;
			}
		
		/* End random map stuff */
			
		/* Footer */
		
		#footerLinks {
			text-align: center;
			padding-bottom: 10px;
			font-size: .8em;
			}
		
		#footerLinks a:link {
			color: #ddd;
			}
		#footerLinks a:visited {
			color: #d6d6df;
			}
		#footerLinks a:hover {
			color: #fff;
			background: transparent;
			}