/* override html tags */
html, body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	color: #000000;
}
body, div, p, th, td, li, dd {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 12px;
	line-height: 1.45em;
}
input, select, option, textarea {
	font-size: 100%;
}
body {
	background-color: #c6d8ec;
}
p { 
	margin: 0 0 1em 0;
}
p.last {
	margin-bottom: 0;
}
a, a:visited {
	text-decoration: none;
	color: #008847;
}
a:hover {
	text-decoration: underline;
}
form {
	margin: 0;
	padding: 0;
}
ul {
	padding-top: 0;
	margin-top: 0;
	margin-bottom: 1em;
}
h1 {
	margin: 0;
	padding: 0;
	padding-bottom: 0.5em;
	font-size: 28px;
	line-height: 1.2em;
	font-weight: normal;
	color: #008847;
}
h2 {
	margin: 0;
	padding: 0;
	padding-bottom: 0.5em;
	font-size: 22px;
	line-height: 1.2em;
	font-weight: normal;
	color: #008847;
}
h3 {
	margin: 0;
	padding: 0;
	padding-bottom: 0.5em;
	font-size: 16px;
	font-weight: normal;
	color: #008847;
}
h4 {
	font-size: 13px;
	margin: 0;
	padding-bottom: 0.5em;
}
h5 {
	font-size: 12px;
	margin: 0;
	padding-bottom: 0.3em;
}
.tip-heading {
	margin: 0;
	padding: 0;
	padding-bottom: 0.5em;
	font-size: 22px;
	line-height: 1.2em;
	font-weight: normal;
	color: #79b8ee;
}

.print {
	display: none;
}
.clear {
	float: none;
	clear: both;
}
.small, .small-medium, .medium, .large {
	border: 1px solid #ccc;
	margin: 0;
	padding: 3px;
	font-size: 110%;
}
.small:disabled, .small-medium:disabled, .medium:disabled, .large:disabled {
	background-color: #f0f0f0;
}
.small {
	width: 100px;
}
.small-medium {
	width: 120px;
}
.medium {
	width: 200px;
}
.large {
	width: 400px;
}

/* page structure */
#page {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	min-width: 980px;
	width: 100%;
	margin: 0 auto;
	background: url(background-small.jpg) repeat-x left bottom;
}
html>body #page {
    height: 0 auto;
}
#main-inner, #foot-inner {
	width: 940px;
	margin: 0 auto;
}
#main-header {
	height: 150px;
	padding-bottom: 10px;
}
#header-inner {
	position: relative;
}
#main-body {
	padding-bottom: 50px;
	width: 940px;
	background: #eff0f2 url(content-top.png) no-repeat center top;
}
#foot {
	height: 368px;
}
#foot-nav {
	height: 168px;
	border-top: 1px solid #ffffff;
	background: url(footer-navigation.png) no-repeat center bottom;
	overflow: hidden;
}
#foot-links {
	height: 140px;
	margin-top: 10px;
	background: url(water-retailer-logos-new-cww.png) no-repeat center center;
}

/* header */
#page-title {
	height: 108px;
	background: #014c14 url(header.jpg) no-repeat left top;
}
#page-title img {
	padding-top: 25px;
	padding-bottom: 10px;
}
/*
#open-date {
	position: absolute;
	right: 0;
	top: 0;
}
*/
#open-date {
	display: none;
}
#exemption-to-continue {
	position: absolute;
	right: 0;
	top: 0;
}

/* header nav */
#page-nav {
	height: 42px;
}
#page-nav a {
	float: left;
	width: 235px;
	height: 42px;
	background: url(navigation-buttons.jpg) no-repeat 0 0;
}
#page-nav a:hover {
	background-position: 0 -42px;
	text-decoration: none;
	outline: none;
}
#page-nav a.current {
	background-position: 0 -84px;
}
#page-nav a span {
	visibility: hidden;
}
a#page-nav-2 {
	background-position: -235px 0;
}
a#page-nav-2:hover {
	background-position: -235px -42px;
}
a#page-nav-2.current {
	background-position: -235px -84px;
}
a#page-nav-3 {
	background-position: -470px 0;
}
a#page-nav-3:hover {
	background-position: -470px -42px;
}
a#page-nav-3.current {
	background-position: -470px -84px;
}
a#page-nav-4 {
	background-position: -705px 0;
}
a#page-nav-4:hover {
	background-position: -705px -42px;
}
a#page-nav-4.current {
	background-position: -705px -84px;
}

