@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,600,300,800);
@import "fonts/mdba-fonts/Common_fonts.css";
@import "fonts/premium/import.css";

@import "icon-font/style.css";

/*
font-family: "Clan Offc W01";
font-family: "Clan Offc W01 Thin Italic";
font-family: "DIN Web W01";
font-family: "DIN Offc W01";
*/

body {
	font-family: "DIN Offc W01", sans-serif;
	font-size: 15px;
}

h1 {
	font-family: "Clan Offc W01", "DIN Offc W01", sans-serif;
}

h2, h3, h4, h5, h6 {
	font-family: "DIN Offc W01", sans-serif;
}

.mdba-logo {
	float: right;
}

.lrd-logo {
	float: left;
	padding-top: 10px;
}

.clearfix {
	clear: both;
}
 
@font-face {
	font-family: 'icomoon';
	src:url('fonts/icomoon/icomoon.eot?9ggard');
	src:url('fonts/icomoon/icomoon.eot?#iefix9ggard') format('embedded-opentype'),
		url('fonts/icomoon/icomoon.ttf?9ggard') format('truetype'),
		url('fonts/icomoon/icomoon.woff?9ggard') format('woff'),
		url('fonts/icomoon/icomoon.svg?9ggard#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'ico2';
    src: url('fonts/ico2/ico2.eot?l9e40a');
    src: url('fonts/ico2/ico2.eot?l9e40a#iefix') format('embedded-opentype'),
         url('fonts/ico2/ico2.ttf?l9e40a') format('truetype'),
         url('fonts/ico2/ico2.woff?l9e40a') format('woff'),
         url('fonts/ico2/ico2.svg?l9e40a#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

.front h1, 
#first-time {
	display: none;
}

.olImageLoadError {
	display: none;
}

.l-header-region.row {
	background-color: transparent;
}

.block.block-block-10 {
	margin: 25px 0;
}

.block.block-system-main-menu {
	display: none;
}

.mdba-main-menu ul.menu {
	float: left;
	width: 100%;
}

#section-footer {
	background-color: linear-gradient(#d2d2d2, #ebebeb);
}

#zone-branding-wrapper {
	background-color: #172b54;
}

.mdba-main-menu ul.menu {
	margin-top: 18px;
}

.mdba-main-menu ul.menu li {
	list-style: none;
	display: inline-block;
}


.menu-name-menu-mdba-menu-links ul li:before,
.footer__2-2-menu > li:before {
   /* content: "\00B7";  */
    margin-left: 7.5px;
    margin-right: 7.5px;
}

.menu-name-menu-mdba-menu-links ul li {
    color: #fff;
}
.menu-name-menu-mdba-menu-links ul li:first-child:before,
.footer__2-2-menu > li:first-child:before{
	content: "";
    margin-right: 0;
    margin-left: 0;
}

.mdba-main-menu ul.menu li a {
	border-top: 0;
	color: #000;
	font-weight: normal;
	text-shadow: none;
	/*font-family: 'Open Sans', sans-serif;*/
	text-decoration: none;
	text-align: center;
	display: inline-block;
	width: 165px;
	padding: 13px 0;
}

.mdba-main-menu ul.menu li a:hover {
  color: #00A18E;
  padding: 8px 0 15px 0;
  border-top: 7px solid #00A18E;
  background-color: #fff;
}

.mdba-main-menu ul.menu {
	float: left;
	width: 100%;
}

#block-menu-block-3 ul li a {
  text-decoration: none;
  //color: #fff;
  /*font-family: 'Open Sans', sans-serif;*/
  padding: 0 10px 10px 10px;
  display: inline-block;
  font-size: 13px;
}



#block-menu-block-3 ul li {
  display: inline-block;
  float: left;
  list-style: none;
}  

#block-menu-block-3 ul li.last a {
	border-right: 0;
}

ul.footer-social-media {
	margin: 0; 
	padding: 0;
}

ul.footer-social-media li {
	margin: 0;
	padding: 0;
	display: inline-block;
	list-style: none;
}
/*
@font-face {
	font-family: 'icomoon';
	src:url('fonts/icomoon/icomoon.eot?9ggard');
	src:url('fonts/icomoon/icomoon.eot?#iefix9ggard') format('embedded-opentype'),
		url('fonts/icomoon/icomoon.ttf?9ggard') format('truetype'),
		url('fonts/icomoon/icomoon.woff?9ggard') format('woff'),
		url('fonts/icomoon/icomoon.svg?9ggard#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}*/
@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon/icomoon.eot?wkl0u9');
  src:  url('fonts/icomoon/icomoon.eot?wkl0u9#iefix') format('embedded-opentype'),
		url('fonts/icomoon/icomoon.ttf?wkl0u9') format('truetype'),
		url('fonts/icomoon/icomoon.woff?wkl0u9') format('woff'),
		url('fonts/icomoon/icomoon.svg?wkl0u9#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}




ul.footer-social-media li a span, span.social-icon-Facebook span {
  position: absolute;
  left: -9001px;
}
ul.footer-social-media li a {
	text-decoration: none;
	color: #fff;
	margin-right: 0px;
	font-size: 1.5em;
}

ul.footer-social-media li a:hover {
	color: #00a18e;
}

.info-box.general-warning:before,
ul.footer-social-media  li a:before {
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	width: 40px;
	text-align: center;
	display: inline-block;
}
.info-box.general-warning:before{
  width: 45px;	
}
.info-box.general-warning:before{		
	content: "\e905";
	font-size: 32px;
    /* color: #009ddc; */
	color: #ea9a21;
	vertical-align: top;
}
ul.footer-social-media .icon-twitter:before {		content: "\f081";	}
ul.footer-social-media .icon-facebook:before {	content: "\f09a";	}
ul.footer-social-media .icon-rss:before {			content: "\f09e";	}
ul.footer-social-media .icon-email:before {		content: "\f0e0";	}
ul.footer-social-media .icon-youtube:before {		content: "\f167";	}

.block-block-13 {
	text-align: left !Important;
}

#social-blok h2 {
	color: #fff;
	font-size: 16px;
	margin: 40px 0 10px 0;
	/*font-family: 'Open Sans', sans-serif;*/
	line-height: 1em;
	font-weight: bold;
	display: block;
}

.block#block-menu-block-3 {
	margin-top: 20px;
}

div.left-arrow span,
div.right-arrow span {
	position: absolute;
	left: -9001px;
}

div.left-arrow a:before,
div.right-arrow a:before {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	width: 40px;
	text-align: center;
	display: inline-block;
	font-size: 5em;
	position: absolute;
	top: 48%;
}

div.right-arrow a:before {
	content: "\e602";
	right: 40px;
}

div.left-arrow a:before {
	content: "\e604";
	left: 10px;
}

.section-river-view .field-name-body.field-type-text-with-summary {
	position: relative;
}

iframe #header {
	display: none !Important;
}

#layer-tool .map-markers, 
#hide-bottom {
	display: none;
}

#tooltip {
	background-color: transparent !Important;
}

.openlayers-popup.openlayers-tooltip-name {
	background-color: #fff;
	padding: 5px 0 5px 10px;
	border-radius: 5px;
}

.openlayers-popup.openlayers-tooltip-name a {
	color: #000;
	text-decoration: none;
	display: block;
	font-weight: bold;
}

.map-nav-tabs {
	margin: 10px 0;
	padding: 0;
	background-color: 
}

.map-nav-tabs li {
	margin: 0;
	padding: 0;
	display: inline-block;
	list-style: none;
}

.map-nav-tabs li a {
	padding: 5px 10px;
	display: inline-block;
	text-decoration: none;
	color: #000;
	text-align: center;
	width: 130px;
}

.water-storage-cont{
	background-color: #EBEBEB;
	font-family: sans-serif;
	padding: 10px;
	margin: 10px 0px;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	transition: all .3s ease-out;
	border-radius: 2px;
	background-color: #fff;
	position: relative;
}

#dbk_container_inner {
	border-radius: 0;
	padding: 0;
	/*font-family: 'Open Sans', sans-serif;*/
}

.water-storage-cont h2, 
.water-storage-cont h3, 
.padding-container h2, 
.padding-container h3, 
.padding-container h4 {
	/*font-family: 'Open Sans', sans-serif;*/
}

.padding-container h2 a {
	text-decoration: none;
}
#dbk_container{
	color: #5f6062;
}
#dbk_container_inner .dbk {
	padding: 10px 20px 10px 66px;
	display: inline-block;
	background-repeat: no-repeat;
	background-position: 10px 50%;
	position: relative;
	z-index: 100;
	margin: 0;
	transition: all .1s ease-out;
	background-color: #fff;	
	background-size: 30px;
}
#dbk_container_inner .dbk {
	padding: 10px 10px 10px 45px;
}
#dbk_container_inner .percentage-chart{
	padding: 10px 20px 10px 100px;
}

