/* Standards */
body {background: #f1f1f1; color:#000; font-family:"Open Sans", Verdana, Arial;}
::selection {
background: #0088cc;
color: #fff;
text-shadow: none;
}
h1{font-size:2em;}
h2{font-size:1.5em;}
h3{font-size:1.3em;}
h4{font-size:1.17em;}
h5{font-size:0.75em;}
#MainContent h1 a, #MainContent h2 a,  #MainContent .readmore a {text-decoration:none;}
#MainContent a {text-decoration:underline;}

.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
}

/* The Close Button */
.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}



#locationlocator
{display:none;}

#innerLeft
{display:none;}


.alert
{display:none;}

.pagenavcounter
{display: none;}

.reportnav
{padding:2px;
background-color:#EFEFEF;
border:1px solid #DDDDDD;
text-align:center;
width:210px;
float:right;
}


.pdf 
{
background:url(https://www.der.wa.gov.au/media/jce/icons/pdf.png) no-repeat center left;
padding-left: 20px;
}

.doc
{
background:url(https://www.der.wa.gov.au/media/jce/icons/doc.png) no-repeat center left;
padding-left: 20px;
}

.external-link
{
background: url(https://www.der.wa.gov.au/images/external-link.png) no-repeat center right;
padding-right: 15px;
}
/*
#RightColumn {float: left; margin-left:0;}
#MainContent {float:right;}
*/
.muted {color: #a7a9ac;}
.area-title {font-size:33.5px;line-height:36px;}
/* top Mast */
.masthead {min-height: 80px; padding: 15px 0 ; }
.topmast {background: #fff /*url(../img/topmastBg.jpg) no-repeat 50% bottom */}
.navbar-top {margin-bottom:0;}
.agency-freespace h1, .agency-freespace h1 a, .agency-freespace h2, .agency-freespace #site-title, .agency-freespace #site-title a {line-height: 24px;font-weight: 300;text-decoration: none;color: #787878;font-size: 20.5px;margin: 10px 0;}
.carousel {margin-bottom:0;}
.carousel .item {
        -webkit-transition: opacity 1s;
        -moz-transition: opacity 1s;
        -ms-transition: opacity 1s;
        -o-transition: opacity 1s;
        transition: opacity 1s;
      }
      .carousel .active.left, .carousel .active.right {
        left:0;
        opacity:0;
        z-index:2;
      }
      .carousel .next, .carousel .prev {
        left:0;
        opacity:1;
        z-index:1;
}
.hide {display:none;}
.navbar-fixed-top {margin-bottom: 5px;}
.navbar-inner {-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;}
.container {margin: 0 auto; max-width: 1040px;}
.form-search {padding: 5px 0 0 0;margin: 0;}
.alert {overflow:auto;}
.alert a  {text-decoration:underline;}
.errorbody {margin-top:55px;}
.errorbody > .container > .header {margin-bottom:15px;}
.errorbody > .container > #mainnav > .navbar-inner {border-bottom: 1px solid #d4d4d4;}
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 160px;
padding: 5px 0;
margin: 0;
list-style: none;
background-color: #ffffff;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.2);
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
}
#mainnav {margin-bottom:0;}
#mainnav .nav > li {border-right:1px solid #eaeaea;border-left:1px solid #fff;}
#mainnav .nav > li > a {cursor: pointer;}
#mainnav .navbar-inner {}
.navbar .nav > li > a {color: #000;}
.navbar-inverse .nav > li > a {color: #999999;}
/*
.navbar .nav > .active > a,
.navbar .nav > li > a:hover, 
.navbar .nav > .active > a:hover, 
.navbar .nav > .active > a:focus,  
.navbar .nav > .active > a:visited, 
.navbar .nav li.dropdown.active > .dropdown-toggle,
.navbar .nav li.dropdown.open > a:hover > .dropdown-toggle,
.navbar .nav li.dropdown.open a:hover  {
color: #fff;
background: #006890;
border-top:1px solid #1b5895;
border-right:1px solid #1b5895;
border-bottom:1px solid #1b5895;
border-left:1px solid #1b5895;
margin:-1px;
background: -moz-linear-gradient( top, #006890 0%, #006890 50%, #4689c8 50%, #4689c8);
background: -webkit-gradient( linear, left top, left bottom, from(#006890), color-stop(0.50, #006890), color-stop(0.50, #006890), to(#1e62a6));
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
-moz-box-shadow: inset 0 1px 0 0 #397cbf;
-webkit-box-shadow: inset 0 1px 0 0 #397cbf;
box-shadow: inset 0 1px 0 0 #397cbf;
text-shadow: -1px -1px 0px #1b5793;
}
*/

.nav-list li li.active a {font-weight:bold;}

.navbar .nav>.active>a, 
.navbar .nav>.active>a:hover, 
.navbar .nav>.active>a:focus,
.navbar .nav li.dropdown.active>.dropdown-toggle,
.navbar .nav li.dropdown.open>.dropdown-toggle, .navbar .nav li.dropdown.active>.dropdown-toggle, .navbar .nav li.dropdown.open.active>.dropdown-toggle {
color: #fff;
text-shadow: -1px -1px 0px #1b5793;
text-decoration: none;
background-color: #006890;
-webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
-moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
}
.navbar .nav> li > a:hover {color:#006890}
.well > .nav-list {
border-top: 1px solid #eaeaea;
margin:0;
}
.well > .nav-list>li>a {
padding: 2px 5px;
border-top:1px solid #fff; border-bottom: 1px solid #eaeaea;
}
.well > .nav-list > li.current > a, .well > .nav-list > li > ul > li.current > a {color:#fff; background: #006890; font-weight:normal}

.well > .nav-list>.active>a, .well > .nav-list>.active>a:hover, .well > .nav-list>.active>a:focus {
color: #2a75bf;
text-shadow:none;
background-color:transparent;
}

.well > .nav-list ul ul {
margin:0 0 0 10px;
border:none;
}
.well > .nav-list>li>ul, .well > .nav-list>li>ul>li> a, .well > .nav-list ul ul li a {border:none;}
.well > .nav-list>li>ul {
margin:0 0 0 5px;
border:none;
padding:5px 0;
}
#mainnav form {
margin: 0;
padding: 0;
}
.underNav {
margin: -20px 0 0 0;
/*
background:#f4a120;
border-top: 1px solid #d68200;
border-bottom: 1px solid #d68200;
*/
background:#eaeaea;
border-top:1px solid #ccc;
}
.underNav .container { height:20px; /*background: #f4a120 url(../img/h3Bg.gif) no-repeat bottom right;*/}
#featured {
border-top:1px solid #0d4781;
border-bottom:1px solid #0d4781;
margin: 0;
text-shadow: -1px -1px 0 #0d4781;
color: #ffffff;
background-color: #006890;
padding:20px 0;
}
/* Homepage */
body.itemid-101 #featured {padding:20px 0 0 0;}
body.itemid-101 #featured .mainfeatured {padding-bottom:40px;}
body.itemid-101 #featured .holder {background-color: #006890;}


.underfeature {padding:0;border-top:1px solid #7abdff;border-bottom:1px solid #fff;}
.page {
background: #fff;
margin-bottom:20px;
margin-top:-20px;
-webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.25);
-moz-box-shadow:    0px 0px 5px rgba(50, 50, 50, 0.25);
box-shadow:         0px 0px 5px rgba(50, 50, 50, 0.25);
}

.page-header {
padding-bottom: 0;
margin: 10px 0;
border-bottom: none;
}
.well {
padding: 15px;
background-color: #f9f9f9;
border: 1px solid #eaeaea;
}

.is-padded {padding:20px;}
.well-inverse {
color: #f9f9f9;
text-shadow: -1px -1px 0 #000;
min-height: 20px;
padding: 19px;
margin-bottom: 20px;
background-color: #2d2d2d;
border: 1px solid #000;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.well-blue {
color: #fff;
text-shadow: -1px -1px 0 #075b8f;
min-height: 20px;
padding: 10px;
margin-bottom: 10px;
background-color: #0069aa;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.well-blue a  {color:#99ccff; text-decoration:underline;}
.well-blue a:hover {color:#85bde7;}
.well-blue .lnd_introdate  {color:#99ccff}

.pager li>a, .pager li>span {
padding: 5px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.page-content {
border-bottom: 1px solid #eeeeee;
padding-bottom:40px;
}
.foot {
background:#f9f9f9;
border-top: 1px solid #ffffff;
}

footer {
padding:0;
}
footer a {color:#d9d2c8}
footer a:hover, footer a:active, .footer-links li a:hover, .footer-links li a:active {color:#69a7da;background:transparent;}
#basePosition {background: #f9f9f9; border-top: 1px solid #eaeaea; /*#f4a120 url(../img/footerBg.png) repeat-x bottom left; border-top: 1px solid #e68c00;*/; color:#252525; padding:20px 0;}
footer #basePosition a {color:#000;}
#footer {background:#133b63; color:#d9d2c8;text-shadow: -1px 0 -1px #000;padding:40px 0;}
.footer-links {margin:0 auto;text-align:center;}
.footer-links li:first-child {
padding-left: 0;
}
.footer-links li:last-child {
border-right:none;
}
.footer-links li {
display: inline;
border-right:1px solid #999;
}
.footer-links li a {
display: inline;
padding: 0 10px;
}

.link-wagov {margin:0 auto;text-align:center;font-size: 24.5px;}
.copyright {text-align:center;padding:20px 0;}


.media-object, .img{color:inherit;background-color:#fff;border:1px solid #eaeaea;padding:2px;}
figcaption {color:#a7a9ac;}

.carousel-linked-nav,
.item img {
  display: block; 
  margin: 0 auto;
}

.carousel-linked-nav {
   margin-bottom: 20px; 

}
.carousel-inner img {}
.mainfeatured .pagination {/*text-align:center;*/margin-bottom:0;}

.media-list li {border-bottom: 1px dashed #eaeaea;padding-bottom:10px;}

.alert, .thumbnail, .btn, .label {
webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}

.embed-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}

.embed-container iframe, .embed-container object, .embed-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}



.breadcrumb {margin-top:20px;margin-bottom:40px}

.container .visible-phone { display: none !important }
.container .visible-tablet { display: none !important }
.container .hidden-desktop { display: none !important }
.container .visible-desktop { display: block !important }


/* Large desktop */
@media  (min-width: 1200px) {
	 
}
/* Normal desktop */
@media (min-width: 980px) {

}
@media  (max-width: 980px) {
.masthead {min-height: 90px;padding: 5px 0 0 0;}
.nav-collapse .nav> li >a, .nav-collapse .dropdown-menu a {padding: 9px 15px;font-weight: normal;color: #000000;-webkit-border-radius: 30px;-moz-border-radius: 0px;border-radius: 0px;}
}
/* Portrait tablet to landscape and desktop */
@media  (min-width: 768px) and (max-width: 979px) {
.masthead {min-height:100px;padding:5px 0 0 0;}
.topmast{padding-top: 0px;}
.GovLogo {padding:10px;}
.agency-freespace h1, .agency-freespace h1 a, .agency-freespace h2, .agency-freespace #site-title, .agency-freespace h2 a, .agency-freespace #site-title a {line-height: 22px;font-weight: 300;padding-left: 0px;font-size:22px;}
.container  .hidden-desktop { display: block !important }
.container .visible-desktop { display: none !important }
.container .visible-tablet { display: block !important }
.container .hidden-tablet { display: none !important }

}
/* Landscape phone to portrait tablet */
@media  (max-width: 767px) {
.navbar-fixed-top, .navbar-top, .topmast, #mainnav, .underNav, .under-feature, #featured, footer {
margin-left: -10px;
margin-right: -10px;
}
.topmast{padding-top: 0px;}
.GovLogo {padding:10px;}
.GovLogo {width:23% !important;float:left !important;}
.AgencyLogo {width:77% !important;float:left !important;}
.navbar-top > .navbar > .nav, .navbar-top > .navbar-inner {margin:0;padding:0;}
.navbar .nav > li > a {padding: 3px; font-size:90%;}
.GovLogo {padding:10px;}
.feature {
padding: 10px 20px;
margin-top: -30px;
margin-right: -20px;
margin-left: -20px;
}
.container .hidden-desktop { display: block !important }
.container  .visible-desktop { display: none !important }
.container .visible-phone { display: block !important }
.container .hidden-phone { display: none !important } 

body {
padding-left: 10px;
padding-right: 10px;
}
  .carousel {

  }
 .carousel .container {
  top: 20px;
  margin-left:0;
  }   
  .carousel .item {
  height:260px;
margin-top:10px;
  }
  .carousel img {
    
  }
  .carousel-caption {
    width: 100%;
    padding: 0;
    margin: 0;

  }
.carousel-control {
height:30px;
width:30px;
line-height:30px;
font-size:60px;
margin-top: 10px;
}


  .carousel-caption h2 {
    font-size: 22px;
  }
  .carousel-caption .lead,
  .carousel-caption .btn {
    font-size: 14px;
  }
.carousel-caption .btn {display:block;}


	 
}
/* Landscape phones and down */
@media  (max-width: 480px) {
.masthead {min-height:50px;padding:10px 0;}
.navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner {font-size:90%;}
.topmast {padding-top:0;}
.agency-freespace h1 a,  .agency-freespace h2 a, .agency-freespace #site-title, .agency-freespace #site-title a {font-size:16px;}
.agency-freespace h1, .agency-freespace h2,  .agency-freespace #site-title  {line-height:14px;font-weight:300;}
.agency-freespace h1 span.bold, .agency-freespace h2 span.bold , .agency-freespace #site-title  span.bold {font-weight:700}

 .carousel .item {
  height:130px;
margin-top:10px;
  }
	 
}















/* to be cleaned up and moved above */

/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

/* Carousel base class */
.carousel .container {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  top: 40px;
  margin-left:50px;
}


.carousel-control {
position: absolute;
top: 30%;
left: 15px;
width: 80px;
height: 80px;
margin-top: 20px;
font-size: 80px;
font-weight: 100;
line-height: 60px;
color: white;
text-align: center;
background: transparent;
border: none;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
opacity: 0.7;
filter: alpha(opacity=70);
}

.carousel .item {

}
.carousel img {

}

.carousel-caption {
  background-color: transparent;
  position: static;
  width:50%;
  padding: 0 10px;
  margin-bottom: 30px;
}
.carousel-caption h2,
.carousel-caption .lead {
  margin: 0;
  line-height: 1.25;
  color: #fff;
  text-shadow: 0 1px 1px rgba(0,0,0,.5);

background: rgba(0, 0, 0, 0.4);
padding: 10px;

}
.carousel-caption .btn {
  margin-top: 10px;
}
.carousel.carousel-fade .item {
  -webkit-transition: opacity 2s ease-in-out;
  -moz-transition: opacity 2s ease-in-out;
  -ms-transition: opacity 2s ease-in-out;
  -o-transition: opacity 2s ease-in-out;
  transition: opacity 2s ease-in-out;
}
.carousel.carousel-fade .active.left,
.carousel.carousel-fade .active.right {
  left: 0;
  z-index: 2;
  opacity: 0;
  filter: alpha(opacity=0);
}
.carousel.carousel-fade .next,
.carousel.carousel-fade .prev {
  left: 0;
  z-index: 1;
}

.carousel.carousel-fade .carousel-control {
  z-index: 3;
}
.unstyled li {
    display: inline;
    vertical-align: baseline;
    padding: 0 16px;
    position: relative;
}

/* Featurettes
------------------------- */

.featurette-divider {
  margin: 20px 0; /* Space out the Bootstrap <hr> more */
}




/* RESPONSIVE CSS
-------------------------------------------------- */

@media (max-width: 979px) {

  .container.navbar-wrapper {
    margin-bottom: 0;
    width: auto;
  }
 .carousel .container {
  top: 10px;
  } 
  .navbar-inner {
    border-radius: 0;
  }


  .carousel img {

  }

.navbar .btn-navbar {
float: right;
padding: 4px 12px;
margin-left: 5px;
margin-right: 5px;
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #363636;
background-image: -moz-linear-gradient(top, #444444, #222222);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222));
background-image: -webkit-linear-gradient(top, #444444, #222222);
background-image: -o-linear-gradient(top, #444444, #222222);
background-image: linear-gradient(to bottom, #444444, #222222);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0);
border-color: #222222 #222222 #000000;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}


}



/* Joomla Specific */
#MainContent .pagination ul li a, #MainContent ul.pagination-list li a {text-decoration:none;}
.article-info {font-size:90%;}
.article-index {
	margin: 0 0 10px 10px;

}
.article-index > .nav-stacked {background:#f9f9f9;}

div.tags {margin:5px 0;}
.breadcrumb {background:#fff;

-webkit-box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.25);
-moz-box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.25);
box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.25);

}
/* Component overrides */
/* K2 */
#itemListLinks ul.list li {
border-bottom: 1px solid #eaeaea;
margin-bottom: 5px;
padding-bottom: 5px;
}
/* Latest News Extended */
.lnd_introtxt {padding:0;}
li.lnd_latestnews {color:#99ccff;}
.article-info-term {display:none;}

/* RS Forms Pro */
.rsform-block {border-bottom:1px solid #eaeaea;}
.formRequired, .formRed {color:#922211}

/* Print only CSS styles */
@media only print
  {
/* Hide all elements except required content 
body:after { content: "Please consider the environment before printing."; }*/
* {color: #000000;background-color: #FFFFFF;}
body {font-family: Verdana, Helvetica, sans-serif;font-size: 1em !important;}
body.print {background-color: #fff; background-image: none; }
a:link, a:visited {background: white; color: black; text-decoration:  underline;}
h1, h2, h3, h4, h5 {background: white; color: black;font-size: 150%;font-weight: 400;line-height: 110%;padding: 0;margin: 5px 0;}
h1 {font-size: 200%;}
h2 {font-size: 175%;}
h2 {font-size: 150%;}
h3 {font-size: 125%;}
h4 {font-size: 100%;}
h1, h2, h3 {border-bottom: 1px solid #eaeaea;}
img {max-width: 500px;page-break-inside: avoid;}
} 

/*  Define the style of a table with alternate row colours  */
  .colouredtable{
    width:100%; 
    border-collapse:collapse; 
  }
  .colouredtable td{ 
    padding:4px; border:#000000 1px solid;
  }
  .colouredtable th{
    padding:4px; border:#000000 1px solid; background:#0069aa; color:#FFFFFF;
  }
  /* provide some minimal visual accomodation for IE8 and below */
  .colouredtable tr{
    background: #BFD9E9;
  }
  /*  Define the background color for all the ODD background rows  */
  .colouredtable tr:nth-child(odd){ 
    background: #BFD9E9;
  }
  /*  Define the background color for all the EVEN background rows  */
  .colouredtable tr:nth-child(even){
    background: #F8FBFC;
  }
/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
}

/* The Close Button */
.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}


/*mymaps*/

/*added for k2 input fields */
.isJ30 .itemAdditionalField .itemAdditionalData input {width: 100%;}