body	
{
	background-color: White;
	font-family: tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:18px;
	margin:0;
	color:#333;
}

table, tr, td	{
	font-family: tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:16px;
}
.text9  {font-size:9px;}
.text10 {font-size:10px;}
.text11 {font-size:11px; line-height:13px;}
/*
.menu			{color:#FFFFFF;}
a.menu			{color:#FFFFFF; text-decoration:none;}
a.menu:hover	{color:#FFCCFF; text-decoration:underline;}

.menuSelect			{color:#FFFFFF; text-decoration:underline;}
a.menuSelect		{color:#FFFFFF; text-decoration:underline;}
a.menuSelect:hover	{color:#FFCCFF; text-decoration:underline;}

.red11				{font-size:11px; color:#cc0000;}
.keywords 			{background-color:#ffff66; color:#333333;}
.white12			{font-size:12px; color:#FFFFFF;}

a				{color:#990066;text-decoration:none;}
a:hover			{color:#990066;	text-decoration:underline;}
a.selected		{color:#990066;	text-decoration:underline;}
*/

.red				{color:#cc0000;}

H2	{
	font-family: Arial, Helvetica, sans-serif;
	font-size:19px;
	letter-spacing:-0.05em;
	color:#333;
	font-weight:normal;
	margin:0;
	padding:0 0 10px 0;
}
H3	{
	font-family: Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#666;
	margin:0 0 10px -20px;
	padding:0 0 5px 20px;
	background-image:url(../images/bg_h3.gif);
	background-repeat: no-repeat;
	background-position:left;
	letter-spacing:-0.09em;
}
H3 span {color:#333;}
H4	{
	font-family: Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#333333;
	margin:0;
	padding:4px 0 5px 0;
}
p	{
	margin:0;
	padding:0;
	padding-bottom:5px;
}
p.divider   {
    border-bottom:1px dashed #999;
    margin-bottom:15px
    
}   
p.normal	{
	margin:0;
	padding:0;
	padding-bottom:5px;
	overflow: visible;
}

a	{
	color:#003399;
	text-decoration:none;
}
a:hover	{
	color:#3366CC;
	text-decoration:underline;
}
ul, ol {
	padding:10px 0 10px 25px;
	margin:0;
	background-color:Transparent;
}

ul li	{
	list-style-image: url(../images/arrow.gif);
	padding:0;
	margin:0;
	padding-bottom:5px;
}

table#main  {
    background-image:url(../images/bg_main.gif);
    background-repeat:no-repeat;
    background-position:bottom left;
}   

.foot	{
	border-top:1px dotted #CCC;
}
.footer	{
	color:#999; font-size:12px;
	padding-left:20px;
	padding-right:25px;
}
.menubar	{
	background-image: url(../images/bg_menubar.gif);
	background-position: top;
	background-repeat: repeat-x;
	height:27px;
}
.menubar ul	{
	list-style-type:none;
	padding:0;
	margin:0 0 0 20px;
}
.menubar li	{
	display:inline;
	padding:0 15px 0 0;
	margin:0;
}
.menubar li a	{
	color:#000;
	text-decoration:none;
}
.menubar li a:hover	{
	color:#3366CC;
	text-decoration:underline;
}
a.menubar	{
	color: #000;
}
a.menubar:hover	{
	color: #3366CC;
}
a.menubar.selected	{
	color: #936;
	text-decoration:underline;
}
a.menubar.selected:hover	{
	color: #936;
	text-decoration:underline;
}


.RLawyer    {
    background-color:#A33079;
    color:#FFF;
    padding:2px 3px;
}    
.BLawyer    {
    background-color:#663399;
    color:#FFF;
    padding:2px 3px;
}  
.Seller    {
    background-color:#CCCC99;
    color:#FFF;
    padding:2px 3px;
}    
.Buyer    {
    background-color:#CCCC99;
    color:#FFF;
    padding:2px 3px;
}    
.Viewer    {
    background-color:#CCCC99;
    color:#FFF;
    padding:2px 3px;
}    

.EstateAgent    {
    background-color:#99CC00;
    color:#FFF;
    padding:2px 3px;
}    
.HomeInspector    {
    background-color:#FFCC00;
    color:#333;
    padding:2px 3px;
}    
.Supplier   {
    background-color:#77BBCC;
    color:#FFF;
    padding:2px 3px;
}

td.admin, tr.admin   {
    background-color:#FFF7EB;
}


/* message centre TABLE */

table#messagecentre th	{
	padding: 5px 20px 5px 5px;
	text-align:left;
	border-bottom:2px solid #666;
	font-weight:bold;
	background-color:#EFEFEF;
	vertical-align: bottom;
}
table#messagecentre th.center	{
	padding: 5px 20px 5px 5px;
	text-align:center;
	border-bottom:2px solid #666;
	font-weight:bold;
	background-color:#EFEFEF;
	vertical-align: bottom;
}
table#messagecentre th.right	{
	padding: 5px 20px 5px 5px;
	text-align:right;
	border-bottom:2px solid #666;
	font-weight:bold;
	background-color:#EFEFEF;
	vertical-align: bottom;
}
table#messagecentre td	{
	padding: 5px;
	border-bottom:1px solid #ccc;
	background-color:#FFF;
}
table#messagecentre td.document	{
	padding-left:30px;
}
table#messagecentre td.imagedocument	{
	padding-left:10px;
}

