html, body {height: 100%;}
body {	font: 14px/20px Arial, Helvetica, sans-serif; color:#333333; padding:0; margin:0;}
#container {width: 970px; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -35px;}
#header {height:60px;}
#logo {	float:left; margin-top:10px;}
#logo img{border:none;}

#footer, .push {height:35px;}
#footer { color:#666666; width: 970px; margin: 0 auto -35px; padding-top:10px;  border-top:solid 2px #dddddd;}
#footer a { margin-right:15px;}



form {margin:0; padding:0;}
select:hover {cursor:pointer;}
input, select, .text, text2, textarea {font-family:Arial, Helvetica, sans-serif; color:#333333;}
h1 { margin:0; padding:0; line-height: 1.0em; font-size: 34px; margin-bottom:12px; color:#000; letter-spacing:-1px;}
h2 {margin:0; padding:0; margin-bottom:10px; color:#000000;}
h3{margin:0; padding:0;}
ul {margin:0; padding:0;}
li { list-style:none;}
p {margin:0; padding:0; margin-bottom:10px;}

.alignRight{text-align:right;}
.alignCentre{ text-align:center;}
.pt.alignCentre {padding-top:10px;}
.valign{vertical-align:middle;}
.valign img {border:solid 4px #ddd;}


.button {background:#3674A0 url(../images/css/overlay.png) repeat-x;display: inline-block;padding: 5px 10px 6px;color: #fff;	text-decoration: none;	font-weight: bold;	line-height: 1;	-moz-border-radius: 5px;-webkit-border-radius: 5px;	-moz-box-shadow: 0 1px 3px #999;-webkit-box-shadow: 0 1px 3px #999;text-shadow: 0 -1px 1px #3674A0;border: 1px solid #254F6D;position: relative;	cursor: pointer;}
.button:hover {background-color:#77A5BF;}
a.button:hover { text-decoration:none;}

.sign_up.button {float:left; text-align:center; background:#B30000 url(../images/css/overlay.png) repeat-x; font-size:26px; border:solid 1px #660000; padding: 7px 34px 9px 34px;}
.sign_up.button div { font-size:14px; color:#FFF; margin-top:4px; }
.sign_up.button:hover {background:#CC0000 url(../images/css/overlay.png) repeat-x;}

.post.button {float:left; text-align:center; background:#6FBB22 url(../images/css/overlay.png) repeat-x; font-size:26px; border:solid 1px #4A9526; padding: 7px 34px 9px 34px;}
.post.button div { font-size:14px; color:#FFF; margin-top:4px; }
.post.button:hover {background:#84C543 url(../images/css/overlay.png) repeat-x;}

.search.button {background:#fff; color:#0458AC; border:0; font-size:20px; padding: 5px 10px 5px 10px; letter-spacing:1px; text-shadow:none; height:35px; -moz-box-shadow: 0 1px 3px #234E6D;-webkit-box-shadow: 0 1px 3px #234E6D;}
.search.button:hover {color:#003366;}

.package.button { font-size:20px; background:#6FBB22 url(../images/css/overlay.png) repeat-x; border:solid 1px #4A9526; padding: 8px 20px 8px 20px; margin-top:20px;}
.package.button:hover {background:#84C543 url(../images/css/overlay.png) repeat-x;}

.next.button { font-size:20px; background:#6FBB22 url(../images/css/overlay.png) repeat-x; border:solid 1px #4A9526; padding: 8px 20px 8px 20px;}
.next.button:hover {background:#84C543 url(../images/css/overlay.png) repeat-x;}

.previous.button { font-size:20px;}


.create.button { font-size:20px; background:#6FBB22 url(../images/css/overlay.png) repeat-x; border:solid 1px #4A9526; padding: 8px 20px 8px 20px;}
.create.button:hover {background:#84C543 url(../images/css/overlay.png) repeat-x;}

.home { float:left; width:610px; font-size:22px;}
.home h1 { margin-bottom:24px; font-size: 33px;}
.home li {margin-bottom:24px; list-style-image:url(../images/tick.gif);}
.home ul { padding-left:25px;}
.home span {font-weight:bold; color:#000000;}
.home .learn_more {float:right; font-size:18px; width:280px; margin-top:20px; color:#666;}
.home .learn_more a{font-weight:bold; text-decoration:underline;}

.separate {clear: both; margin-bottom:1%; height:10px;}

.tour{}
.tour h2 {color:#669900;}
.tour p {font-size:23px; line-height: 1.5em; margin-bottom:25px;}
.tour p a {text-decoration:underline;}
.tour .group {float:left; width:240px; margin-right:80px; margin-bottom:30px;}
.tour .group img {border:solid 12px #C6DCEC; margin-bottom:5px;}
.tour .group h3 { font-size:20px; color:#DB8800; margin-bottom:5px;}

/* ========================================================= */

ul.featured_properties { float:right; width:360px; margin-top:22px;}
ul.featured_properties li { float:right; display:block; margin-left:10px; margin-bottom:10px;}
ul.featured_properties img { border: solid 1px #ddd; padding:3px; width:100px; height: 75px;}
ul.featured_properties img:hover { border: solid 1px #619DCA;}

/* ========================================================= */

ul.featured_users { float:right; width:360px;}
ul.featured_users li { float:right; display:block; margin-left:8px; margin-bottom:3px;}
ul.featured_users img { width:68px; height:68px; border: solid 1px #ddd; padding:3px;}
ul.featured_users img:hover { border: solid 1px #619DCA;}

/* ========================================================= */

.similar_properties {margin-bottom: 30px;}
.similar_properties h2 {padding-bottom:4px; border-bottom: solid 1px #DDDDDD; margin-bottom:8px;}
.similar_properties li { float:left; display:block; margin-left:10px; margin-right:10px;}
.similar_properties img { width:90px; height:67px; border: solid 1px #ddd; padding:3px;}
.similar_properties img:hover { border: solid 1px #619DCA;}

/* ========================================================= */



/* ========================================================= */

.looking_for, .looking_for_property {float:left; width:690px; background:#EEEEEE; border:solid 1px #DDDDDD; padding:20px; -moz-border-radius:10px; -webkit-border-radius:10px; min-height:160px; margin-bottom: 20px;}
.looking_for h2, .looking_for_property h2{ color:#333333;padding-bottom:5px; border-bottom: solid 1px #CCCCCC; margin-bottom:10px;}
.looking_for li, .looking_for_property li { float:left; display:block; margin-right:7px; margin-bottom:6px;}
.looking_for img {width:69px; height:69px; border: solid 1px #ddd; padding:3px; background:#FFFFFF;}
.looking_for_property img {border: solid 1px #ddd; padding:3px; background:#FFFFFF; width:100px; height:75px;}
.looking_for img:hover, .looking_for_property img:hover{border: solid 1px #619DCA;}
.looking_for p, .looking_for_property p {margin:0; color:#000;}

/* ========================================================= */

.browse {margin-top: 20px;}
.browse li {}



/* ========================================================= */


a { text-decoration:none; color:#2F6893;}
a:hover { text-decoration:underline;}

#loginRegister{ float:right; color:#ccc; margin-top:15px;}
#loginRegister a {margin-left:5px; margin-right:5px; }

.clear {clear:both;}

#navLeft{ margin-left:10px; float:left;}
#navRight { margin-right:10px; float:right;}

#navLeft ul, #navRight ul { margin: 0; padding: 0; list-style: none; }
#navLeft li, #navRight li {float: left; background: #265475; margin-left:5px;  -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius:5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius:5px; font-size:110%;}
#navLeft li a, #navRight li a { display:block; color:#FFFFFF; text-decoration:none; font-weight:bold; font-size:110%; padding-left:15px; padding-right:15px; padding-top:6px; padding-bottom:6px;}
#navLeft li a:hover, #navRight li a:hover {text-decoration:underline;}

.selected { background:#99C0DD; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius:5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius:5px;}

#navLeft li a.selected, #navRight li a.selected {color:#224966;}

/* ==================== SEARCH BAR ========================== */

#search {background: #99C0DD url(../images/css/bg_search.png) bottom left repeat-x; padding-left:7px; padding-top:10px; padding-bottom:10px; -moz-border-radius:5px; -webkit-border-radius:5px; border-bottom:#86B5D7 solid 1px; margin-bottom:10px;}
#search select, .searchTextBox {color:#666666; border:none; background-color:#FFF; font-size:120%; margin:7px; outline:none;}
#search ul { margin:0; padding:0;}
#search li { list-style:none; float:left; margin-left:6px; margin-right:6px;}
#search li div { background:#fff; height:35px;}
#search .searchTextBox {width:300px;}
#search .selectMinMax {width:120px;}
#search form.agent .searchTextBox {width:822px;}
#search form.flatmates .searchTextBox {width:408px;}

/* ========================================================= */

/* ==================== STEPS BAR ========================== */

#steps { margin-top:5px; font-size:130%; margin-bottom:20px;}
#steps ul {margin:0; padding:15px; list-style:none; border:solid 1px #CCCCCC; -moz-border-radius:5px; -webkit-border-radius:5px; background-color:#F7F7F7;}
#steps li { float:left; line-height:26px; color:#C3C3C3; margin-right:6%;}
#steps li .num { color:#FFFFFF; float:left; background: url(../images/step_bg.png) no-repeat; margin-right:10px; font-weight:bold; height:26px; width:26px; text-align:center;}
#steps li.active {color:#000000;}
#steps li.active .num {background: url(../images/step_bg_active.png) no-repeat;}
#steps li a {text-decoration:none; color:#C3C3C3;}
#steps li.active a {text-decoration:none; color:#000000;}

/* ========================================================= */


#contents{ margin-top:15px; margin-bottom:60px;}


/* ======================= AGENT.PHP ================================== */

.agent_profile {width:590px; float:left;}
.agent_profile .button {margin-top: 20px;}
.agent_profile_right {float:right; width:334px;}
.agent_branches, .agent_logo_url {border: solid 1px #DDDDDD; background:#eeeeee; padding:10px; -moz-border-radius:5px; -webkit-border-radius:5px; margin-bottom:15px;}
.agent_logo_url h2 {float: left;}
.agent_logo_url img {border:4px solid #DDDDDD; float:right; width:58px; height:43px;}
.agent_logo_url a {text-decoration: underline; font-weight:bold;}
.agent_branches .vcard {margin-bottom:15px;}
.agent_branches .vcard .org { font-weight: bold;}

/* ========================================================= */

.agentLeft {float:left; margin-bottom:15px; margin-right:100px;}
.agentRight {float:left; margin-bottom:15px; width:600px;}
.agentRight ul {float:left; width:200px; margin-bottom: 20px;}


/* ========================================================= */






/* ===================================================NO S =============================================================== */

.noRecords { background:#DBE9F2; color:#000; border: 1px solid #CCCCCC; padding:30px; -moz-border-radius:5px; -webkit-border-radius:5px; margin-bottom:400px;}

/* ================================================== INDEX PAGE =============================================================== */



/* ================================================== LOGIN FORM ===================================================== */
.form, .box { background:#EEEEEE; padding:20px; font-size:20px; -moz-border-radius: 12px; -webkit-border-radius: 12px; -moz-box-shadow: 0 1px 3px #999;-webkit-box-shadow: 0 1px 3px #999;}
.form label { width:160px; display:block; float:left; text-align:right; margin-right:20px; font-weight:bold; padding-top:5px; padding-bottom:5px;}
.form li { margin-bottom:20px;}
.form .text { width:335px; font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:18px; border:solid 2px #DDDDDD; padding:4px;}
.form .select { width:347px; font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:18px; border:solid 2px #DDDDDD; padding:4px; background:#FFFFFF;}
.form .sml { font-size:16px;}
.form .sml a { text-decoration:underline;}
.form .checkbox {margin-right:10px;}
.form .agree_terms {font-size:16px; margin-bottom:20px;}
.form textarea{ font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:15px; border:solid 2px #DDDDDD; padding:4px;}

.box {font-size:17px; line-height:1.7em;}
.box a {text-decoration:underline;}

.login, .register, .activate, .forgot, .reset {margin:0px auto; width:570px; margin-bottom:50px;}
.login, .forgot {margin-top:70px;}
.register{margin-top:10px;}
.forgot {width:540px;}
.forgot .form label {width:130px;}
.split {margin-top:70px;}
.split .login {margin:0; width:475px; float:left;}
.split .form .text { width:300px;}
.split .form label { width:100px;}
.signup { float:left; margin-left:30px; padding-left:30px; min-height:340px; border-left:solid 5px #F4F4F4; width:400px;}
.signup p { font-size:116%; line-height:28px; margin-bottom:28px;}
.activate {margin-top:45px;}
.reset {margin-top:30px; width: 607px;}
.reset .form label { width:200px;}
.errors, #response { background:#FFCCCC; font-size:16px; padding:20px; margin-bottom:15px; -moz-border-radius:10px; -webkit-border-radius:10px;}
.errors li, #response li { color:#FF0000; list-style:disc; margin-bottom:5px; margin-left:20px;}

/* ================================================== LOGIN FORM ===================================================== */


.adFeatures {float:left; font-size:124%; width:279px; border:solid 2px #CCCCCC; padding:15px; -moz-border-radius:5px; -webkit-border-radius:5px; margin-bottom:30px; margin-top:15px;}
.adFeatures ul { padding-left:20px; min-height:330px;}
.adFeatures li {margin-bottom:26px; list-style-image:url(../images/tick.gif);}
.margin.adFeatures { margin-right:15px;}
.mp.adFeatures {border:solid 2px #006699; background:#FFFBEA;}
.adFeatures li.adTitle {font-size:27px; font-weight:bold; margin-bottom:20px; list-style:none; color:#000;}
.adFeatures li.popular {font-weight:bold; list-style:none; color:#006699; font-size:19px;}
.adFeatures .highlight { font-weight:bold; color:#000;}

.center { text-align:center;}


/* ====================================================================================================== */


/* ==============================================     property.php   ============================================= */

#titlebar { font-size:26px; margin-bottom:10px; line-height:26px; }
#titlebar .left {float:left; width:712px; color:#000000;}
#titlebar .right { float:right; }
#titlebar .price, .status { color:#DB8800; font-weight:bold;}
#titlebar .offers, .rent_frequency { font-weight:normal; color:#999999; font-size:14px;}
#titlebar h1 {margin-bottom:0px; float:left; line-height:26px;}


#view_property_left {float:left; width:595px;}
#view_property_right {float:right; width:356px; margin-left:15px;}

#view_property_left h2 {font-size:22px; margin-bottom:12px;color:#669900; letter-spacing:1px; font-weight:bold;}

#actions { margin-bottom:10px; background:#eeeeee;}
#actions ul {margin: 0;	padding: 0;	list-style: none;  }
#actions li {float: left; margin: 0; padding:5px; text-align:center;  margin-right:11px; margin-left:11px;}
#actions li a { text-align:center; font-weight:bold; text-transform:uppercase; }
#actions .spacer { width:1px; background-color:#FFFFFF;}
#actions span {text-align:center; font-weight:bold; text-transform:uppercase; color:#669900;}
#actions .share img { border:0; margin-top:2px; margin-right:5px;}

#property_summary { font-size:120%; margin-bottom:30px;}
#property_summary ul { list-style: none; margin:0; padding:0;}
#property_summary li { border-bottom: 1px solid #E8ECF2; padding:4px; clear:both;}
#property_summary li .offers {font-weight:normal;}
#property_summary li label { width:200px; float:left; color:#76AADC; font-weight:bold;}
.agent_link { color:#990000;}

.property_description { margin-bottom: 40px;}
#features, #tenancy_details, #household, #suitability {margin-bottom:30px;}
#features ul, #tenancy_details ul, #household ul, #suitability ul { margin:0; padding:0;}
#tenancy_details li, #household li, #suitability li { margin-bottom:3px; }
#tenancy_details label, #household label, #suitability label {float: left; width: 180px; color:#000;}
#features li {float:left; width:250px;}
#map_canvas {width:593px; height:400px; margin-bottom:15px; border: solid 1px #DDDDDD;}


.main_image img {width:348px; height:250px; border:solid 4px #ddd;}
.thumbnails img {border:solid 4px #ddd; margin-right:10px; width: 100px; height: 75px;}
.thumbnails img:hover { border:solid 4px #99C0DD;}

.vendor_box {margin-top:15px; border: solid 1px #DDDDDD; background:#eeeeee; width:334px; padding:10px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.vendor_box .details {float:left; width:225px; margin-bottom:10px;}
.vendor_box img {float:right; border:4px solid #ddd;}
.vendor_box h3, .email_vendor h3, .vendor_box h4 { margin:0px; color:#000000;}
.vendor_box .num { cursor:pointer; margin-top:5px; font-weight: bold; text-decoration: underline;}

.email_vendor {margin-top:15px; background: #EEEEEE; border: solid 1px #DDDDDD; padding:10px; -moz-border-radius:5px; -webkit-border-radius:5px; margin-bottom:15px;}
.email_vendor ul { margin:0px; padding:0px; margin-top:10px;}
.email_vendor li, .reply_message li { list-style:none; clear:both; margin-bottom:7px; }
.email_vendor label { width:90px; font-weight:bold; display:block; float:left; padding-top:5px; padding-bottom:5px;}
.email_vendor .pad { padding-top:5px; padding-bottom:5px;}
.email_vendor .text {width:230px;}
.email_vendor textarea {width:320px; height:70px;}
.reply_message textarea {width:764px; height:80px;}
.email_vendor .text, .email_vendor textarea, .reply_message textarea{ font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:15px; border:solid 2px #DDDDDD; padding:4px;}


#message_sent {padding:20px; text-align: center; background-color:#FFFFCC; border: 1px solid #CCCCCC; -moz-border-radius:10px; -webkit-border-radius:10px;}

.characters_left{ font-size: 11px; float: right;}


/* ====================================================================================================== */









.search_step {
    font-weight:bold; padding-right:8px;
}

.float_left {
    float: left;
}

.spacer {
    clear:both;
}
.padleft {
    padding-left:10px;
}
.mandatory {
    font-weight: bold;	color: #FF0000;	padding-right: 4px; font-size:9px;
}
.form_bg {
    background-color:#F8FAFC;border:1px solid #E6E6E6;padding-top: 10px;padding-bottom: 10px;padding-left: 42px;
}
.form_bg FORM {
    margin:0px;
}
.large_image {
    margin-bottom:10px;
}
.small_txt {
    font-size:10px; color:#B6B6B6;
}
.divide {
    border-bottom-width: 1px;	border-bottom-style: dashed; border-bottom-color:#CCCCCC; margin-top: 10px;	margin-bottom: 20px;
}
.manage {
    border: 1px solid #CCCCCC;
}
#map {
    padding-top: 10px;
}
#map UL LI {
    LIST-STYLE-IMAGE: url(../images/css/lim.gif); line-height:normal;
}


.mandatory {
    font-weight: bold;	color: #FF0000;	padding-right: 4px; font-size:9px;
}


.previous_button {float:left;}
.proceed_button{ float:right;}
/* =====================================STEP 1 ================================================================= */


.section { border:solid 4px #ddd; margin-bottom:18px; -moz-border-radius:10px; -webkit-border-radius:10px; font-size:16px;}
.section select {width:338px; color:#000000; font-size:14px; border:solid 2px #DDDDDD; padding:4px;}
.section .text { width:326px; color:#000000; font-size:14px; border:solid 2px #DDDDDD; padding:4px;}
.section .text2 { width:180px; color:#000000; font-size:14px; border:solid 2px #DDDDDD; padding:4px;}
.section h3 {color:#204764; margin:0px; font-weight:bold; background:#eee; padding:5px; text-transform:uppercase; text-indent:10px; font-size:16px;}
.section ul { margin:0; padding:0;  margin-left:15px; margin-top:8px; margin-bottom:8px;}
.section li{ list-style:none; padding-top:6px; padding-bottom:6px; clear: both;}
.section label { width:200px; display:block; float:left; text-align:right; font-weight:bold; margin-right:20px; padding-top:3px; text-transform:capitalize;}
.section label.np {padding-top:0px;}
.section .tip { font-size:90%; margin-left:200px; font-style:italic;}
.section textarea {color:#000000; font-size:14px; font-weight:normal; width:550px; height:210px; border:solid 2px #DDDDDD; padding:4px;}
.section .image {border:4px solid #ddd;}
.cost { color:#666666; font-weight:bold; font-size:95%;}
.section #checkboxes { margin-left:95px;}
.section #checkboxes li {width:270px; float:left; clear:none;}
.check_label { font-weight:bold; margin-left:10px;}
textarea.bio {width:328px; height:140px;}
textarea.profile {width:420px; height:240px;}

/* ===========================================STEP 2 =========================================================== */

.info { background-color:#FFFFCC; padding:20px; font-size:115%; border: 1px solid #CCCCCC; margin-top:20px; margin-bottom:20px;}
.paypal{margin-top:30px;margin-bottom:30px;}
.image_upload {float:left; margin-top:10px; padding:10px;}
.avatar_upload {float:left;}

#uploaded_image1, #uploaded_image2, #uploaded_image3, #uploaded_image4, #uploaded_image5, #uploaded_image6, #uploaded_avatar { float:right; margin-right:20px;}
#uploaded_image1 img, #uploaded_image2 img, #uploaded_image3 img, #uploaded_image4 img, #uploaded_image5 img, #uploaded_image6 img, #uploaded_avatar img {border:solid 4px #ddd;}
#uploaded_avatar img {width:64px; height:64px;}
#loading1, #loading2, #loading3, #loading4, #loading5, #loading6 {float:left; margin-top:24px;}
#loading7 {float:left;}
#image_error1, #image_error2, #image_error3, #image_error4, #image_error5, #image_error6 {margin-left:220px; margin-top:15px; color:#FF0000; height:25px;}

.confirm_image{ border: 1px solid #CCCCCC; margin-left:10px; }


.yes { color:#00CC00; font-weight:bold;}
.no { color:#FF0000; font-weight:bold;}
.required{ color:#FF0000; }

/* ===============================================STEP 3======================================================= */

.description { background-color:#FFFFCC; clear:both; border: 1px solid #CCCCCC; padding:10px;}
.upgrade_cost { margin-left:20px; font-weight:bold; float:left;}
.left { float:left;}
.right { float:right;}
.upgrade{ color:#000000; font-weight:bold; margin-left:10px; font-size:110%; float:left;}
.upgrade_info { margin-left:30px; clear:both;}

/* ====================================================================================================== */


.mandatory {
    font-weight: bold;	color: #FF0000;	padding-right: 4px; font-size:9px;
}


/* ====================================================================================================== */
#refinesearch { width:200px; float:right;padding:10px; border: solid 1px #DDDDDD; background:#eeeeee; -moz-border-radius:5px; -webkit-border-radius:5px; margin-left:10px; margin-bottom:20px;}
#refinesearch h3 { margin:0px; color:#000000; padding-bottom:5px; border-bottom:solid 1px #ddd;}
#refinesearch ul{ margin-top:8px;}
#refinesearch li{margin-bottom:8px; list-style:none;}
#refinesearch select {width:195px;}
#refinesearch .text {width:190px;}
#refinesearch label {font-weight:bold; display:block;}

/* ====================================================================================================== */

.ad_block {float:right; width:200px; padding:10px; border: solid 1px #DDDDDD; background:#eeeeee; -moz-border-radius:5px; -webkit-border-radius:5px; margin-left:10px; text-align:center; font-size:90%; line-height:16px; min-height:170px;}
.ad_block .advertisement { color:#333333; font-weight:bold; text-transform: uppercase; font-size:90%;}
.ad_block .advertiser { color:#333333; font-weight:bold;}
.ad_block .advertiser:hover{text-decoration:none; color:#000;}
.ad_block img {border:0px; margin:3px;}

.google_ad_block {float:right; width:200px; padding:10px; text-align: center;}

/* ====================================================================================================== */

.searchResults { float:left; width:710px; min-height:600px; }
.returned {padding-bottom:5px;  border-bottom:1px solid #ddd;}
.returned span {color:#669900; font-weight:bold;}
.returned .found {float:right; font-size:85%; color:#666666;}
.save_search { float:right; font-weight:bold; text-decoration:underline;}
.save_search:hover {color:#1D629A;}
.result {border-bottom:1px solid #ddd; clear:both;}
.result .header {background:#eee; padding-left:10px; padding-right:10px; padding-bottom:2px; padding-top:2px; text-transform:uppercase; font-weight:bold;}
.result .price { font-weight:bold; font-size:24px; color:#DB8800;}
.result .type { float:left;}
.result .summary { font-size:120%; color:#000;}
.result .links { font-size:90%;}
.result p { margin-bottom:4px;}
.result .address a {font-size:105%;}
.result .username a {font-size:24px;}
.result .address a, .username a{font-weight:bold; text-decoration:underline;}
.result .address a:hover, .username a:hover{ color:#1D629A;}
.result .details { float:left; width:542px;margin-top:10px; margin-bottom:5px;}
.result .image, .avatar {float:left; margin-right:10px;margin-top:10px;}
.result img { width:150px; height:113px; border: solid 4px #ddd; margin-bottom:3px;}
.result img:hover {border:solid 4px #99C0DD;}
.result .avatar img {width:82px; height:82px;}
.result .close {float:right; margin-top:10px;}
.result .close a {color:#FF0000;}
.result .rent_frequency {font-size:12px;}

/* ====================================================================================================== */
.agent_result {border: solid 4px #ddd; background:#F5F5F5; float:left; width:144px; height:140px;text-align:center; padding:10px; margin-right:20px; margin-bottom:20px;  -moz-border-radius:10px; -webkit-border-radius:10px;}
.agent_result img {border: solid 1px #ddd; margin-bottom:5px;}
.agent_result a{font-weight:bold; text-decoration:underline; font-size:85%;}


/* =================================================== paging =============================================================== */
.paging {margin-bottom:20px; margin-top:25px; clear:both;}
.paging a, .paging .active, .paging a:hover { float:left; display:inline-block; text-decoration: none; padding-left:6px; padding-right:6px;   margin-right:4px; margin-bottom:5px;}
.paging a{ border:solid 2px #ddd;}
.paging .active, .paging a:hover {border:solid 2px #265475; background: #265475; color:#fff;}



/* =================================================== ajax =============================================================== */
.loading { color:#999999; font-weight:bold;}
.highlight_regions { color:#000000; font-weight:bold;}


/* =================================================== agent =============================================================== */

dl { margin-bottom:10px; margin-top:0;}
dt { float:left; font-weight:bold; }
dd { margin-left:100px;};

.float_left { float:left;}
.float_right {float:right;}



.proceed { clear:both; margin-top:20px; text-align:right;}

.account_agent { margin-top: 15px;}
.account { float:left; width:775px; margin-top: 15px;}
.account h1, .account_agent h1 {margin-bottom:10px;}
.account h1 img, .account_agent h1 img {margin-left:10px;}
.account h2, .account_agent h2 {margin-top:0;}

.no_ads {font-size:150%;}
.account_nav { width:130px; font-size:110%; float:left; -moz-border-radius:5px; -webkit-border-radius:5px; margin-right:20px; padding:20px; border:solid 1px #ddd; background:#eeeeee; margin-top: 15px;}
.account_nav h3 {color:#5F9CC9; font-size:18px;}
.account_nav li { margin-bottom:5px;}
.account_nav li.current a{ text-decoration:underline; font-weight:bold;}
.account_nav li.sub { font-size:90%; margin-left:15px;}
.account_nav li.sent { font-size:90%; margin-left:15px; font-weight:bold;}



table {padding:0; margin:0; width:100%; border-collapse:collapse; border-bottom: solid 3px #DDDDDD; margin-top:5px;}
thead { font-weight:bold; color:#000; background:#eee;}
thead td { border-top:solid 4px #ddd; border-bottom:solid 2px #ddd;}
td {padding-left:5px; padding-right:5px; padding-top:10px; padding-bottom:10px; margin:0;  border-top:solid 1px #eee; }
tr {border-bottom: solid 1px #ccc;}
tr:hover{background:#F7F7F7;}
.active { color:#99CC33; font-weight:bold;}

.inbox .from{width:25%;}
.inbox .from img {border:0; height:46px; width:46px; float:left; margin-right:6px;}
.inbox .received{width: 30%;}
.inbox .unread {font-weight:bold;}
.inbox .unread a { text-decoration: underline;}
.inbox .user {margin-top:13px;}

ul.account_summary {margin-top:20px;}
ul.account_summary label {float:left;display:block; width:150px; font-weight:bold;}
ul.account_summary li {margin-bottom:10px; border-bottom:solid 1px #eee; padding-bottom:10px; padding-left:10px;}
ul.account_summary li a{ margin-left:5px;}
ul.blocks { margin-top:50px;}
ul.blocks li {
    float:left; margin-right:32px;
}
ul.blocks li a {
    display:block;
    background:#99C0DD;
    color:#fff;
    font-weight:bold;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    width:100px;
    padding:8px;
    padding-top:18px;
    text-align:center;
    font-size:3em;
}
ul.blocks li a span {
    display:block;
    font-weight:normal;
    margin-top:8px;
    font-size:0.4em;
}
ul.blocks li a:hover {
    text-decoration:none;
    background:#669900;
}


.toolbar{ background:#eeeeee; padding:10px;  border-top:solid 4px #ddd; border-bottom:solid 2px #ddd; margin-bottom:10px;}
.toolbar a {margin-right:25px; text-decoration:underline;}
.tab {width:150px; float:left; font-weight:bold;}
.message .from {margin-bottom: 10px;}
.message .from img {border:0; height:46px; width:46px; float:left; margin-right:10px;}
.message .from .message_info { padding-top:10px;}

.account form.filter {float:right; background-color:#EEEEEE; padding:5px; -webkit-border-radius:3px; -moz-border-radius:3px;}
.account form.filter li {float:left; margin-left:5px; margin-right: 5px;}
.account_agent form.filter {float:right; background-color:#EEEEEE; padding:5px; -webkit-border-radius:3px; -moz-border-radius:3px;}
.account_agent form.filter li {float:left; margin-left:5px; margin-right: 5px;}
.success { color:#00CC33; font-weight:bold; font-size:120%; margin:10px;}

.account form.details {border: solid 4px #ddd; margin-bottom: 25px; -moz-border-radius:10px; -webkit-border-radius:10px; font-size:16px; padding-top:20px; padding-bottom:20px;}
.account form.details ul { margin:0; padding:0;  margin-left:15px;}
.account form.details li{ list-style:none; padding-top:5px; padding-bottom:5px; clear: both;}
.account form.details label { width:200px; display:block; float:left; text-align:right; font-weight:bold; margin-right:20px; padding-top:3px; text-transform:capitalize;}
.account form.details select {width:338px; color:#000000; font-size:14px; border:solid 2px #DDDDDD; padding:4px;}
.account form.details .text { width:326px; color:#000000; font-size:14px; border:solid 2px #DDDDDD; padding:4px;}
.account form.details .text2 { width:180px; color:#000000; font-size:14px; border:solid 2px #DDDDDD; padding:4px;}



select:focus, .text:focus, .text2:focus, .select:focus, textarea:focus {border:solid 2px #99C0DD;}


#loading { background: url(../images/load.gif); width:32px; height: 32px; position:absolute; left:510px; top:300px;}

#processing, #processing_2 {background: url(../images/load.gif) no-repeat center; text-align: center; margin-top:15px; border: solid 4px #666666; -moz-border-radius:5px; -webkit-border-radius:5px; margin-bottom:15px;}
#processing {height:280px;}
#processing_2 {height:130px;}
#processing .message {margin-top:164px; font-size:17px;}
#processing_2 .message {margin-top:94px; font-size:17px;}

.no_records { margin-top: 20px; }
#category { float: left;}

a.complete { text-decoration: underline;}
a.warn { color:#CC0000; text-decoration: underline;}
.warn { color:#FF0000;}
.suspended {color:#FF6600; }

.switched_off { background:#FFCCCC;  color:#FF0000;  font-size:16px; padding:20px; margin-bottom:15px; -moz-border-radius:10px; -webkit-border-radius:10px;}

ol li{margin-bottom: 20px; list-style: decimal;}

.favourites {margin-bottom: 35px;}


.agent_info {height:415px; background:url(../images/nipropertyads.png) no-repeat top right;}
.agent_info .home {width: 400px;}
.agent_info .home .highlight {font-weight: bold;}
.agent_info .home h1 {font-size: 38px; line-height: 1.0em;}
.agent_info ul {margin-bottom:30px;}
.agent_info li {margin-bottom:12px; font-size:21px;}

.agent_payment {height:415px; background:url(../images/agent_payment.png) no-repeat top right;}
.agent_payment .home {width: 400px;}
.agent_payment .home .highlight {font-weight: bold;}
.agent_payment .home h1 {font-size: 38px; line-height: 1.0em;}
.agent_payment ul {margin-bottom:30px;}
.agent_payment li {margin-bottom:12px; font-size:21px;}


/************** CONTACT FORM STYLES BEGIN HERE **************/
.contact {float:left;}
.contact h2 {margin-bottom:10px;}
.contact_right {float:right; width:340px;}
.contact .postal_address {}
#contact_form { width:560px; padding-left:15px; padding-right:15px; padding-top:30px; border: solid 1px #ddd; background:#EEEEEE; font-size:20px; -moz-border-radius: 12px; -webkit-border-radius: 12px; -moz-box-shadow: 0 1px 3px #999;-webkit-box-shadow: 0 1px 3px #999;}
#contact_form .text, #contact_form textarea, #contact_form select {font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:18px; border:solid 2px #DDDDDD; padding:4px; background:#FFFFFF; -moz-border-radius:4px; -webkit-border-radius:4px;}
#contact_form .text:focus, #contact_form textarea:focus, #contact_form select:focus {border:solid 2px #99C0DD;}
#contact_form select:hover {cursor:pointer;}
#contact_form ul {padding:0; margin:0;}
#contact_form label {width:160px; display:block; float:left; text-align:right; margin-right:20px; font-weight:bold; padding-top:5px; padding-bottom:5px;}
#contact_form li {margin-bottom:20px; list-style: none;}
#contact_form .text { min-width:350px; width:330px;}
#contact_form .select { min-width:348px; width:228px;}
#contact_form textarea{ min-width:350px; width:330px; height:160px; font-size:15px;}
#contact_form .button_wrapper {text-align: right; padding:8px;}
#contact_form .characters_left{ font-size: 11px; float: right; margin-right:10px;}
#contact_form .button {font-size:20px; background:#6FBB22 url(../images/overlay.png) repeat-x;display: inline-block; padding: 8px 20px 8px 20px; color: #fff; text-decoration: none;	font-weight: bold; line-height: 1; -moz-border-radius: 5px;-webkit-border-radius: 5px;	-moz-box-shadow: 0 1px 3px #999;-webkit-box-shadow: 0 1px 3px #999;text-shadow: 0 -1px 1px #3674A0; border:solid 1px #4A9526; position: relative; cursor: pointer;}
#contact_form .button:hover {background:#84C543 url(../images/overlay.png) repeat-x;}
#contact_form .error {margin-left:180px; font-size:12px; color:#CC0000; text-shadow: #fff 0 0 1px; margin-bottom:0;}
#contact_form .highlight_error{ border-color:#CC0000;}
#contact_form .highlight_error:focus{ border-color:#CC0000;}
.contact #processing, .contact #message_sent {width:560px; min-height: 460px; height:400px; text-align: center;  border: solid 4px #666666; -moz-border-radius:12px; -webkit-border-radius:12px; -moz-box-shadow: 0 1px 3px #999;-webkit-box-shadow: 0 1px 3px #999; margin-bottom:15px; margin-top:15px;}
.contact #processing {background: url(../images/loading.gif) no-repeat center;}
.contact #processing .inner {padding-top:180px; font-size:26px; font-weight:300; color:#999999;}
.contact #message_sent .inner {padding-top:190px; font-size:26px; font-weight:300; color:#339900;}



.social_media {margin-top:30px;}
.social_media img {border:0;}
.text_right{text-align: right;}


.agent_area { padding: 30px; background:#F4F4F4; padding:20px; -moz-border-radius: 12px; -webkit-border-radius: 12px; -moz-box-shadow: 0 1px 3px #999;-webkit-box-shadow: 0 1px 3px #999;}
.agent_area p {margin-bottom: 20px;}
.agent_area h1 {margin-bottom:30px;}
.agent_area h2 {color:#333333;}
.agent_area a {color:#0099CC; text-decoration:underline; font-weight:bold;}
.agent_area li {list-style-type:disc; margin-left:40px;}
.agent_area ul {margin-bottom: 20px;}

.error {color:#CC0000; font-size: 115%; margin-top: 10px; margin-bottom: 10px;}

@media only screen and (max-device-width: 480px) {

    /* ==================== SEARCH BAR ========================== */
    #search {padding-left:7px; padding-top:4px; padding-bottom:6px; -moz-border-radius:8px; -webkit-border-radius:8px; border-bottom:#86B5D7 solid 1px; margin-bottom:10px;}
    #search select, .searchTextBox {color:#666666; border:0px #fff; font-size:120%; outline:none; margin-left:7px; margin-right:7px; margin-top:7px;}
    #search ul {margin:0; padding:0;}
    #search li {list-style:none; float:left; margin-left:6px; margin-right:6px;}
    #search li div {background:none;}
    #search .searchTextBox {width:270px;}
    #search .selectMinMax {width:120px;}
    #search form.agent .searchTextBox {width:780px;}
    #search form.flatmates .searchTextBox {width:344px;}

    .search.button { margin-top:4px; margin-bottom:4px; color:#0458AC; border:0; font-size:20px; padding: 5px 10px 5px 10px; letter-spacing:1px; text-shadow:none; -moz-box-shadow: 0 1px 3px #234E6D;-webkit-box-shadow: 0 1px 3px #234E6D;}

    #navLeft li, #navRight li {-moz-border-radius-topleft: 8px; -webkit-border-top-left-radius:8px; -moz-border-radius-topright: 8px; -webkit-border-top-right-radius:8px; font-size:110%;}
    .selected { -moz-border-radius-topleft: 8px; -webkit-border-top-left-radius:8px; -moz-border-radius-topright:8px; -webkit-border-top-right-radius:8px;}



.home {  width:610px; }
.home h1 { margin-bottom:24px; font-size: 34px;}
.home li {margin-bottom:20px;}
.home ul { padding-left:24px; margin-bottom:20px;}


#refinesearch {display:none; width:0px;}
.searchResults { width:970px;}

.result .details {width:787px;margin-top:10px; margin-bottom:5px;}


.paging {margin-bottom:20px; margin-top:25px; clear:both; font-size:30px;}
.paging a, .paging .active, .paging a:hover { float:left; display:inline-block; text-decoration: none; padding:4px; margin-right:6px; margin-bottom:6px;}
.paging a{ border:solid 0px; text-decoration:underline;}
.paging .active, .paging a:hover {border:solid 0px; background: #265475; color:#fff;}



#actions li { font-size:110%; float: left; margin: 0; padding:5px; text-align:center;  margin-right:8px; margin-left:8px;}

.section #checkboxes { margin-left:20px;}
.section #checkboxes li {width:290px;}


    /* ========================================================= */

}