@charset "utf-8";
/* CSS Document */

body {
	margin: 0;
	padding: 0;
	font-size: 13px;
	font-family:Arial, Helvetica, sans-serif;
	color:#484848;
	background: url(/site_cms/assets/images/background-repeat.jpg) repeat-x top center #FDFDFD;
}


img {
	border:none;	
}

#shortcutWrap ul {
	margin:0;
	padding:0;
}


.clear {
	clear: both;
	height: 0;
	line-height: 1px;
}

a {
	color:#4C7B29;
	text-decoration: underline;
}

a:hover {
	color: #3f6e1c;
}

a:visited {
	color: #AEB061;
}

.topNav a:visited {
	color: #fff;
}

.active {
	color: #000 !important;
}

.topNav a:hover {
	color: #000;
}

p {
	margin: 10px 0 15px;
	line-height: 14px;
	font-family:Arial, Helvetica, sans-serif;
}

select {
	font-size: 11px;
	vertical-align:middle;
	font-family:Arial, Helvetica, sans-serif;	
}

.green {
	color: #4C7B29;
}

.content table, .content table tr, .content table td {
	padding: 5px 5px 5px 10px;
}

table.table-noborder, table.table-noborder tr, table.table-noborder td {
	border-collapse:collapse;
	border: none;
	padding: 5px 5px 5px 10px;
}

.content table th {
	border-collapse:collapse;
	border: 1px solid #eee;
	background: #8CC43F url(/site_cms/assets/images/nav-bg.jpg) repeat-x;
	height: 30px;
	color: #FFF;
	padding: 5px 5px 5px 12px;
	text-align: left;
}

.content table p {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
}
.content table ul {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding-left: 20px;
}

.content ul {
	padding-left:40px;
}

.content ul.imageList {
    margin: 0;
    padding: 0;
    list-style: none;
}

.content .imageList li {
    clear: left;
	padding-bottom: 30px;
}
	
.content .imageList li.thinline {
    clear: left;
	padding-bottom: 0;
	height: 1px;
	border-bottom: 1px solid #4E7D29;
}

.content .imageList li img {
    float: left;
    margin: 0 10px 0 5px; 
    width: 47px;
	border: none !important;
}

.content .imageList li p {
    margin-left: 67px;
}
	
.content img {
	padding: 2px;
	border: 1px solid #e7e7e7;
	margin-bottom: 10px;
}

.content a img {
	border: none;
}

.content strong {
	color: #333;
}

h1 {
	color:#4C7B29;
	font-weight: normal;
	margin-top: 0;
	margin-bottom: 15px;
	font-size: 17px;
	font-weight:bold;
}

h2 {
	color:#4E7D29;
	font-weight: normal;
	margin-top: 30px;
	font-size: 18px;
	margin-bottom: 5px;
	padding: 0 !important;
}

h3 {
	color:#4E7D29;
	font-weight: normal;
	margin-top: 0;
	font-size: 14px;
	margin-bottom: 10px;
	padding: 0 !important;
}

h5 {
    color: #666666;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0 !important;
}

h2.education {
	color:#4E7D29;
	font-weight: bold;
	margin-top: 0;
	font-size: 14px;
	margin-bottom: 10px;
	padding: 0 0 0 10px !important;
}

h2 a {
	color:#4E7D29;
	font-weight: normal;
	text-decoration: none;
}

.red {
	color:red;	
	font-weight:normal !important;
}

#calculatorSubmit {
	background: url(/site_cms/assets/images/calculator-submit.jpg) no-repeat;
	border: none;
	color:#FFF;
	cursor:pointer;
	height:22px;
	text-align:center;
	text-decoration:none;
	width:76px;
}

#calcTable {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	border: 1px solid #ccc;
}

#calcTable th {
	color: #fff;
	height: 40px;
	text-align: left;
	padding-left: 20px;
	background: url(/site_cms/assets/images/calcTableTableHeader.jpg) repeat-x;
}

#calcTable td {
	padding: 10px 10px 10px 20px;
	border-collapse: collapse;
	border-bottom: 1px solid #ccc;
}

#calcTable td.alert {
	padding: 10px 10px 10px 20px;
	color:#f00;
	text-align: center;
	border-collapse: collapse;
	border-bottom: 1px solid #ccc;
}

.feedbackFormLabel {
	width: 190px;
	padding: 10px !important;
	border-collapse: collapse;
	border: none !important;
}

.feedbackFormInput {
	width: 260px;
	padding-bottom: 10px !important;
	border-collapse: collapse;
	border: none !important;
}

.feedbackFormSpace {
	width: 1px;
	padding: 0 !important;
	border-collapse: collapse;
	border: none !important;
}

.feedbackFormError {
	width: 100px;
	padding-bottom: 10px;
	border-collapse: collapse;
	border: none !important;
	color: #f00;
	font-size: 11px;
}



.feedbackFormTable {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	background: url(/site_cms/assets/images/feedback-table-bg.jpg) repeat-x bottom left;
}

.feedbackFormTable, .feedbackFormTable td{
	border-collapse: collapse;
	border: none !important; 
}

 .feedbackFormTable tr {
	border-collapse: collapse;
	border-top: none !important; 
	border-right: none !important; 
	border-bottom: 1px solid #eee !important; 
	border-left: none !important;
 }

.feedbackFormRequired {
	color: #f00;
	font-size: 11px;
}	

