/*
-Copyright geek-goddess.net 2006 (Style sheet prepared for http://property-mail.co.uk by http://geek-goddess.net)

-You are free to study this code and learn from it, 
 but do not take anything from here without my permission and pass it as your own!

-Credits: 
	Mark 		(Diveintoaccessibility.com) for Accessibility modifications
	Jem Turner	(http://jemjabella.co.uk) for nifty CSS centering tip
	Greg Johnson	(http://www.spiffycorners.com) for rounded CSS corners
	
/*


/*
	SAVED ITEMS

*/

#artcontent {
	width: 330px;
}

#mainimage {
	width: 425px; 
}

td.clickable {
	cursor: pointer;
}

#id_saved_items{
	height: 450px;
	overflow: auto;
}

#id_saved_items_inv {
	visibility: hidden;
}

#results {
	background-color: #b8bbd2;
	height: 300px;
	overflow: auto;
}

/* 
----------------------------------
GENERAL STUFF
-------------------------------
*/

body {
	margin: 0px; 
	padding: 0px;
	background: repeat-x url(images/pmail-bg2.gif);
	color: #000000;
	background-color: #b8bbd2; 
	text-align: center;
	font: 12px  Arial, Tahoma sans-serif;
	font-weight: normal;
	line-height: 150%;
}


.banner {
	background: no-repeat url(images/pmail-banner.gif);
	width: 950px;
	height: 250px;
	padding: 0px;
}

.topad {
	float: right;
  	width: 580px;
  	margin: 16px 0 0 0;
  	z-index: 3;
  	letter-spacing: 0px;
  	padding: 2px 2px 2px 10px;
}


.footer {
	background: no-repeat url(images/pmail-footer.gif);
	width: 950px;
	height: 150px;
	padding: 0px;
}


#container{
	width:950px;
	padding: 0px;
	text-align: center;
	background-image: url(images/pmail-bg.gif); 
}

.centered {
	margin: 0 auto 0 auto;
}


/* 
----------------------------------
GENERAL STYLING
-------------------------------
*/


h1 {
	color:#ffffff;
	background: transparent;
	font: 16px Arial, serif;
background: #202861;
font-weight: bold;
	text-align: left;
	margin:0 140px 7px 0;
	padding: 5px 25px 5px 5px;
}

h2 {
	color:#000000;
	background: inherit;
	font: 16px Georgia, 'Times New Roman', serif;
	text-align: left;
	margin:0px;
	padding: 5px;
}

h3 {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	background: inherit;
	text-align: left;
	
}


a:link, a:active, a:visited {
	text-decoration: none;
	color: #a0241f;
	background: inherit;
}

a:hover {font-weight: normal; 
	color: #FFFFFF; 
	text-decoration: none;
	background: inherit;
}


ul,ol {
	color: #000000;
	font: 12px  Arial, Tahoma sans-serif;
	font-weight: normal;
	line-height: 120%;
	text-align: left;
	padding-bottom: 20px;
	background: inherit;
	}


li {
	color: #000000;
	font: 12px  Arial, Tahoma sans-serif;
	font-weight: normal;
	line-height: 170%;
	text-align: left;
	margin-bottom: 0px;
	background: inherit;
	}



tr {
	margin:5px 5px 5px 5px;
	color:#000000;
	font: 14px  Arial, Tahoma sans-serif;
	font-weight: normal;
	line-height: 80%;
	text-align: left;
	background: inherit;
}


td.details {
	width: 150px;	
	color: #000000;
	font: 12px Arial, Verdana, sans-serif;
	font-weight: normal;
	line-height: 120%;
	text-align: left;
	margin-bottom: 10px;
	padding-left: 0px;
}


td{
	color: #000000;
	font: 12px Arial, Verdana, sans-serif;
	font-weight: normal;
	line-height: 100%;
	text-align: left;
	margin-bottom: 10px;
	padding-left: 0px;
}