.dbk.data_rain, .site-details-rainfall-on {
  background-image: url("images/icons/48px-rainfall-on.png");
}

.dbk.data_temp, .site-details-temp-on {
  background-image: url("images/icons/48px-temp-on.png");
}

.dbk.data_discharge_ml, .site-details-discharge-on {
  background-image: url("images/icons/48px-release-on.png");
}

.dbk.data_discharge_ml_day, .site-details-discharge-ml-day-on {
  background-image: url("images/icons/48px-flow-on.png");
}

.dbk.data_cond, .site-details-cond-25-deg-on {
  background-image: url("images/icons/48px-salt-on.png");
}

.dbk.data_flow, .site-details-flow-on {
  background-image: url("images/icons/48px-flow-on.png");
}

.dbk.data_volume_calc, .site-details-volume-calculated-on {
  background-image: url("images/icons/48px-capacity-on.png");
}

.dbk.data_volume, .site-details-volume-on {
  background-image: url("images/icons/48px-capacity-on.png");
}

.dbk.data_level, .site-details-level-on {
  background-image: url("images/icons/48px-height-on.png");
}

.dbk.data_gates, .site-details-gates-open-on {
  background-image: url("images/icons/48px-gates-on.png");
}

.dbk.data_percentage_capacity {
  background-image: url("images/icons/48px-blank-blue-on.png");
}

.dbk.data_div, .site-details-grav-diversion-on {
  background-image: url("images/icons/48px-diversion-on.png");
}

.dbk.data_oxy.displayRule{
	display: none !important;
}

.map-nav-tabs li a {
	background-color: #60c5ba;
	margin: 0 5px;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	transition: all .3s ease-out;
	border-radius: 2px;
	color: #fff;
}

.section_left, 
.section_right {
	float: left;
	width: 50%;
}

.table-buttons {
	text-align: centre;
	font-weight: bold;
}

div.percentageInner {
	position: absolute;
	font-weight: bold;
	z-index: 1000000;
	font-size: 1.4em;
	color: #fff;
	line-height: 50px;
	text-align: center;
	width: 50px;
}

.dbk #volume-pie {
  width: 90px;
  height: 90px;
  margin-left: auto;
  margin-right: auto;
}

.field_percentage_capacity .pie-container.row {
  width: 310px;
  margin-left: 15px;
}

#volume-pie {
	width: 70px;
	height: 70px;
	overflow: hidden;
}

.site-data.site-data-wide.site-details-volume-on {
  float: left;
  margin-right: 5px;
}

.dbk #volume-pie {
  width: 90px;
  height: 90px;
  margin-left: auto;
  margin-right: auto;
}

.pie-container {
	position: absolute;
	left: 8px;
	top: 10px;
}

.wis-left, 
.wis-mid, 
.wis-right {
	width: 356px;
	float: left;
	position: relative;
	height: 70px;
	padding: 10px;
	display: inline-block;
	background-repeat: no-repeat;
	background-position: 20px 50%;
	position: relative;
	z-index: 100;
	transition: all .3s ease-out;
	border-radius: 2px;
	background-color: #fff;
}

.wis-mid {
	margin: 0 10px;
}

#wis-pie {
	width: 90px;
	height: 90px;
	float: left;
}

.wis-pie-perc {
	position: absolute;
	top: 23px;
	left: 100px;
}

#dbk_container h3 {
	font-size: 14px;
	margin-bottom: 0px;
	font-weight: 400;
}

#dbk_container p {
	margin-bottom: 0px;
	font-size: 16px;
}

#dbk_container span {
	margin-bottom: 0px;
	font-size: 11px;
	font-style: italic;
}

h2.wis-title, 
.padding-container h2 {
	margin-bottom: 5px;
	margin-bottom: 5px;
	line-height: 1em;
	padding: 10px;
	margin: -10px -10px 10px -10px;
	/*background-color: rgb(232,232,232);*/
	color: rgba(0, 0, 0, .60);
	font-weight: 400;
}

.top-nav-tabs {
	border-bottom: 1px solid #E8E8E8;
	margin-bottom: 5px;
	padding-left: 10px;
}

.top-nav-tabs li {
	list-style: none;
	font-size: 1.4em;
	display: inline-block;
	text-transform: uppercase;
}

.top-nav-tabs li a {
	color: #999;
	text-decoration: none;
	padding: 10px 20px;
	display: inline-block;
}

.page-water-in-storages .top-nav-tabs li.wis a, 
.front .top-nav-tabs li.lrd a {
	color: #1AB7EA;
	border-bottom: 3px solid #1AB7EA;
}

@font-face {
    font-family: 'ico2';
    src: url('fonts/ico2/ico2.eot?l9e40a');
    src: url('fonts/ico2/ico2.eot?l9e40a#iefix') format('embedded-opentype'),
         url('fonts/ico2/ico2.ttf?l9e40a') format('truetype'),
         url('fonts/ico2/ico2.woff?l9e40a') format('woff'),
         url('fonts/ico2/ico2.svg?l9e40a#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

.close-mat {
	position: absolute;
	right: 10px;
	top: 8px;
	width: 20px;
	height: 20px;
	font-size: 25px;
}

.layer-control:before, 
.close-mat:before {
    font-family: 'ico2' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	color: #999;
	cursor: pointer;
}

.close-mat:hover:before {
    content: "\e5c9";
}

.close-mat:before {
    content: "\e888";
}

.site-data.site-data-wide {
	height: 64px;
	padding: 10px 30px 5px 100px;
	display: inline-block;
	background-repeat: no-repeat;
	background-position: 20px 50%;
	position: relative;
	z-index: 100;
	margin: 0 5px;
	transition: all .3s ease-out;
	border-radius: 2px;
	background-color: #fff;
}

.wis-left h3 {
	font-weight: 400;
}

#dbk_container .wis-mid span, 
#dbk_container .wis-right span {
	font-size: 16px;
	display: inline-block;
	width: 140px; 
}

#dbk_container .wis-mid p, 
#dbk_container .wis-right p {
	font-size: 16px;
}

#block-openlayers-plus-blockswitcher #tabs,
#block-openlayers-plus-blockswitcher h2.layers-title {
	display: none;
}
/*
#block-openlayers-plus-blockswitcher {
	position: absolute;
	right:0;
	z-index: 1;
	height: 168px;
	background-color: #999;
	padding: 10px;
	transition: all 1s ease;
}
*/
#block-openlayers-plus-blockswitcher {
	position: absolute;
	right:20px;
	top: 740px;
	z-index: 1;
	height: 75px;
	width:140px;
	background-color: #fff;
	padding: 10px;
	transition: all 1s ease;
}

.region-inner.region-content-inner {
	position: relative;
	overflow: hidden;
}

.layer-control {
	height: 40px;
	width: 40px;
	background-color: #999;
	position: absolute;
	top: 0;
	left: -40px;
	display:none;
}

#block-openlayers-plus-blockswitcher.show-block {
	right: -167px;
	transition: all 1s ease;
}

.layer-control:before {
	content: "\e5d2";
	color: #fff;
	font-size: 2em;
	display: block;
	padding: 7px;
}

#block-openlayers-plus-blockswitcher .layers-content {
	color: #fff;
	/*font-family: 'Open Sans', sans-serif;*/
	
}

.front .main-map .block-inner .view-content {
	position: relative;
}

.layers-content div.form-item {
	color: #555;
	font-weight: bold;
	margin: 0;
}

.layers-content div.form-item label {
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 2px 0 2px 30px;
	line-height: 25px;
	cursor: pointer;
	background-size: 20px;
}

.layers-content div.form-item input {
	float:right;
	margin-top:8px;
}

.layers-content div.form-item label.option-activated {
  font-family: "DIN Offc W01", sans-serif;
  background-size: 20px;
}

.layers-content div.form-item label.option-activated.icon-Water, 
.layers-content div.form-item label.option-activated.icon-Storage {
  background-image: url("images/32px-toggle-storage-on.png");
}

.layers-content div.form-item label.option-activated.icon-State.Storages {
  background-image: url("images/32px-toggle-state-storage-on.png");
}

.layers-content div.form-item label.option-activated.icon-River.Gauges {
  background-image: url("images/32px-toggle-gauge-on.png");
}

.layers-content div.form-item label.option-activated.icon-Weirs {
  background-image: url("images/32px-toggle-weir-on.png");
}

.layers-content div.form-item label.option-activated.icon-Alerts {
  background-image: url("images/32px-toggle-advice-on.png");
}

