/* *************************************************** */
/* Style changes for NWA2015 and beyond  as at 06Jan16*/

/*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
}
#landingpage img {
    align: center;}

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




/* #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*/
/*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 {
    font-family: arial;
    width: 80%;
    border-collapse: collapse;
    border: 0px solid black;
    color: black;
    border-spacing: 0px;
    margin-left: 15px;
    margin-right: 10px;
    font-size: 1.05em;
}
.nwa_t01 tbody td:first-child {text-align: left}

.nwa_t01 tbody td {
    text-align: right;
    padding: .25em;
}

.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%}

.nwa_t01 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;
    
    }
.nwa_t01 thead td:first-child {
    background-color: white;
    
    }



/*  Define the background color for all the even table rows  */
 .nwa_t01 tbody tr:nth-child(even) {
    background-color: rgba(0,60,113,.15);
    }

.nwa_t01 tbody tr.line {
    border-spacing: 0;
    border-collapse: collapse;
    border-bottom: solid thin rgb(185, 192, 190);
    font-weight: bold;
    }

	/*  Define the background color for all the even table columns  */
.nwa_t01 tbody tr td:nth-child(even){ 
		background: rgba(112,115,114,0.2);
	}
.evencolumn { 
		background: rgba(112,115,114,0.2);
	}

/* table 2 style suitable for tables with mainly text of three or more columns - column width is set to suto but the column widths can be manually set using the colgroup function in htm - added by Claire McClusky 07Oct15*/
.nwa_t02 {
    font-family: arial;
    width: 95%;
    border-collapse: collapse;
    border: 0px solid black;
    color: black;
    border-spacing: 0px;
    margin-left: 15px;
    margin-right: 10px;
    font-size: 1.05em;
}
.nwa_t02 tbody td {
    text-align: left;
    vertical-align: text-top;
    padding: .25em;
}
.nwa_t02 tbody td:first-child {text-align: left}

.nwa_t02 colgroup col {
    width: auto;
}
    
.nwa_t02 thead td {border-collapse: separate;
    border-spacing: 0px;
    padding: 8px;
    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;
    
    }

 .nwa_t02 tbody tr:nth-child(even) {
    background-color: rgba(0,60,113,.15);
    }

.nwa_t02 tbody tr.line {
    border-spacing: 0;
    border-collapse: collapse;
    border-bottom: solid thin rgb(186, 193, 191);
    
    }


/* 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 {
    font-family: arial;
    width: 90%;
    border-collapse: collapse;
    border: 0px solid black;
    color: black;
    border-spacing: 0px;
    margin-left: 15px;
    margin-right: 10px;
    font-size: 1.05em;
}
.nwa_t03 tbody td {
    text-align: left;
    padding: .25em;
}
.nwa_t03 tbody td:first-child {text-align: left; 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%;}

.nwa_t03 colgroup col {
    width: auto;
}
    
.nwa_t03 thead td {border-collapse: separate;
    border-spacing: 0px;
    padding: 8px;
    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;
    
    }

 .nwa_t03 tbody tr:nth-child(even) {
    background-color: rgba(0,60,113,.15);
    }

.nwa_t03 tbody tr.line {
    border-spacing: 0;
    border-collapse: collapse;
    border-bottom: solid thin rgb(186, 193, 191);
    
    }

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

.nwa_t04 {
    font-family: arial;
    width: 95%;
    border-collapse: collapse;
    border: 0px solid black;
    color: black;
    border-spacing: 0px;
    margin-left: 15px;
    margin-right: 10px;
    font-size: 1.05em;
}
.nwa_t04 tbody td {
    text-align: left;
    padding: .25em;
    height: 14px;
    
}
.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%}



    
.nwa_t04 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;
    
    }
.nwa_t04 thead td:first-child {
    background-color: white;
    
    }


/*  Define the background color for all the even table columns  */
.nwa_t04 tbody tr td:nth-child(even){ 
		background: rgba(112,115,114,0.2);
}