#feedbackSubmit {
	background: url(/site_cms/assets/images/feedback-submit.jpg) no-repeat;
	border: none;
	color:#FFF;
	cursor:pointer;
	display:block;
	font-size:0;
	font-weight:bold;
	height:30px;
	padding-bottom:3px;
	text-align:center;
	text-decoration:none;
	width:53px;
}	

	#RegionPopupLinks ul {
		list-style-type:none;
		margin:0 auto;
		padding: 0;
	}
	
	#RegionPopupLinks ul * {
		list-style-type:none;
	}
	
	#footerWrap ul {
		width:590px;
		height: 30px;
		text-align: center;
		list-style-type:none;
		margin:0 auto;
		padding:5px 0 0 170px;
	}
	
	#footerWrap ul li {
		display: inline;
		height: 40px;
		color: #4E7D29;
		float: left;
	}
	
	#footerWrap ul li a {
		display: inline;
		height: 30px;
		float: left;
		text-decoration: none;
		color: #4E7D29;
	}
	
.footerLinks a  {
		text-decoration: none;
		color: #4E7D29;
		margin-right: 30px;
}	

#copyrightInfo{
	font-size:10px;
	margin: 15px 0;
	text-align: center;
}

.headWrap {
	width: 900px;
	height: 200px;
	margin-bottom: 20px;
}

#headerWrap {
	width:960px;
	float:left;
	background: url(/site_cms/assets/images/header-bg.jpg) 0 0 repeat-x #F1F1F1;
	height: 135px;
}
	
.urbanLogo {
	width: 241px;
	height:80px;
	float: left;
	padding: 40px 0 0 40px;
	font-size: 11px;
	text-align: right;
	font-weight:bold;
}
	
	.brisbaneLogo {
		width: 127px;
		height:70px;
		float: left;
		padding: 40px 0 0 40px;	
	}
	
.headingImage {
	padding: 1px;
	border: 1px solid #e5e5e5;
}
	
#christmas #heroWrap {
	padding-top: 30px;
	padding-left: 40px;
}

#heroWrap {
	width: 668px;
	height: 198px;
	float: left;
	/*margin-bottom: 10px;*/
	border:#b5cda2 1px solid;
}

#heroImages {
	/*position: relative;*/
	position: absolute;
	width: 668px;
	height: 198px;
}

#heroImagesContent {
	width: 668px;
	height: 198px;
	position: absolute;
	overflow: hidden;
	z-index: 9;
}

.heroImages {
	width: 668px;
	height: 198px;
	position: absolute;
	z-index: 9;
}

.heroImagesNav {
	width: 110px;
	height: 34px;
	z-index:1000;
	top: 152px;
	right: 0;
	position: absolute;
}

.heroImagesNavBG {
	background: url(/site_cms/assets/images/slideshow-nav-bg.gif) top left no-repeat;
	opacity: .3; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=30); /* IE lt 8 */
	-ms-filter: "alpha(opacity=30)"; /* IE 8 */
	-khtml-opacity: .3; /* Safari 1.x */
	-moz-opacity: .3; /* FF lt 1.5, Netscape */
	width:100%;
	height:100%;
}

#heroImagesScrollLeft, #heroImagesScrollRight, #heroImagesPlay, #heroImagesPause {
	height:30px;
	width:30px;
	z-index: 1000;
	top: 7px;	
	cursor: pointer;
}

.transparentHero {
	behavior: url(iepngfix.htc);
}

#heroImagesScrollRight {
	background: url('/site_cms/assets/images_new/icons/forward.png') no-repeat;
	background: transparent url('/site_cms/assets/images_new/icons/forward.png') repeat-y scroll center top;
	float:left;
}

#heroImagesScrollLeft {
	background: url('/site_cms/assets/images_new/icons/back.png') no-repeat;
	background: transparent url('/site_cms/assets/images_new/icons/back.png') repeat-y scroll center top;
	float:left;
	margin-right:5px;
}

#heroImagesPlay {
	background: url('/site_cms/assets/images_new/icons/play.png') no-repeat;
	background: transparent url('/site_cms/assets/images_new/icons/play.png') repeat-y scroll center top;
	float:left;
	margin-right:5px;
}

#heroImagesPause {
	background: url('/site_cms/assets/images_new/icons/pause.png') no-repeat;
	background: transparent url('/site_cms/assets/images_new/icons/pause.png') repeat-y scroll center top;
	float:left;
	margin-right:5px;
}

#homeContentWrap {
	/*width: 438px;*/
	width: 888px;
	padding-left: 12px;
	float: left;
 	margin-top: 35px;
 }

#launchCampaign {
	width: 560px;
	height: 160px;
	float: left;
	border: 1px solid #e5e5e5;
	background: #FFF;
	margin-top:25px;
	margin-left: 20px;
}

#leftMenuWrap {
	width: 208px;
	float: left;
	border: 1px solid #659d37;
}

