/* *************************************************** */
/* Style changes for NWA2016 and beyond  as at 11Jan17*/

/*Changed: < NWA region overview page infographic styles: all sections of the infographic have been updated significantly and new styles added to accomodate new sections. Old/redundant styles have been removed>*/
/*Changed <NWA infographic water use and supply to be one graph - also added additional section with trade>/
/*Added < collapsible menu detail>
/*release: NWA2-V3.8-201617-Minor0.3*/

/*nwamaincontent*/

#nwamainmenu {
    float: left;
    display:block;
    width: 273px;
    font-family: Arial;
    min-height: 100%;
}

#nwamaincontent {
    font-family: arial, Arial, verdana, univers;
    font-size: 1.05em;
    width: 730px;
    float: left;
    padding: 0;
    margin: 0;
}
#nwamaincontent p {
    font-size: 100%;
    line-height: 1.5em;
    padding: 1px 15px 0px 15px;
    margin: 0.4em 0 0.5em;
}
#nwamaincontent p.photo_attribution {
font-size: 10px;
    line-height: 1.5em;
    padding: 1px 15px 0px 15px;
    margin: 0.4em 0 0.5em;
}


/* Miscellaneous */
#nwamaincontent span.external, #nwamaincontent a.external {
    padding: 1px 15px 0px 0px;
}

div#nwamaincontent span.tooltip {
    cursor: help;
    font-style: italic;
    color: rgb(17,94,103);
        
}
.regionTable {
    border: 1px solid #9C3;
    width: 95%;
    margin-left: 15px;
    font-size: 1em;
    /* changed region table to 95% width from 100, added margin to indent and added font-size to match remaining content Cmcclusky 10Nov15 */
}


/*breadcrumb style modified from groundwater insight */

#nwabreadcrumb ul {
    margin: 0;
    padding: .4em;
    font-size: 11px;
    height: 16px;
    width: 100%;
    background: transparent linear-gradient(to top, #EFEFEF, #FFF) repeat scroll 0% 0%;
    background: linear-gradient(to top,#efefef,#fff);

}
#nwabreadcrumb li {
    display:inline;
    width:auto;
    float:left;
    padding-left:14px;
    background:url(images/bullet-arrow.png) 2px 2px no-repeat;
    line-height: 1.4em;
}
#nwabreadcrumb a:focus{
    color:#000!important;
    text-decoration: none;
}
#nwabreadcrumb a:link{
    text-decoration: none;
}
#nwabreadcrumb li:first-child{
    background:url(images/bullet_2.gif) no-repeat;
}
#nwabreadcrumb a:link {
    color: #36C;
}
#nwabreadcrumb a:visited{text-decoration:none}

/* Header waterui style  - to be completed*/

#water-ui-header {
    padding-top: 10px;
	width: 1003px;
	height: 60px;
    margin: 0;
}
#water-ui-header h1 {
    padding: 5px;
	line-height: 1.3;
	display: block;
	margin: 10px 0 0 5px;
    text-align: left;
	color: #000!important;
	font-weight: bold;
	font-family: "Arial, Arial Neue",Arial,sans-serif!important;
	font-size: 20px!important;
	position: relative;
    float: left;
}
#water-ui-header h1 a {
        text-decoration: none;
}

.water-ui-navbuttons {
	position: relative;
	display: inline-block;
	float: right;
	z-index: 5;
}
.water-ui-button {
	font-family: 'Arial, Arial Neue', Arial, sans-serif;
	font-size: 14px!important;
	font-weight: 400!important;
    vertical-align:middle;
    position: relative;
	padding: 10px;
	color: #646262;
	border: 1px solid #ddd;
	border-radius: 6px!important;
	background-color: #ecedee;
	text-shadow: 0 0 0 #fff;
    width:8em;
    height 1em;
}
.water-ui-button:hover {
	font-family: 'Arial, Arial Neue', Arial, sans-serif;
	color: #000;
	border: 1px solid #aaa;
	background-color: #dad7ce;
}
.water-ui-button:active {
	color: #000;
	border: 1px solid #ddd;
	background-color: #f6f5f4;
	-webkit-box-shadow: 0 0 5px 5px #b5b5b5;
	box-shadow: 0 0 5px 5px #b5b5b5;
}

.water-ui-button-text {
	position: relative;
	top: -3px;
}

/* NWA navigation */ 
--------------------------------------------------- */


#nwamainmenu {
    float: left;
    display:block;
    width: 273px;
    font-family: Arial;
    min-height: 100%;
    
}
#nwamainmenu h1 {
    display:block;
    font-family: arial;
    font-size: 16px;
    text-align:left;
    color:#fff;
    margin:0;
    padding:8px 30px 8px 10px;
    font-weight:500;
    text-shadow: none;
    background-color: rgb(0,60,113);
    border-right-color: #156FB3; 
    border-right-style: solid; 
    border-right-width: thin;
}

#nwamainmenu h2 {
    font-size: 14px;
    font-family: arial;
    display: block;
    font-weight: 500px;
    line-height: 1.3;
    margin: 0;
    color: #fff;
    background-color: #215987;
    border-bottom-color: #156FB3; 
    border-bottom-style: solid; 
    border-bottom-width: thin;
    padding: 5px 5px 5px 5px;
    
}
#nwamainmenu h3 {
    font-size: 14px;
    font-family: arial;
    line-height: 1.3;
    display: block;
    background-color: #D5E9F7;
    border-bottom-style: solid; 
    border-bottom-width: thin;
    border-bottom-color: #fff;
    color: #333;
    margin: 0;
    padding: 5px 5px 5px 5px;
}
#nwamainmenu h4 {
    font-size: 12px;
    font-family: arial;
    line-height: 1.3;
    display: block;
    background-color: white;
    border-bottom-style: solid; 
    border-bottom-width: thin;
    border-bottom-color: rgb(0,60,113);
    color: #333;
    margin: 0;
    padding: 5px 5px 5px 30px;
}