table#messagecentre td.nopadding, table#messagecentre th.nopadding	{
	background-image: none;
	margin:0;
	padding:0;
}

table#messagecentre td.plain	{
	padding: 5px;
	border-bottom:none;
	background-color:#FFF;
}
table#messagecentre tr#lawyer	{
	background-image: url(../images/bg_lawyer.gif);
	background-position: top;
	background-repeat: repeat-x;
}
table#messagecentre tr#buyerslawyer	{
	background-image: url(../images/bg_lawyer_buy.gif);
	background-position: top;
	background-repeat: repeat-x;
}
table#messagecentre tr#seller	{
	background-image: url(../images/bg_seller.gif);
	background-position: top;
	background-repeat: repeat-x;
}
table#messagecentre tr#inspector	{
	background-image: url(../images/bg_inspector.gif);
	background-position: top;
	background-repeat: repeat-x;
}
table#messagecentre tr#agent	{
	background-image: url(../images/bg_agent.gif);
	background-position: top;
	background-repeat: repeat-x;
}
table#messagecentre tr#supplier	{
	background-image: url(../images/bg_supplier.gif);
	background-position: top;
	background-repeat: repeat-x;
}

/*- 
	'.messagecentre' class added to mirror some of above to cater for when there needs to be more 
	than one table on a page with '#messagecentre' styling 
-*/
table.messagecentre
{
	border-collapse: collapse;
	
}
table.messagecentre th	{
	padding: 5px 20px 5px 5px;
	text-align:left;
	border-bottom:2px solid #666;
	font-weight:bold;
	background-color:#EFEFEF;
	vertical-align: bottom;
}
table.messagecentre th.center	{
	padding: 5px 20px 5px 5px;
	text-align:center;
	border-bottom:2px solid #666;
	font-weight:bold;
	background-color:#EFEFEF;
	vertical-align: bottom;
}
table.messagecentre th.right	{
	padding: 5px 20px 5px 5px;
	text-align:right;
	border-bottom:2px solid #666;
	font-weight:bold;
	background-color:#EFEFEF;
	vertical-align: bottom;
}
table.messagecentre td	{
	padding: 5px;
	border-bottom:1px solid #ccc;
	background-color:#FFF;
	vertical-align: top;
}
/*--*/


/* --  -- */



table#alignright td	{
	padding: 0;
	text-align:right;
	border-bottom:none;
}


table#nopadding tr td	{
	padding:0;
	margin:0;
}

