/**** ---------------------------------------------- ALL: START ---------------------------------------------- ****/

html, body {
	margin:0px 0px 5px 0px;
	padding:0px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
.borderBottom {
	border-bottom:1px solid #ccc;
}
.footer {
	color:#000;
	overflow:auto;
	color:#fff;
	font-size:bold;
	text-align:center;
	width:980px;
	clear:both;
}
.footer strong {
	color:#4000bb;
}
hr {
	border:none;
	height:1px;
	background:#ccc;
	border-collapse:collapse;
	margin:15px 0px 15px 0px;
	clear:both;
}
h3 {
	margin:0px;
	padding:0px;
	font-size:14px;
	padding-bottom:5px;
}

/* --- SITEMAP --- */

ul .sitemap {
	list-style:none;
}
ul .sitemap li {
	float:left;
	margin-right:10px;
}

/* --- FORMS --- */

form {
	margin:0px;
	padding:0px;
}
input,textarea,select {
	border:1px solid #ccc;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	padding:2px;
}
.required {
	background-color:#f1e9ff;
	border:1px solid #d4beff;
}

/* --- LINKS --- */

a,a:visited {
	color:#4000bb;
	outline:none;
	text-decoration:underline;
}
a:hover {
	color:#5700ff;
}
a.white,a.white:visited {
	color:#fff;
	text-decoration:none;
}
a.white:hover {
	text-decoration:underline;
	color:#fff;
}
a.black,a.black:visited {
	color:#000;
}
a.blackNoUl,a.blackNoUl:visited {
	color:#000;
	text-decoration:none;
}
a.blackNoUl:hover {
	color:#000;
	text-decoration:underline;
}
a.yellow,a.yellow:visited {
	color:#ffcc00;
}
a.red,a.red:visited {
	color:#C00;
}
a.highlight {
	filter:alpha(opacity=100);   
    -moz-opacity: 1.0;   
    opacity: 1.0;
    -khtml-opacity: 1.0;
}
a.highlight:hover {
	filter:alpha(opacity=70);   
    -moz-opacity: 0.7;   
    opacity: 0.7;
    -khtml-opacity: 0.7;
}


/* --- CONTAINERS --- */

.mainContainer {
	width:980px;
}
.pageContainer {
	width:980px;
	padding:10px 0px 0px 0px;
}
.ad {
	margin:10px 0px 10px 0px;
	background-color:#444;
	border:1px solid #999;
	width:960px;
	height:90px;
	padding:10px;
}
.box {
	background-color:#ececec;
	color:#000;
	margin-bottom:10px;
	overflow:auto;	
}
.box2 {
	background-color:#ececec;
	color:#000;
	margin-bottom:10px;
	padding-bottom:10px;
	overflow:auto;	
}
.boxAd {
	padding:10px 10px 0px 10px;
}
.boxText {
	padding:10px;
	overflow:auto;
	text-align:left;
}
.boxHeading {
	background:#444;
	color:#fff;
	font-weight:bold;
	font-size:16px;
	padding:7px 0px 5px 10px;
	text-align:left;
	letter-spacing:1px;
}
.boxHeadingAlert {
	background:#C00;
	color:#fff;
	font-weight:bold;
	font-size:16px;
	padding:7px 0px 5px 10px;
	text-align:left;
	letter-spacing:1px;
}
.boxHeadingNews {
	background:#FC0;
	color:#000;
	font-weight:bold;
	font-size:16px;
	padding:7px 0px 5px 10px;
	text-align:left;
	letter-spacing:1px;
}
.boxFooter {
	margin-top:10px;
	border-top:1px solid #ccc;
	padding-top:10px;
	text-align:right;
}
.rightColSgl {
	float:right;
	width:320px;
	text-align:right;
	border:10px 10px 10px 0px solid #ccc;
}
.leftColDbl {
	float:left;
	width:650px;
	text-align:left;
}

/* --- BUTTONS --- */

.btnYellow,.btnYellow:visited {
	background-color:#ffe063;
	border:1px solid #ffcc00;
	padding:3px 5px 3px 5px;
	color:#000;
	text-decoration:none;
	font-weight:bold;
	font-size:12px;
	white-space:nowrap;
	display:inline-block;
}
.btnYellow:hover {
	background-color:#ffcc00;
	border:1px solid #d3a900;
	color:#000;
	cursor:pointer;
}

.btnWhiteDefault,.btnWhite:visited {
	background-color:#fff;
	border:1px solid #e5e5e5;
	padding:3px 5px 3px 5px;
	color:#000;
	text-decoration:none;
	font-weight:bold;
	font-size:12px;
	white-space:nowrap;
	display:inline-block;
}
.btnWhiteDefault:hover {
	background-color:#ffe063;
	border:1px solid #290b61;
	color:#000;
	cursor:pointer;
}

.btnWhite,.btnWhite:visited {
	background-color:#fff;
	border:1px solid #e5e5e5;
	padding:3px 5px 3px 5px;
	color:#000;
	text-decoration:none;
	font-weight:bold;
	font-size:12px;
	white-space:nowrap;
	display:inline-block;
}
.btnWhite:hover {
	background-color:#3b1b7a;
	border:1px solid #290b61;
	color:#fff;
	cursor:pointer;
}
.btnFacebook,.btnFacebook:visited {
	background:url(../images/facebook.gif) no-repeat left #fff;
	border:1px solid #e5e5e5;
	padding:3px 5px 3px 25px;
	color:#000;
	text-decoration:none;
	font-weight:bold;
	font-size:12px;
	white-space:nowrap;
	display:inline-block;
	width:170px;
	text-align:left;
	margin-bottom:2px;
}
.btnFacebook:hover {
	background:url(../images/facebook.gif) no-repeat left #3b1b7a;
	border:1px solid #290b61;
	color:#fff;
	cursor:pointer;
}
.btnTwitter,.btnTwitter:visited {
	background:url(../images/twitter.gif) no-repeat left #fff;
	border:1px solid #e5e5e5;
	padding:3px 5px 3px 25px;
	color:#000;
	text-decoration:none;
	font-weight:bold;
	font-size:12px;
	white-space:nowrap;
	display:inline-block;
	width:170px;
	text-align:left;
	margin-bottom:2px;
}
.btnTwitter:hover {
	background:url(../images/twitter.gif) no-repeat left #3b1b7a;
	border:1px solid #290b61;
	color:#fff;
	cursor:pointer;
}
.btnBlack,.btnBlack:visited,.btnBlack:hover {
	background-color:#000;
	border:1px solid #666;
	padding:3px 5px 3px 5px;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	font-size:12px;
	cursor:pointer;
	white-space:nowrap;
	display:inline-block;
}
.btnGrey,.btnGrey:visited {
	background-color:#444;
	border:1px solid #333;
	padding:3px 5px 3px 5px;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	font-size:12px;
	white-space:nowrap;
	display:inline-block;
}
.btnGrey:hover {
	background-color:#333;
	border:1px solid #222;
	color:#fff;
	cursor:pointer;
}
.btnPurple,.btnPurple:visited,.btnPurple:hover {
	background-color:#3b1b7a;
	border:1px solid #290b61;
	padding:3px 5px 3px 5px;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	font-size:12px;
	white-space:nowrap;
	display:inline-block;
	cursor:pointer;
}
.btnDisabled,.btnGrey:visited {
	background-color:#eee;
	border:1px solid #ccc;
	padding:3px 5px 3px 5px;
	color:#ccc;
	text-decoration:none;
	font-weight:bold;
	font-size:12px;
	white-space:nowrap;
	display:inline-block;
}
.btnDisabled:hover {
	background-color:#eee;
	border:1px solid #ccc;
	padding:3px 5px 3px 5px;
	color:#ccc;
	text-decoration:none;
	font-weight:bold;
	font-size:12px;
	white-space:nowrap;
	display:inline-block;
}

/* --- STATUS COLOURS/MESSAGES --- */

.noResults {
	background-color:#FFF;
	border:1px solid dotted;
	padding:20px;
	text-align:left;
}
.noticeRed {
	color:#C00;
	font-weight:bold;
	font-size:12px;
}
.noticeGreen {
	color:#20c300;
	font-weight:bold;
	font-size:12px;
}
.expired,.suspended,.closed,.paused {
	background-color:#ffd6d6;
}
.archived {
	background-color:#ffe9d6;
}
.inactive {
	background-color:#e0e0e0;
}
.active {
	background-color:#d9ffd6;
}
.noStatus {
	background-color:#f5f5f5;
}
.successBox {
	border:1px solid #0C0;
	color:#248338;
	background-color:#e9ffe5;
	padding:8px 8px 8px 35px;
	margin-bottom:10px;
	background-image:url(../images/iconTick.jpg);
	background-repeat:no-repeat;
	background-position:top left;	
}
.alertBox {
	border:1px solid #ffc674;
	color:#fca301;
	background-color:#fff5e8;
	padding:8px 8px 8px 35px;
	margin-bottom:10px;
	background-image:url(../images/iconExclamation.jpg);
	background-repeat:no-repeat;
	background-position:top left;	
}
.errorBox {
	border:1px solid #ff2323;
	color:#C00;
	background-color:#feebea;
	padding:8px 8px 8px 35px;
	margin-bottom:10px;
	background-image:url(../images/iconCross.jpg);
	background-repeat:no-repeat;
	background-position:top left;	
}

/* --- COMPETITIONS --- */

.compTitle {
	background-color:#361b6b;
	color:#ffcc00;
	font-weight:bold;
	padding:5px;
	font-size:14px;
}
.compContainer {
	margin:10px 10px 0px 10px;
	overflow:auto;
	border-bottom:1px solid #ccc;
	padding-bottom:10px;
}
	
/* --- MODAL BOXES --- */

#modalLogin .modalWindow1,#modalEmail .modalWindow2 {
  position:fixed;
  display:none;
  z-index:9999;
  padding:20px;
  background-color:#5f4593;
  color:#fff;
  border:2px solid #361b6b;
}

