/*----------------------------------------------------------------------------
Structural Style Sheet

Template Name:   JJ Absolute Redux
Version:         2.0
Author:          JoomlaJunkie
Support:         http://forum.joomlajunkie.com
Template Guide:  http://guides.joomlajunkie.com

NOTE: Always make a backup of your stylesheets before editing!
----------------------------------------------------------------------------*/
@import url("menu.css");
@import url("customize.css");

* {
	margin: 0;
	padding: 0;
}
html {
	background: #F2F3F7 ;
	height: 100%;
	height: 100%!important;
}

/* Base Font Sizes
*****************************************/
body.mediumText {
	font-size: 62.5%;
}
body.largeText {
	font-size: 82.5%;
}
body.xLargeText {
	font-size: 102.5%;
	font-weight: 100;
}
html > body.mediumText {
	font-size: 10px;
}
html > body.largeText {
	font-size: 11px;
}
html > body.xLargeText {
	font-size: 12px;
}

/* Template Width
*****************************************/
body #wrapper {
	padding: 0 ;
	margin: 0 auto;
	position: relative;
	min-height: 100%;
	background-color: #fff;
   max-width:777px!important;
  margin:auto;
}
body #content {
	background: transparent url(../images/structure/content-top.jpg) repeat-x;
}

/* Narrow Specific */
body.narrow {
	
}
body.narrow #wrapper {
	width: 777px;
}
body.narrow #content {
	width: 575px;
}

/* Wide Specific */
body.wide {
	background: transparent url(../images/structure/wrappershadow-wide.jpg) no-repeat 50% 0;
}
body.wide #wrapper {
	width: 980px;
}
body.wide #content {
	width: 792px;
}

.page-header{padding-top:20px;}
h2.item-title{padding-top:20px;}

/* Header Section
NOTE: Different "color" headers and set in 
the color.css file.
*****************************************/
div#header {
	width: 100%;
	overflow: hidden;
	height: 112px;
	position: relative;
	border-top: 1px solid #fff;
 background:url(http://www.baywaste.co.nz/templates/baywaste/images/header.png)!important;
  background-repeat:no-repeat!important;
}

#header a { color: #999; text-decoration: none; }
#header a:hover { color: #7CB500; text-decoration: underline; }
#header a:active { color: #006400; text-decoration: none; }

#xmap{padding-top:20px;}

/* Top Navigation
NOTE: All menu specific css (top and sidebar
is in the menu.css
*****************************************/
div#nav {
	background: url(../images/green/bg-nav.gif) repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	width: 100%;
	height: 28px;
	position: relative;
	z-index: 100;
	float: none;
	margin-bottom: 0px!important;
	padding: 0;
}

#nav ul li a{text-decoration:none;font-weight:bold;font-family:Verdana;font-size:11px;}
#nav .superfish li:hover{background:#427700!important;}

ul.breadcrumb{list-style:none;background:#eaeaea;margin-top:0px;}
ul.breadcrumb li{display:inline-block;color:#555;}
ul.breadcrumb li.active{font-family:Verdana;margin-left:3px;font-size:11px;}
.ext-menu{margin-bottom:0px!important;}
.ext-menu a{padding:6px 14px 5px 14px;}
.blog a {color:#7CB500;}

body.home ul.breadcrumb{padding:5px;}
.content-category h2{padding-top:30px;}


/* Sidebar on the Left */
body.left #main {
	background: transparent url(../images/structure/content-left-shadow.jpg) 184px 0 repeat-y;
}
body.left #content .padding {
	background: transparent url(../images/structure/cornershadow-left.jpg) top left no-repeat;
	padding: 10px;
}
body.left #content {
	background: transparent url(../images/structure/content-top.jpg) repeat-x;
	float: right;
}
body.left #sidebar {
	float: left;
	padding-bottom: 70px;
	margin-top: -5px;
	font: normal 1em Arial, Helvetica, sans-serif;
	width: 183px;
}
body.left #bottomInset {
	margin-right: -10px;
}
body.left table.contenttoc {
	margin-right: -10px;
}

