/* 
~~~ propSys Specific Styles ~~~
~~~ propSys by TJL designs, Tonya Jayne Lawrence, BA 1st Class hons ~~~ 	*/

/* General styles ________________________________________________________ */

body {
	background-color: #FFF;
	text-align: center;
	margin: 10px 0;	
}
form {
	margin: 0;	
}
.clear {
	clear: both;
	margin: 0;
}
.floatLeft {
	float: left;
}
.bold {
	font-weight: bold;
}
p {
	font-family: Arial, Geneva, sans-serif;
	font-size: 0.7em;
	color: #000;
	margin: 0 0 8px 0;
	line-height: 1.4em;
}
p a {
	color: #999;
	text-decoration: none;
}
p a:hover {
	text-decoration: underline;
}
h1 {
	font-family: Arial, Verdana, sans-serif;
	font-size: 1.2em;
	color: #000;
	margin: 0;
	padding: 6px 0 6px 0;
}
h2 {
	font-family: Arial, Verdana, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #000;
	margin: 0;
	padding: 0 0 6px 0;
}
h3 {
	font-family: Arial, Verdana, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	color: #000;
	margin: 0;
}
h4, h5 {
	font-family: Arial, Verdana, sans-serif;
	font-size: 0.7em;
	font-weight: bold;
	color: #000;
	margin: 0;
}
ul li {
	font-family: Arial, Verdana, sans-serif;
	font-size: 0.7em;
	color: #000;
	margin: 0;
	padding: 0;
}

.black {
	color: #000;
}
#container {
/*	border: 1px solid #999;		*/
	width: 100%;
	text-align: left;
	background-color: #FFFFFF;
	display: block;
}


/* Header ________________________________________________________________ */
#Header {
	display: none;
}
#printHeader {
	text-align: left;
}

/* Footer _________________________________________________________________*/
#Footer {
	display: none;
}

/* Menu Strip _____________________________________________________________*/
#menuStrip {
	display: none;
}

/* Home News box __________________________________________________________*/
.news{
	margin: 0;
}
.news h2{
	font-family: Arial, Verdana, sans-serif;
	font-weight: bold;
	font-size: 0.7em;
	color: #000;
	padding: 2px 0 2px 0;
	margin: 0;
	border-bottom: 2px solid #000;
}
.news p {
	font-family: Arial, Geneva, sans-serif;
	font-size: 0.7em;
	color: #000;
	padding: 10px 6px 10px 0;
}
.news p a {
	color: #999;
	text-decoration: underline;
	padding-top: 15px;
	height: 12px;
}
.news p a:hover {
	text-decoration: none;
}

/* News Archive __________________________________________________________*/
#newsBoxLeft {
	width: 100%;
}
#newsBoxLeft h4 {
	color: #000;
	border-bottom: 3px solid #999;
	margin: 12px 0 14px 0;
	padding: 0 0 3px 0;
}
#newsBoxRight {
	display: none;
}

/* Links Page styles _____________________________________________________*/
#linksPage ul {
	margin: 10px 0;
	padding: 0;
	list-style: none;
}
#linksPage ul li {
	font-family: Arial, Verdana, sans-serif;
/*	font-size: 0.7em;		*/
	color: #000;
	margin: 0;
	padding: 0;
}
#linksPage ul li a {
	text-decoration: none;
	font-weight: bold;
	color: #999;
}
#linksPage ul li a:hover {
	color:#000;
}

/* Links Box Style ________________________________________________________*/
#linksBox {
	margin: 0;
}
#linksBox ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#linksBox ul li {
	padding: 0 0 0 10px;
	margin: 0;
/*	font-family: Arial, Verdana, sans-serif;
	font-size: 0.8em;
	color: #333333;	*/
/*	height: 20px;	*/
}
#linksBox ul li a {
	font-family: Arial, Verdana, sans-serif;
	padding: 0 0 0 6px;
	text-decoration: none;
	display: block;
/*	height: 20px;	*/
}
#linksBox ul li a:hover {
	background-color: #999;
	font-weight: bold;
}
#linksBox p {
	padding: 10px 0 0 12px;
	font-family: Arial, Verdana, sans-serif;
	font-size: 0.9em;
	color: #000;
}
#linksBox p a {
	color: #999;
	text-decoration: none;
}
#linksBox p a:hover {
	text-decoration: underline;
}

/* SiteMap Page ____________________________________________________*/
#SiteMapList ul {
	margin: 15px 0;
	padding: 0;
	list-style: square;
	padding-left: 25px;
}
#SiteMapList ul li {
	margin: 0;
	padding: 0 0 5px 0;