/* --- PUBLICATIONS --- */

.publication {
	float:left;
	text-align:center;
	width:125px;
	padding:5px 0px 5px 0px;
	line-height:18px;
}
.publication img {
	margin-bottom:5px;
	border:1px solid #fff;
}

/* --- MOST VIEWED GALLERY --- */

.mostViewedProps {
	margin:5px;
	overflow:hidden;
	height:355px;
}

/* --- DATA LISTS --- */

.dataListIconHolder {
	float:right;
	text-align:right;
	margin-right:15px;
}
.dataListIcon {
	display:inline;
	margin-left:10px;
}	

/* --- REGION TABS --- */

.stateTab,.stateTab:visited {
	padding:4px 8px 4px 8px;
	text-decoration:none;
	background:#C6BCD0;
	display:inline-block;
	color:#000;
}
.stateTab:hover {
	padding:4px 8px 4px 8px;
	text-decoration:none;
	background:#A18DB6;
	display:inline-block;
	color:#fff;
}
.stateTabSelected,.stateTabSelected:hover,.stateTabSelected:visited {
	padding:4px 8px 4px 8px;
	text-decoration:none;
	background:#ececec;
	display:inline-block;
	color:#000;
}

/* --- RECENTLY VIEWED LISTINGS --- */

.recentPropertyContainer {
	border-bottom:1px solid #CCC;
	font-size:10px;
}