/* Sidebar on the Right */
body.right #content .padding {
	background: transparent url(../images/structure/cornershadow-right.jpg) top right no-repeat;
	padding: 10px;
}
body.right #content {
	background: transparent url(../images/structure/content-top.jpg) repeat-x;
	float: left;
}
body.right #sidebar {
	width: 183px;
	float: right;
}
body.right #sidebar div.moduletable_menu h3,
body.right #sidebar div.moduletable h3,
body.right #sidebar div.moduletable-login h3 {
	margin: 8px 0 0 0;
}
body.right #sidebar div.moduletable_menu,
body.right #sidebar div.moduletable,
body.right #sidebar div.moduletable-login {
	padding-left: 10px;
}
body.right #sidebar div.moduletable_menu h3,
body.right #sidebar div.moduletable h3 {
	margin: 3px 0 5px -2px;
	width: 168px;
}
/* IE Fixes */
*+html body.right #sidebar .moduletable h3,
* html body.right #sidebar .moduletable h3 {
	text-indent: 7px;
	margin: 3px -13px 0 -3px;
	padding: 0;
}
*+html body.right #sidebar .moduletable,
* html body.right #sidebar .moduletable {
	padding-left: 10px;
}

/* Top Options Bar
*****************************************/
/* Generic Options Defaults */
div#toggleoptions {
	width: 109px;
	height: 28px;
	display: block;
	xbackground: url(../images/display-options-sprite.jpg) no-repeat;
	text-indent: -7998px;
	position: absolute;

















	top: 0;

	right: 0;
	cursor: pointer;
}
div#options-wrap {
	
	height: 0px;
	overflow: hidden;
}
#displayOptions {
	height: 27px;
	width: 600px;
	float: left;
}
.fontsizer,
.fontsizer li,
.fontsizer li a {
	list-style-type: none;
}
.horizontal li,
.horizontal li a {
	display: block;
	float: left;
}

/* Clear Fix */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	overflow: hidden;
}
.clearfix {
	display: inline-table;
}
/* Hides From IE Mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End Hide from IE Mac */
#displayOptions h3, 
#displayOptions h4 {
	position: absolute;
	top: -1000em;
}
#displayOptions ul {
	float: left;
	display: inline;
	height: 27px;
	margin: 0;
	margin-left: 4px;
	padding: 0;
}
#displayOptions li {
	height: 27px;
	width: 20px;
	overflow: hidden;
	display: inline;
	padding: 0;
	margin: 0;
}
#displayOptions a {
	padding-top: 27px;
	height: 0;
	overflow: hidden;
	background-position: 0 1px;
	background-repeat: no-repeat;
	font-size: 10px;
}
#displayOptions li a:hover {
	background-color: transparent;
}
div.optionsDivider {
	height: 27px;
	width: 9px;
	background: transparent url(../images/options/options-divider.jpg) no-repeat;
	float: left;
}

/* Normal States
*****************************************/
/* Color Swatches */
#displayOptions li a#colorBlue {
	background-image: url(../images/options/color-blue.jpg);
}
#displayOptions li a#colorRed {
	background-image: url(../images/options/color-red.jpg);
}
#displayOptions li a#colorGreen {
	background-image: url(../images/options/color-green.jpg);
}
#displayOptions li a#colorPink {
	background-image: url(../images/options/color-pink.jpg);
}
#displayOptions li a#colorOrange {
	background-image: url(../images/options/color-orange.jpg);
}

/* Text Sizes */
#displayOptions li a#textMedium {
	background-image: url(../images/options/text-normal.jpg);
}
#displayOptions li a#textLarge {
	background-image: url(../images/options/text-large.jpg);
}
#displayOptions li a#textXLarge {
	background-image: url(../images/options/text-xlarge.jpg);
}

/* Sidebar Position */
#displayOptions li a#sidebarLeft {
	background-image: url(../images/options/sidebar-left.jpg);
}
#displayOptions li a#sidebarRight {
	background-image: url(../images/options/sidebar-right.jpg);
}

/* Display Width */
#displayOptions li a#widthNarrow {
	background-image: url(../images/options/width-normal.jpg);
}
#displayOptions li a#widthWide {
	background-image: url(../images/options/width-wide.jpg);
}

