body {
	margin: 0;
	padding: 0;
	font: small "Lucida Grande", "Verdana", Arial, sans-serif;
	color: #414141;
	background: #3E5D71 url(../images/bg_body_2.jpg) top left repeat-x;
	}
.auth			{ font: 11px Arial, Helvetica, Sans-Serif; color:#ffffff; font-weight:bold }

.ta			{ font: 11px Arial, Helvetica, Sans-Serif; color:#333333 }
.tc			{ font: 11px Arial, Helvetica, Sans-Serif; color:#003366 }
.tagheadA   { font: 8pt Tahoma; font-weight:bold; background-color:#dbdbdb; color:#000000; cursor:pointer; border:1px solid #c0c0c0; }
.tagheadB   { font: 8pt Tahoma; font-weight:bold; background-color:#ffffff; color:#000000; cursor:pointer; border:1px solid #c0c0c0; }
.tagfont    { font: 8pt Tahoma; font-weight:bold; color:#000000; }

.felem			{ font: 10px Arial, Helvetica, Sans-Serif; color:#000000; border:1px solid #000000 }

.menuH			{ font: 11px Arial, Helvetica, Sans-Serif; color:#333333; font-weight:bold }
.menuL			{ font: 11px Arial, Helvetica, Sans-Serif; color:#333333 }
.menuL a:link		{ font: 11px Arial, Helvetica, Sans-Serif; color:#333333; text-decoration:underline }
.menuL a:visited	{ font: 11px Arial, Helvetica, Sans-Serif; color:#333333; text-decoration:underline }
.menuL a:hover		{ font: 11px Arial, Helvetica, Sans-Serif; color:#0000C0; text-decoration:none }

td.image		{ background: url(../images/btn.gif); font: 12px Arial, Helvetica, Sans-Serif; color:#ffffff; font-weight:bold; cursor:hand }
td.image2		{ background: url(../images/btn_on.gif); font: 12px Arial, Helvetica, Sans-Serif; color:#ffffff; font-weight:bold; cursor:hand } 

.ptitle			{ font: 18px Arial, Helvetica, Sans-Serif; color:#4A6171; font-weight:bold }
.rtitle			{ font: 12px Arial, Helvetica, Sans-Serif; color:#4A6171; font-weight:bold }

.formt			{ font: 11px Arial, Helvetica, Sans-Serif; color:#ffffff; font-weight:bold }
.tbox			{ font: 11px Arial, Helvetica, Sans-Serif; color:#4A6171; width:180; height:18; border:1px solid #4A6171 }
.tarea			{ font: 11px Arial, Helvetica, Sans-Serif; color:#4A6171; width:180; height:80; border:1px solid #4A6171 }

.fcont			{ font: 10px Arial, Helvetica, Sans-Serif; color:#ffffff }
.fcont a:link		{ font: 10px Arial, Helvetica, Sans-Serif; color:#D1E0FD; text-decoration:underline }
.fcont a:visited	{ font: 10px Arial, Helvetica, Sans-Serif; color:#D1E0FD; text-decoration:underline }
.fcont a:hover		{ font: 10px Arial, Helvetica, Sans-Serif; color:#0000C0; text-decoration:none }

.fbtn			{ font: 11px Arial, Helvetica, Sans-Serif; color:#ffffff; background-color:#4A6171; height:18; border:1px solid #ffffff }

.reportT		{ font: 10px Arial, Helvetica, Sans-Serif; color:#333333; font-weight:bold; border:1px solid #000000; background-color:#ffffff }

.report			{ font: 10px Arial, Helvetica, Sans-Serif; color:#333333 }
.report a:link		{ font: 10px Arial, Helvetica, Sans-Serif; color:#0000C0; text-decoration:underline }
.report a:visited	{ font: 10px Arial, Helvetica, Sans-Serif; color:#0000C0; text-decoration:underline }
.report a:hover		{ font: 10px Arial, Helvetica, Sans-Serif; color:#FF4040; text-decoration:none }


.title		   { font: 30px Tahoma, Arial Narrow, Arial, Helvetica, Sans-Serif; color:#D4E0E0; font-weight:bold; letter-spacing:2px }
.subtitle	   { font: 18px Tahoma, Arial Narrow, Arial, Helvetica, Sans-Serif; color:#D4E0E0; font-weight:bold; letter-spacing:1px }

.subtext	   { font: 10px Arial, Helvetica, Sans-Serif; color:#ffffff }

.content	   { font: 13px Arial, Helvetica, Sans-Serif; color:#ffffff }
.content a:link	   { font: 13px Arial, Helvetica, Sans-Serif; color:#E2E3A3; text-decoration:none }
.content a:visited { font: 13px Arial, Helvetica, Sans-Serif; color:#E2E3A3; text-decoration:none }
.content a:hover   { font: 13px Arial, Helvetica, Sans-Serif; color:#ffffff; text-decoration:underline }

.result		   { font: 13px Arial, Helvetica, Sans-Serif; color:#ffffff; font-weight:bold; font-style:italic; border:1px solid #ffffff; text-align:center }

.menus		   { font: 10px Arial, Helvetica, Sans-Serif; color:#FFFF00 }

.menu		   { font: 13px Arial, Helvetica, Sans-Serif; color:#ffffff }
.menu a:link	   { font: 13px Arial, Helvetica, Sans-Serif; color:#ffffff; text-decoration:none }
.menu a:visited    { font: 13px Arial, Helvetica, Sans-Serif; color:#ffffff; text-decoration:none }
.menu a:hover      { font: 13px Arial, Helvetica, Sans-Serif; color:#E2E3A3; text-decoration:none }

.listingA	   { font: 10px Arial, Helvetica, Sans-Serif; color:#0086C2; cursor:default; background-color:#E9E9E9 }
.listingB	   { font: 10px Arial, Helvetica, Sans-Serif; color:#0086C2; cursor:default; background-color:#FFFFFF }
.listingover       { font: 10px Arial, Helvetica, Sans-Serif; color:#FFFFFF; cursor:default; background-color:#4448D8 }
.listingon         { font: 10px Arial, Helvetica, Sans-Serif; color:#FFFFFF; cursor:default; background-color:#F78F8F }

.top		   { font: 13px Arial, Helvetica, Sans-Serif; color:#ffffff }

.finput		   { font: 11px Arial, Helvetica, Sans-Serif; color:#000080; background-color:#ffffff; cursor:default; border:1px solid #7F9DB9 }
.finputon	   { font: 11px Arial, Helvetica, Sans-Serif; color:#000080; background-color:#ffffff; cursor:default; border:1px solid #FF4040}
.fchkboxon	   { cursor:default; border:1px solid #FF4040}

.checkT	   	   { font-family:tahoma,sans-serif; font-size:9px; color:#575C62; text-decoration:none }
.checkD	   	   { font-family:tahoma,sans-serif; font-size:10px; color:#575C62; text-decoration:none; font-weight:bold }
.check	   	   { font-family:tahoma,sans-serif; font-size:12px; color:#575C62; text-decoration:none; font-weight:bold }

.ta	   	   { font-family:tahoma,sans-serif; font-size:11px; color:#002A29; text-decoration:none }
.ta a:link	   { font-family:tahoma,sans-serif; font-size:11px; color:#008080; text-decoration:none }
.ta a:visited      { font-family:tahoma,sans-serif; font-size:11px; color:#008080; text-decoration:none }
.ta a:hover        { font-family:tahoma,sans-serif; font-size:11px; color:#4040FF; background-color:#ffffff; text-decoration:none }

.tb	   	   { font-family:tahoma,sans-serif; font-size:10px; color:#002A29; text-decoration:none; font-weight:bold }
.tb a:link	   { font-family:tahoma,sans-serif; font-size:10px; color:#008080; text-decoration:none; font-weight:bold }
.tb a:visited      { font-family:tahoma,sans-serif; font-size:10px; color:#008080; text-decoration:none; font-weight:bold }
.tb a:hover        { font-family:tahoma,sans-serif; font-size:10px; color:#4040FF; background-color:#ffffff; text-decoration:none }

.btn	   	   { font-family:tahoma,sans-serif; font-size:11px; color:#ffffff; background-color:#7CB0AE; text-decoration:none; border:1px solid #000000 }

.ttf			{ font: 9px Arial, Helvetica, Sans-serif; color:#808080 }
.popsmall		{ font: 11px Microsoft Sans Serif, Arial, Sans-serif }

/* Additions made by Eric
---------------------------------------------------*/
h3 { font-size:14px; font-weight:bold; letter-spacing: 2px; padding:3px 3px 3px 3px; margin:0;}
p {padding:3px; margin:3px;}

/* CSS for admin/tasks.php */
.admin.dashboard.tasks.project_container{
	padding: 0px 10px 10px 10px;
}
h4.tasks.project_title {
	font-size: 16px;
	border-top: 1px solid grey;
	border-bottom: 1px solid grey;
}
.overdue_task {
	color: red;
}

/************************************************************************************
*                               Additions made by jlaw                              *
************************************************************************************/

/* /admin/tasks.php */
ul.users_task_list {
	list-style-type: none;  
	border-bottom: solid 1px;
	padding-left:0;
	margin-left:25px;
	width:525px;
}
li.task {
	font-size: 12px;
	border-top: solid 1px;
	/*border-bottom: solid 1px;*/
	overflow: hidden;
}
.task_name {
	float:left;
	font-weight:bold;
}
.task_duedate {
	float:left;
	font-weight:bold;
}
li .task_desc {
	float:left;
	font-size: 12px;
	font-weight: normal;
	overflow: auto;
	white-space:nowrap;
}
ul.users_task_list li img.status {
	margin-top:9px;
	margin-right:4px;
}
ul.users_task_list li div {
	margin-top:2px;
}
.ta .task a, 
.ta .task a:hover,
.ta .task a:visited {
	color: transparent;
	border: 0px;
	width: 16px;
	height:16px;
}
img.viewtask,
img.addcomment,
img.edittask,
img.deletetask {
	float:right; 
	margin:0 2px 2px 0; 
	border:0px;
}
img.viewtask,
img.addcomment {
	margin-top:-10px;
	margin-bottom: 10px;
}
.note_recent {
	padding-top: 35px;
	padding-left:15px;
}


/********** NEW CSS ***********/

#container {
	width: 1020px;
	margin: 0 auto;
	text-align: left;
	background: #fff;
	}
	
.blueSeparation{
	height: 50px;
	margin: 0;
	padding: 0;
	}
	
.ltblue { 
	font-family:tahoma,sans-serif; 
	font-size:11px;
	color:#008080; 
	text-decoration:none; 
	font-weight:normal; 
}

.categoryhdr {
	width:150;
	background:#008080;
	border:1px solid #000000;
	padding:5px;
	font-family: tahoma,sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-align:left;
}

.categorybdy {
	width:150;
	background:#ffffff;
	border-left:1px solid #008080;
	border-right:1px solid #008080;
	border-bottom:1px solid #008080;
	padding:5px;
	font-family: tahoma,sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
}