.leftMenuHeader {
    background: url("/site_cms/assets/images_new/style/greenGradient.gif") repeat-x scroll 0 0 transparent;
	height:13px;
	width:193px;
	font-size:11px;
	font-weight:bold;
	color:#FFF;
	float:left;
	padding:8px;
	text-transform:uppercase;
}

	#leftMenuWrap ul {
		width:208px;
		padding: 0;
		margin: 0;
		list-style-type: none;	
		background: #fdfdfd;
		display:block;
	}

	#leftMenuWrap ul li {
		background: url("/site_cms/assets/images_new/icons/greenArrow.png") no-repeat scroll 5px 10px transparent;
		border-top: 1px solid #e4ecdd;
		font-size:11px;
		font-weight:bold;
		color:#000;
		margin: 0;
		/*width:208px;*/
	}

	#leftMenuWrap ul li:first-child {
		/*width:208px;*/
		border-top: none;
	}

	#leftMenuWrap ul li a {
		width:178px;
		color:#000;
		padding:7px 10px 7px 20px;
		display: block;
		text-decoration: none;
	}

	#leftMenuWrap ul li a:hover {
		width:178px;
		color: #2c540e;
		background: url("/site_cms/assets/images_new/icons/darkGreenArrow.png") no-repeat scroll 5px 10px transparent;
		text-decoration: none;
	}
	
	#leftMenuWrap ul li a.selected {
		width:178px;
		text-decoration: none;
		color: #f47e2e;
		font-weight: bold;
		background: url("/site_cms/assets/images_new/icons/orangeArrow.png") no-repeat scroll 5px 10px transparent;
	}

		#leftMenuWrap ul li ul {
			width:208px;
			padding-bottom: 10px;
			list-style-type:none;	
		}
	
		#leftMenuWrap ul li ul li {
			margin: 0;
			width:208px;
			border-top: none;
			background: #fdfdfd;
		}

		#leftMenuWrap ul li ul li a {
			width:158px;
			padding:3px 10px 3px 20px;
			color: #4c881e;
			text-decoration: none;
		}

		#leftMenuWrap ul li ul li a:hover  {
			width:158px;
			text-decoration: none;
			color: #2c540e;
			background: url('/site_cms/assets/images_new/icons/darkGreenArrow.png') no-repeat scroll 5px 5px transparent;
		}
		
		#leftMenuWrap ul li ul li a.selected {
			width:158px;
			padding:3px 10px 3px 35px;
			text-decoration: none;
			font-weight: bold;
			color: #f47e2e;
			background: url('/site_cms/assets/images_new/icons/orangeArrow.png') no-repeat scroll 20px 5px transparent;
		}
	
			#leftMenuWrap ul li ul li ul {
				width:208px;
				padding: 0;
				margin: 0;
				list-style-type:none;	
			}
			
			#leftMenuWrap ul li ul li ul li {
				margin: 0;
				width:208px;
				border-top: none;
				background: #fdfdfd;		
			}
			
			#leftMenuWrap ul li ul li ul li a {
				width:138px;
				padding:3px 10px 3px 35px;
				text-decoration: none;
			}
			
			#leftMenuWrap ul li ul li ul li a:hover  {
				width:138px;
				color: #2c540e;
				text-decoration: none;
				background: url('/site_cms/assets/images_new/icons/darkGreenArrow.png') no-repeat scroll 20px 5px transparent;
			}
			
			#leftMenuWrap ul li ul li ul li a.selected  {
				width:138px;
				padding:3px 10px 3px 50px;
				text-decoration: none;
				color: #f47e2e;
				font-weight: bold;
				background: url('/site_cms/assets/images_new/icons/orangeArrow.png') no-repeat scroll 35px 5px transparent;
			}


#mainWrap {
	width:900px;
	float:left;
	padding: 30px 30px 0;
}

#mainContentWrap {
	width:669px;
	float: left;
	margin-left: 20px;
}

	.content {
		padding-top: 40px;
		width:435px;
		float:left;
		padding-right: 25px;
	}

	.breadcrumbs {
		font-size: 13px;
		padding-bottom: 10px;
	}

	.breadcrumbs a {
		text-decoration: underline;
	}

#mainContentFullWrap {
	width:840px;
	float: left;
	padding-left: 35px;
	padding-bottom:35px;
}

/* NAVIGATION STYLE */

#navigationWrap {
	width:960px;
	height:45px;
	float:left;
	background: url('/site_cms/assets/images/nav-bg.jpg') repeat-x;
}

ul.topNav {
	text-transform: uppercase;
	width: 700px;
	height: 40px;
	list-style-type:none;
	margin: 0;
	padding: 5px 0 0 40px;
	float:left;
}



ul.topNav li {
	display: inline;
	position: relative;
	height: 40px;
	font-size:11px;
	font-weight:bold;
	color: #fff;
	float: left;
}

ul.topNav li a {
	display: inline;
	height: 28px;
	font-size:11px;
	font-weight:bold;
	float: left;
	padding: 12px 14px 0;
	text-decoration: none;
	color: #fff;
}



ul.topNav li a:hover, ul.topNav li a.selected, ul.topNav li a.active {
	color: #484848;
	background: url('/site_cms/assets/images/nav-hover-bg.jpg') repeat-x;
}

ul.topNav li a.over {
	color: #484848;
	background: #f3f9eb !important;
}

/*SUBNAV Styles */
.dropmenudiv {
	position:absolute;
	top: 0;
	border: 1px solid #BBB;
	border-top-width: 0;
	z-index:100;
	background-color: #FFF;
	width: 240px;
	visibility: hidden;
}

.dropmenudiv ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

.dropmenudiv ul li a {
	color: #5D9732;
	display: block;
	font-weight: normal;
	padding: 5px 20px;
	text-decoration: none;
}

/*.dropmenudiv ul li a:hover,*/ .dropmenudiv ul li a.hover {
	background: #F3F9EB;
}

