/**
 * SEMANTICS
 */
body {
  background: #fff;
  color: #000;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  line-height: 1.5;
  margin: 0;
  width: 100%;
  overflow-x: hidden;
}
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {

}

h1, .h1 {
  font-size: 2.14285714285714em; /* 30 */
  font-weight: 800;
  line-height: 1.2;
  margin: 0 0 20px;
}
h2, .h2 {
  font-size: 1.71428571428571em; /* 24 */
  font-weight: 800;
  line-height: 1.4;
  margin: 1em 0;
}
h3, .h3 {
  font-size: 1.28571428571429em; /* 18 */
  font-weight: bold;
  line-height: 1.33333333333333; /* 20 */
  margin: 1.2em 0 .5em;
}
h4, h5, h6, .h4, .h5, .h6 {
  font-size: 1em;
  line-height: inherit;
  font-weight: bold;
  margin: 1.5em 0 0;
}
p {
  font-size: 1em;
  margin: 1em 0;
}
p.intro {
  font-size: 1.28571428571429em; /* 18px */
  margin-bottom: 1.25em;
}
a {
  color: #67a7c0;
  text-decoration: none;
  cursor: pointer;
}
a:hover, a:active {
  color: #046b94;
  text-decoration: underline;
}
a:focus {
  outline: thin dotted;
}
a:hover, a:active {
  outline: 0;
}
/* accessible keyboard focus */
#header .brand a.focus--key,
.key-area a.focus--key,
.key-area a.focus--key .ft:before,
.feature-item a.focus--key,
#toggles .nav-toggle.focus--key,
a.phone-number.focus--key,
#breadcrumbs a.focus--key,
#secondary a.focus--key,
.link a.focus--key {
  background: #000 !important;
  color: #fff !important;
}
#navbar a.focus--key {
  background: #fff !important;
  color: #000 !important;
}
.button {
  font-size: 18px;
  line-height: 18px;
  background: #ebebeb;
  color: #005081;
  padding: 11px 21px;
  line-height: 1;
  font-weight: 600;
  transition: background .3s;
  border: 2px solid #046b94;
  display: inline-block;
}

.button-small {
  font-size: 14px;
  line-height: 14px;
  padding: 7px 11px;
}
.button:hover, .button:active {
  background: #ddd;
  text-decoration: none;
}
.button.reset {
  border-color: transparent;
  background-color: transparent;
  text-decoration: underline;
  color: #000000;
}
.button.reset:hover {
  text-decoration: none;
  background-color: transparent;
}
.button.block {
  display: block;
}
.button.block .fa {
  float: right;
}
strong, b {
  font-weight: bold;
}
em {
  font-style: italic;
}
/* apply common styling after reset.css */
ul, ol {
  margin: 1em 0;
  padding-left: 1.5em;
}
ul {
  list-style-type: disc;
}
ol {
  list-style-type: decimal;
}
ul li, ol li {
  margin: .5em 0;
}
li ul, li ol {
  margin: 0;
}
li p {
  margin: 0;
}
dl {
  margin: 0 0 1.5em 0;
}
dl dt {
  font-weight: bold;
}
dd {
  margin-left: 1.5em;
}
hr {
  background: #d4d4d4;
  border: none;
  clear: both;
  float: none;
  height: 1px;
  margin: 0 0 1.4375em;
  width: 100%;
}
table {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
  margin-bottom: 1.5em;
}
th, tr, td {
  vertical-align: middle;
}
th {
}
::-ms-clear {
  display: none;
}
textarea, input {
  -webkit-appearance: none !important;
  border-radius: 0;
}
input[type="checkbox"] {
  -webkit-appearance: checkbox !important;
}
input[type="radio"] {
  -webkit-appearance: radio !important;
}
::-webkit-input-placeholder { color: #ccc; }
:-moz-placeholder { color: #ccc; }
::-moz-placeholder { color: #ccc; }
:-ms-input-placeholder { color: #ccc; }
form {
  margin-bottom: 25px;
}
#Form_ContactForm label,
#Form_ContactFormBlock label {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}
#Form_ContactFormBlock_FirstName_Holder,
#Form_ContactForm_FirstName_Holder {
  width: 45%;
  float: left;
}
#Form_ContactFormBlock_LastName_Holder,
#Form_ContactForm_LastName_Holder {
  width: 50%;
  float: left;
}
input[type="text"]:focus,
input[type="textarea"]:focus,
input[type="email"]:focus {
  outline: none !important;
  border-bottom: solid 1px #67a7c0 !important;
}
/**
 * LAYOUT
 */

.centre {
  text-align: center;
}
.allcaps {
  text-transform: uppercase;
}
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
  display: inline;
  float: left;
  padding-left: 15px;
  padding-right: 15px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.alpha {
  padding-left: 0;
}
.omega {
  padding-right: 0;
}
.spacer-bottom {
  margin-bottom: 1em;
}
.padding-bottom {
  padding-bottom: 1em;
}
.inner-header {
  padding: 5px 10px;
}
.inner-header .button {
  margin-left:15px;
}
.pad-left-15 {
  margin-left:15px;
}
.pad-right-15 {
    margin-right:15px;
}
.pad-right-30 {
    margin-right:30px;
}
.lower {
  text-transform: lowercase;
}
/*.container .grid_6 {width: 50%;}
.container .grid_4 {width: 33.33%;}
.container .grid_3 {width: 25%;}
.container .grid_9 {width: 75%;}*/

.container .grid_1 {
  width: 8.33333%;
}
.container .grid_2 {
  width: 16.66666%;
}
.container .grid_3 {
  width: 25%;
}
.container .grid_4 {
  width: 33.33333%;
}
.container .grid_5 {
  width: 41.66666%;
}
.container .grid_6 {
  width: 50%;
}
.container .grid_7 {
  width: 58.33333%;
}
.container .grid_8 {
  width: 66.66666%;
}
.container .grid_9 {
  width: 75%;
}
.container .grid_10 {
  width: 83.33333%;
}
.container .grid_11 {
  width: 91.66666%;
}
.container .grid_12 {
  width: 100%;
}
.container .grid_1_8 {
  width: 12.5%;
  display: inline;
  float: left;
  padding-left: 5px;
  padding-right: 5px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.container .container {
  margin: 0 -15px;
  padding: 0;
}
.container #documentSearchForm .container {
  margin: 0 auto;
}
.container.cms {
  width: 100%;
  margin: 0;
}
#wrapper {
  padding: 20px 0;
  position: relative;
  z-index: 9;
}
#main {
  width: 100%;
  position: relative;
}
.ContactPage #main {
  padding-bottom: 0;
}
/**
 * system alerts (not custom Alert Data Object stuff)
 */
.alert.alert-good {
  width: 86%;
  padding: 10px;
  background-color: #ffffff;
  border: 1px solid #9fba4d;
}
/**
 * HEADER
 */
#header {
  padding: 0;
  color: #fff;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000210; /* bigger than the fixed social footer widget! */
  height: 62px;
}
#header .brand a {
  background: #046b94;
  display: block;
  padding: 10px;
  width: 150px;
}
#logo {
  display: block;
  height: 42px;
  transition: .3s;
}
#banner {
  z-index: 9;
  position: relative;
  width: 100%;
  background-size: cover;
  background-position: 50% 0;
  padding-top: 62px;
  height: 300px;
  background-color: #15769b;
}
#banner img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#banner .text {
  position: absolute;
  max-width: 60%;
}
.PrimaryLandingPage #banner .text,
.SecondaryLandingPage #banner .text {
  padding-top: 20px;
  margin-top: 20px;
}
.PrimaryLandingPage #banner .text:before,
.SecondaryLandingPage #banner .text:before {
  content: " ";
  display: block;
  width: 90px;
  border-bottom: 10px solid #fff;
  top: 0;
  left: 2px;
  position: absolute;
}
#banner .h1,
.h1__banner {
  display: block;
  line-height: 1;
  background: transparent;
  color: #fff;
  padding: 0;
  /*  text-shadow: 1px 3px 9px rgba(0, 0, 0, .7);*/
  text-shadow: 1px 3px 100px rgba(0, 0, 0, .4);
  margin: 0 0 25px 0;
}
#banner .h1 {
  letter-spacing: -.02em;
  line-height: 1;
}
.h1__banner {
  text-transform: uppercase;
  letter-spacing: -.07em;
}
.h1__banner span {
  display: block;
  clear: left;
  text-transform: capitalize;
}
#banner p {
  display: inline-block;
  font-weight: 800;
  background: #fff;
  color: #333;
  padding: 5px 10px;
  margin: 0;
}
.banner__background {
  background: url(img/background-blur.jpg) no-repeat 0 0;
  background-size: cover;
  width: 43%;
  height: 0;
  top: 0;
  left: 0;
  position: absolute;
  padding-bottom: 50%;
}
.banner__link {
  display: block;
  margin-top: 20px;
}
/* header search */
#search form {
  position: relative;
}
#search fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}
#search fieldset div {
  display: inline;
}
#search input[type="submit"]:hover {
  cursor: pointer;
}
#search input[type="submit"]:focus {
  outline: none;
}
#SearchResults {
}
ol#SearchResults {
  list-style-type: none;
  padding-left: 0;
}
#SearchResults li {
  margin: 1em 0;
}
.simple-list,
.unstyled-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.unstyled-list figure {
  margin-bottom: 10px;
}
.unstyled-list li {
  margin-bottom: 30px;
}
#documentSearchResults .unstyled-list li {
  margin: 0;
}
#documentSearchResults .unstyled-list {
  margin-bottom: 10px;
}
#breadcrumbs {
  color: #333;
  font-size: 0.85714285714286em;
  text-transform: uppercase;
  margin: 20px 0;
}
/**
 * NAVIGATION
 */
