/* Running Squiz Matrix Developed by Squiz - http://www.squiz.net Squiz, Squiz Matrix, MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd Page generated: 19 April 2023 10:39:49 */ /******************************************************************************* Main Stylesheet This sheet controls overall styling for the public GNB website. *******************************************************************************/ /******************************************************************************* Basic style and page structure settings. *******************************************************************************/ * { margin: 0; padding: 0 } html { font-size: 100% } img { border: 0 } .clear { clear: both } .left { float: left } .right { float: right } html, body { margin: 0; padding: 0 } body { background-color: #002664; color: #000; font-family: Arial, sans-serif; font-size: 16px } /******************************************************************************* Overall text settings. Font wrapper - this wrapper is used as a frame around the entirety of content so all fonts are affected by the resize.js javascript. Default font size will be the declared percentage of the font size given in the body (in this case, 80% of 16px). *******************************************************************************/ #fontWrapper { font-size: 80%; position: relative } #fontWrapper li, #fontWrapper td li { margin: 0 0 4px 0 } p { display: block } br { height: 8px } ul, ol { margin: 0; padding: 0 } td, th { padding: 4px } #mainContent ul, #mainContent ol { margin: 0 0 10px 26px } /******************************************************************************* Overall link settings. *******************************************************************************/ a:link { color: #295CCC; text-decoration: none } a:visited { color: #295CCC; text-decoration: none } a:hover { border-bottom: 1px solid #295CCC; color: #E3173E; text-decoration: none } a:active { color: #E3173E; text-decoration: none } /******************************************************************************* Overall heading settings. *******************************************************************************/ p, h1 { margin: 0 0 10px 0 } h1, h2, h3, h4, h5, h6 { font-family: Arial, sans-serif } h2, h3, h4, h5, h6 { margin: 10px 0 } h1 { color: #133880; font-size: 180%; line-height: normal; margin: 0 auto 10px auto } h2 { color: #E3173E; font-size: 140%; line-height: normal } h2 a:link, h2 a:visited, h2 a:active { color: #E3173E } h2 a:hover { border-bottom: 1px solid #E3173E; color: #E3173E } h3 { color: #1948A6; font-size: 130%; line-height: normal } h3 a:link { color: #1948A6 } h3 a:hover { border-bottom: 1px solid #1948A6; color: #E3173E } h4 { color: #363D4D; font-size: 120%; line-height: normal } h5 { color: #1F58CC; font-size: 115%; line-height: normal } h6 { color: #6B7A99; font-size: 110%; line-height: normal } /******************************************************************************* Main layout components. Container - provides the overall constraint for page width and centres content in browser window. Wrapper - provides the overall width constraint for visible content in both the header and body. *******************************************************************************/ .container { background: url(/__data/assets/image/0004/184270/bg-footer.png) center bottom no-repeat #FFF; margin: 0 auto; margin-top: 5px; padding: 0; width: 988px } .wrapper { clear: both; margin: 0 auto; width: 936px } /******************************************************************************* Page header styles. *******************************************************************************/ #logo { float: left; height: 58px; margin: 17px 0 14px 0; width: 390px } #logo a { border: none } #logo img { display: block } #topRight { float: right; height: 93px; width: 300px } #search { background: url(/__data/assets/image/0007/231883/search.png) no-repeat top right; height: 43px; margin: 0 0 14px 0; z-index: 100 } #searchTable { float: left; height: 14px; margin-bottom: 14px; margin-left: 75px; margin-top: 7px; z-index: 100 } #searchTable td { margin: 0; padding: 5px 0 0 0 } #searchTable input[type="text"] { border: none } .showSearchBox #searchTable input[type="text"] { border: 1px solid #C6C6C6 } #tools { float: right; margin: 1px 17px } .tool { float: left } /******************************************************************************* Top Menu. This is a modified version of Stu Nicholls' multi-level menu. More details and original code can be found at http://www.cssplay.co.uk/menus/pro_drop.html Top level menu items have fixed positions based on the class entered into metadata. Dynamic (drop down) menu items sourced using Matrix's normal menu generation. Original version has a fly-out component as well - this is not used here. *******************************************************************************/ #multiLevel { height: 35px; max-height: 35px; position: relative; z-index: 100 } #multiLevel .pad, .pad { float: left; height: 27px; width: 14px } #multiLevel .leftPad, .leftPad { float:left; height: 27px; width: 64px } #menuStart { background: left top no-repeat; background-color: #002664; height: 27px; width: 14px } #menuEnd { background: right top no-repeat; background-color: #002664; height: 27px; width: 14px } .menu, .menu ul { list-style-type: none; margin: 0; padding: 0; z-index: 100 } .menu li.top { display: block; float: left; position: relative } #fontWrapper .menu li, #fontWrapper .menu ul li { margin-bottom: 0 } .menu table { border-collapse: collapse; height: 0; left: 0; position: absolute; top: 0; width: 0 } .menu li.top a.topLink { border: none; display: block; float: left; height: 35px } .menu a { border: none } .menu li.top a span { font-size: 14px; color: white; margin-left: 5px; margin-top: 7px; /* left: -9999px; */ position: absolute; top: 0; z-index: 0 } .menu li.top a span:hover{ text-decoration: underline; text-decoration-color: #d7153a; text-decoration-thickness: 5px; text-underline-offset: 0.2em; } /******************************************************************************* Top Menu buttons. The normal (non-hover) images are positioned 0 pixels from top, to display the first row of images in the sprite. The hover images are positioned 37 pixels from top, to display the second row of images in the sprite. *******************************************************************************/ .menu li { background-color: #002664; height: 27px; } .menu li.p1 { width: 83px; } .menu li.p2 { width: 115px; } .menu li.p3 { width: 110px; } .menu li.p4 { width: 100px; } .menu li.p5 { width: 180px; } .menu li.p6 { width: 105px; } .menu li.p7 { width: 163px; } .menu li a#about { width: 83px; } .menu li a#place { width: 115px; } .menu li a#road { width: 110px; } .menu li a#add { width: 100px; } .menu li a#apn { width: 180px; } .menu li a#pub { width: 112px; } .menu li a#proposal { width: 140px; } /* Style the list OR link hover. Depends on which browser is used. */ .menu a:hover { visibility: visible } /* For IE6. */ .menu li:hover { position: relative; z-index:200 } /* For IE7. make the links transparent on hover so that the hover images in the lists show through (no flicker). */ .menu li a#about:hover, .menu li:hover a#about, .menu li a#place:hover, .menu li:hover a#place, .menu li a#road:hover, .menu li:hover a#road, .menu li a#add:hover, .menu li:hover a#add, .menu li a#apn:hover, .menu li:hover a#apn, .menu li a#pub:hover, .menu li:hover a#pub .menu li a#proposal:hover, .menu li:hover a#proposal { background: transparent } /* Keep the 'next' level invisible by placing it off screen. */ .menu ul, .menu :hover ul ul, .menu :hover ul :hover ul ul, .menu :hover ul :hover ul :hover ul ul, .menu :hover ul :hover ul :hover ul :hover ul ul { height:0; left: -9999px; position: absolute; top:-9999px; width:0 } .menu ul, .menu :active ul ul, .menu :active ul :active ul ul, .menu :active ul :active ul :active ul ul, .menu :active ul :active ul :active ul :active ul ul { height: 0; left: -9999px; position: absolute; top: -9999px; width: 0 } /* Set up the first drop down sub level. */ .menu :hover ul.sub { background: #FFF; border:1px solid #0F3075; height:auto; left: 0; min-width: 221px; padding: 1px 0 0 0; top: 26px; z-index:100 } .menu :hover ul.sub li { background: #FFF; border:1px solid #fff; border-width: 0 1px 1px 1px; display: block; float: left; height: auto; min-width: 219px; z-index: 100 } .menu :hover ul.sub li a { color: #295CCC; display: block; font-size: 12px; line-height: normal; margin: 0; padding: 3px 5px; text-decoration: none; width: auto; z-index:101 } .menu :hover ul.sub li a:hover { background: #E3173E; color:#FFF } /******************************************************************************* Breadcrumb style. *******************************************************************************/ #breadcrumbs { color: #888; font-size: 80%; padding: 0 8px 7px 10px; width: 600px } /******************************************************************************* Left sub menu styles. Top and bottom rounded corners are built the same way as the other boxes in the site. *******************************************************************************/ #subMenuCol { display: block; margin: 1px 0 0 0; width: 143px } #subMenu { background: url(/__data/assets/image/0003/184161/bg-submenu.png) left bottom no-repeat; padding-bottom: 5px } #subMenu a { border: none } #subMenu a, #subMenu a:visited { color: #295CCC } #subMenu a:hover, #subMenu a:active { color: #E3173E } #subMenuTop { background: url(/__data/assets/image/0003/184161/bg-submenu.png) left top no-repeat; height: 10px } #subMenu ul { font-size: 90%; line-height: 118%; list-style: none; margin: 0 10px } #subMenu ul li { margin: 0 0 8px 0 } #subMenu ul ul { font-size: 100%; margin: 6px -9px; padding: 0 } #subMenu ul ul li { border-colour: none; margin: 0; padding: 4px 10px 4px 18px } #subMenu ul ul ul { border: none; font-size: 100%; margin: 0; padding: 0 } #subMenu ul ul ul li { border-colour: none; margin: 0; padding: 4px 10px 4px 25px } /******************************************************************************* Column styles. *******************************************************************************/ .colRow { clear: both; float: left; width: 936px } .colLeft { float: left; margin-right: 18px; width: 300px } .colMid { float: left; margin-right: 18px; width: 300px } .colRight { float: left; width: 300px } .oneCol { clear: both; float: right; width: 936px } .twoCols { margin-left: 18px; width: 775px } /******************************************************************************* Hero image style. *******************************************************************************/ #heroImages { margin: 0; position: relative; width: 936px; z-index: 0 } .sliderWrapper { border: 0; height: 234px; overflow: hidden; position: relative; width: 936px; z-index: 0 } .sliderWrapper .slide { background: none; filter:progid:DXImageTransform.Microsoft.alpha(opacity=100); -moz-opacity: 1; height: 234px; left: 0; opacity: 1; position: absolute; top: 0; visibility: hidden; width: 936px; z-index: 0 } .pagination { background: none; bottom: 20px; position: absolute; right: 20px; text-align: right; z-index: 99 } .pagination a { background: url(/__data/assets/image/0017/184310/bg-pagination1.gif) center no-repeat; border: none; color: #000; font-family: Arial, sans-serif; font-size: 12px; font-weight: bold; margin-right: -2px; padding: 4px 5px; text-align: center; text-decoration: none; z-index: 0 } .pagination a:hover, .pagination a.selected { background: url(/__data/assets/image/0018/184311/bg-pagination2.gif) center no-repeat } /******************************************************************************* Image styles. *******************************************************************************/ .portrait { clear: right; float: right; height: auto; margin: 4px 0 8px 8px; width: 225px } .landscape { clear: both; height: auto; margin: 0 0 8px 0; width: 458px } /******************************************************************************* Segment styles. *******************************************************************************/ .segment { margin-top: 22px } .sHead { border-bottom: 1px solid #E3173E; color: #113C99; font-size: 120%; font-family: Arial, sans-serif; font-weight: bold; margin-bottom: 6px; padding-bottom: 2px; text-transform: uppercase } .sHead a { border-bottom: none; color: #113C99 } .sCell { margin-bottom: 10px !important; } .segment .sTitle a { clear: right; font-size: 105%; font-weight: bold; margin: 0 0 2px 0 } .segment .sTitle { clear: right; font-weight: bold; margin: 0 0 2px 0 } .segment .sBody { clear: right; color: #000; font-size: 90%; margin: 0 0 8px 0 } /******************************************************************************* Arrow list styles. *******************************************************************************/ .arrow { list-style: none; margin: 0 } .arrow li { background: url(/__data/assets/image/0006/184344/arrow.png) left 3px no-repeat; padding: 0 0 0 15px } .noarrow { list-style: none; margin: 0 !important } .noarrow li { padding: 0 } /******************************************************************************* Image banner area styles. *******************************************************************************/ #banners { margin: 0 0 0 0 } #banners a:hover { border-bottom: none } /******************************************************************************* Footer styles. *******************************************************************************/ #footer { clear: both; color: #888888; display: block; font-size: 70%; height: 43px; text-transform: uppercase; vertical-align: top } #footer a { color: #888888 } #footer a:hover { border-bottom: 1px solid #295CCC; color: #E3173E } #back2Top { height: 9px; margin: 16px auto; width: 9px } #back2Top img { height: 9px } #back2Top a:hover { border-bottom: none } #footerAcknowledgement { height: 10px; background-color: #4f4f4f; color: white; font-size: 0.9em; line-height: 2em; text-align: center; margin: 0; padding: 0 0 15px; } #footerLeft { float: left; margin: 15px 0 0 0 } #footerRight { float: right; margin: 15px 0 0 0 } /******************************************************************************* Table styles. *******************************************************************************/ table.max { width: 100% } table .results-header { background-color: #D9D7D7; padding: 10px 10px 5px 10px; text-align: center; vertical-align: top; width: 100% } table .results-previous { background-color: #D9D7D7; padding: 5px 10px 10px 10px; text-align: left; vertical-align: top; width: 50% } table .results-next { background-color: #D9D7D7; padding: 5px 10px 10px 10px; text-align: right; vertical-align: top; width: 50% } table .td1 { background-color: #D7D7D9; border-style: hidden; padding: 5px; vertical-align: top } table .td2 { background-color: #EDEBEB; border-style: hidden; padding: 2px 5px; vertical-align: top } table .td2-left { background-color: #EDEBEB; border-style: hidden; padding: 2px 5px; vertical-align: top; white-space: nowrap; width: 33% } table .td2-right { background-color: #EDEBEB; border-style: hidden; padding: 2px 5px; vertical-align: top; width: 67% } table .td2-bold { background-color: #EDEBEB; border-style: hidden; font-weight: bold; padding: 2px 5px; vertical-align: top; width: 100% } table .td3 { background-color: #F5F2F2; border-style: hidden; padding: 2px 5px; vertical-align: top } table .td3-left { background-color: #F5F2F2; border-style: hidden; padding: 2px 5px; vertical-align: top; white-space: nowrap; width: 33% } table .td3-right { background-color: #F5F2F2; border-style: hidden; padding: 2px 5px; vertical-align: top; width: 67% } table .td3-bold { background-color: #F5F2F2; border-style: hidden; font-weight: bold; padding: 2px 5px; vertical-align: top; width: 100% } table .extract-header { background-color: #EDEBEB; font-weight: bold; padding: 10px 5px; text-align: center } table .extract-date { background-color: #EDEBEB; padding: 10px 5px; text-align: right } table .extract1 { background-color: #EDEBEB; padding: 5px 0 5px 5px; text-align: left; white-space: nowrap } table .extract2 { padding: 5px; text-align: left } table .extract-footer { background-color: #EDEBEB; padding: 10px 5px; text-align: center } .tableView { border: 1px solid #383838; border-collapse: collapse; margin: 0 auto 8px 40px; width: auto } .tableView tr { padding: 1px 0 } .tableView th { background-color: #EFEFEF; border: 1px solid #383838; padding: 10px 15px; text-align: center; vertical-align: top } .tableView td { border: 1px solid #383838; padding: 10px 15px; vertical-align: top } /******************************************************************************* Extra styles. *******************************************************************************/ #content .indent { margin-left: 40px } .searchContainer { border-top: 1px solid #E3173E; border-bottom: 1px solid #E3173E; margin-bottom: 20px; padding: 10px; width: 450px } .fileSize { color: #888; font-style: normal; font-weight: normal; text-transform: uppercase } h2 span.fileSize { font-family: Arial, sans-serif; font-size: 0.69em } .formType { color: #F00; font-style: normal; font-weight: normal } .line { border-bottom: 1px dotted #B8B8B8; height: 1px; margin: 13px 0 11px 0; overflow: hidden } /******************************************************************************/