#nwamainmenu h2 a:visited, #nwamainmenu h2 a:link{
    text-decoration: none;
    color:#fff;}

#nwamainmenu h3 a:visited, #nwamainmenu h3 a:link, #nwamainmenu h4 a:visited, #nwamainmenu h4 a:link{
    text-decoration: none;
    color:#333;}

#nwamainmenu h3 a:hover, #nwamainmenu h4 a:hover {
    font-weight: bold;

}
#nwamainmenu h3.released {
    font-weight: bold;
    
}
#nwamainmenu h3.released a:hover {
     background-color:#FFFFFF;
     background: #FFFFFF;
     font-weight: bold;
     cursor: pointer;
}
/* NWA list style */

#nwamaincontent ol {
    list-style-position: outside;
    margin:				0.2em 0.2em 0.2em 2.5em;
    padding:			0;
}
#nwamaincontent ol li ol {
}

#nwamaincontent ul {
    line-height: 1.40em;
    padding: 0px 25px 0px 50px;
    font-size: 100%;
    list-style-image: none;
}
#nwamaincontent ul li {
    padding: 0 0 0.3em 1px;
    line-height: 1.4em;
    list-style-type: 	disc;
    color: black;
    list-style-image: none;
}

#nwamaincontent ul li a, #nwamaincontent ul li a:hover  {
    text-decoration: 	none;
}

#nwamaincontent li ul {
    margin-bottom:		.5em!important;
}

/* NWA remove underline from hyperlinks */
#nwamaincontent a {
    text-decoration: none;
    cursor: auto;
    }
#nwamaincontent p a:hover, #nwamaincontent p a.hover {
    text-decoration: 	underline;
}
    align: center;}
	
/* NWA Image Styles */
#nwamaincontent span.nwaImage {
    color: #069;
    font-weight: 700;
    text-align: left;
        height:auto;
    margin: 0;
    padding: 0;
}
#landingpage img {
    align: center;}

.bannerimage {
    width: 110%;
    height: auto;
    margin: 0;
    padding: 0;}


.nwaHeadingPhoto {
    width:100%;
    height:auto;
    margin-top: -6px;
}

/* to be removed once updated */
.nwaPhoto {
    width:100%;
    height:auto;
    margin-top: -6px;
}


/* #nwamaincontent heading style */
#nwamaincontent h1 {
    display: block;
    width: 100%;
    font-family: arial;
    font-size: 16px;
    text-align:left;
    color:#fff;
    margin:0 px 0 px;
    padding:8px 0px 8px 10px;
    font-weight:500;
    text-shadow: none;
    background-color: rgb(0,60,113);
}
#nwamaincontent h2 {
    font-size: 19px;
    font-family: arial;
    border-bottom: none;
    color: #069;
    font-weight: 700;
    margin-left: 12px;
    margin-bottom: 6px;
    padding:3px 0px 3px 2px;
    background-color: rgb(112,115,114);
    background: linear-gradient(to left, rgb(112,115,114), white);
    
}
#nwamaincontent h3 {
    font-size: 17px;
    font-family: arial;
    border-bottom: none;
    color: #069;
    font-weight: 700;
    margin-left: 15px;
    margin-bottom: 6px;
}
#nwamaincontent h4 {
    font-size: 15px;
    font-family: arial;
    color: #069;
    font-weight: 700;
    margin-left: 15px;
    margin-bottom: 6px;
    padding-left: 20px;
}
#nwamaincontent h5 {
    font-size: 14px;
    font-family: arial;
    color: #069;
    margin-left: 15px;
    margin-bottom: 6px;
    padding-left: 20px;
    font-style: italic;
    font-weight: bold;
}
#nwamaincontent h6 {
    font-size: 11px;
    font-family: arial;
    color: #069;
    margin-left: 15px;
    margin-bottom: 6px;
    padding-left: 35px;
    font-style: italic;
}
#nwamaincontent h1 span.nwaH1Caption {
    font-size: .75em;
    font-family: arial;
    color: #069;
    margin-left: 15px;
    margin-bottom: 6px;
}

/***********************************/
/**NWA table styles*/
/** updated by Claire 29Nov16 **/

/** Table style applicable to all tables */

#nwamaincontent table {
    font-family: arial;
    border-collapse: collapse;
    border: 0px solid black;
    color: black;
    border-spacing: 0px;
    margin-left: 15px;
    margin-right: 10px;
    font-size: 1.05em;
}

#nwamaincontent table tbody td:first-child {
    text-align: left;
}

#nwamaincontent table tbody td 
{    padding: .25em;
}

#nwamaincontent table thead td {border-collapse: separate;
    border-spacing: 0px;
    padding: 5px;
    color: white;
    font-weight: bold;
    background-color: rgb(0,60,113);
    text-align: center;
    border-right-color: white; 
    border-right-style: solid; 
    border-right-width: thin;
    
    }

/* Partnerships page table**/
#nwamaincontent table.partnerships {
    width: 700px;
    border-collapse: collapse;
    border: 0px solid black;
    color: black;
    border-spacing: 0px;
    margin-left: 30px;
    margin-right: 10px;
    padding: 5px;
       display: block;
}
#nwamaincontent table.partnerships tbody tr td{
    padding: 5px;
 
    
}
#nwamaincontent table.partnerships tbody tr{
    line-height: 100px;
    
}

#nwamaincontent table.partnerships img {
    max-width: 220px;
    max-height: 90px;;
    width: auto;
   height: auto;
}


#nwamaincontent table.partnerships tbody td:first-child {text-align: center; width: 33%}
#nwamaincontent table.partnerships tbody td:nth-child(2) {text-align: center; width: 33%}
#nwamaincontent table.partnerships tbody td:nth-child(3){text-align: center; width: 33%}



