ol,dt,dd,dl,fieldset,table,td,h1,h2,h3,h4,h5,body {margin:0;padding:0;list-style:none;}
	*:active{outline:none;}
/*ul,li,p,*/
	* {font-family:Tahoma; font-size:11px; color:#4c5f72}
	body, html {height:100%; /*background: url('images/bg.jpg'); background-repeat: repeat-x;*/}
	form {margin:0px}
	img {outline: 0; border: 0}
	#main {position:relative; border-collapse:collapse; height:100%; width:800px;}
	
	.pics{float:left;	margin: 5px;}
	
	.divtd td {padding:5;}
	
	#user {text-align: center; position: relative; width: 800px; height: 25px;}
	#user td {font-weight: bold;}

	a {color: blue;}
  
	
	
	.m {
		 color: #525b6a;
		 text-decoration: none;
	}
	.m:visited {
		 color: #525b6a;
		 text-decoration: none;
	}
	.m:hover {
		 color: #525b6a;
		 text-decoration: underline;
	}
	
	.m_act {
		 color: #525b6a;
		 text-decoration: underline;
		 font-weight: bold;
	}
	.m_act:visited {
		 color: #525b6a;
		 text-decoration: underline;
		 font-weight: bold;
	}
	.m_act:hover {
		 color: #525b6a;
		 text-decoration: underline;
		 font-weight: bold;
	}
	
	#logo {position:relative;}
	
	#nav-top {position:relative; width: 600px;}
	#nav-top table {float: left;}
	#nav-top td {height:35px; text-align:left; color:#575a69; font-family: arial;/*#75869b; font-weight:bold;*/ font-size:26px; /*cursor: pointer*/}
	#nav-top a {color: #3f4063; text-decoration: none; font-weight: bold;}
	#nav-top td.active {/*background:#e0e0e0;*/ text-align: center;}

	.main_tbl td{padding: 5px;}
	
	.nav-top table {float: left;}
	.nav-top td {height:35px; text-align:left; color:#575a69; font-family: arial;/*#75869b; font-weight:bold;*/ font-size:26px; /*cursor: pointer*/}
	.nav-top a {color: #3f4063; text-decoration: none; font-weight: bold;}
	.nav-top td.active {/*background:#e0e0e0;*/ text-align: center;}
	
	/** Buttons **/
	.button {border:1px solid #c4c4c4; background:#fefefe; color:#8093aa; font-weight:bold; font-size:11px; padding:2px 0px; width:130px}
	.dark 	{background:#8894a1; color:#ffffff}
	#nav-left input {margin-bottom:5px; width:166px; display:block}
	#nav-left .active {background:#bccbd6; color:#ffffff}

	#user .button {margin-left: 8px; width: 100px;}
	input {padding-left: 2px;}
	#main input.active {background:#f2bc47; color:#4c5f72}
	
	/** Tables **/
	.padding td {padding: 2px; vertical-align: top;}
	.padding1 td {padding: 5px; vertical-align: top;}
	.table {border-collapse:collapse; width: 100%}
	.table th {background:#8093aa; text-align:left; padding:3px 10px; color:#ffffff; font-size:12px; height:25px}
	.table .header {padding:0px}
	.table td {font-size: 11px;}
	.table td {padding: 2px 0px 2px 0}
	.table td.lab {width: 110px; vertical-align: top; padding-top: 4px}
	.table th a {color: #fff; font-size:12px}
	.table td img {outline: 0; border: 0;}
	.darkbkg td {background-color: #E7ECF0}
	
	.table tr.noindent th {padding-left: 0px}
	.table .a_center {text-align: center}
	.table .a_right {text-align: right}
	.table .a_left {text-align: left}
	
	td.maincontent {padding: 10px}

	div.stdcol {width: 320px}
	.left {float: left}
	.right {float: right}
	
	div.stdcol table.table {clear: both; margin-top: 7px}
	
	/** forms **/
	.default {border:1px solid #4c5f72}
	.form input, .form select, .form textarea {width:100%}
	.form td {height: 18px;}
	
	.list td,
	.list tr {height: 25px;}
	.list td {padding-left: 10px}
	.list {border-collapse:collapse; width:100%}
	.list tr.m {background:#e7ecf0}
	.list tr.act {background:#f2bc47 !important}

	.pagelinks {padding-top: 6px;text-align: center;}
	.pagelinks div {float: right; text-align: right; width: 120px; }
	.pagelinks div img {margin-left: 5px;}
	.pagelinks span { position: relative; top: -3px; }
	.pagelinks div a {text-decoration: none; font-size: 12px; color: #fff}
	.pagelinks div a:hover {text-decoration: underline}
	.pagelinks a {margin: 0 2px 0 2px}

	li.block {background: url('images/contactm/bluebox.gif') no-repeat 2px 5px; padding-left: 15px; font-weight: bold; font-size: 11px}
	tr.alt td,
	tr.alt tr,
	tr.alt th {background-color: #E7ECF0}

	#cat_container {padding:5px 5px 5px 80px}

	/* Iframes */
	iframe.companydetails {width: 190px; height: 120px;}
	iframe.bankdetails {width: 190px; height: 70px}
	iframe.inventory {width: 360px; height: 406px; border: 1px solid #BFC9D3}
	iframe.importexcel {float: right; clear: right; height: 111px; width: 300px}
	iframe.uploaddocs {width: 200px; height: 30px; border: 1px solid grey}	
	
	/* Property Manager: Marketing styles*/
	td.pm_marketing {padding: 10px}
		td.pm_marketing div.ad {float: right; width: 350px; height: 240px; margin-bottom: 10px; }
		td.pm_marketing div.ad table {width: 100%; background-color: #E7ECF0}
		td.pm_marketing div.ad td {padding: 2px 10px 2px 10px; height: 20px;}
		td.pm_marketing div.ad table.question {margin-top: 4px;} 
		td.pm_marketing div.ad table.question td.lab {width: 170px; height: 25px}
		td.pm_marketing div.ad td.spacer {height: 5px;}
		td.pm_marketing div.ad table.question span {position: relative; top: 2px; left: -3px} 
		
		div.ad_list {width: 310px; margin: 2px 0 10px 0;}
		div.ad_list th {padding: 0; margin: 0; background-color: #fff; width: 14px}
		div.ad_list th,
		div.ad_list td {padding: 2px 2px 2px 2px;vertical-align: middle}
		div.ad_list td a {color: blue}
		div.ad_list img {outline: 0; border: 0}
		div.ad_list table.details {margin-top: -7px; padding: 0}
		div.ad_list table.details td {line-height: 15px;}
		
	/* Property Manager: Inventory styles */
	td.pm_inventory div.inventoryitem {float: right; height: 370px; width: 300px;}
		td.pm_inventory {padding: 10px;}
		td.pm_inventory div.inventory_total {float: left; clear: left; width: 362px; height: 27px; margin-bottom: 20px; bordedr: 1px solid blue;}
		td.pm_inventory div.inventory_total table {width: 100%; border-collapse: collapse}
		td.pm_inventory div.inventory_total table th {padding-left: 2px;}
		td.pm_inventory div.inventory_total table span {position: relative; top: -3px; left: 4px; color: #fff}
		td.pm_inventory div.inventory_total table th.amount {text-align: right;}
		#import {padding: 10px 5px;}
		#import table td.lab {width: 80px;}
	
		#inventory_items table {border-collapse: collapse; width: 100%}
			#inventory_items a {color: blue;}
			#inventory_items th {width: 16px}
			#inventory_items th,
			#inventory_items td {height: 20px; padding: 0px 4px 0 4px}
			#inventory_items td.amount {text-align: right;}
			#inventory_items td.details {width: 160px;}
			#inventory_items td.center {text-align: center;}
			
			#inventory_items tr.header th,
			#inventory_items tr.header td {background:#8093aa; text-align:left; padding:3px 4px 10px 4px; color:#ffffff; font-weight: bold; font-size:11px; height:25px}
	
	/** Property Manager: Financial Styles **/	
	td.pm_financial {padding: 10px;}
		div.loanspecifics {float: right; width: 300px; height: 200px}
		div.valuationspecifics {float: right; clear: right; width: 300px; height: 200px}
		div.trim {clear: both; padding-top: 10px; height: 235px;}
		div.finance_list {float: left; margin-top: 6px;width: 360px; height: 200px; background-color: #E7ECF0}
		div.finance_list th,
		div.finance_list td {width: 110px;}
		div.finance_list th.del,
		div.finance_list td.del {width: 10px; padding-left: 5px}
		div.finance_list th.name,
		div.finance_list td.name {width: 125px}
		div.finance_list td {background-color: #E7ECF0; height: 25px;}
		div.finance_list .amount {width: 100px; text-align: right; padding-right: 10px;}
		div.finance_list tr.selected th,
		div.finance_list tr.selected td {background-color: #fff}
		
	/** Property manager: Safety & Insurance styles **/
	td.pm_safety {padding: 10px;}
		td.pm_safety ul {clear: both}
		td.pm_safety div.detailsright {float: right; width: 390px;}
		td.pm_safety div.detailsleft {float: left; width: 280px; margin-left: 4px;}	
		td.pm_safety div.detailsleft,
		td.pm_safety div.detailsright {margin-top: 10px; margin-bottom: 5px; height: 145px;}
		td.pm_safety td.lab {vertical-align: top; padding-top: 2px;}
	
	/** Owner Manager styles (uses some of the styles from contact manager) **/
		td.contact div.properties {float: right; clear: right; width: 370px; margin-bottom: 15px}
		td.contact div.logindetails {float: right; clear: right; width: 370px; margin-bottom: 5px}
		td.contact div.logindetails table {margin-top: 4px}
		td.contact div.logindetails td,
		td.contact div.logindetails tr {padding: 2px;}
		td.contact div.logindetails a {color: blue;}
		td.contact div.properties li {float: left; width: 70px;}
		td.contact div.properties iframe {width: 370px; height: 107px;}		
	
	/** Tenancy Manager styles **/
	td.tenancy {padding: 10px;}
		td.tenancy div.details li {float: left; width: 90px;}
		td.tenancy div.details td.lab {width: 100px; vertical-align: top; padding-top: 2px}
		td.tenancy div.details table {clear: both; margin-top: 4px}
		td.tenancy div.details iframe.propertydetails {width: 150px;  height: 80px}
		td.tenancy div.details td input {width: 160px;}
		td.tenancy div.details td input.submit {width: 40px;}
		td.tenancy div.details table {width: 100%; border-collapse: collapse; margin-top: 10px}
		td.tenancy div.details table.tenants {border-top: 1px solid silver}
		td.tenancy div.details table.tenants td {vertical-align: top; border-bottom: 1px solid silver; padding: 6px 0 6px 0}
		td.tenancy div.details table.tenants td.lab {width: 120px}
	
		div.meter_readings table {border-collapse: collapse; width: 100%; margin-top: 10px}
			div.meter_readings td {height: 20px; padding: 0px 4px 0 4px;}
			div.meter_readings td {width: 90px; background-color: #E7ECF0; height: 25px;}
			div.meter_readings td.center {text-align: center;}
			div.meter_readings td.del {width: 18px;}
			div.meter_readings tr.header th,
			div.meter_readings tr.header td {background:#8093aa; text-align:left; padding:3px 4px 10px 4px; color:#ffffff; font-weight: bold; height:25px}
	
		/* Tenancy Manager: Start Page */
		td.tenancystart {padding: 10px}
			td.tenancystart table {margin:0; border-collapse: collapse;}
			td.tenancystart table td.start {width: 12px;}
			td.tenancystart table td {padding: 4px; vertical-align: top}	
			td.tenancystart table td.start {padding-top: 5px;}
			td.tenancystart table td.date {width: 130px}
			td.tenancystart table td.property {width: 155px}
			td.tenancystart table td.names {width: 105px}
			td.tenancystart table td.comments {width: 250px}
	

	/* Tenant Manager: Add/edit a tenant */
	td.tenant {padding: 10px}
		td.tenant table td input {width: 190px}
		td.tenant table.nopad {border-collapse: collapse; margin: 0; padding: 0;}
		td.tenant table.nopad td {padding: 0px}
		td.tenant table.nopad td.lab {padding: 0px; margin:0}
		td.tenant table {margin-bottom: 5px}
		td.tenant div.divider {height: 1px; margin-bottom: 1px;}

	/** Contact Manager styles **/
	td.contact {padding: 10px;}
		td.contact td.lab {vertical-align: middle;}
		td.contact .default {width: 190px;}	
		td.contact #details {float: left; width: 290px}
		td.contact #details ul {clear: both}
		td.contact #details table {margin-top: 7px}
		td.contact #details td {padding: 2px 0px 2px 0}
		table.individualdetails {margin-top: 0px;}
		#bank td span {position: relative; top: -1px; left: 2px;}
		#legaladdress {position: absolute; top: 505px; left: 580px; width: 290px; height: 120px}
		td.legaladdress span {position: relative; top: -1px; left: 2px}
		#tasks iframe {width: 370px; height: 107px;}		
		#notes iframe {width: 500px; height: 500px;}		
		#notes {float: right; clear: right; width: 500px; margin-bottom: 5px; height: 495px;}
		#tasks {float: right; clear: right; width: 500px; margin-bottom: 5px}
		#notes li,
		#tasks li {float: left; width: 60px;}
		#notes table {*clear: both; margin-top: 5px;border-collapse: collapse; border: 1px solid #BFC9D3; width: 100%; height: 100%;}
		#tasks table {*clear: both; margin-top: 5px;border-collapse: collapse; border: 1px solid #BFC9D3; width: 100%}
		#tasks td,
		#tasks th {height: 25px; padding: 0px 4px 0 14px}
		#tasks td.lab {width: 130px; vertical-align: top; padding-top: 4px}
		#notes th,
		#tasks th {text-align: right; padding: 4px 5px 0 0; vertical-align: top; width: 20px}
		#notes td {padding: 5px 0 0 14px; color: #738393; height: 25px;}
		#notes td.details {color: #000; height: 60px; vertical-align: top}
		#notes td.pagelinks {padding-bottom: 8px;}
		#bank {float: left; /*clear: left;*/}
	
		/* Contact Manager: Start page */
		td.contactstart {padding: 10px}
			td.contactstart table {margin: 0}
			td.contactstart td.start {width: 20px;}
			td.contactstart td.contactname {width: 150px}
			td.contactstart td.contacticons {text-align: right; width: 65px; vertical-align: middle}
			td.contactstart td.contacticons img {vertical-align: middle; margin-right: 10px}
			td.contactstart td.companyicons {text-align: right; width: 65px; vertical-align: middle}
			td.contactstart td.companyicons img {float: right; vertical-align: middle; margin-right: 3px}
			td.contactstart td.companyicons a.www {float: left; }
			td.contactstart td.companydetails {width: 217px;}
			td.contactstart td.otherdetails {width: 180px; vertical-align: top;}
			ul.details li {clear: left; float: left; width: 50px; margin: 0; padding: 0;}
			ul.details li.value {clear: none; width: 130px; margin: 0; padding: 0;}						
			div.divider {border-top:1px solid #c4c4c4; height: 2px; vertical-align: middle; margin: 5px 0 5px 0; padding: 0}	
			#selectform {float: right; width: 507px; height: 21px; margin-right: 0px; position: relative; top: -3px;}
				#selectform select {width: 130px}
			
		/* Contact Manager: Web contact records */
		#webcontact {clear: left; float: left; margin-top: 8px; width: 655px; height: 157px; margin-bottom: 6px;}
			#webcontact table {width: 655px;border-collapse: collapse;border: 1px solid #BFC9D3; margin-top: 0px;}
			#webcontact th {color:#8093aa; text-align:left; padding:3px 10px 3px 0px; font-size:12px; height:25px}
			#webcontact td {padding: 6px 10px 6px 0px; width: 135px}
			#webcontact td.del {text-align: center; width: 25px; padding: 0}
			#webcontact td.end {width: 360px;}
			#webcontact td.pagelinks {text-align: center; background-color: pink}
			#webcontact tr.highlight td,
			#webcontact tr.highlight td.del,
			#webcontact tr.highlight td.end {background-color: #FFCDCD;}
	
			#webcontactdetails {width: 295px; float: left;}
				#webcontactdetails table {margin-top: 8px; border-collapse: collapse;}
				#webcontactdetails td {width: 185px; border: 1px solid #BFC9D3; padding: 2px 2px 3px 4px}
				#webcontactdetails td.lab {width: 110px;}
		
			#webcontactcomment {width: 344px; float: left; margin-left: 15px;}
				#webcontactcomment div {min-height: 200px; height: 200px; border: 1px solid #BFC9D3; padding: 2px 5px 0px 5px; margin-top:7px;}

	/* Task Scheduler */
	td.tasks {padding: 10px}
		span.view_selected {border:1px solid #fff; background-color: #fff; padding: 0px 4px 1px 4px; font-size: 12px; color: #8093aa}
		h1.tasktitle {font-size: 3px; margin-top: 1px;}
		h1.tasktitle span {font-size: 12px; position: relative; top: -4px; margin-left: 6px; color: #fff}
		table.tasks tr.title td {font-weight: bold}
		table.tasks td {vertical-align: top}
		table.tasks td.date {width: 25px}
		table.tasks td.time {width: 40px}
		table.tasks td.description {}
		table.tasks td.icon_com {width: 75px; text-align: center}	
		table.tasks td.icon_del {width: 35px; text-align: center}	
		
		table.tasks tr.completed td {color: silver;}
		table.tasks tr.overdue td {color: red;}
		table.tasks td span.date { background-color: blue; font-size: 11px; color: #fff; font-weight: bold; padding: 1px 2px 1px 3px;}
		td.tasks div.divider {margin-bottom: 10px; margin-top: 15px}
		td.tasks td div.divider {border-top:1px solid #E5E5E5; padding: 0; margin: 0}
	
	/* Accounts Manager */
	
	td.accounts {padding: 10px;}
		
		td.accounts table {border-collapse: collapse}
		
		td.accounts th,
		td.accounts td {color: #000; padding: 0 7px 0 7px; border: 1px solid silver; margin: 0; height: 23px; vertical-align: middle}
	
		td.accounts table.ac_header {clear: both; margin-right: 0px}
		td.accounts table.ac_header td,
		td.accounts table.ac_header th {background-color: #fff; height: 30px; margin: 0}
		
		
		td.accounts .notes {width: 14px; padding: 0 0px 0 5px; border-right: 0}
		td.accounts .propid {width: 23px; border-left : 0; text-align: center}
		td.accounts .date {width: 50px; border-left : 0}
		td.accounts .income {width: 47px; text-align: right}
		td.accounts .expense {width: 47px; text-align: right}
		td.accounts .pay {width: 115px}
		td.accounts .category {width: 110px}
		td.accounts .id {width: 40px}
		td.accounts .ref {width: 40px}
		td.accounts .icons {text-align: right}
		td.accounts .icons img {margin-right: 4px}
		
		td.accounts table.table_notes {border-top: 0;}
		td.accounts .note_header {width:42px; text-align: right; vertical-align: top; padding-top: 4px; border-top: 0}
		td.accounts .note {width: 597px; padding: 4px 4px 7px 7px; border-top: 0}
		td.accounts tr.first td {border-top: 0}
		
		
		td.accounts th {background-color: #EBE9D9; font-weight: normal}
		td.accounts tr.alt td {background-color: #EAEAEA;}	
		
		td.accounts tr.updated td {background-color: #FFD388}
		
		
		td.accounts table.totals {margin-top: 5px}
		td.accounts table.totals td.header {width: 115px; font-weight: bold; text-align: right; border: 0; padding-left: 0; padding-right: 7px}
		td.accounts table.totals td.expense {width: 47px; font-weight: bold; bordder-top: 0}
		td.accounts table.totals td.income {width: 47px; font-weight: bold; bordder-top: 0}
		td.accounts table.totals td.overall {width: 57px; font-weight: bold; bordder-top: 0; text-align: right; color: blue}
		
		
		
		/* Add/Edit entry */
	
		td.entry {padding: 10px}
			td.entry td input {width: 162px}
		
		td.upload {padding: 10px}
			td.upload ul {margin-bottom: 4px}
			td.upload div.upload td.lab {width: 80px}
			
			td.upload div.download td.lab {width: 60px}
			td.upload div.upload {float: left}
			td.upload div.download {float: right; width: 350px}
	
	
	/* Contact page for owners */
	td.contactdetails {padding: 10px}
	td.contactdetails table {margin-left: 10px; margin-right: 10px}
	td.contactdetails td.picture {padding: 2px 4px 2px 4px; border: 1px solid #8093AA}
	td.contactdetails td.lab {width: 45px}
	td.contactdetails td.details table td {padding-top: 2px}
	td.contactdetails td.spacer {width: 40px}
	td.contactdetails td.details {vertical-align: top; width: 250px; borderd: 1px solid blue}