/***************************Page Defaults **************************/
/* colours used:      
  #5e7a90 - darker blue
  #b51e24 - maroon
  #d6f4f7 - lighter blue (odd lines
  #87d2da - lighter blue
  #186270 - darker blue
*/

/****************** calendar *************/
.calendartemp_hidden {
  display             : none
} 
.calShowpointer {
  cursor              : pointer;} 
.calendarGeneric { 
  font                : normal 8pt Arial, Verdana, Geneva, Helvetics, sans-serif; 
  color               : #5e7a90;
  background-color    : #186270;  
} 
 
DIV.datepicker { 
  //background-color    : white; 
  border              : 1px solid black;
  background-color    : #d6f4f7;  
} 
 
TABLE.datepickermonth { 
  background-color    : #5e7a90;  
  text-align          : center; 
  vertical-align      : middle; 
  border              : 1px solid #774084; 
  margin-top          : 2px; 
  margin-bottom       : 3px; 
} 
 
TABLE.datepickermonth2 { 
  background-color    : #5e7a90;   
  text-align          : center; 
  vertical-align      : middle; 
  border              : 1px solid #5e7a90; 
  margin-top          : 2px; 
  margin-bottom       : 3px; 
} 
 
TD.datepickermonth { 
  font                : bold 9pt Arial, Verdana, Geneva, Helvetics, sans-serif; 
  color               : white; 
} 
 
TD.datepickermonth2 { 
  font                : bold 9pt Arial, Verdana, Geneva, Helvetics, sans-serif; 
  color               : white; 
} 
 
TABLE.datepickerweek { 
//  background-color  : white; 
  background-color    : #d6f4f7; 
  vertical-align      : middle; 
  border-bottom       : 1px solid #774084; 
} 
 
TD.datepickerweek { 
  font                : normal 8pt Arial, Verdana, Geneva, Helvetics, sans-serif; 
  color               : #5e7a90;  
  width               : 29px; 
  text-align          : center;	 
} 
 
TABLE.datepickerdays {	 
  vertical-align      : middle; 
  cursor              : pointer; 
  text-align          : center;	 
} 
 
TD.datepickerdays { 
  font                : normal 8pt Arial, Verdana, Geneva, Helvetics, sans-serif; 
  color               : #5e7a90;   
  text-align          : center; 
  width               : 29px; 
  height              : 20px; 
} 
 
TD.datepickerhover { 
  font                : normal 8pt Arial, Verdana, Geneva, Helvetics, sans-serif; 
  color               : black; 
  text-align          : center;	 
  width               : 29px; 
  height              : 20px; 
  background-color    : #5e7a90;   
} 

TABLE.datepickerfooter { 
  //background-color    : white; 
  text-align          : center; 
  vertical-align      : middle; 
  border-top          : 1px solid #5e7a90;  
} 
 
TABLE.topborder{ 
  border-top          : 1px solid #5e7a90; 
} 
 
A:link.datepicker { 
  font                : normal 8pt Arial, Verdana, Geneva, Helvetics, sans-serif; 
  color               : #5e7a90;  
  background-color    : transparent; 
  text-decoration     : underline; 
} 
 
A:visited.datepicker { 
  font                : normal 8pt Arial, Verdana, Geneva, Helvetics, sans-serif; 
  color               : #5e7a90;  
  background-color    : transparent; 
  text-decoration     : underline; 
} 
 
A:hover.datepicker { 
  font                : normal 8pt Arial, Verdana, Geneva, Helvetics, sans-serif; 
  color               : #5e7a90; 
  background-color    : transparent;
  text-decoration     : none; 
} 
 
.calendartime { 
  font                : normal 8pt Arial, Verdana, Geneva, Helvetics, sans-serif; 
  color               : #5e7a90; 
  text-align          : center; 
  width               : 29px; 
  height              : 20px; 
  background-color    : white; 
} 
 
.yearselect { 
  font                : normal 9pt Arial, Verdana, Geneva, Helvetics, sans-serif; 
  color               : white; 
  text-align          : left; 
  background-color    : #5e7a90;  
} 

