/* Main style sheet. Last updated 30-07-2024 */
/*------------------------------------------------------------*/

html {
    margin: 0px 0px;
    width: 100%;
    background: #EEF0F1;
}	

body {
    font: 10px "Open Sans Condensed", "Calibri", "Helvetica Neue", Helvetica, Arial, sans-serif;
    background: url('../images/shadow-bg.png') repeat-y top left;
	width: 1102px;
	margin: 0px auto;
	color:#596670;
}

h1, h2, h3, h4, h5, h6, h7, p {
    margin: 0px;
    padding: 0;
}
p {
    margin-bottom:10px;
}
h1 {
	font-size: 16px;
	font-weight: normal;
    color: #333333;
	margin-top:5px;
}
h2 {
	font-size: 14px;
	font-weight: normal;
    color: #333333;
	margin-top:5px;
}

    h2 a {
        color: #999;
    }
    
    h2 a:hover {
        color: #666;
    }

h3,h4 {
	font-size: 14px;
	font-weight: bold;
    color: #596670;
	margin-top:10px;
}

a {
    color: #1f5377;
    text-decoration: none;
}
a:hover {
    color: #000000;
}
a.rename{
    font-size: 12px;
    font-weight: normal;
}


img {
    border: 0px;
}

ul {
padding:0;
margin:-10px 0 10px 30px;
}
.left {
    float: left;
}

.right {
    float: right;
}

.frame {
    border: 2px solid #999;
    margin: 5px 10px;
}

.icon {
    background-color: #999;
}

.page-pic {
	margin: 6px;
}

.small {
font-size:10px;
line-height:14px;
vertical-align:middle;
}

.downloads {
color:#cd0000;
}

/*
 * Styling and page layout
 */

#wrapper {
	width: 1040px;
	margin: 0px auto;
	background: white;
}

#container {
    position: relative;
    min-height: 550px;
    height: auto !important;
    height: 550px;
    width: 730px;
    margin: 0px auto;
    background: #fff;
}

#header {
	margin: 0px 20px;
}
#banner {
	height:110px;
}  
#col-left, #col-middle {
	float: left;
}

#content {
    margin: 0px 20px;

}
#content h1{
	font-size: 20px;
	font-weight: bold;
    color: #1f5377;
	margin:0 0 10px 0;
}
#content h1 a {
	color: #1f5377;
}
#content h2{
	font-size: 18px;
	font-weight: bold;
    color: #1f5377;
	margin:0 0 10px 0;
}
#content h2 a {
	color: #1f5377;
}
#content table.alertnotices
{
border-width: 0 0 1px 1px;
border-spacing: 0;
border-collapse: collapse;
border-style: solid;
}
#content  .alertnotices td, .alertnotices th
{
margin: 0;
padding: 4px;
border-width: 1px 1px 0 0;
border-style: solid;
}
#content  .alertnotices {
	color: #ca0000;
}

#content table.singleborder
{
border-width: 0 0 1px 1px;
border-spacing: 0;
border-collapse: collapse;
border-style: solid;
}
#content  .singleborder td, .singleborder th
{
margin: 0;
padding: 4px;
border-width: 1px 1px 0 0;
border-style: solid;
}
 
#col-left {
	width: 190px;
}
#col-middle {
    width: 790px;
}

/*
 * Nav
 */
#navigation {
		height:82px;
		margin:0;
    }
        #navigation ul {
		float:right;
		padding:0 20px 20px 0;
            margin: 0px;
            list-style: none;
        }
        
        #navigation ul li {
		margin:30px 0 0 0;
            float: left;
            line-height: 22px;
            height: 22px;
			padding:0;
        }
        
        #navigation ul li a {
            display: block;
            padding: 0px 15px;
            margin: 0px 0px;
            color: #1f5377;
            text-decoration: none;
            font-size: 14px;
            text-transform: uppercase;
        }
        
        #navigation ul li.hover, #navigation ul li:hover {
        }
        
        #navigation ul li.hover a, #navigation ul li:hover a {
            text-decoration: none;
			color:#000000;
        }
        
        #navigation ul li.active {
            background: #99d5dd;
        }
        
        #navigation ul li.active a {
        }