/* body content */
#content {
	width: 620px;
	padding: 40px 30px 0 30px;
	float: left;
}
.intro {
	color: #008847;
	font-size: 16px;
	line-height: 1.35em;
}
.intro-img {
	float: left;
	background: url(image-background.gif) no-repeat left top;
	overflow: visible;
	position: relative;
	top: -7px;
	left: -10px;
	padding: 10px;
}
.intro-img img {
	padding-top: 3px;
	padding-left: 3px;
}
p.intro-img {
	margin-bottom: 0;
}
.no-float {
	clear: left;
}
.tip {
	color: #424242;
}
.feature-box {
	padding-top: 10px;
	padding-bottom: 10px;
}
.feature {
	padding: 10px;
	margin-bottom: 1em;
	color: #748599;
	border: 1px solid #c4cdd7;
	background-color: #e7ebef;
}
.feature .hilite {
	font-size: 120%;
}
.nopad {
	padding: 0;
	margin: 0;
}
.greyed, .apply .greyed label {
	color: #888;
}
.error {
	color: #748599;
	border: 1px solid #c4cdd7;
	padding: 20px 10px 20px 100px;
	margin-bottom: 1em;
	background: #e7ebef url(important.gif) no-repeat 20px 2px;
}
.error p {
	font-size: 18px;
	text-align: left;
	margin-bottom: 0;
}
.col-name, .col-phone, .col-web {
	display: inline-block;
}
.col-name {
	width: 140px;
}
.col-phone {
	width: 120px;
}

/* sub-navigation */
#nav {
	margin-left: 680px;
	background: url(side-panel.gif) no-repeat left top;
	padding: 15px 0 30px;
	min-height: 240px;
	height: auto !important;
  	height: 240px;
}
#nav-home {
	width: 200px;
	margin-left: 30px;
}
.controls {
	padding-bottom: 35px;
}
.control-holder {
	width: 132px;
	margin: auto;
	position: relative;
	height: 25px;
}
.control-holder a {
	float: left;
}
.further-info, .also-see {
	padding-left: 30px;
}
.also-see {
	padding-top: 25px;
}
.info-heading {
	color: #00a74f;
	font-size: 16px;
	padding-bottom: 10px;
	border-bottom: 1px solid #00a74f;
}
.content-nav div a {
	padding: 14px 30px 13px 0;
	border-bottom: 1px solid #bfe1d1;
	display: block;
}
.content-nav div, .content-nav div a, .content-nav div a:visited {
	color: #00a74f;
}
.content-nav div a:hover, .content-nav div a:active {
	text-decoration: none;
}
.pdf {
	background: url(pdf-icon.gif) no-repeat left 12px;
}
.web {
	background: url(link-icon.gif) no-repeat left 12px;
}
#foot .web {
	background: none;
	padding: 0;
}
li.pdf a, li.web a, div.pdf, div.web {
	padding-left: 25px;
}
.apply-form .pdf {
	background-position: 0 0;
}
ul.content-links, .content-links li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
ul.content-links {
	padding-bottom: 1em;
}
.content-links li {
	padding: 3px 0 3px 20px;
}
.content-links .web {
	background-position: 20px 2px;
}
.download {
	background: #e7ebef url(pdf-icon-large.gif) no-repeat 20px center;
	padding: 20px 20px 20px 110px;
	color: #748599;
	border: 1px solid #c4cdd7;
	margin-bottom: 20px;
}
.download a, .download a:visited, .download a:hover, .download a:active {
	color: #748599;
	font-size: 18px;
	padding-bottom: 3px;
	border-bottom: 1px dotted #748599;
}
.download a:hover {
	text-decoration: none;
	border-bottom: 1px solid #748599;
}
p.pdf-link {
	padding-bottom: 12px;
}
.terms-outer {
	height: 80px;
	overflow-y: scroll;
	border: 1px solid #ddd;
	background-color: #fff;
	margin-bottom: 10px;
}
.terms {
	padding: 5px;
}
.terms ul, .terms li {
	margin: 0;
	padding: 0;
}
.terms li {
	margin-left: 25px;
}

/* click for more */
.click-here {
	padding: 7px 0;
	width: 200px;
	float: left;
}
.click-here a {
	display: block;
	height: 20px;
	background: url(click-for-more.gif) no-repeat left top;
	padding-left: 12px;
	padding-top: 4px;
}
.click-here a, .click-here a:hover, .click-here a:visited, .click-here a:active {
	color: #3d3d3d;
	font-size: 11px;
	text-decoration: none;
	line-height: 16px;
}

/* footer nav links */
#foot-nav, #foot-nav div, #foot-nav li {
	font-size: 11px;
}
#foot-nav .col {
	width: 25%;
	float: left;
	padding-top: 25px;
}
#foot-nav .title {
	border-bottom: 1px solid #00a74f;
	margin: 0 15px 5px;
	font-weight: bold;
	padding-bottom: 10px;
}
#foot-nav ul, .foot-nav li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#foot-nav ul {
	margin: 0 15px;
}
#foot-nav li {
	padding: 5px 0 5px 10px;
	background-image: url(nav-bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 10px;
}
#foot-nav .first .title, #foot-nav .first ul {
	margin-left: 30px;
}
#foot-nav .last .title, #foot-nav .last ul {
	margin-right: 30px;
}
#foot-nav a, #foot-nav a:visited {
	color: #333;
	text-decoration: none;
}
#foot-nav a:hover {
	text-decoration: underline;
}
#foot-nav a:active {
	
}