.pageLevel0 {
	height:18px;
	line-height:28px;
	margin-left:15px;
	color:#4C7B29;
	text-decoration:none;
	padding-left: 15px;
	font-size: 14px;
	font-weight: bold;
}

.pageLevel0 a {
	color: #4C7B29;
}

.pageLevel1 {
	height:18px;
	line-height:28px;
	margin-left:15px;
	color:#4C7B29;
	text-decoration:none;
	padding-left: 15px;
	font-size: 14px;
	font-weight: bold;
}

.pageLevel1 a {
	color: #4C7B29;
}

.pageLevel2 {
	height:18px;
	line-height:28px;
	background:url('/site_cms/assets/images/green-bullet.jpg') bottom left no-repeat; 
	padding-left: 15px;
	margin-left:35px;
}

.pageLevel2 a {
	color: #4C7B29;
}

.pageLevel3 {
	height:18px;
	line-height:28px;
	background:url('/site_cms/assets/images/green-bullet.jpg') bottom left no-repeat; 
	padding-left: 15px;
	margin-left:55px;
}

.pageLevel3 a {
	color: #4C7B29;
}

.pageLevel4 {
	height:18px;
	line-height:28px;
	background:url('/site_cms/assets/images/green-bullet.jpg') bottom left no-repeat; 
	padding-left: 15px;
	margin-left:75px;
}

.pageLevel4 a {
	color: #4C7B29;
}

#headingWrap {
	width: 555px;
	float: right;
	padding: 15px 40px 0 0;	
}

	.topMenu {
		color: #5e9832;
		text-align: right;
		font-size:11px;
		text-transform:uppercase;
		float:right;
	}

	.topMenu a {
		text-decoration: none;
		color: #5e9832;
		font-size: 11px;
		font-weight:bold;
		padding:0 10px;
		border-right:1px solid #797a7d;
	}
	
	.locationItem {
		font-size:18px;
		color:#797a7d;
		float:right;
		padding: 45px 0 0;
		text-decoration: none;
	}
	.locationItem a {
		font-size:18px;
		color:#000;
		text-decoration: none;
	}
		
	.topMenu .noSeperator a {
		border-right:none;
	}

	.searchForm {
		font-size: 11px;
		font-weight: bold;
		position: relative;
		float:right;
	}

#siteWrap {
	width:1020px;
	margin:0 auto;
	background: url('/site_cms/assets/images/background-shadows.jpg') no-repeat top center #FDFDFD;
}

#subLinkWrap {
	padding-top:40px;
}

	.subLink {
		 width:285px;
		 float:left;
		 margin-bottom: 15px;
		 padding-right: 15px;
	}
	
	.subLinkHeader {
		height:35px;
		padding-bottom:5px;
	}
	
	.subLinkHeader img {
		 width:30px;
		 float:left;
		 border: none !important;
	}
	
	.subLinkHeader h2 {
		width:245px;
		float:left;
		margin:0;
		padding:0 0 0 5px !important;
	}
	
	.subLinkHeader h2 a {
		color: #4C7B29;
		text-decoration: none;
	}
	
	.subLinkText {
		padding-bottom:10px;
		float:left;
		margin-left: 40px;
	}


#wrap {
	width: 960px;
	margin: 0 auto;
	background: #fff;
}

#emergencyWrap {
	width: 210px;
	border: 1px solid #B5CDA2;
	margin-bottom: 10px;
	background: #f5f8ed;
}

.linkArrow {
	position: absolute;
	background:url('/site_cms/assets/images/greenArrow.png') no-repeat;
	width: 8px;
	height: 15px;
	bottom: 2px;
	right: 12px;
}

#emergencyNumber{
	color:#4C7B29;
	width:210px;
	background:url('/site_cms/assets/images/emergencyBG2.jpg') no-repeat top;
	text-align:left;
	margin-bottom: 15px;
}

#waterChargeText {
	color:#4C7B29;
	font-size:17px;
	font-weight:bold;
	position: absolute;
	margin-top: -48px;
	margin-left: 11px;
	width: 200px;
	text-align: left;
}

#emNumLrg{
	color:#4C7B29;
	font-size: 170%;
	font-weight:bold;
	padding-top: 0;
	padding-left:15px;
}
#emNumMed{
	color:#4C7B29;
	font-size:13px;
	font-weight:bold;
	padding-top:14px;
	padding-left:15px;
	line-height: 15px;
}
#emNumSmall{
	color:#898989;
	font-size:13px;
	font-weight:bold;
	padding-left:15px;
}

#wayOfLife{
	color:#4C7B29;
	width:210px;
	height:172px;
	background:url('/site_cms/assets/images/wayOfLifeBG.jpg') no-repeat;
	text-align:left;
}

#wayOfLifeText{
	color: #000;
	font-size: 11px;
	font-weight: normal;
	padding: 110px 18px 0 15px;	
}

#RegionPopupSelector {
	padding: 0;
	width: 630px;
}

#prevbtn {
	display:block; width:30px; height:30px;
}

#nextbtn {
	display:block; width:30px; height:30px;
}

#playbtn {
	display:block; width:30px; height:30px; z-index:1;
}

#RegionPopupText {
	margin-top: 40px;
}

#RegionPopupMap {
	float: left;
	display: inline;
	width: 370px;
}

#searchForPostcode {
	width: 65px;
	height: 25px;
	background: #8CC43F;
	color: #fff;
}