#navigation li.left-cap {
	background: url('../images/nav-left-cap.gif') no-repeat top left;
}
#navigation li.right-cap {
    background: url('../images/nav-right-cap.gif') no-repeat top left;
}
#navigation li.cap {
    width: 6px;
    height: 22px;
    padding: 0px;
margin-top:30px;
}

#nav-left {
	padding-left:8px;
	margin:20px 0 0 0;
}

#nav-left li {
	margin: 0px;
    list-style: none;
}

#nav-left li a {
border-bottom: 1px solid #ABB3B9;
	text-decoration: none;
	color: black;
	font-size: 12px;
	display:block;
	cursor:pointer;
	padding: 9px 0px;
}

#nav-left li a:hover, #nav-left li.active a {
color: #1f5377;
}


p.notes {
	margin-top:0px;
}

p.district {
	margin-top:6px;
	margin-bottom:0px;
	margin-left:3px;
	color:#1f5377;
}

p.catchment {
	margin-top:0px;
	margin-bottom:0px;
	margin-left:3px;
	color:#1f5377;
}

p.site {
	margin-top:0px;
	margin-bottom:0px;
	margin-left:3px;
	color:#1f5377;
}

p.selectedcatchment {
	margin-top:0px;
	margin-bottom:0px;
	margin-left:3px;
	color:#000080;
	font-weight:bold;
}

p.selectedsite {
	margin-top:0px;
	margin-bottom:0px;
	margin-left:3px;
	color:#000080;
	font-weight:bold;
}

p.selecteddistrict {
	margin-top:6px;
	margin-bottom:0px;
	margin-left:3px;
	color:#000080;
	font-weight:bold;
}

p.navmenuheading {
	color:#FFFFFF;
	margin-left:6px;
	background-color:#1f5377;
	margin-left:0;
	margin-right:0;
}

p.navtree {
	font-size:8pt;
	color:black;
}

p.footnote {
	font-size:8pt;
}

th {
	font-size:10pt;
	font-family:"Open Sans Condensed", "Calibri", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

td {
	font-size:11pt;
	font-family:"Open Sans Condensed", "Calibri", "Helvetica Neue", Helvetica, Arial, sans-serif;
}	

td.navbar {
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#1f5377;
	text-align:right;
	font-size:8pt;
}

td.navmenu {
	color:#FFFFFF;
	margin-left:6px;
}

img.treeimg {
	margin-top:0;
	margin-bottom:0;
	vertical-align:middle;
}

.stdtext {
	font-size:10pt;
	font-family:"Open Sans Condensed", "Calibri", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

p.logintext {
	font-size:9pt;
	font-family:"Open Sans Condensed", "Calibri", "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-decoration:none;
	color:#1f5377;
}

.logintextbox {
	background-color:rgb(223,239,255);
	border:0px solid black; 
	height:14px;
	font-size:8pt;
	font-family:"Open Sans Condensed", "Calibri", "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-decoration:none;
	color:#1f5377;
}

p.news_head {
	font-size:8pt;
	font-family:"Open Sans Condensed", "Calibri", "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-decoration:none;
	color:red;
	font-weight:bold;
	margin:0px;
}

p.news_body {
	font-size:8pt;
	font-family:"Open Sans Condensed", "Calibri", "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-decoration:none;
	color:#000000;
	margin:0px;
}

table.maintable {
	font-family: "Open Sans Condensed", "Calibri", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 8pt;
	text-align:left;
	margin-left:auto; 
	margin-right:auto;
	
}

/*dTree Stuff*/
/*-----------*/

.dtree {
	font-family:"Open Sans Condensed", "Calibri", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 10pt;
	color: #666;
	white-space: nowrap;
	margin-top:0px;
}
.dtree img {
	border: 0px;
	vertical-align: middle;
}
.dtree a {
	color: #333;
	text-decoration: none;
}
.dtree a.node, .dtree a.nodeSel {
	white-space: nowrap;
	padding: 1px 2px 1px 2px;
}
.dtree a.node:hover, .dtree a.nodeSel:hover {
	color: #333;
	text-decoration: underline;
}
.dtree a.nodeSel {
	background-color: #c0d2ec;
}
.dtree .clip {
	overflow: hidden;
}

/*Calendar Stuff*/
/*--------------*/

#CalendarControl {
	position:absolute;
	background-color:#FFF;
	margin:0;
	padding:0;
	display:none;
	z-index: 10;
} 

#CalendarControl table { 
	font-family: "Open Sans Condensed", "Calibri", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 8pt;
	border-left: 1px solid #1f5377;
	border-right: 1px solid #1f5377;
} 

