@charset "UTF-8";
/* CSS Document */
body{
	padding: 0px;
	margin: 0px;
	background-color: silver;
}

body,td,th {
	font-family: Trebuchet MS, Tahoma, Arial, Helvetica;
	font-size: 11.5px;
	line-height: 15px;	
	color: #755c4c;
}
a:link {
	color: #4168fc;
}
a:visited {
	color: #4168fc;
}
a:hover {
	color: #4168fc;
}
a:active {
	color: #4168fc;
}

#loading{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	width: 809px;
	height: 595px;	
	color: #aba397;
	background-color: #f5ead8;
	text-align: center;
	z-index: 9000;
	background-image: url(images/ajax-loader.gif);
	background-repeat: no-repeat;
	background-position: 50% 30%;
}



h2 {
	font-size: 12px;
	color: #0094bf;
	font-weight: bold;
	display: inline;
	padding-right: 4px;
}
h3 {
	font-size: 13pt;
	color: 0094bf;
	font-weight: bold;
}


.dataLabel {
	background-color: #FFF9D1;
}
.dataValue {
	background-color: #D1F9FF;
}
.dataGroup {
	background-color: #D1F9FF;
}
.handle {
	width: 34px;
	height: 52px;
	background-image: url(images/slider-drop.jpg);
	cursor: pointer;
}

#potential .handle {
	width: 43px;
	height: 52px;
	background-image: url(images/slider-bucket.gif);
	z-index: 999999;
}

.slider {
	height: 69px;
	background-image: url(images/slider-bkg.jpg);
	cursor: pointer;
}

.sliderLeft {
	width: 25px;
	height: 69px;
	background-image: url(images/slider-l.gif);
}

.numericSliderTable .sliderLeft {

		background-image: url(images/slider-l-MINUS.gif);
	}

.sliderRight {
	width: 28px;
	height: 69px;
	background-image: url(images/slider-r.gif);
}

.numericSliderTable .sliderRight {
		background-image: url(images/slider-r-PLUS.gif);
}


.sliderValue{
	font-weight: bold;
}
table.sliderLegend {	
	position: relative;
	top: -20px;
}
.red{
	color: #bf2b00;
}

#potential table.sliderLegend {	
	margin-top: -20px;
	position: static;
}

#potential h2{
	display: block;
}

.sliderLegend td{
	color: #8c7f78;
}

table.tabs{
}
.tabs td{
	padding-right: 3px;

}
.tabs td a{
	text-decoration: none;
	font-size: 13px;
	text-align: center;
	line-height: 59px;
	display: block;
	padding-left: 7px;
	padding-right: 7px;		
}


.tabs td.tabOn{
	background-image: url(images/tab-on-r.jpg);
	background-repeat: no-repeat;
	background-position: right;
}
.tabOn a:link, .tabOn a:visited, .tabOn a:active, .tabOn a:hover {
	background-image: url(images/tab-on.jpg);
	color: white;
}
.tabOff a:link, .tabOff a:visited, .tabOff a:active, .tabOff a:hover {
	color: black;
}
.tabOff a:hover{
	color: white;
}


#pageControls{
	background-image: url(images/submenu-bkg.jpg);
	height: 33px;
}
.pageControlInactive {
	display: none;
}
.pageControlActive {
	display: inline;
}	

#stepControls{
	color: white;
	font-size: 12px;
	font-weight: normal;
	position: absolute;
	top: 73px;
	left: 680px;	
	z-index: 100;
	padding: 0;
	margin: 0;	
}

h1{
	position: absolute;
	z-index: 101;
	top: -37px;
	left: 30px;
	color: white;
	font-size: 10pt;
	font-weight: bold;
	padding: 0;
	margin: 0;
}

#container{
	width: 805px;
	height: 590px;
	border: solid white 4px;
	background-image: url(images/main-bkg.jpg);
	text-align: left;
}

#banner{
	height: 59px;
	background-image: url(images/banner-bkg.jpg);

}

#contentBottom{
	height: 19px;
	background-image: url(images/main-bottom.jpg);
	position: absolute;
	top: 537px;
	left: 4px;
	width: 804px;
	padding: 0;
}