.nwa_t04 tbody tr.line {
    border-spacing: 0;
    border-collapse: collapse;
    border-bottom: solid thin;
    border-bottom-color: #b7b9ba;
    background-color: rgba(0,60,113,.15);
    font-weight: bold;
    
    }
.nwa_t04 tbody tr.bold {
    border-spacing: 0;
    font-weight: bold;
    border-bottom: solid thin;
    border-bottom-color: #b7b9ba;
        }

/* 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 {
    font-family: arial;
    width: 95%;
    border-collapse: collapse;
    border: 0px solid black;
    color: black;
    border-spacing: 0px;
    margin-left: 15px;
    font-size: 1.05em;
}
.nwa_t05 tbody td {
    text-align: left;
    vertical-align: text-top;
    padding: 0.25em;
}
.nwa_t05 td:first-child { width: 30%;}
.nwa_t05 td:nth-child(2) { width: 35%;}
.nwa_t05 td:nth-child(3) { width: 35%;}
    
.nwa_t05 thead td {border-collapse: separate;
    border-spacing: 0px;
    padding: 8px;
    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;
    
    }
.nwa_t05 tbody tr.line {
    border-spacing: 0;
    border-collapse: collapse;
    border-bottom: solid thin rgb(186, 193, 191);
    }

#nwamaincontent .nwa_t05 ul {
    line-height: 1.40em;
    padding: 0px 5px 0px 20px;
    font-size: 100%;
    list-style-image: none;
}
/*  Define the background color for all the even table rows  */
 .nwa_t05 tbody tr:nth-child(even) {
    background-color: rgba(0,60,113,.15);
    }

/* 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 {
    font-family: arial;
    width: 60%;
    border-collapse: collapse;
    border: 0px solid black;
    color: black;
    border-spacing: 0px;
    margin-left: 15px;
    font-size: 1.05em;
}
.nwa_t06 tbody td {
    text-align: left;
    vertical-align: text-top;
    padding: .25em;
}
.nwa_t06 tbody td:first-child {text-align: left}

    
.nwa_t06 thead td {border-collapse: separate;
    border-spacing: 0px;
    padding: 8px;
    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;
    
    }

 .nwa_t06 tbody tr:nth-child(even) {
    background-color: rgba(0,60,113,.15);
    }

.nwa_t06 tbody tr.line {
    border-spacing: 0;
    border-collapse: collapse;
    border-bottom: solid thin rgb(186, 193, 191);
    
    } 
.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 {
    font-family: arial;
    width: 90%;
    border-collapse: collapse;
    border: 0px solid black;
    color: black;
    border-spacing: 0px;
    margin-left: 15px;
    margin-right: 10px;
    font-size: 1.05em;
}
.nwa_t07 tbody td {
    text-align: left;
    padding: .25em;
}
.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 {border-collapse: separate;
    border-spacing: 0px;
    padding: 8px;
    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;
    
    }

 .nwa_t07 tbody tr:nth-child(even) {
    background-color: rgba(0,60,113,.15);
    }

.nwa_t07 tbody tr.line {
    border-spacing: 0;
    border-collapse: collapse;
    border-bottom: solid thin rgb(186, 193, 191);
    
    }



/*new table style captions*/

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

#nwamaincontent table.nwa_t06 caption {
    color:#069;
    font-weight:bold;
    text-align: left;
}
#nwamaincontent table.nwa_t07 caption {
    color:#069;
    font-weight:bold;
    text-align: left;
}


/* NWA region overview page infographic styles */

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

#regionsummary p {
    font-family: Arial;
    font-size: 1.1em;
    line-height: inherit;
    color: rgb(0,61,113);
}
    
    
/*Infograph - Region at a glance style*/
#nwaInfographWater {
    width: 730px;
    height: 210px;
    position: relative;
    float: left;
    background: rgba(0,61,113,0.1);
}
#infographRainfall, #infographStorage {
    width: 190px;
    height: 200px;
    border-right: grey thin solid;
    position: relative;
    float: left;
    top: 2%
}