table.article {
	color: #000000;
	font: 12px Arial, Verdana, sans-serif;
	font-weight: normal;
	line-height: 100%;
	text-align: left;
	margin-bottom: 10px;
	padding-left: 0px;
}

.hide {display: none}

#banner .skip {visibility: hidden; display: none;}

/* 
----------------------------------
IMAGE STYLING
-------------------------------
*/


img.noback {
	
}

img.sidebar {
	margin-right: 5px;
	padding: 8px; 
	border: 1px solid #9E7B70;
	background-color: #FFF;
	color: inherit; 
}


img.searchprop {
	margin: 0px 12px 14px 0px;
	padding: 8px; 
	border: 1px solid #9E7B70;
	float: right;
	background-color: #FFF; 
}



img.noborder {
	margin: 0px;
	padding: 0px; 
	border: 0px;
	color: inherit;
	background: inherit;

}


img.currleft {
	margin: 8px 12px 14px -2px;
	padding: 8px; 
	border: 1px solid #9E7B70;
	float: left;
	background-color: #FFF; 
	color: inherit;
}


img.currright {
	margin: 0px 0px 10px 10px;
	padding: 8px; 
	border: 1px solid #9E7B70;
	float: right;
	background-color: #FFF; 
	color: inherit;
}

/* 
----------------------------------
CONTENT BOXES
-------------------------------
*/

.contentbox1{
display:block;

}
.contentbox1 *{
display:block;

height:1px;
overflow:hidden;
background:#d0d4ee;
}
.contentbox11{
border-right:1px solid #eaebf7;
padding-right:1px;
margin-right:3px;
border-left:1px solid #eaebf7;
padding-left:1px;
margin-left:3px;
background:#dbdef2;
}
.contentbox12{
border-right:1px solid #f9f9fc;
border-left:1px solid #f9f9fc;
padding:0px 1px;
background:#d8dbf1;
margin:0px 1px;
}
.contentbox13{
border-right:1px solid #d8dbf1;
border-left:1px solid #d8dbf1;
margin:0px 1px;
}
.contentbox14{
border-right:1px solid #eaebf7;
border-left:1px solid #eaebf7;
}
.contentbox15{
border-right:1px solid #dbdef2;
border-left:1px solid #dbdef2;
}
.contentbox1_content{
padding:5px 15px 10px 15px;
background:#d0d4ee;
	color:#000000;
	font: 13px  Arial, Verdana, sans-serif;
	letter-spacing:0px;
	text-align: left;

}


.contentbox2{
display:block;
}
.contentbox2 *{
display:block;
height:1px;
overflow:hidden;
background:#969dce;
}
.contentbox21{
border-right:1px solid #c2c5da;
padding-right:1px;
margin-right:3px;
border-left:1px solid #c2c5da;
padding-left:1px;
margin-left:3px;
background:#959bc0;
}
.contentbox22{
border-right:1px solid #f0f0f5;
border-left:1px solid #f0f0f5;
padding:0px 1px;
background:#8d93bb;
margin:0px 1px;
}
.contentbox23{
border-right:1px solid #8d93bb;
border-left:1px solid #8d93bb;
margin:0px 1px;
}
.contentbox24{
border-right:1px solid #c2c5da;
border-left:1px solid #c2c5da;
}
.contentbox25{
border-right:1px solid #959bc0;
border-left:1px solid #959bc0;
}
.contentbox2_content{
background:#969dce;
padding:5px 15px 10px 15px;
	color:#000000;
	font: 13px  Arial, Verdana, sans-serif;
	letter-spacing:0px;
	text-align: left;
} 