#navbar {
  position: absolute;
  top: 0;
  right: 0;
  background-color: transparent;
  translate: translate3d(0px, 0px, 0px);
  z-index: 9999999;
}
/* navigation */
#toggles {
  position: absolute;
  transition: 3s;
}
#toggle {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 9;
}
#toggles .nav-toggle {
  display: block;
  background: #046b94;
  color: #fff;
  border: 0;
  width: 62px;
  padding: 17px 0;
  font-size: 28px;
  line-height: 1;
  text-align: center;
  margin-left: auto;
  margin-bottom: 1px;
  cursor: pointer;
}
.nav-toggle .nav-toggle-title {
  display:none;
}
.services {
  background: #67a7c2;
  height: 62px;
  padding: 15px;
}
.services div {
  float: right;
  margin-right: 70px;
}
.services .ms-login {
  font-size: 16px;
  position: relative;
  top: -3px;
  margin-left: 10px;
}
#nav .services a {
  color: #eee;
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
  transition: .3s;
  padding: 0;
}
#nav .services .fa {
  color: #aacedc;
  font-size: 30px;
  background: transparent;
  transition: .3s;
  padding: 0;
}
#nav .services a:hover,
#nav .services a:hover .fa {
  color: #fff;
}
#nav {
  background: #333;
  position: absolute;
  top: 0;
  right: -555px;
  width: 535px;
  overflow-y: auto;
  -webkit-transition: right .3s;
  -moz-transition: right .3s;
  -o-transition: right .3s;
  transition: right .3s;
  box-shadow: -5px 0 10px rgba(0, 0, 0, .4);
}
#nav.open {
  right: 0;
}
.hasScroll #nav.open {
  right: -1vw;
}
#nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#nav li {
  margin: 0;
  border-top: solid 2px #505050;
}
#nav ul.nav-docsearch {
}
#nav ul.nav-docsearch li {
  border-top: 0;
}
#nav ul.level2 {
  background: #046b94;
}
#nav ul.level2--tools {
  background: #333;
}
#nav li.tool {
  border-top: 0;
  display: inline-block;
  vertical-align: top;
}
#nav li li.tool a {
  display: block;
  padding: 0;
  margin: 20px auto;
}
#nav li li.tool a .ft {
  margin-bottom: 10px;
}
#nav .level1 > li:first-child {
  border-top: 0;
}
#nav .level1 a {
  display: block;
  position: relative;
  color: #fff;
}
#nav a:hover {
  text-decoration: none;
}
#nav .level1 a:hover {
  color: #ccc;
}
#nav .level1 span.fa {
  position: absolute;
  top: 0;
  right: 0;
  width: 62px;
  text-align: center;
}
#nav .utility {
  background: #6c6c6c;
  padding-left: 5px;
}
#nav .utility a:before {
  content: " ";
  display: inline-block;
  height: 25px;
  width: 1px;
  background: #6ea6bd;
  position: absolute;
  left: -5px;
}
#nav .utility a:first-of-type:before {
  display: none;
}
#nav-sec {
  position: fixed;
  top: 62px;
  left: 0;
  padding: 0;
  background: rgba(4, 107, 147, .95);
  width: 100%;
  transition: .3s;
  border-top: 1px solid #fff
}
#nav-sec.open {
  left: 0;
}
#nav-sec .fa-sitemap {
  position: absolute;
  right: 21px;
  font-size: 21px;
  top: 10px;
  color: #fff;
  transform: rotate(-90deg);
}
#nav-sec .section-title {
  padding: 10px 10px;
  color: #fff;
  font-size: 12px;
}
#nav-sec-toggle:hover {
  text-decoration: none;
}
#nav-sec #secondary {
  display: none;
  background: #fff;
  padding: 10px;
  margin: 0;
}
.title .sectionholder i {
  font-style: italic;
  color: #ddd;
  border-left: solid 2px #046b94;
  padding-left: 15px;
  margin-left: 15px;
  font-weight: 400;
}
.title .sectionholder.focus--key i {
  color: #000;
}
/**
 * SIDEBAR
 */
.section-title {
  font-size: 1.71428571428571em;
}
.section-title span {
  font-weight: 800;
}
.section-title i {
  font-size: .75em;
  font-style: italic;
}
.sidebar__widget,
.related__page.sidebar__widget {
  margin-bottom: 30px;
}
/**
 * SECONDARY MENU
 */
#secondary {
  border-top: solid 7px #c9e0eb;
  padding: 10px 0;
  margin: 10px 0 25px;
}
#secondary ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#secondary li {
  margin: 10px 0;
  padding: 0;
}
#secondary a {
  color: #666;
  font-weight: 600;
}
#secondary a:hover, #secondary .current > a, #secondary .section > a {
  color: #000;
  text-decoration: none;
}
#secondary .current > a {
  font-weight: bold;
}
#secondary ul ul {
  padding: 0 0 0 15px;
}
#secondary li.hasChildren.link > a {
  position: relative;
  padding-right: 20px;
}
#secondary li.hasChildren.link > a span {
  position: absolute;
  right: 0;
  margin-top: 4px;
}
#secondary a span.fa-external-link {
  margin-left: 10px;
}
/**
 * ICONS
 */
.med-blue {
  color: #67a7c0;
}
.blue {
  color: #046b94;
}
.light-blue {
  color: #b2d1dd;
}
.turquoise {
  color: #50a4a5;
}
.light-bluegrey {
  color: #bbc9cb;
}
.bright-green {
  color: #9fba4d;
}
.green {
  color: #53ab57;
}
.light-rust {
  color: #d09861;
}
.brown {
  color: #9a7a5b;
}
.red-orange {
  color: #f13d0c;
}
/**
 * FONTELLO
 */
.ft {
  display: inline-block;
  font: normal normal normal 14px/1 ecan;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ft:before {
  margin: 0 !important;
  line-height: 1;
}
.ft:hover {
  opacity: 0.8;
}
.ft-air-quality:before {
  color: #bbc9cd;
}
.ft-burner-database:before {
  color: #f13d0c;
}
.ft-canterbury-maps:before {
  color: #9fba4d;
}
.ft-contaminated-land:before {
  color: #d09861;
}
.ft-data-catalog:before {
  color: #bbc9cd;
}
.ft-e-plan:before {
  color: #53ab57;
}
.ft-doc-library:before {
  color: #fcad30;
}
.ft-harbourmaster:before {
  color: #50a4a5;
}
.ft-irrigation-restriction:before {
  color: #9a7a5b;
}
.ft-property-info:before {
  color: #53ab57;
}
.ft-rainfall:before {
  color: #b2d1dd;
}
.ft-riverflow:before,
.ft-rates-tool:before{
  color: #046b94;
}
.ft-riverflow.icon-stage:before {
  color: #0089e3;
}
.ft-swimming-water:before {
  color: #67a7c0;
}
.ft-resource-consent:before {
  color: #fcad30;
}
.ft-report-back:before {
  color: #98B43B;
}
.ft-wave-height:before {
  color: #50a4a5;
}
.ft-water-quality:before,
.ft-well-search:before {
  color: #1283b0;
}
.ft-woodburner:before {
  color: #f13d0c;
}
.ft-phone:before,
.ft-office:before,
.ft-online:before{
  color: #046b94;
}
/**
 * TOOLS
 */
.tools {
  /* border: solid 2px #c9e0eb; */
  padding: 15px 0;
  margin-bottom: 30px;
}
.tool {
  text-align: center;
  font-weight: 600;
  padding: 15px 30px;
}
aside .tool {
  text-align: left;
}
.tool a {
  display: block;
  color: #000;
  cursor: pointer;
}
.tool a:hover {
  text-decoration: none;
  opacity: .8;
}
.tool .ft {
  display: block;
  font-size: 120px;
  line-height: 1;
  margin: 0 auto;
}
.tool a > div {
  margin-top: 30px;
}
aside .tool a > div {
  margin-top: 10px;
}
/**
 * IMAGES
 */

#main img, .extra img {
  display: block;
  width: 100%;
  height: auto;
}
#main img.leftNatural,
.extra img.leftNatural {
  width: auto;
}
#main img.left,
#main .captionImage.left {
  float: left;
  margin: 10px 30px 10px 0;
  width: auto;
}
#main img.right,
#main .captionImage.right {
  float: right;
  margin: 10px 0 10px 30px;
  width: auto;
}
#main .captionImage.center {
  margin: 0 auto;
}
#main .captionImage .caption {
  background: #046b94;
  color: #fff;
  text-align: center;
  padding: 10px;
}
#main img.leftNaturalInline {
  display: inline;
  width: auto;
  padding: 0 30px 30px 0;
}
/**
 * TABLES
 */