.layers-content div.form-item label.option-activated.icon-Advice {
  background-image: url("images/32px-toggle-advice-on.png");
}

.layers-content div.form-item label.icon-Water, 
.layers-content div.form-item label.icon-Storage {
  background-image: url("images/32px-toggle-storage-off.png");
}
.layers-content div.form-item label.icon-State.Storages{
  background-image: url("images/32px-toggle-state-storage-off.png");
}
.layers-content div.form-item label.icon-River.Gauges {
  background-image: url("images/32px-toggle-gauge-off.png");
}

.layers-content div.form-item label.icon-Weirs {
  background-image: url("images/32px-toggle-weir-off.png");
}

.layers-content div.form-item label.icon-Alerts {
  background-image: url("images/32px-toggle-advice-off.png");
}

.layers-content div.form-item label.icon-Advice {
  background-image: url("images/32px-toggle-advice-off.png?");
}


.view-id-list_view_real span.date-display-single {
	display: block;
	font-size: 11px;
    font-style: italic;
}

.view-id-list_view_real .hide-label span {
	text-align: center;
	display: block;
	padding-top: 50px;
}

.view-id-list_view_real .hide-label {
	height: 40px;
	background-position: 50% 5px;
	background-repeat: no-repeat;
	width: 85px;
}

.view-id-list_view_real td {
	text-align: left;
}
.view-id-list_view_real tr {
	height: 47px;
}

.view-id-list_view_real td.views-field-title {
	text-align: left;
	width: auto;
	min-width: 418px;
}

.view-id-list_view_real caption {
	text-align: left;
	font-size: 2em;
	font-weight: 400;
	color: rgba(0, 0, 0, .60);
	line-height: 1em;
	padding: 26px 10px;
	position: absolute;
	top: 0;
	left: 0;
}
.view-id-list_view_real table{
	border-collapse: separate;
}
.view-id-list_view_real .views-table {
	/*font-family: 'Open Sans', sans-serif;*/
	font-size: 13px;
	transition: all .3s ease-out;
	border-radius: 2px;
	margin: 10px 0 0 0;
	width: 100%;
	position: relative;
	border: 0;
}

.view-id-list_view_real .view-footer .views-table {
	margin: 0 0 40px 0;
}

.view-id-list_view_real a {
	text-decoration: none;
	color: #353535;
}

#block-block-15 {
	background-color: #fff;
	margin: 5px 0px 10px 0px;
	padding: 5px;
}

.view-id-list_view_real .view-header {
	font-weight: bold;
	font-size: 1em;
	margin-top:20px;
}

.view-id-list_view_real .view-header p {
	margin: 0px 0 0 5px;
	font-size: 15px;
}

a.nostyle {
	text-decoration: none !Important;
}

.site-type-River.Gauge {
	background-image: url("images/32px-toggle-gauge-on.png");
}

.site-type-Storage {
	background-image: url("images/32px-toggle-storage-on.png");
}

.site-type-Weirs {
	background-image: url("images/32px-toggle-weir-on.png");
}

.site-type-River.Gauge,
.site-type-Storage,
.site-type-Weirs {
	background-position: 10px 50%;
	background-repeat: no-repeat;
	padding-left: 40px;
	margin: 10px 0;
}

h1#new-page-title {
	margin-bottom: 5px;
	line-height: 1em;
	padding: 10px 10px 10px 50px;
	margin: -10px -10px 10px -10px;
	font-weight: 300;
	/*font-family: 'Open Sans', sans-serif;*/
}

h1#new-page-title .rivername{
	font-weight: 100;
}

.live-data-container {
	min-height: 150px;
	padding: 40px 10px 10px 10px;
	z-index: 100;
	margin: 5px 0;
	transition: all .3s ease-out;
	border-radius: 2px;
	background-color: #fff;
}

.lrd-buton-ribbon {
  background-color: #fff;
  margin-bottom: 15px;
  padding: 2px 5px 10px 5px;
  float:right;
}

.lrd-graph-buttons {
  background-color: #eee;
  margin: -10px -10px 5px -10px; 
  padding: 5px 5px;
}

.lrd-graph-buttons ul, 
.lrd-graph-buttons ul li, 
.lrd-buton-ribbon ul, 
.lrd-buton-ribbon ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline-block;
}

.weekly-flow-forecast a,
.lrd-buton-ribbon ul li a {
	margin: 3px;
	transition: all .3s ease-out;
	border: 2px solid #00a18e;
	border-radius: 15px;
	padding: 3px 2px 4px 10px;
	display: inline-block;
	text-decoration: none;
	color: #fff;
	text-align: center;
	width: 199px;
	position: relative;
	font-size:12px;
	font-weight: bold;
}
.weekly-flow-forecast a:hover,
.lrd-buton-ribbon ul li a:hover{
	border-color: #007163;
    color: #007163;
    background-color: rgba(0, 161, 142, 0.05);
}
.weekly-flow-forecast a,
.weekly-flow-forecast a:link,
.lrd-buton-ribbon ul li a, 
.lrd-buton-ribbon ul li a:link {
		color: #00a18e !Important;
}
.lrd-buton-ribbon ul li a span{
  background:#ddd;
  padding: 0px 3px;
  font-size:10px;
  border-radius: 3px;
}
.lrd-graph-buttons ul li a {
	background-color: #fff;
	margin: 5px;
	transition: all .3s ease-out;
	border-radius: 2px;
	padding: 5px 10px;
	display: inline-block;
	text-decoration: none;
	color: #000;
	text-align: center;
	width: 199px;
	position: relative;
}

.lrd-buton-ribbon ul li.historical a {
	width: 230px;
}

#chart_div {
	width: 1100px;
	display: block;
	margin: 0 auto;
	height: 460px;
}

#graphs {
	min-height: 150px;
	padding: 10px;
	z-index: 100;
	margin: 0px;
	background-color: #fff;
}

.view-stream:before ,
.view-download:before {
    font-family: 'ico2' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	color: #000;
	cursor: pointer;	
	position: absolute;
}

.view-download:before {
	content: "\e2c0";
	left: 7px;
	top: 7px;
	color: #00a18e;
}

.view-stream.pad-downstream:before {
	content: "\e0c3";
	left: 25px;
	top: 8px;
}

.view-stream.pad-upstream:before {
	content: "\e0c3";
	left: 34px;
	top: 8px;
}

.marquee span {
	font-weight: bold;
}

#block-views-news-ticker-block .liScroll-container {
	width: 665px;
	height: 29px;
}

#block-views-news-ticker-block .mask {
	width: 665px;
	left: 0;
}

#block-views-news-ticker-block .mask a:link {
	text-decoration: none;
	color: #000;
}

ul.liScroll span {
	font-size: 12px;
}

#block-views-news-ticker-block {
	/*position: absolute;
	right: 10px;
	top: 20px;*/
	z-index: 11;
	margin:auto;
	background-color: #fffce5;

	border-radius: 2px;
	padding: 5px 0;
	width: 90%;
	border: 2px solid #ed5;
	overflow: hidden;
}
/* News scroller */
.liScroll-container {
    border: 1px solid #ed5;
    background: #fffce5;
    width: 90%;
    height: 30px;
    margin: auto;
	position: relative;
}
.liScroll-container .mask {
	position: relative; 
    left: 10px;
    top: 0px;
	width: 98%;
}
ul.liScroll span{
	margin: 0px !important;
}
ul.liScroll li{
	height: 30px;
	display: inline-block;
	padding:5px;
}
/* END --- News scroller */
.infobox{
	margin: 0 0 1em 0;
	padding:15px;
	font-size: 14px;
}
.infobox.more-info{
	background-color: #efefef;
    border-color: #5f6062;
	border-top: 0.33333rem solid #5f6062;
	
}

.infobox.alert {
	background-color: #faf2e6;
	border-top: 5px solid #ca7b04;
}
.infobox p {
	margin: 0;
	margin-bottom:5px;
}

#block-block-16 img {
	width: 995px;
	display: block;
	margin: 20px 0;
}

@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed);

#block-views-flow-view-items-block, 
#block-block-16 {
	position: relative;
}

.flow-view-item {
	position: absolute;
	z-index: 10;
	font-size: 1.2em !important;
	/*font-family: 'Roboto Condensed', sans-serif;*/
	font-family:"DIN Offc W01", sans-serif;
	letter-spacing: -1px;
}

.flow-view-item a {
	text-decoration: none;
	color: #000;
	margin-left: -120px;
	padding-left: 120px;
}