/* Rendering */
#displayOptions li a#renderingOn {
	background-image: url(../images/options/sifr-on.jpg);
}
#displayOptions li a#renderingOff {
	background-image: url(../images/options/sifr-off.jpg);
}

/* Hover States
*****************************************/
#displayOptions li a#colorBlue:hover,
#displayOptions li a#colorRed:hover,
#displayOptions li a#colorGreen:hover,
#displayOptions li a#colorPink:hover,
#displayOptions li a#colorOrange:hover,
#displayOptions li a#textMedium:hover,
#displayOptions li a#textLarge:hover,
#displayOptions li a#textXLarge:hover,
#displayOptions li a#sidebarLeft:hover,
#displayOptions li a#sidebarRight:hover,
#displayOptions li a#widthNarrow:hover,
#displayOptions li a#widthWide:hover,
#displayOptions li a#renderingOn:hover,
#displayOptions li a#renderingOff:hover {
	background-position: 0 -26px;
}

/* Active States
*****************************************/
#displayOptions li a#colorBlue.active-option,
#displayOptions li a#colorRed.active-option,
#displayOptions li a#colorGreen.active-option,
#displayOptions li a#colorPink.active-option,
#displayOptions li a#colorOrange.active-option,
#displayOptions li a#textMedium.active-option,
#displayOptions li a#textLarge.active-option,
#displayOptions li a#textXLarge.active-option,
#displayOptions li a#sidebarLeft.active-option,
#displayOptions li a#sidebarRight.active-option,
#displayOptions li a#widthNarrow.active-option,
#displayOptions li a#widthWide.active-option,
#displayOptions li a#renderingOn.active-option,
#displayOptions li a#renderingOff.active-option {
	background-position: 0 -53px;
}

/* Display Options Help
*****************************************/
a.help-link {
	width: 20px;
	height: 27px;
	display: block;
	background: url(../images/options/help-icon.png) 0 no-repeat;
	text-indent: -7998px;
	float: right;
}
.helpWrap {
	position: absolute;
	top: 5px;
	right: 5px;
	border: 1px solid white;
	width: 255px;
	height: 123px;
	margin: 0;
	padding: 0;
	display: none;
}
.help-contents {
	background: white;
	filter: alpha(opacity=75);
	-moz-opacity: .75;
	opacity: .75;
	width: 100%;
	height: 100%;
	width: 100%;
	height: 100%;
}
div.helpWrap h3 {
	margin: 0;
	margin-bottom: 2px;
	padding: 0;
	width: 255px;
	height: 21px;
	background: url(../images/options/help-header.png) no-repeat;
	text-indent: -7998px;
	font-size: 10px;
}
div.helpWrap ul {
	margin: 0;
	padding: 0;
	width: 120px;
	float: left;
	padding-left: 5px;
}
div.helpWrap ul li {
	margin: 0;
	padding: 0;
	font: normal 11px/20px Arial, Helvetica, sans-serif;
	color: #09C;
	text-indent: 20px;
	background-repeat: no-repeat;
	background-position: 0;
	height: 20px;
	list-style-type: none;
}
.helpWrap li.help-blue {
	background-image: url(../images/options/help-blue.png);
}
.helpWrap li.help-red {
	background-image: url(../images/options/help-red.png);
}
.helpWrap li.help-green {
	background-image: url(../images/options/help-green.png);
}
.helpWrap li.help-pink {
	background-image: url(../images/options/help-pink.png);
}
.helpWrap li.help-yellow {
	background-image: url(../images/options/help-yellow.png);
}
.helpWrap li.help-narrow {
	background-image: url(../images/options/help-narrow.png);
}
.helpWrap li.help-wide {
	background-image: url(../images/options/help-wide.png);
}
.helpWrap li.help-sidebar {
	background-image: url(../images/options/help-sidebar.png);
}
.helpWrap li.help-text {
	background-image: url(../images/options/help-text.png);
}
.helpWrap li.help-sifr {
	background-image: url(../images/options/help-sifr.png);
}

/* Base Colors
*****************************************/
/* Links */

body.green a:link,body.green a:visited {
	color: #7CB500;
	/*color:#fff;*/
	font-family:Verdana, Arial, Helvetica,sans-serif;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	padding-top:4px;

}
body.green li:hover{
	background:#427700;
}
body.green a:hover {
	color: #F05C00;
}