/*  Define the background color for all the even table rows - applicable to tables nwa_t01, nwa_t02, nwa_t03, nwa_t05, nwa_t06, nwa_t07, nwa_t08 */
 #nwamaincontent table.nwa_t01 tbody tr:nth-child(even),#nwamaincontent table.nwa_t02 tbody tr:nth-child(even),#nwamaincontent table.nwa_t03 tbody tr:nth-child(even),#nwamaincontent table.nwa_t05 tbody tr:nth-child(even),#nwamaincontent table.nwa_t06 tbody tr:nth-child(even),#nwamaincontent table.nwa_t07 tbody tr:nth-child(even),#nwamaincontent table.nwa_t08 tbody tr:nth-child(even) {
    background-color: rgba(0,60,113,.15);
    }

/*  line and shading styles for table rows */
#nwamaincontent table.nwa_t01 tbody tr.line {
    border-spacing: 0;
    border-collapse: collapse;
    border-bottom: solid thin rgb(185, 192, 190);
    font-weight: bold;
    }
#nwamaincontent table.nwa_t02 tbody tr.line, #nwamaincontent table.nwa_t03 tbody tr.line, #nwamaincontent table.nwa_t05 tbody tr.line, #nwamaincontent table.nwa_t06 tbody tr.line, #nwamaincontent table.nwa_t07 tbody tr.line, #nwamaincontent table.nwa_t08 tbody tr.line {
    border-spacing: 0;
    border-collapse: collapse;
    border-bottom: solid thin rgb(185, 192, 190);
    }
#nwamaincontent table.nwa_t04 tbody tr.line {
    border-spacing: 0;
    border-collapse: collapse;
    border-bottom: solid thin #b7b9ba;
    font-weight: bold;
    background-color: rgba(0,60,113,.15);
    font-weight: bold;
    }
#nwamaincontent table.nwa_t04 tbody tr.bold {
    border-spacing: 0;
    font-weight: bold;
    border-bottom: solid thin;
    border-bottom-color: #b7b9ba;
        }


	/*  Define the background color for all the even table columns - applicable to tables nwa_t01, nwa_t04, nwa_t07, nwa_t08  */
#nwamaincontent table.nwa_t01 tbody tr td:nth-child(even), #nwamaincontent table.nwa_t04 tbody tr td:nth-child(even), #nwamaincontent table.nwa_t07 tbody tr td:nth-child(even), #nwamaincontent table.nwa_t08 tbody tr td:nth-child(even){ 
		background: rgba(112,115,114,0.2);
	}

/*nwa table 1 style - suitable for small to medium numerical tables. e.g. balancing items and liability tables with alternate row shading added by Claire McClusky 07Oct15*/

.nwa_t01 {
    width: 80%;
}
#nwamaincontent table.nwa_t01 thead td:first-child {
    background-color: white;
    
    }

.nwa_t01 tbody td:first-child {text-align: left; width: 60%}
.nwa_t01 tbody td:nth-child(2) {text-align: right; width: 20%}
.nwa_t01 tbody td:nth-child(3){text-align: right; width: 20%}


/* table 2 style suitable for tables with mainly text of three or more columns - column width is set to auto but the column widths can be manually set using the colgroup function in htm - added by Claire McClusky 07Oct15*/
.nwa_t02 {
    width: 95%;
    
}

.nwa_t02 tbody td {
    vertical-align: text-top;
}

.nwa_t02 colgroup col {
    width: auto;
}
 

/* table 3 style suitable for storages tables incontext information. column group classes assigned to ensure correct text alignment - column width is set to auto but the column widths can be manually set using the colgroup function in htm - added by Claire McClusky 07Oct15*/
.nwa_t03 {
    width: 90%;
    }

.nwa_t03 tbody td:first-child { width: 35%;}
.nwa_t03 tbody td:nth-child(2) {text-align: right; width: 18%;}
.nwa_t03 tbody td:nth-child(3){text-align: right; width: 18%;}
.nwa_t03 tbody td:nth-child(4) {text-align: left; width: 30%;}



/* table 4 style suitable for water resources and systems tables. correct text alignment - column widths specified - added by Claire McClusky 07Oct15*/

.nwa_t04 {
    
    width: 95%;
    }
.nwa_t04 tbody td {
    height: 14px;
    
}
#nwamaincontent table.nwa_t04 thead td:first-child {
    background-color: white;
    
    }

.nwa_t04 tbody td:first-child {text-align: left; width: 60%}
.nwa_t04 tbody td:nth-child(2) {text-align: right; width: 20%}
.nwa_t04 tbody td:nth-child(3){text-align: right; width: 20%}
.nwa_t04 tbody td:nth-child(4){text-align: right; width: 20%}
.nwa_t04 tbody td:nth-child(5){text-align: right; width: 20%}
.nwa_t04 tbody td:nth-child(6) {text-align: right; width: 20%}
.nwa_t04 tbody td:nth-child(7) {text-align: right; width: 20%}



/* table 5 style suitable for tables in the quantification approach with mainly text of three columns - column width specified.  - added by Claire McClusky 30Oct15*/
.nwa_t05 {
    width: 95%;
}
.nwa_t05 tbody td {
    vertical-align: text-top;
}
.nwa_t05 td:first-child {text-align: left; width: 30%;}
.nwa_t05 td:nth-child(2) {text-align: left; width: 35%;}
.nwa_t05 td:nth-child(3) {text-align: left; width: 35%;}


 .nwa_t05 ul {
    line-height: 1.40em;
    padding: 0px 5px 0px 20px;
    font-size: 100%;
    list-style-image: none;
}

/* table 6 style suitable for tables with mainly text of two columns - column width is set to 60%  - added by Claire McClusky 07Oct15*/
.nwa_t06 {
    width: 60%;}