.yarrawonga-main-channel.flow-view-item	{ top: 590px; left: 878px; }
.torrumbarry-headworks.flow-view-item	{ top: 1056px; left: 881px; }
.colignan.flow-view-item				{ top: 1348px; left: 592px; } /* added*/
.wentworth-weir.flow-view-item			{top: 1540px; left: 592px;} 
.tauwitchere-barrage.flow-view-item     		{top: 2251px; left: 592px;} 
.mildura-weir-downstream.flow-view-item		{ top: 1455px; left: 592px; }
.mundoo-barrage.flow-view-item				{ top: 2293px; left: 592px; }
.morgan-downstream.flow-view-item			{ top: 2068px; left: 592px; }
.a4260527.flow-view-item					{ top: 2162px; left: 592px; }
.lock-8-upstream.flow-view-item				{ top: 1667px; left: 592px; }
.albury-union-bridge-.flow-view-item		{ top: 418px; left: 592px; }
.lock-6-upstream.flow-view-item				{ top: 1838px; left: 592px; }
.lock-6-downstream.flow-view-item			{ top: 1838px; left: 718px; }
.lock-5-upstream.flow-view-item				{ top: 1899px; left: 592px; }
.lock-5-downstream.flow-view-item			{ top: 1899px; left: 718px; }
.lock-1-upstream.flow-view-item				{ top: 2108px; left: 592px; }
.lock-7-downstream.flow-view-item			{ top: 1710px; left: 718px; }
.lock-7-upstream.flow-view-item				{ top: 1710px; left: 592px; }
.lock-9-downstream.flow-view-item			{ top: 1625px; left: 718px; }
.lock-9-upstream.flow-view-item				{ top: 1625px; left: 592px; }
.weir-32-upstream.flow-view-item			{ top: 1144px; left: 149px; }
.menindee-lakes.flow-view-item				{ top: 1100px; left: 150px; }
.lock-10-upsstream.flow-view-item			{ top: 1407px; left: 592px; }
.wilcania.flow-view-item					{ top: 1042px; left: 150px; }
.lock-4-upstream.flow-view-item				{ top: 1940px; left: 592px; }
.lock-4-downstream.flow-view-item			{ top: 1940px; left: 718px; }
.lock-3-upstream.flow-view-item				{ top: 1983px; left: 592px; }
.lock-3-downstream-.flow-view-item			{ top: 1983px; left: 718px; }
.rufus-river.flow-view-item 					{top: 1712px;left: 360px;}
.frenchman-creek.flow-view-item 				{top: 1625px;left: 360px;}
.lake-alexandrina.flow-view-item							{ top: 2210px; left: 592px; }
.lake-albert.flow-view-item									{ top: 2210px; left: 847px; }
.murray-bridge.flow-view-item								{ top: 2168px; left: 592px; }
.lower-lakes-barrages.flow-view-item						{ top: 2335px; left: 592px; }
.flow-to-south-australia.flow-view-item						{ top: 1795px; left: 592px; }
.lake-victoria.flow-view-item								{ top: 1668px; left: 360px; }
.lock-1-downstream.flow-view-item							{ top: 2108px; left: 718px; }
.lock-2-downstream.flow-view-item							{ top: 2026px; left: 718px; }
.lock-2-upstream.flow-view-item								{ top: 2026px; left: 592px; }
.burtundy.flow-view-item									{ top: 1187px; left: 150px; }
.lock-10-d-s.flow-view-item									{ top: 1324px; left: 584px; }
.euston-weir-upstream-.flow-view-item						{ top: 1303px; left: 592px; }
.edward-river-offtake.flow-view-item						{ top: 682px; left: 465px; }
.corowa.flow-view-item										{ top: 462px; left: 591px; }
.kerang.flow-view-item										{ top: 1099px; left: 703px; }
.rochester.flow-view-item									{ top: 934px; left: 722px; }
.mccoy-bridge.flow-view-item					 			{ top: 822px; left: 737px; }
.peechelba.flow-view-item									{ top: 504px; left: 712px; }
.bandiana.flow-view-item									{ top: 313px; left: 714px; }
.bringenbrong-bridge.flow-view-item							{ top: 118px; left: 592px; }
.dartmouth-dam.flow-view-item								{ top: 100px; left: 860px; }
.colemans.flow-view-item									{ top: 144px; left: 860px; }
.tallandoon.flow-view-item									{ top: 186px; left: 860px; }
.hinnomunjie.flow-view-item									{ top: 55px; left: 860px; }
.jingellic.flow-view-item									{ top: 205px; left: 592px; }
.hume-dam.flow-view-item									{ top: 270px; left: 589px; }
.pinegrove.flow-view-item									{ top: 162px; left: 455px; }
.stoney-crossing.flow-view-item								{ top: 1057px; left: 444px; }
.doctors-point.flow-view-item								{ top: 357px; left: 592px; }
.wakool-canal.flow-view-item								{ top: 969px; left: 180px; }
.euston-weir-downstream.flow-view-item						{ top: 1303px; left: 712px; }
.wakool-junction.flow-view-item								{ top: 1212px; left: 592px; }
.balranald.flow-view-item									{ top: 1256px; left: 425px; }
.torrumbarry-weir-downstream.flow-view-item					{ top: 1013px; left: 724px; }
.yarrawonga-weir-upstream.flow-view-item					{ top: 546px; left: 592px; }
.torrumbarry-weir-upstream.flow-view-item					{ top: 1013px; left: 592px; }
.swan-hill.flow-view-item									{ top: 1140px; left: 592px; }
.tocumwal.flow-view-item									{ top: 636px; left: 592px; }
.echuca-wharf.flow-view-item								{ top: 889px; left: 591px; }
.steven-039-s-weir-upstream.flow-view-item					{ top: 925px; left: 180px; }
.steven-039-s-weir-downstream.flow-view-item				{ top: 925px; left: 290px; }
.gulpa-creek-offtake.flow-view-item							{ top: 730px; left: 466px; }
.edward-escape.flow-view-item								{ top: 847px; left: 152px; }
.mulwala-canal.flow-view-item								{ top: 590px; left: 430px; }
.yarrawonga-weir-downstream.flow-view-item					{ top: 546px; left: 721px; }
.biggara.flow-view-item 									{ top: 54px; left: 592px; }
.redcliffs.flow-view-item                                   {top: 1394px;left: 592px;}
.barmah-choke.flow-view-item.flow-view-item                 {top: 777px; left: 592px}

#zone-about-wrapper {
	background-color: #191919;
}

#zone-menu-wrapper {
	background-color: #ebebeb;
	    height: 48px;
 border-bottom:4px solid #ebebeb;
}

#zone-about-wrapper ul {
	margin: 0;
	padding: 10px 0;
	text-align: right;
}

#zone-about-wrapper ul li {
	margin: 0 15px 0 0;
	padding: 0;
	display: inline-block;
	list-style: none;
}

#zone-about-wrapper ul li a {
	color: #fff;
	text-decoration: none;
}

#block-menu-block-3 ul li a:hover, 
#zone-about-wrapper ul li a:hover {
	color: #00a18e;
	text-decoration: underline;
}

#zone-about-wrapper ul li.last a {
	font-weight: bold;
}

#block-menu-block-4 ul {
	margin: 0;
	padding: 0;
}

#block-menu-block-4 ul li {
	margin: 0 -5px 0 0;
	padding: 0;
	list-style: none;
	display: inline-block;
	width: 16.66667%;
}

#block-menu-block-4 ul li a {
	text-decoration: none;
	color: #333;
	padding: 12px;
    line-height: 1;
	display: block;
}

#block-menu-block-4 ul li a.active {
	color: #fff;
    background: #009180;
}

#block-menu-block-4 ul li a:hover {
	background-color: #00a18e;
	color: #fff;
}

span.notavail {
    color: #5f6062;
    display: inline-block;
    padding: 1px 1px;
    font-size: 0.8rem;
    line-height: 1;
    white-space: nowrap;
    cursor: default;
    border-radius: 2px;
}

.list-icon span {
	position: absolute;
	left: -9001px;
}

.list-icon.list-icon-River.Gauge,
.list-icon.list-icon-Weirs,
.list-icon.list-icon-Storage {
    height: 25px;
    width: 35px;
    display: block;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
}

.list-icon.list-icon-River.Gauge { background-image: url('images/list-view/icon--river-gauge.svg'); }
.list-icon.list-icon-Weirs { background-image: url('images/list-view/icon--weir.svg'); }
.list-icon.list-icon-Storage { background-image: url('images/list-view/icon--storage.svg'); }

.view-id-list_view_real span {
    color: #5f6062 !Important;
}

