body {
	margin: 0px;
	padding: 0px;
	font-family: arial;
	font-size: 12px;
	text-align: center;
	vertical-align: top;
	color: #4d4d4d;
}

a {
	color: #4d4d4d;
	text-decoration: none;
}

img {
 border: 0;
}

a:hover {
	text-decoration: underline;
}

h2 {                                               
	font-size: 18px;
	font-weight: bold;
	margin: 0 5px;
	padding: 0px;
}

p {
	margin: 5px 5px;
	line-height: 17px;
}

form {
    margin-top:10px;    
}

#wrapper {
	width: 994px;
	margin: 0 auto 0 auto;
}

#header {
	width: 994px;
	height: 168px;
	background: url("images/header.png") no-repeat;
    float:left;
}

#hads {
    width:468px;
    height:60px;
    float:right;
    margin-top:20px;
    margin-right:50px; 
}

#header p {
	font-size: 11px;
	color: #fff;
	float: left;
	margin-left: 45px;
	margin-top: 125px;
}

#headerpage {
	width: 994px;
	height: 168px;
	background: url("images/headerpage.png") no-repeat;
}

#headerpage p {
	font-size: 11px;
	color: #fff;
	float: left;
	margin-left: 45px;
	margin-top: 125px;
}

#menu {
	float: left;
	/*margin-left: 348px;*/ /* change 494*/
	/*margin-top: 130px;*/
    margin-left:520px;
    margin-top:50px;
}

#pl_menu {
    float: left;
    /*margin-left: 132px;*/ /* change 494*/
    /*margin-top: 130px;*/
    margin-top:50px;
    margin-left:362px;
}

#ps_menu {
    float: left;
    /*margin-left: 300px;*/ /* change 494*/
    /*margin-top: 130px;*/
    margin-top:50px;
    margin-left:500px;
}

#menu a, #pl_menu a, #ps_menu a {
	width: 54px;
	height: 38px;
	display: block;
	float: left;
}

a#buttonhome {
	background: url("images/homeoff.png") no-repeat;	
}

a#buttonhome:hover {
	background: url("images/homeon.png") no-repeat;
}

a#buttonlogin {
	background: url("images/loginoff.png") no-repeat;	
}

a#buttonlogin:hover {
	background: url("images/loginon.png") no-repeat;
}

a#buttonsignup {
	background: url("images/signupoff.png") no-repeat;	
}

a#buttonsignup:hover {
	background: url("images/signupon.png") no-repeat;
}

a#buttoncontact { 
	width: 66px;
	background: url("images/contactoff.png") no-repeat;	
}

a#buttoncontact:hover { 
	width: 66px;
	background: url("images/contacton.png") no-repeat;
}

a#buttonblog {
    background: url("images/blogoff.png") no-repeat;    
}

a#buttonblog:hover {
    background: url("images/blogon.png") no-repeat;
}

a#buttonsubmitoffers {
    width: 92px;
    background: url("images/submitoffersoff.png") no-repeat;    
}

a#buttonsubmitoffers:hover {
    width: 92px;
    background: url("images/submitofferson.png") no-repeat;
}

/** pl buttons **/
a#pl_home {
    background: url("images/pl_homeoff.png") no-repeat;    
}

a#pl_home:hover {
    background: url("images/pl_homeon.png") no-repeat;
}

a#pl_newproperty {
    width:107px;
    background: url("images/pl_newpropertyoff.png") no-repeat;    
}

a#pl_newproperty:hover {
    width:107px;
    background: url("images/pl_newpropertyon.png") no-repeat;
}

a#pl_tasks {    
    background: url("images/pl_tasksoff.png") no-repeat;    
}

a#pl_tasks:hover {  
    background: url("images/pl_taskson.png") no-repeat;
}

a#pl_contacts {   
    width:75px; 
    background: url("images/pl_contactsoff.png") no-repeat;    
}

a#pl_contacts:hover {  
    width:75px;
    background: url("images/pl_contactson.png") no-repeat;
}

a#pl_taskeditor {   
    width:90px; 
    background: url("images/pl_taskeditoroff.png") no-repeat;    
}

a#pl_taskeditor:hover {  
    width:90px;
    background: url("images/pl_taskeditoron.png") no-repeat;
}

a#pl_mapping {   
    width:74px; 
    background: url("images/pl_mappingoff.png") no-repeat;    
}

a#pl_mapping:hover {  
    width:74px;
    background: url("images/pl_mappingon.png") no-repeat;
}