body.green a:active {
	color: #1D4E31;
}



/* Section Table Headers */

body.green .sectiontableheader {
	background: #799C0A;
	color: #fff;
}


/* Content & Component Headers */

body.green td.contentheading,
body.green div.componentheading {
	color: #006400;
}


/* Pathway Bar 
*****************************************/
/* Site Path */
div#sitePath {
	height: 34px;
	font: normal 11px/30px Verdana,Arial, serif;
	color: #555;
	text-indent: 10px;
	position: relative;
}
div#sitePath a {
	font: bold 11px/30px Verdana,Arial, serif;
	color: #666;
	text-decoration: none;
}
div#sitePath a:hover {
	font: bold 11px/30px Verdana,Arial, serif;
	color: #555;
	text-decoration: none;
}

span.pathway {
	color: #555;
	font-size: 11px;
	font-weight: normal;
	display: block;
	position: absolute;
	top: 0px;
	left: 5px;
	z-index: 1;
}
span.pathway a {
	background: url(../images/structure/pathway-bullet.gif) 100% 50% no-repeat;
	padding-right: 15px;
}
span.pathway img {
	display: none;
}
a.pathway {
	color: #616772;
	line-height: 29px;
	text-decoration: none;
}
a.pathway:hover {
	color: #888;
	text-decoration: none;
}

/* Search */
div#searchBox {
	position: absolute;
	top: 25px;
	right: 15px;
	z-index: 1;
}
div#searchBox input {
	width: 125px;
	height: 13px;
	font: normal 12px Arial, serif;
	float: left; margin-top: 15px;
	border: 1px solid #7CB500;
	color: #000;
	padding: 2px 0 2px 5px;
	text-indent: 2px;
        background-color:#F2F3F7;
}
div#searchBox input.button {
	width: 64px; margin-top: 10px;
	height: 26px;
        border: none;
        background-color: #fff;

}


/* Footer Section 
*****************************************/
#footer {
	margin: 0 auto;
	clear: both;
	position: relative;
	height: 59px;
        border-top:2px dotted #7CB500;
}
body.narrow #footer {
	width: 730px;
}
body.wide #footer {
	width: 980px;
}



/* Footer Menu */
#footer ul#mainlevel-footer,
#footer ul#mainlevel-nav {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 25px;
	right: 10px;
	width: 445px;
	height: 30px;
}
ul#mainlevel-footer li,
ul#mainlevel-nav li {
	list-style-type: none;
	float: right;
	margin: 0;
	padding: 0;
	padding-right: 10px;
}
ul#mainlevel-footer li a,
ul#mainlevel-nav li a {
	color: #fff;
	text-decoration: none;
	font: normal 12px Arial, serif;
	padding: 2px 5px;
}
ul#mainlevel-footer li a:hover,
ul#mainlevel-nav li a:hover {
	color: #fff;
	text-decoration: underline;
}

/* Credits */
div#credits {
	width: 700px;
	height: 30px;
	font: normal 11px Verdana,Arial, serif;
	color: #666;
	position: absolute;
	top: 25px;
	left: 25px;
        text-align:center;
     
}
div#credits div {
	color: #E4F5FF;
	text-indent: 12px;
}
div#credits a {
	color: #666;
	text-decoration: underline;
}
div#credits a:hover {
	color: #7CB500;
	text-decoration: underline;
}




/* Live Search
*****************************************/
.LSRow small, #searchcontrols small {
	color: #999!important;
}
#LSHighlight small {
	color: #999!important;
}
#LSResult {
	position: absolute;
	right: 14px;
	top: 28px;
	width: 250px;
	background: #fff url(../images/structure/content-top.jpg) repeat-x;
	font: normal 11px/20px 'Lucida Grande', Arial, Sans-Serif;
	z-index: 100;
	border: 1px solid #ddd;
	border-bottom: 2px solid #ddd;
}
.LSText small {
	color: #000!important;
}
.LSRow {
	text-align: left;
	padding: 0;
	border-top: 1px solid #E7E7E7;
}
.LSRow a#jxlvlink {
	width: 563px;
	color: #999!important;
	font-weight: normal;
}
* html .LSRow a#jxlvlink {
	height: 20px;
}
.LSRow a#jxlvlink:hover {
	color: #000;
	background: #eee;
	text-decoration: none;
}
div#searchcontrols {
	position: relative;
	padding: 0;
	margin: 0;
	height: 10px;
}
.oddresult {
	position: absolute;
	left: 0px;
	top: 5px;
	color: #999;
}
#searchcontrols a {
	position: absolute;
	right: 10px;
	top: -5px;
	color: #0099CC!important;
}