.nwa_t06 tbody td {
    vertical-align: text-top;
}


.nwa_t06 col:first-child { width: 20%;}
.nwa_t06 col:nth-child(2) { width:80%;}

/* table 7 - customised for Canberra Physical information only. */

.nwa_t07 {
    width: 90%;
}

.nwa_t07 tbody td:first-child {text-align: left}
.nwa_t07 tbody td:nth-child(2) {text-align: right}
.nwa_t07 tbody td:nth-child(3){text-align: left}

.nwa_t07 colgroup col {
    width: auto;
}
.nwa_t07 thead td:first-child {
    background-color: rgb(0,61,113);
    
    }
    
/*nwa table 8 style - suitable for numerical tables with 3 columns of numbers added by Claire McClusky 29Nov16*/

.nwa_t08 {
    width: 90%;
    }

#nwamaincontent table.nwa_t08 thead td:first-child {
    background-color: white;
    
    }
.nwa_t08 tbody td:first-child {text-align: left; width: 40%}
.nwa_t08 tbody td:nth-child(2) {text-align: right; width: 15%}
.nwa_t08 tbody td:nth-child(3){text-align: right; width: 15%}
.nwa_t08 tbody td:nth-child(4){text-align: right; width: 15%}
.nwa_t08 tbody td:nth-child(5){text-align: right; width: 15%}

/*new table style captions*/

.nwa_t01 caption, table.nwa_t02 caption, table.nwa_t03 caption, table.nwa_t04 caption, table.nwa_t05 caption, .nwa_t06 caption, .nwa_t07 caption, .nwa_t08  caption {
    color:#069;
    font-weight:bold;
    text-align: left;
}


.nationaloverviewsummary {
    background-color: rgba(0,61,106,0.1);
    width: 730px;
    color: rgb(0,61,113);
    margin-top: -6px;
    padding:0; 
    position: relative;
    float: left;
}

.nationaloverviewsummary p {
    font-family: Arial;
    font-size: 1.1em;
    line-height: inherit;
    color: rgb(0,61,113);
}

/* NWA region overview page infographic styles - updated 22Nov16 */

#regionsummary {
    background-color: rgba(0,61,106,0.1);
    width: 730px;
    color: rgb(0,61,113);
    margin: 0;
    padding:0; 
    position: relative;
    float: left;
}


#regionsummary p {
    font-family: Arial;
    font-size: 1.1em;
    line-height: inherit;
    color: rgb(0,61,113);
}

#regionsummary p.keyfindings {
    width: 610px;
    font-family: Arial;
    font-size: 1.1em;
    line-height: inherit;
    color: rgb(0,61,113);
}
#regionsummary img.calendar {
    position: absolute;
    top: -20%;
    right: 1%;
    transform:rotate(5deg);
    height: 105px;
    width: 95px;
}    
    
/*Infograph - Region at a glance style*/
#nwaInfographWater {
    width: 730px;
    height: 260px;
    position: relative;
    float: left;
    background-color:rgba(0,61,106,0.15);
}
#nwaInfographWaterHead {
    width: 730px;
    height: 35px;
    position: relative;
    background: linear-gradient(to left,white,rgb(0,61,113 ));
    }
        
#nwaInfographWaterHead h3 {
    font-family: Arial;
    font-size: 1.9em;
    color: white;
    font-weight: 500;
    padding: 5px 0 0 10px;
    margin: 0;
    position: absolute;
    top:0%;
    left: 0%;
        }
#infographRainfall, #infographStreamflow {
    width: 243px;
    height: 250px;
    border-right: white thin solid;
    position: relative;
    float: left;
    top: 2%
}

#infographStorage {
    width: 242px;
    height: 250px;
    position: relative;
    float: left;
    top: 2%;
}

#nwaInfographWater h4 {
    width: 100%;
    font-family: Arial;
    font-size: 1.8em;
    font-weight: 500;
    color: rgb(0,61,106);
    position: absolute;
    top: 0%;
    text-align: center;
    margin: 0;
    padding: 0;
}

#nwaInfographWater p.volume  {
    width: 100%;
    font-family: Arial;
    font-size: 1.8em;
    font-weight: 500;
    color: rgb(0,61,106);
    margin: 0;
    padding:0;
    position: absolute;
    top: 58%;
    text-align: center;
}

#nwaInfographWater p.content {
    width: 100%;
    font-family: Arial;
    font-size: 1.1em;
    font-weight: 200;
    color: rgb(0,61,106);
    position: absolute;
    top: 75%;
    text-align: center;
    margin: 0;
    padding:0;
    
}

#nwaInfographWater img.icon{
    position: center;
    display:block;
    margin-top: 33px;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
    border-radius: 55px;
    background-color: white;
    z-index: 2;
    height: 110px;
    width: 110px;
}
#nwaInfographWater img.icon:hover {
    background-color: rgba(0,61,106,0.15);
    box-shadow: 0px 2px 2px 0 rgb(0,61,106);    
}

/* add subheader for collapsible menu */
#nwamainmenu h2:hover{
    background-color:#156FB3;
}

/* add subheader up and down arrow icon for expandable functionality, by Martin Chan 03Jan17 */
.subheader{
    cursor: pointer;
    background-image:url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20style%3D%22fill%3A%23FFFFFF%3B%22%20points%3D%2211.949%2C3.404%207%2C8.354%202.05%2C3.404%20-0.071%2C5.525%207%2C12.596%2014.07%2C5.525%20%22%2F%3E%3C%2Fsvg%3E");
    background-position: 250px center;
    background-repeat: no-repeat;
}