.views-field.views-field-view-node a {
	white-space: nowrap;
	background: transparent;
    border: 2px solid #00a18e;
    color: #00a18e;
	font-size: 0.8rem;
    padding: 0.33333rem 0.5rem 0.46667rem;
    font-weight: normal;
	display: inline-block;
    text-align: center;
    line-height: 1;
    cursor: pointer;
    -webkit-appearance: none;
    transition: all 0.25s ease-out;
    vertical-align: middle;
	border-radius: 100px;
	margin: 0 0 0 0;
}

.views-field.views-field-view-node a:hover {
	border-color: #007163;
    color: #007163;
    background-color: rgba(0, 161, 142, 0.05);
}

.view-list-view-real thead th {
    border-bottom: 5px solid #ccc !important;
    color: #333;
    font-weight: bold;
}

.view-list-view-real tr th,
.view-list-view-real tr td,
.view-list-view-real tr.odd,
.view-list-view-real tr.even,
.view-list-view-real tr.odd td,
.view-list-view-real tr.even td,
.view-list-view-real tr:hover td,
.view-list-view-real td:hover,
.view-list-view-real tr:hover td,
.view-list-view-real tr.even td.active,
.view-list-view-real tr.odd td.active {
	background: none;
	white-space: nowrap;
}

.view-list-view-real th.active, 
.view-list-view-real td.active {
	border-left: 0;
	border-right: 0;
}

.view-list-view-real tr th a {
	color: #0065a4;
}

.view-list-view-real tr th a:hover, 
.view-list-view-real tr th a:focus {
    color: #00a18e;
    text-decoration: underline;
}

.view-list-view-real .even td.active, 
.view-list-view-real .even th.active {
    background: #f3faf9;
}

.view-list-view-real .odd td.active, 
.view-list-view-real .odd th.active {
    background: #ecf3f2;
}

.view-list-view-real tr.odd,
.view-list-view-real tr.even {
    border-top: 2px solid #ccc;
}

.view-list-view-real tr.odd {
	/*background-color: #f8f8f8;*/
}


.riverdata-listview table.views-table td.views-field-field-riverdata-site-name:after{
    width:3px;
    background: linear-gradient(to right, rgba(0, 0, 0, 0.1) 0%, transparent 100%);
}

.riverdata-listview table.views-table td.active,
.riverdata-listview table.views-table th.active{
	background: #f3faf9;
}
.riverdata-listview table.views-table th.active a{
	color: #009180;
}
.riverdata-listview table.views-table th.active a.active img{
	width:9px !important;
	height:9px !important;
}
.riverdata-listview  table.sticky-header{
	background: #fff;
	background: linear-gradient(to right, #ffffff 99.4%, #dddddd 100%);
	border: none;
	z-index: 1;
	font-size:13px;
}

.riverdata-listview table.sticky-header th.views-field-field-riverdata-site-name{
	width: 183px !important;
	box-shadow: 3px 0 3px -2px #ccc;
}
/*
.riverdata-listview table.views-table th.views-field-field-riverdata-site-name{
	box-shadow: 3px 3px 3px 0px #ccc;
}
.riverdata-listview table.views-table td.views-field-field-riverdata-site-name{
	box-shadow: 3px 3px 3px 0px #ccc;
}
*/

.view-list-view-real tr td {
	padding: 10px 9px;
	border-bottom: 2px solid #ccc;
}

.views-field-field-riverdata-site-name a {
	color: #0065a4;
}

.views-field-field-riverdata-site-name a:hover {
	text-decoration: underline;
	color: #00a18e;
}
.view-display-id-block_1 table.views-table{
	border-top: 3px solid #ccc;
	font-weight: bold;
}
.view-display-id-block_1 table.views-table tr td {
   border-bottom: none;
   border-right: none !important;
}
.legend-box span {
	position: absolute;
	left: -9001px;
}

.legend-box ul {
	margin: 0;
	padding: 0;
}

.legend-box ul li img {
	margin-right: 5px;
}

.legend-box ul li {
	margin: 0 10px 0 0;
	display: inline-block;
}

.legend-box {
	padding: 5px;
	margin: 5px;
	box-shadow: 0px 2px 12px #ccc;
	background-color: #fefefe;
	position: fixed;
    right: 0;
    bottom: 0;
}

td.views-field-view-node {
	width: 78px
}

td.views-field-field-riverdata-site-type {
	width: 30px;
}

td.views-field-name {
	width: 96px
}

td.views-field-field-riverdata-site-name {
	width: 180px;
	/* border-right: 1px solid #ddd !important; */
}
.container-12 .grid-12 {
    margin-left: 0px;
}	

#dbk_container_inner .dbk {
	background-color: whitesmoke;
	border-top-right-radius: 10px;
    border-top-left-radius: 10px;
	cursor: pointer;
}

#dbk_container_inner .dbk:hover {
	background-color: #ebebeb;
}


#dbk_container_inner .dbk.active-tab.data_level { background-color: #139cd8; }
#dbk_container_inner .dbk.active-tab.data_temp { background-color: #c63c3c; }
#dbk_container_inner .dbk.active-tab.data_cond { background-color: #9e6b9c; }
#dbk_container_inner .dbk.active-tab.data_waterlevelforecast { background-color: #139cd8; }
#dbk_container_inner .dbk.active-tab.data_waterlevelforecast.forecast { border-top: 3px solid #139cd8;}
#dbk_container_inner .dbk.active-tab.data_salinityforecast { background-color: #9e6b9c; }
#dbk_container_inner .dbk.active-tab.data_salinityforecast.forecast { border-top: 3px solid #9e6b9c;}
#dbk_container_inner .dbk.active-tab.data_flow { background-color: #0065a4; }
#dbk_container_inner .dbk.active-tab.data_flowforecast { background-color: #0065a4; }
#dbk_container_inner .dbk.active-tab.data_flowforecast.forecast { border-top: 3px solid #0065a4;}
#dbk_container_inner .dbk.active-tab.data_rain { background-color: #15c8ff; }
#dbk_container_inner .dbk.active-tab.data_gates { background-color: #0065a4; }
#dbk_container_inner .dbk.active-tab.data_volume_calc { background-color: #0065a4; }
#dbk_container_inner .dbk.active-tab.data_volumeforecast { background-color: #0065a4; }
#dbk_container_inner .dbk.active-tab.data_volumeforecast.forecast { border-top: 3px solid #0065a4;}
#dbk_container_inner .dbk.active-tab.site-data-wide { background-color: #0065a4; }
#dbk_container_inner .dbk.active-tab.data_discharge_ml_day { background-color: #0065a4; }
#dbk_container_inner .dbk.active-tab.data_div { background-color: #0065a4; }
#dbk_container_inner .dbk.active-tab.data_oxy { background-color: #7b995c; }




#dbk_container_inner .dbk.map{
	cursor: default !important;
}
#dbk_container_inner .dbk.active-tab {
	color: #fff;
}

#dbk_container_inner {
	border-bottom: 5px solid #eee;
}

#dbk_container_inner.water_level, #dbk_container_inner.waterlevelforecast_div { border-color: #139cd8; }
#dbk_container_inner.water_temp { border-color: #c63c3c; }
#dbk_container_inner.salinity, #dbk_container_inner.salinityforecast_div { border-color: #9e6b9c; }
#dbk_container_inner.flow_calc, #dbk_container_inner.flowforecast_div { border-color: #0065a4; }
#dbk_container_inner.rainfall { border-color: #15c8ff; }
#dbk_container_inner.gates { border-color: #0065a4; }
#dbk_container_inner.volume, #dbk_container_inner.volumeforecast_div  { border-color: #0065a4; }
#dbk_container_inner.data_volume_calc { border-color: #0065a4; }
#dbk_container_inner.site-data-wide { border-color: #0065a4; }
#dbk_container_inner.data_discharge_ml_day { border-color: #0065a4; }
#dbk_container_inner.data_div { border-color: #0065a4; }
#dbk_container_inner.dis_oxy { border-color: #7b995c; }
#dbk_container_inner.flow { border-color: #7b995c; }
#dbk_container_inner.forecast_div{ border-color: #0065a4; }

.dbk.data_volumeforecast.displayRule,
.dbk.data_waterlevelforecast.displayRule,
.dbk.data_flowforecast.displayRule,
.dbk.data_salinityforecast.displayRule,
.dbk.data_oxy.displayRule{
	display: none !important;
}
.dbk.forecast {
  background-image: url("images/icons/icon--forecast.png");
}
#dbk_container_inner .dbk.forecast { border-top: 3px solid #B7B6A7; background-color: #F4F4DC; padding-top: 7px;}

div.stream-select {
	float: right;
}