.searchForSuburb {
	width: 65px;
	height: 25px;
	background: #8CC43F;
	color: #fff;
}

#RegionPopupText ul {
	line-height: 20px;
}

#RegionPopupMap img {
	border: none;
	margin-bottom: 0;
}

#RegionPopupSelector {
	padding-left: 35px;
}

#RegionPopupLinks A {
	font-size: 14px;
	line-height: 24px;
}

#Region_selector_left {
	float: left; 
	display: inline;
	width: 350px;
	padding-top: 10px;
}

#Region_selector_right {
	float: left; 
	display: inline;
	width: 370px;
	margin-left: 10px;
}

#RegionOR {
	margin-top: 40px;
	font-size: 16px;
}

.noBorderTable {
	border: 0;
}

.noBorderTable td {
	border: 0;
	text-align: left;
}

.noBorderTable tr {
	border: 0;
}

#tableHeader {
	color: #333;
	font-weight: bold;
	padding-top: 25px;
	padding-bottom: 8px;
}

.formTip {
	font-size: 10px;
	font-weight: bold;
	color: #4C7B29;
}

.alertBox {
	border: 2px dashed #C00;
	padding: 15px;
	color: #222;
	font-size: 11px;
}

.alertBox b {
	color: #C00;
	display: block;
	margin-top: 5px;
}

.infoBox {
	border: 2px dashed #c6d8aa;
	padding: 15px;
	color: #222;
	font-size: 11px;
}

.infoBox strong {
	color: #43741f;
	display: block;
	margin-top: 5px;
}


/* application form stuff */
.applicationFormTable {
	border:1px solid #E6E6E6;
	border-collapse: collapse;
}

.applicationFormTable td {
	font-size: 11px;
	padding: 5px 5px 5px 10px;
}

.tableheading1  {
	background-color: #F9FCF5;
	border-color: #E6E6E6 #F9FCF5;
	border-style:solid none;
	border-width:0 1px;
	color: #000;
	font-family:arial,verdana,sans-serif;
	font-weight:bold;
	padding-bottom:1px;
	padding-top:2px;
}

table.transactionfont  {
	border-color: #E6E6E6 #E6E6E6 #FFF;
	border-style:solid solid none;
	border-width:1px 1px 0;
}

table.transactionfont td {
	border-right: none !important;
}

.tablebody1, tr.tablebody1 td {
	background:#FFF;
	border-right:1px solid #E6E6E6;
	border-bottom:1px solid #E6E6E6;
	color:#000;
	font-family:arial,verdana,sans-serif;
	font-size:11px;
	border-collapse: collapse;
}

.tablebody1, tr.tablebody1 td.col2 td {
	border: none;
}

.tablebody3, tr.tablebody3 td {
	background-color:#FFF;
	border:1px solid #FFF;
	color:#000;
	font-family:arial,verdana,sans-serif;
	font-size:11px;
}

.tablebody3, tr.tablebody3 td {
	border-collapse:collapse;
	border: 1px solid #FFF !important;
	padding: 5px 5px 5px 10px;
}

.required {
	color: #F00;
	font-weight: bold;
}

.redText {
	color: #C00;
}

#newPricingWrap {
	display: block;
	width: 206px;
	height: 80px;
	padding-top: 65px;
	padding-left: 4px;
}

.paymentPopUpWrapper {
	width: 440px;
	position: absolute;
	z-index: 1000;
}

.paymentPopUpBody {
	background: url('../images/paymentPopupTop.png') no-repeat;
	-background: none;
    -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod = crop, src = '/site_cms/assets/images/paymentPopupTop.png' );		
	padding-top: 25px;
	min-height: 300px;
	-height: 300px;
	text-align: left;
}

.paymentPopUpBody h1 {
	text-align: left;
	margin-left: 58px;
	margin-top: 28px;
	font-size: 22;
	font-weight: normal;
	*margin-top: 50px;
}

a.paymentPopUpCloseButton {
	text-decoration: none;
	width: 35px;
	height: 15px;
	background: url('../images/closeButton.gif') no-repeat;
	margin-left: 363px;
	margin-top: 0;
	position: absolute;
}

a.paymentPopUpCloseButton:hover {
	background: url('../images/closeButtonOver.gif') no-repeat;
}

.paymentPopUpFooter {
	width: 440px;
	height: 54px;
	background: url('../images/paymentPopupBottom.png') no-repeat;
	-background: none;
    -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod = crop, src = '/site_cms/assets/images/paymentPopupBottom.png' );		
}

.paymentSelectButtons {
	margin-top: 25px;
	margin-bottom: 10px;
}

.paymentSelectButtons a {
	display: block;
	background: url('../images/paymentOption.png') no-repeat;
	-background: url('../images/paymentOption.gif') no-repeat;	
/*	-background: none;
    -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod = crop, src = '/site_cms/assets/images/paymentOption.png' );	*/	
	width: 221px;
	height: 75px;
	text-decoration: none;
	color: #459710;
	font-size: 11px;
	font-weight: bold;
	margin-left: 44px;
	padding-left: 90px;
	padding-top: 35px;
	padding-right: 30px;
	margin-bottom: 4px;
	line-height: 17px;
}

.paymentSelectButtons a:hover {
	background: url('../images/paymentOptionOver.png') no-repeat;
	-background: url('../images/paymentOptionOver.gif') no-repeat;	
	color: #4fab12;
}