#CalendarControl th { 
	font-weight: normal;
} 

#CalendarControl th a {
	font-weight: normal;
	text-decoration: none;
	color: #FFF;
	padding: 1px;
} 

#CalendarControl td {
 	text-align: center;
} 

#CalendarControl .header {
	background-color: #1f5377;
}

#CalendarControl .weekday { background-color: #DDD; color: #000; } 

#CalendarControl .weekend { background-color: #FFC; color: #000; } 
#CalendarControl .current {
	border: 1px solid #1f5377;
	background-color: #1f5377;
	color: #FFF;
} 

#CalendarControl .weekday, #CalendarControl .weekend, #CalendarControl .current { 
	display: block;
	text-decoration: none;
	border: 1px solid #FFF;
	padding: 1px; width: 2em;
}

#CalendarControl .weekday:hover, #CalendarControl .weekend:hover, #CalendarControl .current:hover {
	color: #FFF;
	background-color:#1f5377;
	border: 1px solid #999;
}

#CalendarControl .previous { text-align: left; }

#CalendarControl .next { text-align: right; }

#CalendarControl .previous, #CalendarControl .next {
	padding: 1px 3px 1px 3px;
	font-size: 1.4em;
}

#CalendarControl .previous a, #CalendarControl .next a {
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
}

#CalendarControl .title {
	text-align: center;
	font-weight: bold;
	color: #FFF;
}

#CalendarControl .empty {
	background-color: #CCC;
	border: 1px solid #FFF;
} 

.summary td {
	font-size:8pt;
}

.PlotOptions table {
	background-color:#c0d2ec;
	border-width:1px;
	border-style:solid;
	border-color:#000000;
}

#summary {
	position:absolute;
	top:100px;
	left:100px;
	visibility:hidden;
}

#summary td {background-color:#ffffff;}
#summary table {background-color:#ffffff;}

#PlotOptions {
	position:absolute;
	visibility:hidden;
	background-color:#ffffff;
	border:solid #c0d2ec 1px;
}

#CustomTimeRange {
	position:absolute;
	visibility:hidden;
	background-color:rgb(245,245,245);
}

#ColorSelector {
	position:absolute;
	visibility:hidden;
	background-color:rgb(245,245,245);
}

#ZoomBox {
	visibility:hidden;
	position:absolute;
	top:200px;
	left:200px;
	opacity:0.5;
}

table.sitepoints th {
	background-color:#1f5377;
	color:#ffffff;
}

table.scentineldata th {
	background-color:#1f5377;
	color:#ffffff;
}

table.scentineldata td {
	text-align:left;
}

table.scentinelgrid th {
	color:#000000;
}

table.scentinelgrid td {
	text-align:center;
	cursor:pointer;
}

table.AdvancedPlot {
	background-color:rgb(245,245,245);
}

table.AdvancedPlot td {
	font-size:10pt;
	font-family:"Open Sans Condensed", "Calibri", "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-decoration:none;
	color:black;
}

select.AdvancedPlot {
	background-color:white;
	border:0px solid black; 
	height:16px;
	font-size:10pt;
	font-family:"Open Sans Condensed", "Calibri", "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-decoration:none;
	color:black;
}

input.text {
	background-color:white;
	border:1px solid black; 
	height:18px;
	font-size:8pt;
	font-family:"Open Sans Condensed", "Calibri", "Helvetica Neue", Helvetica, Arial, sans-serif;	
	text-decoration:none;
	color:black;
}

input.submit {
	background-color:#00C000;
	color:D0D0D0;
	border:1px solid black; 
	height:18px;
	font-size:8pt;
	font-family:"Open Sans Condensed", "Calibri", "Helvetica Neue", Helvetica, Arial, sans-serif;	
	text-decoration:none;
}	