/* footer logos for water retailers */
#foot-links .col {
	width: 25%;
	float: left;
	text-align: center;
}
#foot-links a {
	display: block;
	width: 100%;
	height: 140px;
}
#foot-links a, #foot-links a:visited, #foot-links a:hover, #foot-links a:active {
	text-decoration: none;
	outline: none;
}
#foot-links .company {
	visibility: hidden;
	outline: none;
	padding-top: 64px;
}
#foot-links a .phone {
	color: #666;
	font-size: 16px;
	height: 26px;
	font-weight: bold;
}
#foot-links a .web {
	color: #666;
	font-size: 11px;
}
#foot-links #col-city-west-water div {
	padding-right: 18px;
}
#foot-links #col-yarra-valley-water div {
	padding-left: 20px;
}

/* faqs */
.faqs {
	border-bottom: 1px dashed #bfe1d1;
}
.hover {
	cursor: pointer;
}
.question {
	color: #008847;
}
.faqs .question {
	padding: 0.5em 0;
	border-top: 1px dashed #bfe1d1;
}
.question.hover {
	color: #4cab7e;
}
.faqs .answer {
	padding-top: 0.5em;
	display: none;
}

/* application form */
.apply #content {
	width: 650px;
	padding: 40px 30px 0 0;
}
.apply h2, .apply .intro {
	padding-left: 30px;
}
.apply h4 {
	border-bottom: 1px solid #ccc;
	padding-left: 30px;
	padding-bottom: 6px;
	margin-bottom: 5px;
}
.apply .row {
	padding: 3px 0 3px 30px;
}
.apply .row.padL {
	padding-left: 180px;
}
.apply label {
	display: inline-block;
	width: 150px;
	color: #444;
	position: relative;
}
.apply .chk {
	color: #444;
}
.chk .nopad {
	margin-right: 4px;
}
.apply .box {
	padding-top: 10px;
	padding-bottom: 15px;
}
.sq {
	padding-left: 10px;
	padding-right: 10px;
	font-size: 15px;
	font-weight: bold;
}
.sq.view {
	font-size: 100%;
	font-weight: normal;
}
.form-btn {
	display: inline-block;
	height: 19px;
	padding-left: 20px;
	padding-right: 15px;
	padding-top: 5px;
	margin-right: 50px;
	background: url(click-for-more.gif) no-repeat left top;
	position: relative;
}
.form-btn.cancel {
	background: url(click-for-more.gif) no-repeat left top;
}
#form-btn-clear {
	background-position: 0 0;
}
.form-btn-r {
	display: block;
	width: 25px;
	height: 24px;
	background: url(click-for-more.gif) no-repeat right top;
	position: absolute;
	top: 0;
	right: -25px;
}
.form-btn-r.cancel {
	background: url(click-to-cancel.gif) no-repeat right top;
}
.footnote {
	font-size: 11px;
	color: #666;
}
.nb {
	font-weight: bold;
}
.postal {
	padding-top: 10px;
}
.choose-opt label {
	float: left;
}
#choose-retailer {
	position: relative;
	width: 620px;
	height: 80px;
	margin-left: 30px;
}
.choose {
	display: block;
	width: 155px;
	text-align: center;
	color: #999;
	float: left;
}
.step {
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
	border: 2px solid #fff;
}
.step-text {
	margin-left: 220px;
}
.is-required {
	color: #444;
	font-size: 11px;
}
.required {
	color: #c60f0f;
}
label .required {
	position: absolute;
	right: 4px;
	top: -2px;
}
label .required.no-input {
	position: relative;
	left: 3px;
	top: -2px;
}
.no-js {
	padding: 10px;
	margin-bottom: 1em;
	color: #c60f0f;
	border: 1px solid #e28787;
	background-color: #fcf3f3;
	margin-left: 30px;
	margin-top: .5em;
}

/* comparison of grass table */
.compare {
	padding-bottom: 10px;
	border-top: 1px solid #008847;
}
p.after {
	padding-bottom: 10px;
}
.compare td {
	font-size: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 10%;
	border-bottom: 1px solid #008847;
	padding-left: 5px;
}
.compare td.label {
	text-align: left;
}
thead td, .compare td.label {
	font-weight: bold;
	background-color: #e0f0dc;
	color: #58585a;
}
thead td.label {
	background-color: #e0f0dc;
}
td.excellent {
	background-color: #72c267;
	color: #fff;
}
td.low, td.mediumc, td.high {
	color: #58585a;
}

/* poup window */
#popup {
	width: 80%;
	padding: 30px;
	margin: 0 auto;
}
#popup-inner {
	background-color: #eff0f2;
	padding: 20px;
}
#get-postcode .row, #email-input .row {
	padding-bottom: 5px;
	padding-top: 5px;
}
#get-postcode .choice {
	display: inline-block;
	width: 50%;
}
#popup-error {
	color: #dc1711;
}
#email-input label {
	display: block;
	width: 90px;
	float: left;
}
#email-input .medium {
	width: 260px;
}