#infographStreamflow {
    width: 340px;
    height: 200px;
    position: relative;
    float: left;
    top: 2%;
}
#nwaInfographWater h4 {
    width: 100%;
    font-family: Arial;
    font-size: 1.6em;
    font-weight: 500;
    color: rgb(0,61,113);
    position: absolute;
    top: 0%;
    text-align: center;
    margin: 0;
    padding: 0;
}
#infographStreamflow h4 {
    position: absolute;
    text-align: left;
    top: 0%;
    left: 7%;
    margin: 0;
    padding: 0;
}
#nwaInfographWater p.volume  {
    width: 100%;
    font-family: Arial;
    font-size: 1.7em;
    font-weight: 500;
    color: rgb(0,61,113);
    margin: 0;
    padding:0;
    position: absolute;
    top: 61%;
    text-align: center;
}


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


#infographStreamflow p.content2 {
    width: 50%;
    height: 50%;
    vertical-align: middle;
    font-family: Arial;
    font-size: 1.3em;
    font-weight: 500;
    color: rgb(0,61,113);
    position: absolute;
    top: 18%;
    left: 38%;
    text-align: left;
    margin: 0;
    padding:0;
}
#nwaInfographWater p.content3 {
    width: 100%;
    font-family: Arial;
    font-size: 1.05em;
    font-weight: 500;
    color: rgb(0,61,113);
    position: absolute;
    top: 88%;
    left: 10%;
    text-align: left;
    margin: 0;
    padding:0;
}
#infographStreamflow p.content4 {
    width: 70%;
    font-family: Arial;
    font-size: 1.6em;
    font-weight: 500;
    color: rgb(0,61,113);
    position: absolute;
    bottom: 15%;
    left: 10%;
    text-align: left;
    margin: 0;
    padding:0;
    line-height: 1.2;
}
#infographStreamflow p.content5 {
    width: 70%;
    height: 50%;
    vertical-align: middle;
    font-family: Arial;
    font-size: 1.0em;
    font-weight: 500;
    color: rgb(0,61,113);
    position: absolute;
    top: 18%;
    left: 35%;
    text-align: left;
    margin: 0;
    padding:0;
}

#nwaInfographWater img.calendar {
    position: absolute;
    top: 47%;
    right: 1%;
    transform:rotate(5deg);
    height: 105px;
    width: 95px;
}



#nwaInfographWater img.arrow {
    position: absolute;
    top: 70%;
    right: 2%;
    opacity: 0.3;
    width: 23px;
    height: 40px;
}
#nwaInfographWater img.arrow2 {
    position: absolute;
    top: 70%;
    right: 35%;
    opacity: 0.3;
    width: 23px;
    height: 40px;
}

#nwaInfographWater img.icon{
    position: absolute;
    top: 12%;
    left: 23%;
    border-radius: 55px;
    cursor: pointer;
    background-color: white;
    height: 100px;
    width: 100px;
}
#nwaInfographWater img.icon:hover {
    background-color: rgba(0,61,113,0.15);
    box-shadow: 0px 2px 2px 0 rgb(0,61,113);    
}
#nwaInfographWater img.icon2{
    position: absolute;
    top: 12%;
    left: 5%;
    border-radius: 55px;
    cursor: pointer;
    background-color: white;
    height: 100px;
    width: 100px;
}
#nwaInfographWater img.icon2:hover {
    background-color: rgba(0,61,113,0.15);
    box-shadow: 0px 2px 2px 0 rgb(0,61,113);     
}

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

#waterSourcesHead {
    width: 370px;
    height: 35px;
    position: relative;
    background: linear-gradient(to left,white,rgb(0,61,113 ));
    }
        
#waterSourcesHead h3 {
    font-family: Arial;
    font-size: 1.9em;
    color: white;
    font-weight: 500;
    padding: 6px 0 0 20px;
    margin: 0;
    position: absolute;
    top:0%;
    left: 0%;
        }

