body {
	padding: 30px;
	background-color: #fff;
	color: #fff;
}

#wrapper {
}



/*	tabs
--------------------------------------------------*/
div.tab {
	background-color: inherit;
	color: #000;
	padding: 0 0 0 0px;
}

	div.tab a {	 
		display: block;
		float: left;
		padding: 5px 10px;
		margin: 0 1px 0 0;
		border-bottom: 1px #fff solid;
		border-top: 1px #fff solid;
		font-size: 12px;
	}
	
	/*	tab-1
	--------------------------------------------------*/
	div.tab-1 a {	
		background-color: #4cc254;
		color: #d2f0d4;
	}
	
	div.tab-1 a:hover {	
		background-color: #00a80b;
		color: #fff;
	}
	
	div.tab-1 a.on {	
		background-color: #00a80b;
		color: #fff;
		border-color: #00a80b;
	}
	
	/*	tab-2
	--------------------------------------------------*/
	div.tab-2 a {	
		background-color: #4c93c2;
		color: #d2e4f0;
	}
	
	div.tab-2 a:hover {	
		background-color: #0065a8;
		color: #fff;
	}
	
	div.tab-2 a.on {	
		background-color: #0065a8;
		color: #fff;
		border-color: #0065a8;
	}
	
	
/*	central
--------------------------------------------------*/
div.central {
	padding: 10px;
	border-width: 3px 0 0 2px;
	border-style: solid;
}

	/*	central-1
	--------------------------------------------------*/
	div.central-1 {
		background-color: #eee;
		color: #000;
		border-color: #00a80b;
	}
	
	/*	central-2
	--------------------------------------------------*/
	div.central-2 {
		background-color: #eee;
		color: #000;
		border-color: #0065a8;
	}
	
	h1.propertyNameH1 {
		font-size: 24px;
		background-color: inherit;
		color: #999;
		padding: 0;
		margin: 0 0 10px 0;
	}
	
		h1.propertyNameH1 span {
		 display: block;
		 font-size: 17px;
		}
	
	
/*	formContainer
--------------------------------------------------*/
.formContainer {
	padding: 0 0 10px 0;
	background-color: inherit;
	color: #222;
}

	h1 {
		font-size: 18px;
		padding: 10px 0;
	}
	
	label {
		display: block;
		padding: 7px 0 2px 0;
		font-size: 14px;
		color: #444;
	}
	
	small {
		display: block;
		font-size: 11px;
		background-color: inherit;
		color: #666;
		padding: 2px 0 7px 0;
	}
	
	input.text,
	textarea {
		font-family: arial, verdana, sans-sarif;
		font-size: 16px;
	}
	
	select {
		font-size: 16px;
	}
	
	input.submit {
		padding: 7px 20px;
		font-size: 17px;
		font-weight: normal;
		margin: 20px 0 0 0;
	}
	
	div.formArea {
		padding: 0;
		background-color: #eee;
		color: #000;
		padding: 0 0 20px 0;
	}
	
	td.left,
	td.right {
		width: 50%;
		padding: 0 30px 0 0;
	}
	
	ul.offerListing li {
		padding: 5px 0 5px 5px;
		font-size: 16px;
	}
	
		ul.offerListing li a {
			background-color: inherit;
			color: #666;	
			font-size: 16px;
		}
		
		ul.offerListing li a:hover {
			background-color: #99dc9d;
			color: #6b9a6e;
		}
		
		ul.offerListing li a.offerDelete {
			background-color: #eee;
			color: #999;
		}
		
		ul.offerListing li a.offerDelete:hover {
			background-color: #ec9999;
			color: #a56b6b;
		}
	
	/*	property listing records
	--------------------------------------------------*/
	table#listingRecords {
		width: 100%;
		border-collapse: separate;
	}
	
	table#listingRecords tr {
	}
	
		table#listingRecords tr td {
			padding: 0;
			border-top: 3px #eee solid;
			border-bottom: 3px #eee solid;
		}
		
			table#listingRecords tr td h2 {
				padding: 4px;
				cursor: pointer;
				font-size: 16px !important;
				width: 90%;
				/*border-bottom: 1px #fff solid;*/
				/*border-bottom: 1px #fff solid;*/
			}
			
		div.expand {
			display: none;
		}
		
			div.expandFormat {
				position: relative;
				padding: 5px 10px 10px 50px;
				border-top: 2px #fff solid;
			}
			
				div.closeExpand {
					text-align: right;
				}
				
					div.closeExpand a {
						background-color: inherit;
						color: #000;
					}
					
			.propertyMenu {
				padding: 10px 0 0 0;
			}
					
				.propertyMenu a {
					background-color: red;
					color: #000;
					padding: 3px 5px;
				}
				
					a.buttonAdd {
						background-color: #99dc9d;
						color: #6b9a6e;
					}
					
						a.buttonAdd:hover {
							background-color: #00a80b;
							color: #fff;
						}
					
					a.buttonEdit {
						background-color: #99c1dc;
						color: #6b879a;
					}
					
						a.buttonEdit:hover {
							background-color: #0065a8;
							color: #fff;
						}
					
					a.buttonDelete{
						background-color: #ec9999;
						color: #a56b6b;
					}
					
					a.buttonDelete:hover {
						background-color: #cf0000;
						color: #fff;
					}
			
			.expandFormat h3 {
				padding: 25px 0 5px 0;
				font-weight: bold;
			}
			
			.expandFormat ul li {
				padding: 2px 0;
			}
			
			.expandFormat ul li a {
				background-color: inherit;
				color: #666;	
			}
			
				.expandFormat ul li a:hover {
					background-color: #99dc9d;
					color: #6b9a6e;
				}
				
			.expandFormat ul li a.offerDelete {
				background-color: #eee;
				color: #999;
			}
			
			.expandFormat ul li a.offerDelete:hover {
				background-color: #ec9999;
				color: #a56b6b;
			}
			
	
	/*	.over
	--------------------------------------------------*/
	tr.over {
		background-color: red;
		color: #000;
	}
	
		tr.over td {
			border-top: 3px #ccc solid !important;
			border-bottom: 3px #ccc solid !important;
			background-color: #fff;
			color: #000;
			cursor: pointed;
		}
	
			tr.over td h2 {
				background-color: inherit;
				color: #000 !important;
				padding-left: 22px;
				background-image: url(/i/arrow-green.png);
				background-position: 5px 6px;
				background-repeat: no-repeat;
				padding-left: 27px !important;
			}