.subheader-down{
    cursor: pointer;
    background-image:url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20style%3D%22fill%3A%23FFFFFF%3B%22%20points%3D%2211.949%2C3.404%207%2C8.354%202.05%2C3.404%20-0.071%2C5.525%207%2C12.596%2014.07%2C5.525%20%22%2F%3E%3C%2Fsvg%3E");
    background-position: 250px center;
    background-repeat: no-repeat;
}

.subheader-up{
    cursor: pointer;
    background-image:url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20style%3D%22fill%3A%23FFFFFF%3B%22%20points%3D%222.051%2C10.596%207%2C5.646%2011.95%2C10.596%2014.07%2C8.475%207%2C1.404%20-0.071%2C8.475%20%22%2F%3E%3C%2Fsvg%3E");
    background-position: 250px center;
    background-repeat: no-repeat;
}

/* Start Infograph Water Sources*/
#nwaWaterSourcesSupply {
    width: 730px;
    height: 325px;
    position: relative;
    float: left;
    background-color: rgba(0,61,113,0.1);}

#WaterSourcesSupplyHead {
    width: 730px;
    height: 35px;
    position: relative;
    background: linear-gradient(to left,white,rgb(0,61,113 ));
    }
#WaterSourcesSupplyHead h3 {
    font-family: Arial;
    font-size: 1.9em;
    color: white;
    font-weight: 500;
    padding: 5px 0 0 10px;
    margin: 0;
    position: absolute;
    top:0%;
    left: 0%;
}
#WaterSourcesSupplyContent {
    width: 730px;
    height: 290px;
    position: absolute;
    right:1%;}
        
#WaterSourcesSupplyContent img.graph1 {
    position: absolute;
    top: 0%;
    left: 0%; 
}

#WaterSourcesSupplyContent img.graph2 {
    position: absolute;
    top: 0%;
    right: 0%; 
}

#WaterSourcesSupplyContent img.arrow {
    position: absolute;
    top: 45%;
    left: 43%;
    height: 30px;
    width: 105px;
}
#WaterSourcesSupplyContent p {
    font-family: Arial;
    color: rgb(0,61,106);
    text-align: left;
    margin: 0;
    padding:0;
    z-index: 1;
}


#WaterSourcesSupplyContent p.desc, #WaterSourcesSupplyContent p.desc2 {
    font-size: 1.0em;
    font-weight: 300;
}
#WaterSourcesSupplyContent p.percentage {
    font-size: 1.3em;
    font-weight: 500;
}

#WaterSourcesSupplyContent p.volume {
    width: 100%;
    font-size: 1.7em;
    font-weight: 500;
    text-align: center;
}
#WaterSourcesSupplyContent p.sourced, #WaterSourcesSupplyContent p.supplied {
    font-size: 1.4em;
    font-weight: 300;
}


#WaterSourcesSupplyContent p.comment {
    width: 100%;
    font-size: 1.5em;
    font-weight: 400;
    text-align: center;
    }

    
}

#WaterSourcesSupplyContent a {
    cursor: pointer;
}

#WaterSourcesSupplyContent p.desc:hover, #WaterSourcesSupplyContent p.supplied:hover {
    text-decoration: underline;
}
 




/* Start water use infographic */

#infographWaterStatus {
    width: 730px;
    height: 320px;
    position: relative;
    float: left;
    background-color:rgba(0,61,106,0.2);
}

#infographWaterStatusHead {
    width:730px;
    height: 35px;
    position: relative;
    background: linear-gradient(to left,white,rgb(0,61,106));
}

#infographWaterStatusHead h3 {
    font-family: Arial;
    font-size: 2.0em;
    color: white;
    font-weight: 500;
    padding: 5px 0 0 20px;
    margin: 0;
}

#infographWaterStatusEnt, #infographWaterStatusAssets {
    width: 243px;
    height: 245px;
    padding: 20px 0 0 0;
    border-right: white thin solid;
    position: relative;
    float: left;
}

#infographWaterStatusOutlook {
    width: 242px;
    height: 245px;
    padding: 20px 0 0 0;
    position: relative;
    float: left;
}


#infographWaterStatus img.icon4{
    position: center;
    display:block;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
    border-radius: 55px;
    background-color: white;
    z-index: 2;
    height: 110px;
    width: 110px;

}

#infographWaterStatus img.icon4:hover {
    background-color: rgba(0,61,106,0.15);
    box-shadow: 0px 2px 2px 0 rgb(0,61,106);    
}



#infographWaterStatus p.title {
    width:100%;
    font-family: Arial;
    font-size: 1.8em;
    font-weight: 500;
    color: rgb(0,61,106);
    position: absolute;
    top: 3%;
    text-align: center;
    padding: 0;
    margin: 0;
}

#infographWaterStatus p.volume {
    width:100%;
    font-family: Arial;
    font-size: 1.8em;
    font-weight: 500;
    color: rgb(0,61,106);
    position: absolute;
    top: 58%;
    text-align: center;
    padding: 0;
    margin: 0;
}

#infographWaterStatus p.comment {
    width:100%;
    font-family: Arial;
    font-size: 1.1em;
    font-weight: 200;
    color: rgb(0,61,106);
    position: absolute;
    top: 72%;
    text-align: center;
    padding: 0;
    margin: 0;
}
#infographWaterStatus p.comment2 {
    width:92%;
    font-family: Arial;
    font-size: 1.0em;
    font-weight: 200;
    color: rgb(0,61,106);
    position: absolute;
    bottom: 3%;
    text-align: center;
    padding: 0;
    margin: 0;
}
#infographWaterStatus p.comment3 {
    width:100%;
    font-family: Arial;
    font-size: 0.9em;
    font-weight: 200;
    color: rgb(0,61,106);
    position: absolute;
    top: 78%;
    left: -1%;
    text-align: center;
    padding: 0;
    margin: 0;
}



/* style added to accomodate MDB region */
#infographWaterStatusMDB {
    width: 730px;
    height: 300px;
    position: relative;
    float: left;
    background-color:rgba(0,61,106,0.2);
}

