/* ****** Default Tag Styles ****** */
* { 
	border: 0;
	margin: 0;
	outline: 0; 
	padding: 0; 
} 
html { font-size: 100.01%; }
body {
	background: transparent url(../images/bkgrd-header.png) repeat-x 0 0;
	color: #565658;
	font: normal 62.5%/1.5em arial, verdana, sans-serif; 
	position: relative; 
	width: 100%; 
}

h1, h2, h3, h4, h5, h6 { line-height: 1.3em; }

h1 { 
	color: #000;
	font-size: 2.5em; 
	margin: 1em 0 0;
}
h2 { 
	clear: both;
	font: normal 2.1em arial; 
	margin: .25em 0;
}
h2.highlight { 
	background: transparent url(../images/bkgrd-headings.gif) repeat-x 0 0; 
	color: #fff;
	height: 49px;
	margin: 0;
	padding: .5em 0 0 .75em;
}

h3 { font-size: 1.2em; }
h4 { font-size: 1.1em; }
h5 { font-size: 1em; }
h6 { font: italic 1em arial; }

p { margin: 0 0 1em; }	

a:link, a:visited { 
	color: #53a8dc;
	text-decoration: none; 
}
a:hover, a:active { text-decoration: underline; }

legend { 
	margin: -9999px;
	position: absolute; 
}

table { border-collapse: collapse; }
table td { border-width: 1px; }

/* ****** Main Containers ****** */
#outerContainer {
	margin: 0 auto;
	padding: 0;
	text-align: center;
	width: 1003px;
}
.innerContainer {
	clear: both;
	margin: 0 auto;
	position: relative; 
	text-align: left;
	width: 965px;
}

.garidentBtm { 
	background: url(../images/bkgrd-footer.png) repeat-x 0 bottom;
	height: 380px;
	position: absolute;
	bottom: 0;
	width: 100%;
	z-index: -1;
}

.logo span { 
	margin: -9999px;
	position: absolute;
}

/* ****** START Header Area Styles ****** */
.headerArea {
	color: #fff;
	float: left;
	font: bold 1.1em arial;
	height: 260px;
	margin-bottom: 1em;
	position: relative;
	text-transform: uppercase;
	width: 100%; 
}
.school .headerArea { background: url(../images/navTwo-pink.png) repeat-x 0 bottom; }
.recycle .headerArea { background: url(../images/navTwo-orange.png) repeat-x 0 bottom; }
.garden .headerArea { background: url(../images/navTwo-purple.png) repeat-x 0 bottom; }
.business .headerArea { background: url(../images/navTwo-darkBlue.png) repeat-x 0 bottom; }
.rural .headerArea { background: url(../images/navTwo-green.png) repeat-x 0 bottom; }
.tools .headerArea { background: url(../images/navTwo-red.png) repeat-x 0 bottom; }
.news .headerArea { background: url(../images/navTwo-orange.png) repeat-x 0 bottom; }
.gallerium .headerArea { background: url(../images/navTwo-yellow.png) repeat-x 0 bottom; }

.headerArea .logo {
	background: url(../images/logo-wastenet.png) no-repeat;
	display: block;
	float: left;
	height: 55px;
	margin: 2em 1em 0;
	width: 358px;
}

/* Saved styles */
.saved {
	float: right;
	clear: both;
	margin: 1em 2em 0 0;
	text-align: right;
	width: 900px;
}
.saved div {
	background: url(../images/text-howDoing.png) no-repeat;
	float: right;
	height: 40px;
	width: 292px; 
}