a#pl_settings {   
    width:71px; 
    background: url("images/pl_settingsoff.png") no-repeat;    
}

a#pl_settings:hover {  
    width:71px;
    background: url("images/pl_settingson.png") no-repeat;
}

a#pl_logout {   
    width:55px; 
    background: url("images/pl_logoutoff.png") no-repeat;    
}

a#pl_logout:hover {  
    width:55px;
    background: url("images/pl_logouton.png") no-repeat;
}

/** ps buttons **/
a#ps_home {
    background: url("images/ps_homeoff.png") no-repeat;    
}

a#ps_home:hover {
    background: url("images/ps_homeon.png") no-repeat;
}

a#ps_newproperty {
    width:106px;
    background: url("images/ps_newpropertyoff.png") no-repeat;    
}

a#ps_newproperty:hover {
    width:106px;
    background: url("images/ps_newpropertyon.png") no-repeat;
}

a#ps_tasks {    
    background: url("images/ps_tasksoff.png") no-repeat;    
}

a#ps_tasks:hover {  
    background: url("images/ps_taskson.png") no-repeat;
} 

a#ps_mapping {   
    width:74px; 
    background: url("images/ps_mappingoff.png") no-repeat;    
}

a#ps_mapping:hover {  
    width:74px;
    background: url("images/ps_mappingon.png") no-repeat;
}

a#ps_settings {   
    width:67px; 
    background: url("images/ps_settingsoff.png") no-repeat;    
}

a#ps_settings:hover {  
    width:67px;
    background: url("images/ps_settingson.png") no-repeat;
}

a#ps_logout {   
    width:55px; 
    background: url("images/ps_logoutoff.png") no-repeat;    
}

a#ps_logout:hover {  
    width:55px;
    background: url("images/ps_logouton.png") no-repeat;
}

#menupage {
	float: left;
	margin-left: 398px;
	margin-top: 126px;
}

#menupage a {
	display: block;
	float: left;
}

a#buttonhomepage {
	width: 54px; height: 42px;
	background: url("images/homepageoff.png") no-repeat;	
}

a#buttonhomepage:hover {
	background: url("images/homepageon.png") no-repeat;
}

a#buttonnewproperty {
	width: 104px; height: 42px;
	background: url("images/newpropertyoff.png") no-repeat;	
}

a#buttonnewproperty:hover {
	background: url("images/newpropertyon.png") no-repeat;
}

a#buttontasks {
	width: 56px; height: 42px;
	background: url("images/tasksoff.png") no-repeat;	
}

a#buttontasks:hover {
	background: url("images/taskson.png") no-repeat;
}

a#buttonmapping {
	width: 73px; height: 42px;
	background: url("images/mappingoff.png") no-repeat;	
}

a#buttonmapping:hover {
	background: url("images/mappingon.png") no-repeat;
}

a#buttonlogout {
	width: 62px; height: 42px;
	background: url("images/logoutoff.png") no-repeat;	
}

a#buttonlogout:hover {
	background: url("images/logouton.png") no-repeat;
}

#content {
	padding: 20px;
	float: left;
	text-align: left;
	width: 954px;
    background: #f0f0f0;
}

#contenttop {
	float: left;
	text-align: left;
	width: 994px;
	height: 50px;
	background: url("images/houseicon.png") 0 5px no-repeat;
	border-bottom: 1px dotted #bfbfbf;  
}

#contenttop h2 {
	float: left;
	margin-left: 40px;
	margin-top: 15px;
}

#boxgreen {
	float: left;
	width: 313px;
	height: 240px;
	margin-bottom: 30px;
	background: #7fad35 url("images/boxgreenbottom.png") center bottom no-repeat;
}

#boxgreen h3 {
	width: 313px;
	height: 56px;
	background: url("images/boxgreentop.png") no-repeat;
	margin: 0px;
}

#boxgreen ul {
	list-style-image: url("images/bulletgreen.png");
	color: #fff;
	margin: 0 10px 10px 30px;
	padding: 0;
}

#boxgreen li {
	margin-bottom: 5px;
}

#boxyellow {
	float: left;
	width: 313px;
	height: 240px;
	margin-bottom: 30px;
	margin-left: 7px;
	background: #ffb13b url("images/boxyellowbottom.png") center bottom no-repeat;
}

#boxyellow h3 {
	width: 313px;
	height: 56px;
	background: url("images/boxyellowtop.png") no-repeat;
	margin: 0px;
}