#select-list {
    height: 2.5rem;
    padding: 0.5rem;
    border: 1px solid #ccc;
    border-radius: 0;
    margin: 0 0 1rem;
    font-family: inherit;
    line-height: normal;
    color: #5f6062;
    background-color: #fafafa;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="32" height="24" viewBox="0 0 32 24"><polygon points="0,0 32,0 16,24" style="fill: rgb(51, 51, 51)"></polygon></svg>');
    background-size: 9px 6px;
    background-position: right 0.5rem center;
    background-repeat: no-repeat;	
	width: 135px;
}

button#stream {
	height: 2.5rem;
    padding: 0.5rem;
    border: 1px solid #ccc;
    border-radius: 0;
    margin: 0 0 1rem; 
    font-family: inherit;
    line-height: normal;
    color: #5f6062;
    background-color: #fafafa;
    border-radius: 0;
	border-left: 0;
}
#graphs{
	font-family: "DIN Offc W01", sans-serif;
	width:100%;
	position:relative;
}
.chart-data{
	font-size: 12px;
    font-style: italic;
	margin-bottom:0px !important;
	color: #5f6062;
	width:100%;
	text-align: right;
}
.chart-data span{
	font-weight: bold;
	padding-right: 30px;
}
.weekly-flow-forecast{
	font-size: 12px;
}
.info-box{
    padding: 10px;
    border-top: 6px solid #ccc;
    margin: 20px 0 10px;
}
.info-box.general-warning{
	background: #fef4d8;
    border-top: 6px solid #ea9a21;
	/* background: #edf4f9;
    border-top: 6px solid #0065a4; */
	padding-bottom: 5px !important;
}
.info-box.system-view-intro{
	background: #fafafa;
    border-top: 6px solid #ccc;
}
/*
@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon/icomoon.eot?wkl0u9');
  src:  url('fonts/icomoon/icomoon.eot?wkl0u9#iefix') format('embedded-opentype'),
		url('fonts/icomoon/icomoon.ttf?wkl0u9') format('truetype'),
		url('fonts/icomoon/icomoon.woff?wkl0u9') format('woff'),
		url('fonts/icomoon/icomoon.svg?wkl0u9#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}
.info-box.general-warning:before{
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 45px;
  display:inline-block;	
}
.info-box.general-warning:before{		
	content: "\e905";
	font-size: 32px;
    color: #009ddc;
	vertical-align: top;
}
*/

/* #block-views-news-ticker-for-alerts-block > div */
.info-box.general-warning div.block-inner{
    display: inline-block;
	width: 94%;
}
.info-box.general-warning div.block-inner p{
   margin-bottom:5px;	
}
.info-box.system-view-intro p{
	margin-bottom:10px;
}
.system-view-intro h1{
	font-size: 2em; 
	margin-bottom:10px;
	display:inherit;
}
.system-view-intro h1 span {
    font-weight: 100;
}
.alertOn a{
	background-image: url("images/icon-alert-16px.png") !important;
    background-repeat: no-repeat !important; 
    background-position-x: right !important; 
    background-position-y: center !important;
	padding-right: 18px;
}

/*PAGE WIDTH FOR SYSTEM VIEW
.page-node-423292{
	min-width: 1025px !important;
}
.page-node-423292 .container-12{
	min-width: 1015px !important;
}
.page-node-423292 .grid-12{
	min-width: 995px !important;
	margin-left: 10px !important;
	margin-right: 10px !important;
}
*/

.pan-message {
	display: none;
	padding: 5px;
}

@media only screen and (min-width:740px) and (max-width:1220px)  { 

	.page-node-423292 #zone-content,
	.page-node-423292 #region-content {
		width: 100% !Important;
		margin: 0 !Important;
	}

}

@media only screen and (max-width:955px) { 

	.pan-message {
		display: block;
	}

	.flow-view-item {
		width: 150px;
	}

	.view-id-flow_view_items .view-content {
		width: 955px;
	}

	#block-views-flow-view-items-block .block-inner {
		overflow: scroll;
		position: relative;
	}
}



/*MAP VIEW*/

	.context-map-view #region-content, 
	.context-map-view #zone-content,
	.context-map-view-mobile #region-content, 
	.context-map-view-mobile #zone-content
	{
		width: 100%;
		margin: 0;
	}
	
	.view-openlayers-map-test .view-header{
		position: absolute;
		z-index: 1;
		width: 100%;
	}
		
	/*map view popup*/
	#tablet-map-close,
	div.view-multiple-data,
	div.view-full-data{
		display:inline-block;
		
	}
	#map-info .tooltip_container_inner .view-full-data{
		vertical-align:top;
		margin-top:40px;
	}
	#tablet-map-close,
	div.view-multiple-data a,
	div.view-full-data a{
		border: 2px solid #00a18e;
		border-radius: 15px;
		padding: 3px 15px 6px;
		margin-left:10px;
		text-decoration: none;
		color:#00a18e;
		font-weight:bold;
		font-size: 13px;
	}
	#tablet-map-close{
		border: 2px solid #c77802;
		border-radius: 15px;
		padding: 3px 15px 6px;
		margin-left: 10px;
		text-decoration: none;
		color:#c77802;
		font-weight:bold;
		font-size: 13px;
	}
	div.view-multiple-data a:hover,
	div.view-full-data a:hover{
		box-shadow: 0 1px 3px rgba(36, 39, 41, 0.15);
		background-color: rgba(0, 161, 142, 0.05);
		transition: background-color 0.25s ease-in-out;
	}
	#tablet-map-info,
	#map-info{
		width:1210px;
		margin-left: auto;
		margin-right: auto;
		box-shadow: 6px 6px 10px #999;
	}
	#map-info .site-type-River.Gauge, #map-info .site-type-Storage, #map-info .site-type-Weirs{
		background-size: 30px;
	}
	#map-info .padding-container {
		padding: 10px 0px;
		-webkit-tap-highlight-color: rgba(0,0,0,0);
		transition: all .3s ease-out;
		border-radius: 2px;
		background-color: #fff;
		position: relative;
	}

	#map-info .padding-container{
		margin: 0px !important;
	}
	#map-info .tooltip_container_inner{
		background-color: none;
	}
	#map-info .tooltip_container_inner .dbk {
		padding: 10px 20px 10px 66px;
		background-size: 30px;
		display: inline-block;
		background-repeat: no-repeat;
		background-position: 10px 50%;
		position: relative;
		z-index: 100;
		margin: 0;
		transition: all .1s ease-out;
		background-color: #fff;
	}
	h2.popup-title{
		padding: 0px 0px 4px 50px !important;
		font-size: 24px !important;
		color: #24282b !important;
		font-weight: normal;
		margin-top:0px !important;
		margin-left: 0px;
	}
	h2.popup-title span{
		font-weight: 100; 
		color: rgba(0, 0, 0, 0.6) !important;
	}
	#pop_container_inner{
		margin:0px 10px;
		padding-bottom: 10px;
	}
	#pop_container h3.data_label {
		font-size: 14px;
		margin-bottom: 0px;
		font-weight: 400;
	}
	
	#pop_container span.station-time {
			margin-bottom: 0px;
			font-size: 11px;
			font-style: italic;
	}
	#tablet-map-info{
		-webkit-tap-highlight-color: rgba(0,0,0,0);
		transition: all .3s ease-out;
		border-radius: 2px;
		background-color: #fff;
		position: relative;
		box-shadow: 6px 6px 10px #999;
	}
	#tablet-map-info .popup-data{
		display: inline-block;
		padding: 5px 10px;
		border-radius: 2px;
		margin: 5px 0px;
		border-right: 1px solid #efefef;
	}
	#tablet-map-info .popup-data:last-child { 
       border-right: none;
    }

	#tablet-map-info  span.data_val{
		display:block;
	}
	#map-info .advice-text,
	#tablet-map-info .advice-text{
		background: #faf2e7;
		margin: 0px 10px;
		padding: 6px 5px 6px 10px;
		border-top: 5px solid #ca7b04;
		font-size: 14px;
		color:#555555;
	}
	#map-info .advice-text p,
	#tablet-map-info .view-multiple-data p,
	#tablet-map-info .advice-text p{
		margin-bottom: 0px;
	}
/*end/MAP VIEW*/


.page-map #zone-content,
.page-map #region-content {
width: 100% !Important;
margin: 0;
}


.fontweightbold{
    font-weight: bold;
}
.fontitalic{
   font-style: italic;
}


/* footer start */

#zone-footer-wrapper ul.list--inline.menu_social-media a.icon-twitter:before,
.footer__1-2 ul.list--inline.menu_social-media a.icon-facebook:before,
.footer__1-2 ul.list--inline.menu_social-media a.icon-rss:before,
.footer__1-2 ul.list--inline.menu_social-media a.icon-email:before,
.footer__1-2 ul.list--inline.menu_social-media a.icon-youtube:before
{
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.divider--thin {
    border: 0;
    border-top: 1px solid rgba(95, 96, 98, 0.25);
    clear: both;
	margin-top: 1rem;
}
#zone-footer-wrapper {
	background-color: #172b54;
}