/*	font-family: Verdana, Arial, sans-serif;
	font-size: 0.7em;
	color: #000;		*/
}
#SiteMapList ul li span {
	font-family: Arial, Verdana, sans-serif;
	color: #999;
}
#SiteMapList ul li a {
	font-weight: bold;
	color: #000;
	text-decoration: none;
}
#SiteMapList ul.siteSub {
	margin: 0;
	padding: 0 0 0 2px;
	list-style: none;
}
#SiteMapList ul.siteSub li {
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.9em;
	color: #999;
	padding: 0;
}
#SiteMapList ul.siteSub li a {
	color: #999;
	font-weight: normal;
}
#SiteMapList ul.siteSub li a:hover {
	background-color: #FFF;
}

/* Form holder for contact / enquiry forms / mailer sign up - client edit details */
#mainFormHolder {
	display: none;
}

/* Search results Rentals ________________________________________________________*/

.advertLeft {
	float: left;
	width: 270px;
}
.advertRight {
	float: right;
	width: 270px;
}
.advertLeft h2, .advertRight h2 {
	background-color: #999;
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.6em;
	font-weight: bold;
	color: #FFF;
	padding: 1px 4px;
	margin-bottom: 4px;
	border-left: 3px solid #000;
	border-bottom: 1px solid #000;
}
.advertLeft h2 span, .advertRight h2 span {
	color: #000;
}
.advertLeft p, .advertRight p {
	font-family: Arial, Verdana, sans-serif;
	font-size: 0.6em;
	padding: 0;
	font-weight: bold;
}
.advertLeft p a, .advertRight p a {
	font-family: Verdana, Arial, sans-serif;
	text-decoration: none;
	color: #999;
	font-size: 0.9em;
}
.advertLeft p a:hover, .advertRight p a:hover {
	color: #999;
}
.advertLeft img, .advertRight img {
	float: left;
	margin: 4px 5px 0 0;
	border: 1px solid #999;
}

p.noResults {
	padding: 30px 0 0 0;
}

/* Search results Sales ________________________________________________________ */

#searchResults h3 {
	padding: 30px 0 16px 0;
}
#searchResults div.saleAdvert {
	width: 100%;
}
.saleAdvert img.photo {
	width: 130px;
	height: 93px;
	float: left;
	margin: 4px 0 0 0;
}
.saleAdvert div.info {
	float: left;
}
.saleAdvert div.stats {
	float: left;
	width: 140px;
}
.saleAdvert div.stats table {
	margin: 4px 5px 0 1px;
	border-left: 6px solid #CBCBCB;
	height: 93px;
}
.saleAdvert div.stats table th {
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	font-size: 0.55em;
	color: #000000;
	text-align: left;
	padding-left: 7px;
	border-bottom: 1px solid #CBCBCB;
}
.saleAdvert div.stats table td {
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.55em;
	color: #383838;
	text-align: center;
	border-bottom: 1px solid #CBCBCB;
}
.saleAdvert h5 {
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.55em;
	color: #000;
	font-weight: bold;
	margin: 0;
	text-align: left;
	padding: 5px 4px 4px 0;
}
.saleAdvert p {
	font-family: Arial, Verdana, sans-serif;
	font-size: 0.6em;
	color: #383838;
	margin: 0;
	text-align: left;
	padding: 0 10px 0 0;
	line-height: 1.2em;
}
.saleAdvert p span {
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
}
.saleAdvert p a {
/*	font-family: Verdana, Arial, sans-serif;
	color: #FF9C19;
	text-decoration: none;		*/
	display: none;
}
.saleAdvert p a:hover {
/*	text-decoration: underline;		*/
	border: 0;
}

/* Search results Navigation */
.nav {
	display: none;
}

/* File Manager display Box _______________________________________________ */
html>body #fileManager {
	width: 100%;	
}
#fileManager {
	width: 100%;
	background-color: #C8C8C8;
	margin-bottom: 10px;
}
#fileManager div.innerPadding {
	padding: 6px 15px 15px 15px;
}
#fileManager h5 {
	padding: 3px 3px 3px 3px;
	margin: 0 0 6px 0;
	width: 100%;
	border-bottom: 1px solid #000;
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.6em;
	font-weight: bold;
	color: #000;
}
#fileManager ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#fileManager ul li.files {
	display: block;
	padding: 1px 3px 1px 6px;
	border-bottom: 1px solid #999;
	font-family: Verdana, Arial, sans-serif;
	font-size: 9px;
	color: #000;	
}
#fileManager ul li a:link, #fileManager ul li a:visited {
	text-decoration: none;
	color: #999;
}
#fileManager ul li a:hover, #fileManager ul li a:active {
	color: #999;
	font-weight: bold;
}