.table {
  display: table;
  width: 100%;
}
table.col5-eq thead td,
table.col5-eq thead th {
  width: 20%;
}
.table-row {
  display: table-row;
}
.table-cell {
  display: table-cell;
  width: 50%;
  vertical-align: middle;
}
.story {
  margin: 0 0 60px;
  font-size: 1.4em;
}
.story a {
  font-weight: bold;
}
.story blockquote p {
  margin: 0;
}
.story .image {
  position: relative;
}
.story .image blockquote {
  background: rgba(41, 15, 2, .7);
  color: #fff;
  margin: 0 0 30px 0;
  border-radius: 0 0 2px 2px;
  border-top: 0;
  padding: 20px;
  font-size: 0.9em;
}
.story--photoBoxTop blockquote {
  top: 0;
}
.story--photoBoxBottom blockquote {
  bottom: 0;
}
.story--greyQuote {
  background: #dbdbdb;
  padding: 30px;
}
.story--greyQuote blockquote {
  color: #0bab21;
  font-style: italic;
  margin: 0 30px 20px;
  position: relative;
}
.story--greyRight {
  background: #dbdbdb;
  padding: 20px;
}
.story--greyRight h2 {
  text-align: left;
}
.featured-image {
  margin: 0 -15px 30px;
}
.featured-image img {
  width: 100%;
  max-width: initial;
}
.sidebar__blue-header h3,
.featured-story h3 {
  display: block;
  font-size: 1.14285714285714em;
  font-weight: bold;
  margin: 0 0 10px;
}
.sidebar__blue-header h3 span,
.featured-story h3 span {
  display: inline-block;
  border-bottom: solid 3px #056b93;
}
.featured-story img {
  display: block;
  width: 100%;
  height: auto;
}
.featured-story h4 {
  margin: 10px 0 5px;
  font-size: 18px;
  line-height: 24px;
}
.featured-story p:first-of-type {
  margin-top: 0;
}
.actions {
  font-size: 1.3em;
  background: #67a7c0;
  color: #fff;
  padding: 20px 30px;
  margin-top: 20px;
}
.actions h2 {
  margin: 0;
}
.actions li:before {
  content: "\f058";
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -1.3em;
  width: 1.3em;
}
.actions li {
  list-style: none;
  position: relative;
  margin-top: 0;
}
.actions a {
  color: #fff !important;
  text-decoration: underline;
  font-weight: 800;
}
#main .fa-external-link--inline {
  margin-left: 2px;
}
/**
 * SECONDARY
 */
.teaser {
  position: relative;
  margin: 0 0 15px;
  background: #311202;
  color: #fff;
  background-size: cover;
  background-position: 50%;
  min-height: 260px;
  display: block;
}
.teaser:hover {
  text-decoration: none;
  color: #fff;
}
.teaser h2 {
  font-size: 1.71428571428571em; /* 24 */
  text-shadow: 1px 3px 9px rgba(0, 0, 0, .7);
  margin: 0;
}
.teaser p {
  text-shadow: 0px 0px 4px rgba(0, 0, 0, 1)
}
.teaser a {
  color: #fff;
}
.teaser .text {
  background: rgba(0, 0, 0, .5);
  padding: 15px;
  position: absolute;
  bottom: 0;
  width: 100%;
}
.teaser .text p {
  margin-bottom: 0;
}
.teaser-icons {
  margin-top: 20px;
  text-align: center;
}
.teaser-icons img {
  margin: 0 auto;
}
.teaser-icons .grid_4 {
  margin: 30px 0;
  border: 1px solid #fff;
  transition: .3s;
}
.teaser-icons .grid_4:hover {
  text-decoration: none;
}
.teaser-icons .grid_4 h2 {
  margin: 15px 0 10px;
  line-height: 1.1;
}
.teaser-icons .grid_4 p {
  margin-top: 0;
  color: #333;
}
.teaser-icons .fa {
  width: 120px;
  height: 120px;
  font-size: 70px;
  padding: 20px 0;
  border-radius: 50%;
  border: solid 4px;
}
.teaser-icons .grid_4:hover .fa {
  font-size: 73px;
}
/**
 * Data tables
 */
.accordion .section {
  /*  background: #e1edf2;*/
  background: #666666;
  padding: 0 25px;
  margin-bottom: 10px;
}
.DataServicePageWoodburners #main .inline__accordion {
  display: none;
}
.inline__accordion__toggle,
.section-header {
  background: #046b94;
  color: #fff;
  padding: 20px 45px 20px 25px;
  margin: 0 -25px;
  position: relative;
}
.accordion .section-header {
  cursor: pointer;
}
.inline__accordion__content .inline__accordion__toggle {
  background: #c8d3d7;
  color: #046b94;
}
.inline__accordion__toggle {
  font-weight: 600;
  cursor: pointer;
  margin: 0 0 1px 0;
}
.inline__accordion__toggle p {
  font-weight: 400;
}
h2.inline__accordion__toggle,
h3.inline__accordion__toggle,
h4.inline__accordion__toggle,
.inline__accordion__toggle h2,
.inline__accordion__toggle h3,
.inline__accordion__toggle h4,
.inline__accordion__toggle p {
  margin: 0 0 1px 0;
}
.inline__accordion__content {
  display: none;
  padding: 10px 20px 10px 25px;
  margin: 0;
  border-top: 0;
  border-left: 1px solid #cfcfcf;
  border-right: 1px solid #cfcfcf;
}
.inline__accordion__content p:first-of-type {
  margin-top: 0;
}
.inline__accordion__content p:last-of-type {
  margin-bottom: 0;
}
.inline__accordion__content p:last-of-type ~ .inline__accordion:first-of-type {
  margin-top: 15px;
}
.inline__accordion__content--last {
  border-bottom: 1px solid #cfcfcf;
}
.DataServicePageWoodburners .inline__accordion h2,
.section-header h2 {
  margin: 0;
  font-size: 1.4em;
}
.DataServicePageWoodburners .inline__accordion h2 ~ p {
  margin-top: 14px;
}
.inline__accordion__toggle .fa,
.accordion .fa {
  font-size: 24px;
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -12px;
  cursor: pointer;
}
.summary-table-wrapper {
  width: 100%;
  overflow-x: auto;
  position: relative;
}
.summary-table,.summary-orange-table{
  margin: 20px 0;
  border: solid 5px #e1edf2;
  color: #000000;
}
.summary-table table,.summary-orange-table table{
  margin: 0;
}
.summary-orange-table table {
  border:0px;
  border-bottom:5px solid #e1edf2;
}
.accordion .summary-table {
  border: 0;
}
.summary-table thead th,.summary-orange-table thead th {
  background: #e1edf2;
  padding: 5px;
  font-size: 0.85714285714286em; /* 12 */
  text-transform: uppercase;
  text-align: center;
  vertical-align: bottom;
}
.summary-table thead th:first-child,.summary-orange-table thead th:first-child {
  text-align: left;
  padding-left: 10px;
}
.summary-table td, .summary-table tbody th
,.summary-orange-table td, .summary-orange-table tbody th{
  background: #fff;
  padding: 5px 10px;
  border: solid 2px #8fa0a7;
  border-left-color: rgba(143, 160, 167, .25);
  border-width: 0 0 2px 2px;
  text-align: center;
}

