/* common.css */
HTML, BODY {
margin : 0;
padding : 0;
font-family:Arial,Helvetica,sans-serif;
}
FORM { margin:0; }
FORM SELECT { border:1px solid; font-family:Arial,Helvetica,sans-serif; font-size:11px; width:120px; margin:3px; }
FORM INPUT.checkbox,
FORM INPUT.radio,
FORM LABEL.radio INPUT {background:transparent;}
FORM LABEL.lpad {margin-left:7px;}
H1 {}
H2 {}
H3 { font-family:Arial,Helvetica,sans-serif; font-size:13px; font-weight:bold; margin:5px 0; }
H4 { font-family:Arial,Helvetica,sans-serif; font-size:12px; font-weight:bold; margin:5px; }
UL { font-family:Arial,Helvetica,sans-serif; font-size:11px; }
P { font-family:Arial,Helvetica,sans-serif; font-size:11px; width:100%; margin:10px 0; padding:0;}
/* had to be called this as calendar was taken by the script */
IMG.calendarIcon {cursor: pointer; background:transparent;margin-top:2px;}
IMG.editIcon {cursor:pointer;height:16px;width:16px;margin:3px 0px 2px 2px;border:none;}
H3.rightline { font-family:Arial,Helvetica,sans-serif; font-size:12px; font-weight:bold; margin:5px 0; border-bottom:1px solid; text-align:right;}
DIV.networkStripTop {width: 978px; margin: 8px 0px 1px 10px;}
/* HOMEPAGE */
.mapAusSmall {
background:transparent url(/images/map/mapAusSmall.gif) no-repeat scroll 0%;
float:left;
height:177px;
margin:15px 0px 4px 30px;
padding:0pt;
position:relative;
width:203px;
}
/* END HOMEPAGE*/
A.more { font-family:Arial,Helvetica,sans-serif; font-size:10px; text-decoration:underline; }
.center { text-align:center; }
.linkCtr { text-align:center; }
.linkCtr A { font-family:Arial,Helvetica,sans-serif; font-size:10px; text-decoration:underline; }
.bold { font-weight: bold; }
.noclr{clear:none;}
.info { font-family:Arial,Helvetica,sans-serif; font-size:11px; padding:10px; font-weight:bold; border:2px solid; margin:5px; clear:left; }
.info IMG { float:left; vertical-align:top; margin-right:5px; }
.error { font-family:Arial,Helvetica,sans-serif; font-size:11px; padding:10px; font-weight:bold; border:2px solid; margin:5px; clear:left; }
.error IMG { float:left; vertical-align:top; margin-right:5px; }
.poweredBy { font-family:Arial,Helvetica,sans-serif; font-size:9px; text-align:left; }
.poweredBy A { font-family:Arial,Helvetica,sans-serif; text-decoration:none; }
.popup { position:relative; left:443px; top:260px; width:220px; z-index:1; float:left; }
.popup .top { background-image:url(/images/results/bubble_top.gif); background-repeat:no-repeat; height:12px; }
.popup .mid { background-image:url(/images/results/bubble_mid.gif); font-family:Arial,Helvetica,sans-serif;color:#666; font-size:10px; padding:0 15px 5px 10px; }
.popup .base { background-image:url(/images/results/bubble_base.gif); background-repeat:no-repeat; height:6px; }
/* Clearer element */
.clr { clear:both; height:0px; line-height: 1px; }
.hidden { display: none; }
.notable { font-weight:bold;}
/* Masthead */
#masthead { width:505px; height:80px; float:left; margin-left: 0; }
#masthead #brand { width:440px; float:left; margin-left:10px; display:inline /* IE6 double float bug */; }
#masthead #brand #icon { height:50px; margin:10px 0px; float:left; }
#masthead #brand #siteTitle { height:18px; width:360px; margin:25px 0px 5px 15px; float:left; }
* html #masthead #siteTitle { margin-right :0 } /*IE6 bug*/
#masthead #brand #position{ font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#666666; width:360px; float:left; margin-left:15px; }
#masthead { width:510px; height:60px; float:left; margin-left: 0; }
#masthead #siteTitle { height:59px; margin:5px 10px 5px; float:left; }
/* Main Menu */
#mainMenu { width:980px; height:30px; margin:0 10px; background-repeat:repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:11px; float:left; display:inline /* IE double float bug */;}
#mainMenu A { font-family:Arial, Helvetica, sans-serif; font-size:11px; padding:9px 10px 7px 10px; background-repeat:repeat-x; text-decoration:none; text-align:center; float: left; font-weight: bold; }
#mainMenu A:hover { text-decoration:none; }
#mainMenu DIV { width:4px; height:30px; }
#mainMenu DIV#blueBarSpace{ width:2px; height:30px; float:left; }
#mainMenu #quickSearch { text-decoration:none; text-align:right; float:left; height:23px; margin:7px 0 0 45px; }
#mainMenu #quickSearch INPUT { margin:0; border:0 none;}
#mainMenu #quickSearch .quicksearchinput { font-size:10px; width:150px; padding-left:5px; border:0px none; margin:0;}
/* Main Area */
#mainArea { width:1000px; float:left; margin :10px 0 0 10px; display:inline /* IE6 double float bug */; }
/* Ads placeholders */
#bannerAd { width:468px; height:60px; float:left; margin:5px 0 5px 12px; font-family:Arial,Helvetica,sans-serif; font-size: 9px; text-align:center; }
* html #bannerAd { margin-left:5px } /* IE6 bug */
#bannerSky { width:160px; height:600px; z-index:10; float:left; margin:0; font-family:Arial,Helvetica,sans-serif; font-size: 9px; text-align:center; }
.rightSky { width:160px; /*height:600px;*/ z-index:10; float:left; margin:0 0 0 15px; font-family:Arial,Helvetica,sans-serif; font-size: 9px; text-align:center; }
#bannerRight { height:650px; width:140px; margin-top:5px; }
.resultAd { width:100%; height:60px; margin :10px 0 ; font-size: 9px; text-align:center; }
/* Left side menus */
#leftMenu { width:140px; float:left; margin-right: 22px; display:inline /* IE6 double float bug */; }
#leftMenu .menuHead { padding:6px 0px 5px 8px; width:132px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight: bold; }
#leftMenu .menuItem { }
#leftMenu .menuItem A { font-family:Arial, Helvetica, sans-serif; font-size:11px; text-decoration: none; padding:5px 0 5px 5px; width:135px; border-bottom: solid 1px; float:left; }
#leftMenu .menuItem A:hover { }
#leftMenu .menuBase, #leftMenu .menuBaseDark { background-repeat:no-repeat; width:140px; height:8px; float:left; clear:left; font-size:3px; margin-bottom:10px; }
#rightMenu { width:140px; float:left; display:inline; margin:0 5px 0 22px;}
#rightMenu .menuHead { padding:6px 0px 5px 8px; width:132px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight: bold; }
#rightMenu .menuItem { }
#rightMenu .menuItem A { font-family:Arial, Helvetica, sans-serif; font-size:11px; text-decoration: none; padding:5px 0 5px 5px; width:135px; border-bottom: solid 1px; float:left; }
#rightMenu .menuItem A:hover { }
#rightMenu .menuBase, #rightMenu .menuBaseDark { background-repeat:no-repeat; width:140px; height:8px; float:left; clear:left; font-size:3px; margin-bottom:10px; }
.menuTop { background-image:url(/images/menus/menuTop.gif); background-repeat:no-repeat; width:140px; height:8px; float:left; clear:left; font-size:3px; }
.menuBase { background-image:url(/images/menus/menuBase.gif); background-repeat:no-repeat; width:140px; height:8px; float:left; clear:left; font-size:3px; margin-bottom:10px; }
#mapTxt{ color:#333; padding:10px; width:200px; height:150px; float:left; margin-right:20px; }
a.gtDarkGrey { font-family:Arial, Helvetica, sans-serif; color:#333; text-decoration:none; font-size:11px; }
a:hover.gtDarkGrey { font-family:Arial, Helvetica, sans-serif; color:#333; text-decoration:underline; font-size:11px; }
.gtHeading3 { font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#333; font-weight:bold; text-align:left; margin:0; height:18px; border-bottom:1px solid #333; width:100%; float:left; }
.LoggedIn {}
/* content area */
#content { float:left; margin:0; }
.Std { width:495px; }
.Wide { width:650px; }
.WideNoSky { width:670px; }
.ExtraWide { width:805px; }
.ExtraWideNoSky { width:825px; }
.FullWide { width:980px; }
.innercontent {border:solid 1px;border-top-width:0px;padding:0.5em;}
/*footer area */
.footerArea { clear:both; width: 980px; float:left; margin:30px 0px 0px 10px; display:inline; /* IE6 double float bug */}
.footerArea A IMG { border:none; }
.footerArea DIV.section { width: 465px; height: 9em; padding: 10px; float:left; margin-right:5px; font-family: Arial, Helvetica, sans-serif; font-size:10px; }
.footerExtra { width: 980px; height:70px; float:left; margin:5px 0 5px 10px; padding-top:5px; border-top :1px solid; font-family:Arial, Helvetica, sans-serif; font-size:9px; text-align:center; display:inline /* IE double float bug */;}
.footerLeft P { margin: 0px; padding: 0px; }
.footerExtra A { text-decoration:none; font-size:9px; font-family:Arial, Helvetica, sans-serif; text-align:center; }
.footerArea .footerLeft a { float: right; }
.footerArea .footerLeft div { float: right; width: 21em; padding-left: 1em; }
.footerArea .footerLeft div a { float: none; }
.footerArea .footerLeft p,
.footerArea .footerLeft p a,
.footerArea .footerLeft p a:visited { font-size: 17px; color: #000; }
.footerArea .footerLeft img { margin-right: 3px; }
.footerArea .footerLeft p a { text-decoration: underline; }
.footerArea .footerRight a { text-decoration: none; }
/* generic items */
.breadcrumb { font-size:9px; font-family:Arial, Helvetica, sans-serif; margin-top:10px;clear:left; }
.breadcrumb A { font-size:9px; font-family:Arial, Helvetica, sans-serif; }
/* Sponsored Links */
.adSponsored { padding:2px; font-size:1px; float:left; }
.adSponsored IMG { display: none; } /* If there is a lone image here, it is an empty ad (1x1 pixel), so don't display */
.adSponsored BR { height:1px; width:0; vertical-align:top; line-height:0; }
.adSponsored A { font-family:Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; margin:4px 0; }
.adSponsored A:hover { font-family:Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; }
.adSponsored A IMG { height:15px; width:15px; border:0px; vertical-align:middle; display:inline; margin:3px 0; } /* If the image occurs in a link, it's an ad link */
H3.linksethdr { font-size:12px; text-transform:capitalize; }
.linkset { margin-bottom: 10px; }
.linkset A { font-family:Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; margin:4px 0; }
.linkset A:hover { text-decoration:underline; }
.linkset A.selected { font-weight:bold; }
.half { width:45%; float:left;}
.topgap { margin-top:10px; }
.linkset .hdr { font-size:12px; font-weight:bold; }
.linkset .sub { font-size:12px;}
.linkset .uri { font-size:11px; }
/* Flexible Width Panel Bar */
UL.panelBar { background-repeat:repeat-x; list-style:none; padding:0; margin:0; width:100%; font-size:10px;}
UL.panelBarTopGap { margin-top:10px; }
UL.panelBar LI { height:25px; display:inline; line-height:25px; }
UL.panelBar LI A { text-decoration:none; line-height:25px; padding:7px 5px 5px 5px; }
UL.panelBar LI.left, UL.panelBar LI.right { background-repeat:no-repeat; padding:0; }
UL.panelBar LI.left { float:left; width:7px; }
UL.panelBar LI.right { float:right; width:5px; }
UL.panelBar LI.hdr { font-size:11px; font-weight:bold;}
UL.panelBar LI.search { font-size:10px; text-align:center; float:left; }
/* search results */
UL.resultHdr { background-repeat:repeat-x; list-style:none; padding:0; margin:0; width:100%; font-size:11px; border-bottom:solid 1px;}
UL.resultHdr LI { height:30px; display:inline; line-height:32px; }
UL.resultHdr LI.left, UL.resultHdr LI.right { height:32px; background-repeat:no-repeat; padding:0; }
UL.resultHdr LI.left { float:left; width:6px; }
UL.resultHdr LI.right { float:right; width:5px; }
UL.resultHdr LI A { font-family:Arial,Helvetica,sans-serif; font-size:11px; text-decoration:none; }
UL.resultHdr LI.size { float:right; text-align:right; line-height:14px; font-weight:bold; margin:0; padding-top:1px; }
UL.resultHdr LI.sizeLbl { float:right; text-align:left; line-height:14px; font-weight:bold; border-right:1px solid; margin:0 5px 0 0; padding:2px 5px 0 0; }
UL.resultHdr LI.size DIV .sup { font-size:14px; }
UL.resultHdr LI.method { float:right; text-align:left; line-height:30px; font-weight:bold; border-right:1px solid; margin:0 5px 0 0; padding:2px 5px 0 0; }
.resultCtr { border-left: solid 1px; border-right: solid 1px; clear:both; padding-top:10px;}
.resultCtr IMG { border:0; float:left; clear:right; }
.resultCtr DIV.left { margin: 0 10px 10px; float:left; display: inline /* IE6 double float bug */; width:120px; }
.resultCtr DIV.ctr { font-family:Arial,Helvetica,sans-serif; font-size: 11px; margin: 0 0 10px 10px; }
.resultCtr DIV.ctr .title { font-family:Arial,Helvetica,sans-serif; font-size:12px; font-weight:bold; margin-bottom:5px; text-decoration: none; }
.resultCtr DIV.right { margin: 0 10px 10px 10px; float:right; display:inline /* IE6 double float bug */;}
.resultCtr DIV.right IMG { border:0; float:left; vertical-align:bottom; clear:left; }
.resultCtr .status { font-family:Arial,Helvetica,sans-serif; font-size:11px; font-weight:bold; width:120px; height:16px; text-align:center; text-decoration:none; padding-top:2px; margin-bottom:2px; }
.resultCtr A.pid { font-family:Arial,Helvetica,sans-serif; font-size:9px; width:120px; text-align:center; text-decoration:none; float:left; clear:left;}
.resultCtr DIV.company { font-family:Arial,Helvetica,sans-serif; font-size:10px; width:100px; text-align:right; float:left; clear:left; margin-top:3px;}
.resultCtr DIV.company IMG.mail { margin: 3px 3px 0 0; float:none; }
.resultCtr .bookmark { font-family:Arial, Helvetica, sans-serif; font-size:10px; margin: 10px 0; }
.resultCtr .bookmark A {font-family: Arial, Helvetica, sans-serif; font-size:10px; }
/* result separator */
.sep { height:10px; line-height:10px; font-size:1px; padding:0; margin:0; clear:left; }
UL.resultFtr { background-repeat:repeat-x; list-style:none; padding:0; margin:0 0 10px 0; width:100%; font-size:1px; clear:left; height:6px;}
UL.resultFtr LI { height:6px; display:inline; line-height:6px; }
UL.resultFtr LI.left, UL.resultFtr LI.right { height:6px; background-repeat:no-repeat; padding:0; }
UL.resultFtr LI.left { float:left; width:5px; }
UL.resultFtr LI.right { float:right; width:5px; }
UL.resultNav {background-repeat:repeat-x; font-family:Arial,Helvetica,sans-serif; font-size:10px; margin:10px 0 0 0; padding:0; text-align:center; list-style:none; }
UL.resultNav LI { height:25px; display:inline; line-height:25px; }
UL.resultNav LI A { font-family:Arial,Helvetica,sans-serif; text-decoration:none; }
UL.resultNav LI.ctr { display:block; text-align:center;}
UL.resultNav LI.ctr SELECT, UL.resultNav LI.ctr LABEL { float:none; }
UL.resultNav LI.left { float:left; width:5px; }
UL.resultNav LI.right { float:right; width:5px; }
UL.resultNav LI.leftLink { float:left; }
UL.resultNav LI.rightLink { float:right; }
UL.resultNav LI.leftLink A, UL.resultNav LI.rightLink A { float:left; text-decoration:none; }
UL.resultNavTop { margin:0 0 10px 0; }
UL.resultNavLight { margin:0 15px; }
UL.resultNavLight LI { height:23px; line-height:23px;}
UL.resultNavLight LI.left { float:left; width:4px; }
UL.resultNavLight LI.right { float:right; width:4px; }
/* quick links directory */
/* forms */
FORM FIELDSET { font-family:Arial,Helvetica,sans-serif; font-size:11px; margin:0; padding:9px; border:0 none; border-bottom:1px solid; }
FORM FIELDSET LABEL { float:left; padding:3px; clear:left;}
FORM FIELDSET LABEL.std { width: 120px; }
FORM FIELDSET LABEL.wide { width: 400px; }
FORM FIELDSET P { margin:5px; }
FORM FIELDSET SPAN { padding:5px; clear:both; /*display: block;*/ }
FORM FIELDSET .buttonBlue {font-family: Arial, Helvetica, sans-serif;font-size: 11px;font-weight: bold;padding: 1px 5px 1px 5px;border-width:1px;border-style:solid;width:auto;}
FORM FIELDSET DIV.textbox { margin:3px; padding:0px; width:200px; float:left; line-height:18px; }
FORM FIELDSET DIV.textbox LABEL { float:left; display:block; width:80px; line-height:18px; margin-left:2px; }
FORM FIELDSET DIV.textbox INPUT { float:left; line-height:18px; height:16px; }
FORM FIELDSET DIV.textbox SELECT { height:18px; }
FORM FIELDSET DIV.radio { margin:0; padding:0; width:200px; float:left; line-height:18px; }
FORM FIELDSET DIV.radio INPUT { margin:1px 5px; float:left; clear:left; }
FORM FIELDSET DIV.radio LABEL { margin:0 0 0 3px; vertical-align:middle; clear:none; padding:2px 0; }
FORM FIELDSET DIV.checkbox { margin:0; padding:0; width:210px; float:left; line-height:18px; }
FORM FIELDSET DIV.checkbox INPUT { margin:2px 5px; float:left; clear:left; }
FORM FIELDSET DIV.checkbox LABEL { margin:0 0 0 3px; vertical-align:middle; clear:none; padding:2px 0; }
FORM FIELDSET DIV.hdr {margin:5px; }
FORM FIELDSET DIV.hdr LABEL { font-size:12px; text-decoration:none; font-weight:bold; margin-right:15px; }
/* search form */
FORM FIELDSET.search { padding:10px; border-top:0; border-left:1px solid; border-right:1px solid; border-bottom:1px solid; }
FORM FIELDSET.search P { margin:5px 0; }
FORM FIELDSET.search BR { clear:right; }
FORM FIELDSET.search #divBuildingArea, FORM FIELDSET.search #divLandArea , FORM FIELDSET.search #divAnnualReturn, FORM FIELDSET.search #divPrice { float:left; clear:left; width:400px; }
FORM FIELDSET.search SELECT { border:1px solid; font-family:Arial,Helvetica,sans-serif; font-size:11px; width:180px; float:left; margin:3px; }
FORM FIELDSET.search SELECT.small { width:70px; }
FORM FIELDSET.search INPUT.text { width:178px; margin-left:3px; border:1px solid;}
FORM FIELDSET.search .radioSet { float:left; clear:right; margin:1px 0;}
FORM FIELDSET.search .checkSet { float:left; clear:both; margin:10px 0; }
FORM FIELDSET.search .checkSet INPUT { width: 20px; border:0 none; }
FORM FIELDSET.search .checkSet LABEL { width: 150px; display:inline; float:none; }
FORM FIELDSET.search .mapLeft { width:180px; height:300px; padding:5px 10px 20px 20px; float:left; font-family:Arial,Helvetica,sans-serif; font-size:11px; color:#333; background-color:#F1F1F1; }
FORM FIELDSET.search .mapMid { width:40px; float:left; padding:150px 15px 0; }
FORM FIELDSET.search .mapRight { width:300px; float:left; padding:5px; height:300px; background-color:#F1F1F1; }
FORM FIELDSET.standard {clear:both;padding:5px;}
FORM FIELDSET.standard P {margin:0px 0px 5px 0px;}
FORM FIELDSET.standard LABEL,
FORM FIELDSET.standard INPUT,
FORM FIELDSET.standard SELECT,
FORM FIELDSET.standard TEXTAREA {font-family:Arial,Helvetica,sans-serif;float:left;margin-right:10px;margin-bottom:3px;font-size:11px;}
FORM FIELDSET.standard TEXTAREA {clear:left;float:left;margin-top:1em;width:90%;height:7em;}
FORM FIELDSET.standard SPAN.mceEditorContainer {display:block;}
FORM FIELDSET.standard SPAN {display:inline;}
FORM FIELDSET.standard SELECT {margin-left:0px;}
FORM FIELDSET.standard INPUT {border:solid 1px;margin:3px 3px 3px 0px;}
FORM FIELDSET.standard LABEL {width:120px;}
FORM FIELDSET.standard INPUT.postcode {width:4em;}
FORM FIELDSET.standard INPUT.checkbox {width:1em;border:none;}
FORM FIELDSET.standard INPUT.checkbox2 {border:none;}
FORM FIELDSET.standard INPUT.text {width:230px;}
FORM FIELDSET.standard DIV.check {width:200px;float:left;}
FORM FIELDSET.standard DIV.check LABEL {width:155px; clear:none;}
FORM FIELDSET.standard DIV.radio {clear:both; width:auto;height: 19px;}
FORM FIELDSET.standard DIV.radio INPUT,
FORM FIELDSET.standard DIV.radio LABEL {background:transparent;float:left;padding:0px;}
FORM FIELDSET.standard DIV.radio INPUT {border-width:0px;height:100%;width:12px;}
FORM FIELDSET.standard DIV.radio LABEL {height:100%;}
FORM FIELDSET.standard DIV.radio INPUT.text {width:230px;background-color:#FFF;border-width:1px;margin:0px;}
FORM FIELDSET.standard LABEL.radio {clear:none;display:block;margin:0px;height:12px;}
FORM FIELDSET.standard INPUT.radio,
FORM FIELDSET.standard LABEL.radio INPUT {margin:0px 3px 0px 0px;border:none;background:transparent;}
FORM FIELDSET.standard LABEL.radio INPUT {height:100%;}
FORM FIELDSET.standard SELECT.large { width:250px; }
FORM FIELDSET.standard SELECT.medium { width:175px; }
FORM FIELDSET.wideLabels LABEL {width:200px;}
/* used on ~/edit/edit-listing-details-1.asp page 3 of 4 */
FORM FIELDSET.standard INPUT.wide,
FORM FIELDSET.standard SELECT.wide {width:250px;}
/* used on ~/edit/default.asp?id=???? */
FORM FIELDSET.standard INPUT.fullwidth,
FORM FIELDSET.standard LABEL.fullwidth {clear:both;width:90%;margin-left:5px;}
FORM FIELDSET.standard LABEL.fullwidth {margin-left:0px;}
/* used on ~/edit/default.asp?id=???? */
FORM FIELDSET.listingtype LABEL.checkbox {width:40%;display:block;clear:none;margin:0px;padding:0px;float:left;}
FORM FIELDSET.listingtype LABEL.checkbox INPUT {position:relative;bottom:5px;border:none;background:transparent;}
/* used on ~/edit/default.asp?id=??? */
FORM FIELDSET .useAlternativeText LABEL {width:auto;}
FORM FIELDSET .useAlternativeText .text {}
/* used on ~/edit/default.asp */
FORM FIELDSET.feature {/*width:290px;*/}
FORM FIELDSET.feature DIV {float:left;width:290px;}
FORM FIELDSET.feature DIV.rightSideCopy INPUT {width:1em;}
FORM FIELDSET.feature DIV.rightSideCopy LABEL {width:8em;float:right;display:inline;}
FORM FIELDSET.feature IMG.exampleimage {width: 310px; float:left;}
FORM FIELDSET.inline { clear:none; }
.buttons { float:right; clear:left; }
.buttons INPUT, INPUT.button {width:auto; font-size:11px; font-weight:bold; padding:1px 5px; margin:0px; border:1px solid; cursor:pointer;}
UL.checkSet { list-style:none; padding: 0; margin:0; width:100%; }
UL.checkSet LI { display:inline; width:230px; float:left; display:block; }
/* Fieldset base */
UL.fsBase { background-repeat:repeat-x; list-style:none; padding: 0; margin:0; width:100%; float:left; }
UL.fsBase LI { height:8px; display:inline; line-height:8px; }
UL.fsBase LI.left, UL.fsBase LI.right { height:8px; background-repeat:no-repeat; padding:0; }
UL.fsBase LI.left { float:left; width:5px; }
UL.fsBase LI.right { float:right; width:5px; }
/* static content (copy) */
DIV.copy { font-family:Arial,Helvetica,sans-serif; padding:10px; margin-left:4px }
DIV.copy H2 { font-size:15px; font-weight:bold; text-align:left; margin:10px 0; }
DIV.copy UL.large { margin:0 0 0 15px; }
DIV.copy P { padding:0; margin:10px 0; float:none; }
DIV.copy SPAN { font-size:11px; }
DIV.copy P.bigger { font-size:13px; }
DIV.copy A { font-size:11px; }
/* search criteria */
DIV.searchCriteria { margin:3px 0; border-bottom:1px solid ; border-top:1px solid; font-family:Arial,Helvetica,sans-serif; font-size:11px; float:left; }
DIV.searchCriteria A { font-family:Arial,Helvetica,sans-serif; font-size:11px; font-weight:bold; }
/* listing images */
.listing {}
.listing .hdr { margin-top:10px; font-family:Arial,Helvetica,sans-serif; }
.listing .hdr .loc { font-size:12px; font-weight:bold; padding:5px; width:180px; float:left; }
.listing .hdr .id { font-size:11px; font-weight:bold; padding: 5px 0 5px 15px; float:left; text-align:center; }
.listing .hdr .type { font-size:11px; font-weight:bold; padding:5px; float:right; width:70px; }
.listing .ctr .images {margin:0 0 5px 10px; font-family:Arial,Helvetica,sans-serif; font-size:10px; }
.listing .ctr .images .imageMain { width:300px; height:225px; text-align:left; vertical-align:top; float:left; display:block;}
.listing .ctr .images .imageThumb { width:120px; height:90px; text-align:left; margin:5px 10px;}
.listing .text { font-family:Arial,Helvetica,sans-serif; font-size:11px;}
.listing .text .status{ font-weight:bold; text-align:center; padding-top:2px; margin-bottom:2px; }
.listing .text .headline { font-size:12px; display:inline; margin-bottom:5px; }
.listing .text .desc { display:inline; margin-bottom:5px; }
.listing .text .address { font-size:11px; width:240px; margin-bottom: 5px; }
.listing .text .chart { width:235px; margin-left:5px; float:right; border-bottom:solid 1px; }
.listing .text .chart .lft { width:120px; padding:3px 0; font-size:11px; font-weight:bold; float:left; border-top:solid 1px; }
.listing .map { width:445px; height:320px; margin:10px; float:left; border:1px solid #999;}
/* listing detail */
.listingDt { font-family:Arial,Helvetica,sans-serif; font-size: 11px; }
.listingDt .hdr { width:486px; margin-top:10px; font-weight:bold; color:#333;}
.listingDt .hdr .loc { padding:5px; width:180px; float:left; font-size:12px;}
.listingDt .hdr .pid { padding:5px; width:180px; float:left; padding:5px 0 5px 15px;text-align:center;}
.listingDt .hdr .type { padding:5px; width:70px; float:left;}
.listingDt .ctr { width:486px; height:auto; }
.listingDt .ctr { width:486px; margin:5px 0 10px 0; }
.listingDt .ctr .imgLrg { width:350px; float:left; }
.listingDt .ctr .imgEnl { margin:0 0 5px 10px; font-size:10px; color:#666; float:left; }
.listingDt .ctr .imgTn { width:135px; float:left; }
.listingDt .txt { color:#333; padding:10px 0 10px 5px; width:481px; float:left; }
.listingDt .txt .detail { width:470px; float:left; }
.listingDt .txt .detail .sold { background-image:url(/images/misc/black-gradient.gif); font-weight:bold; color:#FFF; width:120px; height:16px; text-align:center; text-decoration:none; padding-top:2px; margin-bottom:2px; }
.listingDt .txt .detail .title { font-size:12px; font-weight:bold; width:100%; margin-bottom:5px; }
.listingDt .txt .detail .address { font-size:11px; font-weight:bold; width:100%; margin-bottom:5px; color:#333; }
.listingDt .txt .detail .desc { float:left; width: 100%; margin-bottom:10px; padding-right:10px; }
.listingDt .txt .detail .desc .chart { width:235px; margin-left:5px; float:right; border-bottom:solid 1px #999999; }
.listingDt .txt .detail .desc .chart DIV { padding:3px 0; background-color:#F3F3F3; float:left; border-top:solid 1px #999999;}
.listingDt .txt .detail .desc .chart #propDtLine1 { width:120px; font-weight:bold; }
.listingDt .txt .detail .desc .chart #propDtLine1a { width:115px; }
.listingDt .tools { background-image:url(/images/panels/panel_lgtgrey_wide.gif);background-repeat:no-repeat; font-weight:bold; color:#333; padding:6px 0 5px 10px; width:476px; float:left; }
.listingDt .disclaimer { font-size:10px; color:#999; padding:10px 0; width:486px; border-top:solid 1px #999; margin-top:10px;}
.agent { font-family:Arial,Helvetica,sans-serif; font-size:11px; color:#333; padding:6px 0; width:130px; text-align:center; }
.agent .logoRHC { width:120px; margin:5px; }
.agent .ctr { font-size:11px; color:#333; text-decoration:none; padding:5px; background-color:#E7E6E6; width:130px; float:left; }
.agent .email { background-color:#000; color:#FFF; padding:2px; margin:2px; font-weight:bold; background-image:url(/images/misc/button_bg.gif); display:block; width:125px; text-align:center; text-decoration:underline; cursor:pointer;}
/* AU Map items */
#agentDirMap .mapAU {margin:10px 0 10px 140px; }
.mapAU { position:relative; width:203px; height:177px; background-repeat:no-repeat; padding:0; float:left; display:inline; }
.mapAU a {display:block;}
.mapAU a:hover, .mapAU a.selected { background-repeat: no-repeat; }
.mapAU span { margin:0; padding:0; list-style:none; display:block; position:absolute; background:none; }
.mapAU .WA {left:4px;top:16px;width:75px;height:62px}
.mapAU .NT {left:77px;top:5px;width:45px;height:75px}
.mapAU .QLD {left:122px;top:0px;width:71px;height:100px}
.mapAU .SA {left:77px;top:80px;width:56px;height:66px}
.mapAU .NSW {left:133px;top:97px;width:61px;height:47px}
.mapAU .VIC {left:132px;top:123px;width:37px;height:28px}
.mapAU .ACT {left:151px;top:120px;width:22px;height:12px}
.mapAU .TAS {left:128px;top:158px;width:35px;height:17px}
.mapAU .WA a {height:116px}
.mapAU .NT a {height:75px}
.mapAU .QLD a {height:100px}
.mapAU .SA a {height:66px}
.mapAU .NSW a {height:47px}
.mapAU .VIC a {height:28px}
.mapAU .ACT a {height:11px}
.mapAU .TAS a {height:17px}
.mapAU .WA a:hover, .mapAU .WA a.selected {background-position:-4px -193px}
.mapAU .NT a:hover, .mapAU .NT a.selected {background-position:-77px -359px}
.mapAU .QLD a:hover, .mapAU .QLD a.selected {background-position:-122px -177px}
.mapAU .SA a:hover, .mapAU .SA a.selected {background-position:-77px -434px}
.mapAU .NSW a:hover, .mapAU .NSW a.selected {background-position:-133px -628px}
.mapAU .VIC a:hover, .mapAU .VIC a.selected {background-position:-132px -300px}
.mapAU .ACT a:hover, .mapAU .ACT a.selected {background-position:-150px -473px}
.mapAU .TAS a:hover, .mapAU .TAS a.selected {background-position:-128px -512px}
.mapPanel { width:100%; height: 215px; margin:0; }
.GMapLrg {width:648px; margin:0; border:1px solid #999; border-top:0; height:400px; float:left; }
P.ListingCount {border:1px solid;padding:2px;width:5em;position:absolute;}
/* printing */
@media print {
#mastheadouter, #mainMenu, #leftMenu, #rightMenu, #bannerSky, .footerArea, .footerExtra { display: none; }
#content { width: 600px; }
}
.printer { float:right; font-family:Arial,Helvetica,sans-serif; font-size:10px; }
.validationsummary {clear:both;color:#F00;padding:1em;}
.validationsummary p {color:#F00;font-style:italic;}
.validationsummary ul {color:#F00;}
.validationsummary li {color:#F00;}
.inputPlainError, form fieldset.standard input.inputPlainError { background-color:#FCC; border:solid 1px #F66; margin:3px 3px 3px 0; font-family : Arial, Helvetica, sans-serif; font-size:11px; float:left; color:#333; }
.tblBrowse {font-family:Arial, Helvetica, sans-serif; font-size:10px; width:100%;}
.tblBrowse TR { height:23px; vertical-align:top; padding:2px; }
.mTab { width:100%; border-bottom:2px solid; height:28px; font-family:Arial, Helvetica, sans-serif; font-size:10px; vertical-align:top; padding:2px 0 0 2px; margin:0; }
.mTab A, .mTab DIV.icons A { background-position:center bottom; background-repeat:no-repeat; font-size:11px; text-decoration:none; font-weight:bold; width:120px; float:left; text-align:center; padding:9px 0 5px 0; margin:0 2px 0 0; height:14px; }
.mTab A.icon {width:20px; float:right; height:20px; padding:5px 0 0 0; margin:3px 0 0 0;}
IMG.listingimage {width:187px;height:140px;border:none;}
/* casual/listingstats.asp */
TABLE.listingstatssummary {font-family:inherit;font-size:12px;}
TABLE.listingstatssummary TH,
TABLE.listingstatssummary TD {vertical-align:top;}
TABLE.listingstatssummary TH {font-weight:normal;text-align:left;}
TABLE.listingstatssummary TD {font-weight:bold;}
IMG.colourcode {height:1em;width:5px;border:none;}
/* end casual/listingstats.asp */
/* property images */
div.img_tns,
div.img_tnm,
div.img_tnl,
div.img_lrg,
div.img_std,
div.img_tnr,
div.img_tnw {overflow:hidden;display:block;float:left;text-align:center;background-color:#FFF;}
div.img_tns img,
div.img_tnm img,
div.img_tnl img,
div.img_lrg img,
div.img_std img,
div.img_tnr img,
div.img_tnw img {border:solid 1px;display:block;}
div.img_tns {height:086px;width:126px;}
div.img_tnm {height:170px;width:252px;}
div.img_tnl {height:227px;width:302px;}
div.img_std {height:390px;width:452px;}
div.img_lrg {height:602px;width:802px;}
div.img_tnl{width:300px}
/* end property images*/
/* property listing */
/*div.listing {position:relative;}*/
/*
div.listing div.resultCtr {padding:5px;}
div.listing p {margin:0px; }
div.listing p.sub {margin-top:5px;}
div.listing div.img_tns,
div.listing div.img_tnm {float:left;margin-right:5px;display:inline;}
div.listing div.text {position:relative;overflow:hidden;}
div.agent_logos {float:right;margin:2px;}
div.img_agentlogo {height:42px;width:120px;overflow:hidden;}
div.img_agentlogo img {max-height:42px;max-width:120px; float:right;}
*/
/* end property */
/* ~/edit/manage-contacts.asp */
div.contact p {margin-top:0px;margin-bottom:0px;}
/* end ~/edit/manage-contacts.asp */
/* contact details panel on the properties detail page */
div.contact_details_panel p {margin:0px;}
/* */
/*
.advertorial { background:none repeat scroll 0% 50%; border:1px solid; float:left; height:780px;margin:5px 0; overflow:hidden; padding:0; width:154px; clear:left; }
*/
.advertorial { background:none repeat scroll 0% 50%; border:1px solid; margin:5px 0; overflow:hidden; padding:0; width:154px; height:780px }
.advertorialwide { width: 312px; height:390px; display: block;}
/* Fairfax Paper links */
a.paperLink, a.paperLink:link, a.paperLink:visited, a.paperLink:active, a.paperLink:hover {
border:1px solid #DDDDDD; display:block; float:left; height:33px; margin:0pt 1em 0pt 0pt; width:200px;
}
a.paperLink:hover { border-color:#000000; }
a.paperLink ins { display:none; }
/* ------------------------------------------------------------
New listing styles (added 2008-08-18 by Stephen Mok, CSU)
------------------------------------------------------------ */
.listing {overflow:hidden;position:relative;margin:1em 0;background:url("/images/bg-sprite_listings.png") no-repeat 0 bottom}
* html .listing {overflow:visible;height:1%} /* make hasLayout in IE 6 */
.listing a img {border:none}
.listing ul {list-style-type:none;padding-left:0;margin:0;color:#FFF}
* + html .listing ul {margin-left:0}
* html .listing ul {margin-left:0}
/* title bar details */
.listing .details {overflow:hidden;padding:9px 5px 0;height:23px;margin-bottom:10px;background:url("/images/bg-sprite_listings.png") no-repeat}
.listing-premium .details {background-position:0 -33px}
.listing-elite .details {background-position:0 -66px}
.listing-topspot .details {background-position:0 -99px}
.listing .details li {float:right;font-size:11px;font-weight:bold;border-left:1px solid #fff;padding-left:5px;margin-right:5px}
.listing li.location {float:left;text-transform:uppercase}
.listing li.location A { color: #000; }
.listing li.location, .listing li.type {border-left:none}
.listing.listing-standard ul{color:#333}
.listing.listing-standard .details li{border-color:#333}
/* photos */
.listing .photos {float:left;margin:0 0 10px 10px}
* + html .listing .photos {margin-bottom:7px}
* html .listing .photos {margin-bottom:7px;display:inline} /* display:inline fixes IE 6 double margin bug */
.listing-premium .photos, .listing-elite .photos {width:259px}
.listing-premium .photos a, .listing-elite .photos a {float:left;width:125px;height:84px;margin:0 0 4px 4px}
.listing-premium .photos img, .listing-elite .photos img {margin:0 auto;display:block}
.listing-elite .photos {margin:0 0 6px 6px}
* + html .listing-elite .photos {margin-bottom:10px}
* html .listing-elite .photos {margin-bottom:10px;width:261px}
.listing-premium .photos {margin:0 0 50px 6px}
* + html .listing-premium .photos {margin-bottom:53px}
* html .listing-premium .photos {margin-bottom:53px}
/* description text */
.listing h3, div.listing p {float:right;width:365px;background:none;margin-right:10px}
.listing-standard h3, div.listing-standard p {width:365px}
* html .listing h3, * html div.listing p {display:inline} /* IE 6 double margin bug */
div.listing p.subtitle {margin:-4px 10px 8px 0}
div.listing p.Description {margin-top:4px;}
div.listing span.StatusMessage {display:block}
/* bottom left details and tools */
.listing .tools {clear:both;padding:10px 0px 10px 10px;overflow:hidden}
* html .listing .tools {height:1%;} /* make hasLayout in IE 6 */
.listing .tools li {float:left;color:#999;border-right:1px solid #ccc;padding-right:5px;margin-right:5px}
.listing .tools li.save {border-right:none}
.listing .tools li.save a {color:#999;text-decoration:underline}
/* agent logos */
.listing .agentlogos {position:absolute;bottom:5px;right:10px}
.listing .agentlogos img {margin-left:5px}
/* Main Menu hacks for ninemsn */
#ninemsnmainMenu { width:980px; height:30px; margin:0 10px; background-repeat:repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:11px; float:left; display:inline /* IE double float bug */;}
#ninemsnmainMenu A { font-family:Arial, Helvetica, sans-serif; font-size:11px; padding:9px 10px 7px 10px; background-repeat:repeat-x; text-decoration:none; text-align:center; float: left; font-weight: bold; }
#ninemsnmainMenu A:hover { text-decoration:none; }
#ninemsnmainMenu DIV { width:4px; height:30px; }
#ninemsnmainMenu DIV#ninemsnblueBarSpace{ width:2px; height:30px; float:left; }
#ninemsnmainMenu #quickSearch { text-decoration:none; text-align:right; float:left; height:23px; margin:7px 0 0 45px; }
#ninemsnmainMenu #quickSearch INPUT { margin:0; border:0 none;}
#ninemsnmainMenu #quickSearch .quicksearchinput { font-size:10px; width:150px; padding-left:5px; border:0px none; margin:0;}
#ninemsnmasthead { width:505px; height:80px; float:left; margin-left: 0; }
#ninemsnmasthead #brand { width:440px; float:left; margin-left:10px; display:inline /* IE6 double float bug */; }
#ninemsnmasthead #brand #icon { height:50px; margin:10px 0px; float:left; }
#ninemsnmasthead #brand #nmsnsitetitle { height:18px; width:360px; margin:25px 0px 5px 15px; float:left; }
* html #ninemsnmasthead #nmsnsitetitle { margin-right :0 } /*IE6 bug*/
#ninemsnmasthead #brand #position{ font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#666666; width:360px; float:left; margin-left:15px; }
#ninemsnmasthead { width:510px; height:60px; float:left; margin-left: 0; }
#ninemsnmasthead #nmsnsitetitle { height:59px; margin:5px 10px 5px; float:left; }
/*ninemsn menu hack */
#ninemsnmainMenu #ninemsnblueBarSpace { background-image:url(/images/menus/mainMenuLine.gif); background-repeat:no-repeat;}
#ninemsnmainMenu #quickSearch { color:#FFF; background-color:transparent;}
#ninemsnmainMenu #quickSearch INPUT { background-color:transparent;background-color:#33aee0;border:1px solid #FFF;font-size:11px;font-weight:bold;width:26px;color:#fff}
#ninemsnmainMenu #quickSearch INPUT:hover{background-color:#9ddbf8}
#ninemsnmainMenu #quickSearch .quicksearchinput { color:#666; border:#FFF; background-color:#FFF;font-weight:normal }
#ninemsnmainMenu #quickSearch .quicksearchinput:hover{background-color:#fff}
/* New channel tabs for ninemsn white site - version 2 - Feb 2009 */
#ninemsnmasthead { float:left; width:265px; position:relative; top:-5px }
#ninemsnmasthead a { width:265px; overflow:hidden }
ul.channelTabs { float:left; height:25px; margin:35px 0 0 25px; padding:0; list-style:none }
ul.channelTabs li { float:left }
ul.channelTabs li a { float:left; margin-right:1px; height:25px; text-indent:-9999em; background:url("/images/nav-ninemsn.png") }
li#tabDomain a { background-position:0 0; width:111px }
li#tabDomain a:hover, li#tabDomain a:focus, li#tabDomain a:active { background-position:0 -25px }
li#tabCommercial a,
li#tabCommercial a:hover, li#tabCommercial a:focus, li#tabCommercial a:active { background-position:-112px -25px; width:112px }
li#tabBusiness a { background-position:-225px 0; width:90px }
li#tabBusiness a:hover, li#tabBusiness a:focus, li#tabBusiness a:active { background-position:-225px -25px }
li#tabHPG a { background-position:-316px 0; width:149px }
li#tabHPG a:hover, li#tabHPG a:focus, li#tabHPG a:active { background-position:-316px -25px }
#ninemsnmainMenu, #ninemsnmainMenu a { background:#f37a21; color:#FFF; }
#ninemsnmainMenu a:hover { background:#009adb; color:#FFF; }
#ninemsnmainMenu #ninemsnblueBarLeft { float:left; background:white url("/images/nav-ninemsn.png") -465px 0 }
#ninemsnmainMenu #ninemsnblueBarRight { float:right; background:white url("/images/nav-ninemsn.png") -470px 0 }
* html #ninemsnmainMenu { margin-top:-9px }
/* -------
| Generic | generic styles that apply to all components
-------------------------------------------------------------------------------------- */
/* Page Layout
...................................................................................... */
body { padding-top:36px } /* padding-top is to allow room for the network strip */
body.scriptable { padding-top:30px } /* shorter JavaScript-enabled version */
/* ----------------------------
| Network strip (n) components |
-------------------------------------------------------------------------------------- */
/* SCOPE: Component CSS */
/* [nN-whiteStrip] Network strip (white strip)
NETWORK-WIDE STATIC COMPONENT
- only ever change this component across the entire network at the same time
- NEVER under ANY circumstances modify the following CSS on a per-site basis
- any customisations for each site MUST be placed in the appropriate skin
...................................................................................... */
.nN-whiteStrip { width:990px; position:absolute; top:0; background:#fff; height:36px; border-bottom:1px solid #999; font:11px/14px Arial,Helvetica,sans-serif } /* for sites where the content area width isn't 990px, override the width in the site skin CSS */
.scriptable .nN-whiteStrip { height:30px } /* JavaScript-enabled version (with a dropdown) is shorter because all the links fit on one line */
/* the following IE 6 workaround is to stop the network strip from disappearing in IE 6, except for a narrow fragment of it that appears at the bottom of the page
this is a variation of the bug where an absolutely positioned element disappears when next to a floated element (e.g. a grid-based span-24 footer) */
* html .nN-whiteStrip { clear:both }
.nN-whiteStrip h3 { position:absolute; left:-9999px; font-size:0 } /* hide accessible descriptive text (using px instead of em is required for IE ccompatibility) */
/* standard link styles */
.nN-whiteStrip a:link, .nN-whiteStrip a:visited { color:#555; text-decoration:none }
.nN-whiteStrip a:hover, .nN-whiteStrip a:active, .nN-whiteStrip a:focus { color:#c30; text-decoration:underline }
/* generic list styles - both LHS and RHS */
.nN-whiteStrip ul, .nN-whiteStrip li { margin:0; padding:0; background:none } /* reset for sites that explicit set these */
.nN-whiteStrip > ul { position:absolute; padding:0 10px; max-height:14px; max-width:905px; overflow:hidden } /* applies to both .custom and .network, but not dropdown (using descendent selector) */
/* position, dimensions and overflow set to prevent extreme content from affecting layout for rest of page by forcing content to never be more than one line
because the two .custom and .network lists can overlap, we will set a background colour below to ensure the latter appears above the former
max-width set above = maximum combined width of custom content + network links (because they can overlap):
990px total width (this may change on sites with a narrower content area)
- 65px logo including right margin
- 10px margin between logo and links
- 10px left margin
= typically 905px
(set the max-width to a different value in the skin CSS if the content area width is not 990px) */
.nN-whiteStrip > ul > li { margin-left:6px; padding-left:6px; list-style:none; float:left; border-left:1px solid #dadada } /* descendent selector is to prevent these styles from cascading to any dropdowns, which are nested lists */
.nN-whiteStrip > ul > li:first-child { border-left:none; margin-left:0; padding-left:0 }
/* (relying on :first-child instead of .last where possible is to protect against any cases where the .last class is left off the last list item, e.g. by an errant CMS)
IE 7 doesn't support :first-child when there is comment before the first child, so it's safest to assume no support and rely on .last instead */
* + html .nN-whiteStrip > ul > li { margin:0 6px 0 0; padding:0 6px 0 0; border-left:none; border-right:1px solid #dadada }
/* IE 6 doesn't support descendent selector, so we need workarounds (includes relying on .last too, as IE 6 doesn't support :first-child at all) */
* html .nN-whiteStrip ul { position:absolute; padding:0 10px; height:14px; overflow:hidden } /* IE 6 doesn't support max-height or max-width */
* html .nN-whiteStrip ul ul { padding:0; height:auto; overflow:visible }
* html .nN-whiteStrip li { margin:0 6px 0 0; padding-right:6px; list-style:none; float:left; border-right:1px solid #dadada }
* html .nN-whiteStrip li li { margin:0; padding:0; float:none; border:none }
/* this will apply for everyone (even though we only need it for IE 7 and IE 6), but that's harmless */
.nN-whiteStrip .last { border-right:none; margin-right:0; padding-right:0 }
/* LHS content - customisable for each site */
.nN-whiteStrip .custom { left:0; top:3px } /* spacing suitable for two lines of links in no-JavaScript version */
.scriptable .nN-whiteStrip .custom { top:8px } /* centre links in network strip when there is only one lines of links in JavaScript-enabled version */
* html .nN-whiteStrip .custom { width:905px } /* IE 6 doesn't support max-width, but we can at least set the width on the LHS list, knowing the RHS list will overlap it */
/* generic text (required explicitly bacause they may have been reset) */
.nN-whiteStrip .custom strong { font-weight:bold }
.nN-whiteStrip .custom em { font-style:italic }
/* timestamp */
.nN-whiteStrip .time { color:#8a8c8f; line-height:13px }
.nN-whiteStrip .time em { color:#c30; font-weight:bold; font-style:normal; font-size:12px; margin-right:3px }
/* online users */
.nN-whiteStrip .online { color:#346400 }
/* RHS content - static across the entire network */
.nN-whiteStrip .network { left:0; bottom:3px } /* show as a new line, left-aligned, in no-JavaScript version */
.scriptable .nN-whiteStrip .network { background:#fff; left:auto; right:65px; top:8px } /* show on same line, right-aligned in Javascript-enabled version; set background colour to ensure it appears above .custom list */
.nN-whiteStrip .network.scripted { overflow:visible } /* reset overflow:hidden in JavaScript enabled state so that dropdown will function (WARNING: this only works in IE 6 because we expect no other elements within .nN-whiteStrip to have the class "scripted" -- if this changes, we will need to implement a specific IE 6 hack due to its lack of support for multiple class selectors) */
/* links with .more are to be shown in a dropdown */
.scriptable .nN-whiteStrip .more { display:none } /* if we know JavaScript will execute, hide all the links that should appear in the dropdown (otherwise the network strip will be displaying in the shorter JavaScript-enabled mode, but all the links won't yet fit) */
.scriptable .nN-whiteStrip .last { display:block } /* exception: still show the 'More sites' link */
.nN-whiteStrip .scripted .more { display:block } /* once the script has split the dropdown links into their own list (initially hidden), we can stop hiding them */
/* 'More' link (.controller) to trigger dropdown, injected by JavaScript */
.nN-whiteStrip .controller { position:relative }
.nN-whiteStrip .controller > a { display:block; padding-right:15px; background:url("img-components/sprite-components.png") no-repeat 100% 5px } /* descendent selector is to prevent these styles from cascading to links in the dropdown */
.nN-whiteStrip ul ul { position:absolute; left:5px; top:14px /* for IE 6/IE 7 */; width:90px; padding:3px; background:#fff; border:1px solid #ccc; display:none }
/* different positioning for IE 6/IE 7 where we apply the padding to the right by using .last instead of :first-child */
* + html .nN-whiteStrip ul ul { left:-1px }
* html .nN-whiteStrip ul ul { left:-1px }
.nN-whiteStrip .controller:hover ul, .nN-whiteStrip .controller.focus ul { display:block }
.nN-whiteStrip ul ul li { list-style:none; margin-left:0 }
.nN-whiteStrip ul ul a { display:block; line-height:20px; padding:0 5px }
/* IE 6 doesn't support descendent selector, so we need workarounds */
* html .nN-whiteStrip .controller a { display:block; padding-right:15px; background:url("img-components/sprite-components.png") no-repeat 100% 5px }
* html .nN-whiteStrip .controller ul { padding:3px }
* html .nN-whiteStrip .controller ul a { display:inline-block; padding:0 5px; background:none }
* html .nN-whiteStrip .hover ul { display:block }
.nN-whiteStrip .logo { float:right; margin-right:8px; width:57px; height:36px; text-indent:-999em; overflow:hidden; background:url("img-components/sprite-components.png") no-repeat 2px 4px /* sprite:logo-fd */ } /* width and margin are set so that the right edge of the text in the logo is 10px from the right border of the network strip, but the actual link area is slightly enlarged (2px either side of logo) */
.scriptable .nN-whiteStrip .logo { height:30px; background-position:2px 1px /* sprite:logo-fd */ } /* adjust logo to fit shorter JavaScript-enabled version of network strip */
/* SCOPE: Skin CSS */
/* [nN-whiteStrip] Network strip (white strip)
...................................................................................... */
.nN-whiteStrip { width:978px; margin:0 10px; border-left:1px solid #999; border-right:1px solid #999 }
* + html .nN-whiteStrip { left:0 }
* html .nN-whiteStrip { left:0 }
.nN-whiteStrip > ul { max-width:893px } /* default max-width is based on 990px content width, but adjust to fit 978px instead */
* html .nN-whiteStrip .custom { width:893px } /* IE 6 doesn't support max-width, but we can at least set the width on the LHS list, knowing the RHS list will overlap it */
.nN-whiteStrip .logo { background-position:-76px 4px /* sprite:logo-fm */ } /* Fairfax Media logo */
.scriptable .nN-whiteStrip .logo { background-position:-76px 1px /* sprite:logo-fm */ } /* adjust logo to fit shorter JavaScript-enabled version of network strip */
/* override background image locations */
.nN-whiteStrip .controller > a { background-image:url("/css/img-components/sprite-components.png") }
* html .nN-whiteStrip .controller a { background-image:url("/css/img-components/sprite-components.png") }
.nN-whiteStrip .logo { background-image:url("/css/img-components/sprite-components.png") }
/* UI NOTE: added new CSS to be moved to one of the above CSS files */
/* SCOPE: Component CSS */
/* [nN-footerLinks] Network wide footer links
NETWORK-WIDE STATIC COMPONENT
- only ever change this component across the entire network at the same time
- NEVER under ANY circumstances modify the following CSS on a per-site basis
- any customisations for each site MUST be placed in the appropriate skin
- EXCEPTION: path "img-component" and "img-components" are interchangeable
...................................................................................... */
.nN-footerLinks {padding:5px 0;border-top:1px solid #999;clear:both;background:#fff none;}
.nN-footerLinks div {float:left;width:870px;}
.nN-footerLinks .logo {float:left;margin:0;position:relative;top:5px;left:5px;height:29px;width:65px;background:url("img-components/sprite-components.png") no-repeat scroll 0 0 transparent;text-indent:-999em;white-space:nowrap;padding-left:3px;}
.nN-footerLinks h3 {float:left;text-align:left;width:75px;display:inline;font:11px/16px Arial, Helvetica, sans-serif;margin:0;color:#8A8C8F;}
.nN-footerLinks ul {float:left;font-size:1em;display:inline;list-style-type:none;margin:0 0 5px;padding:0;line-height:13px;width:780px;height:16px;overflow:hidden;}
.nN-footerLinks li {border-left:1px solid #8A8C8F;display:inline;margin:0;padding:0 3px 0 5px;font:11px/16px Arial, Helvetica, sans-serif;background:none;}
.nN-footerLinks a, .nN-footerLinks a:visited {color:#005F96;text-decoration:none;font-size:11px;}
.nN-footerLinks a:visited {color:#005F96;}
.nN-footerLinks a:hover {text-decoration:underline;}
.nN-footerLinks .first {border-left:none;}
.nN-footerLinks cite {display:block;margin:0;clear:left;color:#8A8C8F;text-align:center;font:11px/16px Arial, Helvetica, sans-serif;}
/* SCOPE: Skin CSS */
/* [nN-footerLinks] Network wide footer links
...................................................................................... */
.nN-footerLinks { margin:0 10px; width:980px }
.nN-footerLinks .logo { background-position:-78px 0 /* sprite:logo-fm */ } /* Fairfax Media logo */
/* override background image locations */
.nN-footerLinks .logo { background-image:url("/css/img-components/sprite-components.png") }
.menuItem a.new { background:url("img/sprite-cre.png") -815px -212px /*sprite: content alpha|New ribbon*/ }