html{
overflow-y:scroll;
height:98%;
margin:0;
padding:0;
}

body{
height:100%;
margin:0;
padding:0;
}
A:HOVER {
	text-decoration: underline; color: red;
}

A:ACTIVE {
	color: red;
	/*font-weight: bold*/
}

a img {border: none; }

/*For template*/

#page {
   font-family:Verdana,Aerial,Helvetica;/*std 2.2 */
   /*margin-left:auto;/*std 2.1 */
   /*margin-right:auto;/*std 2.1 */
   /*width:940px;*/ /*std 2.1 */    
   min-height:100%;
   min-width:900px;
   padding:0;
   margin:0;
   background:#FFF; 
   /*padding-bottom:100px; */ 
}

#masthead{
	/*background:#BBD5EF;*/
	margin:0;
   	padding:0;
}

.banner{
	padding:0;
	margin:0;
	height:auto;
	width:100%;
}

#webIdentity {
   background:#DDD;   
   width:100%; 
   height:auto;
   margin:0;
   padding:0;  
   /*margin-left:auto;
   margin-right:auto; */
   /*padding:10px;*/
}

#menu {
   background:#ddd;
   /*font-weight:600;*/
   /*clear:both;*/
   /*padding-top:-3px;*/
}

#container {
  /* min-height:300px;*/
   /*position:relative;*/
   /*padding:10px; */ 
   overflow:auto;
   padding-bottom:50px;
}

#body {
   /*padding:10px;
   padding-bottom:30px; */
   margin-left:10px;
   margin-right:10px; 
}

#pad{
	height:200px;
}

#login {
	margin: auto auto auto auto;
	width: 100%;		
}

#footer {
   position:relative; 
   margin-top:-40px;  
   margin-left:auto;
   margin-right:auto;   
   text-align:left; 
   bottom:0px;   
  /* width:940px;*/
   font-size:small;
   clear:both;
   height:40px;   /* Height of the footer */
   /*background:#6cf;*/
}

/*For water usage */
.commandLink{
	text-decoration:none;
}

.siteTable{
	border-collapse:collapse;
	border-bottom:1px solid #000000;
	width:100%;
	text-decoration:none;
	padding-top:10px;	
}

.siteTableHeader{
	text-align:left;
	background:none repeat scroll 0 0 #B5B5B5;
	border-bottom:1px solid #000000;
	border-top:1px solid #000000;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:0px;
	padding-left:5px;
}

.siteTableOddRow{
	text-align:left;
	background:none repeat scroll 0 0 #FFFFFF;	
}

.siteTableEvenRow{
	text-align:left;
	background:none repeat scroll 0 0 #D3D3D3;	
}

.siteTableFirstColumn{
	width:200px;
}

.siteTableSecondColumn{
	/*width:500px;*/
}

.siteTableColumn{
	/*border-right:1px solid #000000;
	border-left:1px solid #000000;*/
}
.usageTableColumnLeft{
	text-align:left;
}

.usageTableColumnRight{
	text-align:right;
}

.usageTableHeader{
	/*text-align:right;*/
	background:none repeat scroll 0 0 #B5B5B5;
	border-bottom:1px solid #000000;
	border-top:1px solid #000000;
	padding:0px;
}

.usageTableOddRow{
	/*text-align:right;*/
	background:none repeat scroll 0 0 #FFFFFF;
	/*padding:0px;	*/
}

.usageTableEvenRow{
	/*text-align:right;*/
	background:none repeat scroll 0 0 #D3D3D3;
	padding:0px;	
}

/*For water meter location and reading data*/
.reportDiv{
	/*border:1px solid #000000;
	width:800px;*/
	margin-left:auto;
	margin-right:auto;
	/*float:left;*/
	text-align:left;
	/*font-size:smaller;*/
	/*padding-right:10px;*/
}

/*For chart display area*/
.chartDiv{
	/*border:1px solid #000000;*/
	width:100%;
	margin-left:auto;
	margin-right:auto;
	/*float:left;*/
	text-align:center;
	clear:both;
	padding-top:20px;
	font-size:small;	
}

.overviewDiv{
	/*border:1px solid #000000;*/
	width:auto;
	max-width:1230px;
	margin-left:auto;
	margin-right:auto;
	float:center;	
	/*font-size:smaller;*/
	/*padding-right:10px;*/
}

.meterDiv{
	width:815px;
	margin-left:auto;
	margin-right:auto;
	float:left;
	text-align:center;
	font-size:small;
}

.powerMeter{	
	width:815px;
	margin-left:auto;
	margin-right:auto;
	float:left;
	text-align:center;
	font-size:small;		
}
.homePadding{
	width:15px;
	margin-left:auto;
	margin-right:auto;
	float:left;
}
.waterMeter{	
	width:815px;
	margin-left:auto;
	margin-right:auto;
	float:left;
	text-align:center;
	font-size:small;	
}

.graphDiv{
	width:400px;
	margin-left:auto;
	margin-right:auto;
	float:left;
	text-align:center;
	font-size:small;
}

.homeMenu{	
	width:400px;
	margin-left:auto;
	margin-right:auto;
	float:left;
	text-align:left;
	font-size:small;	
}

.readingDiv{
	margin-left:auto;
	margin-right:auto;
}

.meterInfo{	
	width:50%;
	margin-left:auto;
	margin-right:auto;
	float:left;
	text-align:left;
	font-size:small;		
}

.personInfo{	
	width:50%;
	margin-left:auto;
	margin-right:auto;
	float:left;
	text-align:left;
	font-size:small;	
}

.realTimeInfo{	
	width:60%;
	margin-left:auto;
	margin-right:auto;
	float:left;
	text-align:center;
	font-size:small;	
}

.realTimeTotalInfo{	
	width:40%;
	margin-left:auto;
	margin-right:auto;
	float:left;
	text-align:center;
	font-size:small;
}

.panelRowHeader{
	text-align:center;
	background:none repeat scroll 0 0 #EEEEEE;
	/*background-color:rgba(194,194,194,.5);*/
	/*background-color:rgba(240,240,245,.5);*/
	font-weight:bold;	
}

.panelColumnHeader{
	text-align:left;
	background:none repeat scroll 0 0 #EEEEEE;
	/*background-color:rgba(240,240,245,.5);*/
	font-weight:bold;
	padding-top:5px;
	padding-bottom:5px;	
}

.panelRowContent{
	text-align:right;		
}

.barChartDiv{
	width:800px;
	margin-left:auto;
	margin-right:auto;
}

.error{
	text-align:center;
	font-weight:bold;
	color: red;
}

.panelCentered{
	width:640px;
	margin:auto;
	border:none;
	background:white;
}