.print .summary-table td {
    text-align: left !important;
}
.summary-table td.align-right
,.summary-orange-table td.align-right{
  text-align: right;
}
.summary-table td:first-child
,.summary-orange-table td:first-child{
  text-align: left;
  border-left: 0;
}
.summary-table tbody tr:last-child td
,.summary-orange-table tbody tr:last-child td{
  border-bottom: 0;
}
.summary-table tbody th
,.summary-orange-table tbody th{
  color: #046b94;
  text-align: left;
}
.summary-table tbody th.manufacturer,
.summary-table tbody th.burner-manufacturer{
  padding: 10px 30px 10px 10px;
  color: #046b94;
  border: 0;
  text-align: left;
  position: relative;
}
.summary-table .block-header {
  border-top: solid 2px #8fa0a7;
  font-size:1.2em;
}
.summary-table th.width20 {
    width:30%;
}
table.summary-table.bordered tbody td{
  border-bottom: solid 2px #8fa0a7;
}
#search-list {
  padding-top: 0;
}
#search-toggle {
  border-bottom: 1px solid #ebebeb;
  list-style: none;
  margin: 0;
  padding: 0;
}
.grid_12 #search-toggle {
  margin-bottom: 30px;
}
#search-list #search-toggle {
  margin-bottom: 8px;
}
#search-toggle li {
  display: inline-block;
  margin: 0 20px 0 0;
  height: 34px;
}
#search-toggle li.active {
  border-bottom: 3px solid #4285f4;
}
#search-toggle li a {
  color: #777;
  margin: 0;
}
#search-toggle li.active a {
  color: #4285f4;
  font-weight: bold;
}
.search-results .summary-table {
  background: #666666;
  color: #ffffff;
  border: solid 0px #e1edf2;
}
#SearchResults header > h3 {
  margin-top: 0;
  padding-top: 0;
}
.search-results .summary-table thead th {
  background: #666666;
  color: #ffffff;
}
.search-results .summary-table td, .summary-table tbody th {
  background: #fff;
  color: #000000;
}
.summary-table tbody th {
  background-color: #efefef;
}
.manufacturer h3 {
  font-size: 1.42857142857143em; /* 20 */
  margin: 0;
  cursor: pointer;
}
.summary-table tbody .burner-manufacturer {
  background: #e1edf2;
}
.burner-manufacturer h3 {
  font-size: 1.42857142857143em; /* 20 */
  margin: 0;
}
.irrigation-restrictions th,
.irrigation-restrictions td,
.irrigation-restrictions thead th {
  text-align: left;
}
.irrigation-restrictions thead {
  border-bottom: 2px solid #8fa0a7;
}
.irrigation-restrictions__description {
  font-weight: 600;
  font-size: 1.2em;
}
.irrigation-restrictions__comment {
  font-style: italic;
}
.irrigation-restrictions__bands td {
  background: #efefef;
}
.irrigation-restrictions td.irrigation-restrictions__consents {
  padding: 0;
}
.irrigation-restrictions td.irrigation-restrictions__consents th {
  background: #056b93;
  color: #fff;
}
.irrigation-restrictions td.irrigation-restrictions__consents tr {
  border-bottom: 1px solid #efefef;
}
.wave-data-anchors {
  list-style: none;
  margin: 0;
  padding: 0;
}
/**
 * Data maps
 */
ul.tabControls {
  width: 100%;
  display: table;
  table-layout: fixed;
  margin: 0;
  padding: 0;
}
ul.tabControls li {
  display: table-cell;
  width: auto;
  text-align: center;
  background-color: #e8e8e8;
  transition: .3s;
}
ul.tabControls li:hover {
  background-color: #efefef;
}
ul.tabControls li.open {
  background-color: #666;
}
ul.tabControls li a {
  color: #ffffff;
  display: block;
  text-transform: uppercase;
  font-weight: 700;
}
ul.tabControls li a {
  color: #046b94;
  text-decoration: none;
}
ul.tabControls li.open a {
  color: #ffffff;
}
.tabs {
}
.tabs,
.tabs .schrodingers-tab {
  background: #666;
  padding: 25px;
  position: relative;
}
.tabs.discreet {
  background: #fff;
  padding: 0px;
  position: relative;
  margin-bottom: 20px;
}
/*.tab {
  background-color:#ffffff;
}*/
.tab {
  color: #ffffff;
}
.tab > div.content {
  padding: 15px !important;
  background-color: #ffffff;
  color: #000000;
}
.tab > div.content p:first-child {
  padding-top: 0px;
  margin-top: 0px;
}
.tabs .schrodingers-tab {
  padding: 0px;
  padding-bottom: 15px;
}
.tab h2 {
  color: #fff;
  margin: 0;
}
.tab table h2,
.tab table h3,
.tab table h4 {
  color: #000;
}
.tabs .summary-table,
.summary-orange-table{
  border: 0;
  color: initial;
}
.tabs .summary-table,
.summary-orange-table{
  background-color: transparent;
}
.summary-orange-table {
  border: 2px solid #cccccc;
}
.summary-orange-table tbody td:first-child {
  background-color: #efefef;
}
.summary-orange-table.white tbody td:first-child {
  background-color: #fff;
}
.tabs .summary-table thead th,
.summary-orange-table thead th{
  background-color: #fcad30;
  color: #fff;
  vertical-align:top;
}

.tabs .summary-table thead.smaller th,
.summary-orange-table thead.smaller th {
    font-size:80%;
}
.summary-orange-table thead th,
.summary-orange-table th,
.summary-orange-table thead {
  padding: 5px 10px;
}

.tabs .summary-table tbody,
.summary-orange-table tbody{
  background-color: #fff;
  color: #000;
}

.tabs .summary-table tbody td a,
.tabs .summary-table tbody th a{
  display:block;
}

.summary-orange-table tbody,
.summary-orange-table thead,
.summary-orange-table td,
.summary-orange-table thead th{
  text-align:left;
}
.DataServicePageWave .tabControls {
  margin-top: 2em;
}

/**
 * FOOTER
 */
#footer {
  padding-top: 30px;
}
.ContactPage #footer {
  padding-top: 0;
}
#wrap-footer {
  background-color: #ebebeb;
  padding: 50px 0 20px;
  position: relative;
  color: #333;
}
#wrap-footer #footer-head {

}
footer#footer {
    color: #666666;
}
footer#footer a:hover {
  color: #333333;
}
footer#footer h2 {
  font-size: 2.0em;
  font-weight: 800;
  color: #000;
  padding-bottom: 15px;
  margin: 0;
}
footer#footer p {
  font-size: 1.2em;
  font-weight: 600;
  color: #666666;
  margin-top: 0;
}
#wrap-footer #footer-items {
  font-size: 130%;
  font-weight: 700;
  color: #333333;
  /*    margin-top: 30px;*/
}
#wrap-footer #footer-items .ft {
  font-size: 90px;
  width: 90px;
  height: 90px;
  display: block;
  margin: 20px auto 0px;
  background-color: #fff;
  border-radius: 50%;
  margin-top:10px;
}
#wrap-footer #footer-items img {
  max-width: 85px;
  display: block;
  margin: auto;
}
footer .key-links li {
  margin: 10px 15px 10px 0;
}

#wrap-footer .kohwhaiwhai {
  width: 100%;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  height: 125px;
  background: url(img/kowhaiwhai-transparent.png) repeat-x 0 0;
}
#wrap-footer .container {
  position: relative;
  z-index: 2;
}
#wrap-footer h3 {
  /*  font-size: 1.14285714285714em;*/
  font-size: 1.4em;
  display: inline-block;
  font-weight: bold;
  line-height: 1.2;
  margin: 0;
  /*  border-bottom: solid 3px #15769b;*/
  border-bottom: solid 4px #046b94;
  padding-bottom: 8px;
}
#wrap-footer h4 {
  /*  font-weight: 800;*/
  font-weight: 700;
  margin: 2em 0 1em;
}
#wrap-footer a {
  font-size: 1.2em;
  /*  font-weight: 600;*/
  font-weight: 700;
  background-color:#ebebeb;
  color:#666666;
}
#footer ul,
#footer li {
  margin: 0;
  padding: 0;
  list-style: none;
}
#footer li.row {
  margin-bottom: 10px;
}
#wrap-footer-links {
  background: #ebebeb;
  color: #666666;
}
p.copyright,
#wrap-footer-links a {
  color: #666;
  font-weight: 400;
}
.footer-links a {
  display:inline-block;
}
.footer-links {
    text-align: center;
}



footer #footer-items a {
    color:#666666;
}
footer .footer-menus li span.fa {
    float:none;
    top:0;
}

footer .footer-menus {
    margin-bottom:50px;
}
footer .footer-menus a {
    color:#666666;
}
footer .footer-menus a:hover {
    text-decoration: underline;
}