.infoLink {
	color: #363636;
	text-decoration: underline;
}

.infoPopOverWrap {
	position: absolute;
	width: 238px;
	margin-top: 70px;
	margin-left: 110px;	
}

.infoPopOverTop {
	height: 30px;
	background: url('../images/popInfoTop.png') no-repeat;
	-background: url('../images/popInfoTop.gif') no-repeat;	
}

.infoPopOverMiddle {
	background: url('../images/popInfoMiddle.png');
	-background: url('../images/popInfoMiddle.gif');	
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 1px;
	padding-bottom: 6px;
	font-weight: normal;
	color: #363636;
	font-size: 11px;
}

.infoPopOverBottom {
	background: url('../images/popInfoBottom.png') no-repeat;
	-background: url('../images/popInfoBottom.gif') no-repeat;
	height: 14px;
}

#infoPopOver {
	-z-index: 5000;
}

#infoPopOver2 {
	-z-index: 5000;
	-margin-top: 180px;
}

#infoPopOver3 {
	-z-index: 5000;
}

#infoPopOver4 {
	-z-index: 5000;
	-margin-top: 180px;
}

blockquote {
	margin: 0;
	padding: 0;
}


.hideColon {
	display: none;
}


/* font size settings */
.fontSizeSetting {
	clear: both;
	text-align: right;
	padding: 10px 0 0;
}

.fontSizeSetting a {
	font-weight: bold;
	text-decoration: none;
	display:block;
	float:right;	
	color: #4C7B29;
}

#increaseFontSizeLink {
	font-size: 15px;
	padding: 0 3px 3px;
}

#increaseFontSizeLink:hover, #increaseFontSizeLink.maxed {
	padding: 1px 3px 2px;
}

#decreaseFontSizeLink {
	padding: 0 3px 3px;
}

#decreaseFontSizeLink:hover, #decreaseFontSizeLink.maxed {
	padding: 1px 3px 2px;
}

.fontSizeSetting a:hover, .fontSizeSetting .maxed {
	color: #AEB061;
}

hr {
  border: 0;
  width: 100%;
  color: #ebebeb;
  background-color: #ebebeb;
  height: 1px;
}

h3 {
    color: #636363;
    font-weight: bold;
	font-size:12px;
    margin-bottom: 20px;
    margin-top: 0;
    padding: 0 !important;
}

h4 {
    color: #4C7B29;
    font-weight: bold;
	font-size:12px;
    margin-top: 0;
    padding: 0 !important;
}

h6 {
    color: #4C7B29;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
	margin: 0 0 10px;
}

#leftBar{
	float:left;
}

#rightBar {
	float:right;
	width:210px;
}

#shortcutWrap {
	background: url("/site_cms/assets/images_new/style/shortcutBG.png") no-repeat;
	float: right;
	width: 210px;
	height: 200px;
	position:relative;
}

.shortcutBlock {
	width: 208px;
	*width: 210px;
	_width: 208px;
	height: 39px;
	*height: 35px;
	*margin-bottom: 0;
	position:relative;
	display: block;
	border-bottom: 1px solid #eee;
	margin-left:1px;
	*margin-left: 1px;	
	*padding-left:0;	
	cursor:pointer;
	list-style:none;
	overflow-y: hidden;

}

.shortcutBlock a{
	color: #000;
	cursor:pointer;
	display:block;
	text-decoration: none;
	width: 170px;
	*height: 35px;
	float: left;
	*margin-bottom: 0;	
	overflow-y: hidden;	
}

.shortcutBlock a:visited{
	color: #000;
	cursor:pointer;
}

.shortcutBlockPop {
	cursor:pointer;
	list-style:none;	
	cursor:pointer;
	display: block;
	margin: 0;
	padding: 0;
	-margin-left: -80px;
}

.shortcutBlockPop a {
	color: #000;
	cursor:pointer;		
	z-index: 5000;
}

.shortcutBlockPop a:visited {
	color: #000;
	cursor:pointer;
}

.greySeperator {
	background: url("/site_cms/assets/images_new/style/seperator.png");
	height:1px;
	margin-left:1px;
	width:208px;
}

.shortcutLink {
    float: left;
    font-size: 11px;
    font-weight: bold;
    padding: 13px 0 11px 4px;
    text-decoration: none;
    width: 155px;
	white-space:nowrap;
	cursor: pointer;
}

.shortcutBlock .scbIcon {
	width:26px;
	height:29px;
	margin-left:8px;
	*margin-left: 8px;
	_margin-left: 3px;
	margin-top:7px;
	float:left;
	position:relative;
	z-index:2002;
}

.shortcutBlock .paylink {
	background: url("/site_cms/assets/images_new/icons/pay.png") no-repeat scroll 0 0 transparent;
	-background: none;
    -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod = crop, src = '/site_cms/assets/images_new/icons/pay.png' );	
}

.shortcutBlock .submitlink {
	background: url("/site_cms/assets/images_new/icons/submit.png") no-repeat scroll 0 0 transparent;
	-background: none;
    -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod = crop, src = '/site_cms/assets/images_new/icons/submit.png' );		
}

.shortcutBlock .calculatelink {
	background: url("/site_cms/assets/images_new/icons/calculate.png") no-repeat scroll 0 0 transparent;
	-background: none;
    -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod = crop, src = '/site_cms/assets/images_new/icons/calculate.png' );		
}