form fieldset	{
	padding-bottom:20px;
	border:0px;
	background-image: url(../images/bg_loginpen.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
}
form fieldset .nobg	{
	padding-bottom:20px;
	border:1px solid #ccc;
	background-image: none;
}
form legend{
	margin:0;
	margin-bottom:10px;
	padding:0 10px 0 10px;
	font-weight:bold;
}
form input
{
	display:block;
	float:left;
    font-family: tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
}
form textarea{
	display:block;
	float:left;
	font-family: tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
}
form select	{
	font-family: tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	float:left;
	font-size:12px;
}

form label	{
	display:block;
	float:left;
	width:125px;
}
label.none
{
	display:block;
	float:left;
	width:30px;
}

form p	
{
    display:block;
	margin-bottom:2px;
	clear:left;
}

#attachmentwindow   
{
    width:300px;
    height:50px;
    overflow:auto;
    border:1px solid #ccc;
    padding:5px;
    margin:0 0 5px 0;
    overflow:auto;
    scrollbar-face-color: #FFF;
    scrollbar-arrow-color: #960;
    scrollbar-base-color: #EFEFEF;
    scrollbar-shadow-color: #fff;
    scrollbar-darkshadow-color: #999;
    scrollbar-highlight-color: FFF;
    scrollbar-3dlight-color: #EFEFEF;
    scrollbar-track-color: EFEFEF;
}
#logintext   
{
    height:300px;
    overflow:auto;
    border:none;
    padding:5px;
    margin:15px;
    overflow:auto;
    scrollbar-face-color: #FFF;
    scrollbar-arrow-color: #960;
    scrollbar-base-color: #EFEFEF;
    scrollbar-shadow-color: #fff;
    scrollbar-darkshadow-color: #999;
    scrollbar-highlight-color: FFF;
    scrollbar-3dlight-color: #EFEFEF;
    scrollbar-track-color: EFEFEF;
}
.but	{
/*	background-color:#369;
	color:#FFF;
	font-weight:bold;
	border:1px solid #000;*/
}
.butagent	{
	background-color:#99CC00;
	color:#FFF;
	font-weight:bold;
	border:1px solid #000;
}
.butSlawyer	{
	background-color:#A33079;
	color:#FFF;
	font-weight:bold;
	border:1px solid #000;
}
.butBlawyer	{
	background-color:#663399;
	color:#FFF;
	font-weight:bold;
	border:1px solid #000;
}
.butHI	{
	background-color:#FC0;
	color:#333;
	font-weight:bold;
	border:1px solid #000;
}
.butsupplier	{
	background-color:#7BC;
	color:#FFF;
	font-weight:bold;
	border:1px solid #000;
}
.butseller	{
	background-color:#EFEFEF;
	color:#333;
	font-weight:bold;
	border:1px solid #000;
}
.butsmall	{
/*	background-color:#369;
	color:#FFF;
	height:20px;
	font-size:10px;
	font-weight:bold;
	float:none;
	border:1px solid #000;*/
}
.nofloat    {
    float:none;
}

.butgrey	{
	background-color:#666;
	color:#FFF;
}
.butlogin	{
	background-color:#333;
	color:#FFF;
}
.formstuff{
	font-family: tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
}
#terms	{
	overflow:auto;
	width: 500px;
	height:250px;
	border:1px solid #ccc;
	padding:10px;
	
}
.normallabel label   {
    display:block;
    width:auto;
    margin-right:15px;
}




.newbox 
{
    border:1px solid #CCC;
    padding:20px;
    margin-bottom:20px;
    background-color:#FFF;
    background-image: url(../images/bg_panel.gif);
    background-repeat: repeat-x;
    background-position: bottom;	
}

#newbox {
    border:1px solid #CCC;
    padding:20px;
    margin-bottom:20px;
    background-color:#FFF;
    background-image: url(../images/bg_panel.gif);
    background-repeat: repeat-x;
    background-position: bottom;
}
#newbox_ef {
    border:1px solid #CCC;
    padding:20px;
    background-color:#EFEFEF;
    background-image: url(../images/bg_panel_ef.gif);
    background-repeat: repeat-x;
    background-position: bottom;
}

.white11	{
	color:#FFF;
	font-size:11px;
}
.white12	{
	color:#FFF;
	font-size:12px;
}	

.icon   {
    padding-bottom:3px;
}
.iconlabel  {
    padding-left:10px;
    padding-bottom:3px;
}    

.xp {
    margin-right:5px;
}

#labelwidth label
{
	width:auto;
	
}
td.yesno label,
.pInstruction label
{
	width: auto;
	padding-right: 10px;
}

.grey   {color:#666;}
.smallgrey   {font-size:11px;color:#666;}

#toolTip 
{
    padding: 2px 5px; 
    font-weight: bold; 
    font-size: 9px; 
    font-family: Arial, Helvetica, sans-serif; 
    background-color: #FEEEAC; 
    border: 1px solid #CDA124; 
    position: absolute; 
    top: 0px; 
    left: 0px; 
    visibility: hidden;
}
.DocStatusAwaiting label,
.DocStatusAwaiting2 label
{
	display: block; 
	float: left;
	width: auto;
	vertical-align: bottom;
	margin: 0;
	padding: 0;
}
.DocStatusAwaiting img
{
	display: block; 
	float: left; 
	margin-top: 4px;
}
.DocStatusAwaiting2 label
{
	padding-right: 10px;
}

#HIPStatusKey
{
	position: absolute; 
	top: 0px; 
	left: 0px; 
	display: none; 
	width: 200px; 
	border: solid 2px #888; 
	background-color: #eee;
}
.DocStatusAwaiting img
{
	display: inline;
}
.rblEmail label
{
    width:auto;
	padding-right: 10px;
}
.rblEmail input
{
	margin-left: -5px;
}
.generalnotice
{
	color: #333;
}
.systemnotice
{
	color: #cc0000;
}

form .oneline {
 float:none;
 display:inline;
}
 
table.form {
 
}
table.form th {
 
}
table.form td {
 vertical-align:top;
 padding:.5em 0;
 margin-bottom:20px;
}
table.form td label {
 width:220px;
 padding-right:15px;
}