#predatetype {
  background-color    : #87d2da;
  color               : white; 
}
/*************** End Calendar *****************/ 


 body {
  background          : url('/images/banner1.png') top left no-repeat,url('/images/banner2.png') top right no-repeat, url('/images/tbar.png') top center repeat-x;
  font                : 12px arial,sans-serif;
  margin-top          : 0px;
  margin-left         : 0px;
  margin-right        : 0px;
} 

a {
  text-decoration     : none;
  cursor              : pointer;
  color                : #b51e24;
  font-weight          : bold;
}  

:focus {
  outline             : none;
}

input {
  background-color    : #edeeff;
  color               : #5e7a90;
  font-weight         : bold;
  border              : 1px inset #edeeff;
}

th a {   
  color               : #186270;
}

table {
  border-spacing      : 0px 0px;
}
 
table,th,td,tr {
  border-collapse     : collapse;
}

div.left {
  float	              : left;
}

.odd {
  background-color    : #d6f4f7;
}
  
.projectheading  {
  width               : 100%;
  height              : 109px;
}
.projectheading td {
  text-align          : center;
  font-weight         : bold;
  font-size           : 1.2em;
  vertical-align      : bottom;
  padding             : 5px 5px 5px 5px;
}

.loginheading {
  color               : #5e7a90;
}
.fillbackground {
  background          : url('/images/tbar.png') top left repeat-x;
}  

/**** Footer ****/
.footerbackground {
  width               : 99%;
  height              : 64px;
  background          : url('/images/b_banner1.png') top left no-repeat, url('/images/b_banner2.png') top right no-repeat, url('/images/bbar.png') top center repeat-x;
 }

.footerstart{
  width               : 318px;
}

.footerline {
  text-align          : center;
  padding-bottom      : 10px;
  color               : white;
}
 
.footerweb {
  width               : 318px;
  vertical-align      : bottom;
  text-align          : right; 
}

.footerweb:hover {
 background           : url('/images/b_banner2_over.png') top right no-repeat; 
}

/**** Htmltable ****/
.htmltable {
  border              : collapse;
  width               : 99%;
  margin              : 0.2em;
  border              : 1px solid #5e7a90;
}

.htmltable td {
  border              : 1px solid #5e7a90;
}
.htmltable caption {
  font-size           : 3em;
  color               : #5e7a90;
  font-weight         : bold;
  font-family         : Brush Script MT,cursive,arial,sans-serif;
}

.htmltable tr.columnheadings {
  background-color    : #87d2da;
  color               : #186270;
  font-weight         : bold;
  border-bottom       : 4px solid #5e7a90;
}

.htmltable tr.columnheadings th {
  border              : 2px solid #5e7a90;
  padding             : 5px;
}

.htmltable tr.total {
  background-color    : #87d2da;
  color               : #186270;  
  font-weight         : bold;
  border              : 2px solid #5e7a90;
}

.pageheading {
  font-family         : Brush Script MT,cursive,arial,sans-serif;
  width               : 100%;
  margin              : 0.2em;
  width               : 99%;
  color               : #5e7a90;
  font-weight         : bold;
  font-size           : 3em;
  text-align          : center;
}

.emailheading {
  font-family         : Brush Script MT,cursive,arial,sans-serif;
  width               : 100%;
  margin              : 0.2em;
  width               : 99%;
  color               : #5e7a90;
  font-weight         : bold;
  font-size           : 4em;
  text-align          : center;
}

/******** Tables *******/

/**** MainHtmltable ****/
.mainhtmltable {
  border              : collapse;
  width               : 99%;
  margin              : 0.2em;
  border              : 1px solid #5e7a90;
}

.mainhtmltable td {
  border              : 1px solid #5e7a90;
  padding             : 4px 4px 4px 4px;
}
.mainhtmltable caption {
  font-size           : 3em;
  color               : #5e7a90;
  font-weight         : bold;
  font-family         : Brush Script MT,cursive,arial,sans-serif;
}

.mainhtmltable tr.columnheadings {
  background-color    : #87d2da;
  color               : #186270;
  font-weight         : bold;
  border-bottom       : 4px solid #5e7a90;
}

