BODY {
		padding: 0;
		margin: 0;
		background-color: #ccc;
	}

	* {
		font-family: Verdana, sans-serif;
	}
	
	.confirm 
	{
		color:Green;
	}
	#nav li {
		float: left;
		width: 300px;
		border-right: 1px solid #B9B9B9;
		padding: 6px 5px 6px 20px;
		background-image: url(../image/template/book_icon.gif);
		background-position: left top;
		background-repeat: no-repeat;
		background-color: #666699;
		margin-top: 0;
	}
	
	#nav li A 
	{
		color:#fff;
		text-decoration: none;
	}
	
	#nav li.nav2 {
	
		background-image: url(../image/template/home_masthead_bottom.gif); 
		background-repeat: no-repeat;
	}
	
	#nav li.nav3 {
		border: none; 
		width: 323px;
	}

	#nav {
		clear: both;
		list-style-type: none;
		width: 100%;
		background-color: #666699;
		margin:0;
		padding:0;
		font-size: 12px;
		font-weight: bold;
		text-transform: uppercase;
		color: #fff;
	}
	
	#wrapper {
	width: 1000px;
	padding: 0;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
	background-image: url(../image/template/grid.gif);
	background-position: 270px top;
	background-repeat: no-repeat;
}

	#imageStrip1, #imageStrip2, #imageStrip3 {
		margin: 0;
		padding: 0;
		height: 94px;
		float: left;
		background-repeat: no-repeat;
		border-bottom: 1px solid #666699;
		border-top: 1px solid #B9B9B9;
	}

	#imageStrip1 {
		width: 325px;
		background-image: url(../image/template/imageStrip1.jpg);
		border-right: 1px solid #B9B9B9;
	}

	#imageStrip2 {
		width: 325px;
		background-image: url(../image/template/imageStrip2.jpg);
		border-right: 1px solid #B9B9B9;
	}
	#imageStrip3 {
		width: 348px;
		background-image: url(../image/template/imageStrip3.jpg);
		border-right: none;
	}
	
	#contentArea {
		float:left; 
		margin-top: 3px; 
		border-right: 1px solid #666699; 
		padding-right: 2px; 
		width: 740px;
		font-size:12px;
	}
	#contentArea table td
	{
		font-size:12px;
	}

	#content1, #content2, #content3 {
		float: left;
		width: 325px;
		margin: 0;
		padding: 5px 0px 5px 0px;
		border-right: 1px solid #B9B9B9;
		font-size: 12px;
		height: 550px;
		background-color: transparent;
	}

	#content3 {
		border-right: none;
	}

	#content1 UL, #content2 UL, #content3 UL {
		list-style-type: none;
		margin-left: 10px;
	}

	#content1 UL LI, #content2 UL LI, #content3 UL LI {
		background-image: url(../image/template/bullet.gif);
		background-repeat: no-repeat;
		background-position: left 6px;
		margin-left: 0px;
		padding-left: 17px;
		padding-top: 5px;
		padding-bottom: 5px;
	}
	
	#content1 UL LI LI, #content2 UL LI LI, #content3 UL LI LI {
		background-image: none;
		
	}
	#middle {
		clear: both;
		width: 1000px;
		background-image: url(../image/template/middleBG.gif);
		background-repeat: no-repeat;
	}
	#middle, #middleSub {
		margin: 0;
		padding: 0;
	}
	
	#middleSub {
		min-height: 422px;
		padding: 10px;
		width: 980px;
		font-size: 12px;
	}
	