footer .footer-links a {
    color:#666666;
}
footer #wrap-footer-links .footer-links a:hover {
    color:#333333;
}
footer #wrap-footer-links .footer-links .fa {
    margin-right: 10px;
    float: left;
    top: 4px;
    position: relative;
    background: transparent;
    font-size: 2.3em;
}
footer #wrap-footer-links .footer-social a .fa {
    margin-right: 0em;
}
footer #wrap-footer-links .footer-social a {
    margin-right:0.25em;
}
footer #wrap-footer-links .footer-social a:last-child {
    margin-right:0em;
}
footer .clear-fa {
  display: block;
  text-transform: uppercase;
  /* margin-left: 25px; */
}
.subtext,
.footer-links {
  font-size: 0.85714285714286em;
}
#footer .key-links {
  text-align: center;
}
#footer .key-links li {
  margin: 10px 30px 10px 0;
  display: inline-block;
}
#footer .key-links li:last-of-type {
  margin-right: 0;
}
.nzgovt {
  background: url(img/nzgovt.png) no-repeat 0 0;
  width: 166px;
  height: 38px;
  display: block;
}

/**
 * HOME
 */
.HomePage h2 {

}
.HomePage h3 {
  font-size: 1.8em;
  line-height: 1.2em;
  /*  font-weight: 800;*/
  font-weight: 700;
}
#newsList .owl-carousel {
  padding:0;
}

#newsList .view-all {
    background-color: #67a7c0;
    color: #ffffff;
    padding: 5px 15px;
    float: right !important;
    position: absolute;
    bottom: 0px;
    width: auto;
    right: 20px;
}
#newsList .view-all i.fa {
    margin-left:5px;
}
#newsList .owl-theme .owl-controls .owl-dots {
  display: inline-block;
  position: absolute;
  top: 0px;
  right: 0px;
}
#newsList .owl-theme .owl-controls .owl-dots .owl-dot {
  background: none repeat scroll 0 0 #cccccc;
  border-radius: 20px;
  display: inline-block;
  height: 12px;
  margin: 10px 8px 10px 0px;
  width: 12px;
}


#newsList .owl-theme .owl-controls .owl-dots .owl-dot.active {
  background: none repeat scroll 0 0 #ffffff;
}
#key-areas .owl-carousel {
  max-width: 1170px;
  margin: 0 auto;
}
#key-areas .container {
  padding: 50px 0;
  z-index: 9;
  position: relative;
  background: #fff;
}
#key-areas h2 {
  font-weight: 800;
  text-align: center;
}

#news-features {
  padding: 0px 0 60px 0;
}

#features h2 span,
#key-areas h2 span {
  font-weight: 600;
}
#key-areas .key-area {
  float: left;
  width: 120px;
  margin: 0 32px 0 5px;
  text-align: center;
  font-weight: bold;
  line-height: 1.28571428571429;
}
#key-areas a {
  color: #666;
  text-decoration: none;
  font-size: 1.2em;
  line-height: 1;
  /*  display: block;*/
  line-height: 1.1;
  padding: 2px;
}
#key-areas .ft {
  font-size: 90px;
  width: 90px;
  height: 90px;
  display: block;
  margin: 0 auto 20px;
}
#key-areas .fa {
  position: absolute;
  top: 58px !important;
  margin: 0 !important;
}
/* consent search */
.search-consent {
  color: #fff;
  padding: 10px 0 15px;
  margin: 0 10px;
}
.home-consent-search .search-consent {
  background: #046b94 url(img/kowhaiwhai-transparent.png) no-repeat;
  background-size: cover;
  text-align: center;
  /*  padding: 34px 0;*/
  padding: 14px 0 38px 0;
  margin: 0;
}
.consent-title {
  display: inline-block;
  position: relative;
  top: 0;
}
.consent-title h2 {
  color: #fff;
  font-size: 16px;
  margin: 0;
  font-weight: 700;
}
.search-consent h4 {
  color: #fff;
  font-size: 16px;
  margin: 10px 10px 15px 0;
}
.search-consent form {
  display: block;
  margin: 0;
  position: relative;
}
.search-consent a {
  color: #fff;
  font-size: 20px;
}
.search-consent a .fa {
  color: #fff;
  font-size: 26px;
  margin-left: 4px;
  position: relative;
  top: 2px;
}
.search-consent input[type="text"] {
  font-size: 13px;
  width: 270px;
  background: transparent;
  color: #fff;
  border-bottom-color: #fff;
  display: block;
  text-align: center;
}
#main .search-consent input[type="text"] {
  margin: 20px auto 0 auto;
}
#nav .search-consent {
  padding: 0 0 20px;
  margin: 10px 0 0 10px;
}
#nav li#nav__consent_search h4 {
  margin-left: 20px;
}
#nav .search-consent input[type="text"] {
  margin: 0 auto 0 20px;
}
.consent-submit {
  background: #fff;
  color: #046b94;
  border: 0;
  /*  font-size: 26px;*/
  font-size: 26px;
  margin: 10px;
  /*  padding: 8px 20px 8px 10px;*/
  padding: 8px 20px 8px 15px;
  cursor: pointer;
  transition: .3s;
  font-weight: 600;
}
.consent-submit:hover {
  background: #ebebeb;
}
#main .consent-submit .fa {
  margin-right: 10px;
}
#nav li#nav__consent_search {
  background: #333;
  margin: 30px 0 0;
  padding-bottom: 10px;
  border-top: 0;
}
#nav .search-consent form,
#nav .search-consent input[type="text"] {
  width: 100%;
  width: calc(100% - 20px);
}
#nav .search-consent input[type="text"] {
  text-align: left;
}
#nav .consent-submit {
  padding: 0;
  margin: 0;
  position: absolute;
  right: 0;
  top: -6px;
  background: transparent;
}
.search-consent p {
  margin: 1em 0 0;
}
/* features */
#features {
  background: #ebebeb url("img/kowhaiwhai-grey.png") repeat-x 0 100%;
  padding: 50px 0 60px 0;
}
#features h2 {
  margin: 0 0 10px;
  text-align: center;
}
#features .col-xxs-12 {
  margin-bottom: 10px;
}
#features .content {
  position: relative;
  border: solid 2px #e8e8e8;
  border-bottom: none;
}
#features .text {
  background: #fff;
  width: 100%;
}
#features ul, #features li {
  list-style: none;
  margin: 0;
  padding: 0;
}
#features ul {
  padding: 10px 0;
}
#features a {
  display: block;
  background: #fff;
  padding: 2px 10px 2px 20px;
  color: #333;
  text-decoration: none;
  position: relative;
  font-weight: 600;
  font-size: 1.1em;
  transition: .3s;
}
#features a.view-all {
  border: solid 2px #e8e8e8;
  border-top: 0;
  background: #046b94;
  color: #fff;
  padding: 5px 10px 5px 20px;
}
#features a:hover {
  /*  background: #67a7c0;*/
  background: #046b94;
  color: #fff;
  text-decoration: none;
}
#features a > span {
  width: calc(100% - 30px);
  display: block;
  float: left;
}
#features .fa {
  position: absolute;
  color: #046b94;
  transition: .3s;
  top: calc(50% - 8px);
  right: 10px;
}
#features a:hover .fa,
#features .view-all .fa {
  color: #fff;
}
.emdash {
  display: block;
  margin: 10px 0;
}
/**
 * WIDGETS
 */
.WidgetHolder h3 {
  font-size: 1.66666666666667em;
}
/* social feed */
.social-footer {
  background: #e2edf1;
}
.social-footer ~ #footer {
  padding-top: 0;
}
.social-footer--white {
  background: #fff;
  padding-bottom: 0px;
}
.social-feed {
  position: relative;
}
.social-feed-item {
  float: left;
  width: 220px;
  height: 220px;
  position: relative;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  box-sizing: border-box;
  overflow: hidden;
  opacity: .9;
  transition: .3s;
}
.owl-item a.focus--key .social-feed-item,
a:hover .social-feed-item {
  opacity: 1;
}
.owl-item a.focus--key .social-feed-item {
  border: 5px solid #014d6a;
}
.social-feed-item.twitter {
  background: #1f6e8d;
}
.social-feed-item.facebook {
  background-color: #277dd4;
  opacity: .9;
  background-size: cover;
}
.social-feed-content {
  color: #fff;
}
.owl-item .social-feed-item.youtube .social-feed-content,
.owl-item .social-feed-item.instagram .social-feed-content {
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  bottom: 0;
  right: 0;
  padding: 20px;
}
.owl-item a.focus--key .social-feed-item.youtube .social-feed-content,
.owl-item a.focus--key .social-feed-item.instagram .social-feed-content,
a.focus--key .social-feed-item.twitter,
a.focus--key .social-feed-item.facebook {
  background: #000;
}
.social-feed-item .fa {
  width: 40px;
  height: 40px;
  padding: 10px 0;
  font-size: 20px;
  text-align: center;
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
}
.social-feed-item img {
  width: 100%;
  height: auto;
}
.social-media-more {
  margin: 0 auto;
  text-align: center;
  font-size: 1.4em;
}
.social-media-more a {
  padding: 10px 20px;
  display: inline-block;
  background: #046b94;
  color: #fff;
  transition: .3s;
  margin-bottom: 18px;
}
.social-media-more a:hover {
  text-decoration: none;
  background: #67a7c0;
}
.social-media-more a .fa {
  margin-left: 10px;
}
/* PM10 Alerts */
.PM10AlertsWidget {
  max-width: 1140px;
  margin: 20px auto;
  border: 1px solid #cccccc;
  padding: 20px;
}
.PM10AlertsWidget h3 {
  text-align: center;
  margin: 0 0 15px;
  text-transform: uppercase;
}
.PM10AlertsWidget a.PMalert-title {
  display: block;
  text-align: center;
  color: #000;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 0.85em;
}
.PM10AlertsWidget a.PMalert-title:hover {
  text-decoration: none;
}
.PM10AlertsWidget .PMalert-level {
  display: block;
  text-align: center;
  background-color: #333;
  color: #ffffff;
  font-weight: 600;
  line-height: 1;
  font-size: 40px;
  padding: 15px 0;
  margin: 10px 2px 0;
  transition: .3s;
}
.PM10AlertsWidget a.PMalert-title:hover .PMalert-level {
  background-color: #000;
}
.pm10-grid {
  display: table;
  width: 100%;
}
.highnights {
  color: #fff;
  background: #000;
  display: inline-block;
  padding: 3px;
  min-width: 20px;
  text-align: center;
  font-weight: 600;
  font-size: 16px;
}
/**
 * ---------------------------------------------
 */
