@charset 'utf-8';

/*
___  ____ _  _ ____ _ _  _ 
|  \ |  | |\/| |__| | |\ | 
|__/ |__| |  | |  | | | \| 
____ ____ ____ _ ___  ____ _  _ ___ _ ____ _    
|__/ |___ [__  | |  \ |___ |\ |  |  | |__| |    
|  \ |___ ___] | |__/ |___ | \|  |  | |  | |___   c h a n n e l   s k i n
--------------------------------------------------------------------------------------
skin-channel-residential.css (to be applied on top of skin-base-domain.css)

Author(s):      Stephen Mok - Fairfax Media
Born:           Oct 2008
Last modified:  $Revision: 12010 $
                $Date: 2011-10-28 16:54:19 +1100 (Fri, 28 Oct 2011) $
                $Author: rkelly $

Colours:        green (light to dark) - #6e9a2b, #4c7a1d, #360
                blue (light to dark) - #069, #036
                red - #cf3b01
                greys (light to dark) - #eee, #eeede9, #ddd, #ccc, #aaa, #999, #666
                black - #333

Contents:       + Generic
                  - Text Styles
                + Masthead (m) components
                + Content (c) components
                
                To search for a specific component, look for the component name in
                square brackets, e.g. [cT-nameOfComponent].
*/


/* -------
| Generic |  generic styles that apply to all components
-------------------------------------------------------------------------------------- */

