/*
red: 	#CE0000
navy:	#000063
blue:	#5A79A5
ltblue:	#9CAAC6
sky:	#DEE7EF
*/
body 				{ 	background: #9CAAC6 url(fancy_bg.png) repeat-x top; font-family: Trebuchet MS, Helvetica, sans-serif; } 
/*body 				{ 	background: #162E5C url(tsvn.png) repeat-x top; font-family: Trebuchet MS, Helvetica, sans-serif; } */
h1, h2, h3, h4, h5 	{ 	font-weight: bold; } 
h1					{	text-transform: uppercase;	font-size: 150%;	border-bottom: 3px solid #000063;	margin-bottom: 4px; }
h2					{	font-size: 125%;position: relative; text-decoration: underline;}
h3					{	font-size: 115%;}
h4					{	font-size: 105%;}

img                     {   border: 0px; }
legend                  {   font-weight: bold; font-size: 140%; }
table				{	border: 1px solid #CCC;	width: 100%;}
th					{	border-right: 1px solid #DDD;border-bottom: 1px solid #CCC; background: url(th.png) repeat-x #dedede; text-align: center; font-size: medium; padding: 2px 0; font-weight: bold;}
td					{	padding: 3px;	border-right: 1px solid #CCC;	border-bottom: 1px solid #DDD;}
td.first, th.first	{	width: 100px;}

table.listing			{	margin-top: 10px; }
table.small				{	width: 65%; }
table.listing td		{	padding: 10px; }
#rightcolumn .listing th a	{	text-decoration: none; }
optgroup option			{	padding-left: 10px; }


.noborder			{	border: none;}
.noborder td		{	border: none;}
.top				{	vertical-align: top; }
.resizer td:hover {	border:1px solid #D9D9D9;}

table.clean			{	border: none; }
table.clean th		{	border-right: none; background: none !important; }
table.clean td		{ 	border: none; }
table.top td		{	vertical-align: top; }
li					{ 	list-style-position: inside; list-style-type: square; margin-left: 20px; }
li li				{ 	list-style-position: inside; list-style-type: square; margin-left: 20px; }
hr					{ 	margin: 10px 0; }
.menu hr			{	margin: 1px 0;}
em,.em				{	font-style: italic;}
strong,.strong		{	font-weight: bold;}
p					{	/*border-bottom: 1px solid #DEE7EF;*/ padding: 4px; margin: 8px auto; }
a					{	color: #5179A5; text-decoration: none; }
a:hover				{	text-decoration: underline;}
span				{	padding:0 4px;	}

input[type='text'], 
input[type='password'],
textarea			{ 	width: 60%; position: static; padding: 2px; background: transparent; border: 1px solid #Dee7ef; font-weight: normal;}
select				{	width: 60%; }
input:focus, textarea:focus, select:focus { border:1px solid #5a79a5;}
.button:focus		{	border-width: 3px; }

.header h1			{ 	text-transform: none; font-size: 300%; }
#footer				{	margin-top: -5px; text-align: right; background: transparent; color: ghostwhite;}
.content			{	-moz-border-radius: 15px; -webkit-border-radius: 15px; border: 0px solid #5A79A5;}

#navigation, #navigation2	{	color: #000063;	}
#navigation a				{	display: block;	padding: 2px 0 2px 4px; height: 20px; background-repeat: no-repeat; text-indent: 20px; background-position: 3px 3px; }
#navigation a:hover			{	text-decoration: underline;}
#navigation2 a.logout		{	color: #CE0000;}
#navigation2 a.logout:hover	{	color: white; background: #CE0000; padding: 2px;}

#home #navigation a.home,
#projects #navigation a.projects,
#messages #navigation a.messages,
#people #navigation	a.people{	font-weight:bold; letter-spacing: 2px;}

#home h3			{ font-style: italic; }

.leftcolumn .link img{	margin-right: 3px; padding: 2px 0; vertical-align: text-bottom; }
.project_tree li	{	margin-left: 5px; }
.project_tree li li {	list-style-type: disc; margin-left: 20px;}

.highlight			{	color: #DEE7EF; }
.task_radio			{	margin: 0 3px; }
.container			{	-moz-border-radius: 3; color: #444;	background: white; margin-bottom: 10px;}
.alt_container		{	border: 1px solid #DEE7EF; background: white; margin-bottom: 20px; padding: 4px; }
.active 			{ 	border: 1px solid #000063; } 
.title				{	font-size: 125%; }
.tiny				{	font-size: x-small; }
.small				{	font-size: small; }
.huge				{	font-size: x-large;}
.right				{	position: absolute; right: 0px; }
.filter				{	margin-right: 25px; margin-top: -25px; }
.description		{ 	margin-left: 10px;  margin-bottom: 10px;}
.task .description	{	margin-left: 20px; }
.indented			{	margin-left: 25px; }
.block				{	display: block; }

/** Task Styling **/
.task				{	width: 90%;	position: relative;	margin: 2px 0px; padding: 2px 0px; list-style-type: none; }
.mine				{ 	background: #DEE7EF;}
.new				{	list-style-image: url(new.png) none; }
.locked				{	list-style-image: url(locked.png) none;}
.inprogress			{	font-weight: bold; list-style-image: url(hourglass.png) none; }
li.onhold			{	list-style-image: url(edit-delete.png); font-size: 85%; color: #999;}
li.completed		{	list-style-image: url(tick.png); font-size: 75%; color: #777;}
li.ready			{	list-style-image: url(tick.png); color: green;}
li.completed a		{	color: #9CAAC6;}
li.add				{ 	list-style-image: url(list-add.png) !important;}
li.list				{ 	list-style-image: url(list.png) !important ;}
li.search			{ 	list-style-image: url(edit-find.png) !important ;}
.assigned_person	{ 	font-weight: bolder; }
/*li.task:hover		{	list-style-image: url(/images/pencil.png); padding-left: 20px;}
li.deleted:hover	{	list-style-image: url(/images/wand.png); padding-left: 20px;}*/

.menu					{	font-size: 80%; width: 130px; border: 1px solid black; background: white; z-index: 10;}
.menu_toggle			{	cursor: pointer; cursor: hand; }
.menu a					{	display: block; text-align: center; font-size: x-small;}
.menu a:hover			{	background: gainsboro url(/images/side_tab.jpg); color: white;}

.project				{	margin: 8px 0px; padding-bottom: 10px;}
.meta					{	border-bottom: 1px solid #000063; background: #F8F8FF;}

.error, .notice,.block	{	display: block; padding: 10px; margin: 5px; }
.error					{	border: 2px solid #CE0000; background: lightCoral;}
.error_message			{	font-style: italic; color: #ce0000; }
.red					{	color: red; }
.notice					{	border: 1px solid #9CAAC6; background: #DEE7EF;}
.valid					{	border: 2px solid lime; }
.invalid{	border: 2px solid #ce0000; }
.test_items li			{	list-style-type: none; }
label					{	padding-left: 5px; vertical-align: middle; }
.edit-project			{	list-style-image: url(edit-mode.png) no-repeat; }


#message_list .category	{	text-align: center; padding: 4px; height: 18px; }
#message_list .Message	{	list-style-image: url(list.png);}
#message_list .Task		{	list-style-image: url(task.png); }
#message_list .Project	{	list-style-image: url(project.png); }
#message_list .category	{	text-align: center; padding: 0 2px; }
#message_list .action	{	text-align: center; padding: 0 2px; }
#message_list .added	{	background: green; color: white; }
#message_list .updated	{	background: goldenrod; }
#message_list .completed{	background: #444; color: white; }
#message_list .deleted	{	background: #CE0000; color: white; }

#people_list td + td	{ text-align: center; }
.datepicker				{ width: 200px; }

img.due_img				{ padding: 5px; vertical-align: middle;	}
.due_hdr				{ color: #444; margin-top: -2px; padding-bottom: 2px;}
.in_future, .upcoming, .past_due { list-style-image: none !important; }
.in_future				{ border: 1px solid gainsboro; }
.in_future .due_hdr		{ background: gainsboro; }
.upcoming				{ border: 1px solid goldenRod; }
.upcoming .due_hdr		{ background: goldenRod; }
.past_due				{ border: 1px solid #ce0000; }
.past_due .due_hdr		{ background: #ce0000; color: white;}

img.tree_node			{ vertical-align: bottom; }

#navigation a.about 	{ background-image: url(dialog-information.png); }
#navigation a.download 	{ background-image: url(lightning.png); }
#navigation a.technology{ background-image: url(document-properties.png); }
#navigation a.feedback 	{ background-image: url(chat.png); }
#navigation a.signup 	{ background-image: url(wand.png); }
#navigation a.home	 	{ background-image: url(go-home.png); }
#navigation a.projects	{ background-image: url(project.png); }
#navigation a.demo		{ background-image: url(icon2.gif); }
#navigation a.messages	{ background-image: url(list.png); }
#navigation a.people	{ background-image: url(system-users.png); }

#navigation2 li.search	{ height: 26px; list-style-type: none; list-style-image: none; margin-top: 4px;}
#navigation2 li.search input	{ vertical-align: middle; margin-right: 2px; }
#quicksearch 			{ display: inline;}

img.frame				{ border: 1px solid #ccc; padding: 3px; background: white; }