.contentbox3{
display:block;
}
.contentbox3 *{
display:block;
height:1px;
overflow:hidden;
background:#d7d9e9;
}
.contentbox31{
border-right:1px solid #edeef4;
padding-right:1px;
margin-right:3px;
border-left:1px solid #edeef4;
padding-left:1px;
margin-left:3px;
background:#e0e2ee;
}
.contentbox32{
border-right:1px solid #fafafb;
border-left:1px solid #fafafb;
padding:0px 1px;
background:#dee0ec;
margin:0px 1px;
}
.contentbox33{
border-right:1px solid #dee0ec;
border-left:1px solid #dee0ec;
margin:0px 1px;
}
.contentbox34{
border-right:1px solid #edeef4;
border-left:1px solid #edeef4;
}
.contentbox35{
border-right:1px solid #e0e2ee;
border-left:1px solid #e0e2ee;
}
.contentbox3_content{
background:#d7d9e9;
padding:5px 15px 10px 15px;
	color:#000000;
	font: 13px  Arial, Verdana, sans-serif;
	letter-spacing:0px;
	text-align: left;
} 

/* 
----------------------------------
MAIN CONTENT
-------------------------------
*/


 #content {
  	float: right;
  	width: 580px;
  	margin: -100px 30px 0 0;
  	z-index: 3;
  	letter-spacing: 0px;
  	padding: 2px 2px 2px 10px;
  }
html>body>#container>#content {
  	margin: -100px 60px 0 0;
}


#content p {
	color: #000000;
	font: 12px  Arial, sans-serif;
	font-weight: normal;
	line-height: 100%;
	text-align: left;
	margin-bottom: 10px;
	}

#content a:link, #content a:active, #content a:visited {
	font-weight: bold;
	color: #a0241f;
}

#content a:hover {font-weight: normal; 
	background-color: #a0241f; 
	color: #FFFFFF; 
	text-decoration: none;
	font-weight: bold;
}


#content li, ul {
	color: #000000;
	font: 13px  Arial, Tahoma sans-serif;
	font-weight: normal;
	line-height: 120%;
	text-align: left;
	margin-bottom: 10px;
	padding-left: 5px;
	}

td.search {
	width: 100%;
	}

h1.main {
	color:#ffffff;
	background: transparent;
	font: 14px Arial, serif;
	background: #202861;
	font-weight: bold;
	text-align: left;
	margin:0 0 7px 0;
	padding: 5px 25px 5px 5px;
}


td.headerleft {
	color:#ffffff;
	background: transparent;
	font: 14px Arial, serif;
	background: #202861;
	font-weight: bold;
	text-align: left;
	margin:0 0 7px 0;
	padding: 5px 25px 5px 5px;
}



td.headerright {
	color:#ffffff;
	background: transparent;
	font: 14px Arial, serif;
	background: #202861;
	font-weight: bold;
	text-align: right;
	margin:0 0 7px 0;
	padding: 5px 25px 5px 5px;
}


#content h2 {
	color: #b94421;
	font: 24px Georgia, Times New Roman, serif;
	text-align: right;
	margin-top: -23px;
	margin-right: 20px;
}

#content h2 a:link, #content h2 a:active, #content h2 a:visited {
	text-decoration: none;
	color: #000000;
}

#content h2  a:hover {font-weight: normal; 
	background-color: #000000; 
	color: #FFFFFF; 
	text-decoration: none;
}

#content h3 {
	color: #806E64;
	font-family: Verdana, Arial, sans-serif;
	font-size: small;
	text-align: left;
	font-weight: bold;
	margin-bottom: 10px;
	
	}



/* 
----------------------------------
PAGE NUMBERS
-------------------------------
*/


ul#navlist
{
width: 600px;
margin-left: -10px;
padding-left: 0;
white-space: wrap;
}

#navlist li
{
display: inline;
list-style-type: none;
}

#navlist a { padding: 3px 8px; }

#navlist a:link, #navlist a:visited
{
color: #fff;
background-color: #202861;
text-decoration: none;
line-height: 25px;  				
border: 1px solid #ffffff;
}

#navlist a:hover
{
color: #202861;
background-color: #d0d4ee;
text-decoration: none;
border: 1px solid #202861;
}

#navlist li a#current
{
background: #d0d4ee;
color: #202861;
border: 1px solid #202861;
}