.shortcutBlock .downloadlink {
	background: url("/site_cms/assets/images_new/icons/download.png") no-repeat scroll 0 0 transparent;
	-background: none;
    -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod = crop, src = '/site_cms/assets/images_new/icons/download.png' );			
}

.shortcutBlock .restrictionslink {
	background: url("/site_cms/assets/images_new/icons/restrictions.png") no-repeat scroll 0 0 transparent;
	margin-top:4px;
	-margin-top:3px;
	-background: none;
    -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod = crop, src = '/site_cms/assets/images_new/icons/restrictions.png' );				
}

.popupLink {
    background: url("/site_cms/assets/images_new/style/shortcutPopup5.png") no-repeat scroll 0 0 transparent;
	-background:  url("/site_cms/assets/images_new/style/shortcutPopup5.gif") no-repeat scroll 0 0 transparent;
    height: 80px;
    width: 256px;
}

#payDiv {
	left:23px;
	top:-20px;
	*top:-21px;
	position:absolute;
	z-index:1001;
}

#payDiv .shortcutLink {
	margin-left: 60px;
	width: 194px;
}

#downloadDiv {
	left: 23px;
	top: 20px;
	*top: 19px;
	position: absolute;
	z-index:1001;
}

#downloadDiv .shortcutLink {
	margin-left:60px;
	width:194px;
}

#waterDiv {
	left:23px;
	top:60px;
	*top:58px;
	position:absolute;
	z-index:1001;
}

#waterDiv .shortcutLink {
	margin-left:60px;
	width:194px;
}

#sewerageDiv {
	left:23px;
	top:100px;
	*top:97px;
	position:absolute;
	z-index:1001;
}

#sewerageDiv .shortcutLink {
	margin-left:60px;
	width:194px;
}

.shortcutArrow {
    background: url("/site_cms/assets/images_new/icons/rightarrow.png") no-repeat scroll 0 0 transparent;
	-background: none;
    -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod = crop, src = '/site_cms/assets/images_new/icons/rightarrow.png' );			
    display: block;
    float: left;
    height: 10px;
    margin-top: 15px;
    width: 6px;
}

.learnMoreWrap {
	width: 188px;
	border: 1px solid #B5CDA2;
	margin-bottom: 10px;
	background: #f8f8f7;
	display: block;
	padding: 15px 10px;
}

.learnMoreHeader{
	color:#4C7B29;
	font-size:16px;
	font-weight:bold;
	line-height: 15px;
	padding-bottom: 12px;
}

.learnMoreText {
    font-size: 12px;
    height: 28px;
    margin-top: 5px;
	float:left;
}

.learnMoreHeader a {
	text-decoration: none;
}


.learnMoreLink {
	background-color: #7faf50;
	border: 1px solid #659d37;
	text-transform: uppercase;
	padding: 3px 4px 3px 5px;
	margin-top:12px;
	display:block;
	float:right;
	font-size:10px;
	font-weight:bold;
}

.learnMoreArrow {
    background: url("/site_cms/assets/images_new/icons/whiterightarrow.png") no-repeat scroll 0 0 transparent;
	-background: none;
    -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod = crop, src = '/site_cms/assets/images_new/icons/whiterightarrow.png' );		
	float: left;
	margin-left: 4px;
	margin-top: 3px;
	height: 8px;
	width: 6px;
}

.learnMoreLink a{
	float:left;
	text-decoration:none;
	color:#fff;
	white-space:nowrap;
}

.learnMoreLink a:visited{
	float:left;
	text-decoration:none;
	color:#fff;
	white-space:nowrap;
}

.aboutBox{
	width:210px;
	margin-right:20px;
	float:left;
	margin-bottom:10px;
}

.noRightMargin{
	margin-right: 0;
}

.noTopMargin{
	margin-top: 0;
}

.bgWhite{
	background-color:#FFF;
}

#followusWrap {
	font-size: 11px;
	font-weight: bold;
	width: 160px;
	height:33px;
}

.followuslabel {
	font-size: 11px;
	padding-top: 5px;
	font-weight: bold;
	width:70px;
	float:left;
	font-variant:small-caps;
}

.twitterlink {
    background: url("/site_cms/assets/images_new/icons/twitter.png") no-repeat scroll 0 0 transparent;
	width:20px;
	margin: 2px 0 0 7px;
	height: 20px;
	float: left;	
	
}
.youtubelink {
    background: url("/site_cms/assets/images_new/icons/utube.png") no-repeat scroll 0 0 transparent;
	width:49px;
	margin-left:10px;
	height: 23px;
	float: left;	
}

#weatherLevelsWrap {
	width: 208px;
	margin-bottom: 10px;
	text-align:center;
}

.weatherIcons{
	height:62px;
	width: 186px;
	color:#797A7D;
}

.weatherIcon{
	width:55px;
	padding:3px;
	float:left;
	text-align:center;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
}

.weatherLevelsTitle {
	font-size: 18px;
	font-weight: bold;
	color:#484848;	
	padding: 20px 0 15px 2px;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
}

.damLevel {
	width:126px;
	height:39px;
	float:left;
	text-align:center;
	font-size:24px;
	font-weight:normal;
	color:#186ca8;
	padding-top:5px;
	margin-left:42px;
	*margin-left:42px;
	_margin-left:21px;
}

.updatesHeader {
    background: url("/site_cms/assets/images_new/style/greenGradient.gif") repeat-x scroll 0 0 transparent;
	height:29px;
	width:208px;
}