.saved a,
.saved a:link,
.saved a:visited { color: #fff; }

.saved ul {
	clear: both;
	float: right;
	margin: 1.5em 0;
	width: 100%; text-align: right;
}
.saved li {
	display: inline;
	float: right;
	list-style-type: none;
	margin-left: 2.5em;
	padding-right: 3.75em;
}
.saved li span { 
	display: block; 
	font-size: 1.8em;
}
li.landfill { background: url(../images/icon-cube.png) no-repeat right 0; }
li.trees { background: url(../images/icon-tree.png) no-repeat right 0; }
li.water { background: url(../images/icon-waterdrops.png) no-repeat right 0; }
li.oil { background: url(../images/icon-barrel.png) no-repeat right 0; }

/* Search Styles */
.searchArea {
	color: #000;
	float: right;
	margin: 1em 2em 0 0;
	text-transform: lowercase;
	width: 427px;
}

.searchArea div { 
	float: left;
	line-height: 1.5em;
	width: 100%; 
}
.searchArea a,
.searchArea a:link,
.searchArea a:visited { 
	color: #000;
	float: left;
}
.searchArea a:hover { 
	color: #53a8dc; 
	text-decoration: none;
}

.searchArea ul {
	float: left;
	margin-left: 1.75em; 
}
.searchArea li { 
	float: left; 
	list-style-type: none;
	margin-left: .4em;
}
.searchArea li.textSize { font-size: 1.5em; }

.searchArea input,
.searchArea select {
	background-color: #000;
	color: #fff;
	float: left;
	font: bold 1em arial;
	height: 17px;
	padding: .25em .4em 0;
	width: 200px; 
}
.searchArea select { 
	height: 20px;
	margin-right: .5em;
	width: 170px; 
}

.searchArea .button {
	background: url(../images/button-search.png) no-repeat 0 0;
	cursor: pointer;
	float: right;
	height: 20px;
	padding: 0;
	width: 40px; 
}
.searchArea .button:hover { background: url(../images/button-search-hover.png) no-repeat; }
.searchArea .button:active { background: url(../images/button-search-active.png) no-repeat; }

/* Main Navigation */
.mainNav { 
	bottom: 1.75em;
	float: left; 	
	height: 30px;
	left: 0;
	position: absolute;
	width: 100%; 
}

.mainNav a,
.mainNav a:link, 
.mainNav ul { float: left; }

.mainNav li {
	float: left;
	display: inline-block;
	list-style-type: none;
}
.mainNav li a,
.mainNav li a:link,
.mainNav li a:visited {
	background: url(../images/mainNav-divider.png) no-repeat right -0.1em;
	border-right: 1px solid transparent;
	border-left: 1px solid transparent;
	color: #606163;
	text-decoration: none;
	padding: .75em 1.75em;
}

.mainNav li a:hover,
.mainNav li a.current,
.mainNav li a.current:link,
.mainNav li a.current:visited { 
	background-color: #6b6c6d; 
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	color: #fff; 
}

.school li a.current,
.school li a.current:link,
.school li a.current:visited { background: url(../images/navOne-pink.png) repeat-x 0 0; }
.recycle li a.current,
.recycle li a.current:link,
.recycle li a.current:visited { background: url(../images/navOne-orange.png) repeat-x 0 0; }
.garden li a.current,
.garden li a.current:link,
.garden li a.current:visited { background: url(../images/navOne-purple.png) repeat-x 0 0; }
.business li a.current,
.business li a.current:link,
.business li a.current:visited { background: url(../images/navOne-darkBlue.png) repeat-x 0 0; }
.rural li a.current,
.rural li a.current:link,
.rural li a.current:visited { background: url(../images/navOne-green.png) repeat-x 0 0; }
.tools li a.current,
.tools li a.current:link,
.tools li a.current:visited { background: url(../images/navOne-red.png) repeat-x 0 0; }
.news li a.current,
.news li a.current:link,
.news li a.current:visited { background: url(../images/navOne-orange.png) repeat-x 0 0; }
.gallerium li a.current,
.gallerium li a.current:link,
.gallerium li a.current:visited { 
	background: url(../images/navOne-yellow.png) repeat-x 0 0; 
	color: #606163;
}

/* Sub Navigation */
.subNav { 
	bottom: .2em;
	left: 0;
	margin-left: 2em; 	
	position: absolute;
	width: auto; 
}
.school .subNav,
.rural .subNav,
.tools .subNav,
.news .subNav,
.gallerium .subNav { 
	left: auto;
	margin-right: 2em; 	
	
	white-space: nowrap;
	width: auto;
	
}

.gallerium .subNav { right: 15%; }

.subNav a,
.subNav a:link, 
.subNav ul { float: left; }

.subNav li {
	float: left;
	display: inline-block;
	list-style-type: none;
}
.subNav li a,
.subNav li a:link,
.subNav li a:visited {
	color: #fff;
	text-decoration: none;
	padding: .25em 1.25em 0;
}
.subNav li a:hover { 
	background: url(../images/navTwo-hover.png) no-repeat right .75em; 
	color: #34302d;
}

.gallerium .subNav li a,
.gallerium .subNav li a:link,
.gallerium .subNav li a:visited { color: #606163; }
.gallerium .subNav li a:hover { color: #34302d; }

/* ****** START Main Content Styles ****** */
#flashArea,
.flashArea {
	background-color: #fff;
	clear: both;
	height: 291px;
	margin-bottom: 1em;
	width: 720px; 
}
.contentArea {
	float: left;
	font-size: 1.1em;
	padding-bottom: 2em;
	width: 720px;
}

/* breadcrumbs*/
.breadcrumbs { 
	float: left;
	font-weight: bold;
	margin-bottom: .5em;
	width: 100%;  
}
.contentArea .breadcrumbs ul { margin: 0; }
.contentArea .breadcrumbs ul li {
	background: none;
	display: inline;
	float: left;
	list-style-type: none;
	padding: 0;
}

.breadcrumbs a,
.breadcrumbs a:link,
.breadcrumbs a:visited {
	background: url(../images/link-arrow-breadcrumb.gif) no-repeat right center;
	color: #7b7d7f;
	display: block;
	margin-right: .5em;
	padding-right: 1em;
	float: left;
}
.breadcrumbs a:hover { color: #53a8dc; }

/* general content styles */
.intro {
	color: #7b7d7f;
	font: bold 1em arial;
}

.readMore {
	background: url(../images/link-arrow-double.gif) no-repeat right center;
	float: right;
	font-weight: bold;
	padding-right: 1em;
	text-transform: uppercase;
}

table.striped td { padding: .25em; }
table.striped tr.alt-bg { background-color: #cdd8eb; }

.contentArea ul { margin: 1em 0 1em 2em; }

.contentArea ul li { 
	background: url(../images/list-unordered-bullet.png) no-repeat 0 0.15em;
	list-style-type: none;
	padding-left: 1.5em;
}

.contentArea ol { margin: 1em 0 1em 4em; }

.contentArea ul ul,
.contentArea ol ul { margin: 0 0 0 1em; }

.contentArea ol ol,
.contentArea ul ol { margin: 0 0 0 3em; }

.contentArea ol ol li,
.contentArea ul ol li { 
	background: none; 
	list-style-type: lower-alpha;
	padding: 0;
}

.application ul li { background: none; padding-left: 0px; list-style-type: disc; }

.imgLeft { 
	float: left;
	margin: 0 1em 1em 0; 
}
.imgRight { 
	float: right;
	margin: 0 0 1em 1em; 
}

/* Captions for photos */
.hasCaption { 
	float: left;
	margin: 0 1em 1em 0;
	width: auto;
}
.caption span {
	font: italic bold 1em arial;
	margin-right: .25em; 
}
.caption span.credit { font: normal bold .9em arial; }

/* Audience navigation */
div.audienceNav { 
	color: #fff; 
	float: left;
}

div.audienceNav .top,
div.audienceNav .bottom {
	background: url(../images/bkgrd-audience-top.png) no-repeat center bottom;
	float: left;
	height: 5px;
	width: 100%;
}
div.audienceNav .bottom { 
	background: url(../images/bkgrd-audience-btm.png) no-repeat center top; 
	height: 6px;
}

div.audienceNav li {
	background-image: none;
	float: left;
	list-style-type: none;
	padding: 0;
	width: 231px;
}
div.audienceNav .mid { 
	background: url(../images/bkgrd-audience.png) repeat-y 0 0;
	float: left;
	width: 100%;
}

.audienceImg {
	display: block;
	height: 322px;
	margin-left: .5em;
	width: 220px; 
}

a.audienceOne,
a.audienceOne:link { background: url(../images/audienceOne.jpg) no-repeat 0 0; }
a.audienceOne:hover { background: url(../images/audienceOne-hover.jpg) no-repeat 0 0; }
a.audienceTwo,
a.audienceTwo:link { background: url(../images/audienceTwo.jpg) no-repeat 0 0; }
a.audienceTwo:hover { background: url(../images/audienceTwo-hover.jpg) no-repeat 0 0; }
a.audienceThree,
a.audienceThree:link { background: url(../images/audienceThree.jpg) no-repeat 0 0; }
a.audienceThree:hover { background: url(../images/audienceThree-hover.jpg) no-repeat 0 0; }

.audienceNav h2 a,
.audienceNav h2 a:link,
.audienceNav h2 a:visited {
	color: #fff;
	display: block;
	font: bold .8em arial;
	margin: 1em auto .5em;
	text-align: left;
	text-transform: uppercase;
	width: 180px;
}
.audienceNav h2 a:hover { color: #53a8dc; }

.audienceNav p {
	margin: 0 auto 2em;
	text-align: left;
	width: 180px;
}

/* features */
.feature {
	background-color: #e6f5fe;
	float: left;
	margin-bottom: 1em;
	width: 100%;
}
.feature div { 
	float: left;
	padding: 1em 1.5em;
	width: 540px;
}

.feature h3 a,
.feature h3 a:link,
.feature h3 a:visited { color: #000; }

div.divider {
	background: url(../images/bkgrd-divider.gif) repeat-y 130px 0;
	padding: 0;
	width: auto;
}

.feature div.thumbnail { 
	border: 0;
	margin-right: 1em; 
	padding: 1em 0;
	text-align: center;
	width: 130px; 
}

/* Promo Ad */
.promoAd {
	border-top: .4em dotted #666;
	float: left;
	margin-top: 2em;
	padding-top: 2em;
	text-align: center;
	width: 100%;
}
.promoAd img { border: .3em solid #4d616d; }

/* ****** START Right Column Styles ****** */
.rightCol {
	color: #fff;
	float: right;
	font-size: 1.1em;
	margin: -0.55em 0 1em;
	position: relative;
	width: 230px; 
}

.rightCol h2 { font-size: 1.2em; }
.rightCol h2 a,
.rightCol h2 a:link,
.rightCol h2 a:visited { 
	color: #fff;
	font-weight: bold;
	margin: 0;
}

.rightCol a { display: block; }
.rightCol ul { margin: 0 0 1em 2em; }
.rightCol ol { margin: 0 0 1em 3em; }

.widget { 
	float: right;
	padding: .75em 0 0;
	width: 100%; 
}
.widget span { visibility: hidden; }

.alignCenter {  }

.widgetInner { 
	margin: 1em auto; 
	position: relative;
}
.widgetInner img { border: .2em solid #fff; }

/* Buttons */
.newsletter a, .askQuestion a, .whatToDo a { 
	height: 100px; 
	position: relative;
	width: 100%;
}
.newsletter a:hover, .askQuestion a:hover, .whatToDo a:hover { background: none; }

.newsletter { background: url(../images/button-newsletter.png) no-repeat 0 center; }
.askQuestion { background: url(../images/button-askQuestion.png) no-repeat 0 center; }
.whatToDo { background: url(../images/button-whatToDo.png) no-repeat 0 center; }

.newsletter span, .askQuestion span, .whatToDo span { 
	margin: -9999px;
	position: absolute;
}

/* Promos */
.widgetSlice {
	float: left;
	height: 9px;
	width: 234px;
}
.promo1Top { background: url(../images/bkgrd-promo-green-top.png) no-repeat 0 bottom; }
.promo1Btm { background: url(../images/bkgrd-promo-green-btm.png) no-repeat 0 0; }
.promo2Top { background: url(../images/bkgrd-promo-blue-top.png) no-repeat 0 bottom; }
.promo2Btm { background: url(../images/bkgrd-promo-blue-btm.png) no-repeat 0 0; }

.promo1Btm, .promo2Btm { margin-bottom: .5em; }

.promo1 { background: url(../images/bkgrd-promo-green-mid.png) repeat-y 0 0; }
.promo2 { background: url(../images/bkgrd-promo-blue-mid.png) repeat-y 0 0; }
.promo .widgetInner { width: 193px; } 

/* ****** START Footer Area Styles ****** */
.footer {
	clear: both;
	color: #606163;
	font-size: 1.1em;
	height: 380px;
	position: relative;
	width: 100%;
	z-index: 9998;
}
.footer li { list-style-type: none; }

.footer a,
.footer a:link { font-weight: bold; }
.footer a:hover { text-decoration: none; }

/* Quicklinks */
.quickLinks {
	float: left;
	margin: 7em 0 1em;
	width: 100%;
}
.quickLinks .logo {
	background: url(../images/logo-wastenet-footer.png) no-repeat;
	float: right;
	height: 91px;
	margin: 0;
	width: 260px;
}

.utilities { 
	float: left;
	width: 60%; 
}
.utilities li { 
	display: inline; 
	padding-right: .5em;	
}

.utilities a,
.utilities a:link,
.utilities a:visited {
	color: #53a8dc;
	text-decoration: none;
	text-transform: uppercase;
}
.utilities a:hover { color: #606163; }

.menuFooter {
	float: left;
	margin-top: 1em;
	width: 70%;
}
.menuFooter ul {
	float: left;
	clear: both;
	width: auto;
}
.menuFooter li { 
	float: left; 
	margin-right: 2em;
	padding-bottom: .25em;
}
.menuFooter a:link,
.menuFooter a:visited { color: #606163; }

.menuFooter a:hover { color: #53a8dc; }

.popular { 
	float: left;
	margin-top: 1em; 
	width: 100%;
}

.popular a:link,
.popular a:visited { color: #97999b; }
.popular a:hover { color: #53a8dc; }

/* Social Links */
.socialLinks { 
	border-bottom: 1px solid #fff; 
	float: left;
	margin-bottom: 1em;
	width: 100%;
}

.socialLinks .logo,
.socialLinks .logo:link,
.socialLinks .logo:visited {
	background: url(../images/logo-southland.png) no-repeat 0 .5em;
	border-right: 1px solid #fff;
	cursor: pointer;
	float: right;
	height: 27px;
	margin: 0 1em 0;
	padding: .5em 1em .5em 0;
	width: 120px;
}

.socialLinks ul { float: right; }
.socialLinks li {
	display: inline;
	float: left;
	padding-right: .25em; 
}

.socialLinks li a,
.socialLinks li a:link,
.socialLinks li a:visited {
	background-position: 0 center;
	cursor: pointer;
	display: block;
	height: 24px;
	padding-bottom: 1em;
	width: 24px; 
}
.digg { background: url(../images/socialnet-digg.png) no-repeat; }
.digg:hover { background: url(../images/socialnet-digg-hover.png) no-repeat; }
.facebook { background: url(../images/socialnet-facebook.png) no-repeat; }
.facebook:hover { background: url(../images/socialnet-facebook-hover.png) no-repeat; }
.mySpace { background: url(../images/socialnet-mySpace.png) no-repeat; }
.mySpace:hover { background: url(../images/socialnet-mySpace-hover.png) no-repeat; }
.stumbleUpon { background: url(../images/socialnet-stumbleUpon.png) no-repeat; }
.stumbleUpon:hover { background: url(../images/socialnet-stumbleUpon-hover.png) no-repeat; }
.twitter { background: url(../images/socialnet-twitter.png) no-repeat; }
.twitter:hover { background: url(../images/socialnet-twitter-hover.png) no-repeat; }
.reddit { background: url(../images/socialnet-reddit.png) no-repeat; }
.reddit:hover { background: url(../images/socialnet-reddit-hover.png) no-repeat; }

/* Contact Info */
.contactInfo {
	float: left;
	margin-top: 4em; 
	width: 40%;
}
.contactInfo ul { 
	float: left;
	width: 100%;
}
.contactInfo li {
	display: inline;
	float: left;
	padding-right: 2.5em; 
}
.contactInfo a,
.contactInfo a:link,
.contactInfo a:visited { color: #606163; }
.contactInfo a:hover { color: #fff; }

/* Concil Logos */
.councils {
	float: right;
	width: 40%;
}
.councils li {
	float: left;
	list-style-type: none; 
}

.councils a,
.councils a:link {
	display: block;
	float: left; 
	height: 83px;
}

.southland { 
	background: url(../images/logo-southlandDistrict.png) no-repeat 0 bottom; 
	width: 155px;
}
.gore { 
	background: url(../images/logo-gore.png) no-repeat 0 bottom; 
	width: 129px;
}
.invercargill { 
	background: url(../images/logo-invercargill.png) no-repeat 0 bottom;
	width: 101px;
}

/*.registerFrm, .loginFrm
{
    width:38%;
}*/
input 
{
    border:1px solid #666;
}
.tbMultiline
{
    border:1px solid #666;
}

/* ****** NEW permit form ****** */

/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/* ----- UNIVERSAL SELECTORS ----- */

.line:after,.lastUnit:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0 !important;line-height:0;font-size:xx-large;content:" x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x ";}
.line{*zoom:1;}
.unit{float:left;}
.size1of1{float:none;}
.size1of2{width:50%;}
.size1of3{width:33.33333%;}
.size2of3{width:66.66666%;}
.size1of4{width:25%;}
.size3of4{width:75%;}
.size1of5{width:20%;}
.size2of5{width:40%;}
.size3of5{width:60%;}
.size4of5{width:80%;}
.lastUnit{display:table-cell;float:none;width:auto;*display:block;*zoom:1;_position:relative;_left:-3px;_margin-right:-3px;}
.fl {float:left !important;}
.fr {float:right !important;}

 
/* spacing helpers
p,m = padding,margin
a,t,r,b,l,h,v = all,top,right,bottom,left,horizontal,vertical
s,m,l,n = small(5px),medium(10px),large(20px),none(0px)
*/
.ptn,.pvn,.pan{padding-top:0px}
.pts,.pvs,.pas{padding-top:5px}
.ptm,.pvm,.pam{padding-top:10px}
.ptl,.pvl,.pal{padding-top:20px}
.ptx,.pvx,.pax{padding-top:30px}
.prn,.phn,.pan{padding-right:0px}
.prs,.phs,.pas{padding-right:5px}
.prm,.phm,.pam{padding-right:10px}
.prl,.phl,.pal{padding-right:20px}
.prx,.phx,.pax{padding-right:30px}
.pbn,.pvn,.pan{padding-bottom:0px}  
.pbs,.pvs,.pas{padding-bottom:5px}
.pbm,.pvm,.pam{padding-bottom:10px}
.pbl,.pvl,.pal{padding-bottom:20px}
.pbx,.pvx,.pax{padding-bottom:30px}
.pln,.phn,.pan{padding-left:0px}
.pls,.phs,.pas{padding-left:5px}
.plm,.phm,.pam{padding-left:10px}
.pll,.phl,.pal{padding-left:20px}
.plx,.phx,.pax{padding-left:30px}
.mtn,.mvn,.man{margin-top:0px}
.mts,.mvs,.mas{margin-top:5px}
.mtm,.mvm,.mam{margin-top:10px}
.mtl,.mvl,.mal{margin-top:20px}
.mtx,.mvx,.max{margin-top:30px}
.mrn,.mhn,.man{margin-right:0px}
.mrs,.mhs,.mas{margin-right:5px}
.mrm,.mhm,.mam{margin-right:10px}
.mrl,.mhl,.mal{margin-right:20px}
.mrx,.mhx,.max{margin-right:30px}
.mbn,.mvn,.man{margin-bottom:0px}  
.mbs,.mvs,.mas{margin-bottom:5px}
.mbm,.mvm,.mam{margin-bottom:10px}
.mbl,.mvl,.mal{margin-bottom:20px}
.mbx,.mvx,.max{margin-bottom:30px}
.mln,.mhn,.man{margin-left:0px}
.mls,.mhs,.mas{margin-left:5px}
.mlm,.mhm,.mam{margin-left:10px}
.mll,.mhl,.mal{margin-left:20px}
.mlx,.mhx,.max{margin-left:30px}

/*corner helpers
r = radius
tl, tr, bl, br, a, n = top left, top right, bottom left, bottom right, all, none
s,m,l,n = small(3px),medium(5px),large(8px),none(0px)*/

.ras{-moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px;}
.ram{-moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px;}
.ral{-moz-border-radius: 8px; border-radius: 8px; -webkit-border-radius: 8px;}
.rtls{-moz-border-radius-topleft: 3px; border-top-left-radius: 3px; -webkit-border-radius-topleft: 3px;}
.rtlm{-moz-border-radius-topleft: 5px; border-top-left-radius: 5px; -webkit-border-radius-topleft: 5px;}
.rtll{-moz-border-radius-topleft: 8px; border-top-left-radius: 8px; -webkit-border-radius-topleft: 8px;}
.rtrs{-moz-border-radius-topright: 3px;border-top-right-radius: 3px; -webkit-border-radius-topright: 3px;}
.rtrm{-moz-border-radius-topright: 5px;border-top-right-radius: 5px; -webkit-border-radius-topright: 5px;}
.rtrl{-moz-border-radius-topright: 8px;border-top-right-radius: 8px; -webkit-border-radius-topright: 8px;}
.rbls{-moz-border-radius-bottomleft: 3px; border-bottom-left-radius: 3px; -webkit-border-radius-bottomleft: 3px;}
.rblm{-moz-border-radius-bottomleft: 5px; border-bottom-left-radius: 5px; -webkit-border-radius-bottomleft: 5px;}
.rbll{-moz-border-radius-bottomleft: 8px; border-bottom-left-radius: 8px; -webkit-border-radius-bottomleft: 8px;}
.rbrs{-moz-border-radius-bottomright: 3px; border-bottom-right-radius: 3px; -webkit-border-radius-bottom-right: 3px;}
.rbrm{-moz-border-radius-bottomright: 5px; border-bottom-right-radius: 5px; -webkit-border-radius-bottom-right: 5px;}
.rbrl{-moz-border-radius-bottomright: 8px; border-bottom-right-radius: 8px; -webkit-border-radius-bottom-right: 8px;}
.rn{-moz-border-radius: 0px; border-radius: 0px; -webkit-border-radius: 0px;}
.rtln{-moz-border-radius-topleft: 0px; border-top-left-radius: 0px; -webkit-border-radius-topleft: 0px;}
.rtrn{-moz-border-radius-topright: 0px;border-top-right-radius: 0px; -webkit-border-radius-topright: 0px;}
.rbln{-moz-border-radius-bottomleft: 0px; border-bottom-left-radius: 0px; -webkit-border-radius-bottomleft: 0px;}
.rbrn{-moz-border-radius-bottomright: 0px; border-bottom-right-radius: 0px; -webkit-border-radius-bottom-right: 0px;}

.formbox { border:1px solid #ccc; width:700px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    /*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
    background-image: -moz-linear-gradient(top, #eae7e7, #cccccc);
    background-image: -webkit-gradient(linear, center top, center bottom, from(#eae7e7), to(#cccccc));
    background-image: -o-linear-gradient(top, #eae7e7, #cccccc);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eae7e7', endColorstr='#cccccc');
    /*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
    /*Element must have a height (not auto)*/
    /*All filters must be placed together*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#eae7e7', endColorstr='#cccccc')";
    /*Element must have a height (not auto)*/
    /*All filters must be placed together*/
    background-image: linear-gradient(top, #eae7e7, #cccccc);
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    /*Use "background-clip: padding-box" when using rounded corners to avoid the gradient bleeding through the corners*/
    /*--IE9 WILL PLACE THE FILTER ON TOP OF THE ROUNDED CORNERS--*/

}

a.userlinks { font-size: 12px; }

.newforms { margin-bottom: 60px; }

.newforms input,
.newforms textarea,
.newforms select,
.displaylabels { border: 1px solid #ccc; padding: 5px; margin: 4px 0; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; text-align: left; font-size: 12px;}

.newforms select { font-family: arial, verdana, sans-serif;}
.monospace { font-family: arial, verdana, sans-serif; }

.newforms input,
.displaylabels { width: 197px; }

.newforms input.longform {width: 549px;}
.newforms textarea,
.displaytextarea { width: 549px; height: 50px; }

.ie .newforms textarea,
.ie .displaytextarea,
.ie .newforms .textarea2,
.ie .displaytextarea2 {}

.newforms .textarea2,
.displaytextarea2 {width:440px;height:65px;}

.displaylabels {display:inline;background-color:#fff;float:left;min-height:15px;}

.formlabels,
.formlabels label { font-weight: bold; text-transform: uppercase; display: block; width: 100px; height: auto; padding: 7px 10px 0 0; float: left; line-height: 110%; text-align: left; }

.formlabels2,
.formlabels2 label {width:125px;margin:0 10px 0 110px;}

.formlabels3,
.formlabels3 label {width:auto;}

.formlabelsbk {float:left;display:inline;}

.radio {display:inline;float:none;}
.radio label {margin-top:3px;}
.radio input {float:left;width:auto;margin:0 5px;}
.checkbox {display:inline;float:none;}
.checkbox label {margin-top:3px;}
.checkbox input {float:right;width:auto;margin:0 5px;}
.required {color:#ca543c !important; width:4px;}

.formbuttons { background-color: #ca543c !important;color:#fff !important; cursor: pointer; font-weight: bold; -moz-border-radius: 5px !important; border-radius: 5px !important; -webkit-border-radius: 5px !important;}
input.formbuttons { padding: 5px 10px; width: auto; border: 1px solid #ca543c !important; -moz-border-radius: 5px !important; border-radius: 5px !important; -webkit-border-radius: 5px !important; text-align: center;}
.formbuttons:hover { background-color: #fff !important; color: #ca543c !important; border: 1px solid #ccc !important;}

.logoutbuttons {background-color:#eae7e7;color:#888;cursor:pointer;font-weight:bold;-moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px;}
input.logoutbuttons {padding:5px 10px;width:auto;border:1px solid #c4c1c1;-moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; text-align: center;}
.logoutbuttons:hover {background-color:#fff;color:#c4c1c1;border:1px solid #ccc;}


.profilelogout { margin-top: -70px; margin-right: 15px; }
.ie .profilelogout { margin-top: -70px; margin-right: 7px; }

.applicationlogout {margin-top: -105px; }
.ie .applicationlogout {margin-top: -105px; }


.createbuttons {background-color:#FF9900;color:#888;cursor:pointer;font-weight:bold;-moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px;}
input.createbuttons {padding:5px 10px;width:auto;border:1px solid #c4c1c1;-moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px;}
.createbuttons:hover {background-color:#fff;color:#c4c1c1;border:1px solid #ccc;}


.loginFrm {width:50%; border-right:1px solid #aaa; }
.registerFrm { width: 49.5%; float: left; }
.loginh { height: 36px; text-align: left; }

.loginreg .loginFrm input,
.loginreg .registerFrm input { width: 189px; }

.loginreg .loginFrm .formlabels,
.loginreg .loginFrm .formlabels label,
.loginreg .registerFrm .formlabels,
.loginreg .registerFrm .formlabels label  { font-weight: bold; text-transform: uppercase; display: block; width: 125px; padding: 0 10px 0 0; float: left; line-height: 36px; white-space: nowrap; }

.loginreg .loginFrm .loginBtn,
.loginreg .registerFrm .registerBtn { width: auto; }
.loginreg .loginFrm .checkbox input { width: auto; }

.userprofile .loginFrm { border-right: none; }
.userprofile .uploadLabels { float: none; }


.conditionLabels {color: rgb(202, 84, 60);}
.hiddenLabels {visibility:hidden;}
.uploadLabels { font-weight: normal; display: inline-block; width: 100%; height: auto; padding: 7px 0 0 0; float: left; line-height: 210%; }
.loginLabels {font-weight:200;display:inline-block;float:left;font-size:large; line-height: normal;}

.remember { display: block; text-align: left; font-weight: bold; text-transform: uppercase; height: auto; line-height: 35px; }
.remember input { margin: 10px 0 0 10px !important; }
.ie .remember input { float:right; width:auto; margin: 5px 0 0 10px !important;}

.ie7 .remember label {float:left; }
.ie7 .remember input { float:left; width:auto; margin: 9px 0 0 10px !important;}



a.forgot { color: #53a8dc; display: block; text-align: left; font-weight: bold; text-transform: uppercase; height: auto; line-height: 36px; }

.ie .checkbox input, .ie .radio input { margin: -5px 5px 0 5px; }
.permitcheck input { margin-left: 0px; }
.ie .permitcheck input { margin-left: -5px; }
.ie7 .permitcheck input { margin-left: -4px; }

.viewLabels {width:100%; font-weight:bold;display: block;float:left;font-size:large;color:White;text-align:center;margin-top:10px; line-height: normal;}
.viewPanel { font-weight:bold;display:inline-block;font-size:large;color:Orange; height: 45px; width: 680px; position: absolute; right: 0px; top: 46px;
             
    -moz-border-radius:5px 5px 0px 0px;
    -webkit-border-radius:5px 5px 0px 0px;
    border-radius:5px 5px 0px 0px;
    background-image: url('/images/navOne-red.png'); background-repeat: repeat-x; background-color: #e51e1e;
    /*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS
    background-image: -moz-linear-gradient(top, #ffde03, #ffc12b);
    background-image: -webkit-gradient(linear, center top, center bottom, from(#ffde03), to(#ffc12b));
    background-image: -o-linear-gradient(top, #ffde03, #ffc12b);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffde03', endColorstr='#ffc12b');*/
    /*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
    /*Element must have a height (not auto)*/
    /*All filters must be placed together
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffde03', endColorstr='#ffc12b')";*/
    /*Element must have a height (not auto)*/
    /*All filters must be placed together
    background-image: linear-gradient(top, #ffde03, #ffc12b);*/
             
}

.nodata .viewPanel { position: relative; top: 0px; left: 0px; }


.viewPanel .start { margin-top: -24px; margin-right: 10px; }
.ie .viewPanel .start { margin-top: -25px; margin-right: 10px; }
.ie8 .viewPanel .start { margin-top: -23px; margin-right: 10px; }
.ie9 .viewPanel .start { margin-top: -23px; margin-right: 10px; }

.statusContainer { position: relative; }

.applicationtable 
{
    background-color: #eae7e7;
    background-image: -moz-linear-gradient(top, #eae7e7, #c4c1c1);
    background-image: -webkit-gradient(linear, center top, center bottom, from(#eae7e7), to(#c4c1c1));
    background-image: -o-linear-gradient(top, #eae7e7, #c4c1c1);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eae7e7', endColorstr='#c4c1c1');
    /*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
    /*Element must have a height (not auto)*/
    /*All filters must be placed together*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#eae7e7', endColorstr='#c4c1c1')";
    /*Element must have a height (not auto)*/
    /*All filters must be placed together*/
    background-image: linear-gradient(top, #eae7e7, #c4c1c1);
}

.applicationtable td { border: none; }

.tableheader th { padding: 0px 0px 55px 0px;}
.tableheader .item { border-left:1px solid #c4c2c2; padding: 10px; }
.tableheader .first { border-left: none;}

.tableheader th:first-child { border-left: none;}
.tablerow, .tablealternatingrow {background-color:#fff;}

.applicationtable td.tablecell { border-bottom: 1px solid #e0e0e0; }
.applicationtable td.tablecell a { margin-left: -10px; }


.tableselected {}
.tablefooter {}
.tablepager { border-top: 1px solid #e0e0e0; }

.tablepager td { background-color: #c4c1c1; border: none; }
.ie7 .tablepager td { background-color: #eae7e7; border: none; }

.tablepager table { text-align: center; margin: 8px auto -8px auto; position: relative; }

.tablepager table td { padding: 0px 0px; text-align: center; vertical-align: middle; }

.tablepager table td a.LinkPagingSelected
{
    color: #333 !important; display: block; width: 16px !important; height: 16px !important; margin: 2px; line-height: 16px; text-align: center; vertical-align: middle;
    background-image: url('/images/permit-paging.png'); background-position: 0px -16px; background-repeat: no-repeat; }
    
.tablepager table td a.LinkPaging  
{
    color: #53a8dc !important; display: block; width: 16px !important; height: 16px !important; margin: 2px; line-height: 16px; text-align: center; vertical-align: middle;
    background-image: url('/images/permit-paging.png'); background-position: 0px 0px; background-repeat: no-repeat; }

.tablepager table td a.Prev 
{
    display: block; width: 16px !important; height: 16px !important; margin: 2px 20px; line-height: 16px; text-align: center; vertical-align: middle;
    background-image: url('/images/permit-paging.png'); background-position: -16px 0px; background-repeat: no-repeat;    
}
.tablepager table td a.Prev[disabled]
{
    display: block; width: 16px !important; height: 16px !important; margin: 2px 20px; line-height: 16px; text-align: center; vertical-align: middle;
    background-image: url('/images/permit-paging.png'); background-position: -16px -16px; background-repeat: no-repeat;    
}
.tablepager table td a.Next 
{
    display: block; width: 16px !important; height: 16px !important; margin: 2px 20px; line-height: 16px; text-align: center; vertical-align: middle;
    background-image: url('/images/permit-paging.png'); background-position: -32px 0px; background-repeat: no-repeat;    
}
.tablepager table td a.Next[disabled]
{
    display: block; width: 16px !important; height: 16px !important; margin: 2px 20px; line-height: 16px; text-align: center; vertical-align: middle;
    background-image: url('/images/permit-paging.png'); background-position: -32px -16px; background-repeat: no-repeat;    
}

.pending {color:#ff9900 !important;font-weight:bold; text-transform: capitalize;}
.awaitingapp {color:#cccc66 !important;font-weight:bold; text-transform: capitalize;}
.awaitingacc {color:#ff6600 !important;font-weight:bold; text-transform: capitalize;}
.approved {color:#5fae2d !important;font-weight:bold; text-transform: capitalize;}
.declined {color:#ff0000 !important;font-weight:bold; text-transform: capitalize;}
.declinedlink {color:#ff0000 !important;font-weight:bold; text-transform: capitalize;}
.pendinglabel,.awaitingapplabel,.awaitingacclabel,.approvedlabel,.declinedlabel,.declinedlinklabel { text-transform: capitalize; display: block; }

.applicationtable .ablime { text-transform: none; }

.alignCenter { text-align: center; }
.alignRight { text-align: right; }
.hidden {margin: -9999px;position: absolute;visibility: hidden;}
li.last {border-right: 0;}

.hiddenButton,
.hiddenButtonAB,
.hiddenButtonWas,
.promoAd,
.hiddenModal {display:none;}

.hiddenABLimeStatusPrint,
.hiddenWastenetStatusPrint{display:none;}

.titleHeight {height:40px;}

.filler { height: 85px; }
.ie7 .filler { height: 95px; }

.pwdRecover { width: 321px; }
.pwdRecover span { white-space: normal;}
.pwdRecover .email { }

.conditionscheck input { margin-left: -2px !important; }
.statuscheck, .ownercheck, .permitno { padding-top: 0px; font-size: 14px; font-weight: normal; text-align: right; padding-right: 0px; }
.ownercheck { text-transform: capitalize; }
.formstatus .pending, 
.formstatus .awaitingapp, 
.formstatus .awaitingacc, 
.formstatus .approved, 
.formstatus .declined { font-size: 14px; }
.permitno { width: auto; }

.section { border-top: 1px dotted rgb(202, 84, 60); margin-top: 15px; }
.sectionhead {color: rgb(202, 84, 60); font-size: 14px; margin-bottom: 10px; }


.labdocupload { width: 670px; position: relative; padding: 0px; margin: 0px; }
.attachcheck {  float: right; width: auto !important; background-color: White; }

.labdocupload .dlfilename { display: block; float: left; width: auto; clear: left; margin-left: 110px; }

.labresults { width: auto; }
.billingaddcheck { width: 547px !important; }
.deliveryfreqcheck { width: 211px; }
h4.conditions { float: left; font-weight: bold; text-transform: uppercase; display: block; width: 100px; height: auto; padding: 7px 10px 0 0; line-height: 110%; color: rgb(202,84,60); }
ol.conditions { float: left; margin-left: 15px; width: 545px; }
ul.conditions li { list-style-type: disc; background: none; padding-left: 0px; }
.decStatement { margin-bottom: 15px; }
.validDecDate { white-space: nowrap;}


.ablimestatuscheck td, .wastenetstatuscheck td { padding-right: 10px; }
.ablimestatuscheck input, .wastenetstatuscheck input { width: auto; margin: 0 5px 0 0; float: left; }
.ablimestatuscheck label, .wastenetstatuscheck label { font-weight: bold; margin-top: 4px; float: left; }

h4.header { }
h4.header span { width: auto; margin-bottom: 15px; }

.wastenetstatuscheck { margin-left: -5px; }
.wastenetstatuscheck input { border: none;}

.ui-widget-header { background-position: 50% -10px !important; }
.ui-dialog .ui-dialog-buttonpane { padding-right: 0px !important; padding-bottom: 0px !important; }
.ui-dialog .ui-dialog-buttonpane button {padding:3px 5px;background-color:#eae7e7;color:#888;cursor:pointer;font-weight:bold;-moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px;border:1px solid #ccc; margin: 0em 0em 0em 0.4em !important; float: right;}
.ui-dialog .ui-dialog-buttonpane button:hover {background-color:#fff;color:#c4c1c1;border:1px solid #ccc;}



.profilevalid { width: 100%; text-align: left; }


.wnPrintlogo, .abLimePrintlogo { display: none;}