/* Main style sheet for Data Network. Last updated 26-07-2007 */
/*------------------------------------------------------------*/

body {
	font-size:10pt;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
}

p {
	font-size:10pt;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

pre {
	font-size:10pt;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

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

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

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

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

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:#307AA7;
	margin-left:0;
	margin-right:0;
}

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

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

h1 {
	font-size:14pt;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:navy;
	margin-bottom:6px;
	margin-top:0px;	
}

h2 {
	font-size:12pt;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:navy;
	margin-bottom:6px;
	margin-top:0px;
}

h3 {
	font-size:10pt;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:navy;
	margin-bottom:6px;
	margin-top:0px;	
}

h4 {
	font-size:10pt;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color:navy;
	margin-bottom:6px;	
	margin-top:0px;	
}


a {
	font-size:8pt;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;	
	text-decoration:none;
	color:#307AA7;
}

a:hover {
	color:navy;
}


a.menulink {
	color:white;
	font-size:10pt;
}

a:visited.menulink {
	color:white;
	font-size:10pt;
}

a:hover.menulink {
	color:yellow;
	font-size:10pt;
}

a.stdsize {
	font-size:10pt;
}


th {
	align:left;
	font-size:10pt;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

td {
	font-size:10pt;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
}	

td.navbar {
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#6699CC;
	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:Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

p.logintext {
	font-size:8pt;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;	
	text-decoration:none;
	color:#307AA7;
}

.logintextbox {
	background-color:rgb(223,239,255);
	border:0px solid black; 
	height:14px;
	font-size:8pt;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;	
	text-decoration:none;
	color:#307AA7;
}

p.news_head {
	font-size:8pt;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;	
	text-decoration:none;
	color:red;
	font-weight:bold;
	margin:0px;
}

p.news_body {
	font-size:8pt;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;	
	text-decoration:none;
	color:#000000;
	margin:0px;
}

table.maintable {
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 8pt;
	text-align:left;
	margin-left:auto; 
	margin-right:auto;
	
}

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

.dtree {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	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: arial, verdana, helvetica, sans-serif;
	font-size: 8pt;
	border-left: 1px solid #6699CC;
	border-right: 1px solid #6699CC;
} 

#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: #6699CC;
}

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

#CalendarControl .weekend { background-color: #FFC; color: #000; } 
#CalendarControl .current {
	border: 1px solid #6699CC;
	background-color: #6699CC;
	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:#6699CC;
	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;
	-moz-opacity:0.5;
	filter:alpha(opacity=50);
}

table.sitepoints th {
	background-color:#6699CC;
	color:#ffffff;
}

table.scentineldata th {
	background-color:#6699CC;
	color:#ffffff;
}

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

table.scentinelgrid th {
	bbackground-color:#6699CC;
	ccolor:#ffffff;
	color:#000000;
}

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

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

table.AdvancedPlot td {
	font-size:8pt;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;	
	text-decoration:none;
	color:black;
}

select.AdvancedPlot {
	background-color:white;
	border:0px solid black; 
	height:14px;
	font-size:8pt;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;	
	text-decoration:none;
	color:black;
}

input.text {
	background-color:white;
	border:1px solid black; 
	height:18px;
	font-size:8pt;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;	
	text-decoration:none;
	color:black;
}

input.submit {
	background-color:green;
	color:white;
	border:1px solid black; 
	height:18px;
	font-size:8pt;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;	
	text-decoration:none;
}	

#downloadprogress {
	position:relative;
	visibility:hidden;
}

#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:verdana,tahoma,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:Tahoma, Verdana, Arial, Helvetica, 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:Tahoma, Verdana, Arial, Helvetica, 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:Tahoma, Verdana, Arial, Helvetica, sans-serif;	
	text-decoration:none;
	color:#307AA7;
	text-align:right;
	enabled:false;
}

.submittedreading {
	background-color:#FFFF80;
	border:0px solid black; 
	height:14px;
	font-size:8pt;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;	
	text-decoration:none;
	color:#307AA7;
	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 1 px;
	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:#307AA7;
}


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:Tahoma, Verdana, Arial, Helvetica, sans-serif;	
	font-weight:bold;
	margin-left:15px;
}

ul.overdueperiods {
	font-size:8pt;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;	
	color:#307AA7;
	margin-left:15px;
}

ul.overdueperiods a {
	font-size:8pt;
	font-family:Tahoma, Verdana, Arial, Helvetica, 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:Tahoma, Verdana, Arial, Helvetica, sans-serif;	
	text-decoration:none;
	color:#307AA7;
}

#statusonscreen,#statusonscreen a {
	font-size:10pt;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;	
	font-weight:bold;
	text-decoration:none;
	color:#307AA7;
}

td.statusoverdue, td.statusoverdue a {
	font-size:10pt;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;	
	text-decoration:none;
	color:#307AA7;
}

td.statusdue, td.statusdue a {
	font-size:10pt;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;	
	text-decoration:none;
	color:#BB9999;
}

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

th.periodstatus {
	font-size:10pt;
	font-family:Tahoma, Verdana, Arial, Helvetica, 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:solid black 1 px;
	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;
	cursor:hand;
}

#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:Verdana,Tahoma,Arial;
}

/*** footer styles ***/
.footer{
	background-color:#0a68b8 ;
	color:#fff;
	text-align:center;
	vertical-align: text-top;
	padding:1px 0;
}

.footer p{
	margin:10px auto;
	font-size:10pt;
}

.footer a{
	color:#fff;
	font-size:10pt;
}