.constructionHeader {
	font-size:11px;
	text-transform:uppercase;
	font-weight:bold;
	color:#FFF;
	margin:8px;
	float:left;
}

.rssIcon {
    background: url("/site_cms/assets/images_new/icons/rss.png") no-repeat scroll 0 0 transparent;
	margin:7px;
	float:right;
	height:15px;
	width:15px;
	text-decoration: none;
	cursor: pointer;
}

.update{
    background: url("/site_cms/assets/images_new/icons/greenArrow.png") no-repeat scroll 8px 18px transparent;
    -background: url("/site_cms/assets/images_new/icons/greenArrow.gif") no-repeat scroll 8px 18px transparent;
	border-bottom: dotted 1px #ccc;
	padding:5px;
}

.news {
    background: url("/site_cms/assets/images_new/icons/mediaActive.png") no-repeat scroll 0 0 transparent;
	color: #659d37;
    float: left;
    font-weight: bold;
    height: 31px;
    margin: 0 3px;
    padding-top: 8px;
	text-align: center;
    width: 65px;
	cursor:pointer;
	z-index:1000;
}

.hiddenNews {
	display: none;
}

.inactiveNews {
    background: url("/site_cms/assets/images_new/icons/mediaInctive.png") no-repeat scroll 0 0 transparent;
	color: #000;
}

.newsBox {
	border-bottom: 1px solid #659d37;
	border-left: 1px solid #659d37;
	border-right: 1px solid #659d37;
}

.headingBox {
    height: 31px;
    position: relative;
    top: 1px;
    z-index: 1;
}

.pageBox {
    border-color: #659D37 #659D37 #CCC;
    border-style: solid solid dotted;
    border-width: 1px;
    height: 24px;
    z-index: 0;
	padding-top:7px;
	padding-left: 20px;
}

.noBottomBorder {
	border-bottom: none;
}

.alternate{
	background-color:#FFF;
}

.updateHead {
	font-size:12px; 
	font-weight:bold;
	color:#4c881e;
	margin:10px 15px 3px;
}

.updateHead a, .updateHead a:visited{
	color:#4c881e;
	text-decoration:none;
}


.updateDate{
	font-size:10px;
	margin:0 15px 5px;
	font-weight:bold;
	color:#000;
	text-transform:uppercase;
}

.updateBody{
	font-size:12px; 
	margin:15px 15px 5px;
}

.topMenuItem a {
	padding:1px 10px;
	border-right:1px solid #797a7d;
}

.noSeperator a {
	border-right:none;
}

#footerWrap {
    background: url("/site_cms/assets/images_new/icons/footer.png") no-repeat scroll 0 0 transparent;
	-background: none;
    -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod = crop, src = '/site_cms/assets/images_new/icons/footer.png' );			
    font-size: 11px;
    height: 29px;
    margin: 20px 30px 0;
    padding-top: 10px;
    width: 900px;
}

.left{
	float: left;
}

.right{
	float: right;
}

.footer-right a{
	font-size:11px; !important
}
.content {
    float: left;
    width: 670px;
	padding-top: 0;
}
.contentWide {
    float: left;
    width: 670px;
	padding-bottom:30px;
}
.content img {
	padding: 0;
	border: none;
	margin-bottom: 0;
}

.mainPageContent {
    float: left;
    width: 440px;
}

.greenBorder {
    height: 124px;
    width: 90px;
}

.greenBorder img {
	border:#b5cda2 solid 1px;
}

.boardText {
	width:570px;
	margin-left:10px;
}
.threeLines {
	height:45px;
}

.newsLink{
	font-size: 10px; 
}

.sewerageDesignWrap {
	width:380px;
	padding-top: 20px;
}

.wrapNoPad{
	width:770px;
}

.designFormWrap{
	width:770px;
	padding-left:30px;
	padding-top: 40px;	
}

.formPad{
	padding:20px;	
}

.innerImage{
	 position:absolute; 
	 opacity: 0;
	 z-index: 0;
	 filter: alpha(opacity=0);
}

.resultsPreviousLink{
	width: 65px; 
	height: 15px; 
	float: left; 
	border: 1px solid #ddd; 
	font-size: 11px; 
	padding: 5px; 
	text-align: center; 
	color: #999;	
}

.resultPageLinks{
	float: left; 
	border: 1px solid #ddd; 
	text-align: center; 
	color: #999;
}

.searchSame{
	background: #5d9732; 
	color: #fff; 
}

#prevbtn {
	display:block;
	width:30px;
	height:30px;	
}

#nextbtn {
	display:block;
	width:30px;
	height:30px;	
}

#playbtn {
	display:block;
	width:30px;
	height:30px;	
}

.searchOff{
	background: #fff; 
	color: #5d9732; 
}

.pagingSame{
	background:#EFB61E;
	color:#FFF;
}
.pagingOff{
	background:#FFF;
	color:#EFB61E;
}
.seachNav{
	text-decoration: none; 
	display: block;
	padding: 5px; 
	width: 10px; 
	height: 15px;
}
.noneBold{
	 text-decoration:none;
	 font-weight:bold;
}

#requiredDocumentation ul {
	padding: 5px 0px 0px 15px;	
}

input#referenceNumber {
	float: left;
}

.error {
	width: 200px;
	padding-left: 10px;
	color: #f00;
	font-size: 11px;
	float: left;
}