/* 
----------------------------------
SIDEBAR
-------------------------------
*/


 #sidebar {
  	float: left;
  	width: 220px;
  	margin: -99px 0 0 20px;
  	z-index: 3;
	font: 13px  Arial, Verdana, sans-serif;
	padding: 10px;
  	letter-spacing: 0px;
  	padding: 2px 2px 2px 10px;
  }
html>body>#container>#sidebar {
  	margin: -93px 0 0 40px;
}

/* 
----------------------------------
 #sidebarproperty {
  	margin: -26px 0 0 0;
  }
html>body>#container>#sidebar {
  	margin: -73px 0 0 40px;
}
-------------------------------
*/

.latest {
  	margin: 0 0 0 0;
	color: #000000;
	font: 12px  Arial, Verdana, sans-serif;
	font-weight: normal;
	text-align: center;
}

#sidebar h1 {
	color:#ffffff;
	background: transparent;
	font: 14px Arial, serif;
background: #202861;
font-weight: bold;
	text-align: left;
	margin:0px;
	padding: 5px;
}

#sidebar table {
	color: #000000;
	font: 13px  Arial, Verdana, sans-serif;
	padding: 8px 0 0 0;
	}

#sidebar td {
	color: #000000;
	font: 12px  Arial, Verdana, sans-serif;
	font-weight: normal;
	text-align: left;
	background: inherit;
	}



.sidebox1{
display:block;

}
.sidebox1 *{
display:block;

height:1px;
overflow:hidden;
background:#d0d4ee;
}
.sidebox11{
border-right:1px solid #eaebf7;
padding-right:1px;
margin-right:3px;
border-left:1px solid #eaebf7;
padding-left:1px;
margin-left:3px;
background:#dbdef2;
}
.sidebox12{
border-right:1px solid #f9f9fc;
border-left:1px solid #f9f9fc;
padding:0px 1px;
background:#d8dbf1;
margin:0px 1px;
}
.sidebox13{
border-right:1px solid #d8dbf1;
border-left:1px solid #d8dbf1;
margin:0px 1px;
}
.sidebox14{
border-right:1px solid #eaebf7;
border-left:1px solid #eaebf7;
}
.sidebox15{
border-right:1px solid #dbdef2;
border-left:1px solid #dbdef2;
}
.sidebox1_content{
padding:5px 15px 10px 15px;
background:#d0d4ee;
	color:#000000;
	font: 14px  Arial, Verdana, sans-serif;
	letter-spacing:0px;
	text-align:center;

}

/* 
----------------------------------
CREDIT
-------------------------------
*/


.credit {
  margin: -65px 0 0 45px;
	padding: 0 0px 0 10px;
	color:#000000;
	font: 12px  Verdana, Arial,  sans-serif;
	line-height: 150%;
	text-align: left;
}
html>body>#container>.footer>.credit {
	padding: 0 0px 10px 45px;
}

.credit a:link, .credit a:active, .credit a:visited {
	text-decoration: none;
	color: #a0241f;
}

.credit a:hover {font-weight: normal; 
	background-color: #a0241f; 
	color: #FFFFFF; 
	text-decoration: underline;
}

	
/* 
----------------------------------
OTHER STUFF
-------------------------------
*/


blockquote {
	color: #b94421;
	margin: 0 20px;
	padding: 0 30px;
	border-left: 4px solid #b94421;
text-align: left;
	}


dd, dt, dl {
	color: #000000;
	font: 12px  Arial, Tahoma sans-serif;
	font-weight: normal;
	line-height: 150%;
	text-align: left;
	margin-bottom: 10px;
	}

.odd {
background-color:red;
}
.even {
background-color:blue;
}

/* 
----------------------------------
ACCESSIBILITY
-------------------------------
*/


.skiplink {display:none}
abbr, acronym {
   border: none;
} 

abbr[title], acronym[title] {
   border-bottom: 1px dotted #000000; 
   cursor: help;
}