#infographWaterStatusHeadMDB {
    width:730px;
    height: 35px;
    position: relative;
    background: linear-gradient(to left,white,rgb(0,61,106));
}

#infographWaterStatusHeadMDB h3 {
    font-family: Arial;
    font-size: 2.0em;
    color: white;
    font-weight: 500;
    padding: 5px 0 0 20px;
    margin: 0;
}

#infographWaterStatusEntMDB, #infographWaterStatusAssetsMDB, #infographWaterStatusTradeMDB {
    width: 180px;
    height: 245px;
    padding: 20px 0 0 0;
    border-right: white thin solid;
    position: relative;
    float: left;
}

#infographWaterStatusOutlookMDB {
    width: 180px;
    height: 245px;
    padding: 20px 0 0 0;
    position: relative;
    float: left;
}


#infographWaterStatusMDB img.icon4{
    position: center;
    display:block;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
    border-radius: 55px;
    background-color: white;
    z-index: 2;
    height: 110px;
    width: 110px;

}

#infographWaterStatusMDB img.icon4:hover {
    background-color: rgba(0,61,106,0.15);
    box-shadow: 0px 2px 2px 0 rgb(0,61,106);    
}



#infographWaterStatusMDB p.title {
    width:100%;
    font-family: Arial;
    font-size: 1.8em;
    font-weight: 500;
    color: rgb(0,61,106);
    position: absolute;
    top: 3%;
    text-align: center;
    padding: 0;
    margin: 0;
}

#infographWaterStatusMDB p.volume, #infographWaterStatusMDB p.volume1, #infographWaterStatusMDB p.volume2 {
    width:100%;
    font-family: Arial;
    font-size: 1.7em;
    font-weight: 500;
    color: rgb(0,61,106);
    position: absolute;
    text-align: center;
    padding: 0;
    margin: 0;
}

#infographWaterStatusMDB p.volume,  {
    top: 58%;
}

#infographWaterStatusMDB p.volume1 {
    top:58%;
}

#infographWaterStatusMDB p.volume2 {
    top: 78%;
}

#infographWaterStatusMDB p.comment, #infographWaterStatusMDB p.comment2, #infographWaterStatusMDB p.comment3, #infographWaterStatusMDB p.comment4  {
    font-family: Arial;
    font-weight: 200;
    color: rgb(0,61,106);
    position: absolute;
    text-align: center;
    padding: 0;
    margin: 0;
}

#infographWaterStatusMDB p.comment {
    width:100%;
    font-size: 1.05em;
    top: 72%;
}
#infographWaterStatusMDB p.comment2 {
    width:92%;
    font-size: 0.95em;
    bottom: 3%;
}
#infographWaterStatusMDB p.comment3 {
    width:100%;
    font-size: 1.05em;
    top: 70%;
    left: -1%;
}

#infographWaterStatusMDB p.comment4 {
    width:100%;
    font-size: 1.05em;
    top: 90%;
    left: -1%;
}


/*******Old style sheet********************************************************************/

/* NWA General */
div#maincontent p {
    line-height: 1.5em;
    margin: .4em 0 .5em
}

/* *************************************************** */
/* Override JQuery Bad Styles */
div#nwaNotesDialog div#nwamaincontent {
    width: 100%;
    padding: 0px;
    margin: 0px;
}

.ui-widget {
    font-size: 1em;
    width: 65% !important
}

div#nwamaincontent a,div#nwamaincontent .ui-widget-content a {
    color: #000099;
}
div#nwamaincontent a:hover,
    div#nwamaincontent a:focus,
    div#nwamaincontent .ui-widget-content a:hover,
    div#nwamaincontent .ui-widget-content a:focus {
    color: #FF6633;
    text-decoration: underline;
}

/* NWA Old Headings */

div#maincontent h1 { font-size:2.8em; }
div#maincontent h2 { font-size:2.0em; }
div#maincontent h3 { font-size:1.6em; }
div#maincontent h4 { font-size:1.4em; }
div#maincontent h5 { font-size:1.3em; }
div#maincontent h6 { font-size:1.2em; }

/* H1 Style */
div#maincontent h1 {
    padding: 0px;
    margin: 0px;
    margin-bottom: 6px;
}
div#maincontent h1 span.nwaH1Caption {
    font-size: 0.75em;
}
/* Style for H2-H6 */
div#maincontent h2, div#maincontent h3, div#maincontent h4,
    div#maincontent h5, div#maincontent h6 {
    color: #006699;
    border-bottom: 1px solid #008DD4;
    padding: 0px;
    margin: 0px;
    margin-bottom: 6px;
}

/* Heading/Content Indenting */
div#maincontent h3, div#maincontent div.h3content { margin-left: 8px; }
div#maincontent h4, div#maincontent div.h4content { margin-left: 16px; }
div#maincontent h5, div#maincontent div.h5content { margin-left: 24px; }
div#maincontent h6, div#maincontent div.h6content { margin-left: 32px; }

/* *************************************************** */
/* NWA Old Subheadings */

div#maincontent div.nwaSubHeading {
    clear: both;
    color: #006699;
    font-weight: bold;
    text-decoration: underline;
    margin-top: 1em;
    margin-left; 20px;
    padding-right: 50px;
}
/* *************************************************** */
/* NWA Table and Image Styles */
div#nwamaincontent span.nwaImage,div#maincontent table.dataTableOne caption {
    color: #069;
    font-weight: 700;
    text-align: left
}

//* *************************************************** */
/* NWA Statement Error List */

div#nwamaincontent div.nwaErrorList {
    background-color: #FFE7E7;
    
    color: #C40000;
    border: 2px solid #C40000;
    
    margin: 0px;
    margin-top: 2px;
    margin-bottom: 10px;
    
    padding-top: 5px;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
}
div#nwamaincontent div.nwaErrorList ul {
    margin: 0; padding: 0;
}

