/* UNIVERSAL TAGS ------------------------------------------------------------------------------------------------------- All universal non-page specific tags here eg body, h1-6, p a etc */ * { list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0;} h1 { font-size:24px;line-height:30px;padding-bottom:5px;} h2 { font-size:18px;line-height:24px;padding-bottom:5px;} h3 { font-size:14px;line-height:18px;padding-bottom:5px;} INPUT ,SELECT { FONT-SIZE: 11px;margin:1px 0 3px;padding:2px;FONT-WEIGHT: normal;} p { padding-bottom:10px;} body { font-family: Trebuchet MS,Arial, Helvetica, sans-serif; FONT-SIZE: 12px; FONT-WEIGHT: normal; LETTER-SPACING: normal; line-height:16px; TEXT-TRANSFORM: none; WORD-SPACING: normal; margin: 0px; margin-top:0px; margin-left:0px;} td{ vertical-align:top;} div#body-wrapper { width:950px;margin:0 auto;} #banner { width: 150px; margin-top:5px; display:block; float:right;} /* CLEARFIX */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearfix { display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix { height: 1%;} .clearfix { display: block;} /* End hide from IE-mac */ table.form-data { width:100%;margin-left:8px;} table.form-data tr td label { display:block;} table.form-data td, table.form-data th {padding:4px;} table.form-data th { font-size:13px; font-weight:bold; height:24px;} .agent2article { padding:10px 0 1px;} #map-canvas { width: 580px; height: 150px;} /* HEADER & NAVIGATION BAR ------------------------------------------------------------------------------------------------------- including logo, top-navigation, masthead and my properties status box */ #topmenu { width: 950px; height: 33px; font-size: 14px; font-weight: bold; margin: 2px 0 1px 0;} #topmenu ul { vertical-align: middle; list-style: none; padding: 0; margin: 0; overflow: hidden;} #topmenu li.personal { float: right; width: 150px; text-align: left;} #topmenu li.personal a { border: none; width: 100%; display: block;} #topmenu li { float: left; height: 33px; margin: 0; width: 90px; text-align: center;} #topmenu li.land { float: left; height: 33px; margin: 0; width: 135px; text-align: center;} #topmenu a { text-decoration: none; padding-right: 13px; padding-left: 13px; height: 33px; line-height: 33px; display: block;} #topmenu a:visited { text-decoration: none;} #topmenu a:hover { text-decoration: none;} #topmenu a.on { text-decoration: none;} /* SUBMENU STYLES */ #submenu { width: 945px; font-size: 11px; font-weight: bold; margin-right:1px; padding-left:5px;} #submenu ul { vertical-align: middle; list-style: none; padding: 0; margin: 0; overflow: hidden;} #submenu li { display: inline; /*height: 23px;*/ margin: 0; text-align: center; display: block; float: left;} #submenu a { text-decoration: none; padding-right: 6px; padding-left: 6px; height: 23px; line-height: 23px;} #submenu a:visited { text-decoration: none;} #submenu a:hover ,#submenu li:hover { text-decoration: none;} #submenu2 { width: 945px; font-size: 11px; font-weight: bold; margin-right:1px; padding-left:5px;} #submenu2 ul { vertical-align: middle; list-style: none; padding: 0; margin: 0; overflow: hidden;} #submenu2 li { display: inline; height: 23px; margin: 0; text-align: center;} #submenu2 a { text-decoration: none; padding-right: 6px; padding-left: 6px; height: 23px; line-height: 23px;} #submenu2 a:visited { text-decoration: none;} #submenu2 a:hover { text-decoration: none;} /* CONTENT ------------------------------------------------------------------------------------------------------- All content page formatting here, h1-6, p a etc */ div#content { margin-top:16px;margin-bottom:16px} .contentbox { width:950px;} .contents{ padding:20px;padding-top:0px;font-size:13px;line-height:18px;} .currentenews{ width:100%;height:59px;vertical-align:middle;font-size:12px;line-height:20px;#padding-top:20px;_padding-top:20px;} .currentenews a,.currentenews a:visited{font-size:18px;line-height:20px;font-weight:bold;text-decoration:underline;} /*privacy*/ /* SIDEBAR ------------------------------------------------------------------------------------------------------- Sidebar formatting for all content pages */ .left-sidebar { width:210px;} div#sidebar { display:block;float:right;width:150px;margin-top:5px;} /* FOOTER ------------------------------------------------------------------------------------------------------- Standard footer formatting, text, background, link styling and any logos or artwork */ #footer { font-size: 11px;height: 48px; font-weight: normal;padding-top: 8px;margin:0 0 10px;} #footer ul { vertical-align: middle; list-style: none; padding-left: 5px; margin: 0; overflow: hidden;} #footer li { display: inline; height: 23px; margin: 0; text-align: center;} #footer img { float: right; padding: 5px 10px 0 0; border: 0; } #footer .copyright { font-size: 11px; vertical-align: top; padding-left: 10px;} #footer .copyright, #footer .copyright a { font-size: 10px; vertical-align: top; text-decoration: none;} #footer .copyright a:hover { text-decoration: underline;} #footer li a { text-decoration: none; padding-right: 7px; padding-left: 6px; height: 23px; line-height: 23px;} #footer li a:visited { text-decoration: none;} #footer li a:hover { text-decoration: underline;} /* HOMEPAGE ------------------------------------------------------------------------------------------------------- All homepage-specific elements such as feature properties, recent listings and */ /* FEATURE PROPERTY ---------------- */ #featureProperty { height: 240px; width: 572px;padding: 4px;position: relative;} #featureProperty .view{ position: absolute; top:215px;left:14px;height:15px;} #featureProperty .view a.button{ text-align:center;vertical-align:middle; padding:3px;padding-left:7px;padding-right:7px; font-weight:bold; text-decoration:none; height:15px;display:block;float:left;} #featureProperty .heading { height: 14px; width: 556px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; padding: 8px;} #featureProperty .photo { width: 260px; padding: 1px; margin: 7px 7px 0 0;} #featureProperty .icons { font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; height: 16px; width: 257px; padding: 5px; margin: 3px 7px 0 0;} #featureProperty .icons ul { vertical-align: middle; list-style: none; padding-left: 2px; margin: 0; overflow: hidden;} #featureProperty .icons li { display: inline; height: 23px; margin: 0; text-align: center; padding-right: 8px;padding-left:20px;} #featureProperty .icons li img { padding-right: 5px;} #featureProperty .features { display:block; float:right; margin-top:-27px;} #featureProperty .description { display: block; float: left; font-size: 11px; font-weight: normal; line-height: 14px; height: 186px; width: 270px; padding: 12px; margin: 0px;overflow:hidden;} #featureProperty .description .suburb { font-size: 18px;font-weight: bold;} #featureProperty .description .address {font-size: 11px;font-weight: bold;padding-top: 3px;padding-bottom: 13px;} #featureProperty .description .title { font-size: 12px;font-weight: bold;padding-bottom: 3px;} /* LATEST LISTING BOX ------------------ */ #controller-static.home #latestListings { height: 234px;width: 269px;padding: 3px;position: relative;} #controller-static.home #latestListings a{ text-decoration:none;} #controller-static.home #latestListings strong { display:block;float:left;} #controller-static.home #latestListings .heading { height:21px;line-height:21px;width:260px;font-size:13px;font-weight:bold;padding:5px;text-align: left;} #controller-static.home #latestListings a.viewall { display:block;float:right;text-align:center;vertical-align:middle; padding:2px 8px 2px 8px;font-weight:bold;text-decoration: none;font-size:12px;text-transform:uppercase;padding:0 5px; margin-top:-2px;} #controller-static.home #latestListings .listing { height: 40px;width: 258px;padding: 5px; text-align: left;border-bottom-width: 1px;border-bottom-style: solid;cursor:hand;cursor:pointer;} #controller-static.home #latestListings .listing .photo { height: 36px;width: 48px;padding: 1px;margin-right: 10px;float: left;} #controller-static.home #latestListings .listing .suburb { font-size: 11px;line-height: 15px;font-weight:bold;} #controller-static.home #latestListings .listing .address { font-size: 10px;line-height: 11px;} #controller-static.home #latestListings .listing .price { font-size: 11px;line-height: 15px;font-weight:bold;float:right;} #controller-static.home #latestListings .listing .shortDescription { font-size: 10px;line-height: 11px;font-weight:normal;} /* SEARCH ------------------------------------------------------------------------------------------------------- All search forms, including quick search, advanced search and refine search fields and formatting */ #toggle-advanced-search{ font-size:11px;} #toggle-basic-search{ font-size:11px;} #search { font-size: 11px;width: 192px;padding: 3px;} #search a.searchbutton{ font-size: 11px;font-weight: bold;text-decoration: none;padding-top: 2px;padding-left: 10px;padding-right: 10px;padding-bottom: 3px;} #search input { font-size: 11px; margin-bottom:3px;} #search .quick { padding: 5px 5px 0 5px;} #search div.search-form-top{ width:192px;height:23px;} #search #advanced-search-form{ font-size: 11px; font-weight:bold;padding-left:5px;} #search #advanced-search-form td{ font-size: 11px;font-weight:bold;} #search #advanced-search-form select.property-type{ width:175px;} #search #advanced-search-form label, #search .quick label{ font-weight:bold;display:block;} #search #advanced-search-form label.display{ margin: 5px 0pt;} /* RESULTS ------------------------------------------------------------------------------------------------------- All formatting for search results page with exception to refine search functions, found under SEARCH */ a.resultstaboff /*green*/{ text-align:center;vertical-align:middle;padding:3px;padding-left:7px;padding-right:7px;font-weight:bold;text-decoration:none;} a.resultstab:hover /*light grey*/{ text-align:center;vertical-align:middle;padding:3px;padding-left:7px;padding-right:7px;font-weight:bold;text-decoration:none;cursor:hand;cursor:pointer;} a.resultstab /*grey*/{ text-align:center;vertical-align:middle;padding:3px;padding-left:7px;padding-right:7px;font-weight:bold;text-decoration:none;cursor:hand;cursor:pointer;} span.resultstaboff /*green*/{ text-align:center;vertical-align:middle;padding:3px;padding-left:7px;padding-right:7px;font-weight:bold;text-decoration:none;} span.resultstab:hover /*light grey*/{ text-align:center;vertical-align:middle;padding:3px;padding-left:7px;padding-right:7px;font-weight:bold;text-decoration:none;cursor:hand;cursor:pointer;} span.resultstab /*grey*/{ text-align:center;vertical-align:middle;padding:3px;padding-left:7px;padding-right:7px;font-weight:bold;text-decoration:none;cursor:hand;cursor:pointer;} .h1results { margin-top: 18px;font-size: 24px;font-weight: bold;padding:0px;} #PagerTable{ margin-top:10px;} td.resultheading{ line-height:20px;FONT-WEIGHT: normal;font-size:14px;padding-bottom:17px;} td.resultheading strong{ FONT-WEIGHT: bold;} .resultpaging{ line-height:20px;FONT-WEIGHT: bold;font-size:14px;padding-bottom:17px;text-align:right;} .resultpaging a,.resultpaging a:link{ padding:5px;padding-top:3px;padding-bottom:3px;text-decoration:none;} .resultpaging span{ padding:5px;padding-top:3px;padding-bottom:3px;text-decoration:none;} td.resultheading2{ line-height:20px;FONT-WEIGHT: normal;font-size:14px;padding-bottom:30px;padding-top:20px;} td.resultheading2 strong{ FONT-WEIGHT: bold;padding-bottom:17px;} .resultpaging2{ line-height:20px;FONT-WEIGHT: bold;font-size:14px;padding-bottom:30px;text-align:right;padding-top:20px;} .resultpaging2 a,.resultpaging2 a:link{ padding:5px;padding-top:3px;padding-bottom:3px;;text-decoration:none;} .resultpaging2 span{ padding:5px;padding-top:3px;padding-bottom:3px;text-decoration:none;} .resultType{ line-height:18px;FONT-WEIGHT: bold;font-size:11px;} .resultPID{ line-height:16px;FONT-WEIGHT: normal;font-size:11px;text-align:right;} .resultPropHeading{ line-height:18px;FONT-WEIGHT: bold;font-size:15px;padding-top:5px;padding-bottom:7px;} .resultPrice{ line-height:18px;FONT-WEIGHT: bold;font-size:15px;text-align:right;padding-bottom:4px;padding-top:5px;} .resultIcons{} .resultIcons strong{ line-height:17px;FONT-WEIGHT: bold;font-size:10px;} .resultMore a, .resultMore a:hover{ line-height:24px;FONT-WEIGHT: bold;text-decoration:none;padding:3px 7px;} .resultSuburb{ line-height:24px;FONT-WEIGHT: bold;font-size:14px;} .resultdescription{ line-height:14px;FONT-WEIGHT: normal;font-size:11px;padding-right:15px;} ul.properties-list li.even{ padding:5px;} ul.properties-list li.odd{ padding:5px;} td.search-results{ padding-left:5px;} ul.properties-list { list-style:none;padding:0;margin:0;width:580px;} ul.properties-list .property .thumbnail, ul.properties-list .property .details, ul.properties-list .property .actions { display:block; float:left;} /* PROPERTY RESULTS */ ul.properties-list li.property { width:725px;} /* Feature Icons */ ul.properties-list li.property span.icons span{ display:block;width:120px;line-height:20px;FONT-WEIGHT: normal;font-size:10px;text-align:left;margin-bottom:1px;clear:right;} ul.properties-list li.property span.icons span.bedrooms { padding:0 0 0 25px;border:0;font-weight:bold;font-size:10px;} ul.properties-list li.property span.icons span.bathrooms { padding:0 0 0 25px;border:0;font-weight:bold;font-size:10px;} ul.properties-list li.property span.icons span.carparks { padding:0 0 0 25px;border:0;font-weight:bold;font-size:10px;} /* PAGINATION */ .search-meta { display:block;float:left;font-size:14px;line-height:22px;font-weight:bold;} .pagination a, .pagination span { padding:2px 6px 2px 6px;font-weight:bold;text-decoration:none;} .pagination span.current { _width:21px;} .pagination span.disabled { _width:21px;} .search-summary-wrapper { margin:5px 0;} .pagination { line-height:24px; display:block; float:right; margin:0 0 3px 0;} /* DETAILS and DETAILS POPUPS ------------------------------------------------------------------------------------------------------- All formatting and styling for property details page, INCLUDING all popups eg 'Print Brochure', 'Slideshow' */ td.property-details-column{ } #propertydetails { width: 584px;padding: 3px; position: relative;} #propertydetails strong { display:block;float:left;} #propertydetails .heading { height: 37px; width: 571px; font-size: 13px; font-weight: bold; padding: 4px; padding-left:6px; text-align: left;} #propertydetails .heading td{ vertical-align:middle;} #propertydetails .details { padding-left: 4px;} #propertydetails .suburb { font-size: 18px; font-weight: bold; line-height:22px;} #propertydetails .address { font-size: 11px;font-weight: bold;line-height:14px;} .type { font-size: 10px;font-weight: bold;line-height:16px;padding-top:5px;padding-bottom:5px;} .banner { font-weight:bold;} .price { font-size: 15px;font-weight: bold;line-height:22px;} .salemethod { font-size: 11px;font-weight: normal;line-height:14px;} #propertydetails .title{ font-size: 14px;font-weight: bold;line-height:17px;padding:5px 0;} #propertydetails .descriptions{ font-weight: normal;line-height:14px;font-size:11px;} #controller-properties.action-details .iconbox { font-size: 14px; font-weight: bold; line-height:19px; text-align:center; vertical-align:middle; height: 35px; width: 38px;} #controller-properties.action-details .icon{ padding-right:2px;height:38px;} /**/ #controller-properties.action-details .features{ margin-left: 15px; padding-left: 0px; margin-top:5px; padding-top:5px; line-height:12px;} #controller-properties.action-details .features li{ padding-top:4px;} /*features lists*/ #wrapper { width: 299px; padding: 3px; position: relative; text-align:left;} #wrapper .heading { height: 17px; width: 289px; font-size: 11px; font-weight: bold; padding: 4px; padding-left:6px; text-align: left;} #wrapper .features{ font-size: 10px; font-weight: normal; text-align: left;} #wrapper .features td{ padding-left:6px;} #agentbox { width: 150px; padding-top:5px; display:block; float:right;} #agentbox ul { vertical-align: middle; list-style: none; padding: 0; margin: 0; overflow: hidden;} #agentbox li { height: 25px; margin: 0; width: 150px; text-align: left;} #agentbox li a { font-size: 11px; font-weight: normal; text-decoration: none; padding-left: 8px; height: 25px; line-height: 25px; display: block; border-bottom-width: 1px; border-bottom-style: solid;} #agentbox li a:visited { text-decoration: none; border-bottom-width: 1px; border-bottom-style: solid;} #agentbox li a:hover { text-decoration: none; border-bottom-width: 1px; border-bottom-style: solid;} #agentbox li a img{ border:none;} #agentbox li.title { line-height: 50px; display: block; height: 50px; padding-left: 8px; padding-bottom:0px; border-bottom-width: 1px; border-bottom-style: solid;} #agentbox .agentimage{ border:1px solid #a2ad18; width:80px;} #agentbox .agentdetails{ font-size: 10px; font-weight: normal; text-decoration: none; line-height: 14px;} #agentbox .agentdetails strong{ font-size: 11px; line-height: 16px; } #agentbox .agentdetails span.box{ padding-right:11px;} #agentbox .agentdetails a{ font-size: 11px; font-weight: normal; text-decoration: none; line-height: 16px; text-decoration: underline;} #agentbox .wrap{ padding-top:10px; padding-left:10px;} /* PROPERTY DETAIL POPUPS ---------------------- */ #popup INPUT ,#popup SELECT{ FONT-SIZE: 10px; FONT-WEIGHT: normal;} Body#popup { FONT-WEIGHT: normal; LETTER-SPACING: normal; TEXT-TRANSFORM: none; WORD-SPACING: normal; margin: 0px; margin-top:0px; margin-left:0px;} #popup td{ vertical-align:top;} #popup .topbar { font-size:20px;font-weight:bold; padding-left:10px;vertical-align:middle;height:30px;} #popup .topbarright { text-align:right;} #popup input.button,#popup a.button{ border: 0; margin: 0; padding:3px; font-size: 12px; font-weight: bold; cursor:hand;cursor:pointer; text-decoration:none;} #popup .slideshowaddress{ font-size:14px;line-height:29px;font-weight:bold;} #popup .slideshowsuburb{ font-size:20px;line-height:29px;font-weight:bold;} #popup .btnicons{ height:24px;font-size:12px;line-height:26px;font-weight:bold;text-decoration:none; padding:0 10px;margin-top:5px;} #popup .btnicons img{ border:none;} /* PRINT BROCHURE */ #printbrochure{ width:584px;} #printbrochure .features{ width:200px;height:257px;font-family:Tahoma,Arial;font-size:11px;line-height:15px; } #printbrochure .features-inner{ padding:10px;padding-top:45px;text-align:left;font-size:10px; } #printbrochure .features-inner .category{ font-weight:bold;font-size:11px;line-height:15px; } #printbrochure .features-inner .style{ padding-left:3px;font-size:11px;line-height:15px; } #printbrochure .address { font-weight:bold;font-size:15px;height:36px;vertical-align:middle;padding-left:10px; } #printbrochure .address b { text-transform:uppercase;font-size:18px; } #printbrochure .price { font-weight:bold;font-size:15px;height:36px; vertical-align:middle;text-align:right;width:200px;padding-right:10px; } .printbrochuredetails{ padding-top:10px; width: 390px; } .printbrochuredetails .pid { font-weight:bold; font-size:10px;} .printbrochuredetails .heading { font-weight:bold; font-size:14px;} .printbrochuredetails .description { font-weight:normal;font-size:11px;} #printbrochure .second-image{ padding-left:8px; padding-top:10px;text-align:right; } #printbrochureagent { font-size:11px;line-height:15px; width:200px;height:177px;} #printbrochureagent .printbrochureagent-inner{ padding:10px;padding-top:25px;text-align:left;font-size:11px;line-height:15px; } #printbrochureagent .printbrochureagent-inner td{ font-size:11px;line-height:15px; } #printbrochure .iconbox { font-size: 14px; font-weight: bold; line-height:19px; text-align:center; vertical-align:middle; height: 35px; width: 38px;margin-bottom:15px; } #printbrochure .icon{ padding-right:2px;height:38px; } #printbrochure #map_canvas{ width: 390px; height: 175px;} #popup .printbrochure{ padding-left:10px;padding-right:10px;padding-bottom:20px;padding-top:3px; } #popup .printbrochure .topimages{ width:584px;height:227px; } #popup .printbrochure .mainimage{ float:right;} #popup .printbrochure .thumbs{ height:109px;width:272px; } #popup .printbrochure .thumbs img{ border:2px solid #204397; } #popup .printbrochure .addresses{ height:102px;width:256px;padding:8px; } #popup .printbrochure .addresses .salemethod{ font-size:13px;line-height:20px;font-weight:bold;} #popup .printbrochure .addresses .suburb{ font-size:20px;line-height:29px;font-weight:bold;} #popup .printbrochure .addresses .propertyaddress{ font-size:14px;line-height:25px;font-weight:bold;} #popup .printbrochure .addresses .price{ float:right; font-size:20px;line-height:24px;font-weight:normal;} #popup .printbrochure .addresses .type{ font-size:14px;line-height:24px;font-weight:bold;} #popup .printbrochure .params{ width:199px;height:55px;} #popup .printbrochure .params span{ width: 44px;height: 44px;float: left;text-align: center;font-size: 20px;line-height:25px;font-weight: bold;margin-right: 6px; } #popup .printbrochure .features{ width:183px;padding:8px;} #popup .printbrochure .features b { font-size: 16px;line-height: 24px; font-weight:bold;} #popup .printbrochure .agent { margin-top:25px;margin-bottom:25px;} #popup .printbrochure .features li{ list-style: none;font-size: 11px;line-height:24px;font-weight:bold;padding-left: 10px; } #popup .printbrochure .propertydetails{ width:360px;float:right;padding-left:15px;padding-right:10px; } #popup .printbrochure .propertydetails .heading{ font-size:16px;line-height:24px;font-weight:bold;} #popup .printbrochure .propertydetails .details{ font-size:12px;line-height:18px;font-weight:normal;} #popup .printbrochure .propertydetails .details .sum{font-size:13px;line-height:18px;font-weight:bold;} #popup .printbrochure #googlemap_box { width:100%; position: relative; clear:both;} #popup .printbrochure #map_canvas { position: relative;width: 580px;height:240px;} #popup #googlemap{ width:580px; position: relative; clear:both;} #popup #googlemap #map_canvas { width: 580px;height:400px;float: right;position: relative;} #popup .tblHeader{ font-weight:bold;FONT-SIZE: 12px;} #popup .tblSubHeader{ font-weight:bold;} #popup table.tblForm td{ padding-left:10px;padding-top:3px;} #popup table.tblForm td.mypropChkbox{ padding-left:5px;} #popup.action-email_to_agent .repuired,#popup.action-email_to_friend .repuired{ padding-bottom:8px;} #popup.action-print_brochure .agent .contactagent{ font-size:14px;line-height:35px;font-weight:bold;} #popup.action-print_brochure .agent .contactdetails { vertical-align:middle;font-size:12px;line-height:18px;font-weight:bold;} #popup.action-print_brochure .agent .agencyname{ vertical-align:middle;padding-left:13px;font-size:12px;line-height:18px;font-weight:bold;} #popup .propertyhits b{ font-size:14px;} #popup #signup_success p{ margin-top:12px;margin-bottom:12px;} #popup #signup_success ul{ margin-left:20px;padding-left:1em;text-indent:-1em; list-style-type:disc;} #popup #signup_success li{ font-weight:bold;font-size:11px;line-height:22px; list-style-type:disc;list-style-position:inside;} /* SLIDESHOW */ .slideshowbox{ width:294px;height:18px;padding:4px;text-align:left;} .slideshow a{ font-size: 11px;font-weight: bold;text-decoration:none; } .slideshow { text-align:left;padding-left:5px; } .slideshow span.suburb { line-height:17px;FONT-WEIGHT: bold;font-size:18px;padding-left:5px; } .slideshow span.address { line-height:17px;FONT-WEIGHT: bold;font-size:15px;padding-left:5px; } .emailfriend { line-height:15px;FONT-WEIGHT: bold;font-size:12px;padding:5px;padding-top:0px;padding-bottom:0px;vertical-align:middle;height:25px;text-align:left; } /* AUCTIONS AND INSPECTIONS ------------------------------------------------------------------------------------------------------- Styling for OFI and Auction Time lists */ .listboxheader { font-size:12px;line-height:22px;} .listboxheader th.bedrooms { text-indent:-9000px;width:30px;} .listboxheader th.bathrooms { text-indent:-9000px;width:30px;} .listboxheader th.off-street-carparks { text-indent:-9000px;width:30px;} .listboxheader th.secure-carparks { text-indent:-9000px;width:30px;} .listboxheader th.actions { width:120px;} table#listbox tr.even td { height:26px; line-height:26px;} table#listbox tr.odd td { height:26px;line-height:26px;} table#listbox td.date{ height:40px; font-size:14px;line-height:40px;} /* FORMS and CONTACT ------------------------------------------------------------------------------------------------------- All form formatting, typically used in Appraisal Requests, Maintenance and Contact Forms */ /* B: glovebox styles */ #GB_overlay { position: absolute;margin: auto;top: 0;left: 0;z-index: 100;} #GB_window { left: 0; top: 0; font-size: 1px; position: absolute; overflow: visible; z-index: 150;} #GB_window .content { width: auto; margin: 0; padding: 0;} #GB_frame { border: 0; margin: 0; padding: 0; overflow: auto; white-space: nowrap;} .GB_Gallery { margin: 0 22px 0 22px;} .GB_header { top: 10px; left: 0; margin: 0; z-index: 500; position: absolute;} .GB_header .inner { padding: 2px 20px 2px 20px;} .GB_header table { margin: 0; width: 100%; border-collapse: collapse;} .GB_header .caption { text-align: left; white-space: nowrap; font-size: 20px;} .GB_header .close { text-align: right;} .GB_header .close img { z-index: 500; cursor: pointer;} .GB_header .middle { white-space: nowrap; text-align: center;} #GB_middle img { cursor: pointer; vertical-align: middle;} #GB_middle .disabled { cursor: default;} #GB_middle .left { padding-right: 10px;} #GB_middle .right { padding-left: 10px;} .GB_Window .content { margin:0; padding:0px;} .GB_Window .header { margin: 0; height: 22px; font-size: 12px; padding: 3px 0; display:none;} .GB_Window .caption { font-size: 12px; text-align: left; font-weight: bold; white-space: nowrap; padding-right: 20px;} .GB_Window .close { text-align: right; } .GB_Window .close span { font-size: 12px; cursor: pointer; } .GB_Window .close img { cursor: pointer; padding: 0 3px 0 0;} #onlineenquiry{ padding-top:20px; line-height:17px; width:130px;} #onlineenquiry a.submitbutton{ font-size: 11px;font-weight: bold; text-decoration: none;padding-top: 2px; padding-left: 10px; padding-right: 10px; padding-bottom: 3px;} /* contact page */ #controller-static.action-contact .contentbox{} .contactrequired{ FONT-WEIGHT: bold;margin-top:12px; font-size:14px;float:right;margin-right:40px;} #contacttable .contactForm { padding:15px;padding-bottom:25px;} #contacttable .contactImages { width:281px;height:240px;} #contacttable td.title{ width:120px; font-size: 14px;font-weight:bold; padding-bottom:10px;} #contacttable td.field{ width:150px;} .contactdetails{ font-size: 14px;line-height:20px;width:282px;padding:15px; } #contacttable #map-canvas{ width: 420px; height: 149px;} /* appraisal */ #controller-enquiries.action-market_appraisal .repairform { padding:10px 10px 0 0;font-size:13px;} #controller-enquiries.action-market_appraisal .repairform p { padding-bottom:10px;} #controller-enquiries.action-market_appraisal .repairform p strong {font-size:14px;} #controller-enquiries.action-market_appraisal .repairform ul { padding:10px 0;display:block;} #controller-enquiries.action-market_appraisal .repairform li { margin-left:10px;line-height:20px;overflow:hidden;padding-left:15px; white-space:nowrap;font-weight:bold;width:350px;} #controller-enquiries.action-market_appraisal .arrangementform { margin-top:13px;} #controller-enquiries.action-market_appraisal .title { font-size:14px; font-weight:bold; padding:5px; display:block;} #controller-enquiries.action-market_appraisal p { padding:0px 10px 0px 10px;} #controller-enquiries.action-market_appraisal label { font-size:11px; font-weight:bold; margin:2px 0; width:110px; display:block; float:left;} #controller-enquiries.action-market_appraisal button, #controller-enquiries.action-market_appraisal input[type="submit"] { font-weight:bold; font-size:14px; padding:1px 5px; text-decoration:none; float:right; margin-bottom:5px;} /* maintenance request */ #controller-enquiries.action-repair .articlebox{ padding-right:20px;} #controller-enquiries.action-repair .repairform{ font-size:14px;line-height:20px;font-weight:bold; vertical-align:top;padding:10px;} #controller-enquiries.action-repair .repairdetails{ font-size:14px;line-height:27px;font-weight:bold;} #controller-enquiries.action-repair .arrangementform { vertical-align:top; width:310px;padding:10px; } #controller-enquiries.action-repair .company{ font-size:14px;line-height:27px;font-weight:bold;vertical-align:top;} #controller-enquiries.action-repair .companyname{ font-size:12px;line-height:27px;font-weight:bold;} #controller-enquiries.action-repair .arrangement{ font-size:14px;font-weight:bold;width:150px;padding-right:10px;padding-bottom:10px;vertical-align:top;} #controller-enquiries.action-repair .arrangement .text{ font-size:11px;line-height:11px;font-weight:normal;} #controller-enquiries.action-repair .arrangement .select{ font-size:12px;line-height:13px;} /* buyer enquiry */ #popup.action-email_home_finder table.form{ margin-top:13px;font-size:11px; } #popup.action-email_home_finder table.form td.title{ font-size:14px;font-weight:bold;padding:5px; } #popup.action-email_home_finder table.form td{ padding-left:5px; } /* STAFF PROFILES ------------------------------------------------------------------------------------------------------- All styling for staff profiles pages */ ul#employee-profiles { list-style:none; margin-left:0; margin-top:0px;} ul#employee-profiles .photo { min-width:150px; min-height:150px;} ul#employee-profiles img { width:210px;} ul#employee-profiles .contact-details { width:230px; display:block; float:left;} ul#employee-profiles .contact-details p { font-size:18px; margin-top:5px; margin-bottom:5px; padding:0 0 12px 10px;margin-top:10px;} ul#employee-profiles .contact-details span.key { font-size:14px; font-weight:normal; display:block;} ul#employee-profiles .contact-details a { font-size:14px; font-weight:bold; display:block; text-decoration:underline;} ul#employee-profiles .description { font-size:14px; line-height:17px; width:555px; display:block;float:right;} ul#employee-profiles .description p strong { font-weight:bold; padding:0 0 10px 0;} ul#employee-profiles .description h3 { font-size:24px; line-height:24px; font-weight:normal;padding-top:10px;} ul#employee-profiles .description h4 { font-size:16px; line-height:18px; font-weight:bold; padding:0 0 20px 0;text-transform:uppercase;} ul#employee-profiles .description h5 { font-size:16px; line-height:20px; font-weight:bold; font-style:italic; padding:5px 0 20px 0;} ul#employee-profiles .description ul,ul#employee-profiles .description li { width:546px;font-size:11px;line-height:16px;padding-bottom:6px;list-style-position:outside; list-style-type:disc;margin:0 0 0 20px;padding:0 5px 0 0; } ul#employee-profiles .staff-testimonial { font-size:12px; line-height:16px; width:536px; display:block; margin:0px;margin-top:30px;padding:15px 10px 15px 10px;} ul#employee-profiles .staff-testimonial h2 { font-size:12px; line-height:14px; font-style:normal; font-weight:bold; padding:0 0 10px 0;} ul#employee-profiles .staff-testimonial h3 { font-size:13px; line-height:14px; font-style:normal; font-weight:bold; padding:15px 0 0 0;} ul#employee-profiles .staff-testimonial h4 { margin-bottom:20px;font-size:16px;font-weight:bold;line-height:16px;display:block;width:100%;padding:0px;padding-bottom:4px; } ul#employee-profiles .staff-testimonial .testimonialphoto { float:left; padding:0 0 0 0; margin:-8px 15px 0 0;} ul#employee-profiles .photo { width:210px; height:300px; overflow:hidden; margin:0 0 5px 0;} /* MY PROPERTIES ------------------------------------------------------------------------------------------------------- All styling for My Properties section */ #myproppage{ padding:5px;width:578px;font-size:13px;line-height:18px;} #myproppage a:hover{ text-decoration:none;} #myproppage h2{ font-size:13px;line-height:18px;font-weight:bold;} #myproppage .top{ margin:8px;} #myproppage .title{ font-size:16px;line-height:18px;font-weight:bold;} #myproppage .header{ font-weight:bold;font-size:11px;line-height:21px;} a.sbutton{ text-align:center;vertical-align:middle; padding:2px;padding-left:5px;padding-right:5px; FONT-SIZE: 11px;font-weight:bold;text-decoration:none;} #myproppage a.sbutton{ text-align:center;vertical-align:middle; padding:2px;padding-left:5px;padding-right:5px; FONT-SIZE: 11px;font-weight:bold;text-decoration:none;} #myproppage a.button{ text-align:center;vertical-align:middle; padding:3px;padding-left:7px;padding-right:7px; FONT-SIZE: 12px;font-weight:bold;text-decoration:none;} a.button{ text-align:center;vertical-align:middle; padding:3px;padding-left:7px;padding-right:7px; FONT-SIZE: 12px;font-weight:bold;text-decoration:none;} input.button{ text-align:center;vertical-align:middle; padding:3px;padding-left:7px;padding-right:7px; FONT-SIZE: 12px;font-weight:bold;text-decoration:none;} button.button{ text-align:center;vertical-align:middle; padding:3px;padding-left:7px;padding-right:7px; FONT-SIZE: 12px;font-weight:bold;text-decoration:none;} #mypropform td.formheader{ FONT-WEIGHT: bold; padding-top:0px; height:20px; line-height:21px; font-size:13px; vertical-align:middle;} #mypropform td input,#mypropform td select{ FONT-SIZE: 10px;FONT-WEIGHT: normal;} #myProperties { /*height: 263px;*/ width: 150px;display:block;float:right;margin-top:-39px;_position:relative;} #myProperties .login { padding: 7px; width: 136px;} #myProperties .login input { font-size: 11px; margin-bottom:3px;} #myProperties .login a, #myProperties .loggedin a { font-size: 11px;font-weight: bold; text-decoration: none; padding-top: 2px; padding-left: 10px; padding-right: 10px; padding-bottom: 3px; margin:0 3px 0 0;} #myProperties .login a.forgotpassword{ background:none;font-weight:normal;text-decoration:underline;padding-top:4px; border:0; padding:0; margin:0;} #myProperties .login a.forgotpassword:hover{ background:none;font-weight:normal;text-decoration:none; padding-top:4px;} #myProperties .loggedin { font-size: 11px;padding: 7px;width: 136px;} #myProperties ul { vertical-align: middle;list-style: none; padding: 0; margin: 0; overflow: hidden;} #myProperties li { height: 20px; margin: 0; width: 150px; text-align: left;} #myProperties li a { font-size: 11px; font-weight: bold; text-decoration: none; padding-left: 10px; height: 20px; line-height: 20px; display: block; border-top-width: 1px; border-top-style: solid;} #myProperties li a:visited { text-decoration: none;} #myProperties li a:hover { text-decoration: none;} #myProperties.mpPosition{ z-index:23;position: absolute;width:149px;} #myProperties .curvedBtm{ height:12px;margin:0px;padding:0px;width:150px;} #controller-my_properties .logged { float: right; width: 136px; height: 45px; padding: 5px 0 0 8px; margin: 18px 9px 0 0 !important; margin: 18px 5px 0 0;} #controller-my_properties .logged span { font-size: 11px; font-weight: bold; margin-right: 20px;} #controller-my_properties .logged strong { font-size: 12px; font-weight: bold;} #controller-my_properties .logged button { width: 54px; height: 22px; line-height: 22px; border: 0; padding: 0;vertical-align: middle; font-weight: bold;} #controller-my_properties .myplaces { float: right; width: 150px;} #controller-my_properties .myplaces h3 { font-size: 13px;height: 24px;line-height: 24px;padding-left: 10px;} #controller-my_properties .myplaces li a { margin-top: 10px; font-size: 12px;display: block; text-align: right; margin-right: 10px; padding-bottom: 10px;} #controller-my_properties .myplaces li div.btnlogout { width: 59px;height:28px;display:block;border:none;font-weight:bold;margin-top: 10px; font-size: 12px;line-height:28px;text-decoration:none;#line-height:8px;text-align: right; padding-bottom: 10px; width:130px;} #controller-my_properties .myplaces li div.btnlogout a{ text-decoration:none;} #controller-my_properties myplaces li.mpmenu{ height:19px;} #controller-my_properties .myplaces ul { margin:0;padding-bottom:0;padding: 0;list-style: none;} .details .myPlaces { height: 100%;} .details .myPlaces h2 { font-size: 20px; font-weight: normal;line-height: 48px;padding: 0 12px;} .details .myPlaces li { float: left; width: 100%; clear: both;} .details .myPlaces li a { float: left; line-height: 28px;font-size: 13px; width: 100%;} .details .myPlaces li a span { float: left;padding-left: 24px; cursor: pointer;} .details .myPlaces li a:hover { text-decoration: none;} .details .myPlaces div.suburbprofile{ margin-top:260px;height:32px;} .details .myPlaces div.suburbprofile a span { float: left; padding-left: 12px; cursor: pointer;font-size:14px;line-height:32px;font-weight:bold;} .details .myPlaces div.suburbprofile a:hover span { /*background-image: url(../images/arrow_right_dark_b.gif);*/} .details .myPlaces div.suburbprofile a:hover { text-decoration: none;} .myplaces { width:150px;display:block; float:right;margin-top:0; padding-top:0; margin-top:-39px;} .articlebox { width:770px;display:block;float:left;} #controller-sessions .myplaces .login { width:150px;} #controller-sessions .myplaces .sign { width:150px;height:340px;margin:5px 0 0 0;} #controller-sessions .myplaces input { height:16px;line-height:16px;padding:0;width:140px;} #controller-sessions .myplaces .info { font-size:9px;line-height:12px;padding:5px;} #controller-sessions .myplaces a { font-size:10px;padding:3px 0;font-weight:normal;text-decoration:underline;} #controller-sessions .myplaces .login input.btnlogin { margin:10px 0 10px 5px; border:none; display:block; font-size:12px; font-weight:bold; height:26px; line-height:20px; margin:5px 0 5px 5px; padding:3px 7px;cursor:hand;cursor:pointer;} #controller-sessions .myplaces .sign input.btnsign { margin:30px 0 10px 5px; border:medium none; display:block; font-size:12px; font-weight:bold; height:26px; line-height:20px; padding:3px 7px;cursor:hand;cursor:pointer;} #controller-my_properties .articlebox .h2title { font-size:1.8em; font-weight:bold; line-height:2em; padding-left:8px;} #controller-my_properties .articlebox strong { font-size:1.3em; line-height:1.5em; font-weight:bold; padding:5px 0 10px 8px;} #controller-my_properties .articlebox .first { font-size:13px; font-weight:bold; margin-bottom:0; margin-top:0; padding:10px 0 0 8px;} #controller-my_properties .articlebox p { font-size:13px; margin-bottom:0; margin-top:0; padding:10px 0 0 8px;} #controller-my_properties.action-index .myplaces, #controller-my_properties.action-profile .myplaces, #controller-my_properties.action-this_week .myplaces, #controller-my_properties.action-bookmarks .myplaces, #controller-my_properties.action-alerts .myplaces { float:right; font-family:Arial; width:150px;} #controller-my_properties.action-index .myplaces li, #controller-my_properties.action-profile .myplaces li, #controller-my_properties.action-this_week .myplaces li, #controller-my_properties.action-bookmarks .myplaces li, #controller-my_properties.action-alerts .myplaces li { cursor:pointer; font-size:12px; line-height:14px; font-weight:bold; padding:5px 0 5px 10px;} #controller-my_properties.action-index .myplaces li.mpmenu:hover, #controller-my_properties.action-profile .myplaces li.mpmenu:hover, #controller-my_properties.action-this_week .myplaces li.mpmenu:hover, #controller-my_properties.action-bookmarks .myplaces li.mpmenu:hover, #controller-my_properties.action-alerts .myplaces li.mpmenu:hover { cursor:pointer; font-size:12px; line-height:14px; font-weight:bold; padding:5px 0 5px 10px;} #controller-my_properties .myplaces li div.btnlogout, #controller-my_properties .myplaces li div.btnlogout { display:block; font-size:12px; font-weight:bold; height:28px; line-height:20px; margin:0; padding:0; text-align:center; text-decoration:none; width:60px;} #controller-my_properties .myplaces h2 { font-size:22px; font-weight:normal; height:40px; line-height:40px; margin:0px;padding:0px; padding-left:10px;} #controller-my_properties .myplaces h3 { font-size:14px; font-weight:bold; height:30px; line-height:30px; margin:0px;padding:0px; padding-left:10px;} #controller-my_properties .articlebox ul.details, #controller-my_properties .articlebox ul.subscriptions, #controller-my_properties .articlebox ul.week { width:235px;} #controller-my_properties .articlebox ul { float:left; font-size:11px; height:366px; margin:30px 15px 0 0;padding-left:0px;} #controller-my_properties .articlebox ul .caption { font-size:14px; font-weight:bold; height:30px; line-height:30px; width:215px;} #controller-my_properties .articlebox ul li{ width:215px;} #controller-my_properties .articlebox .details li label { float:left; font-size:11px; font-weight:normal; width:90px;} #controller-my_properties .articlebox .subscriptions li label { float:right; font-size:11px; font-weight:normal; padding-left:8px;} #controller-my_properties .articlebox .week li label { padding-left:8px;font-weight:normal;} #controller-my_properties .articlebox li select { float:right; height:20px; /*margin-right:64px;*/ vertical-align:middle;} #controller-my_properties .articlebox ul .caption_1, .articlebox ul .caption_2 { font-size:12px; font-weight:bold; height:22px; line-height:18px; margin-top:0; width:215px;} #controller-my_properties .articlebox .details li input, .articlebox .subscriptions li input, #controller-my_properties .articlebox .details li input, .articlebox .subscriptions li select { margin-top:5px; float:right; height:15px; vertical-align:middle;} #controller-my_properties .articlebox .subscriptions li input { float:left;} #controller-my_properties .articlebox .details li input, .articlebox .subscriptions li select { margin:right:0;} #controller-my_properties .contentbox button { border:0 none; float:right; font-size:14px; font-weight:bold; height:30px; line-height:30px; margin-right:215px; margin-top:10px; padding:3px 8px 3px 8px;} #controller-my_properties .articlebox .size_fourteen { font-size:13px; font-weight:bold; padding:0 8px; margin-bottom:0; margin-top:0;} #controller-my_properties .articlebox .size_thirteen { font-size:12px; padding:10px 0 0 8px; margin-bottom:0; margin-top:0;} #controller-my_properties .articlebox li.last { padding-bottom:10px;} #controller-my_properties .articlebox ul .caption_1, #controller-my_properties .articlebox ul .caption_2 { font-size:12px; font-weight:bold; height:22px; line-height:24px; margin-top:0; width:215px;} #controller-my_properties .articlebox li { line-height:25px; margin:0; padding:2px 10px; height:25px;} #controller-my_properties .articlebox ul .caption_1 input { margin-left:65px; vertical-align:absmiddle;} #controller-my_properties .articlebox ul .caption_2 input { margin-left:50px; vertical-align:absmiddle;} #controller-my_properties .articlebox .title { float:none; display:block; margin-left:8px; width:200px;} #controller-my_properties .articlebox .title h2{ font-size:2em; font-weight:bold;} #controller-my_properties .articlebox .title h3{ font-size:1.5em; line-height:1.5em; font-weight:normal;} /* bookmarks */ #controller-my_properties.action-bookmarks .articlebox .listboxheader {height:24px;} #controller-my_properties.action-this_week table.listbox, #controller-my_properties.action-bookmarks table.listbox { width:780px;} #controller-my_properties.action-this_week table.listbox th.bedrooms, #controller-my_properties.action-bookmarks table.listbox th.bedrooms { text-indent:-9000px;width:35px;} #controller-my_properties.action-this_week table.listbox th.bathrooms, #controller-my_properties.action-bookmarks table.listbox th.bathrooms { text-indent:-9000px;width:35px;} #controller-my_properties.action-this_week table.listbox th.off-street-carparks, #controller-my_properties.action-bookmarks table.listbox th.off-street-carparks { text-indent:-9000px;width:35px;} #controller-my_properties.action-this_week table.listbox th.secure-carparks, #controller-my_properties.action-bookmarks table.listbox th.secure-carparks { text-indent:-9000px;width:35px;} #controller-my_properties.action-bookmarks .articlebox table#listbox tr.even td { height:26px; vertical-align:middle;} #controller-my_properties.action-bookmarks .articlebox table#listbox tr.odd td { height:26px; vertical-align:middle;} #controller-my_properties.action-bookmarks .articlebox a.sbutton, a.sbutton:visited, #controller-my_properties.action-bookmarks .articlebox span.sbutton { line-height:20px; font-weight:bold; cursor:pointer; display:block; float:left; height:20px; margin:0 3px 0 0; padding:3px 8px; text-decoration:none; border:none;} #controller-sessions .articlebox { width:780px;} #controller-sessions .articlebox .signup { float:right; /*margin-left:27px; margin-right:17px;*/ padding-left:13px; width:280px; height:315px;} #controller-sessions .articlebox p{ width:420px;} #controller-sessions .articlebox .signup li { font-size:14px; font-weight:bold; margin-top:10px; } #controller-sessions .articlebox .signup li.last { width:200px;margin:20px 0 30px;} #controller-sessions .articlebox p { #width:475px;_width:450px;} /* bookmark table*/ #controller-my_properties.action-this_week table#listbox tr.even td,#controller-my_properties.action-bookmarks table#listbox tr.even td{ height:26px;} #controller-my_properties.action-this_week table#listbox tr.odd td,#controller-my_properties.action-bookmarks table#listbox tr.odd td{ height:26px;} #controller-my_properties.action-this_week table#listbox td.date,#controller-my_properties.action-bookmarks table#listbox td.date{ height:26px;} #controller-my_properties.action-this_week a.sbutton,#controller-my_properties.action-this_week a:visited.sbutton,#controller-my_properties.action-bookmarks a.sbutton,#controller-my_properties.action-bookmarks a:visited.sbutton{ display:block;float:left;margin-right:3px;height:20px; padding-left:6px;padding-right:6px;text-decoration:none;cursor:hand;cursor:pointer;} #controller-my_properties.action-this_week span.sbutton,#controller-my_properties.action-bookmarks span.sbutton{ display:block;float:left;margin-right:3px;height:20px; padding-left:6px;padding-right:6px; text-decoration:none;cursor:hand;cursor:pointer;font-weight:bold;} #controller-sessions .myplaces h3 { font-size:14px; font-weight:bold; height:30px; line-height:30px; padding:0 0 0 5px;} #controller-sessions .myplaces li { font-size:11px; font-weight:bold; padding:1px 0 0 5px;} #controller-sessions .myplaces .sign .checkbox input { border:0 none;float:left;width:auto;} #controller-sessions .myplaces .sign .checkbox p { float:right; font-size:10px; line-height:14px; font-weight:normal; margin-right:10px; width:115px;} #controller-sessions .articlebox .signup h2 { font-size:24px; font-weight:normal; height:40px; line-height:50px;} #controller-sessions .articlebox .signup li { font-size:14px; font-weight:bold; margin-top:15px;} #controller-sessions .articlebox .signup li.last { font-size:24px; font-weight:bold; margin:26px 0 24px;} /* TESTIMONIALS ------------------------------------------------------------------------------------------------------- All styling for Testimonials section */ #controller-static.action-testimonials td.alt1 { padding:10px; } #controller-static.action-testimonials td.alt1 p { padding:0 0 12px 0; } #controller-static.action-testimonials td.alt1 h3 { padding:0 0 15px 0; margin:0; } #controller-static.action-testimonials td.alt2 { padding:10px; } #controller-static.action-testimonials td.alt2 p { padding:0 0 12px 0; } #controller-static.action-testimonials td.alt2 h3 { padding:0 0 15px 0; margin:0; }