.hint{
	color: #0094bf;
	font-size: 11px;
	position: absolute;
	z-index: 1000;
	overflow: visible;
	padding: 3px 0px 4px 15px;
	top: 410px;
	left: 134px;	
	width: 500px;
	background-image:url(images/hint-bkg.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.hint b {
	color:#603913;
	padding-right: 5px;
}

#intro .hint{ 
	left:564px;
	top:12px;
	width:178px;
}

#introYourPostcode{
	left:574px;
	position:absolute;
	top:240px;
	width:189px;
}

#introMap{
	background-color:#EEEEEE;
	border:1px solid silver;
	height:138px;
	left:-11px;
	position:absolute;
	top:-139px;
	width:183px;
}


#kitchen .hint{
	top: 20px;
	left: 585px;
	width: 200px;
}

#results2 .hint{
	left:57px;
	top:361px;
	width:293px;
}

#laundry .hint{
	left: 350px;
}
#outdoor .hint, #other .hint{
	left: 50px;
}

#potential .hint{
	left:-382px;
	top:4px;
	width:364px;
}

#results .hint{ 
	left:61px;
	top:404px;
	width:325px;
}



#googlemap, #intro, #shower, #bathroom, #toilet, #kitchen, #laundry, #outdoor, #other, #results, #results2{
	position: absolute;
	top: 110px;
	left: 27px;
	width: 470px;
	height: 385px;
	padding: 30px 40px 20px 40px;
	background-repeat: no-repeat;
}

#googlemap{
	background-image:url(images/contentbkg-google.png);
	left:20px;
	top:126px;
	width:700px;
}

#intro{
	background-image:url(images/contentbkg-intro.jpg);
	height:500px;
	left:23px;
	padding-right:265px;
	position:absolute;
	width:463px;
}


#shower, #bathroom, #toilet, #kitchen, #laundry, #outdoor, #other{
	position: absolute;
	left: 4px;
	top: 110px;	
	background-image: url(images/contentbkg-shower.jpg);
	width: 450px;
	padding-right: 176px;
	padding-left: 60px;	
}

#bathroom{
	background-image: url(images/contentbkg-bath.jpg);
}
#toilet{
	background-image: url(images/contentbkg-toilet.jpg);
		height: 385px;
}
#kitchen{
	background-image: url(images/contentbkg-kitchen.jpg);
	width: 580px;
}


#ausmap{
	position: absolute;
	top: 13px;
	left: 412px;
	border: solid silver 1px;
}
#kitchenInner{
	line-height: 1;
	padding-right: 110px;
	font-size: 95%;
}
#otherInner{
		font-size: 95%;
}
#laundry{
	background-image: url(images/contentbkg-laundry.jpg);
}
#outdoor{
	background-image: url(images/contentbkg-outdoor.jpg);
	width: 440px;
	padding-right: 466px;
}
#other{
	background-image: url(images/contentbkg-other.jpg);
	width: 440px;
	padding-right: 466px;	
}

#debug{
	background-color: yellow;
	position: absolute;
	top: 670px;
	left: 0px;
	z-index: 103;
	display: none;
}

#potential, #results{	
	background-image: url(images/content2bkg.jpg);
	position: absolute;
	top: 110px;
	left: 400px;
	width: 387px;
	height: 430px;
	padding: 0;
	background-repeat: no-repeat;
}

#potential{	
	background-image: url(images/content2bkg-potential.jpg);
}
#results2{	
	background-image:url(images/contentbkg-end.gif);
	left:4px;
	top:110px;
	width:717px;
	line-height: 14px;
}

#results{	
	background-image: none;
}
#resultsBkg{	
	background-image:url(images/contentbkg-results.jpg);
	height:249px;
	left:-186px;
	position: absolute;
	top: 2px;
	width:578px;
	height: 429px;
}

#resultsInner ul, #print ul, #results2Inner ul{
	margin: 0px;
	padding: 0px;
}

#resultsInner li, #print li, #results2Inner li{
	list-style-type: none;
	background-image: url(images/bullet-result.jpg);
	background-repeat: no-repeat;
	background-position: 40px 0px;
	padding: 0px 0px 10px 80px;
	margin: 0px;	
	font-style:italic;
}