.mainhtmltable tr.columnheadings th {
  border              : 2px solid #5e7a90;
  padding             : 5px;
  color               : #186270;
}

.mainhtmltable tr.total {
  background-color    : #87d2da;
  color               : #186270;
  font-weight         : bold;
  border              : 2px solid #5e7a90;
}

.mainhtmltable .th_0 {
  width               : 7%;
}
/******** end mainhtmltable *****/

/******** metertable **********/ 
.metertable  {
  width               : 60%;
  margin-left         : auto;
  margin-right        : auto;
  border              : 2px solid #5e7a90;  
}

.metertable td{
  padding             : 10px 10px 10px 10px;
}
/***** end supertable *****/

#showerror { color : red;}
#shownote   { color : #87d2da;}

/******** statementtable **********/ 
.statementtable  {
  width               : 80%;
  margin-left         : auto;
  margin-right        : auto;
  border              : 2px solid #5e7a90;  
}

.statementtable td{
  border              : 1px solid #5e7a90;
}
/***** end supertable *****/

/****** general table with border 50% width **********/ 
.genborder50table  {
  width               : 50%;
  margin-left         : auto;
  margin-right        : auto;
  border              : 2px solid #5e7a90;  
}

.genborder50table td{
  padding             : 3px 3px 3px 3px;
}
/****** end general table with border 50% width **********/
/****** general table with border 75% width **********/ 
.genborder75table  {
  width               : 75%;
  margin-left         : auto;
  margin-right        : auto;
  border              : 2px solid #5e7a90;  
}

.genborder75table td{
  padding             : 3px 3px 3px 3px;
}
/****** end general table with border 50% width **********/ 
/****** general table with border 100% width **********/ 
.genbordertable  {
  width               : 100%;
  margin-left         : auto;
  margin-right        : auto;
  border              : 2px solid #5e7a90;  
}
/****** end general table with border 100% width **********/ 

#notshowtypes		{ display : none;} 

.notdisplay {
  display             : none;
 }
 
.highlightlinkactive {	
  color               : #c3b9df; 
}

.alignleft     {text-align : left;}
.alignright   {text-align : right;}
.aligncenter {text-align : center;}


.prevreading {
  background-color    : #c0c0c0;
}

.bluebackground {
  background-color    : #87d2da;
}

.currentdue {
  background-color    : red;
}
.currentpay {
  color               : red;
  font-weight         : bold;
  font-size           : 1.5em;
  width               : 50%;
  text-align          : right;
}

.currentpayleft {
  color               : red;
  font-weight         : bold;
  font-size           : 1.5em;
  width               : 50%;
  text-align          : left;
}

.size5   {width : 5%;}
.size20 {width : 20%;}
.size25 {width : 25%;}
.size33 {width : 33%;}
.size50 {width : 50%;}



.biggerbold {
  font-weight         : bold;
  font-size           : 1.5em;
  color               : #87d2da;
}

.due {
  font-weight         : bold;
  font-size           : 2.3em;
  color               : #b51e24;
  font-family         : Brush Script MT,cursive,arial,sans-serif;
}
.mundue {
  font-weight         : bold;
  font-size           : 2.3em;
  color               : #87d2da;
  font-family         : Brush Script MT,cursive,arial,sans-serif;
}

.statheadright {
 font-weight         : bold;
 font-size           : 1.5em;
 color               : #87d2da;
 width               : 50%;
 text-align          : right;
}

/***** for email of statement - only except one class *****/
.statheadleft {
 font-weight         : bold;
 font-size           : 1.5em;
 color               : #87d2da;
 width               : 50%;
 text-align          : left;
}

.statdetleft {
 width               : 50%;
 text-align          : left;
}

.statdetright {
 width               : 50%;
 text-align          : right;
}

.statdetcenter {
 width               : 50%;
 text-align          : center;
}
/***** end of email of statement *****/



.imgbutton {
  background-color    : transparent;
  border              : none;
  padding             : 0px 0px 0px 0px;
}

#forgotpassword {
  display             : none; 
}

#logonmsg {
  display             : none; 
}