/* for IE only, we force a minimum height to the div for white bg on short pages.  
If applied to netscape, the content will overflow the box because it will restrict 
the height of the div and not allow it to expand  - but nn of course understands 
min-height, so we don't need to worry*/

	*html #middleSub {
		height: 422px;
     }
	 
	 #middleSub H1 {
	 	font-size: 16px;
		color: #CA2929;
		margin-bottom: 0px;
	 }
	 #middleSub H2 {
	 	font-size: 14px;
		color: #CA2929;
		margin-bottom: 0px;
	 }
	
	#footer {
		background-image: url(../image/template/footerBG.gif); 
		background-repeat: repeat-x; 
		width: 990px; 
		height: 19px; 
		padding: 5px; 
		margin: 0;
		color: #fff;
		font-size: 10px;
		clear:both;
		margin-left:auto;
		margin-right:auto;
	}
	
	#footer A {
		color:#fff;
		text-decoration:none;
	}
	
	#middle H1 {
		width: 315px; 
		background-color: #CA2929; 
		padding: 5px; 
		color:#fff; 
		font-weight: bold; 
		font-size: 12px;
	
	}
	#content3 H1 {
		width: 338px;
	}
		#sideNav
{
	font-size: 11px;
	margin: 40px 2px 10px;
	width: 200px;
	background-color: #dfdff3;
}
	* html #sideNav 
	{
		height: 200px;
	}
		#sideNav H1 {
			margin:0;
			padding:5px;
			width:190px;
			background-color:#CA2929;
			color:#fff;
			border-bottom:1px solid #fff;  
			font-size: 14px; 
			text-align: center;
		}
		* html sideNav H1 
		{
			width: 210px;
			height: 16px;
		}
		
		#sideNav UL LI.on, #sideNav UL LI {
			margin-left: 0px;
			padding-left: 10px;
			padding-top: 5px;
			padding-bottom: 5px;
		}
		#sideNav UL LI.on {
			/*background-image: url(../image/template/sideBullet.gif); 
			background-repeat: no-repeat; 
			background-position: left;*/
		}
		#sideNav UL {
			list-style-type: none; 
			margin-left: 5px;
			margin-top: 0px;
			margin-bottom: 0px;
			padding-bottom: 0px;
		}
		#sideNav A {
			color: #CA2929;
			text-decoration: none;
		}
		#sideNav A:hover 
		{
			text-decoration: underline;
		}
		#sideNav A.other {
			color: #666699;
		}
		#sideNav H2 
		{
			font-size: 11px; 
			padding: 0px; 
			margin-top: 4px;
			padding-left: 10px;
		}
		#sideNav ul.sub 
		{
			background-color: #C6C6E1;
			border-left: 1px solid #9799C8; 
			border-bottom: 1px solid #9799C8;	
			margin-bottom: 0px;
			padding-bottom: 0px;
		}
		.red {
			color: Red;
		}
		table.form td {
			vertical-align: middle;
		}
		table.dataGrid {
			border-collapse: collapse;
			border: 1px solid #666699;
			width: 90%;
			margin-left: auto;
			margin-right: auto;
		}
		.columnHeadRow {
			font-weight: bold;
			color: #000000;
		}
		table.dataGrid TD {
			text-align: center;
		}
		.dataRowEven {
			background-color: #CCC;
		}
		#middleSub #gridIssues 
		{
			width:700px;
		}
		#middleSub table.projectGrid, #middleSub table.projectGridThin {
			border-collapse: collapse;
			border: 1px solid #666699;
		}
		#middleSub table.projectGridThin {
		/*width: 540px;*/
		}
		#middleSub table.projectGrid {
		width: 550px;
		}
		#middleSub table.projectGrid TD, #middleSub table.projectGridThin TD {
			border: 1px solid #666699;
			text-align: center;
			padding:0;
			margin:0;
			vertical-align:top;
		}
		#middleSub table.projectGrid TD.leftAlign, #middleSub table.projectGridThin TD.leftAlign {
			border: 1px solid #666699;
			text-align: left;
		}
		/*this is for the 4th level "next level down" table - the edit controls are in a nested table, so we have to tell it very specifically not to put borders around the buttons */
		#middleSub table.projectGridThin TD TABLE TR TD
		{
			border:0px;
		}
		/* end hack for image buttons */
		#middleSub table.projectGrid TR.headerCell TD, #middleSub table.projectGridThin TR.headerCell TD {
			background-color: #666699;
			color: #fff;
		}
		#middleSub table.projectGridThin TD SPAN.left {
			text-align:left;
		}
		#middleSub table.projectGrid TH, #middleSub table.projectGrid TH A, #middleSub table.projectGridThin TH, #middleSub table.projectGridThin TH A {
			background-color: #666699;
			color: #fff;
		}
		DIV.fauxHead {
		margin:0;
		margin-bottom:3px;
		padding:0;
		width:100%;
		background-color:#666699;
		color:#fff;
		text-align:center;
		font-weight:bold;
		border:none;
		height:16px;
		}
		SPAN.pad {
		padding:5px;
		}
		#middleSub input, #middleSub select
		{
			font-size: 12px;
			margin:0px;
			padding:0px;
		}
		#lstRoles, #lstRolesProject 
		{
			width:320px;
			overflow:hidden;
		}
		#middleSub .DataGridFixedHeader 
		{
			background-color: #666699; 
			color:#fff; 
			position:relative; 
			height:18px; 
			margin-right:0;
			margin-bottom:0;
			margin-top:0;
			margin-left:0;
			padding:0;
			top:expression(this.offsetParent.scrollTop-20); 
			left:expression(this.offsetParent.scrollLeft-1);
			border-right:#66669;
		}
		#middleSub *.raw
		{
		font-size: 12px;
		/* font-family: Serif; */
		}
		#preview
{
	border-right: #000 double;
	padding-right: 10px;
	border-top: #000 double;
	padding-left: 10px;
	float: right;
	padding-bottom: 10px;
	border-left: #000 double;
	width: 120px;
	color: #fff;
	margin-right: 20px;
	margin-bottom: 10px;
	padding-top: 10px;
	border-bottom: #000 double;
	background-color: #ca2929;
	text-align: center;
}
		#preview A {
			color: #fff;
		}
		#middleSub DIV.addToList {
			width: 400px; 
			text-align:right;
		}
		