#zone-footer-wrapper {
    background-color: #172b54;
	border-top:1px solid #d2d2d2;
	font-family: "Open Sans", sans-serif;
}
.region-inner.region-footer-inner {
    padding: 45px 0 !important;
}

a[href*="//"]:not([href*="mdba.gov.au"]):after, 
#zone-footer-wrapper ul.list--inline.menu_social-media a.icon-twitter:before,
.footer__1-2 ul.list--inline.menu_social-media a.icon-facebook:before,
.footer__1-2 ul.list--inline.menu_social-media a.icon-rss:before,
.footer__1-2 ul.list--inline.menu_social-media a.icon-email:before,
.footer__1-2 ul.list--inline.menu_social-media a.icon-youtube:before{
   font-size: 19px;
   vertical-align: middle;
   width: 26px !important;
   text-align: left !important;
   padding-right:5px;
 }

.footer__1-2 ul.list--inline.menu_social-media a.icon-twitter:before {		
content: "\e91a" !important;	
}
.footer__1-2 ul.list--inline.menu_social-media a.icon-facebook:before {	
content: "\e91b" !important;
}
.footer__1-2 ul.list--inline.menu_social-media a.icon-rss:before {			
content: "\e917" !important;
}
.footer__1-2 ul.list--inline.menu_social-media a.icon-email:before {		
content: "\e918" !important;
}
.footer__1-2 ul.list--inline.menu_social-media a.icon-youtube:before {		
content: "\e919" !important;
}

ul.list--inline.menu_social-media .icon-facebook:hover,
.color-hover--facebook:hover, .color-hover--facebook:active, .color-hover--facebook:focus {
    color: #3b5998 !important;
	background-color:transparent !important;
}
ul.list--inline.menu_social-media .icon-twitter:hover,
.color-hover--twitter:hover, .color-hover--twitter:active, .color-hover--twitter:focus {
    color: #00aced !important;
	background-color:transparent !important;
}
ul.list--inline.menu_social-media .icon-email:hover{
	background-color:transparent !important;
}
ul.list--inline.menu_social-media .icon-youtube:hover,
.color-hover--youtube:hover, .color-hover--youtube:active, .color-hover--youtube:focus {
    color: #cd201f !important;
	background-color:transparent !important;
}
ul.list--inline.menu_social-media .icon-rss:hover,
.color-hover--rss:hover, .color-hover--rss:active, .color-hover--rss:focus {
    color: #f26522 !important;
	background-color:transparent !important;
}

.footer__1-2 p,
.footer__2-2 p,
.footer__2-2 ul.footer__2-2-menu li a,
.menu-name-menu-footer-menu ul li a, .menu-name-menu-top-menu ul li a,
ul.list--inline.menu_social-media li{
/*	font-size:13px !important;  */
}

ul.list--inline.menu_social-media li{
	white-space: nowrap;
    display: inline-block;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 15px;
}
.footer__1-2 p,
.footer__2-2 p,
#block-block-8 h2,
#zone-footer-wrapper ul.list--inline.menu_social-media{
/*	color: #5F6062;  */
color: #172b59;
}
.menu-name-menu-footer-menu ul li a{
	border-right:none;
}
.menu-name-menu-top-menu ul li a{
	padding: 0px;
	border-right:none;
}
.footer__2-2-menu > li a:hover, 
.footer__2-2-menu > li a:active,
.footer__2-2-menu > li a:focus, 
ul.list--inline.menu_social-media li a:hover,
ul.list--inline.menu_social-media li a:focus,
#block-menu-block-1 a:hover, #block-menu-block-3 a:hover,
#block-menu-block-1 a:focus, #block-menu-block-3 a:focus{
	color: #00A18E;
}
.menu-name-menu-new-footer-menu ul li a, 
ul.list--inline.menu_social-media li a,
.footer__2-2-menu > li a{
	text-decoration: none;
/*	color: #5F6062;  */
color: #172b59;

}
.footer__1-2,
.footer__2-2{
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
    float: left;
}
.footer__1-2{
	padding-right: 15px;
}
.footer__2-2{
	text-align:right;
	padding-left: 15px;
}
.footer__2-2-menu > li {
    white-space: nowrap;
    display: inline-block;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
}
.divider--thin {
    border: 0;
    border-top: 1px solid #5f6062;
    clear: both;
	margin-top: 1rem;
}
.menu-name-menu-top-menu ul li a:hover, .menu-name-menu-top-menu ul li a:focus{
	color: #e6e6e6 !important;
}
.menu-name-menu-top-menu ul li{
	color: #fff;
}
#block-menu-block-3.inline-menu ul.menu {
    margin: 0;
    padding: 0;
	font-size:13px;
}
.menu-name-menu-top-menu ul li:first-child:before,
.footer__2-2-menu > li:first-child:before{
	content: "";
    margin-right: 0;
    margin-left: 0;
}
.menu-name-menu-top-menu ul li:before,
.footer__2-2-menu > li:before {
    content: "\00B7";
    margin-left: 7.5px;
    margin-right: 7.5px;
}

.block#block-menu-block-3 {
	margin-top: 0px !important;
}

#block-menu-block-3 ul li.first a{
	padding-left: 0px !important;
}
#block-menu-block-3 ul li.first {
    margin-left: 0 !important;
}
div.footer__1-2 > p, div.footer__2-2 > p{
	margin-bottom: 15px;
}
#block-menu-block-3 ul li{
	padding-top:0px !important;
}

/* footer end */


/* Header start  */
/*
.leaf.menu-mlid-2413 a {
    background-image: url(images/mdba-water-drop-icon2.png);
    background-position: 0% 50%;
    background-repeat: no-repeat;
    padding-left: 23px;
}
.inline-menu ul.menu li.leaf.menu-mlid-2413 {
	border-radius: 10px;
	padding: 0 5px;
}
*/
/* Header end  */




/* footer from production site start */

ul.footer-social-media  li a:before,
.footer__1-2 ul.list--inline.menu_social-media a.icon-twitter:before,
.footer__1-2 ul.list--inline.menu_social-media a.icon-facebook:before,
.footer__1-2 ul.list--inline.menu_social-media a.icon-rss:before,
.footer__1-2 ul.list--inline.menu_social-media a.icon-email:before,
.footer__1-2 ul.list--inline.menu_social-media a.icon-youtube:before,
.hero-large-text p.hero-large-text-link a:after, 
#block-apachesolr-search-search-form-core-search .views-exposed-widget.views-submit-button:before, 
#block-block-5 a.read-more-link:after, 
#zone-green-bar a.read-more-link:after, 
#views_slideshow_controls_text_previous_social_media_slideshow-block_1 a:before,
#views_slideshow_controls_text_next_social_media_slideshow-block_1 a:before, 
#views_slideshow_controls_text_previous_social_media_slideshow-block a:before,
#views_slideshow_controls_text_next_social_media_slideshow-block a:before, 
span.social-icon-Facebook:before, 
.field-name-field-accordion-section .ui-accordion-header-icon:before,
#quicktabs-news ul.quicktabs-tabs.quicktabs-style-nostyle li a:before {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.sm-col--6 {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
    float: left;
    padding-left: 15px;
    padding-right: 15px;
}

.list--inline {
    list-style: none;
    padding-left: 0;
    margin: 0;
    margin-bottom: 0;
}

.margin-bottom--none::after {
    clear: both;
    content: " ";
    display: table;
}

.sm-text--right {
    text-align: right !important;
}

.footer-left {
	float: left;
	width: 50%;
}

.footer-right {
	float: right;
	width: 45%;
}

.text--reversed {
    color: #fff !important;
/*	font-weight: bold;  */
}

.text--small {
    font-size: 12px;
    line-height: 1.6;
    margin-bottom: 0.66667rem;
/*	font-weight: bold; */
	list-style: none;
}

.text--small:last-child {
    margin-bottom: 0;
}

.text--small:first-child {
    margin-top: 0;
}

.text--small {
    font-size: 0.86667rem;
    margin-bottom: 0.66667rem;
    line-height: 1.6;
}


.list--inline > li {
    list-style-image: none;
    list-style-type: none;
    margin-left: 15px;
}

.menu-block-6 > ul {text-align: right;}

.list--inline .menu > li {
    display: inline-block;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 15px;
    padding: 0;
    white-space: nowrap;
}
.list--inline .menu > li {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0;
}