#WaterSources p.percentage {
    font-family: Arial;
    font-size: 1.4em;
    font-weight: 700;
    color: rgb(0,142,170);
    text-align: left;
    margin: 0;
    padding:0;
}
#WaterSources p.desc {
    font-family: Arial;
    font-size: 1.1em;
    font-weight: 400;
    color: rgb(0,61,113);
    text-align: left;
    margin: 0;
    padding:0;
}
#WaterSources p.desc2 {
    font-family: Arial;
    font-size: 1.0em;
    font-weight: 300;
    color: rgb(0,61,113);
    text-align: center;
    margin: 0;
    padding:0;
}

#WaterSources p.volume {
    width: 100%;
    font-family: Arial;
    font-size: 1.7em;
    font-weight: 500;
    color: rgb(0,61,113);
    position: absolute;
    text-align: left;
    top: 45%;
    left: 14%;
    margin: 0;
    padding:0;
}
#WaterSources p.comment {
    font-family: Arial;
    font-size: 1.5em;
    font-weight: 400;
    color: rgb(0,61,113);
    text-align: left;
    margin: 0;
    padding:0;
    position: absolute;
    top: 90%;
    left: 10%;
}

#WaterSources img.arrow3 {
    position: absolute;
    top: 85%;
    right: 3%;
    opacity: 0.5;
    height: 40px;
    width: 25px;
    
}
#WaterSources img.graph {
    position: absolute;
    top: 10%;
    left: -1%;
    height:270px;
    width:360px;
}
#WaterSources a {
    cursor: pointer;
}

#WaterSources p.desc:hover {
    text-decoration: underline;
}


/* Start of Water accounting statements infographic*/

#nwaInfographWAS {
    width: 360px;
    height: 335px;
    background: rgba(0,61,113,0.1);
    position: relative;
    float: left;
        }

#infographWASHead {
    width: 360px;
    height: 85px;
    position: relative;
    background-color: rgba(0,61,113,0.9);
    border-radius: 0px 42.5px 42.5px 0px;
 }
 #infographWASHead h3 {
    width: 340px;
    position: absolute;
    top: 15px;
    left: 5px;
    color: white;
    font-family: Arial;
    font-size: 1.6em;
    font-weight: 500;
    padding: 6px 10px 6px 10px;
    margin: 0;
    z-index: 1;
}

#nwaInfographWAS img.icon3 {
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 42.5px;
    cursor: pointer;
    background-color: white;
    z-index: 2;
    height: 85px;
    width: 85px;
}

#nwaInfographWAS img.icon3:hover {
    background-color: rgb(0,61,113);
    box-shadow: 0px 2px 2px 0 rgb(0,61,113); 
    }

#infographWASAssets {
    width:345px;
    height: 50px;
    background-color: rgba(0,61,113,0.5);
    border-radius: 0px 40px 40px 0px;
    position: relative;
}
#infographWASLiabilities {
    width:340px;
    height: 50px;
    background-color: rgba(0,61,113,0.65);
    border-radius: 0px 40px 40px 0px;
    position: relative;
}
#infographWASInflows {
    width:335px;
    height: 50px;
    background-color: rgba(0,61,113,0.75);
    border-radius: 0px 40px 40px 0px;
    position: relative;
}
#infographWASOutflows {
    width:330px;
    height: 50px;
    background-color: rgba(0,61,113,0.85);
    border-radius: 0px 40px 40px 0px;
    position: relative;
}
#infographWASNetchange {
    width:325px;
    height: 50px;
    background-color: rgba(0,61,113,0.95);
    border-radius: 0px 40px 40px 0px;
    position: relative;
}
.infographWASTitle {
    width: 125px;
    height: 40px;
    border-right: white thin solid;
    position: absolute;
    top: 10%;
    left: 0%;   
}
#nwaInfographWAS .infographWASTitle p  {
    font-size: 1.3em;
    text-align: left;
    font-family: Arial;
    font-weight: 200;
    color: white;
    position: absolute;
    top: 20%;
    left: 10%;
    padding: 0;
    margin: 0;
    
}