/**** ---------------------------------------------- ALL: END ---------------------------------------------- ****/




/**** ---------------------------------------------- HEADER: START ---------------------------------------------- ****/

.header {
	background-image:url(../images/header_strip.gif);
	background-repeat:repeat-x;
	width:980px;
	height:94px;
	text-align:left;
	-moz-border-radius: 0px 0px 10px 10px;
    -webkit-border-radius: 0px 0px 10px 10px;
    border-radius: 0px 0px 10px 10px;
}
.headContainer {
	width:980px;
}
.headerLogo {
	padding:15px 0px 0px 20px;
	float:left;
}
.headerIcons {
	float:right;
	padding:5px;
}
.menu {
	height:32px;
	width:980px;
	text-align:left;
}
.userLogin {
	padding-right:5px;
	padding-top:5px;
	text-align:right;
	float:right;
}
.iconSubMenu {
	background:#2c1863;
	float:right;
	margin-right:37px;
	display:none;
	-moz-border-radius: 0px 0px 10px 10px;
    -webkit-border-radius: 0px 0px 10px 10px;
    border-radius: 0px 0px 10px 10px;
	padding:3px 5px 3px 5px;
	font-size:11px;
	z-index:2;
}
.subMenuFix1 {
	position:absolute;
	margin-left:280px;
	z-index:2
}
.subMenuFix2 {
	position:absolute;
	margin-left:490px;
	z-index:2
}
.subMenuFix2-2 {
	position:absolute;
	margin-left:338px;
	z-index:2
}
.subMenuFix3 {
	position:absolute;
	margin-left:377px;
	z-index:2
}

/* --- RESIDENTIAL SEARCH CRITERIA --- */

.searchResidential {
	padding:10px;
	background-color:#ffd634;
}
.residentialAdvSearch {
	padding:5px;
	text-align:left;
	background-color:#ffe16d;
	font-size:12px;
	margin-top:10px;
}

.defaultAdvSearch {
	padding:5px;
	text-align:left;
	background-color:#761098;
	font-size:12px;
	margin-top:10px;
}

/* --- NEW DEVELOPMENTS SEARCH CRITERIA --- */