/* *************************************************** */
/* NWA Statement */

div#nwamaincontent div.nwaStatementLinks {
    float: right;
    padding-bottom: 15px;
    padding-right: 38px;
}

div#nwamaincontent table.nwaStatement {
    width: 95%;
    
    border-collapse: collapse;
    margin: 0px;
    padding: 0px;
}

/* -- Tool tips -- */
div#nwamaincontent table.nwaStatement span.nwaHasTitle {
    cursor: help;
    border-bottom: 1px dashed #0000FF;
}

/* -- Heading Row -- */
div#nwamaincontent table.nwaStatement th {
    background-color: #006699;
    
    color: #FFFFFF;
    font-weight: bold;
    white-space: nowrap;
    
    margin: 0px;
    padding: 5px; 
}
div#nwamaincontent table.nwaStatement th.nwaFirstCol {
    width: 100%;
}
div#nwamaincontent table.nwaStatement th.nwaMeasurement {
    text-align: right;
}

/* -- Default Cells -- */
div#nwamaincontent table.nwaStatement td {
    margin: 0px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 8px;
    padding-bottom: 8px;
    border-top: 1px solid #A3C3FF;
    vertical-align: top;
}
div#nwamaincontent table.nwaStatement td.nwaCurrYear {
    font-weight: bold;
}
div#nwamaincontent table.nwaStatement td.nwaInvalidMeasurement {
    border: 1px solid #C40000;
    background-color: #FFE7E7;
}

div#nwamaincontent table.nwaStatement td.nwaMeasurement {
    text-align: right;
    padding-left: 24px;
}
div#nwamaincontent table.nwaStatement td.nwaTotalMeasurement {
    visibility: hidden; /* Don't show intermediate totals */
}
div#nwamaincontent table.nwaStatement td.nwaNonQuantifiable {
    /* Do nothing */
}
div#nwamaincontent table.nwaStatement td.nwaMeasurement p.nwaMeasurementWarning
{
    margin: 0; padding: 0; line-height: 1em;
    padding-top: 0.2em;
    font-size: 0.8em;
    font-weight: normal;
}
div#nwamaincontent table.nwaStatement td.nwaMeasurement p.nwaMeasurementWarning {
    color: #9E0000;
}

/* -- Statement -- */
div#nwamaincontent table.nwaStatement tr.nwaStatementTotal {
    font-size: 1.3em;
}
div#nwamaincontent table.nwaStatement tr.nwaStatementTotal td.nwaFirstCol {
    font-weight: bold;
}
div#nwamaincontent table.nwaStatement tr.nwaStatementTotal td {
    border-top: 1px solid #0240DC; /* Even darker line color */
    padding-bottom: 1.5em;
}

/* -- Statement Section -- */
div#nwamaincontent table.nwaStatement tr.nwaStatementSection { }
div#nwamaincontent table.nwaStatement tr.nwaStatementSection td.nwaFirstCol {
    padding-left: 4px;
    
    font-weight: bold;
    font-size: 1.4em;
}

/* -- Statement Section Total -- */
div#nwamaincontent table.nwaStatement tr.nwaStatementSectionTotal {
    font-size: 1.15em;
}
div#nwamaincontent table.nwaStatement tr.nwaStatementSectionTotal td.nwaFirstCol {
    font-weight: bold;  
}
div#nwamaincontent table.nwaStatement tr.nwaStatementSectionTotal td {
    border-top: 1px solid #0240DC; /* Even darker line color */
    padding-bottom: 1.5em;
}

/* -- Statement Level 1 -- */
div#nwamaincontent table.nwaStatement tr.nwaStatementL1 {
    background-color: #C9C9FF;

    font-weight: bold;
    font-size: 1.1em;
    color: #006699;
    
    cursor: pointer;
}

div#nwamaincontent table.nwaStatement tr.nwaStatementL1Total {
    font-size: 1.1em;
}
div#nwamaincontent table.nwaStatement tr.nwaStatementL1Total td.nwaFirstCol {
    padding-left: 16px; /* Level 2 Indent */
}
div#nwamaincontent table.nwaStatement tr.nwaStatementL1Total td {
    border-top: 1px solid #6EA1FE; /* Darker line color */
    padding-bottom: 1.5em;
}

div#nwamaincontent table.nwaStatement tr.nwaStatementL1End {
    display: none;
}
div#nwamaincontent table.nwaStatement tr.nwaStatementL1 td.nwaFirstCol {
    padding-left: 23px;
    background-image: url("style/twisty-open.png");
    background-repeat: no-repeat;
    background-position: 4px 50%;
}
div#nwamaincontent table.nwaStatement tr.nwaStatementL1.active td.nwaFirstCol {
    background-image: url("style/twisty-close.png");
}

/* -- Statement Level 2-4 Twisties -- */
div#nwamaincontent table.nwaStatement tr.nwaStatementL1 td.nwaMeasurement span {
    display: none;
}
div#nwamaincontent table.nwaStatement tr.nwaStatementL1.closed td.nwaMeasurement span {
    display: inline;
}
div#nwamaincontent table.nwaStatement tr.nwaStatementL1Total.closed,
    div#nwamaincontent table.nwaStatement tr.nwaStatementL2.closed,
    div#nwamaincontent table.nwaStatement tr.nwaStatementL3.closed,
    div#nwamaincontent table.nwaStatement tr.nwaStatementL4.closed {
    display: none;
}

/* -- Statement Level 2 -- */
div#nwamaincontent table.nwaStatement tr.nwaStatementL2 { }
div#nwamaincontent table.nwaStatement tr.nwaStatementL2 td.nwaFirstCol {
    padding-left: 16px; /* Level 2 Indent */
}