#nwaInfographWAS .infographWASvolume {
    width: 210px;
    height: 40px;
    /*border-right: white thin solid;*/
    position: absolute;
    top: 10%;
    left: 25%;   
}
#nwaInfographWAS .infographWASvolume p {
    text-align: left;
    font-family: Arial;
    font-weight: 300;
    font-size: 1.5em;
    color: white;
    position: absolute;
    top: 15%;
    right: 10%;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    
}
#nwaInfographWAS .infographWASpercentage {
    width: 45px;
    height: 45px;
    /*border-right: white thin solid;*/
    position: absolute;
    border-radius: 22.5px;
    top: 5%;
    right: 1%;
    background-color: white;
}

#nwaInfographWAS .infographWASpercentage img.arrow4 {
    position: absolute;
    bottom: 5%;
    left: 28%;
    z-index: 0;
    opacity: 0.25;
    height: 40px;
    width: 20px;
    
}
#nwaInfographWAS .infographWASpercentage p {
    width: 100%;
    text-align: center;
    font-family: Arial;
    font-weight: 600;
    font-size: 1.15em;
    color: rgba(0,61,113,0.8);
    position: absolute;
    top: 25%;
    left: 0%;
    z-index: 1;
    padding: 0;
    margin: 0;
}


/* Start water use infographic */

#infographWaterUse {
    width: 730px;
    height: 250px;
    position: relative;
    float: left;
    background: rgb(0,61,113);
}

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

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

#infographWaterUseSW, #infographWaterUseGW, #infographWaterUseUrban {
    width: 180px;
    height: 210px;
    border-right: white thin solid;
    position: relative;
    float: left;
}
#infographWaterUseIrr {
    width: 180px;
    height: 212px;
    position: relative;
    float: left;
}
#infographWaterUseSW2, #infographWaterUseGW2 {
    width: 242px;
    height: 210px;
    border-right: white thin solid;
    position: relative;
    float: left;
}

#infographWaterUseUrban2 {
    width: 242px;
    height: 210px;
    position: relative;
    float: left;
}


#infographWaterUse img.icon4{
    position: absolute;
    top: 3%;
    left: 20%;
    cursor: pointer;
    border-radius: 50px;
    background-color: white;
    height: 100px;
    width: 100px;
}

#infographWaterUse img.icon4:hover {
    background-color: white;
    box-shadow: 0px 2px 2px 0 white;    
}

#infographWaterUse img.icon4b{
    position: absolute;
    top: 3%;
    left: 28%;
    cursor: pointer;
    border-radius: 50px;
    background-color: white;
    height: 100px;
    width: 100px;
}

#infographWaterUse img.icon4b:hover {
    background-color: white;
    box-shadow: 0px 2px 2px 0 white;    
}

#infographWaterUse img.arrow5 {
    position: absolute;
    top: 83%;
    right: 1%;
    opacity: 0.9;
    height: 40px;
    width: 23px;
}


#infographWaterUse p.volume {
    width:100%;
    font-family: Arial;
    font-size: 1.8em;
    font-weight: 500;
    color: white;
    position: absolute;
    top: 53%;
    text-align: center;
    padding: 0;
    margin: 0;
}

#infographWaterUse p.comment {
    width:100%;
    font-family: Arial;
    font-size: 1.1em;
    font-weight: 200;
    color: white;
    position: absolute;
    top: 68%;
    text-align: center;
    padding: 0;
    margin: 0;
}
#infographWaterUse p.comment2 {
    width:92%;
    font-family: Arial;
    font-size: 1.0em;
    font-weight: 200;
    color: white;
    position: absolute;
    top: 88%;
    left: -1%;
    text-align: center;
    padding: 0;
    margin: 0;
}
#infographWaterUse p.comment3 {
    width:100%;
    font-family: Arial;
    font-size: 0.9em;
    font-weight: 200;
    color: white;
    position: absolute;
    top: 78%;
    left: -1%;
    text-align: center;
    padding: 0;
    margin: 0;
}