.fa-youtube {
  background: #cd4848;
}
.fa-youtube:before {
  content: "\f16a";
}
.fa-facebook {
  background: #0b5aaa;
}
.fa-twitter {
  background: #45bbea;
}
.fa-facebook {
  background: #0b5aaa;
}
.fa-instagram {
  background: #d6b94e;
}
.social-feed-item .fa-play-circle {
  width: 100px;
  height: 100px;
  padding: 0;
  font-size: 100px;
  text-align: center;
  color: rgba(255, 255, 255, .5);
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -50px 0 0 -50px;
}
.social-feed-content {
  position: absolute;
  right: 20px;
  bottom: 20px;
  left: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.owl-controls .fa {
  /*  font-weight: bold;*/
  font-weight: normal;
  color: #4a4a4a;
  text-align: center;
  position: absolute;
  cursor: pointer;
}
/**
 * FORMS
 */
fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}
input.input-error,
select.input-error {
  border: 1px solid #990000 !important;
  background-color: #fff;
}
.calc input,
input[type="text"], input[type="email"], textarea, select {
  width: 90%;
  padding: 5px 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
input[type="text"],
input[type="email"],
input[type="password"],
textarea {
  border: 0;
  border-bottom: 1px solid #333;
}
input[type="password"] {
  padding-left: 10px;
}
select {
  width: 90%;
  padding: 5px 10px;
  border: solid 1px #b8b8b8;
}
select#sortDir::-ms-expand {
  background-color: transparent;
  color: #fff;
}
input[type="submit"] {
  background: #ebebeb;
  color: #333;
  padding: 11px 21px;
  font-size: 18px;
  line-height: 18px;
  font-weight: 600;
  cursor: pointer;
  transition: background .3s;
  border: 2px solid #0089e3;
}
div.field, .form-field {
  margin: .5em 0;
}
div.formActions {
  margin-top: 20px;
}
/**
* List page
*/
.listpage-item {
  clear: left;
  border-bottom: 1px solid #b3b3b3;
  margin: 15px 0 30px;
  padding: 0 0 30px;
}
.listpage-item:first-of-type {
  margin-top: 40px;
}
.listpage-item__text p:first-of-type {
  margin-bottom: 0;
}
.listpage-item__content h2 {
  margin: 0 0 10px;
  line-height: 1;
}
.listpage-item__subtitle {
  color: #046b94;
  margin: 0 0 10px;
  font-style: italic;
}
.listpage-item__text p:first-of-type {
  margin-top: 0;
}
/**
 * WUFOO FORMS AND HIGHCHARTS
 * Note: actual wufoo form CSS is in the wufoo.css file, but this gets loaded via the WuFoo system itself
 * It's part of the custom Pikselin Theme that you need to apply to a form via the WuFoo theme interface
 */
.wufoo__loading {
  color: #666;
  padding-left: 110px;
  line-height: 96px;
  background: url(/public/_resources/ecandataservices/images/ajax-loader.gif) no-repeat 0 50%;
}
footer .wufoo__loading {
  padding-left: 50px;
  background: url(/public/_resources/themes/ecan/images/ajax-loader.gif) no-repeat 0 50%;
}
.highcharts {
  margin: 20px 0;
  padding: 20px 10px 20px 0;
  border: 1px solid #cfcfcf;
}
.highcharts .loading-animation {
  width: 100%;
  height: 200px;
  background: url(/public/_resources/ecandataservices/images/ajax-loader.gif) no-repeat 50% 50%;
}
#quickDocumentSearchNumResults .fetching {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(/public/_resources/ecandataservices/images/ajax-loader.gif) no-repeat 50% 50%;
  background-size: 16px;
  position: relative;
  top: 3px;
}
/**
 * DOC SEARCH
 */
#documentSearchForm {
  padding-bottom: 80px;
}
#documentSearchForm #ResultsFound {
  position: relative;
}
#ResultsFound {
  color: #000000;
}
#documentSearchForm #sortDir {
  background-color: #046b94;
  color: #ffffff;
  margin-left: 10px;
  width: 130px;
  min-height: 43px;
  font-style: normal;
  font-size: 0.8rem;
}
#documentSearchForm .document-title {
  font-size: 1.1rem;
  color: #000000;
  font-weight: 600;
}
#documentSearchForm .document-download {
  text-align: center;
  background-color: #046b94;
  color: #ffffff;
  padding: 5px;
  margin: auto;
  transition: background-color .3s;
}
#documentSearchForm .document-download:hover {
  background-color: #67a7c0
}
#documentSearchForm .document-download a,
#documentSearchForm .document-download a:hover {
  color: #ffffff;
  text-decoration: none;
}
#documentSearchForm .document-download > a > div {
  text-align: center;
  width: auto;
  margin: auto;
}
#documentSearchForm .search-results .matchHeight {
  padding: 15px;
  background: #fff;
}
#documentSearchForm .search-results label {
  font-weight: 600;
}
#documentSearchForm .search-results .fa {
  height: 32px;
  font-size: 32px;
  float: none;
  margin: 0 10px 0 0;
  vertical-align: middle;
  padding: 0;
}
#documentSearchForm #sortDir::-ms-expand {
}
#documentSearchResults .col-xxs-12 {
  margin-bottom: 20px;
}
#sortDirLabel {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 0.8rem;
  font-style: normal;
}
.search-refine select {
  width: 100%;
}
.search-refine h2 {
  background: #046b94;
  color: #fff;
  margin: 0 0 20px;
  padding: 10px;
  cursor: pointer;
  font-size: 20px;
}
.search-refine h2 .fa {
  float: right;
  margin-top: 4px;
}
.search-refine .description {
  font-size: 0.85714285714286em;
  margin: 0 0 1em 0;
}
#search-filters-wrapper {
  display: none;
  margin: 10px 0 20px;
}
#search-filters-wrapper h3 {
  margin: 20px 0 5px;
}
#search-filters-wrapper h3:first-of-type {
  margin-top: 0;
}
.search-criteria {
  position: relative;
}
.search-criteria input[type="text"] {
  width: 100%;
  padding: 9px 9px 9px 20px;
  font-size: 1.71428571428571em;
  line-height: 1.4;
}
.iconFormSubmit,
#WaterSearchFormSubmit,
#WellsSearchFormSubmit {
  position: absolute;
  top: 0;
  right: 0;
  background: transparent;
  color: #67a7c0;
  border: 0;
  font-size: 30px !important;
  line-height: 1 !important;
  padding: 10px 15px;
  cursor: pointer;
}
#documentSearchFormReset,
#consentSearchFormReset {
  right: 0;
  top: 0;
  position: absolute;
  left: auto;
  display: none;
}
.search-results {
  /*padding: 30px;*/
  padding: 25px;
  /*  background: #e1edf2;*/
  background: #666;
  color: #ffffff;
}
#documentSearchForm .search-results,
#WellsSearchForm .search-results {
  /*padding: 30px;*/
  padding: 25px;
  background: #e1edf2;
  /*    background: #666;
      color:#ffffff;*/
  color: #000000;
}
.search-results-found {
  background: #fff;
  font-size: 1.42857142857143em; /*20*/
  font-size: 1rem;
  font-weight: bold;
  font-style: italic;
}
.search-results-found h2 {
  font-size: 1rem;
  padding: 10px;
  margin: 0;
}
.search-results .container {
  margin: 0 -7px;
}
.search-results .grid_4 {
  padding: 0 8px 16px;
}
.search-results .matchHeight {
  padding: 15px;
  background: #fff;
}
.search-results .fa {
  height: 32px;
  font-size: 32px;
  float: left;
  margin: 0 10px 10px 0;
}
.fa-file-pdf-o {
  color: #d60505;
}
.pagination {
  text-align: center;
  margin: 16px 0;
}
.pagination button {
  background: #5a5f61;
  color: #fff;
  border: 0;
  font-weight: bold;
  text-transform: uppercase;
}