.searchNewDevelopments {
	padding:10px;
	background-color:#4bbeea;
}
.newDevelopmentsAdvSearch {
	padding:5px;
	text-align:left;
	background-color:#7bd9ff;
	font-size:12px;
	margin-top:10px;
}

/* --- HOUSE & LAND SEARCH CRITERIA --- */

.searchHouseAndLand {
	padding:10px;
	background-color:#8dbb15;
}
.houseAndLandAdvSearch {
	padding:5px;
	text-align:left;
	background-color:#a9ff69;
	font-size:12px;
	margin-top:10px;
}

/* --- HOLIDAY RENTALS SEARCH CRITERIA --- */

.searchHolidayRentals {
	padding:10px;
	background-color:#f7ad0b;
}
.holidayRentalsAdvSearch {
	padding:5px;
	text-align:left;
	background-color:#ffc55e;
	font-size:12px;
	margin-top:10px;
}

/* --- GARAGE SALES SEARCH CRITERIA --- */

.searchStandard {
	padding:10px;
	background-color:#d5d5d5;	
	background:url(../images/colour_bar_double.gif) repeat-y;
	color:#FFF;
}
.searchStandard a {
	color:#FFF;
}
.searchStandard a:visited {
	color:#FFF;
}
.garageSalesAdvSearch {
	padding:5px;
	text-align:left;
	background-color:#6d6e71;
	font-size:12px;
	margin-top:10px;
}

/* --- COMMERCIAL SEARCH CRITERIA --- */

.searchCommercial {
	padding:10px;
	background-color:#fe3926;
	color:#FFF;
}
.searchCommercial a{
	color:#FFF;
}
.searchCommercial a:visited{
	color:#FFF;
}
.commercialAdvSearch {
	padding:5px;
	text-align:left;
	background-color:#ff795a;
	font-size:12px;
	margin-top:10px;
}

/* --- BUSINESSES FOR SALE SEARCH CRITERIA --- */

.searchBusinessesForSale {
	padding:10px;
	background-color:#c75bff;
}
.businessesForSaleAdvSearch {
	padding:10px 0px 0px 0px;
	text-align:left;
	background-color:#fff;
	overflow:auto;
	font-size:12px;
	margin-top:10px;
	padding-bottom:10px;
	padding-left:5px;
}

/* --- NEWS TICKER --- */

#newsTicker
{
	width: 170px; 
	margin: 20px 0px 0px 50px;
	float:left;
	color:#fff;
	height:50px;
	overflow:hidden;
}
#newsTicker a {
	color:#a28ae2;
	font-weight:bold;
}

/**** ---------------------------------------------- HEADER: END ---------------------------------------------- ****/


.userDetailsTextField {
  display:none;
}


#swfupload-control p{ margin:10px 5px; font-size:0.9em; }
#log{ margin:0; padding:0; width:630px; border:none;}
#log li{ list-style-position:inside; margin:0px; padding:0px 0px 5px 0px; font-size:12px; 
	font-family:Arial, Helvetica, sans-serif; color:#000; position:relative; line-height:20px;}
#log li .progressbar{ height:5px; background:#ccc; }
#log li .progress{ width:0%; height:5px; background-color:#0C0;}
#log li p{ margin:0; line-height:18px; }
#log li .success{ color:#000;}
#log li span.cancel{ position:absolute; top:5px; right:5px; width:20px; height:20px; 
background:url('/scripts/swfupload/cancel.png') no-repeat; cursor:pointer; }


/* duplicated "log" to a class reference. Reason: A log for two different uploads on the same page needs to
be displayed with different ids, so therefore referring to the id "log" will not work and a class has to be used. */

.log{ margin:0; padding:0; width:630px; border:none;}
.log li{ list-style-position:inside; margin:0px; padding:0px 0px 5px 0px; font-size:12px; 
	font-family:Arial, Helvetica, sans-serif; color:#000; position:relative; line-height:20px;}
.log li .progressbar{ height:5px; background:#ccc; }
.log li .progress{ width:0%; height:5px; background-color:#0C0;}
.log li p{ margin:0; line-height:18px; }
.log li .success{ color:#000;}
.log li span.cancel{ position:absolute; top:5px; right:5px; width:20px; height:20px; }


#realEstateNav {
	width:100%;
	display:inline;
}

#realEstateNav img {
	float:left;
	border:0;
}

#realEstateContainer {
	padding-bottom:40px;
}

#toolTip {
	text-align:left;
	padding-bottom:20px;
	padding-top:5px;
}

#toolTipComp {
	text-align:left;
	padding-bottom:10px;
	padding-top:5px;
}
