html  { font-size: 100%; /* IE hack */ }
	table { font-size: 100%; /* IE hack */ }
	
	body {
 		margin:				0;
		background:			#fff;
		background-image:	url('/images/backoffice_bg.jpg');
		background-position:bottom left;
		background-repeat:	repeat-x;
		color:				#666;
		font-family: 		verdana, arial, helvetica, sans-serif;
		font-size: 			.7em;
		text-align:			center;
		padding:			20px 5px 0px 5px;
		height: 			auto;
		min-height: 		100%;
	}
	
	h1, h2, h3, h4 {
		font-family: 		arial, helvetica, sans-serif;
		color:				#333;
		background-color:	transparent; 
		font-style: 		normal;
		font-weight:		bold;
		font-size:			1.7em;
		text-align:			left;
		line-height:		1.4em;
		letter-spacing: 	0;
		text-align:			justify
	}
	h2 {
		font-size: 			1.4em;
		margin:				4px 0 5px 0;
		line-height:		1.4em;
		letter-spacing: 	0;
		color:				#666
	}
	h3 {font-size: 			1.4em;
		text-align:			left;
		font-weight:		bold;
		color:				#A22F1D;
		margin:				0;
	}
	h4 {float:				left;
		font-size: 			1.2em;
		text-align:			left;
		font-weight:		bold;
		color:				#c00;
		margin:				0;
	}
	
	a, a:visited, a:active, a:hover {
		color:				#333;
		text-decoration:	none;
		font-weight:		bold;
		font-size:			1em
	}
	a:hover {
		text-decoration:	underline;
	}
	
	
	p {
		padding:			1px 0 1px 0;
		line-height:		1.6em;
		font-size:			1.2em;
	}
	li {
		font-size:			1em;
		line-height:		1.3em;
		margin:				0 0 3px 0
	}
	
	
	.accesskey {
		text-decoration:	underline;
	}
	table {
		width:				100%;
		padding:			0;
		margin:				0;
		border:				0;
		border-collapse:	collapse	
	}
	th{
		background-color:	#666;
		text-align:			center;
		color:				#fff;
		font-weight:		bold;
		padding:			0.2em;
		border-bottom:		1px solid #fff;
	}
	td {
		text-align:			center;
	}
	td.results {
		padding:			3px;
		text-align:			left;
		vertical-align:		top;
		background-color:	#CEDCF7;
		color:				#333;
		border-right:		1px solid #fff;
		border-bottom:		1px solid #fff;
	}
	form {
		display: 			block; 
		float: 				left; 
		width: 				100%;
		border: 			0;
		padding:			0;
		margin:				0 0 0 0;		
	}
	fieldset {
		display:			block;
		width:				100%;
		max-width:			500px;
		text-align:			left; 
		border:				0; 
		padding:			0; 
		margin:				0; 
		line-height:		1.2em;
	}
	legend {
		font-size: 			1.2em;
		color:				#333;
		text-align:			left;
		font-weight:		bold;
		margin: 			10px 0 3px 0; 
		height: 			1.3em;
		width:				auto; 
		border: 			0;
		padding: 			0
	}
	label {
		color:				#333;
		clear:				left; 
		display:			block; 
		float:				left; 
		width:				32%; 
		height:				30px;
		text-align:			right;
		font-family:		verdana, arial, helvetica, sans-serif;
		font-size:			1em;
		padding:			0;
		margin:				0 10px 0 0;
	}
	input, select, textarea {
		border:				1px solid #666;
		color:				#333;
		background-color:	#EFEFEF;
		width:				200px;
		height:				auto;
		font-family:		verdana, arial, helvetica, sans-serif;
		font-weight:		normal;
		text-decoration:	none;
		font-size:			1.1em;
		padding:			2px;
		margin:				0 0 9px 0
	}
	input.check {
		margin:				4px 0 0 0;
		border:				0;
		width:				auto;
		background:			transparent;	
	}
	input.pointer {
		color:				#333;
		border:				0;
		width:				auto;
		background:			transparent;	
	}
	select {
		width: 				206px;
		border:				1px solid #666;
		padding:			2px 0 2px 0;
	}
	select.wide {
		width:				360px;
		margin-top:			10px;
	}
	textarea {
		height:				120px;
		font-size:			1em;
		padding:			2px;
	}
	blockquote {
		font-style: 		italic;
	}
	hr {
		height:				0;
		border:				1px solid #fff;
		padding:			0;
		color:				#fff;
	}
	
	
	#wrapper {
		width:				100%;
		text-align:			center;
		margin:				0;
		padding:			0;
	}
	#loginbox {
		background-image:	url('/images/backoffice_login.gif');
		background-position:top left;
		background-repeat:	no-repeat;
		width:				346px;
		height:				148px;
		margin:				40px auto;
		font-weight:		bold;
		padding:			130px 20px 10px 20px;
		border:				0;
	}
	#admin_area {
		width:				1000px;
		height:				auto;
		padding:			0;
		margin:				0 auto;
		border:				2px solid #CEDCF7;	
	}
	#backoffice_submenu {
		float:				left;
		width:				100%;
		padding:			0;
		margin:				0 0 0 1px;
		text-align:			left;
		background-color:	#CEDCF7;
		border-top:			2px solid #fff;
	}
	#backoffice_submenu ul {
		list-style-type: 	none;
		display:			inline;
		margin:				0;
		padding:			0;
	}
	#backoffice_submenu ul li{
		display:			inline;
		margin:				0;
		padding:			0;
	}
	#backoffice_submenu ul li a {
		display:			block;
		float:				left;
		text-align:			center;
		padding:			5px 15px 5px 15px;
		margin:				0;
		background-color:	#CEDCF7;
		color:				#333;
		border:				0;
		border-right:		2px solid #fff;
	}
	#backoffice_submenu ul li a.message {
		text-align:			left;
		font-weight:		bold;
		background-color:	#D0F7CE;
		color:				#060;
		border:				1px solid #666;
	}
	#backoffice_submenu ul li a:hover {
		background-color:	#333;
		color:				#fff;
		text-decoration:	none;
	}
	#backoffice_form, #backoffice_mainform,
	#backoffice_subform, #backoffice_subform2 {
		float:				left;
		width:				484px;
		padding:			5px;
		margin:				2px 1px 2px 1px;
		text-align:			left;
		background-color:	#CEDCF7;
		color:				#333;
		border:				1px solid #ccc;
	}
	#backoffice_mainform {
		width:				982px;	
		padding-bottom:		15px;
	}
	#backoffice_subform2 {
		background-color:	#B0C7F5;
	}
	#copyright {
		clear:				both
		position:			absolute;
		bottom:				0px;
		width:				98%;
		margin:				0;
		text-align:			right;
		color:				#888;
		height:				auto;
		padding: 			10px 0 10px 0;
		margin:				60px 0 0 0;
		text-align:			right;
		background:			transparent;
	}
	#landlords, #tenants {
		width:				400px;
		background-color:	#ccc;
		margin:				10px;
		border:				1px solid #333;
	}
	#landlords th, #tenants th {
		padding:			5px;	
	}
	#landlords td, tenants td {
		text-align:			left;
		vertical-align: 	top;
		padding:			4px;
	}
	
	.hide {
		display:			none
	}	
	input.login {
		width:				80px;
		height:				30px;
		border:				0;
		margin:				20px 0 0 50px;
		padding:			0;
	}
	.logo {
		margin:				5px 20px 5px 20px;
		border:				0;
	}
	.hilite {
		color:				#390;
		font-weight:		bold;
	}
	.error {
		color:				#E40303;
	}
	.button, .hide_button {
		width:				180px;
		height:				30px;
		background-color:	#FFE073;
		color:				#333;
		margin:				10px 0 20px 20px;
	}
	.hide_button {
		display:			none;
		width:				0;
		height:				0;
		border:				0;
		background:			transparent;	
	}
	.backoffice_header {
		text-align:			left;
		background-image:	url('/images/backoffice_header.gif');
		background-position:bottom left;
		background-repeat:	repeat-x;
	}
	.backoffice_greeting {
		text-align: 		left;
		padding: 			3px 3px 3px 10px; 
		color: 				#333; 
		background-color: 	#f4f4f4; 
	}
	.backoffice_intro {
		width:				60%;
		padding:			15px;
		margin:				0 auto;
		margin-top:			15px;
		margin-bottom:		15px;
		text-align:			left;
		background-image:	url('/images/backoffice_bg.jpg');
		background-position:bottom left;
		background-repeat:	repeat-x;
		border:				1px solid #ccc;
	}
	.clear {
		clear:				both;
	}
	
	
	
	a.menuItem {
		display:			block;
		width:				100%;
		color:				#fff;
		background-color:	#CEDCF7;
		font-weight:		bold;
		padding:			6px 0 6px 0;	
	}
	a.menuItem:hover {
		background-color:	#666;
		color:				#fff;
		text-decoration:	none;
	}
	
	
	/* Property Styles */
	
	
	.property {
		display:			block;
		float:				left;
		clear: 				both;
		width:				100%;
		margin:				0 0 5px 0;
		border:				0;
		border-bottom:		1px solid #333; 
	}
	.property_title {
		clear:				both;
		background-color:	#666;
		color:				#fff;
		font-size:			1.3em;
		font-weight:		bold;
		padding:			0.2em 0 0.3em 0.5em;
		margin:				0 0 6px 0;
		border: 			1px solid #CDDEEF;
	}
	.property_photo {
		float:				right;
		margin:				2px 0 8px 0;
		padding:			0;
	}
	.photo_file {
		display:			block;
		text-align:			center;
		background-color:	#B0C7F5;
		border:				1px solid #666;
		float:				left;
		height:				auto;
		min-height:			125px;
		margin:				5px;
		padding:			5px;
	}
	.property_label {
		clear:				left;
		float: 				left;
		width:				30%;
		padding:			0 0 0 1em;
		margin:				0.2em 0 0.2em 0;
		font-size:			1.1em;
		line-height:		1.6em;
		font-weight:		bold;
	}
	.property_value, .property_rent {
		float: 				left;
		width:				45%;
		font-size:			1.1em;
		margin:				0.2em 0 0.2em 0;
		line-height:		1.6em;
		font-weight:		normal;
	}
	.property_description, .property_photos {
		clear:				left;
		float:				left;
		width:				575px;
		padding:			0 0 0 1em;
		margin:				0.2em 0 0.2em 0;
		line-height:		1.6em;
	}
	html>body .property_description {
		width:				560px;
	}
	
	.property_rent {
		font-size:			1.3em;
		font-weight:		bold;
		margin:				0.1em 0 0.1em 0;
	}
	.tour_available {
		width:				100px;
		height:				50px
		border:				0;
	}
	.property_thumb,
	.property_flag {
		width:				98px;
		padding:			0;
		margin:				0 0 1px 0;
		border:				1px solid #ccc;
	}
	.property_flag {
		height:				25px;
	}
	.available {
		font-weight:		bold;
		color:				#0c0;
	}
	.let {
		font-weight:		bold;
		color:				#c00;
	}
	.status_icon {
		width:				20px;
		height:				20px;
		margin:				0 15px 0 0;
	}
	img.photo {
		border:				1px solid #666;
	}
	
	
	/* PRINT ONLY STYLES */
	
	@media print {
			#mastheadlogo, #matheadcontact, #mainmenu, #mastheadmenu {
					display:			none;
			}
			#printhead {
					display:			block;
					width:				640px;
					height:				85px
			}
			#overall {
					width:				100%;
					border:				0;
			}
			#contentum, #copyright {
					width:				100%
			}
	
	}