.red
	{
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
		font-size: 11px;
		color: #FF0000;
	}	
	
	#pnlNavigator 
	{
		width:100px;
		float:right;
	}
	
	SELECT.role
{
	overflow: visible;
	width: 325px;
}
	
	
/* for WBS    */


/*

Explorer Tree 1.4
=================
by Andrew Gregory <andrew@scss.com.au>
http://www.scss.com.au/family/andrew/webdesign/explorertree/

This work is licensed under the Creative Commons Attribution License. To view a
copy of this license, visit http://creativecommons.org/licenses/by/1.0/ or send
a letter to Creative Commons, 559 Nathan Abbott Way, Stanford, California 94305,
USA.

*/

/* Get the bullets inside their LI's, so they're clickable. */
	#tree ul.explorertree li { 
		list-style-position: inside; 
	}

	#tree ul.explorertree, ul.explorertree ul, ul.explorertree li
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 1px;
	margin: 0px;
	padding-top: 1px;
}
	#tree ul.explorertree ul { 
		padding-left: 20px; 
	} /* sublist indentation */
	/* Set the bullet images */
	#tree ul.explorertree li { 
		background-image: url(../image/wbs/folder.gif);
		padding-left: 20px;
		margin-left: 0px;
		background-repeat: no-repeat;
		background-position: 33px 0px; 
	}
	#tree ul.explorertree li.explorertree-open {
		list-style-image: url(../image/wbs/minus.gif);
		list-style-type: circle;
	}
	#tree ul.explorertree li.explorertree-closed { 
		list-style-image: url(../image/wbs/plus.gif); 
		list-style-type: disc; 
	}
	/* Actually show and hide sublists */
	#tree ul.explorertree li.explorertree-open ul { 
		display: block; 
	}

	#tree ul.explorertree li.explorertree-closed ul { 
		display: none; 
	}

	#tree {
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 14px;
	}
	
	#tree A, #tree A:visited {
		text-decoration: none;
		color: black;
	}
	
	#tree A:hover {
		text-decoration: underline;
	}

	#tree ul.explorertree UL.wbsItem LI {
		background-image: url(../image/wbs/block.gif);
		padding-left: 20px;
		background-repeat: no-repeat;
		background-position: 33px 0px;
	}

	/*commented some rules out when we removed the task checkmark icon - also added and inline style to this li's first href in projectWBS.aspx*/
	#tree ul.explorertree UL.wbsItem UL.task LI {
		/*background-image: url(../image/wbs/task.gif);*/
		background-image: none;
		padding-left: 15px;
		/*background-repeat: no-repeat;*/
		/*background-position: 30px 0px;*/
	}

	#tree ul.explorertree UL.wbsItem UL.task UL.subTask LI {
		background-image: url(../image/wbs/subTask.gif);
		padding-left: 15px;
		background-repeat: no-repeat;
		background-position: 30px 0px;
	}

	#tree ul.explorertree UL.wbsItem UL.task UL.subTask UL.wp {
		list-style-type: none;
		list-style-image: none;
	}
	
	#tree ul.explorertree UL.wbsItem UL.task UL.subTask UL.wp LI {
		background-image: url(../image/wbs/workPackage.gif);
		padding-left: 25px;
		background-repeat: no-repeat;
		background-position: 23px 0px;
	}
	
	DIV.WBSDescr {
		font-size: 9px;
		padding: 3px;
		width: 300px;
		margin-top: 5px;
		background-color: #cccccc;
	}

	#middleSub #txtWBSNumber
{
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	background-color: transparent;
	border-bottom-style: none;
	font-size:12px;
}

/* end for WBS */


#UpgradeMessage
{
    vertical-align:top;
    margin-top:20px;
    text-align:left;     
    
}
#UpgradeMessage div
{    
    font-size:8pt;
    padding-top:10px;
    padding-left:10px;    
}
#UpgradeMessage span
{
     white-space:pre-wrap;
}