#downloadprogress {
	position:relative;
}

#report td {background-color:#f0f0f0}

#statustable td {background-color: #f0f0f0}

table.visithistory th{
	background-color:#dddddd;
	font-weight:normal;
}

table.visithistory td{
	text-align:center;
}

table.CameraImages {
	border:0px;
	padding:6px;
}

table.CameraImages td {
	border:1px solid #CCCCCC;
	text-align:center;
	font-family:"Open Sans Condensed", "Calibri", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-style:italic;
	font-size:8pt;
}


/* WUDMS Stuff */
.enteredreading {
	background-color:#BBFFBB;
	border:0px solid black; 
	height:14px;
	font-size:8pt;
	font-family:"Open Sans Condensed", "Calibri", "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-decoration:none;
	color:#000000;
	text-align:right;
}


.emptyreading {
	background-color:#C8C8FF;
	border:0px solid black; 
	height:14px;
	font-size:8pt;
	font-family:"Open Sans Condensed", "Calibri", "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-decoration:none;
	color:rgb(0,0,0);
	text-align:right;
}

.futurereading {
	background-color:#EEEEEE;
	border:0px solid black; 
	height:14px;
	font-size:8pt;
	font-family:"Open Sans Condensed", "Calibri", "Helvetica Neue", Helvetica, Arial, sans-serif;	
	text-decoration:none;
	color:#1f5377;
	text-align:right;
	/*enabled:false;*/
}

.submittedreading {
	background-color:#FFFF80;
	border:0px solid black; 
	height:14px;
	font-size:8pt;
	font-family:"Open Sans Condensed", "Calibri", "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-decoration:none;
	color:#1f5377;
	text-align:right;
	/*enabled:false;*/
}


table.wudmsdataentryinner {
	border:0px solid black;
}


table.wudmsdataentryouter {
	border:0px solid black;
}

table.postsampleresults {
	border-collapse:collapse;
}

table.postsampleresults th{
	font-weight:bold;
	background-color:#eeeeee;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:15px;
	padding-right:15px;
}

table.postsampleresults td{
	padding-top:3px;
	padding-bottom:3px;
	padding-left:15px;
	padding-right:15px;
}

table.postsampleresults th.posteddate {
	text-align:left;
}

table.postsampleresults th.postedvalue, table.postsampleresults td.postedvalue {
	text-align:center;
}

table.postsampleresults th.postedstatus {
	text-align:left;
}

.notentered {
	background-color:rgb(223,239,255);
}

.rejected {
	background-color:#FF8080;
	text-align:center;
}

.newreading {
	text-align:center;
}

.modifiedreading {
	text-align:center;
}

table.posteddatasummary th {
	padding:1px;
}

table.posteddatasummary td {

}

table.consentdetails{
	border:solid black 1px;
	border-spacing:0px;
	border-collapse:collapse;
	table-layout:fixed;
}


td.consentid_name {
	font-weight:bold;
	background-color:#66CCFF;
	width:200px;
}

td.fileref_name {
	font-weight:bold;
	background-color:#66CCFF;
	width:200px;
}

td.lastreading_name {
	padding-top:10px;
}

td.lastreading_value {
	padding-top:10px;
}

td.currentperiod_name {
	padding-top:10px;
}

td.currentperiod_value {
	padding-top:10px;
	color:#1f5377;
}


td.viewdatabutton {
	text-align:center;
	padding-top:10px;
}	

td.enterdatabutton {
	text-align:center;
	padding-top:10px;
}	


input.viewusage {
	width:150px;
}


input.enterreadings {
	width:150px;
}

ul.currentperiod {
	font-size:8pt;
	font-family:"Open Sans Condensed", "Calibri", "Helvetica Neue", Helvetica, Arial, sans-serif;	
	font-weight:bold;
	margin-left:15px;
}

ul.overdueperiods {
	font-size:8pt;
	font-family:"Open Sans Condensed", "Calibri", "Helvetica Neue", Helvetica, Arial, sans-serif;	
	color:#1f5377;
	margin-left:15px;
}