/* Client panel ___________________________________________________________ */
#clientPanel {
	
}
#clientPanel h2 {
	font-family: Arial, Verdana, sans-serif;
	font-size: 1.1em;
	color: #666;
	padding: 4px 0;
	border-bottom: 1px dashed #666;
	margin: 12px 10px 0 10px;
}
#clientPanel div#details {
	display: none;
}

/* Folio + Personalised property list _____________________________________________ */

#clientPanel div#folio {
	
}

#clientPanel div#folio h3 {
/*	border-bottom: 1px solid #FFF;		*/
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	font-size: 0.7em;
	color: #000;
	margin: 12px 0 12px 0;
}
#clientPanel div#folio h4 {
	font-family: Arial, Verdana, sans-serif;
	font-size: 0.7em;
	font-weight: bold;
	color: #999;
	margin: 0;
	padding-top: 6px;	
}
#clientPanel div#folio p {
	font-family: Arial, Verdana, sans-serif;
	font-size: 0.7em;
	color: #000;
	padding-top: 4px;
	padding-bottom: 10px;
}
#clientPanel div#folio p a {
	color: #999;
}
#clientPanel .noPrint {
	display: none;
}
#clientPanel div#folio ul {
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
}
#clientPanel div#folio ul li {
	clear: left;
	font-family: Arial, Verdana, sans-serif;
	font-weight: bold;
	font-size: 0.55em;
	color: #000;
	padding: 0 3px 0 0;
	line-height: 1.8em;
}
#clientPanel div#folio ul li span {
	font-size: 1.3em;
	color: #999;
	font-weight: bold;
}
#clientPanel div#folio ul li span.descrip {
	font-weight: normal;
	color: #000;
}
#clientPanel div#folio ul li img.photo, #clientPanel div#folio img.photos {
	float: left;
	margin-right: 10px;
	width: 170px;
	height: 100px;
}
#clientPanel div#folio ul li a {
	text-decoration: none;
	color: #000;
}
#clientPanel div#folio ul li a:hover {
	color: #C00000;
}

/* Tools box ________________________________________ */
#clientPanel div#folio div.tools {
	display: none;
}
/* Logout box ________________________________________ */
#clientPanel div#folio div.logout {
	display: none;
}

/* Sole Agency Prop Box Style _____________________________________________ */
.propBoxSole {
	width: 350px;
}
.propBoxSole div.property {
	clear: both;
	border-bottom: 1px solid #CCC;
	margin-bottom: 12px;
}
.propBoxSole div.property img {
	width: 46px;
	height: 46px;
	border: 1px solid #666;
	float: left;
	margin: 0 10px 0 0;
}
.propBoxSole div.property h5 {
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000;
	margin: 0;
	padding: 0 0 2px 0;
}
.propBoxSole div.property p {
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	color: #666666;
	margin: 0;
	padding: 0 0 2px 0;
}
.propBoxSole div.property p a {
	font-size: 10px;
	color: #999;
	text-decoration: none;
}
.propBoxSole div.property p a:hover {
	text-decoration: underline;
}
.propBoxSole p {
	font-size: 10px;
	color: #666666;
}

/* Property of Month Prop Box Style ________________________________________ */
.propBoxMonth div.property {
	clear: left;
	margin-bottom: 10px;
}
.propBoxMonth div.property img {
	width: 106px;
	height: 70px;
	float: left;
	margin-right: 6px;
}
.propBoxMonth div.property h5 {
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.6em;
	color: #000;
	font-weight: bold;
	margin: 0;
	text-align: left;
}
.propBoxMonth div.property p {
	font-family: Arial, Verdana, sans-serif;
	font-size: 0.6em;
	font-weight: bold;
	color: #999;
	margin: 0;
	text-align: left;
}
.propBoxMonth div.property p a {
	font-family: Verdana, Arial, sans-serif;
	color: #999;
	text-decoration: none;
}
.propBoxMonth div.property p a:hover {
	text-decoration: underline;
}

/* propSys Web Manager Page styles __________________________________________________ */