/* style added to accomodate sydney region */

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

#infographWaterUseSW3, #infographWaterUseUrban3 {
    width: 364px;
    height: 135px;
    border-right: white thin solid;
    position: relative;
    float: left;
}
#infographWaterUse2 p.vol {
    width:100%;
    font-family: Arial;
    font-size: 1.8em;
    font-weight: 500;
    color: white;
    position: absolute;
    top: 10%;
    left: 40%;
    text-align: left;
    padding: 0;
    margin: 0;
}
#infographWaterUse2 p.comment1 {
    width:60%;
    font-family: Arial;
    font-size: 1.3em;
    font-weight: 200;
    color: white;
    position: absolute;
    top: 35%;
    left: 30%;
    text-align: center;
    padding: 0;
    margin: 0;
}


#infographWaterUse2 img.arrow6 {
    position: absolute;
    top: 30%;
    right: 5%;
    opacity: 0.9;
    height: 40px;
    width: 23px;
}
#infographWaterUse2 img.icon4c{
    position: absolute;
    top: 10%;
    left: 5%;
    cursor: pointer;
    border-radius: 50px;
    background-color: white;
    height: 100px;
    width: 100px;
}

#infographWaterUse2 img.icon4c:hover {
    background-color: white;
    box-shadow: 0px 2px 2px 0 white;    
}

/* style added to accomodate MDB region */
#infographMDB {
    width: 730px;
    height: 200px;
    position: relative;
    float: left;
    background: rgba(0,61,113,0.1);
}
#infographMDBEnvHead, #infographMDBTradeHead {
    width:364px;
    height: 35px;
    position: relative;
    background: linear-gradient(to right,white,rgba(0,61,113,0.2));
}
#infographMDB h3 {
    font-family: Arial;
    font-size: 1.5em;
    color: rgb(0,61,113);
    font-weight: 500;
    padding: 7px 0 0 20px;
    margin:0;
}

#infographMDBEnvironment, #infographMDBTrade {
    width: 364px;
    height: 200px;
    border-right: rgb(0,61,113) thin solid;
    position: relative;
    float: left;
}
#infographMDB p.heading1, #infographMDB p.heading2 {
    width:95%;
    font-family: Arial;
    font-size: 1.5em;
    font-weight: 500;
    color: rgb(0,61,113);
    text-align: left;
    padding: 0;
    margin: 0;
}

#infographMDB p.heading1 {
    position: absolute;
    top: 18%;
    left: 5%;
}
#infographMDB p.heading2 {
    position: absolute;
    top: 58%;
    left: 5%;
}


#infographMDB p.description1, #infographMDB p.description2 {
    width:95%;
    font-family: Arial;
    font-size: 1.25em;
    font-weight: 200;
    color: rgb(0,61,113);
    text-align: left;
    padding: 0;
    margin: 0;
}
#infographMDB p.description1 {
position: absolute;
    top: 32%;
    left: 6%;
}
#infographMDB p.description2 {
position: absolute;
    top: 70%;
    left: 6%;
}

#infographMDB img.icon5 {
    position: absolute;
    top: 32%;
    right: 3%;
    cursor: pointer;
    border-radius: 60px;
    background-color: white;
    height: 110px;
    width: 110px;
    z-index: 2;  
}

#infographMDB img.icon5:hover {
     background-color: rgba(0,61,113,0.15);
    box-shadow: 0px 2px 2px 0 rgb(0,61,113);    
}

#infographMDB img.arrow7 {
    position: absolute;
    top: 33%;
    left: 58%;
    opacity: 0.3;
    height: 40px;
    width: 23px;
    z-index: 2;
}
#infographMDB img.arrow8 {
    position: absolute;
    top: 70%;
    left: 58%;
    opacity: 0.3;
    height: 40px;
    width: 23px;
}

/*******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(17,94,103,0.3);
    width: 730px;
    color: rgb(0,61,113);
    margin: 0px;
    padding:0px; 
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
    float: left;
}