/* Set defaults */ body { margin: 0; font-size: 76%; } input, select, textarea { font-size: 1em; } th, td { vertical-align: top; font-size: 1em; } img { border: 0; } a { text-decoration: none; } a:hover { text-decoration: underline; } /* Generic classes */ .clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clear { display: inline-block; } /* \*/ .clear { display: block; } /* */ .align-left { text-align: left !important; } .align-right { text-align: right !important; } .align-centre { text-align: center !important; } .align-top { vertical-align: top !important; } .align-bottom { vertical-align: bottom !important; } .align-middle { vertical-align: middle !important; } .bold { font-weight: bold !important; } .italic { font-style: italic !important; } .underline { text-decoration: underline !important; } .js-hide { display: none; } .bluebutton { font-weight: bold; font-style: italic; color: white; background: url(../graphics/button.gif) repeat-x; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .bluebutton.grey { background-image:url(../graphics/button-grey.gif) } a.bluebutton { padding: 4px 10px; } a.bluebutton:hover { text-decoration: none; } input.bluebutton { position: relative; #top: 3px; padding: 2px 10px 3px; border: 0; } table.data td, table.data th { padding: 0 20px 0 0; } /* Site specific */ body { background: transparent none;padding: 0 !important; } body, input, select, textarea { font-family: Verdana, Arial, Helvetica, sans-serif; } h1 { font-size: 2em; font-weight: normal; margin: 0 0 0.4em; color: #48493b; } h2 { font-size: 1.55em; color: #48493b; } h3 { font-size: 1.2em; color: #48493b; } a { color: #034ee7; } a.ontop { display: none !important; visibility: hidden !important; background: red; } #wrapper { width: 960px; margin: 0 auto; } body.large #wrapper { font-size: 1.3em; } #header { position: relative; } #header div.top { padding: 0 0 0 26px; background: url(../graphics/layout/top.gif) repeat-x; } #header div.top ul.regions { float: left; margin: 0; padding: 0; list-style-type: none; /*background: url(../graphics/regions/background.gif) no-repeat right top;*/ } #header div.top ul.regions li { float: left; } #header div.top ul.regions li a { float: left; height: 31px; width: 20px; background-repeat: repeat-x; background-position: right top; cursor: pointer; } #header div.top ul.regions li a span { display: none; } #header div.top ul.regions li.central a { background-image: url(../graphics/regions/central.gif); } #header div.top ul.regions li.waitemata a { background-image: url(../graphics/regions/waitemata.gif); } #header div.top ul.regions li.auckland a { background-image: url(../graphics/regions/auckland.gif); } #header div.top ul.regions li.countiesmanukau a { background-image: url(../graphics/regions/countiesmanukau.gif); } #header div.top ul.regions li.waikato a { background-image: url(../graphics/regions/waikato.gif); } #header div.top ul.regions li.bop a { background-image: url(../graphics/regions/bop.gif); } #header div.top ul.regions li.lakes a { background-color: #f27022 } #header div.top ul.regions li.taranaki a { background-image: url(../graphics/regions/taranaki.gif); } #header div.top ul.regions li.canterbury a { background-image: url(../graphics/regions/canterbury.gif); } #header div.top ul.regions li.central2 a { padding: 0 0 0 7px; background-image: url(../graphics/regions/central2.gif); background-repeat: no-repeat; } #header div.top ul.tools { float: right; margin: 0 -1px 0 0; padding: 3px 0 0; list-style-type: none; } #header div.top ul.tools li { float: left; } #header div.top ul.tools li a { float: left; height: 28px; line-height: 28px; } #header div.top ul.tools li.plain { padding: 0 10px; background: url(../graphics/layout/bullet_divider.gif) no-repeat left center; } #header div.top ul.tools li.first { background: none; } #header div.top ul.tools li.plain a { } #header div.top ul.tools li.button { padding: 0 1px 0 0; background: url(../graphics/layout/tab.gif) no-repeat; } body.large #header div.top ul.tools li.button { background: url(../graphics/layout/tab-large.gif) no-repeat; } #header div.top ul.tools li.button a { width: 100px; padding: 0 0 0 38px; font-weight: bold; background-repeat: no-repeat; background-position: 15px center; } body.large #header div.top ul.tools li.button a { width: 140px; } #header div.top ul.tools li.accessibility a { background-image: url(../graphics/layout/accessibility-link.gif); } #header div.top ul.tools li.login a { background-image: url(../graphics/layout/login-link.gif); } #header div.top ul.tools li.text a { background-image: url(../graphics/layout/text-link.gif); } #header div.top ul.tools li.access { position: absolute; right: 0; top: 0; width: 0; height: 0; overflow: hidden; } #banner { position: relative; z-index: 60; height: 108px; background: url(../graphics/lakes/banner.jpg) no-repeat; } #banner h2 { position: absolute; left: 41px; top: 0; margin: 0; height: 33px; line-height: 33px; font-size: 1em; letter-spacing: 0.1em; font-style: italic; text-transform: uppercase; font-weight: normal; color: #710b00; } .sIFR-hasFlash #banner h2 { top: 10px; height: 16px; overflow: hidden; text-transform: uppercase; } #banner h3 { position: absolute; right: 7px; bottom: 0px; margin: 0; height: 26px; line-height: 26px; font-size: 0.73em; font-style: italic; font-weight: normal; color: #a4a4a4; } .sIFR-hasFlash #banner h3 { right: -35px; bottom: -7px; width: 540px; } #banner img.byline1 { position: absolute; left: 26px; top: 0; } #banner img.byline2 { position: absolute; right: 0; bottom: 0; } #logo { position: absolute; left: 21px; top: 42px; } #xmas-logo { position: absolute; z-index: 50; left: 3px; top: 60px; } #crumbs { padding: 0 25px; height: 28px; line-height: 28px; font-size: 0.85em; color: #9e9e97; background: #414234; } #crumbs a { color: white; } #navigation { margin: 0 0 8px; background: white url(../graphics/layout/navigation.gif) repeat-x; } #navigation ul { margin: 0; padding: 0; list-style-type: none; } #navigation li { position: relative; } #navigation li a { display: block; padding: 8px 5px 8px 25px; border-bottom: 1px solid white; background: #edf1f3; zoom: 1; } #navigation li a:hover { text-decoration: none; background: #e1e5e7; } #navigation li.nav_active a, #navigation li.nav_active a:hover { color: #48493b; background: transparent url(../graphics/layout/nav_active.gif) no-repeat 11px 11px; } #navigation ul ul { display: none; } #navigation ul li.nav_active ul { display: block; } #navigation ul ul li { background: white !important; } #navigation ul li.nav_active ul li a { padding: 8px 5px 8px 40px; background: #e1e5e7; color: #034ee7; } #navigation ul li.nav_active ul li a:hover { text-decoration: none; background: #d8dcdd; color: #034ee7; } #navigation ul li.nav_active ul li.nav_active a, #navigation ul li.nav_active ul li.nav_active a:hover { color: #48493b; background: #edf1f3 url(../graphics/layout/nav_active.gif) no-repeat 26px 11px; } #navigation ul li.nav_active ul ul { display: none; } #navigation ul li.nav_active ul li.nav_active ul { display: block; } #navigation ul ul ul li { background: white !important; } #navigation ul li.nav_active ul li.nav_active ul li a { padding: 8px 5px 8px 55px; background: #d8dcdd; color: #034ee7; } #navigation ul li.nav_active ul li.nav_active ul li a:hover { text-decoration: none; background: #cfd3d4; color: #034ee7; } #navigation ul li.nav_active ul li.nav_active ul li.nav_active a, #navigation ul li.nav_active ul li.nav_active ul li.nav_active a:hover { color: #48493b; background: #e1e5e7 url(../graphics/layout/nav_active.gif) no-repeat 41px 11px; } #navigation>ul>li:first-child>a { background: #edf1f3 url(../graphics/layout/nav_first.gif) repeat-x; } #navigation>ul>li:first-child>a:hover { background: #e1e5e7 url(../graphics/layout/nav_first_hover.gif) repeat-x; } #navigation>ul>li:first-child.nav_active>a, #navigation>ul>li:first-child.nav_active>a:hover { background: transparent url(../graphics/layout/nav_active.gif) no-repeat 11px 11px; } #main { position: relative; float: left; width: 960px; background: url(../graphics/layout/main.gif) repeat-x; } #main div.sidebar { float: left; width: 190px; } #main div.sidebar div.container { padding: 20px 25px; margin: 0 0 10px; border: 1px solid #edf1f3; } #main div.sidebar div.regions { position: relative; z-index: 10; } #main div.sidebar div.regions h3 { font-weight: normal; margin: 0 0 0.7em; } #main div.sidebar div.regions ul { margin: 0; padding: 0; list-style-type: none; font-weight: bold; } #main div.sidebar div.regions ul li a { zoom: 1; display: block; padding: 2px 0 1px 15px; border: 1px solid #48493b; background: url(../graphics/layout/select-arrow.gif) no-repeat 3px 5px; } #main div.sidebar div.regions ul li a:hover, #main div.sidebar div.regions ul li:hover a { text-decoration: none; background: url(../graphics/layout/select-arrow-down.gif) no-repeat 3px 5px; } #main div.sidebar div.regions ul ul { position: absolute; top: 20px; left: 0; width: 138px; border: 1px solid #48493b; } #main div.sidebar div.regions ul table { position: absolute; } #main div.sidebar div.regions ul li:hover ul li a, #main div.sidebar div.regions ul li ul li a { border: 0; padding: 3px 0 3px 5px; background: white none; } #main div.sidebar div.regions ul li ul li a:hover { background: #edf1f3; } #main div.sidebar div.regions div.map { margin: 15px 0 0; } #main div.sidebar div.link { margin: 0 0 1em; } #sblink-2a99ab97160e200d3d2ca780b31b8e13, #sblink-7746ffa464c5b7a4bb5acbfdf93c655f { margin: 0 0 10px; height: 63px; background-repeat: no-repeat; } body.large #sblink-2a99ab97160e200d3d2ca780b31b8e13, body.large #sblink-7746ffa464c5b7a4bb5acbfdf93c655f { font-size: 0.8em; } #sblink-2a99ab97160e200d3d2ca780b31b8e13 a, #sblink-7746ffa464c5b7a4bb5acbfdf93c655f a { display: block; padding: 23px 15px 20px 15px; color: #004ee3; font-weight: bold; font-style: italic; font-size: 1.15em; } #sblink-2a99ab97160e200d3d2ca780b31b8e13 a:hover, #sblink-7746ffa464c5b7a4bb5acbfdf93c655f a:hover { text-decoration: none; } #main div.sidebar div.regions { position: relative; height: 265px; padding: 0; } #main div.sidebar div.regions ul { position: absolute; z-index: 10; left: 25px; top: 10px; width: 140px; margin: 0; background: white; } * html #main div.sidebar div.regions table { border-collapse: collapse; padding: 0; margin: 0 0 -7px; width: 0; height: 0; z-index: 300; position: absolute; left: 0; top: -1000px; } * html #main div.sidebar div.regions a:hover table { display: block; left: 0; top: 0; } #main div.sidebar div.regions td { margin: 0; padding: 0; } #main div.sidebar div.regions td a { position: relative; zoom: 1; } * html #main div.sidebar div.regions a:hover { position: relative; z-index: 100; } #main div.sidebar div.regions li:hover { position: relative; } * html #main div.sidebar div.regions ul ul a:hover { position: relative; z-index: 110; } #main div.sidebar div.regions ul ul li:hover { position: relative; } * html #main div.sidebar div.regions ul ul ul a:hover { position: relative; z-index: 120; } #main div.sidebar div.regions ul ul ul ul a:hover { position: relative; z-index: 130; } #main div.sidebar div.regions ul ul { visibility: hidden; display: none; } #main div.sidebar div.regions ul :hover ul { visibility: visible; display: block; height: auto; } #main div.sidebar div.regions ul :hover ul ul { visibility: hidden; } #main div.sidebar div.regions ul :hover ul :hover ul ul { visibility: hidden; } #main div.sidebar div.regions ul :hover ul :hover ul { visibility: visible; } #main div.sidebar div.regions ul :hover ul :hover ul :hover ul { visibility: visible; } #main div.sidebar div.regions div.map { position: absolute; left: 0; top: -15px; } #google-translate { display: none; position: relative; height: 63px; } #google-translate div.box { position: absolute; left: 12px; top: 5px; } #content { float: left; } #content div.content { position: relative; float: left; width: 530px; padding: 25px; } #content.nosidebar div.content { width: 720px; } #content div.sidebar div.content { float: none; width: auto; padding: 0; } #content div.footer { clear: left; margin: 0 0 0 25px; border-top: 1px solid #e4ebec; } #content div.footer ul.tools { margin: 0; padding: 0; list-style-type: none; float: left; } #content div.footer ul.tools li { float: left; padding: 0 20px 0 0; } #content div.footer ul.tools li a { float: left; height: 28px; line-height: 28px; padding: 0 0 0 22px; font-weight: bold; background-repeat: no-repeat; background-position: left center; } #content div.footer ul.tools li.top a { background-image: url(../graphics/layout/top-link.gif); } #content div.footer ul.tools li.email a { background-image: url(../graphics/layout/email-link.gif); } #content div.footer p { float: left; margin: 8px 0 0 8px; height: 1.1em; line-height: 1.1em; padding: 0 0 0 10px; font-size: 0.9em; border-left: 1px solid #bababa; color: #bababa; } #content div.footer ul.tools li div.addthis_toolbox { padding: 7px 0 0; } #content div.footer ul.tools li div.addthis_toolbox a { height: auto; line-height: 1.1em; padding: 0; font-weight: normal; } #content div.footer ul.tools li div.addthis_toolbox a.addthis_button_facebook, #content div.footer ul.tools li div.addthis_toolbox a.addthis_button_email, #content div.footer ul.tools li div.addthis_toolbox a.addthis_button_favorites, #content div.footer ul.tools li div.addthis_toolbox a.addthis_button_print { margin: 0 0.5em 0 0; } #quote-teaser { position: relative; padding: 0 8px 210px; margin: 0 0 60px; background: #48493b url(../graphics/layout/quote-teaser.gif) no-repeat center bottom; } #quote-teaser p { margin: 0; padding: 10px; font-size: 0.85em; background: #dadada url(../graphics/layout/quote-teaser-bubble.gif) no-repeat; } #quote-teaser img, #quote-teaser span { position: absolute; bottom: -60px !important; right: 0; } * html #quote-teaser span { top: 75px; } #quote-teaser div.poll { position: relative; padding: 10px; background: #dadada url(../graphics/layout/quote-teaser-bubble.gif) no-repeat; } #quote-teaser div.poll h2 { margin: 0 0 0.5em; font-size:15px; letter-spacing:-0.01em } #quote-teaser div.poll h3 { margin: 0 0 1em; font-size: 1em; font-weight:normal; } #quote-teaser div.poll p { position: relative; margin: 0 0 1em; padding: 0; color:#555; font-size: 1em; background: transparent none; } #quote-teaser div.poll strong { color:#000; } #quote-teaser div.poll span.bar { position: relative; bottom: 0 !important; display: block; margin: 0.3em 0 0; border: 1px solid #aaa; } #quote-teaser div.poll span.bar span.across { position: relative; bottom: 0 !important; display: block; background: #f27022; border-right: 1px solid #999; } #quote-teaser div.loading { position: absolute; left: 0; top: 0; display: none; width: 100%; height: 100%; } #quote-teaser.loading div.loading { display: block; } #quote-teaser div.loading img { position: absolute; left: 50%; top: 100px; margin: -16px 0 0 -16px; } * html #quote-teaser div.poll span { top: 0; } #footer { #float: left; position: relative; clear: both; #width: 960px; padding: 234px 0 0; line-height: 1.5em; color: #9a9a94; font-size: 0.85em; background: #003c55 url(../graphics/lakes/footer-people.jpg) no-repeat; } #footer div.inner { position: relative; #margin: 234px 0 0; padding: 25px 0 25px 215px; background: url(../graphics/layout/footer.gif) repeat-x; } #footer h3 { margin: 0 0 1em; color: #9a9a94; font-weight: normal; font-size: 1.5em; line-height: 1.2em; } .sIFR-hasFlash #footer h3 { height: 20px; margin: 0 0 0.5em; } .sIFR-hasFlash body.large #footer h3 { height: 23px; } #footer a { color: white; } #footer p { margin: 1em 0 0; } #footer div.left { position: relative; float: left; padding: 0 25px 0 0; } #footer div.left ul { margin: 0; padding: 0; list-style-type: none; } #footer div.right { position: relative; padding: 0 25px; } #footer div.left { width: 190px; border-right: 1px solid #515b5b; } #footer div.right { margin: 0 0 0 215px; border-left: 1px solid #515b5b; } #gallery { margin: 0; padding: 0; list-style-type: none; } #gallery li { float: left; width: 130px; height: 140px; text-align: center; } #print-list-button { display: block; height: 32px; line-height: 32px; padding: 0 0 0 25px; margin: 0 0 10px; font-weight: bold; background: url(../graphics/print-list-button.png) no-repeat; } #print-list-button:hover { text-decoration: none; background-position: 0 -32px; } #article-home { width: 530px; } #member-login-popup { position: absolute; z-index: 100; left: 650px; top: 45px; display: none; width: 250px; padding: 10px 10px 4px; #padding: 10px 10px 1px; background: url(../graphics/central/login-popup.png); color: white; border: 1px solid black; -moz-box-shadow: 0 0 7px #000000; -webkit-box-shadow: 0 0 7px #000000; -moz-border-radius: 10px; -webkit-border-radius: 10px; } #member-login-popup { left: 690px; top: 35px; } #member-login-popup.active { display: block; } #member-login-popup a.close { position: absolute; right: 5px; top: 5px; overflow: hidden; display: block; width: 9px; height: 11px; background: url(../graphics/central/popup-close.gif) no-repeat; text-indent: -1000px; } #member-login-popup p { margin: 0 0 0.5em; } #member-login-popup label { display: block; } #member-login-popup input.text { width: 240px; #width: 244px; } #member-login-popup input.button { float: right; padding: 5px 10px; background: url(../graphics/central/login-popup-button.gif) repeat-x; color: #004662; border: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #member-login-popup p a { float: left; margin: 7px 0 0; color: #5dc5ff; #font-size: 0.9em; }