/* -- Statement Level 3 -- */
div#nwamaincontent table.nwaStatement tr.nwaStatementL3 { }
div#nwamaincontent table.nwaStatement tr.nwaStatementL3 td.nwaFirstCol {
    padding-left: 24px; /* Level 3 Indent */
}

/* -- Statement Level 4 -- */
div#nwamaincontent table.nwaStatement tr.nwaStatementL4 { }
div#nwamaincontent table.nwaStatement tr.nwaStatementL4 td.nwaFirstCol {
    padding-left: 32px; /* Level 4 Indent */
}

/* *************************************************** */
/* NWA Sidebar */

div#sidebar table.nwaSidebar {
    border: 1px solid #AAAAAA;
    background-color: #ECECEC;

    border-collapse: collapse;
    margin: 0px;
    padding: 0px;
}
div#sidebar table.nwaSidebar td.nwaHeading {
    background-color: #DEEBFB;
    border-top: 1px solid #AAAAAA;
    border-bottom: 1px solid #AAAAAA;
    
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 5px;
    padding-right: 5px;
}
div#sidebar table.nwaSidebar td.nwaContent {
    padding-top: 8px;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
}
div#sidebar table.nwaSidebar ul {
    padding: 0px; margin: 0px;
}
div#sidebar table.nwaSidebar ul.nwaLevel1 {
    padding-left: 5px;
}   
div#sidebar table.nwaSidebar ul.nwaLevel2 {
    padding-left: 15px;
}
div#sidebar table.nwaSidebar li {
    padding: 0px; margin: 0px;
    background-image: none;
    list-style: none outside none;
    
    margin-top: 2px;
    margin-bottom: 2px;
}

/* *************************************************** */
/* NWA Back To Top */

div#maincontent div.nwaBackToTop {
    margin: 0px;
    padding: 0px;
    overflow: hidden;
}
div#maincontent div.nwaBackToTop a {
    text-decoration: none;
    
    display: block;
    float: right;
    
    padding-top: 4px; padding-bottom: 4px;
    padding-left: 6px; padding-right: 6px;
    
    background-image: url("style/top.png");
    background-repeat:no-repeat;
    background-position:center center;
    width: 33px; height: 8px;
    
    border: 1px solid #FFFFFF;
}
div#maincontent div.nwaBackToTop a:hover {
    border: 1px solid #BCD3EE;
    border-radius: 8px;
    -moz-border-radius: 8px;
}


/* *************************************************** */


/* NWA TOC */

div#nwamaincontent div.nwaTOC {
   /* specified width for TOC */ 
    width: 95%;
    display: inline-block;
    /* border: 1px solid #AAA; */
    background-color: white;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
    padding-right: 15px;
    /* reduced margin bottom for TOC to 0 px*/ 
    margin-bottom: 0px
}
div#nwamaincontent div.nwaTOC ul.nwaLevel1 {
 padding: 0px 25px 0px 25px;
    list-style-image: none;
}
div#nwamaincontent div.nwaTOC ul.nwaLevel1 li {
    /* added bullets for first level list in TOC - taken from bullets used in water.css */ 
    padding: 0 0 .3em 5px;
    list-style-type: disc;
    color: black;
    line-height: 1.4em;
    list-style-image: none;
    /*commented out previous dirst level bullet style
    padding-left: 5px;
    list-style-type: none */
}

div#nwamaincontent div.nwaTOC ul.nwaLevel2 {
    /* changed bullet style and color for second level list in TOC to circle */
    padding-left: 25px;
    list-style-type: circle;
    color: #069;
    /*commented out previous second level bullet style 
        list-style-type: disc 
    */
}

div#nwamaincontent div.nwaTOC ul.nwaLevel3 {
    /* changed bullets for third level list in TOC to disc */
    padding-left: 45px;
    list-style-type: disc;
    color: #069;
    /*commented out previous third level bullet style 
    list-style-type: circle
    */    
}

div#nwamaincontent div.nwaTOC li {
    padding: 0;
    margin: 0;
    background-image: none;
    margin-top: 2px;
    margin-bottom: 2px
}
   


#list_print {
    width: 700px;
    margin-left: auto;
    margin-right: auto
}

.print_pdf {
    font-size: 13px;
    padding-left: 5px;
    cursor: pointer;
    display: none;
}
.nwaDataTable {
    border: 1px solid #006699;
    border-collapse: collapse;
    margin: 0;
}
.nwaDataTable caption {
    color: #006699;
    font-weight: bold;
    text-align: left;
}
.nwaDataTable thead {
    background: none repeat scroll 0 0 #BAD7EF;
}
.nwaDataTable th {
    color: #555555;
    font-weight: bold;
}
.nwaDataTable th, .nwaDataTable td {
    border: 1px solid #e9e9e9;
    padding: 0.25em;
}
.tableSmall caption {
    color: #006699;
    font-weight: bold;
    text-align: left;
}
.tableMedium caption {
    color: #006699;
    font-weight: bold;
    text-align: left;
}
.tableLarge caption {
    color: #006699;
    font-weight: bold;
    text-align: left;
}
.tableSmall th, .tableSmall td {
    /*border: 1px solid #e9e9e9;*/
    padding: 0.25em;
}
.tableMedium th, .tableMedium td {
    /*border: 1px solid #e9e9e9;*/
    padding: 0.25em;
}
.tableLarge th, .tableLarge td {
    /*border: 1px solid #e9e9e9;*/
    padding: 0.25em;
                       
}
/* Styling for blue box around National Overview text, by David Myers 7-4-2016. Similar to #regionsummary, full page width */

    .overviewtext {
    background-color: rgba(0,150,94,0.2);
    width: 730px;
    color: rgb(0,61,113);
    margin: 0px;
    padding:0px; 
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
    float: left;
}
    /* *************************************************** */