/**
 * Pagination
 */
p.pagination {
  clear: both;
}
p.pagination span:not(.more),
p.pagination a {
  padding: 8px 14px;
  text-decoration: none;
}
p.pagination span:not(.more),
p.pagination a:hover {
  background-color: #67A7C2;
  color: #fff;
}
.related .pagination a {
  color: #fff;
}

/**
 * DOCUMENT LIST
 */
.documents {
  list-style: none;
  padding: 0;
  margin: 0;
}
.sidebar__widget .documents {
  margin-top: 15px;
}
.documents li {
  list-style: none;
  padding: 0;
  margin: 10px 0;
}
.documents li a {
  display: table;
  border: 2px solid #e8e8e8;
  width: 100%;
  transition: .3s;
}
.documents li a:hover {
  text-decoration: none;
  background: #efefef;
}
.documents li a > span {
  display: table-cell;
  line-height: 1.5;
  padding: 10px;
  vertical-align: middle;
}
.documents li span.documents__type {
  width: 7%;
  text-align: center;
}
.documents li span.documents__title {
  color: #333;
  font-size: 1.1em;
  font-weight: 600;
}
.documents__type span {
  font-size: .75em;
  text-transform: uppercase;
  color: #333;
}
.documents li span.documents__type .fa {
  display: block;
  font-size: 34px;
}
.documents li a span.documents__link .fa {
  font-size: 2em;
  color: #fff;
  background: #67a7c2;
  padding: 5px;
  float: right;
}
.documents li a span.documents__link .fa.fa-arrow-right {
  background-color: transparent;
  color: #67a7c0;
}
.documents--no-download-icon a span.documents__link {
  display: none;
}
/************************ MISC ****************************/
.nonvisual-indicator {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
/**
 * Accessibility Skiplinks for screen readers, allow users to bypass
 * content recurring on every page to access the menu
 * or the content directly additionally for regular users by using tab
 */
.skipLinks a {
  padding: 20px;
  font-size: 20px;
  font-weight: 600;
  color: #fff;
  background: #000;
  position: fixed;
  left: -10000px;
  top: 5px;
  overflow: hidden;
  z-index: 9999999;
}
.skipLinks a:focus, .skipLinks a:active {
  display: block;
  width: auto;
  left: 5px;
}
/**
 * Meetings
 */
#meetingPagination {
  background-color: #046b94;
  padding: 3px;
  color: #ffffff;
  margin-bottom: 3rem;
}
#meetingPagination.has-filter {
  margin-bottom: 0;
}
.meeting-item {
  border: 1px solid #dedede;
  margin-bottom: 2rem;
}
.meeting-item h2 {
  margin: 10px 15px 5px 10px;
  font-size: 1.25rem;
}
.meeting-item .meeting-date {
  color: #ffffff;
  text-align: center;
  text-transform: uppercase;
  line-height: 1;
}
.meeting-item .meeting-date .date-month {
  font-size: 1.2rem;
  font-weight: 700;
  background-color: #046b94;
  padding-top: 10px;
}
.meeting-item .meeting-date .date-day {
  font-size: 2.8rem;
  background-color: #046b94;
  padding-bottom: 100%;
  height: 0;
}
.meeting-details {
  margin-bottom: 10px;
}
.meeting-details .col-md-6 > div {
  margin-left: 10px;
}
.meeting-item .meeting-details-toggle {
  text-align: center;
  font-size: 2.8rem;
  line-height: 2.125;
}
.meeting-item .meeting-body {
  background-color: #e2edf1;
}
.meeting-item .meeting-body h3 {
  border-bottom: 1px solid #666666;
  text-transform: uppercase;
}
.meetingDescription {
  padding: 15px;
}
.meeting-item .meeting-body .meeting-document {
  border: 1px solid #cccccc;
  background-color: #ffffff;
  margin-bottom: 10px;
  padding: 10px;
}
#meetingPagination .current {
  text-align: center;
  width: 80%;
  text-transform: uppercase;
  font-size: 25px;
  font-weight: 700;
  margin-top: 10px;
}
#meetingPagination .paginate {
  text-align: center;
  font-size: 2.4rem;
  line-height: 1.6;
  width: 10%;
  padding: 0;
}
#meetingPagination a {
  color: #ffffff;
}
.meeting-document__icon {
  font-size: 43px;
  float: left;
  line-height: 1;
}
.meeting-document__title,
.meeting-document__details {
  margin-left: 60px;
}
.meeting-document__details {
  font-size: 11px;
}
.meeting-document .button {
  float: right;
  margin-left: 10px;
  padding: 5px;
  font-size: 20px;
}
.meetings-archive-list ul {
  list-style: none;
  font-weight: 600;
  font-size: 16px;
  padding: 0;
}
.meetings-archive-list a.year {
  display: block;
  color: #fff;
  background: #046b94;
  padding: 5px 10px;
}
.meetings-archive-list a span {
  float: right;
}
.meetings-archive-list a span:before {
  display: inline-block;
  content: "\f067";
  font: normal normal normal 14px/1 FontAwesome;
}
.meetings-archive-list a.open span:before {
  content: "\f068";
}
.meetings-archive-list a:hover {
  text-decoration: none;
  color: #ccc;
}
.meetings-archive-list > ul > li {
  margin: 1px 0;
}
.meetings-archive-list li ul {
  display: none;
}
.meetings-archive-list li.open--onload ul {
  display: block;
}
.meeting-filter {
  margin: 0 0 30px;
  font-size: 15px;
  padding: 10px;
  font-weight: 400;
  background: #046b94;
  color: #fff;
  text-align: center;
  border-top: 1px solid #fff;
}
/**
*  HEARINGS
*/
.hearing {
  border-bottom: 1px solid #eee;
  padding: 20px 0;
}
.hearings-month .hearing:last-of-type {
  border: 0;
}
.hearings-month h2{
  color: #fff;
  background: #046b94;
  padding: 10px;
  margin-bottom: 0;
  font-weight: 600;
}
.hearing h3 {
  margin: 5px 0 0;
}
.hearing h4 {
  margin: 5px 0 20px 0;
  font-weight: 400;
}
.hearing__commissioners span {
  font-weight: 600;
}
/**
 addthis override styles
*/
#at4-share {
  z-index: 10 !important;
}
.nav-open #at4-share.slideInRight {
  display: none !important;
}
/**
 * Glossary
 */
.a-z-list,
#a-z-select-type {
  list-style: none;
  padding: 0;
  margin: 0;
}
.a-z-list {
  background: #0b5f8d;
  padding-left: 10px;
}
.a-z-list--hidden {
  display: none;
}
.a-z-list li,
#a-z-select-type li {
  margin: 0;
  padding: 0;
  display: inline-block;
  text-align: center;
}
.a-z-list li a {
  color: #d2e6ed;
  padding: 10px 6px;
  display: block;
  font-size: 20px;
  font-weight: 600;
  text-transform: uppercase;
  transition: .3s;
}
#subjects-list.a-z-list li a {
  font-size: 12px;
}
.a-z-list li a.active:hover,
.a-z-list li a.active {
  color: #fff;
  background: #0b5f8d;
  border-color: #0b5f8d;
  cursor: default;
  text-decoration: underline;
}
#a-z-select-type {
  margin-top: 30px;
}
#a-z-select-type li a {
  display: block;
  padding: 10px 20px;
  background: #fff;
  color: #0b5f8d;
  border: 2px solid #efefef;
  border-bottom: 0;
  font-size: 16px;
  text-transform: uppercase;
  transition: .3s;
}
.a-z-list li a:hover,
#a-z-select-type li a:hover {
  background: #efefef;
  text-decoration: none;
  color: #333;
}
#a-z-select-type li a.active:hover,
#a-z-select-type li a.active {
  background: #0b5f8d;
  color: #fff;
  border-color: #0b5f8d;
  text-decoration: none;
  cursor: default;
}
.a-z-tabs__tab {
  display: none;
  min-height: 400px;
}
.a-z-tabs__tab--active {
  display: block;
}
.a-z-tabs dl {
}
.a-z-tabs dt {
  margin: 20px 0 0 0;
  font-size: 1.2em;
  font-weight: 600;
}
.a-z-tabs dd {
  margin: 0 0 20px 0;
}
.subjects-list {
  list-style: none;
}
.subjects-list li {
  float: left;
  margin-right: 10px;
}
.subjects-list li a {
  display: inline-block;
  padding: 20px;
}
#a-z__subject h3 {
  margin-bottom: 5px;
}
#a-z__subject h3 ~ p {
  margin-top: 0;
}
/**
 * Block UI stuff
 */
