BODY {
  font-family: "Gill Sans MT","Gill Sans",Arial,Helvetica,"Trebuchet MS",sans-serif;
  font-size : 12px;
  margin : 0;
  padding : 0;
/*  background-color : #6085AC; */
  background-color: #000;
  color : #000000;
}

#header {
	margin: 0px 10px 10px 10px;
	width: 940px;
	height: 60px;
	background-color: #FCE6B0;
}
#nav-main {
	background-color: #154A99;
	height: 23px;
	width: 940px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	padding-top:5px;
}

#tagline {
	font-size: 24px;
	font-weight: normal;
	color: #154A99;
	margin: 14px 10px 0px 10px;
	float: right;
	padding: 0;
}

#header img {
	float: left;
}

#nav-main li {
	font-size: 12px;
	color: #FFFFFF;
	display: inline;
}
#nav-main a {
	color: #FFFFFF;
	padding-right: 15px;
	padding-left: 15px;
	text-decoration: none;
	padding-top: 1px;
	padding-bottom: 1px;
	border: 0 none;
	border-right: solid #fff 1px;
	text-transform:uppercase;
}
#nav-main ul {
	margin:0;
	padding: 0;
	float: left;
}

#loginlocation {
	float:right;
	margin:0;
	padding:0 10px 0 0;
	font-size: 12px;
	color: #FFFFFF;
	text-transform:uppercase;
	font-weight:normal;
}


LI {
  list-style-type: disc;
}

LI LI {
  list-style-type: circle;
}

IMG {
  /* CSS hack for XHTML strict */
  border-width : 0;
  /* limit uploaded images */ 
  max-width: 500px;
  max-height: 500px;
}

/* CSS hack to hide hidden input fields */
FIELDSET {
   border: none;
   margin: 0;
   padding: 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%; */
  width: 960px;
  background-color:#ebebeb;
}  

/* 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 : 10px;
  margin-right : auto;
  width : 97%;
  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-color: #dddddd;
  border: solid black 1px;
  color : #000000;
}

/* Class for project row on summary page */
TR.projectrow {
  background-color : #ebebeb;
  border-bottom : 1px solid #333;
  font-weight : bold;
}

TD {
  font-family: "Gill Sans MT","Gill Sans",Arial,Helvetica,"Trebuchet MS",sans-serif;
  font-size : 12px;
}


/* Summary Page Styles */

.task-summary-list{
   width:100%;
}

.task-summary-list td{
   padding-left: 3px;
}


/* Masthead band to top of page */
TD.masthead {
  text-align : left;
  padding-top : 10px;
  padding-left : 3px;
  height : 108px;
  background-color : #fff;
  color : #154a99;
}

/* Box head styling */
TD.boxhead {
  text-align : left;
  border-width : 0;
  border-collapse : collapse;
  padding : 3px;
  background-color : #154a99;
  color : #ffffff;
  text-transform: uppercase;
}

/* Box content styling for menu list*/
TD.boxmenu {
  text-align : left;
  border-width : 0;
  border-collapse : collapse;
  padding : 3px;
  background-color : #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 : 15px;
  padding-bottom : 20px;
  background-color : #ffffff;
  color : #000000;
}

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

/* Box content styling for project listing */
TD.projectlist {
  text-align : left;
  border-width : 0;
  border-collapse : collapse;
  padding-top : 10px;
  padding-left : 35px;
  padding-right : 15px;
  padding-bottom : 20px;
  background-color : #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-color : #ffffff;
  color : #000000;
}

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


/* Progress Bar */
.progress-bar{
   border-spacing: 0; 
   width:400px;
   border: 1px solid #333;
}

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

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

/* Class for underlined text */
.underline {
  text-decoration: underline;
}

/* Class for text at page bottom */ 
.bottomtext {
  font-size : 10px;
  padding-top : 10px;
  padding-left : 6px;
  padding-bottom : 10px;
  color : #154a99;
  background-color : transparent;
  display:none;
}

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

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

/* Class for new graphic */
.new {
  font-size : 9px;
  font-weight : bold;
  font-style : italic;
  background-color : #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;
  font-weight : bold;
  background-color : transparent;
}

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

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

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

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

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

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

a:hover {
  color : #cc0000;
  background-color : transparent;
  text-decoration : none;
}


.commentarea{
  border:1px solid #ddd;
  background-color: #eee; 
  padding:3px;
  width:600px;
  display:none;
}

.commentarea h4{
  margin:0;
}

.commentarea p{
  margin:0 0 10px 0;
}