/* Tooltips in Live Search
*****************************************/
#JT_arrow_left {
	background-image: url(../images/structure/arrow_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index: 101;
	left: -12px;
	height: 23px;
	width: 10px;
	top: -3px;
}
#JT_arrow_right {
	background-image: url(../images/structure/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index: 101;
	height: 23px;
	width: 11px;
	top: -2px;
}
#JT {
	position: absolute;
	z-index: 100;
	border: 2px solid #CCCCCC;
	background-color: #fff;
	height: 250px;
	width: 300px;
	overflow: hidden;
}
#JT_copy {
	padding: 10px 10px 10px 10px;
	color: #333333;
}
.JT_loader {
	background-image: url(../images/structure/loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width: 100%;
	height: 12px;
}
#JT_close_left {
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight: bold;
}
#JT_close_right {
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight: bold;
}
#JT_copy p {
	margin: 3px 0;
}
#JT_copy img {
	padding: 1px;
	border: 1px solid #CCCCCC;
}
.jTip {
	color: #999!important;
	font-weight: normal;
	cursor: help;
}
#jxsearchform .jTip {
	color: #999!important;
	text-decoration: none;
	font-weight: normal;
	cursor: help;
	padding: 5px 5px 5px 0;
	text-indent: -7998px!important;
	background: transparent url(../jxcorelivesearch/magnifier.png) no-repeat 0;
}
#jxsearchform .OutUrl {
	color: #999!important;
	text-decoration: none;
	font-weight: normal;
	cursor: help;
	padding: 5px 5px 5px 0;
	text-indent: -7998px!important;
	background: transparent url(../jxcorelivesearch/link_go.png) no-repeat 0; 
}
#JT_copy .pagenav_prev,
#JT_copy .pagenav_next,
#JT_copy .back_button,
#JT_copy .createdate,
#JT_copy .modifydate,
#JT_copy .small,
#JT_copy .article_seperator,
#JT_copy .pagenav,
#JT_copy img,
#JT_copy textarea,
#JT_copy td.buttonheading{
	display: none;
}
body #nav .nav-child{background:#7BB500;}
#nav .nav-child li{background:transparent;border-bottom:1px solid #42770;}
body #nav .nav-child li > a{color:#fff;}
#nav .nav-child li:hover{background:#427700;}
#nav .nav-child li a:hover{color:#fff;}
.ext-menu li{background:transparent;height:28px;}
.ext-menu a{border:none;}
body #nav .ext-menu > li > a{color:#fff;}
.moduletable .latestnews li a{color:#7CB500;text-decoration:underline;font-weight:normal;font-size:12px;}
#searchBox .search label{display:none;}
/* sIFR - Dont Change!
*****************************************/
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}
.sIFR-replaced {
	visibility: visible !important;
}
span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}
/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
	display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.padding .sIFR-hasFlash h1 {
	visibility: hidden;
}
.padding .sIFR-hasFlash h2 {
	visibility: hidden;
}
.padding .sIFR-hasFlash h3 {
	visibility: hidden;
}
.padding .sIFR-hasFlash h4 {
	visibility: hidden;
}
.sIFR-hasFlash .contentheading {
	visibility: hidden;
}
fieldset{
	width: 100%;
	border: 1px solid #ccc;
	background: #fff;
	margin-bottom:-10px;
}
#main #content textarea#introtext,
#main #content textarea#fulltext{
	width: 550px;
	border: 1px solid #ccc;
}
/************* EXTRA FOR v 1.5 *************/
fieldset { border: none;}

/* Sitemap Section 
*****************************************/
#sitemap {
	float: right;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:5px 25px 0px 0px;
font-size:11px;
}