BODY {
  font-family : "Helvetica", Verdana, Arial, Sans-serif;
  font-size : 12px;
  margin : 0;
  padding : 0;
  /* #BFD5E3; - lighter blue,   #6085AC; - light blue  */
  background : #FFFFCC; 
  color : #000000;
  scrollbar-face-color: #DEE3E7;
  scrollbar-highlight-color: #FFFFFF;
  scrollbar-shadow-color: #DEE3E7;
  scrollbar-3dlight-color: #D1D7DC;
  scrollbar-arrow-color:  #006699;
  scrollbar-track-color: #EFEFEF;
  scrollbar-darkshadow-color: #98AAB1;
}

/* General font families for common tags */
font,p { font-family: Verdana, Arial, Helvetica, sans-serif; }
hr	{ height: 0px; border: solid #D1D7DC 0px; border-top-width: 1px;}

/* Header text */
h1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size : 20px; color : #000000; text-decoration: bold; }
h2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size : 16px; color : #000000; text-decoration: bold; }
h3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size : 14px; color : #000000; text-decoration: bold; }

/* General text */
.txtL { font-size : 12px; color : #000000; }
.txtM { font-size : 11px; color : #000000; }
.txtS { font-size : 10px; color : #000000; }
.txtT { font-size : 8px; color : #000000; }
.alignl { text-align : left; }
.alignr { text-align : right; }
.alignc { text-align : center; }
a.txtL,a.txtM,a.txtS { color: #006699; text-decoration: none; }
a.txtL:hover,a.txtM:hover,a.txtS:hover	{ color: #DD6900; text-decoration: underline; }

LI {
  list-style-type: disc;
}

/* CSS hack for XHTML strict */
IMG {
  border-width : 0;
}

/*
TABLE {
  border-width : 0;
  padding : 0;
}
*/
/* Global container box */
TABLE.main {
  margin-left : auto;
  margin-right : auto;
  border-width : 0;
  border-collapse : collapse;
  padding : 0;
  width : 100%;
}  

/* Box outline for login screen
  - reduced width
  - aligned centre
*/
TABLE.singlebox {
  margin-left : auto;
  margin-right : auto;
  width : 400px;
  border: 1px solid #000000;
  padding : 0;
}

/* Standard table box */
TABLE.tablebox {
  margin-left : auto;
  margin-right : auto;
  width : 97%;
  border: 1px solid #000000;
  padding : 0;
}

TABLE.mainbox {
  margin-left : auto;
  margin-right : auto;
  width : 100%;
  border: 1px solid #000000;
  padding : 0;
}

/* Table for use in data cells */
TABLE.celldata {
  margin-left : 0;
  margin-top : 5px;
  margin-bottom : 20px;
  border-width: 0;
  padding : 0;
}

/* Table with grey highlight background */
TABLE.decoration {
  background: #dddddd;
  border: solid black 1px;
  color : #000000;
}

TH {
  font-family: "Helvetica", Verdana, Arial, Sans-serif;
  font-size : 12px;
  font-weight : bold;
  text-align : left;
  border-width : 0;
  border-collapse : collapse;
  padding : 3px;
  background : #000000; /* #1e4b79; */
  color : #ffffff;
}

TH.head2 {
  font-family: "Helvetica", Verdana, Arial, Sans-serif;
  font-size : 12px;
  font-weight : bold;
  text-align : left;
  border-width : 0;
  border-collapse : collapse;
  padding : 3px;
  background : #1e4b79; /* D1D7DC */
  color : #ffffff;
}

TH.head3 {
  font-family: "Helvetica", Verdana, Arial, Sans-serif;
  font-size : 12px;
  font-weight : bold;
  text-align : left;
  border-width : 0;
  border-collapse : collapse;
  padding : 3px;
  background : #D1D7DC;
  color : #000000;
}

TD {
  font-family: "Helvetica", Verdana, Arial, Sans-serif;
  font-size : 12px;
}

/* Masthead band to top of page */
TD.masthead {
  text-align : left;
  padding-top : 4px;
  padding-left : 3px;
  height : 20px;
  background : #000000;
  color : #EEEEEE;
}

TD.mastheadr {
  text-align : right;
  padding-top : 4px;
  padding-left : 3px;
  height : 20px;
  background : #000000;
  color : #EEEEEE;
}

/* Box head styling */
TD.boxhead {
  font-weight : bold;
  text-align : left;
  border-width : 0;
  border-collapse : collapse;
  padding : 3px;
  background : #1e4b79;
  color : #ffffff;
}

/* Box content styling for menu list*/
TD.boxmenu {
  text-align : left;
  border-width : 0;
  border-collapse : collapse;
  padding : 3px;
  background : #ffffff;
  color : #000000;
}

/* Box content styling for info boxes */
TD.boxdata {
  text-align : left;
  border-width : 0;
  border-collapse : collapse;
  padding-top : 10px;
  padding-left : 5px;
  padding-right : 5px;
  padding-bottom : 20px;
  background : #ffffff;
  color : #000000;
}

/* Variation on 'boxdata'
  - bottom padding reduced
*/
TD.boxdata2 {
  text-align : left;
  border-width : 0;
  border-collapse : collapse;
  padding-top : 20px;
  padding-left : 5px;
  padding-right : 5px;
  padding-bottom : 5px;
  background : #ffffff;
  color : #000000;
}

/* Main table cell colours and backgrounds */
td.row1	{ background-color: #EFEFEF; }
td.row2	{ background-color: #DEE3E7; }
td.row3	{ background-color: #D1D7DC; }

/* Box content styling for project listing */
TD.projectlist {
  text-align : left;
  border-width : 0;
  border-collapse : collapse;
  padding-top : 10px;
  padding-left : 30px;
  padding-right : 5px;
  padding-bottom : 20px;
  background : #ffffff;
  color : #000000;
}

/* Box content styling for user & group lists */
TD.grouplist {
  text-align : left;
  border-width : 0;
  border-collapse : collapse;
  padding-top : 5px;
  padding-left : 5px;
  padding-right : 5px;
  padding-bottom : 5px;
  background : #ffffff;
  color : #000000;
}

/* Cell with grey background */
TD.textbackground {
  background : #eeeeee;
  color : #000000;
}

/* Cell with pink background */
TD.pinkbackground {
  background : #BFD5E3; /* #FFA500; */
  color : #000000;
}

/* Green progress bar */
TD.greenbar {
  border-width : 0;
  border-collapse : collapse;
  white-space : nowrap;
  height : 4px;
  background : #008B45;
  color : #000000;
}

/* Red/orange progress bar */
TD.redbar {
  border-width : 0;
  border-collapse : collapse;
  white-space : nowrap;
  height : 4px;
  background : #FFA500;
  color : #000000;
}

/* Class for text at page bottom */ 
.bottomtext {
  font-size : 10px;
  padding-top : 10px;
  padding-left : 5px;
  padding-bottom : 10px;
  color : #1e4b79;
  background : transparent;
}

/* Font for text based hyperlinks in [brackets] */
.textlink {
  font-size : 10px;
  font-weight : bold;
}

/* Class for late graphic */
.late {
  font-family : "Helvetica", Verdana, Arial, Sans-serif;
  font-size : 9px;
  font-weight : bold;
  background : #FF0000;
  color : #FFFFFF;
}

/* Class for new graphic */
.new {
  font-size : 9px;
  font-weight : bold;
  font-style : italic;
  background : #00FF7F;
  color : #000000;
}

/* Class for updated graphic */
.updated {
  font-size : 9px;
  font-weight : bold;
  background : #00FF7F;
  color : #000000;
}

/* Class for green text */
.green {
  color : #006400;
  background : transparent;
}

/* Class for orange text */
.orange {
  color : #FFA500;
  background : transparent;
}

/* Class for grey text */
.grey {
  color : #BEBEBE;
  background : transparent;
}

/* Class for blue text */
.blue {
  color : #0000FF;
  background : transparent;
}

/* Class for red text */
.red {
  color : #FF0000;
  background : transparent;
}

a:link {
  color : #003399;  /* color : #006699; */
  background : transparent;
  text-decoration : none;
}

a:visited {
  color : #003399;
  background : transparent;
  text-decoration : none;
}

a:hover {
  color : #cc0000; /* color : #DD6900; */
  background : transparent;
  text-decoration : underline;
}

/* Form elements */
input,textarea, select {
	/* color : #000000; */
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	/* border-color : #000000; */
}