/*---------------------------------------------------------------------- LAST EDITED BY: Isha Hartono 14th Feb 2011 Karl Olsen 12th Jan 2011 LEGACY COMMENTS: Current status - Emily's final changes BROWSER SUPPORT: Primary: Secondary: Firefox 3.x IE 6.0 IE 8.0 Chrome 4.0 IE 7.0 Safari 4.0 IE 6.0 COLOUR PALETTE: Primary: Secondary: Dk Blue #07539d navLocal yellow: #d9ad2c Lt Blue #30a0cf Dk Grey #333 ----------------------------------------------------------------------*/ /*============= ---- RESET ---- =============*/ /* remove and alter to fit project */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; } /* remember to define focus styles! */ :focus {outline:0;} ol, ul {list-style:none;} /* tables still need 'cellspacing="0"' in the markup */ table {border-collapse:separate; border-spacing:0;} caption, th, td {text-align:left; font-weight:normal;} /* not always needed and may not validate for e-govt work */ blockquote:before, blockquote:after, q:before, q:after {content: "";} blockquote, q {quotes: "" "";} /*===================== --- GLOBAL ELEMENTS --- =====================*/ /* font-size 62.5% sets base font to approx 10px - not sure about setting line-height to 1 as it can cause issues in IE6 */ body {line-height:1; color:#333; font-family:Arial, Helvetica, sans-serif; font-size:62.5%;} a, a:link, a:visited {color:#003d6e;text-decoration:underline;} a:hover {text-decoration:none} h1 {font-size:2em; color:#183f6d; font-family:Arial, Helvetica, sans-serif; padding-bottom:24px; font-weight:bold;line-height:1.4} h1 span.extraInfo {font-size:0.6em;display:block;color:#515151} h2 {font-size:1.2em; font-family:Arial, Helvetica, sans-serif; font-weight:bold; padding-bottom:12px; color:#183F6D;} h3 {font-size:1.1em; color:#333; font-family:Arial, Helvetica, sans-serif; font-weight:bold;} h4 {font-size:1em; font-family:Arial, Helvetica, sans-serif; font-weight:bold;} h5 {font-size:1em; font-weight:bold; color:#666; font-family:Arial, Helvetica, sans-serif; font-weight:bold;} h6 {font-weight:bold; line-height:1.3; color:#333;} p {line-height:1.4; padding-bottom:8px;} /* All paragraphs that have no padding-bottom go here */ #sectionSecondary p, #contentTertiary .entry p {padding-bottom:0;} em {} em.importantNote {color:#FF0000;font-weight:bold} small {font-size:.9em} .lastUpdated {clear:left; display:block; padding-top:6px; border-top:1px solid #E3E3E3;} .lastUpdated p {color:#999;font-size:0.9em; font-style:italic; color:#999; display:block;} .backToAll {font-size:.9em;} .backToAll:hover {text-decoration:none;} .lastUpdated .backToAll {float:right;} strong {font-weight:bold;} .clearfix {clear:both; height:0; font-size:0; line-height:0;} .actionLeft {float:left} .actionRight {float:right} .actionBlock {display:block} /* used on SO Variation (2) only */ .actionBlock .viewAll {margin-top:0; padding-top:10px; border-top:1px solid #E3E3E3; width:100%;font-size:0.9em;background-position:0 -2631px;text-decoration:none} /* button area */ a.btnBlue {background:#f2f2f2;border:1px solid #d5d8d7;display:block;color:#185281;padding-left:12px;padding-right:12px;text-decoration:none; line-height:1.2; font-size:.9em;} a.btnBlue:hover {text-decoration:underline;} .btnGo, .btnSearch {border:0; height:23px; background:#002544; padding:0 6px; cursor:pointer; float:left; font-weight:bold; font-size:.9em; color:#fff;} .filter {margin-top:16px} .errorMsg {clear: left;display: block; float: left; padding:6px 0;} .scs .errorMsg {background-color: #F3DFE0; border: 2px solid red; float: none; margin-bottom: 15px; padding: 6px 12px;} /*======================== ------- STRUCTURE -------- ========================*/ #wrapHeader, #wrapSection, #wrapFooter {margin:0 6px;} #wrapSite {margin:0 auto; width:972px; background:navy; background:transparent url('img/wrapSiteBG.png') repeat-y scroll 0 0;} #wrapHeader {float:left; background:#013662 url('img/spriteBlueBG.png') scroll no-repeat 0 0; border-bottom:8px solid #3e3535;} #wrapSection {float:left; width:936px; padding:0 12px 24px 12px} #sectionPrimary {float:right; width:683px; margin:12px 0 0; padding: 0px 0 0 24px; font-size:1.2em;} #sectionSecondary {float:left; width:227px; font-size:1.2em; border: 1px solid #E3E3E3;line-height:1.3;margin-top:12px} #wrapFooter {font-size:1.2em;} /*============== ---- HEADER ---- ==============*/ #header {float:left; width:928px; font-size:1.1em; width:960px;} #headerInner {background:url(img/spriteYellowBG.png) /*208*/203px 65px no-repeat;float:left} #siteName {float:left;} #siteName a { width:100px; height:100px; display:block; background:url('img/spriteBlueBG.png') no-repeat scroll 0 -200px; width:229px; height:64px; text-indent:-9999em } #search {float:right;padding:8px 14px 0 0;width:255px} #search input {height:17px; float:left; margin-right:8px;} /*================== ---- NAVIGATION ---- ==================*/ #navUtility { float:left; width:924px; padding:6px 18px; background:#002848; font-size:20px; font-size:.9em; border-bottom:1px solid #1a66a4; } #navUtility ul {float:right;} #navUtility li { float:left; /*margin:6px 0;*/ padding:0 9px; border-right:1px solid #fff; line-height:1.1; } #navUtility a {text-decoration:none; color:#fff;} #navUtility a:hover {text-decoration:underline;} #navUtility li.last {border-right:0; padding-right:0;} #navGlobal {float:left; font-size:1.2em;background:url(img/spriteYellowBG.png) -3px -100px repeat-x;position:relative} #navGlobal ul {/*margin-left:14px*/} #navGlobal li {float:left;background:url(img/spriteYellowBG.png) 0 -100px repeat-x;text-transform:uppercase;font-weight:bold} #navGlobal li#ctl00_g_0df143bf_15ef_4155_b216_222b13b4129a_ctl00_home {background-position:-3px -100px;} /* extending width of home tab to fill entire navGlobal from left to right */ #navGlobal li#ctl00_g_0df143bf_15ef_4155_b216_222b13b4129a_ctl00_home a {padding:15px 25px;} #navGlobal li span {display:block;text-transform:capitalize;font-weight:normal;font-size:0.9em;margin-top:4px} #navGlobal li a {padding:15px 27px; display:block; text-decoration:none;} #navGlobal li.selected a, #navGlobal li a:hover {background:url(img/spriteYellowBG.png) 0 -251px repeat-x;text-decoration:none;color:#333} /*for coming in and going out of nz - turn off the hand #navGlobal li#ctl00_g_0df143bf_15ef_4155_b216_222b13b4129a_ctl00_intonz a, #navGlobal li#ctl00_g_0df143bf_15ef_4155_b216_222b13b4129a_ctl00_outofnz a {cursor:default} */ /* for non-js */ #navGlobal li span.nojs {margin:0;padding-bottom:8px;text-align:center} #navGlobal li.selected span.nojs {background:#E2B638} #navGlobal li span.nojs a {display: inline;padding:0;text-decoration:underline;background:none} #navGlobal li span.nojs a:hover {background:none;text-decoration:none} /* popup on the 2 links */ .popup1, .popup2 {background:url(img/spriteYellowBG.png) 0 -500px no-repeat;width:300px;height:100px;position:absolute;top:40px;display:none;z-index:100;} .popup1 {left:/*160*/184px} .popup2 {left:/*330*/356px} #navGlobal .popup-contents {padding-top:18px} #navGlobal .popup-contents ul {margin-left:0} #navGlobal .popup-contents li {width: 140px;float:left;margin:0 0 0 8px;background:none;text-transform:none;font-weight:normal} #navGlobal .popup-contents li a {padding:0;display:inline;color:#003d6e;font-weight:bold} #navGlobal .popup-contents li a:hover {text-decoration:underline;background:none} #navGlobal .popup-contents p {font-size:0.9em;margin-top:4px} #contentPrimary .sectionContent img {z-index: 0} #navLocal {float:left;background:#d9ad2c url(img/spriteYellowBG.png) 0 -415px repeat-x;font-size:1.2em;} #navLocal ul {margin-left:16px;} #navLocal li {float:left;} #navLocal li a {display:block; padding:10px} #navLocal li.selected a, #navLocal li a:hover {color:#333;text-decoration:none;} #navLocal li.selected a {font-weight:bold} /* ARROW THAT GOES IN NAV SUB LOCAL background:#f4f4f4 url('img/spriteIcons.png') no-repeat scroll 102px -560px; */ /* level 1 */ #navSubLocal {float:left; border-top:1px solid #D5D8D7; margin:12px 0 18px;} #navSubLocal li {border-bottom:1px solid #D5D8D7; display:block; float:left;} #navSubLocal li a, #navSubLocal li a:link {color:#515151;text-decoration:none;padding:8px 0 8px 21px; float:left; width:183px; font-weight:bold; background:url("img/spriteIcons.png") no-repeat scroll 1px -225px transparent;} #navSubLocal li a:hover, #navSubLocal li a.selected {background:#f6fafe url("img/spriteIcons.png") no-repeat scroll 1px -296px; color:#183f6d;} #navSubLocal li a:hover {background-color:transparent} .thirdLevel #navSubLocal li a, .thirdLevel #navSubLocal li a:link {background:none;width:206px;color:#003D6E;font-size:0.9em} .thirdLevel #navSubLocal li a:hover {background:#DFEFFE} .thirdLevel #navSubLocal li.firstItem a, .thirdLevel #navSubLocal li.firstItem a:link {background:transparent url('img/spriteIcons.png') no-repeat scroll 102px -560px} .thirdLevel #navSubLocal li.firstItem a:hover, #navSubLocal li.firstItem a.selected {background:#DFEFFE url('img/spriteIcons.png') no-repeat scroll 102px -560px} /* level 2 */ #navSubLocal ul ul li {border:none;} #navSubLocal ul ul li a, #navSubLocal ul ul li a:link {background:none; font-weight:normal; padding:6px 0 6px 21px;} #navSubLocal ul ul li a:hover {background:none; color:#183F6D; text-decoration:underline;} #navSubLocal ul ul li a.selected {background:none; color:#183F6D; font-weight:bold;} /* level 3 */ #navSubLocal ul ul ul li {border:none; font-size:.9em;} #navSubLocal ul ul ul li a, #navSubLocal ul ul ul li a:link {background:transparent url("img/spriteIcons.png") no-repeat scroll 36px -363px; font-weight:normal; padding:4px 0 4px 47px; width:153px;} #navSubLocal ul ul ul li a:hover {background:transparent url("img/spriteIcons.png") no-repeat scroll 36px -430px; color:#183F6D; text-decoration:underline;} #navSubLocal ul ul ul li a.selected {background:transparent url("img/spriteIcons.png") no-repeat scroll 36px -497px; color:#183F6D; font-weight:bold;} #navGlobal, #navLocal {width:960px;} #navGlobal a, #navLocal a {color:#0a0a0a;} #navFooter {background:#013867 url('img/spriteRepeatableBlueBG.png') repeat-x 0 0; width:906px; float:left; padding:8px 27px; font-size:0.9em} /*====================== ----- BREADCRUMB ------- ======================*/ #breadcrumb {padding-bottom:24px;font-size:.9em} #breadcrumb li {display: inline;background:url(img/spriteIcons.png) right -898px no-repeat;padding-right:12px} #breadcrumb li:last-child {background:none} #breadcrumb li, #breadcrumb a {color: #666} /* ---------- LISTS -----------------------*/ #contentPrimary ol, #contentPrimaryFull ol, #contentPrimary ul, #contentPrimaryFull ul {margin:12px 0;} /* indents */ #contentPrimary ol ol, #contentPrimaryFull ol ol, #contentPrimary ul ul, #contentPrimaryFull ul ul {padding-left: 16px} #contentPrimary ul ul, #contentPrimaryFull ul ul {padding-left: 16px} #contentPrimary ol li, #contentPrimaryFull ol li {list-style: decimal outside none; line-height:1.2;} #contentPrimary ul li, #contentPrimaryFull ul li {list-style:disc outside none; line-height:1.2;} /*====================== ------- CONTENT -------- ======================*/ /* universal styling */ #contentPrimary, #contentPrimaryFull {float:left;} #contentPrimary {width:440px} #contentPrimaryFull {/*width:640px*/ /*width:682px;*/ width:671px; padding-right:12px;} #contentSecondary {float:left; padding:12px 12px 12px 12px; width:203px;} #contentTertiary {float:left; padding-left:24px; width:219px;line-height:1.3} .sectionContent {float:left; width:100%; margin-bottom:8px;} .sectionContentInner {float:left; border:1px solid #e3e3e3; border-top:none;} .entry {clear:left; float:left; border-bottom:1px solid #e3e3e3; width:100%;} .viewAll, .subscribe {margin-top:10px; float:left;} .viewAll {background:transparent url('img/spriteIcons.png') no-repeat scroll 0px -2639px;text-decoration:none;padding-left:12px} .viewAll:hover {text-decoration:underline !important} /* section primary */ #contentPrimary .sectionContentInner {width:426px; padding:0 16px 12px;} #contentPrimary .entry {padding:16px 0;} #contentPrimary h3 { background:url("img/spriteRepeatableBlueBG.png") repeat-x scroll 0 -50px transparent; color:#FFFFFF; font-weight:bold; padding:9px 0 9px 16px; } /* section secondary - thirdlevel */ #sectionSecondary.thirdLevel {margin-top:0;border-top:none} #sectionSecondary.thirdLevel h3 {display:none} .thirdLevel #contentSecondary {padding:0;width:auto} .thirdLevel #navSubLocal {border-top:none;margin:0;background:#F6FAFE} /* section secondary */ #sectionSecondary h3 {background:#f4f4f4; color:#000; padding:12px; border-bottom:1px solid #e3e3e3;font-size:1.1em; font-weight:bold;} #sectionSecondary h3 strong {text-transform:uppercase} #contentSecondary .viewAll {border-top:1px solid #e3e3e3; margin-top:12px; padding-top:8px; width:100%; font-size:.9em;background-position: 0px -2630px;text-decoration:none} .thirdLevel #contentSecondary .viewAll {border-top:none;padding:0 0 8px;text-indent:32px;background-position:20px -2639px} #sectionSecondary .backToAll {font-size:1em;} /* contentTertiary */ #contentTertiary h3 { background:url("img/spriteRepeatableBlueBG.png") repeat-x scroll 0 -50px transparent; color:#FFFFFF; font-weight:bold; padding:8px 16px; font-size:1em; } #contentTertiary h3 span { background:url("img/spriteIcons.png") no-repeat scroll 0 -158px transparent; padding-left:16px; } #contentTertiary .sectionContentInner {width:185px; padding:0 16px 12px;} #contentTertiary .viewAll, #contentTertiary .subscribe {font-size:.9em;} #contentTertiary .entry {padding:12px 0;} #contentTertiary h4 a {color:#515151;text-decoration:none} #contentTertiary a, #contentTertiary a:link, #contentTertiary a:visited {text-decoration:none} #contentTertiary a:hover {text-decoration:underline} /* section admin - only visible when in admin mode */ .sectionAdmin {margin-top: 24px;background:#FCFFCD;padding-top:4px} .sectionAdmin h4 {padding:4px 0 8px 8px} .sectionAdmin em.importantNote {margin-left:19px;margin-bottom:16px;display:block} /* ---------- pagination -----------------------*/ /* turning bullets off */ #contentPrimaryFull .pagination ul, #contentPrimary .pagination ul {margin:0;} #contentPrimary .pagination li, #contentPrimaryFull .pagination li {list-style:none;} #contentPrimary .pagination, #contentPrimaryFull .pagination {width:100%;} #contentPrimary .pagination #toggleExpand, #contentPrimaryFull .pagination #toggleExpand, #contentPrimary .pagination #toggleCollapse, #contentPrimaryFull .pagination #toggleCollapse {float:left;} .pagination {float:right; padding:6px 0;position:relative; font-size:0.9em} #toggleExpand a, #toggleCollapse a {padding-left:12px; background:transparent url("img/spriteIcons.png") no-repeat scroll;} #toggleExpand a {background-position:0 -1795px;} #toggleCollapse a {background-position:0 -1895px;} .pagination ul {float:left;} .pagination li {float:left;} .pagination span {float:right; padding:6px; color:#666;} .pagination a, .pagination li span {padding:4px 8px; border:1px solid #fff; display:block;} .pagination li span {font-weight:bold;} .pagination a, .pagination a:link, .pagination a:active, .pagination a:visited {color:#185281} .pagination a.btnBlue {border:1px solid #d5d8d7} .pagination li#selected a{color:#515151;font-weight:bold;text-decoration:none} /* ---------- Section overview links -----------------------*/ /* turning bullets off */ #contentPrimary ul.sectionOverviewSummary {margin:0;} #contentPrimary ul.sectionOverviewSummary li {list-style:none;height:150px} .sectionOverviewSummary {padding-top:8px} .sectionOverviewSummary li {float:left;width:204px;padding-right:16px;padding-bottom:8px} .sectionOverviewSummary li h4 {font-size:1.2em;padding-bottom:6px} .sectionOverviewSummary li h4 a {color:#515151;text-decoration:none;background:url(img/spriteIcons.png) 0 -1598px no-repeat;padding-left:20px} .sectionOverviewSummary li h4 a:hover {text-decoration:underline} /* ---------- PROMOTION LINKS -----------------------*/ #promolinks {clear:both} #promolinks li { margin-bottom:8px; border:1px solid #E3E3E3; float:left; margin-bottom:8px; padding:8px; width:179px; background:#f4f4f4; } #promolinks img {float:left;padding-right:8px} #promolinks .promolinksContent {float:left;width:100px} #promolinks .promolinksContent p {font-size:0.9em} #promolinks .promolinksContent h4 a {text-transform:uppercase;color:#d5a010} #promolinks .promolinksContent a {text-decoration:none;color:#515151} #promolinks .promolinksContent a:hover {text-decoration:underline} /*====================== ----- COMPONENTS ----- ======================*/ /* ---------- COLLAPSABLE CONTENT -----------------------*/ .compoCollapse .introText {float:left; padding-right:24px; width:447px; line-height:1.4;} .introText .lastUpdated {margin-top:12px;} .compoCollapse {float:left;background:#fff} .compoCollapse .utility {float:left;clear:both} #contentPrimaryFull.compoCollapse .utility {width:640px} .compoCollapse .utility p {float:left} .compoCollapse .header {background:#f2f2f2;border:1px solid #d5d8d7;/*border-left:none;border-right:none;*/padding:6px 16px;float:left;width:408px} #contentPrimaryFull.compoCollapse .header {width:637px;} #contentPrimaryFull.compoCollapse .header h3 {font-weight:bold; font-size:1em; color:#515151; padding:4px 0;} .compoCollapse .header h5 {float:left;color:#515151;margin-top:20px} .compoCollapse .header .formSection {float:left;margin-left:16px} .compoCollapse .header label {display:block;font-size:0.9em} .compoCollapse .header.pwd h5 {margin:4px 0;} .compoCollapse .subheader {float:left; padding:6px 16px;border-bottom:1px solid #D5D8D7} #contentPrimaryFull.compoCollapse .subheader {width:637px} .compoCollapse .subheader a {background:url(img/spriteIcons.png) 0 -1400px no-repeat;padding: 0 0 1px 16px} .compoCollapse .subheader a.descending {background:url(img/spriteIcons.png) 0 -1300px no-repeat} .compoCollapse .subheader input {margin:0 6px 0 16px} .compoCollapse .item {padding:16px;float:left; border-bottom:1px solid #D5D8D7;width:408px} #contentPrimaryFull.compoCollapse .item {width:637px} .compoCollapse .item h4 a {color:#185281;padding-left:22px;background:url(img/spriteIcons.png) 0 -1119px no-repeat; float:left; line-height:1.2;} .compoCollapse .item h4.minus a {background:url(img/spriteIcons.png) 0 -1199px no-repeat} .compoCollapse .item p {line-height:1.3;padding-bottom:8px} .compoCollapse .item .itemInner {float:left} .itemInner h4 {line-height:1.2;} #contentPrimaryFull.compoCollapse .item .itemInner {width:477px} .compoCollapse .item small {color:#999;font-size:0.9em; font-style:italic; display:block; clear:both;} .compoCollapse .itemContent {padding: 8px 0 0 22px;line-height:1.4; clear:left;} #contentPrimary.compoCollapse .itemContent ol li, #contentPrimaryFull.compoCollapse .itemContent ol li {margin:8px 0 8px 24px;} /* indentation of ordered lists */ #contentPrimary.compoCollapse .itemContent ol li, #contentPrimaryFull.compoCollapse .itemContent ol li {list-style:decimal outside none} #contentPrimary.compoCollapse .itemContent ol ol li, #contentPrimaryFull.compoCollapse .itemContent ol ol li {list-style:lower-alpha outside none} #contentPrimary.compoCollapse .itemContent ol ol ol li, #contentPrimaryFull.compoCollapse .itemContent ol ol ol li {list-style:lower-roman outside none} #contentPrimary.compoCollapse .itemContent ul li, #contentPrimaryFull.compoCollapse .itemContent ul li {margin:8px 0 8px 20px;} .compoCollapse .itemContent img {padding:0 12px 8px 0; float:left;width:110px} .compoCollapse .item .itemHeader small {font-style:normal; color:inherit;} .compoCollapse .primaryOption, .compoCollapse .secondaryOption {float:right;width:144px;margin-left:16px} .compoCollapse .primaryOption {} /* used for buttons in .item flung off to the right */ .compoCollapse .secondaryOption {font-size:0.9em} /* used for links in .item flung off to the right */ /* download/pdf/docs etc section on some SFL pages */ .download {float:left; padding-top:12px; width:100%;} .download p {float:left; width:360px; padding-right:40px;} #contentPrimaryFull.compoCollapse .download .item, #contentPrimary.compoCollapse .download .item, .contentAdditional .download .item {clear:left; float:left; width:100%; padding:0; padding-bottom:12px; border-bottom:0;} .download .item a {min-height:32px; float:left; font-size:.9em; line-height:1.4; padding-left:46px; max-width:195px; /*width:162px;*/ background:transparent url('img/spriteIcons.png') no-repeat scroll 0 -989px; padding-bottom:5px;} .download .item a span {display:block;} .rev .download p, .cns .download p, .scs .download p {/*width:58%; LEGACY*/} .rev .download a, .cns .download a, .scs .download a {/*width:30%;*/} /* STYLED LINKS WITH ICONS */ /* share by email link */ .share {font-size:.9em; line-height:1.2; padding-bottom:3px; padding-left:22px; background:transparent url('img/spriteIcons.png') no-repeat scroll 0 -2335px;} .PNDv2 .share {margin:24px 0;} /* view location on google maps link */ .location {font-size:.9em; padding-left:22px; background:transparent url('img/spriteIcons.png') no-repeat scroll 0 -2532px;} /* view website link */ .linkTo {font-size:.9em; line-height:1.3; padding-bottom:3px; padding-left:22px; background:transparent url('img/spriteIcons.png') no-repeat scroll 0 -2435px;} /* image list page - Optimised for 3 LINES of text in the title (h3)*/ .imageItem {float:left; width:118px; height:142px; padding:16px 0 16px 16px; position:relative; margin-bottom:8px;} .imageItem h3 {font-size:1em; padding-bottom:12px; clear:left; line-height:1.3;} .imageItem a {display:block; padding:4px 8px; float:left; position:absolute; bottom:0;} .imageItem img {padding:2px; margin-bottom:8px; float:left; /*width:90px;*/ max-height:65px; border:1px solid #e1e1e1 !important/*over riding SP inline*/;} /* image detail page */ .imageDetail .download .item {width:auto; padding-right:40px;} .imageDetail .download .item p {width:auto; padding:0;} .imageDetail .download .item a {width:auto; background-position:0 -2000px; padding-left:58px;padding-bottom:2px} .imageDetail #contentPrimaryFull img {border:1px solid #e1e1e1 !important/*over riding SP inline*/; padding:2px; margin-bottom:16px;} /* PND v1 (Image Detail Page) */ .PNDv1 .download {padding-bottom:24px;} .PNDv1 .download .item {float:left;} /* ---------- PAGE TYPE #1 -----------------------*/ /* ---------- PAGE TYPE #2... --------------------*/ /* ---------- FORMS -----------------*/ /* generic field sizes */ .xxshort {width:35px;} .xshort {width:50px;} .short {width:75px;} .medium {width:150px;} .long {width:200px;} .xlong {width:250px;} .xxlong {width:262px;} .xxxlong {width:300px;} select, input {border:1px solid #ccc;padding:2px;font-family:Arial, Helvetica, sans-serif} input[type=radio] {margin:0; line-height:2; border:0;} label {line-height:1.6} /*============================================================= ------- CONTENT EDITABLE STYLES FOR CONTENT MANAGEMENT -------- ================================================================*/ /* ---------- TYPOGRAPHY -----------------*/ /* apologies for the -ms-name but this needs to be in here, otherwise the Rich HTML won't work */ h1.custom-styleElement-H1 {font-size:2em; color:#183f6d; font-family:Arial, Helvetica, sans-serif; padding-bottom:24px; font-weight:bold;-ms-name:"Heading 1";} h2.custom-styleElement-H2 {font-size:1.4em; font-family:Arial, Helvetica, sans-serif; font-weight:bold; padding-bottom:12px; color:#183F6D;-ms-name:"Heading 2";} h3.custom-styleElement-H3 {font-size:1.2em; color:#333; font-family:Arial, Helvetica, sans-serif; font-weight:bold;background:none;padding:0;margin-bottom:12px;-ms-name:"Heading 3";} /* for customs single detail prohibited items page */ #contentPrimary .ms-rteElement-H3, #contentPrimaryFull .ms-rteElement-H3 {font-size:1.2em; color:#333; font-family:Arial, Helvetica, sans-serif; font-weight:bold;background:none;padding:0;margin-bottom:12px;} h4.custom-styleElement-H4 {font-size:1em; font-family:Arial, Helvetica, sans-serif; font-weight:bold;margin-bottom:12px;-ms-name:"Heading 4";} /*h5.custom-styleElement-H5 {font-size:1em; font-weight:bold; color:#666; font-family:Arial, Helvetica, sans-serif; font-weight:bold;-ms-name:"Heading 5";} h6.custom-styleElement-H6 {font-weight:bold; line-height:1.3; color:#333;-ms-name:"Heading 6";}*/ p.custom-styleElement-P {color:#333;margin-bottom:8px;-ms-name:"Paragraph";} /* these become available under the 'Styles' dropdown when editing a page */ .custom-styleStyle-share {font-size:.9em; line-height:1.2; padding-bottom:3px; padding-left:22px; float:left; margin-bottom:8px; background:transparent url('img/spriteIcons.png') no-repeat scroll 0 -2335px; -ms-name:"Share by email link";} .custom-styleStyle-linkto {font-size:.9em; line-height:1.3; padding-bottom:3px; padding-left:22px; float:left; margin-bottom:8px; background:transparent url('img/spriteIcons.png') no-repeat scroll 0 -2435px; -ms-name:"Link to website";} .custom-styleStyle-location {font-size:.9em; padding-bottom:5px; padding-left:22px; float:left; margin-bottom:8px; background:transparent url('img/spriteIcons.png') no-repeat scroll 0 -2534px; -ms-name:"Google map link";} /* ---- image positioning override ---*/ .custom-stylePosition-1 {margin:0px 8px 8px 0px !important;-ms-name:"Left"; float:left;} /* image float left */ .custom-stylePosition-2 {margin:0px 0px 8px 8px !important;-ms-name:"Right"; float:right;} /* image float right */ .custom-stylePosition-3 {-ms-name:"Top"; vertical-align:top;} /* image vertical align text to the top */ .custom-stylePosition-4 {-ms-name:"Middle"; vertical-align:middle;} /* image vertical align text to the middle */ .custom-stylePosition-5 {-ms-name:"Bottom"; vertical-align:bottom;} /* image vertical align text to the bottom */ #contentPrimary .editableContent .sectionOverviewImage img {float:left;margin-right:16px} /* ---------- LISTS -----------------*/ #contentPrimary .editableContent ol, #contentPrimaryFull .editableContent ol {margin:8px 0 8px 24px} #contentPrimary .editableContent ul, #contentPrimaryFull .editableContent ul {margin:8px 0 8px 20px} #contentPrimary .editableContent ol ol, #contentPrimary .editableContent ul ul, #contentPrimaryFull .editableContent ol ol, #contentPrimaryFull .editableContent ul ul {margin: 4px 0 4px 24px} #contentPrimary .editableContent ol ol, #contentPrimary .editableContent ul ul, #contentPrimaryFull .editableContent ol ol, #contentPrimaryFull .editableContent ul ul {margin-left: 24px} #contentPrimary .editableContent ol li, #contentPrimary .editableContent ul li, #contentPrimaryFull .editableContent ol li, #contentPrimaryFull .editableContent ul li {line-height:1.4;margin-bottom:4px} #contentPrimary .editableContent ul ul li, #contentPrimaryFull .editableContent ul ul li {list-style-type:disc} #contentPrimary .editableContent ol li, #contentPrimaryFull .editableContent ol li {list-style:decimal outside none} #contentPrimary .editableContent ol ol li, #contentPrimaryFull .editableContent ol ol li {list-style:lower-alpha outside none} #contentPrimary .editableContent ol ol ol li, #contentPrimaryFull .editableContent ol ol ol li {list-style:lower-roman outside none} #contentPrimary .editableContent ul li, #contentPrimaryFull .editableContent ul li {list-style:disc outside none} /* ---------- CONTENT - TABLES -----------------*/ #contentPrimary .editableContent table, #contentPrimaryFull .editableContent table, #contentPrimary table.custom-styleTable-default, #contentPrimaryFull table.custom-styleTable-default {-ms-name:"Default";width:100%; padding-top:16px; border:1px solid #e3e3e3;border-collapse:collapse} #contentPrimary .editableContent th, #contentPrimaryFull .editableContent th, #contentPrimary table.custom-styleTable-default th, #contentPrimaryFull table.custom-styleTable-default th {padding:10px 6px; border:1px solid #e3e3e3; background:#F2F2F2} #contentPrimary .editableContent td, #contentPrimaryFull .editableContent td, #contentPrimary table.custom-styleTable-default td, #contentPrimaryFull table.custom-styleTable-default td {padding:6px; border:1px solid #e3e3e3} /*================ ----- FOOTER ----- ================*/ #footerIndex h6 {border-bottom:1px solid #d5d8d7; padding-bottom:10px;} #footerIndex {width:896px; float:left; background:#f2f2f2; padding:24px 32px 20px; border-top:2px solid #d5d8d7;} #footerIndex .section {float:left; width:188px; margin-right:48px;} #footerIndex .last {margin-right:0;} #footerIndex ul {float:left; margin-bottom:18px;} #footerIndex li {background:transparent url('img/spriteIcons.png') no-repeat scroll 0 -80px; border-bottom:1px solid #d5d8d7; width:100%; display:block; float:left;} #footerIndex li.first {background-position:0 6px;} #footeIndex li.first a {color:#175181; font-weight:bold;} #footerIndex li a {padding:6px 0 6px 22px; float:left; width:166px; color:#333;text-decoration:none} #footerIndex li a:hover {text-decoration:underline;} ul.footerUtility {float:left;padding-top:8px} ul.footerUtility li {display:block;float:left;padding:0 8px} ul.footerUtility li a {color:#fff} a.nzGovt {background:transparent url('img/spriteBlueBG.png') no-repeat scroll 0 -280px; float:right; width:124px; height:27px} /*================= -- ACCESSIBILITY -- =================*/ #accessibility, .accessibility, span.accessibility {position:absolute; text-indent:-9999em; display:block; overflow:hidden;} #print, .ms-hidden {display:none;} /* IE7 fix to display pop-outs correctly in front of featured welcome image */ #navGlobal {z-index:1!important; position:relative;} .bannerRight {float:right; width:270px} .socialLinks {float:left; margin-top:3px} .socialLinks li {float:left} .socialLinks img {width:24px} .s4-ctx {padding:0px 4px; position:absolute; display:block; cursor:default;} .ms-MenuUIPopupBody {background:white; border:1px solid #ccc; box-shadow:0px 0px 5px #888888}