#boxyellow ul {
	list-style-image: url("images/bulletyellow.png");
	color: #fff;
	margin: 0 10px 10px 30px;
	padding: 0;
}

#boxyellow li {
	margin-bottom: 5px;
}

#boxorange {
	float: left;
	width: 313px;
	height: 240px;
	margin-bottom: 30px;
	margin-left: 7px;
	background: #e88e2e url("images/boxorangebottom.png") center bottom no-repeat;
}

#boxorange h3 {
	width: 313px;
	height: 56px;
	background: url("images/boxorangetop.png") no-repeat;
	margin: 0px;
}

#boxorange ul {
	line-height: 17px;
	list-style: none;
	color: #fff;
	margin: 0 10px 10px 20px;
	padding: 0;
}

#boxorange li {
	margin-bottom: 5px;
}

p#center {
	text-align: center;
	line-height: 17px;
}
  
label {
	display: block;
	width: 120px;
	float: left;    
	text-align: right;
	margin: 3px 5px 3px 3px;
}

#contentleft {
	font-size: 13px;
	float: left;
	margin-left: 10px;
}

input, select, textarea {
	margin-bottom: 10px;
}

input[type=text], select, textarea, input[type=password] {
	font-family: Arial;
    font-size:12px;
	padding: 2px 5px;
	border: 1px solid #999999;
	background: #fff url("images/inputtext.png") repeat-x;
}

a#hoa {
	display: block;
	width: 70px;
	font-size: 12px;
	color: #006cff;
	line-height: 11px;
	margin-left: 240px;
	margin-top: -34px;
}

a.calendar{
	position: absolute;
	margin: 3px;
}

#contentright {
	width: 273px;
	float: right;
	font-size: 12px;
	color: #fff;
	margin-right: 60px;
}

#contentright p{
	margin: 0;
	padding: 3px 20px;
	line-height: 19px;
	width: 273px;
	border-bottom: 1px dotted #fff;
}

#contentall {
	width: 954px;
	float: left;
	border-bottom: 1px dotted #bfbfbf;
	margin-bottom: 10px;
}

#boxgreenpage {
	float: left;
	width: 313px;
	margin-bottom: 10px;
	background: #7fad35 url("images/boxgreenbottom.png") center bottom no-repeat;
}

#boxgreenpage h3 {
	width: 313px;
	height: 56px;
	background: url("images/boxgreentoppage.png") no-repeat;
	margin: 0px;
}

#boxyellowpage {
	float: left;
	width: 313px;
	background: #ffb13b url("images/boxyellowbottom.png") center bottom no-repeat;
}

#boxyellowpage h3 {
	width: 313px;
	height: 56px;
	background: url("images/boxyellowtoppage.png") no-repeat;
	margin: 0px;
}

table, th, td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4d4d4d;
	border: 1px solid #999;
    border-collapse: collapse;
}

th, th a {
	background: #c3eaab url("images/tablegreen.png") repeat-x;
	color: #000;
}

th {
	line-height: 25px;
}

td a {
	color: #0033FF;
}

tr.orange {
	background: #fff1e1 url("images/tableorange.png") repeat-x;
}

tr.green {
	background: #e2eafe url("images/tableblue.png") repeat-x;
}

#login, #so_ainfo, #so_finoptions {
	float: left;
	width: 313px;
	margin-bottom: 20px;
	margin-left: 20px;
	background: #7fad35 url("images/boxgreenbottom.png") center bottom no-repeat;
}

#so_ainfo, #so_finoptions { margin-left: 20px;}
#so_ainfo div, #so_finoptions div { float:left; width:95%; padding:10px; color:#fff;}

#login h3 {
	width: 313px;
	height: 56px;
	background: url("images/logintop.png") no-repeat;
	margin: 0px;
}

#login h3.lostpass {
    width: 313px;
    height: 56px;
    background: url("images/lostpasstop.png") no-repeat;
    margin: 0px;
}

#login h3.submitoffers {
    width: 313px;
    height: 56px;
    background: url("images/submitofferstop.png") no-repeat;
    margin: 0px;
}


#so_ainfo h3 {
    width: 313px;
    height: 56px;
    background: url("images/agentinfotop.png") no-repeat;
    margin: 0px;
}

#so_finoptions h3 {
    width: 313px;
    height: 56px;
    background: url("images/finoptionstop.png") no-repeat;
    margin: 0px;
}

#login p , #contact p, #signup p {
	margin: 0;
	padding: 0;
	color: #fff;
} 

#login label , #contact label, #signup label{
	width: 80px;
}