ul.overdueperiods a {
	font-size:8pt;
	font-family:"Open Sans Condensed", "Calibri", "Helvetica Neue", Helvetica, Arial, sans-serif;	
	font-weight:bold;
	text-decoration:none;
	color:#FF4444;
}

ul.overdueperiods a:hover {
	color:#CC1111;
}

td.statuscurrent,td.statuscurrent a {
	font-size:10pt;
	font-family:"Open Sans Condensed", "Calibri", "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-decoration:none;
	color:#1f5377;
}

#statusonscreen,#statusonscreen a {
	font-size:10pt;
	font-family:"Open Sans Condensed", "Calibri", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:bold;
	text-decoration:none;
	color:#1f5377;
}

td.statusoverdue, td.statusoverdue a {
	font-size:10pt;
	font-family:"Open Sans Condensed", "Calibri", "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-decoration:none;
	color:#1f5377;
}

td.statusdue, td.statusdue a {
	font-size:10pt;
	font-family:"Open Sans Condensed", "Calibri", "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-decoration:none;
	color:#BB9999;
}

th.period {
	font-size:10pt;
	font-family:"Open Sans Condensed", "Calibri", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:bold;
	text-decoration:none;
	color:#000000;
	width:150px;
	text-align:left;
	padding:3px;
}

th.periodstatus {
	font-size:10pt;
	font-family:"Open Sans Condensed", "Calibri", "Helvetica Neue", Helvetica, Arial, sans-serif;	
	font-weight:bold;
	text-decoration:none;
	color:#000000;
	width:150px;
	text-align:left;
	padding:3px;
}

table.activeperiods {
	margin:0px;
	padding:0px;
	border-collapse:collapse;
}

table.activeperiods td {
	padding:3px;
	border-collapse:collapse;
	margin:0px;
}

table.activeperiods td a{
	font-size:10pt;
}


table.consentssummary {
	border:1px solid black;
	border-spacing:0px;
	border-collapse:collapse;
}

table.consentssummary td
{
	padding-left:10px;
	padding-right:10px;
	text-align:left;
}

table.consentssummary th
{
	padding-left:5px;
	padding-right:5px;
	text-align:left;
	background-color:#66CCFF
}

table.consentssummary td.maxdailyalloc,
table.consentssummary th.maxdailyalloc,
table.consentssummary td.maxannualalloc,
table.consentssummary th.maxannualalloc,
table.consentssummary td.viewdata, 
table.consentssummary th.viewdata,
table.consentssummary td.enterdata,
table.consentssummary th.enterdata {
	text-align:center;
}

td.enterdata a, td.viewdata a {
	font-size:10pt;
}

input.viewdata {
	font-size:8pt;
	width:120px;
	height:20px;
	background-color:#66CCFF;	
}


input.enterdata {
	font-size:8pt;
	width:120px;
	height:20px;
	background-color:#66CCFF;	
}

form.viewdata {
	margin-top:1px;
	margin-bottom:1px;
	margin-left:10px;
	margin-right:5px;
}

form.enterdata {
	margin-top:1px;
	margin-bottom:1px;
	margin-left:5px;
	margin-right:10px;
}

a.popup {
	text-decoration:none;
	color:black;
	font-weight:bold;
	cursor:pointer;
}

#Popup {
	position:absolute;
	z-index:99;
	visibility:hidden;
	background-color:#66CCFF;
	border:2px solid black;
	padding:5px;
}

div.submitavailable {
	visibility:visible;
	border:1px solid red;
	padding:5px;
}

div.submitunavailable {
	visibility:hidden;
}

div.submitted {
	visibility:hidden;
}


input.submitbutton {
	background-color:#33ff33;
}


input.correctinvalidreadings, input.returntodataentry, input.closewindow {
	width:180px;
	margin-left:20px;
	margin-right:20px;
	margin-top:20px;
}

H2.Help {
	margin-bottom:0px;
	margin-top:12px;
}

input.savebutton, input.cancelbutton, input.resetbutton {
	margin-left:10px;
	margin-right:10px;
	width:100px;
}

td.sampletable {
	font-family:"Open Sans Condensed", "Calibri", "Helvetica Neue", Helvetica, Arial, sans-serif;
}