/* Copyright (C) Damon Vaughan Design Pty Ltd - All Rights Reserved
 * Unauthorized copying of files, via any medium, is strictly prohibited
 * Proprietary and confidential
 * Lead programmer Sue-Anne Hocking <hosting@dvdesign.com.au>, March 2015
 * Last updated SAH 2023-06-28
 */
body,html{height:100%;margin:0;padding:0}body{font-family:'Source Sans Pro',sans-serif;font-size:13px;font-weight:300;background-color:#fff;padding:10px}*{margin:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}audio,canvas,iframe,img,svg,video{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}a{text-decoration:none}p{margin:10px 0}p.first{margin-top:0}p.last{margin-bottom:0}h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:400!important;font-weight:400!important;line-height:1.1;color:inherit;margin:0;letter-spacing:.01em;color:#00528c}h1{font-size:32px;font-weight:300!important;color:#192a41}h2{font-size:30px;font-weight:600!important;text-transform:uppercase}h3{font-size:20px;margin-top:5px}h4{font-size:18px;margin-top:10px}.room-total,h5{font-size:14px;margin-top:10px}h5{color:#192a41;margin-top:10px}h6{font-size:12px;font-family:Arial,sans-serif;font-weight:700;text-transform:uppercase;color:#404040;margin-top:10px}h1.no-margin,h2.no-margin,h3.no-margin,h4.no-margin,h5.no-margin,h6.no-margin{margin:0}button,input[type=button],input[type=submit]{width:100px;padding-left:0;padding-right:0;height:30px;color:#fff;font-size:12px;font-weight:600;line-height:28px;background:#00528c;border:none;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}button:hover,input[type=button]:hover,input[type=submit]:hover{background:#192a41}button.secondary,input[type=button].secondary,input[type=submit].secondary{color:#00528c;background:rgba(0,82,140,.1)}button.secondary:hover,input[type=button].secondary:hover,input[type=submit].secondary:hover{background:rgba(0,82,140,.3)}.disabled,button.disabled,input[type=button].disabled,input[type=submit].disabled{opacity:.5}a:focus,button:focus,input[type=button]:focus,input[type=submit]:focus,input[type=text]:focus,li:focus{outline:0}input[type=number],input[type=text],textarea{border:solid 1px #e0e0e0;background:#fafafa;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-webkit-appearance:none;appearance:none}input[type=number],input[type=text]{width:60px;height:24px;text-align:center;font-size:16px;margin-right:10px}.label,label{display:block;margin:0 0 4px 0}img.block{display:block}b,strong{font-weight:400!important;font-weight:600!important}.browserupgrade{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}#loading{position:absolute;left:0;top:0;width:100%;min-height:100%;height:auto!important;height:100%;background:#fff;z-index:1}#loader{position:absolute;left:50%;top:50%;width:470px;height:250px;margin-left:-235px;margin-top:-115px;text-align:center;z-index:1;color:#00528c}.h1{font-size:20px;position:absolute;left:0;bottom:0;width:100%}#loader img{display:block;width:470px;height:200px;padding-bottom:20px}.spinner{margin:0 auto;width:100px;text-align:center}.spinner>div{width:10px;height:10px;background-color:#00528c;border-radius:100%;display:inline-block;-webkit-animation:bouncedelay 3.2s infinite ease-in-out;animation:bouncedelay 3.2s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}.spinner .bounce1{-webkit-animation-delay:-.64s;animation-delay:-.64s}.spinner .bounce2{-webkit-animation-delay:-.48s;animation-delay:-.48s}.spinner .bounce3{-webkit-animation-delay:-.32s;animation-delay:-.32s}.spinner .bounce4{-webkit-animation-delay:-.16s;animation-delay:-.16s}@-webkit-keyframes bouncedelay{0%,100%,80%{-webkit-transform:scale(0)}40%{-webkit-transform:scale(1)}}@keyframes bouncedelay{0%,100%,80%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}#page{width:100%;position:relative;min-height:100%;height:100%;height:auto!important;margin-bottom:-50px}#page-footer,#page-spacer{height:50px}#main-header{position:absolute;left:0;top:0;width:100%;height:70px;background-color:#f8f8f8;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px}#main-content{height:470px}#main-nav{background:#00528c;position:absolute;left:0;right:0;top:470px;bottom:50px;-webkit-border-top-left-radius:8px;-webkit-border-top-right-radius:8px;-moz-border-radius-topleft:8px;-moz-border-radius-topright:8px;border-top-left-radius:8px;border-top-right-radius:8px}#page-footer{background-color:rgba(0,82,140,.95);border-top:1px solid rgba(255,255,255,.2);-webkit-border-bottom-left-radius:8px;-webkit-border-bottom-right-radius:8px;-moz-border-radius-bottomleft:8px;-moz-border-radius-bottomright:8px;border-bottom-left-radius:8px;border-bottom-right-radius:8px}#calc{min-height:660px}.wrapper{width:960px;margin-left:auto;margin-right:auto;position:relative}.col,.panel{display:block;float:left;position:relative;min-height:1px}.cols{margin-left:-10px;margin-right:-10px}.col{padding-left:10px;padding-right:10px}.panel-left{width:280px}.panel-right{width:260px}.panel-left,.panel-right{padding-top:125px}#slide-household .panel-left{padding-top:190px}#slide-results .panel-main{padding-top:125px}.panel-main{width:680px}.wider-left .panel-left{width:360px}.wider-left .panel-main{width:600px}#slide-results .panel-main{padding-left:40px}.panel-middle{width:100%;margin-right:-260px}.panel-content{margin-right:260px}.panel-right{float:right}.panel-title{height:0;position:relative;top:90px}#slide-household .panel-title{top:150px}.title-holder h1{margin-top:17px}.brand-logo{display:block;position:absolute;top:10px;right:0;width:132px;z-index:2}.brand-logo-retailer{right:158px;width:100px}.brand-logo img{max-width:100%;height:50px}#footer,#footer a,#footer a:visited{font-size:12px;color:#f0f0f0}#footer-links{float:right;padding-top:17px}#footer-links a{padding-left:30px}#reset-link{float:left;padding-top:9px}#room-nav{padding:0;margin-left:-10px;margin-right:-10px}#room-nav li{width:16.66666667%;padding-left:10px;padding-right:10px}.room-thumb{text-align:center;cursor:pointer;position:relative;height:168px}.room-thumb h4{font-size:14px;font-weight:600;margin-top:0;color:#fff;position:absolute;left:0;right:0;top:22px;z-index:99}.room-thumb img{display:block;width:120px;height:auto!important;margin-left:auto;margin-right:auto}.room-thumb.disabled{cursor:auto}.room-total{position:absolute;left:0;bottom:20px;width:100%}.nav li,.nav ul{margin:0;padding:0;list-style-type:none}#main-nav-holder{position:relative}#main-nav-track{position:absolute;left:85px;top:-2px;width:24px;margin-left:-12px}.marker{width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-top:12px solid #fff;font-size:0;line-height:0}.row{padding:5px 0;border-bottom:1px solid #d3d3d4}.region-intro .row,.row.btns,.row.no-border{border-bottom:0}.rowt{padding-top:10px}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-reversed,.text-reversed a{color:#fff}.prev{float:left}.begin,.next{float:right}.begin,.next,.prev{width:120px}.wider-left .begin,.wider-left .next,.wider-left .prev{width:160px}.intro,.questions{padding-top:5x;padding-bottom:5px}.font-large{font-size:18px}.font-small{font-size:11px}.note{color:#002b45}.notable{display:inline-block;padding:2px 20px;margin-top:5px;border:1px solid #e0e0e0;background-color:#f2f2f2;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}.rel{position:relative}.abs{position:absolute;left:0;top:0;z-index:1}.rdo label{display:inline-block;margin-left:3px;margin-right:15px}.rdo label.last{margin-right:0}.rdo input{margin:0 1px}.rdo.aslist label{display:block;line-height:14px}.rdo.aslist label.last{margin-bottom:0}.rdo.aslist input{display:block;float:left;margin-right:6px}#slide-container{position:relative;overflow:hidden;margin:0 auto}#slide-container,.slide{width:1000px}#house-holder,#house-size,#slide-container,#slide-inner,.panel-left,.panel-main,.panel-middle,.panel-right,.room-holder,.slide{height:470px}#slide-inner{position:absolute;left:0;top:0;width:6000px}.slide{position:absolute;left:0;top:0;padding-left:20px;padding-right:20px}#slide-bathroom{left:1000px}#slide-laundry{left:2000px}#slide-kitchen{left:3000px}#slide-garden{left:4000px}#slide-results{left:5000px}#house-holder{position:relative}#house-size{position:absolute;left:25px;top:0;width:580px;z-index:-1}#house{position:relative;top:35px}#house img{width:100%}.room-holder{position:relative;width:100%}.image-appliance,.image-room,.the-room{position:absolute;left:0;top:0}.the-room{width:420px;height:494px;left:10px;top:20px}.image-appliance,.image-room{width:100%;height:100%}.the-room img{display:block;position:absolute;left:0;top:0;width:100%}.sm-hide{display:none}.regions{position:relative}.region{min-height:280px}.region.region-intro{height:auto;min-height:0}.usage-summary{font-size:14px;font-weight:400}.usage-grid{margin-top:8px}.usage-you{background:#00528c;color:#fff;height:38px;padding-top:8px;line-height:20px;border:1px solid #00528c;border-bottom:none}.usage-avg,.usage-goal{width:50%;height:48px;padding-top:5px;margin-bottom:10px;text-align:center;border:1px solid #00528c;border-top:none}.usage-avg{background:#f2f6f9;color:#00528c;border-right:none}.usage-goal{background:#fff;color:#00528c}.usage-summary .litres{font-size:18px;line-height:20px}.usage-you .litres,.usage-you .litres-label{display:inline-block;width:50%;text-align:center}.usage-you .litres{float:right}.usage-avg .litres,.usage-goal .litres{display:block;text-align:center}.usage-summary p{margin-top:.2em}.graph-inner,.graph-outer{width:260px;position:absolute;right:0;top:0}.graph-outer{height:460px}.graph-inner{top:100px;height:350px}.the-graph{position:absolute;bottom:0;left:0}.graph-columns{position:relative;left:0;bottom:0;width:260px;height:290px}.graph-title{text-align:center;font-size:16px;margin-top:0}.clear{float:none;clear:both}.xlabel{float:left;width:32px;text-align:right}.xlabel-text{position:relative;left:0;top:-7px;color:#424c52;font-size:10px;padding-right:5px}.graph-axes{position:relative}.xaxis{width:228px;margin-left:32px;border-top:1px solid #bbb}.xaxis-col{width:114px;padding-top:8px;text-align:center;float:left;font-size:12px}.has-goal .xaxis-col{width:76px}.axis-line{overflow:visible}.xline{width:228px;margin-left:32px;border-top:1px solid #ddd}.half .xline{border-top:1px dotted #ddd}.column-label{position:absolute;left:-25px;top:-18px;width:70px;text-align:center;font-size:11px}.stack{background-color:#333;border-top:1px solid #fff}.stack.empty,.stack.last{border-top:none}.stack.two{background-color:#666}.stack.three{background-color:#999}.col-figure{overflow:visible;background:#f0f0f0;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;margin-bottom:10px}.figure-text{font-size:10px;height:20px;color:#404040;padding:4px 0 0;margin-right:-10px;margin-left:-10px}.col-figure,.figure-text{height:20px;text-align:center}#graph-results .col-figure,#graph-results .figure-text{height:34px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}.figure-marker{width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #f0f0f0;font-size:0;line-height:0;margin-left:17px}#slide-results .figure-marker{margin-left:9px}.fig{display:block;font-weight:400}.bigger{display:block;color:#44c8f5}.bigger .total{font-size:16px}.total{color:#44c8f5;font-size:14px}.cols{margin-left:-10px;margin-right:-10px}.cols.two .col{width:50%}.cols.three .col{width:33.33333333%}#graph-results-holder{height:240px}#graph-results .graph-columns{width:460px;height:210px}#graph-results .xaxis,#graph-results .xline{width:400px}#graph-results .xaxis-col{width:100px}.col-charts{width:66.66666667%}.col-pies{width:33.33333333%}.mini-panel{height:60px;padding-top:18px}.mini-panel{background:rgba(0,82,140,.05);color:#00528c;height:42px;padding:8px 0 0 0;margin-top:10px;margin-bottom:10px}.mini-panel .lbl{display:inline-block;padding-left:15px;padding-right:10px}.mini-panel .litres{display:inline-block;font-size:18px;font-weight:400}#slide-bathroom .note,#slide-bathroom .rdo label,#slide-bathroom .usage-avg,#slide-bathroom .usage-goal,#slide-bathroom .usage-you,#slide-bathroom h2,#slide-bathroom h3,#slide-bathroom h4{color:#911146}#slide-bathroom .stack,#slide-bathroom .usage-you,#slide-bathroom button,.column-avg-bathroom .stack,.column-goal-bathroom .stack,.column-you-bathroom .stack{background-color:#911146;color:#fff}#slide-bathroom .notable,#slide-bathroom button.secondary{background-color:rgba(145,17,70,.1);color:#911146}#slide-bathroom .notable{border-color:rgba(145,17,70,.2)}#slide-bathroom .usage-avg,#slide-bathroom .usage-goal,#slide-bathroom .usage-you{border-color:#911146}#slide-bathroom .usage-avg{background-color:rgba(145,17,70,.05)}#slide-bathroom .stack.two{background-color:#9c2858}#slide-bathroom .stack.three{background-color:#a7416b}#slide-laundry .note,#slide-laundry .rdo label,#slide-laundry .usage-avg,#slide-laundry .usage-goal,#slide-laundry .usage-you,#slide-laundry h2,#slide-laundry h3,#slide-laundry h4{color:#cf4a30}#slide-laundry .stack,#slide-laundry .usage-you,#slide-laundry button,.column-avg-laundry .stack,.column-goal-laundry .stack,.column-you-laundry .stack{background-color:#cf4a30;color:#fff}#slide-laundry .notable,#slide-laundry button.secondary{background-color:rgba(207,74,48,.1);color:#cf4a30}#slide-laundry .notable{border-color:rgba(207,74,48,.2)}#slide-laundry .usage-avg,#slide-laundry .usage-goal,#slide-laundry .usage-you{border-color:#cf4a30}#slide-laundry .usage-avg{background-color:rgba(207,74,48,.05)}#slide-kitchen .note,#slide-kitchen .rdo label,#slide-kitchen .usage-avg,#slide-kitchen .usage-goal,#slide-kitchen .usage-you,#slide-kitchen h2,#slide-kitchen h3,#slide-kitchen h4{color:#ed8c2b}#slide-kitchen .stack,#slide-kitchen .usage-you,#slide-kitchen button,.column-avg-kitchen .stack,.column-goal-kitchen .stack,.column-you-kitchen .stack{background-color:#ed8c2b;color:#fff}#slide-kitchen .notable,#slide-kitchen button.secondary{background-color:rgba(237,140,43,.1);color:#ed8c2b}#slide-kitchen .notable{border-color:rgba(237,140,43,.2)}#slide-kitchen .usage-avg,#slide-kitchen .usage-goal,#slide-kitchen .usage-you{border-color:#ed8c2b}#slide-kitchen .usage-avg{background-color:rgba(237,140,43,.05)}#slide-kitchen .stack.two{background-color:#ee9740}#slide-kitchen .stack.three{background-color:#f1a355}#slide-garden .note,#slide-garden .rdo label,#slide-garden .usage-avg,#slide-garden .usage-goal,#slide-garden .usage-you,#slide-garden h2,#slide-garden h3,#slide-garden h4{color:#88a825}#slide-garden .stack,#slide-garden .usage-you,#slide-garden button,.column-avg-garden .stack,.column-goal-garden .stack,.column-you-garden .stack{background-color:#88a825;color:#fff}#slide-garden .notable,#slide-garden button.secondary{background-color:rgba(136,168,37,.1);color:#88a825}#slide-garden .notable{border-color:rgba(136,168,37,.2)}#slide-garden .usage-avg,#slide-garden .usage-goal,#slide-garden .usage-you{border-color:#88a825}#slide-garden .usage-avg{background-color:rgba(136,168,37,.05)}.piechart-holder{position:relative;height:140px}.piechart-holder h6{text-align:center;margin-top:0}#the-pie-avg,#the-pie-you,#the-pie-you-empty{width:210px;height:110px;position:absolute;left:0;top:10px}#tips{padding-top:15px}#tips ul{margin-top:10px;margin-bottom:10px}#tips li{margin-top:5px;margin-bottom:5px}#terms{padding-top:15px;font-size:80%}#usage-table{padding-top:15px;padding-bottom:30px;border-bottom:1px solid #999}#usage-table table{width:100%}#usage-table td{padding:7px;border-bottom:1px solid #ddd}#usage-table .kl-you{width:25%}#usage-table .kl-avg{width:35%}#usage-table thead td,.rtotal{font-weight:700}#usage-table .rtotal td{background:#f0f0f0;border-bottom:1px solid #bbb;border-top:1px solid #bbb}.info-holder{position:absolute;left:0;top:0;z-index:5999}.box-bg{background:#fff;color:#303030;padding:15px 50px 14px 25px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}.box{position:relative;padding:0 20px 15px 20px}.info-marker{position:absolute;left:0;bottom:0;width:15px;height:15px;z-index:5}.box-marker{width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-top:12px solid #fff;font-size:0;line-height:0}button.close{position:absolute;right:30px;top:10px;width:26px;height:26px;text-transform:none;background:#e1e1e1}button.close:hover{background:#d1d1d1}.cross{display:block;position:relative;width:26px;height:26px}.cross:after,.cross:before{display:block;content:"";position:absolute;left:12px;top:3px;background:#bbb;width:2px;height:16px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px}.cross:before{transform:rotate(45deg)}.cross:after{transform:rotate(-45deg)}button.close:hover .cross:after,button.close:hover .cross:before{background:#fff}.alignbase{position:absolute;bottom:90px;width:100%;text-align:center}#dialogModal{position:fixed;z-index:100;top:0;left:0;height:100%;width:100%;background:#fff;display:none}.dialog{width:450px;height:225px}.dialog-title{height:50px;padding:13px 35px 0 35px;background:#00528c}.dialog-title h4{font-size:22px;margin:0;color:#fff}.dialog-content{background:#fafafa url(../interface/icon-expoint.png) no-repeat 35px 25px;height:105px;padding:25px 35px 0 140px}.dialog-btns{background:#fafafa;height:70px;padding:20px 35px 0 35px;text-align:center}.dialog-btns button{margin-right:15px;margin-left:15px}a.restart,a.restart:visited{color:#c2deea;color:#7fa1b6;font-size:12px;display:inline-block;width:200px;height:30px;line-height:30px;text-align:center;border:1px solid rgba(255,255,255,.5)}a.restart:hover{color:#fff;border-color:#fff;text-decoration:none}.dialog-blur{-webkit-filter:blur(2px);-moz-filter:blur(2px);-o-filter:blur(2px);-ms-filter:blur(2px);filter:blur(2px)}.rnd{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.sqTR{-webkit-border-top-right-radius:0;-moz-border-radius-topright:0;border-top-right-radius:0}.sqBR{-webkit-border-bottom-right-radius:0;-moz-border-radius-bottomright:0;border-bottom-right-radius:0}.sqBL{-webkit-border-bottom-left-radius:0;-moz-border-radius-bottomleft:0;border-bottom-left-radius:0}.sqTL{-webkit-border-top-left-radius:0;-moz-border-radius-topleft:0;border-top-left-radius:0}.print-only{display:none}@media screen and (min-width:1200px) and (min-height:800px),screen and (min-device-width:768px) and (max-device-width:768px) and (orientation:portrait){body{min-height:920px}#page{margin-bottom:-60px}#page-footer,#page-spacer{height:60px}#main-nav{bottom:60px}#calc{min-height:900px}.wrapper{width:1140px}.panel-main{width:880px;padding-left:50px}.wider-left .panel-main{width:780px;padding-left:60px}#slide-results .panel-main{padding-left:54px}#main-header{height:90px}#main-content{height:680px}#main-nav{top:680px}#footer-links{padding-top:22px}#reset-link{padding-top:15px}#house-size{left:0;width:730px}#house-holder,#house-size,#slide-container,#slide-inner,.panel-left,.panel-main,.panel-middle,.panel-right,.slide{height:680px}.title-holder h1{margin-top:23px}.brand-logo{top:15px;width: 159px}.brand-logo-retailer{right:194px;width:120px}.brand-logo img{height:60px}#house{top:40px}input[type=number],input[type=text]{height:30px;font-size:18px}h1,h2{font-size:36px}h3{font-size:22px;margin-top:10px}h6{font-size:13px}.font-large{font-size:20px}.label,label{margin-bottom:10px}.row{padding:10px 0}.next,.prev{width:110px}.room-thumb{height:220px;padding-left:40px;padding-right:40px}.room-thumb h4{padding-left:30px;padding-right:30px}.room-thumb img{width:150px}#main-nav-track{left:90px}.panel-left,.panel-right{width:260px;padding-top:180px}#slide-household .panel-left{padding-top:250px}#slide-results .panel-main{padding-top:180px}.panel-title{top:140px}#slide-household .panel-title{top:200px}.daily-use,.region{min-height:400px}.region.region-intro{height:auto}.graph-outer{height:640px}.graph-inner{top:160px;height:480px}.graph-columns{height:420px}#slide-container,.slide{width:1180px}#slide-inner{width:7080px}#slide-bathroom{left:1180px}#slide-laundry{left:2360px}#slide-kitchen{left:3540px}#slide-garden{left:4720px}#slide-results{left:5900px}.the-room{width:640px;height:680px;left:-40px;top:0}.usage-you{height:60px;padding-top:20px}.usage-avg,.usage-goal{height:60px;padding-top:8px}.usage-summary .litres{font-size:22px;line-height:inherit}.usage-avg .litres,.usage-goal .litres{display:block;width:100%}.mini-panel .lbl{padding-left:20px}.sm-hide{display:inherit}.md-hide{display:none}#graph-results-holder{height:368px}#graph-results .graph-columns{width:560px;height:330px}#graph-results .xaxis,#graph-results .xline{width:512px}#graph-results .xaxis-col{width:128px;margin-bottom:0}#slide-results .figure-marker{margin-left:12px}.piechart-holder{height:180px;margin-top:10px}#the-pie-avg,#the-pie-you,#the-pie-you-empty{top:24px;left:20px;width:220px;height:150px}}@media (-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi){.dialog-content{background:#fff url(../interface/icon-expoint_x2.png) no-repeat 35px 25px;background-size:80px 80px}}.hidden{display:none!important;visibility:hidden}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.invisible{visibility:hidden}.clearfix:after,.clearfix:before{content:"";display:table}.clearfix:after{clear:both}