/* Text Styles
...................................................................................... */
a { color:#4c7a1d }
	a:visited { color:#666 }
	a:hover, a:focus, a:active { color:#cf3b01 }
.box { border-color:#6e9a2b }

/* Buttons */
.button, .button:visited, .button:hover, .button:focus, .button:active { color:white }
/* ALTERNATIVE variable width with background colour
.button { background:#360 }
	.button:hover, .button:focus, .button:active { background-color:#4c7a1d }
 */
/* ALTERNATIVE fixed width with background image */
.button { background-color:#336600 } /* light green */
	.button:hover, .button:focus, .button:active { background-color:#4c7a1d }


/* Enhanced pages
...................................................................................... */
/* Headers */ 
.enhanced h1,
.frmSearch legend {color:#4c7a1d}
.enhanced h3 {color:#4c7a1d}
.enhanced .aside h3 {color:#333}

/* Button styles */
.enhanced .button {background:#356802; background:-moz-linear-gradient(top, #4e9707 0%, #356802 100%); background: -webkit-linear-gradient(top, #4e9707, #356802);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#4e9707', EndColorStr='#356802')}
.enhanced .button:hover,
.enhanced .button:focus {background:#3f8a00; background:-moz-linear-gradient(top, #3f8a00 0%, #285b00 100%); background: -webkit-linear-gradient(top, #3f8a00, #285b00);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#3f8a00', EndColorStr='#285b00')}
.enhanced .button:active {background:#366a02}
.enhanced .button.disabled {color:#9dc775}

.enhanced .cN-boxList {background:#f2f2f2}
.enhanced .cN-boxMoreItems {padding-right:0; margin-top:20px; font-size:1em; border-top:1px solid #ccc; background:none}
	.enhanced .cN-boxMoreItems  ul {overflow:hidden; padding:5px; line-height:1.1em; background:#f2f2f2}
	.enhanced .cN-boxMoreItems  li {margin-right:10px}
	.enhanced .cN-boxMoreItems  p {font-size:.92em}
	.enhanced .cN-boxMoreItems  p em {font-size:1.091em}
	
/* Wrappers
...................................................................................... */
/* Feature panel */
.panelFeature a {color:#333; text-decoration:underline}
	.panelFeature a:hover, 
	.panelFeature a:focus, 
	.panelFeature a:active {color:#4c7a1d}
	
.panelMap {position:relative; margin-bottom:15px}
	.panelMap .iconExpand {overflow:hidden; position:absolute; top:0; right:0}

/* Icons
...................................................................................... */
.iconExpand {display:inline-block; width:23px; height:23px; text-indent:-9999px; background:url('img/sprite-residential.png') no-repeat -902px -52px /* content | fixed width | expand btn  */}
.iconCompare {display:inline-block; padding-left:19px; padding-bottom:1px; background:url('img/sprite-residential.png') no-repeat 0 -410px /* content | fixed width | compare */}
.iconPrint {display:inline-block; padding-left:23px; background:url('img/sprite-residential.png') no-repeat -145px -324px /* content | fixed width | print */}
.iconDelete {display:inline-block; background:url('img/sprite-residential.png') no-repeat -145px -355px /* content | fixed width | delete */}
.iconAdd {display:inline-block; background:url('img/sprite-residential.png') no-repeat -145px -395px  /* content | fixed width | add */} 
.iconPin {display:inline-block; width:50px; height:36px; color:#fff; background:url('img/sprite-residential.png') no-repeat -207px -221px  /* content-alpha | pin */}


/* -----------------------
| Masthead (m) components |
-------------------------------------------------------------------------------------- */

/* [mB-header] Header (masthead)
...................................................................................... */
.header .mh-logo a { margin-left:9px; background:url("img/sprite-residential.png"); text-indent:-9999em }

/* Main navigation */
.nav { background:url("img/sprite-residential.png") 0 -180px; text-indent:-9999em }
.nav a { background:url("img/sprite-residential.png"); float:none; display:block }  /* change from float to block for Firefox 3 */
	.nav .first { padding-left:1px }
	.nav .nBuy { width:41px; background-position:-16px -140px }
		.nav .nBuy:hover, .nav .nBuy:focus,
		.nav .nBuy:active, .nav .selected .nBuy { background-position:-16px -100px }
	.nav .nRent { width:48px; background-position:-57px -140px }
		.nav .nRent:hover, .nav .nRent:focus,
		.nav .nRent:active, .nav .selected .nRent { background-position:-57px -100px }
	.nav .nShare { width:56px; background-position:-104px -140px }
		.nav .nShare:hover, .nav .nShare:focus,
		.nav .nShare:active, .nav .selected .nShare { background-position:-104px -100px }
	.nav .nSold { width:46px; background-position:-160px -140px }
		.nav .nSold:hover, .nav .nSold:focus,
		.nav .nSold:active, .nav .selected .nSold { background-position:-160px -100px }
	.nav .nInvest { width:57px; background-position:-868px -140px }
		.nav .nInvest:hover, .nav .nInvest:focus,
		.nav .nInvest:active, .nav .selected .nInvest { background-position:-868px -100px }
	.nav .nDevelopments { width:131px; background-position:-588px -140px }
		.nav .nDevelopments:hover, .nav .nDevelopments:focus,
		.nav .nDevelopments:active, .nav .selected .nDevelopments { background-position:-588px -100px }
	.nav .nNews { width:110px; background-position:-206px -140px }
		.nav .nNews:hover, .nav .nNews:focus,
		.nav .nNews:active, .nav .selected .nNews { background-position:-206px -100px }
	.nav .nPropertyReports { width:68px; background-position:-800px  -140px }
		.nav .nPropertyReports:hover, .nav .nPropertyReports:focus,
		.nav .nPropertyReports:active, .nav .selected .nPropertyReports { background-position:-800px  -100px }
	.nav .nAgents { width:102px; background-position:-316px -140px }
		.nav .nAgents:hover, .nav .nAgents:focus,
		.nav .nAgents:active, .nav .selected .nAgents { background-position:-316px -100px }
	.nav .nMyDomain { width:79px; background-position:-418px  -140px }
		.nav .nMyDomain:hover, .nav .nMyDomain:focus,
		.nav .nMyDomain:active, .nav .selected .nMyDomain { background-position:-418px -100px }
	.nav .nList { width:90px; background-position:-497px -140px }
		.nav .nList:hover, .nav .nList:focus,
		.nav .nList:active, .nav .selected .nList { background-position:-497px -100px }
	.nav .nDirectory {width:79px; background-position:-720px -140px}
		.nav .nDirectory:hover, .nav .nDirectory:focus,
		.nav .nDirectory:active, .nav .selected .nDirectory {background-position:-720px -100px}
	.nav .last { padding-right:1px; background:url("img/sprite-residential.png") 100% -180px }
		.nav ul .last { padding-right:0; background:none }  /* but don't apply this to subnav items */
/* Sub navigation */
.nav li ul a.mydomain { background: url("img/sprite-residential.png") no-repeat -270px -69px; text-indent:-999em; width:66px; height:14px; margin-top:5px }


/* ----------------------
| Content (c) components |
-------------------------------------------------------------------------------------- */

/* [cS-headingPage] Page title
   [cN-strapHeading] Title for strap or content area
   SHARED STYLES
...................................................................................... */
h1.cS-headingPage, .cN-strapHeading { color:#4c7a1d }


/* [cT-searchHeading] Title for search results
...................................................................................... */
.cT-searchHeading { color:#4c7a1d }

/* [cT-searchHeader] Header for search results
...................................................................................... */
.cT-searchHeader .button {  background-color:#729E31 }
	.cT-searchHeader .viewtabs .selected, .cT-searchHeader .viewtabs .selected:visited { color:#fff; background-image:none; background-color:#4c7a1d; border-color:#4c7a1d }
.searchHeaderAlt /* extends cT-searchHeader */{margin:0 25px; padding-bottom:3px; border-bottom:5px solid #4c7a1d}
	.searchHeaderAlt .cT-searchHeading {margin-bottom:5px}
	.searchHeaderAlt .viewlinks {padding-top:0}
	.searchHeaderAlt .viewlinks li.vRss {float:left}
.searchHdrEnhanced {margin-bottom:10px}
	.searchHdrEnhanced .viewtabs {font-size:.92em}
	.searchHdrEnhanced .viewtabs li {margin-right:0; border-left:1px dotted #ccc}
	.searchHdrEnhanced .viewtabs li:first-child {border-left:0}
	.searchHdrEnhanced .viewtabs a,
	.searchHdrEnhanced .viewtabs a:visited {padding-bottom:2px; border:1px solid #fff; text-decoration:none; background:none; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0}
	.searchHdrEnhanced .viewtabs a.selected,
	.searchHdrEnhanced .viewtabs a.selected:visited,
	.searchHdrEnhanced .viewtabs a.selected:hover,
	.searchHdrEnhanced .viewtabs a.selected:focus,
	.searchHdrEnhanced .viewtabs a.selected:active {color:#fff; border-color:#4c7a1d; background:#4c7a1d; background:-moz-linear-gradient(top, #6c982a 0%, #4c7a1d 100%); background: -webkit-linear-gradient(top, #6c982a, #4c7a1d);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#6c982a', EndColorStr='#4c7a1d')}
	.searchHdrEnhanced .viewtabs a:hover,
	.searchHdrEnhanced .viewtabs a:focus,
	.searchHdrEnhanced .viewtabs a:active {color:#4c7a1d; border:1px solid #fff; background:none}
	/*---- IE fixes ----*/
	* html .searchHdrEnhanced .viewtabs li {border:0}


/* [cT-searchMap] Search map on the search results
...................................................................................... */
/* ALTERNATIVE fixed width with background image */
.cT-searchMap .button { background-color:#729E31 }


/* [cT-listing] Property/business listing
...................................................................................... */
.cT-listing a.moredetails { background:#4c7a1d; color:white }

/* Details link */
/* ALTERNATIVE fixed width with background image */
.cT-listing .button { background-color:#356802 }
	* html .cT-listing .button:hover, * html .cT-listing .button:active { background-color:#49771c }


/* [cN-listInfoCount] List of available info/actions with a count/summary
...................................................................................... */
.cN-listInfoCount .sold strong { padding-right:33px; background:url("img/sprite-residential.png") no-repeat 100% -75px /* sprite:sold */ }


/* [cT-listing-agent] Agent listing
...................................................................................... */
/* contact details and action */
.cT-listing-agent .button { background-color:#356802 }
	* html .cT-listing-agent .button:hover, * html .cT-listing-agent .button:active { background-color:#49771c }


/* [cN-pagination] Pagination links
...................................................................................... */
.cN-pagination a:hover, .cN-pagination a:focus, .cN-pagination a:active { background:#360; border-color:#360; color:white }


/* [cN-groupNavigator] Search refinement navigator
...................................................................................... */
.cN-groupNavigator li.selected a { color:#4c7a1d }
	.cN-groupNavigator li.selected a:hover, .cN-groupNavigator li.selected a:focus, .cN-groupNavigator li.selected a:active { color:#cf3b01 }
.cN-groupNavigator h4 { color:#4c7a1d }
	.cN-groupNavigator h4 a:visited, .cN-groupNavigator h4 a:hover, .cN-groupNavigator h4 a:focus, .cN-groupNavigator h4 a:active { color:#4c7a1d }


/* [cT-searchRefine] Refine Search Results panel
...................................................................................... */
.cT-searchRefine .newsearch:visited { color:#4c7a1d }
	* html .cT-searchRefine .newsearch:hover, * html .cT-searchRefine .newsearch:active { color:#cf3b01 }


/* [cT-searchNew] New Search panel
...................................................................................... */
/* Search button */
/* ALTERNATIVE fixed width with background image */
.cT-searchNew .button { background-color:#729e31 }


/* [cT-searchFacet] Search refinement navigator
...................................................................................... */
.cT-searchFacet a:visited { color:#4c7a1d }
	* html .cT-searchFacet a:hover, * html .cT-searchFacet a:active { color:#cf3b01 }  /* IE 6 applies the :visited colour to the :hover state as well, so we need to override this */
	.cT-searchFacet h4 a:visited, .cT-searchFacet h4 a:hover, .cT-searchFacet h4 a:focus, .cT-searchFacet h4 a:active { color:#4c7a1d }
		* html .cT-searchFacet h4 a:hover, * html .cT-searchFacet h4 a:active { color:#4c7a1d }  /* the IE 6 override for all links (2 lines above) is more specific than the line immediately above, so we need to override the override */

/* Update buttons */
/* ALTERNATIVE fixed width with background image */
.cT-searchFacet .button { background-color:#729e31 }


/* [cT-productDetails] Details about a property
...................................................................................... */
.listing .main { min-height:160em }  /* set a min-height in case .listing .secondary is taller than .secondary .main */
	* + html .listing .main { min-height:163em }
	* html .listing .content { height:163em }  /* height acts like min-height in IE 6, but we have to apply it to .content instead of .main to prevent unique IE 6 bug with the size of .media */

/* Secondary content */
.listing .secondary { position:absolute; top:50em }  /* top is fixed assuming agent banner is present and with fixed height for summary */


/* [cT-productDescription] Description and features of a property/vehicle/etc
...................................................................................... */
.cT-productDescription blockquote { color:#4c7a1d }


/* [cT-boxPropertyWorth] 'What is this property worth?' box
...................................................................................... */
/* Get It Now link */
.cT-boxPropertyWorth .cA-buttonLink .button { background-color:#729E31 }
	
/* [cN-boxLink] Generic box with a single link
...................................................................................... */
.cN-boxLink { padding-bottom:.75em }
.cN-boxLink .lSuburbProfile,
.cN-boxLink .lFirstHomeBuyers,
.cN-boxLink .lMoveMyHome {display:block; line-height:20px; padding-left:23px; background:url("img/sprite-residential.png") no-repeat -9999px -9999px/*dummy assignment*/}
	.cN-boxLink .lSuburbProfile {background-position:-927px -1px}
	.cN-boxLink .lFirstHomeBuyers {background-position:-927px -51px}
	.cN-boxLink .lMoveMyHome {padding-left:29px;background-position:-807px -354px/*icons | Move My House icon*/}


/* [cT-productHistory] Full history of a property/vehicle/etc
...................................................................................... */
.cT-productHistory small a {overflow:hidden; display:inline-block; width:55px; height:20px; margin-left:.25em; text-indent:-9999px; vertical-align:middle; background:url("img/sprite-residential.png") -190px 0 /* HPG logo */}


/* [cS-salesHistory] List of recently sold properties, with optional sponsorship
...................................................................................... */
/* SCOPE: components
   ( these styles are placed here because this is a site-specific component ) */
.cS-salesHistory { position:relative }
	.cS-salesHistory h3 { margin-bottom:.35em }
	.cS-salesHistory p { margin-bottom:.5em }
		.cS-salesHistory p strong { display:block }
.cS-salesHistory li { list-style:none; margin:.5em 0 .5em }
	.cS-salesHistory li strong { margin-left:.5em; float:right }
.cS-salesHistory .sponsor { margin-top:.5em }
	.cS-salesHistory p.sponsor strong { display:inline }
	.cS-salesHistory .sponsor small { position:absolute; top:0; right:0 }
		.cS-salesHistory .sponsor small span { display:block }

/* SCOPE: skin */
.cS-salesHistory { border:1px solid #ccc; padding:.5em 9px }
	.cS-salesHistory h3 { font-size:1.5em; letter-spacing:-1px }
	.cS-salesHistory p { font-size:.92em }
.cS-salesHistory ul { border-top:1px dotted #ccc }
	.cS-salesHistory li { font-size:.92em; border-bottom:1px dotted #ccc; padding-bottom:.3em; margin:.3em 0 }
.cS-salesHistory .sponsor { border-top:2px solid #cf3b01; padding-top:.5em; margin-top:.75em; font-size:.83em }
	.cS-salesHistory .sponsor small { margin:.15em .5em 0 0; text-align:right }
.cS-salesHistory .source { display:block; font-size:.83em; margin:.75em 0 }
	.cS-salesHistory .source .logo { margin-left:.25em; display:-moz-inline-box; display:inline-block; text-indent:-9999em; width:80px; height:20px; vertical-align:bottom; background:url("img/sprite-residential.png") -190px 0 }
	* + html .cS-salesHistory .source .logo { vertical-align:baseline }  /* tweak IE 7 alignment */
	* html .cS-salesHistory .source .logo { vertical-align:baseline }  /* tweak IE 6 alignment */
	/* Firefox 2 is the only browser that doesn't support display:inline-block
	   the two lines below are a hack to target Firefox 2 only (x is a deliberate reference to a non-existent element)
	   details: http://pornel.net/firefoxhack */
		/* target Firefox 2: */ .cS-salesHistory .source .logo, x:-moz-any-link { padding-left:80px; overflow:hidden }
		/* reset for Firefox 3, IE 7: */ .cS-salesHistory .source .logo, x:-moz-any-link, x:default { padding-left:0 }


/* [cS-salesHistory-table] Sales history and auction results in a tabular format
...................................................................................... */
/* SCOPE: components
   ( these styles are placed here because this is a site-specific component ) */
.cS-salesHistory-table { margin:1em 0; position:relative }

/* Source */
.cS-salesHistory-table .source { position:absolute; top:0; right:0 }
	* html .cS-salesHistory-table small.source { right:240px }  /* IE 6 positions it relative to .content */
	
.cS-salesHistory-table table { margin-top:.5em; border-collapse:collapse }
	.cS-salesHistory-table th, .cS-salesHistory-table td { padding-right:1em }
		.cS-salesHistory-table th.last, .cS-salesHistory-table td.last { padding-right:0 }
		body:last-child:not(:root:root) .cS-salesHistory-table th.propertytype .access { display:none }  /* Webkit doesn't hide the .access text properly in a th, so we have to drop it */

/* SCOPE: skin */
.cS-salesHistory-table { font-size:.92em }
	.cS-salesHistory-table .source { margin:.5em .5em 0 0 }
	.cS-salesHistory-table small { font-size:.91em }
	.cS-salesHistory-table small.source a { margin-left:.25em; display:-moz-inline-box; display:inline-block; text-indent:-9999em; width:80px; height:20px; background:url("img/sprite-residential.png") -190px 0 /* HPG logo */ }
	.cS-salesHistory-table th, .cS-salesHistory-table td { padding-top:.25em; padding-bottom:.25em; border:1px dotted #ccc; border-left:none; border-right:none }
		.cS-salesHistory-table th { font-weight:bold; line-height:24px; padding-top:0; padding-bottom:0 }
		.cS-salesHistory-table .last td { border-bottom:none }
	/* icons for table headers
	   -> these can be found in the Domain base skin as they use the Domain base sprite */
	/* view more properties link */
	.cS-salesHistory-table .more { border-top:1px dotted #ccc;padding-top:.25em } 
	/* table column widths */
	.cS-salesHistory-table th.propertytype { width:12% }
	.cS-salesHistory-table th.landarea { width:17% }
	.cS-salesHistory-table th.bedrooms { width:6% }
	.cS-salesHistory-table th.bathrooms { width:6% }
	.cS-salesHistory-table th.agency { width:20% }
	.cS-salesHistory-table th.contractdate { width:23% }
	.cS-salesHistory-table th.transactiontype { width:25% }
		/* wider Agency column in variant without Sale Type */
		.cS-salesHistory-table.saletype-none th.agency { width:30% }
	.cS-salesHistory-table th.saletype { width:16% }
		/* wider Sale Type column in variant without Agency */
		.cS-salesHistory-table.agency-none th.saletype { width:30% }
	.cS-salesHistory-table th.price { width:12% }
	/* th.address width = 100% - the above-specified percentages (also note 1em padding-right) */

/* CUSTOMISATION of nested [cT-searchHeading] */
.cS-salesHistory-table .cT-searchHeading { margin-bottom:.25em; font-size:1.09em }  /* reset font-size, which was reduced for the whole of .cS-salesHistory-table */


/* [cT-searchResults] Search results containing listings
...................................................................................... */
/* CUSTOMISATION of nested [cT-searchHeading] */
.cT-searchResults .cS-salesHistory-table { margin-bottom:.5em }


/* [cS-storyPromo] Simple promotion story
...................................................................................... */
.cS-storyPromo .button {background-color:#356802}
.promoPropertyReport /*extends cS-storyPromo*/ {padding-left:70px; border:1px solid #cccccc; background:#ffffff url("img/sprite-residential.png") no-repeat -885px -220px /*icons | property research*/}


/* [cN-productTools] Property/vehicle/etc listing tools links list
...................................................................................... */
.cN-productTools .lShortAdd a {background:url('img/sprite-residential.png') no-repeat -785px -390px /* content | icons | add to shortlist */}
.cN-productTools .lDownload a {background:url('img/sprite-residential.png') no-repeat -772px -412px /* content | icons | grey arrow down */} 
/* Update buttons */
/* ALTERNATIVE fixed width with background image */
.cN-productTools .button { background-color:#356802 }
	* html .cN-productTools .button:hover, * html .cN-productTools .button:active { background-color:#49771c }


/* [cN-action] Call to action with description and button
...................................................................................... */
.cN-action h3 { color:#4c7a1d; background:url("img/sprite-residential.png") no-repeat; line-height:40px }
	/* the IE 7- and IE 6-specific background position adjustments below are required because IE in the case doesn't take the container's 2px border into account */
	.cN-action.sellproperty h3 { background-position: -270px 10px; text-indent:44px }
		* + html .cN-action.sellproperty h3 { background-position: -268px 12px }
		* html .cN-action.sellproperty h3 { background-position: -268px 12px }
	.cN-action.findtenant h3 { background-position: -483px 10px; text-indent:41px }
		* + html .cN-action.findtenant h3 { background-position: -481px 12px }
		* html .cN-action.findtenant h3 { background-position: -481px 12px }
	.cN-action.findflatmate h3 { background-position: -699px 10px; text-indent:36px }
		* + html .cN-action.findflatmate h3 { background-position: -697px 12px }
		* html .cN-action.findflatmate h3 { background-position: -697px 12px }
.cN-action li { font-size:.92em }


/* [cB-agentEmail] Email enquiry form, including a list of agent contacts
...................................................................................... */
/* Update buttons */
/* ALTERNATIVE fixed width with background image */
.cB-agentEmail .button { background-color:#356802}


/* [cB-login-noSignup] Login form - no new signup option
...................................................................................... */
.cB-login-noSignup h2 { color:#4c7a1d }


/* [cN-options] Listing and description of options
...................................................................................... */
.cN-options h2 { color:#4c7a1d }


/* [cN-listLinks] List of related links
...................................................................................... */
/* Specific heading icons */
.cN-listLinks.list-suburbprofile h3 { padding-left:25px; background:url("img/sprite-residential.png") no-repeat 0 0 }
.cN-listLinks.list-propertyreport h3 { padding-left:25px; background:url("img/sprite-residential.png") no-repeat -925px -25px }

/* Powered by */
.aside .cN-listLinks small.source { line-height:2.09em }
	* + html .aside .cN-listLinks small.source { line-height:1.67em }
	* html .aside .cN-listLinks small.source { line-height:1.67em }
.aside .cN-listLinks small.source a { margin-left:.25em; display:-moz-inline-box; display:inline-block; text-indent:-9999em; width:80px; height:20px; background:url("img/sprite-residential.png") -190px 0 /* HPG logo */ }
/* Firefox 2 is the only browser that doesn't support display:inline-block
   the two lines below are a hack to target Firefox 2 only (x is a deliberate reference to a non-existent element)
   details: http://pornel.net/firefoxhack */
	/* target Firefox 2: */ .aside .cN-listLinks small.source a, x:-moz-any-link { padding-left:80px; overflow:hidden; vertical-align:top }
	/* reset for Firefox 3, IE 7: */ .aside .cN-listLinks small.source a, x:-moz-any-link, x:default { padding-left:0 }
	/* additional reset for IE 7 */ * + html .aside .cN-listLinks small.source a { vertical-align:baseline }


/* [cN-searchFilter] Form for narrowing down search choices
...................................................................................... */
/* Search button */
/* ALTERNATIVE fixed width with background image */
.cN-searchFilter .button { background-color:#356802 }
	* html .cN-searchFilter .button:hover, * html .cN-searchFilter .button:active { background-color:#49771c }



/* [cB-matchList] List of matched preferences
...................................................................................... */
.cB-matchList { border-color:#6e9a2b }
.cB-matchList .sponsor cite { float:left; margin-right:.75em }
.cB-matchList .sponsor strong{ text-indent:-999em; display:inline-block; background:url("img/sprite-residential.png") }

/* Commonwealth bank */
.cB-matchList .sponsor cite { line-height:24px }
.cB-matchList .sponsor strong { width:156px; height:29px }
.cB-matchList .sponsor.commonwealth strong { background-position: -270px -40px }

/* Move My Home widget */
.widgetMoveMyHome {position:relative;margin-bottom:20px;padding:0 10px;border:1px solid #afafaf;
	-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;background:url('img/sprite-residential.png') no-repeat 0 -1058px/*bg Move My Home widget*/}
	.widgetMoveMyHome .heading {margin:43px 0 7px;font:bold 1.333em "Arial narrow",Arial,sans-serif;text-transform:uppercase;text-align:center;color:#fff;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background:#4c7a1d}
	.widgetMoveMyHome .heading span {position:absolute;left:-9999px}
	.widgetMoveMyHome p {margin:0;font:bold .916em Arial,sans-serif}
	.widgetMoveMyHome .cN-story {margin:0 0 6px;padding:0;border:0;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background:#e9e9e9}
	.widgetMoveMyHome .cN-story img {float:none;display:block;width:90px;margin:7px auto;border:1px solid #fff}
	.widgetMoveMyHome .cN-story .wof {padding:0 6px 6px}
	.widgetMoveMyHome .cN-story h3 {margin:0;padding:0;font:bold .916em Arial,sans-serif;letter-spacing:normal;border:0}
	.widgetMoveMyHome .cN-story p {font-weight:normal;color:#686868}
	.widgetMoveMyHome .ad {position:relative;margin:7px -10px/*parent padding*/ 0;padding:10px;border-top:1px solid #afafaf;background:#ffd737}
		* html .widgetMoveMyHome .ad {zoom:1}
	.widgetMoveMyHome h4 {position:absolute;bottom:10px;right:10px;width:34px;height:16px;background:url('img/sprite-residential.png') no-repeat -216px -83px/*logos | logo Yes Optus*/;text-indent:-9999px}
	.widgetMoveMyHome p {color:#000}
	.widgetMoveMyHome .coverage {font-weight:normal;color:#616161}
	.widgetMoveMyHome .ad a {font:normal .916em Arial,sans-serif;color:#000}


/* Ads
...................................................................................... */
.cA-textLinks strong{color:#4c7a1d}

.cA-renterInsurance {position:relative;width:130px;height:200px;margin-bottom:25px;padding:10px 15px;background:url('img/sprite-ad-renter-insurance.jpg') no-repeat 0 0/*default:SGIC*/}
	.cA-renterInsurance h3 {margin:0 0 12px;font:bold 1.333em/1.1 Arial,sans-serif;letter-spacing:normal;color:#fff}
	.cA-renterInsurance p {overflow:hidden;max-height:70px/*avoid overflow beyond 5 lines*/;margin-bottom:17px;font:normal 1.157em/1.15 Arial,sans-serif;color:#fff}
	.cA-renterInsurance p strong {display:block; font-size:.857em}
	.cA-renterInsurance .company {position:absolute;left:-9999px}
	.cA-renterInsurance a {position:absolute;top:122px;left:15px;display:block;width:106px;height:16px;padding:6px 12px 4px;outline:none;cursor:pointer;text-align:center;text-decoration:none;
		font:bold 1.166em/100% Arial, sans-serif;vertical-align:baseline;text-shadow: 0 1px 1px rgba(0,0,0,.3)}
		/* ----- IE fixes ----- */
		* html .cA-renterInsurance p {height:70px}
		* html .cA-renterInsurance a {overflow:visible/*fix padding*/;padding:6px 12px 4px}
		*+ html .cA-renterInsurance a {overflow:visible/*fix padding*/}
		/*IE8*/ .cA-renterInsurance a {padding:4px 12px 6px\9}
	.cA-renterInsurance a:hover {text-decoration:none}
	/* SGIC */
	.cA-renterInsurance a {color:#fff}
	.cA-renterInsurance a:hover,
	.cA-renterInsurance a:focus,
	.cA-renterInsurance a:active {color:#fff;background:url('img/sprite-ad-renter-insurance.jpg') no-repeat -480px -220px/*NRMA NSW btn hover*/}
	/* SGIO */
	.renter2 {background-position:-160px 0/*SGIO*/}
	.renter2 a {color:#fff}
	.renter2 a:hover,
	.renter2 a:focus,
	.renter2 a:active {color:#fff;background:url('img/sprite-ad-renter-insurance.jpg') no-repeat -480px -220px/*NRMA NSW btn hover*/}
	/* NRMA Qld */
	.renter3 h3 {color:#fab12b}
	.renter3 {background-position:-320px 0/*NRMA Qld*/}
	.renter3 a {color:#fff}
	.renter3 a:hover,
	.renter3 a:focus,
	.renter3 a:active {color:#fff;background:url('img/sprite-ad-renter-insurance.jpg') no-repeat -320px -220px/*NRMA Qld btn hover*/}
	/* NRMA NSW */
	.renter4 {background-position:-480px 0/*NRMA NSW*/}
	.renter4 a {color:#fff}
	.renter4 a:hover,
	.renter4 a:focus,
	.renter4 a:active {color:#fff;background:url('img/sprite-ad-renter-insurance.jpg') no-repeat -480px -220px/*NRMA NSW btn hover*/}


/* [cA-ratesList] Promotional list of rates
...................................................................................... */
.cA-ratesList { overflow:hidden }
	* html .cA-ratesList { height:1% }
.cA-ratesList h3 { padding-top:.13em; background:url("img/sprite-residential.png") no-repeat -270px 10px; line-height:40px; text-indent:44px }
	* + html .cA-ratesList h3 { background-position: -268px 12px }
	* html .cA-ratesList h3 { background-position: -268px 12px }
.cA-ratesList p { margin-top:-1em; padding-left:52px }
.cA-ratesList li { padding-left:19px }
.cA-ratesList dl { margin-left:44px }
.cA-ratesList h4 { padding-left:44px; background-position:-1200px -674px }
.cA-ratesList .button { background-color:#729e31; float:right; margin-right:8px }
.cA-ratesList cite { text-indent:-999em; width:80px; float:left; margin-left:12px; background:url("img/sprite-residential.png") -190px -20px }


/* [cN-textGeneric] Generic static text with optional inline links
...................................................................................... */

/* Sidebar instances */
.aside .cN-textGeneric { padding:.5em 0; border-top:1px solid #ccc; border-bottom:1px solid #ccc }
.aside .cN-textGeneric p { margin-bottom:0; font-size:.92em }

/* Sponsor Link Sidebar instances */
.cN-textGeneric .lFirstHomeBuyers { display:block; line-height:20px; padding-left:23px; background:url("img/sprite-residential.png") no-repeat -927px -51px}

/* [cN-browseMap] Clickable map of Australia
...................................................................................... */
.featWide .cN-browseMap {float:left; margin-right:23px; padding-left:12px; width:231px}
	.featWide .cN-browseMap h2 {margin-top:-5px; color:#4c7a1d; font-size:2.25em}

/* [cN-featDetails] Feature details (horizontal compact version)
...................................................................................... */
.featResi /* extends .cN-featDetails*/ dd {height:17px; background:url('img/sprite-residential.png') no-repeat}
	.featResi dd.bedrooms {padding-left:25px; background-position:-145px -271px}
	.featResi dd.bathrooms {padding-left:20px; background-position:-145px -288px}
	.featResi dd.carspaces {padding-left:25px; background-position:-145px -306px}
	
	
/* Main content components
...................................................................................... */
/* Development summary*/
.devSummary {overflow:visible; margin:0 11px 10px 11px; background:none}
	.devSummary h1 {margin-top:14px}
	.devSummary h1,
	.devSummary .defHoriz {padding-left:14px}
	.devSummary .propCompare {clear:both; margin:0; padding:0; border:0}
	.devProp {position:relative; float:left; margin:15px -11px; padding:0 0 0 11px; width:934px; background:#e5e4e4}
	.devProp dl {float:left; padding:5px 0}
	.devProp .defHoriz dd {padding:10px 10px 8px 0; border-right:1px dotted #fff}
	.devProp .propName {font-weight:bold}
	/* Properties dropdown */
	.propDropdownTrigger {float:right; padding:5px 24px 5px 10px; font-size:.92em; font-weight:bold; background:url('img/sprite-residential.png') no-repeat 100% -448px /* content | fixed width | green arrow down */;}
	.propDropdown {position:relative; left:-11px; padding-top:1px; width:945px; border-top:1px solid #d4d4d4}
	/* When dropdown is hidden */
	.scriptable .propDropdownTrigger {z-index:2;border:1px solid #d4d4d4; background-color:#d4d4d4} /* Need to position this absolut with z-index so it overlaps the dropdown */
	.scriptable .propDropdown {display:none} 
	.scriptable .propShow .propDropdown {display:block}
	/* When dropdown is shown */
	.scriptable .propShow .propDropdownTrigger {border:1px solid #d4d4d4; border-bottom:1px solid #f2f2f2; border-right:1px solid #f2f2f2} /* When dropdown is showing */
	.scriptable .propShow .propDropdownTrigger,
	.propDropdown {background-color:#f2f2f2}
	/* Nested elements in propDropdown */
	/* Caraousel*/
	.propDropdown .carouselThumbs {width:915px}
	.propDropdown .s-listPropCompare li {padding:0 3px 1px 9px}
	.propDropdown .carouselNav a {width:22px}
	.propDropdown .carouselNav a {background-position:7px -428px /* next/prev | normal | prev */}
	.propDropdown .carouselNav a:hover,
	.propDropdown .carouselNav a:focus,
	.propDropdown .carouselNav a:active, 
	.propDropdown .carouselNav a.disabled:hover,
	.propDropdown .carouselNav a.disabled:focus,
	.propDropdown .carouselNav a.disabled:active {background-position:7px -518px /* next/prev | hover | next */}
	.propDropdown .carouselNav .next a {background-position:-11px -428px /* next/prev | normal | next */}
	.propDropdown .carouselNav .next a:hover,
	.propDropdown .carouselNav .next a:focus,
	.propDropdown .carouselNav .next a:active {background-position:-11px -518px /* next/prev | hover | next */}
	.scriptable .propDropdown .carouselThumbs {width:901px; padding:0 22px}
	/* Property compare list */
	.propDropdown dl {padding-top:0}
	/*---- IE fixes ---*/
	* html .devProp {margin:15px 0 0 0; width:911px}
	* html .scriptable .propShow .dropdown {right:-13px}
	* html .scriptable .propDropdown .expand {padding-bottom:10px; border:0}
	*+ html .scriptable .propDropdown .expand {border:0}
	/*IE8*/.propDropdown .expand {padding-bottom:7px\9}
.propHotspots {position:relative}
	.hotspotTrigger {cursor:pointer; display:block; text-indent:-9999px; border:0; width:32px; height:32px; background:url('img/sprite-residential.png') no-repeat -96px -428px}
.propFeatList {overflow:hidden; margin-bottom:10px}
	.propFeatList dl {float:left; width:123px; margin-right:15px; padding-right:15px; border-right:1px dotted #ccc}
	.propFeatList dl.last {margin-right:0; padding-right:0; border-right:0}
	.propFeatList dt {font-weight:bold}
	* html .propFeatList dl {margin-right:10px}
.propSummary {overflow:hidden; padding:10px 0 10px 23px; -moz-box-shadow::0 1px 0 #ccc; -webkit-box-shadow::0 1px 0 #ccc; box-shadow:0 1px 0 #ccc; border-bottom:1px solid #fff; background:url('../skin-base-domain/img/sprite-domain-bg.png') no-repeat -355px -100px}
	.propSummary + .panelDivider {padding-top:0; margin-bottom:10px}
	.propSummary .s-definition {float:left; width:220px}
	.propSummary .s-definition dt {width:100px}
	.propSummary .s-definition dd {width:100px}
	.propSummary .s-definition.first {width:312px; margin-right:15px; border-right:1px dotted #ccc}
	.propSummary .s-definition.first dt {width:117px}
	.propSummary .s-definition.first dd {width:165px}
	/*---- IE fixes ----*/
	* html .propSummary {zoom:1}
/* Property compare */
.propCompare {margin-top:15px; padding-top:12px; border-top:1px solid #ccc}
	.propCompare .actions {overflow:hidden; padding:7px 22px; border-top:1px solid #fff; font-size:.92em; background:#f2f2f2}
	.propCompare .actions .view {float:left}
	.propCompare .actions .compare {float:right}	
	.propCompare .actions .btnTxt {padding-left:10px; font-size:1em; font-weight:bold; background:url('img/sprite-residential.png') no-repeat -925px -477px}	
	
/* Lists
...................................................................................... */
/* s-listingPremium */
.s-listingPremium h3 {color:#333}
	.s-listingPremium .tools .shortAdd {background:url('img/sprite-residential.png') no-repeat -785px -390px}
/* Custom bullets */
.listAlt li {margin-left:0; padding-left:10px; list-style:none; background:url('img/sprite-residential.png') no-repeat -798px -374px}
	.listAlt .last {padding-left:0; background:none}

/* Property feature list */
.listPropFeature li {margin:0 0 16px; padding-left:26px; font-size:.92em; list-style:none; background:url('img/sprite-residential.png') no-repeat}
	.listPropFeature .land {background-position:0 -218px /* content | fixed width | land */}
	.listPropFeature .design {background-position:0 -234px /* content | fixed width | design */}
	.listPropFeature .houseLand {background-position:0 -250px /* content | fixed width | house & land */}
	.listPropFeature .house {background-position:0 -282px /* content | fixed width | house */}
	.listPropFeature .apartment {background-position:0 -298px /* content | fixed width | land */}
	.listPropFeature .firstHome {background-position:0 -266px /* content | fixed width | first home */}
	.listPropFeature .invest {background-position:0 -330px /* content | fixed width | investment */}
	.listPropFeature .retire {background-position:0 -346px /* content | fixed width | retirement */}
	.listPropFeature .tree {background-position:0 -362px /* content | fixed width | tree change */}
	.listPropFeature .sea {background-position:0 -378px /* content | fixed width | sea change */}
	.listPropFeature .family {background-position:0 -394px /* content | fixed width | young families */}
	/*---- IE fixes ----*/
	* html .listPropFeature {margin-left:-1px; width:348px}
.keySearch dl {float:left}
	.keySearch dt {padding:3px 0 3px 23px}
	.keySearch .recent dt {background:url('img/sprite-residential.png') no-repeat -145px -218px /* content | fixed width | land */}
	.keySearch .favourites dt {background:url('img/sprite-residential.png') no-repeat -145px -236px /* content | fixed width | land */}
	/*---- IE fixes ----*/
	* html .keySearch dl {display:inline}
.featNarrow legend span.
.featNarrow h3 {color:#4c7a1d}

/* Featured properties */
.propFeature {margin-top:14px; padding-top:8px; border-top:1px solid #ccc} 
	.propFeature h3 {color:#333; font-size:1.5em; font-weight:bold} 
	.propFeature ul {overflow:hidden; margin-left:-5px; width:578px}
	.propFeature li {float:left; margin:5px 0 0 5px; padding:8px 8px 0; width:268px; list-style:none; color:#fff; background:#2b3333}
	.propFeature img {margin:-8px 0 0 -8px}
	.propFeature p {margin-bottom:8px; color:#aaadad}
	.propFeature a {display:block /* need this otherwise when video play button is placed, the columns won't align*/}
	.propFeature p a {display:inline-block; color:#808584; background:url('img/sprite-residential.png') no-repeat -755px -429px /* content | icons | dark grey arrow */}
	.propFeature .more {padding-left:10px}
	.propFeature a:hover,
	.propFeature a:focus,
	.propFeature a:active {color:#fff}
	.propFeature .hdr {margin-top:2px; font-size:1.333em; font-family:Arial,Helvetica,sans-serif}
	.propFeature .feature {margin-top:0; width:557px}
	.propFeature .playVideo {overflow:visible; display:block}
	/*---- IE fixes ----*/
	* html .propFeature ul {margin-left:-8px; width:588px}
	* html .propFeature li {padding-right:0}
	* html .propFeature a.playVideo img { margin:0}
	* html .propFeature a.playVideo {margin:-8px 0 0 -8px}


/* Interactive
...................................................................................... */
/* Carousels */
.s-carousel {padding-bottom:1px; background-color:#f2f2f; border-bottom:1px solid #dedede; background:#f2f2f2}
	.carouselThumbs {background-color:#f2f2f2}
	.carouselNav a {background:#f2f2f2 url('img/sprite-residential.png') no-repeat 11px -428px /* next/prev | normal | prev */}
	.carouselNav a:hover,
	.carouselNav a:focus,
	.carouselNav a:active, 
	.carouselNav a.disabled:hover,
	.carouselNav a.disabled:focus,
	.carouselNav a.disabled:active {background-position:11px -518px /* next/prev | hover | next */}
	.carouselNav .next a {background-position:-8px -428px /* next/prev | normal | next */}
	.carouselNav .next a:hover,
	.carouselNav .next a:focus,
	.carouselNav .next a:active {background-position:-8px -518px /* next/prev | hover | next */}
	
/* Tables
...................................................................................... */
.tblCompare {table-layout: fixed}
.tblCompare h2,
	.tblCompare p {margin-bottom:5px}
	.tblCompare h3 {font-size:1em; font-family:Verdana, sans-serif}
	.tblCompare .hdr, 
	.tblCompare span {display:block; width:85px}
	.tblCompare .hdr {display:block; color:#333}
	.tblCompare .hdr:hover,
	.tblCompare .hdr:active,
	.tblCompare .hdr:focus {color:#4c7a1d}	
	.tblCompare th,
	.tblCompare td {width:85px; padding:3px 5px; text-align:center; border-left:1px dotted #ccc}
	.tblCompare thead {padding-top:20px}	
	.tblCompare tbody th {padding-right:10px; font-weight:bold; text-align:left}
	.tblCompare img {display:block; margin:0 auto}
	.tblCompare .first {width:200px; border:0}
	.tblCompare .thumbnail img { border:1px solid #ccc}
	.tblCompare .highlight {font-size:1.167em; color:#fff; background:#aaa}
	.tblCompare .iconAvail {margin:0 auto; width:15px; height:16px; text-indent:-9999em}
	.tblCompare .iconAdd {background-position:-145px -389px}
	.tblCompare .iconDelete {background-position:-145px -349px}
	.tblCompare .iconAdd,
	.tblCompare .iconDelete {display:block; padding-left:15px; width:74px; line-height:1}
	* html .tblCompare button span {display:block; width:45px} 
	*+ html .tblCompare button span {display:block; width:45px}
	.tblCompare button span {display:block\9; width:65px\9} 
	
	.tblCompare .access {position:relative; display:block /* need it to be block otherwise border in td won't show */}
	/*---- IE fixes ----*/
	* html .tblCompare thead th {padding-top:20px}
	*+ html .tblCompare thead th {padding-top:20px}
	
	
/* Forms
...................................................................................... */
/* Strip away button style */
.btnTxt {color:#4c7a1d}
	.btnTxt:hover,
	.btnTxt:active {color:#cf3b01}
.refineOptions p {margin-bottom:0}
.refineIcons /* extends .refineOptions */ p,
	.refineIcons div {background:url('img/sprite-residential.png') no-repeat}
	.refineIcons .price {background-position:-145px -254px}
	.refineIcons .bed {background-position:-145px -271px}
	.refineIcons .bathroom {background-position:-145px -288px}
	.refineIcons .carspace {background-position:-145px -305px}

.frmElMulti legend {color:#4c7a1d}

/* Tabs
...................................................................................... */
.tabNav {margin-bottom:10px; font-size:.92em; border-bottom:5px solid #4c7a1d}	
	.tabNav li {padding:4px 10px; border-left:1px dotted #ccc}
	.tabNav li:first-child {border-left-width:0}
	.tabNav li:first-child.selected {border-left-width:1px}
	.tabNav a {color:#333; text-decoration:none; font-weight:bold}
	.tabNav a:hover,
	.tabNav a:focus,
	.tabNav a:active {color:#4c7a1d; text-decoration:none}
	.tabNav em {font-size:0.92em; font-style:normal; font-weight:bold}
	.tabNav .selected {border:1px solid #4c7a1d; background:#4c7a1d; background:-moz-linear-gradient(top,#6c982a 0%,#4c7a1d 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#6c982a),color-stop(100%,#4c7a1d)); background:-webkit-linear-gradient(top,#6c982a,#4c7a1d);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#6c982a',endColorStr='#4c7a1d')}
	.tabNav .selected a {color:#fff}
	/*---- IE fixes ----*/
	* html .tabNav li {border:0}


/* jQuery UI
...................................................................................... */
/* Comparison table dialog */
.dialogCompare {position:relative}
	.dialogCompare .dialogPanel {margin-top:10px; width:720px}
	.dialogCompare .iconCompare {margin-right:10px}
	.dialogCompare .btnDelete {position:absolute; top:20px; right:30px}
	
.dialogMap h3 {color:#000}
	.dialogMap li {width:190px}
	.dialogMap .external {margin-top:0}
	.dialogMap .cB-mapLegend input {margin-right:27px}
	
/* --------------------------
| Print styles
-------------------------------------------------------------------------------------- */
@media print {
	
/* Hide from print */
.dialogCompare thead .access,
.tblCompare tbody .access,
.tblCompare input {display:none !important}

/* Property compare table */
.tblCompare .iconAvail {width:auto; height:auto; text-indent:0}
.tblCompare .highlight {border:1px solid #ccc; border-width:1px 0}
}