#signup label.sec{
    width: 130px;
}

#login label.sec2{
    padding-left:20px; text-align:left;width: 200px;
}

#login p.single{
    padding-left:20px; text-align:left;
}

#contact {
	float: left;
	width: 400px;
	margin-bottom: 20px;
	margin-left: 20px;
	background: #e88e2e url("images/contactbottom.png") center bottom no-repeat;
}

#contact h3 {
	width: 400px;
	height: 65px;
	background: url("images/contacttop.png") no-repeat;
	margin: 0px;
}

#so_pinfo {
    float: left;
    width: 550px;
    margin-bottom: 20px;
    margin-left: 20px;
    background: #e88e2e url("images/pinfobottom.png") center bottom no-repeat;
}

#so_pinfo h3 {
    width: 550px;
    height: 65px;
    background: url("images/propertyinfotop.png") no-repeat;
    margin: 0px;
}

#so_pinfo div { float:left; width:100%; padding:10px; color:#fff;}
#so_pinfo div#p_image { float:left; width:250px; padding:0; text-align:center; margin-bottom:20px;}
#so_pinfo div#p_data { float:left; width:200px; padding:0;margin-left:20px; }
#so_pinfo div#p_image img { border:1px solid #c0c0c0; }
#so_info { float:left; width:100%;}
#so_form {float:left; width: 550px;}
#so_form p label.sec, #set_form p label.sec {width:200px; }
#so_form p {margin-top: 5px; margin-bottom:5px;}
#pr_form p {margin:5px 10px;}
#ediv { float:left; width:100%; }
#taskns, #contacts {float:left; width:100%;}

#set_form {margin:0px;background:#f0f0f0;padding-top:5px;float:left;width:100%;}
#set_form p { margin:0px; }
#map_form p { margin:0px; }

#signup {
	float: left;
	width: 313px;
	margin-bottom: 20px;
	margin-left: 20px;
	background: #7fad35 url("images/boxgreenbottom.png") center bottom no-repeat;
}

#signup h3 {
	width: 313px;
	height: 56px;
	background: url("images/signuptop.png") no-repeat;
	margin: 0px;
}

#error_icon {
    padding-left:20px;
    background: url("icons/stop_round.png") no-repeat;
}

#login p.error_pb label , #contact p.error_pb label, #signup p.error_pb label,
#login p.error_pr label , #contact p.error_pr label, #signup p.error_pr label,
#set_form p.error_pr label, #ediv p.error_pr label {
    width:10px;
}

#login p.error_pb , #contact p.error_pb, #signup p.error_pb {
    color:black; font-weight:bold;       
}

#login p.error_pr , #contact p.error_pr, #signup p.error_pr, #so_form p.error_pr,
#set_form p.error_pr, #map_form p.error_pr, #ediv p.error_pr {
    color:red;  font-weight:bold;  
}

#signup_info {  float: left;  width: 550px;  padding-left:20px;}
#props { float:left; width:100%; margin:10px auto; }
.wide_left { float:left;width:100%; margin:10px auto; }
#m_left {float:left;width:160px;padding:5px;height:600px;overflow:auto;background:#ffffff}
#m_middle {float:left;width:540px;background:#c0c0c0;padding:5px;height:600px;background:#ffffff;border:1px solid #000000;}
#m_right {float:left;width:198px;background:#c0c0c0;padding:5px;height:600px;background:#ffffff;overflow:auto;  }
.m_small { float:left; width: 140px; border-bottom:1px solid #000;padding:5px;}
span.m_small:hover {background:#f0f0f0;} 
#panel_l {float:left; width:620px;height:250px;}
#panel_r {float:left; width:320px;border:1px solid #000000;}
div.spani { margin-left:120px;margin-bottom:5px;}
div.spanis, div#log { margin-left:20px;margin-bottom:5px;}     
div.pimage {float:left;width:150px;padding-left:50px;}
div.pimagerows { float: left;height:150px;width:300px}
div.pimage img {border:1px solid #000;}
span.red { color:red; font-weight:bold; }
#lpc { padding-left:30px;}
.empty_frame { width:0px;height:0px;margin:0;padding:0;border:0px solid #fff;}
#fos {margin-top:15px;float:left;width:100%;} 
span#files {display:block;float:left;width:80%;} 
p#blk {display:block; float:left;width:100%}
span.off_in {display:block;float:right;width:350px;margin-right:10px;}
span.off_inin {display:block;width:300px;height:100px;overflow:auto;background:#fff;padding:5px;}