.bg--blue-navy {
    background-color: #172b54 !important;
}

.bg--grey-light {
    background-color: #ebebeb !important;

}
.region-footer-bottom {color:#fff;}

.footer {
    color: #172b54;
}
.region-footer-bottom {
padding-bottom: 15px;
    padding-top: 15px;
}
.region-footer-bottom ul > li > a:link,
.region-footer-bottom ul > li > a:visited {
  color: #fff !important;
}

.region-footer-bottom ul > li > a:link {text-decoration: none;}
.region-footer-bottom ul > li > a:visited {text-decoration: underline;}

.region-footer-bottom ul > li > a:hover {
  color: #f2f2f2;
  text-decoration: underline;
}

.region-footer-bottom {font-size:13px;}

.menu-block-5 > ul > li {
    list-style: none;
    padding-left: 0;
    margin: 0;
    margin-bottom: 0;
}

.icon--left{margin-right:7.5px}
.icon--right{margin-left:7.5px}
.icon--med{font-size:25px;-webkit-transform:translateY(3px);-ms-transform:translateY(3px);transform:translateY(3px);line-height:1}

.color--twitter{color:#00aced!important}.color--twitter a{color:#00aced!important;text-decoration:underline}
.color--twitter a:active,.color--twitter a:focus,.color--twitter a:hover{color:#0087ba!important;text-decoration:none}
.color-hover--twitter:active,.color-hover--twitter:focus,.color-hover--twitter:hover{color:#00aced!important}
.color--facebook{color:#3b5998!important}.color--facebook a{color:#3b5998!important;text-decoration:underline}.color--facebook a:active,
.color--facebook a:focus,.color--facebook a:hover{color:#2d4373!important;text-decoration:none}.color-hover--facebook:active,.color-hover--facebook:focus,
.color-hover--facebook:hover{color:#3b5998!important}.color--youtube{color:#cd201f!important}.color--youtube a{color:#cd201f!important;text-decoration:underline}
.color--youtube a:active,.color--youtube a:focus,.color--youtube a:hover{color:#a11918!important;text-decoration:none}.color-hover--youtube:active,.color-hover--youtube:focus,
.color-hover--youtube:hover{color:#cd201f!important}.color--rss{color:#f26522!important}.color--rss a{color:#f26522!important;text-decoration:underline}
.color--rss a:active,.color--rss a:focus,.color--rss a:hover{color:#d54d0d!important;text-decoration:none}.color-hover--rss:active,
.color-hover--rss:focus,.color-hover--rss:hover{color:#f26522!important}
.bg--twitter{background-color:#00aced!important}.bg--twitter-75{background-color:rgba(0, 172, 237, 0.75)!important}
.bg--twitter-50{background-color:rgba(0, 172, 237, 0.5)!important}.bg--twitter-25{background-color:rgba(0, 172, 237, 0.25)!important}
.bg--twitter-15{background-color:rgba(0, 172, 237, 0.15)!important}
.bg--facebook{background-color:#3b5998!important}.bg--facebook-75{background-color:rgba(59, 89, 152, 0.75)!important}.bg--facebook-50{background-color:rgba(59, 89, 152, 0.5)!important}
.bg--facebook-25{background-color:rgba(59, 89, 152, 0.25)!important}.bg--facebook-15{background-color:rgba(59, 89, 152, 0.15)!important}
.bg--youtube{background-color:#cd201f!important}.bg--youtube-75{background-color:rgba(205, 32, 31, 0.75)!important}
.bg--youtube-50{background-color:rgba(205, 32, 31, 0.5)!important}.bg--youtube-25{background-color:rgba(205, 32, 31, 0.25)!important}.bg--youtube-15{background-color:rgba(205, 32, 31, 0.15)!important}
.bg--rss{background-color:#f26522!important}.bg--rss-75{background-color:rgba(242, 101, 34, 0.75)!important}.bg--rss-50{background-color:rgba(242, 101, 34, 0.5)!important}

.color--primary{color:#009DDC!important}
.color--primary a{color:#009DDC!important;text-decoration:underline}
.color--primary a:active,
.color--primary a:focus,
.color--primary a:hover{color:#0079a9!important;text-decoration:none}
.color-hover--primary:active,
.color-hover--primary:focus,
.color-hover--primary:hover{color:#009DDC!important}

.color--secondary{color:#0065A4!important}
.color--secondary a{color:#0065A4!important;text-decoration:underline}
.color--secondary a:active,.color--secondary a:focus,
.color--secondary a:hover{color:#004671!important;text-decoration:none}
.color-hover--secondary:active,
.color-hover--secondary:focus,
.color-hover--secondary:hover{color:#0065A4!important}

.margin-bottom--none{margin-bottom:0!important}
.margin-bottom--none:after{content:' ';display:table;clear:both}
.margin-bottom--none:last-child{margin-bottom:0!important}
.icon-location:before,
.icon-facebook:before,
.icon-twitter:before,
.icon-email:before{
	vertical-align: bottom;
}
ul.list--inline.menu_social-media li:last-child {margin-right:0 !important;}
.sm-col--6 {
    padding-left: 0;
}
@media (min-width:900px){.section--generous{padding-top:45px;padding-bottom:45px}}

.icon_with-text{text-decoration:none; font-weight: 600;}
.icon_with-text a:active,
.icon_with-text a:focus,
li.icon_with-text a:hover {color: #00a18e !important;}

li.leaf {
	font-family: "Open Sans", sans-serif;
	font-weight: 600;
	font-size: 13px;
}


/* footer from production  */

/* Mega menu update start  */

#region-menu .menu li a {
    font-size: 16px;
}


.menu-block-4 .menu > li > a {
    border-bottom: 4px solid transparent;
    line-height: 1;
    padding: 19px 0 14px !important; 
    text-align: center;
}

.menu-block-4 .menu > li > a:active {line-height: 1.2 ;}




#zone-menu-wrapper .menu li a {
    color: #5F6062;
    font-weight: 600;
    border: 0;
}

.section-header {
    position: relative;
    z-index: 500;
    -webkit-box-shadow: 0 2px 5px 1px rgba(25, 25, 25, 0.13);
    box-shadow: 0 2px 5px 1px rgba(25, 25, 25, 0.13);
}




#block-menu-block-4 ul li a:focus, #block-menu-block-4 ul li a:hover {
    background-color: #fff;
    text-decoration: none;
    text-shadow: none;
    outline: none;
}

#block-menu-block-4 ul li a:focus, #block-menu-block-4 ul li a:hover, #block-menu-block-4 ul li a.active:hover{
    background-color: #FFF;
    color: #06846F;
    border-bottom: 4px solid #06846F;
}


#block-menu-block-4 ul.menu li.leaf
{
	border-right: 1px solid #d9d9d9;
	height: 52px;
}

#block-menu-block-4 ul.menu li.leaf:first-child {
	border-left: 1px solid #d9d9d9;
}

#block-menu-block-4 ul li a.active {
    color: #5F6062;
    background: transparent;
}

.tb-megamenu .nav>li {
    position: relative;
    width: 100%;
    margin: 0;
}

/* Mega menu update end  */

.callout--info{
	background: #fdf5e8;
    color: #774c0b;
    padding: 12px 15px 1px 15px;
    border: 2px solid #f8e0ba;
    border-radius: 3px;
    margin-bottom: 25px;
    margin-top: 25px;
    font-weight: 600;
    clear: both;
}


.callout--warning {
    background: #fdf5e8;
    color: #774c0b;
    padding: 12px 15px;
    border: 2px solid #f8e0ba;
    border-radius: 3px;
    margin-bottom: 25px;
    margin-top: 25px;
    font-weight: 600;
    width: 100%;
    clear: both;
}
.callout--warning:last-child {
    margin-bottom: 0;
}
.callout--warning:first-child {
    margin-top: 0;
}

.forecastAvailable {
    background-image: url(images/icon-forecast-16px.png) !important;
    background-position-x: 100% !important;
    background-position-y: 50% !important;
    background-repeat: no-repeat !important;
}

div.waterlevelforecast_div_warning.forecast_warning,
div.volumeforecast_div_warning.forecast_warning,
div.flowforecast_div_warning.forecast_warning,
div.salinityforecast_div_warning.forecast_warning{
	display: block;
    width: 215px;
    height: 300px;
    position: absolute;
    top: 245px;
    left: 802px;
    text-align: right;
}

/* footer location */
.col--12 .text--small:last-child {
    margin-bottom: 0;

}
.col--12 .text--small {
    font-size: 12px !important;
    margin-bottom: 0.66667rem;
    line-height: 1.6;
}

.paragraphs-items-field-upload-files p, ul, li {
    color: #191919;
}