img.webManagerLibraryLeft {
	border: 1px solid #828282;
	margin: 5px 10px 0 0;
}
img.webManagerLibraryRight {
	border: 1px solid #828282;
	margin: 5px 0 0 10px;
}
ul.webManagerList {
	list-style-type: square;
	margin-top: 0;
	padding: 0 70px 0 0;
}
ul.webManagerList li {
	font-family: Arial, Verdana, sans-serif;
	color: #000;
/*	font-size: 0.6em;	*/
	font-size: 11px;
	padding: 0 0 7px 0;
}
ul.webManagerList li a {
	color: #999;
}
ul.webManagerList li a:hover {
	text-decoration: none;
}
div.webManagerBorder {
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	color: #000;
	border: 1px solid #8A8A8A;
	padding: 10px;
	margin-bottom: 15px;
}
div.webManagerBoxDark {
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	padding: 10px;
	background-color: #494949;
	color: #FFF;
	margin-bottom: 15px;
}
div.webManagerBoxDark a {
	color: #FFF;
}
div.webManagerBoxDark a:hover {
	text-decoration: none;
}
div.webManagerBoxLight {
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	line-height: 1.7;
	padding: 15px;
	background-color: #A7A7A7;
	color: #000;
	margin-bottom: 15px;
}
div.webManagerBoxLight a {
	color: #000;
}
div.webManagerBoxLight a:hover {
	text-decoration: none;
}
h2.webManagerHeader1 {
	font-family: Verdana, Arial, sans-serif;
/*	font-size: 0.7em;	*/
	font-size: 12px;
	font-weight: bold;
	color: #000;
	border-bottom: 2px solid #999;
	margin: 0 0 15px 0;
	padding: 0 0 3px 12px;
}
h3.webManagerHeader2 {
	font-family: Verdana, Arial, sans-serif;
/*	font-size: 0.6em;	*/
	font-size: 10px;
	font-weight: bold;
	color: #000;
	margin: 0 0 15px 0;
	padding: 0;
}
h4.webManagerHeader3 {
	width: 45%;
	font-family: Verdana, Arial, sans-serif;
/*	font-size: 0.6em;	*/
	font-size: 10px;
	font-weight: bold;
	color: #000;
	margin: 0 0 15px 0;
	border-left: 3px solid #666;
	border-bottom: 1px solid #666;
	padding: 0 0 2px 6px;
}
span.webManagerRed {
	color: #D40D0D;
}
span.webManagerBlue {
	color: #205680;
}
span.webManagerGreen {
	color: #009907;
}
span.webManagerYellow {
	color: #FFB516;
}
span.webManagerBold {
	font-weight: bold;
}
span.webManagerItalic {
	font-style: italic;
}

/* end of propSys Specific Styles ________________________________________________________________________________ */

/* Novi Property Mallorca specific styles ________________________________________________________________________ */

/* Main Page Content Container */
#pageContent {
/*	padding: 12px 12px 12px 12px;		*/
	width: 100%;
	text-align: left;
}

/* Property advert styles ___________________________________________________________ */

/* Top pics */
.advertPicStrip {

}
.advertPicStrip div.photo {
	float: left;
	border-right: 15px solid #FFF;
}

/* Map */
#advertMap {
	float: right;
	margin-top: 10px;
}

/* Tools */
#advertTools {
	padding-top: 12px;
}
#advertTools h1 {
	float: left;
	margin-top: -8px;
}
#advertTools div#tools {
	display: none;
}

/* Stats */
#advertStats {
	margin: 25px 0 0 0;
}
#advertStats div.photo {
	float: left;
	margin-right: 17px;
}
#advertStats div.photo img {
	width: 260px;
	height: 160px;
}
#advertStats table {
	float: left;
	border-left: 20px solid #000;
}
#advertStats table td, #advertStats table th {
	border-bottom: 1px solid #000;
	height: 20px;	
}
#advertStats table th {
	margin-left: 6px;
	padding: 0 5px 0 24px;
	text-align: left;
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	font-size: 0.55em;
	color: #000;
}
#advertStats table td {
	text-align: center;
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.55em;
	color: #3D3C3C;
	padding: 0 10px 0 0;
}

/* Room sizes + Files box */
#advertRooms {
	float: left;
}
#advertRooms th, #advertRooms td {
	font-family: Arial, Verdana, sans-serif;
	font-size: 0.6em;
	padding-left: 15px;
	height: 15px;
}
#advertRooms th {
	background-color: #636363;
	color: #FFF;
	border-bottom: 1px solid #FFF;
	text-align: left;
}
#advertRooms td {
	color: #696969;
	border-bottom: 1px solid #636363;
}

/* mortgage link */
ul#advertMortgage {
	display: none;
}

p.disclaimer {
	color: #999;
	font-size: 0.55em;
}