#results2Inner li{
	background-position: 0px 0px;
	padding-left: 40px;
	font-size: 95%;
}
#results2Inner ul{
	padding-top: 10px;
}


#resultsInner li b, #print li b{
	font-style: normal;	
	display: block;
	padding-bottom: 8px;
}
#print{
	background-color: white;
	padding: 20px;
	margin: 40px;
	border: solid silver 1px;
}
#potential h1{
		top: -37px;
		left: -371px;
}
#results h1{
		top: -37px;
		left: -371px;
}
#googlemap h1{
	left:11px;
	top:-53px;
}


#potentialInner, #resultsInner, #results2Inner{
	position: absolute; 
	top: 15px;
	left: 35px;
	width: 310px;
	height: 335px;
	padding: 0px 30px 30px 0px;
	overflow: auto;
	z-index: 106;
}
#results2Inner{
	height:345px;
	left:392px;
	overflow:hidden;
	padding:0px 30px 30px 0px;
	position:absolute;
	top:26px;
	width:326px;
	z-index:106
}

#potentialInner h1, #resultsInner h1, #print h1{
	position: static;
	z-index: 101;
	top: 0;
	left: 0;
	color: #603913;
	font-size: 10pt;
	font-weight: bold;
	padding: 0;
	margin: 0;
	text-transform:uppercase;
	padding: 14px 0px 10px 0px;
}
#potentialInner h1{
	border-top: dashed #DDDDDD 1px;
}
#potentialInner a{
/*	float: right; */
	font-size: 90%;
	margin-top: 14px;
}

#potentialGraphs{
	position: absolute;
	top: 18px;
	left: -416px;
	width: 369px;
	height: 585px;
	padding: 20px 0px 20px 40px;
	font-size: 95%;
}
#potentialGraphs blockquote{
	padding: 0px 0px 0px 15px;
	margin: 0px 0px 0px 0px;
}
#potentialGraphs p{
	padding: 0;
	margin: 0;
}

hr{
		border: solid white 1px;
		border-bottom: dashed #DDDDDD 1px;
}

.lighter, table.lighter td{
	color: #937e72;
}

.lighter b, table.lighter td b{
	color: #aba397;
}

#resultsLeft table.lighter td b{
	font-size: 110%;
}
#resultsLeft{
	position: absolute;
	top: 0px;
	left: -416px;
	width: 379px;
	height: 585px;
	padding: 0px 0px 20px 40px;
	font-size: 95%;
}
#resultsLeft td, #googlemap td{	
	font-size: 98%;	
}	
#resultsCurrentValue, #resultsPotentialValue{
	font-size: 20px;
	line-height: 30px;
}

#resultsCatchmentTotalLitresValue, #resultsCatchmentSurveycountValue, #resultsTotalLitresValue, #resultsSurveycountValue,#sectionWater, .big{
	font-size: 30px;
	line-height: 30px;
}

#sectionWater{
	font-size: 60px;
	line-height: 50px;
}

#introStats{
	font-size:95%;
	height:585px;
	left:396px;
	padding:0px 0px 20px 40px;
	position:absolute;
	top:285px;
	width:335px;
}


.lightBlue{
	color: #0094bf;
}

#resultsYourCatchment, .h1Class{
	color: #603913;
	font-size: 10pt;
	font-weight: bold;
	text-transform:uppercase;
}

#section{
	left:615px;
	position:absolute;
	top:109px;
	width:161px;
	
}
.sectionHolder_outdoor #section, .sectionHolder_other #section{
	margin-top:250px;
}
.sectionHolder_kitchen #section{
	margin-top:100px;
}

#sectionImage{
	position: relative;
	top: 0px;
	left: -25px;
}


#footerNav{
	border-top:1px dashed white;
	bottom:0px;
	height:100px;
	left:22px;
	padding-top:8px;
	position:absolute;
	top:555px;
	width:767px;
	z-index:1006;
}

#potentialSavings{
	width: 110px;
	height: 120px;
	text-align: center;
}

#hideIntroQuestions{
	background-color:white;
	height:205px;
	left:40px;
	position:absolute;
	top:131px;
	width:465px;
	z-index: 999;
}