.blockUI.blockOverlay {
  z-index: 9 !important;
}
/**
 * News List
 */
#newsList .news-item { margin-bottom: 30px; }

#newsList .fa-external-link { display: none }

#newsList .news-item header { position: relative }

#newsList .news-item header .article-img { margin: 0; background-size: cover; min-height: 230px; background-position: 50%; width: 100%; position: relative; }
#newsList .news-item header .article-img span { font-weight: 600; font-size: 13px; position: absolute; top: 0; left: 0; padding: 5px 8px; background: #67a7c0; color: #fff; text-transform: uppercase; }
#newsList .news-item header .article-img span.news-item__category--Events { background: #fcad30;}
#newsList .news-item header .article-img span.news-item__category--Stories { background: #f13d0c;}
#newsList .news-item header .article-img span.fa-thumb-tack { left: auto; right:0; line-height: 1.5; color: #fff; background-color: #046b94 }

#newsList .news-item header .title { position: absolute; bottom: 0; background-color: rgba(0, 0, 0, 0.7); display: block; width: 100%; }
#newsList .news-item header .title h3 { padding: 15px 10px; margin: 0; font-size: 0.9rem; }
#newsList .news-item header .title a { color: #ffffff; text-decoration: none; display: block; }
#newsList .news-item header .title a.focus--key { color: #000; background-color: #fff }

#newsList .news-item .article-body { padding: 10px; background-color: #fff; }

#newsList .news-item .metaInfo { font-size: 0.8rem; color: #666; }

.news-holder-container,
.fluid-container {
  background-color: #E2EDF1;
  padding: 30px 0;
}
.sectional-header h3 {
  font-size: 1.14285714285714em;
  font-weight: bold;
  line-height: 1.2;
  margin: 0;
}
.sectional-header h3 span {
  border-bottom: solid 3px #014d6a;
  display: inline-block;
  padding: 7px 15px 4px 0;
}
address {
  font-style: normal;
}
.office-address iframe {
  width: 100%;
  height: 350px;
  border: 0;
  margin-top: 30px;
  padding-right: 30px;
}
.depot {
  margin-bottom: 30px;
}
.promotePara p:first-child {
  font-size: 115%;
  /*  font-weight: 600;*/
}
.ui-datepicker {
  z-index: 20 !important;
}
.align-right {
  text-align: right;
}
.align-center {
  text-align: center;
}
.align-left {
  text-align: left;
}
.col {
  margin-bottom: 20px;
}
.col img {
  max-width: 100% !important;
}
/* related pages */
.related {
  margin: 0 auto;
}
.related--2 .owl-carousel {
  max-width: 430px;
}
.related--3 .owl-carousel {
  max-width: 645px;
}
.related--4 .owl-carousel {
  max-width: 730px;
}
.related--bottom {
  margin-bottom: 40px;
}
.related--bottom h3 {
  text-align: center;
  border-bottom: 2px solid #b3b3b3;
  padding-bottom: 10px;
  margin-top: 60px;
  font-size: 1.7em;
  font-weight: 800;
}
.related h4 {
  margin: 10px 0 5px;
  font-size: 18px;
}
.related__page {
  margin: 0 10px;
  float: left;
}
.highlander .related__page {
  margin: 0 auto;
  float: none;
}
#sidebar .related__page {
  margin: 10px 0 20px;
  float: none;
}
.related__page > div {
  width: 140px;
  margin: 0 auto;
}
.related--bottom .col-xs-12 {
  padding: 0;
}
#sidebar .related__page > div {
  width: 100%;
}
.related__page img {
  border: 2px solid #e9ebea;
}
.related__page p {
  margin: 0;
}
.related__page__icon {
  border: 2px solid #e9ebea;
  width: 138px;
  height: 164px;
  text-align: center;
}
#sidebar .related__page__icon {
  width: calc(100% - 4px);
}
.related__page .fa {
  font-size: 100px;
  margin-top: 30px;
}
#sidebar .related__page img {
  width: 100%;
  height: auto;
}
.news__filters {
  background: #e2edf1;
}
.news__filters > div {
  width: auto;
  margin: 0 auto;
}
.news-story {
  margin-bottom: 30px;
}
.print-only {
  display: none;
}
/* GALLERY */
.imageGallery__image {
  margin-bottom: 30px;
}
/* LIGHTBOX */
.lb-loader, .lightbox { text-align: center; line-height: 0 }
body:after { content: url(img/close.png) url(img/loading.gif) url(img/prev.png) url(img/next.png); display: none }
.lb-dataContainer:after, .lb-outerContainer:after { content: ""; clear: both }
body.lb-disable-scrolling { overflow: hidden }
.lightboxOverlay { position: absolute; top: 0; left: 0; z-index: 9999999; background-color: #000; filter: alpha(Opacity=80); opacity: .8; display: none }
#lightbox {display:none;}
.lightbox { position: absolute; left: 0; width: 100%; z-index: 10000000; font-weight: 400 }
#lightbox {display:none;}
.lightbox .lb-image { display: block; height: auto; max-width: inherit; border-radius: 3px }
.lightbox a img { border: none }
.lb-outerContainer { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; border-radius: 4px }
.lb-loader, .lb-nav { position: absolute; left: 0 }
.lb-outerContainer:after { display: table }
.lb-container { padding: 4px }
.lb-loader { top: 43%; height: 25%; width: 100% }
.lb-cancel { display: block; width: 32px; height: 32px; margin: 0 auto; background: url(img/loading.gif) no-repeat }
.lb-nav { top: 0; height: 100%; width: 100%; z-index: 10 }
.lb-container > .nav { left: 0 }
.lb-nav a { outline: 0; background-image: url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==) }
.lb-next, .lb-prev { height: 100%; cursor: pointer; display: block }
.lb-nav a.lb-prev { width: 34%; left: 0; float: left; background: url(img/prev.png) left 48% no-repeat; filter: alpha(Opacity=0); opacity: 0; -webkit-transition: opacity .6s; -moz-transition: opacity .6s; -o-transition: opacity .6s; transition: opacity .6s }
.lb-nav a.lb-prev:hover { filter: alpha(Opacity=100); opacity: 1 }
.lb-nav a.lb-next { width: 64%; right: 0; float: right; background: url(img/next.png) right 48% no-repeat; filter: alpha(Opacity=0); opacity: 0; -webkit-transition: opacity .6s; -moz-transition: opacity .6s; -o-transition: opacity .6s; transition: opacity .6s }
.lb-nav a.lb-next:hover { filter: alpha(Opacity=100); opacity: 1 }
.lb-dataContainer { margin: 0 auto; padding-top: 5px; width: 100%; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px }
.lb-dataContainer:after { display: table }
.lb-data { padding: 0 4px; color: #ccc }
.lb-data .lb-details { width: 85%; float: left; text-align: left; line-height: 1.1em }
.lb-data .lb-caption { font-size: 13px; font-weight: 700; line-height: 1em }
.lb-data .lb-number { display: block; clear: left; padding-bottom: 1em; font-size: 12px; color: #999 }
.lb-data .lb-close { display: block; float: right; width: 30px; height: 30px; background: url(img/close.png) top right no-repeat; text-align: right; outline: 0; filter: alpha(Opacity=70); opacity: .7; -webkit-transition: opacity .2s; -moz-transition: opacity .2s; -o-transition: opacity .2s; transition: opacity .2s }
.lb-data .lb-close:hover { cursor: pointer; filter: alpha(Opacity=100); opacity: 1 }
input::-ms-clear { display: none; }
.add-lightbox .fileExt {
  display: none;
}
.footer-govt-logo a img {
    max-width:95%;
}
.svgNZlogo {
    top: 10px;
    position: relative;
    max-width:80%;
}
.inline__accordion__toggle h2,
.inline__accordion__toggle h3,
.inline__accordion__toggle h4,
.inline__accordion__toggle h5,
.inline__accordion__toggle h6 {
    color: #fff;
}

div.element {
    margin-bottom:1em;
}

.chartCanvas {
    border: 1px solid #cfcfcf;
}