body         { font-family: Sans-Serif, Verdana,Helv,Arial; font-size: 10pt }
p            { font-family: Sans-Serif, Verdana,Helv,Arial; font-size: 10pt }
tr           { font-family: Sans-Serif, Verdana,Helv,Arial; font-size: 10pt }
td           { font-family: Sans-Serif, Verdana,Helv,Arial; font-size: 10pt }
input        { border-style:solid; border-width:1; font-family: Verdana,Helv,Arial; font-size: 10pt }
h1           { font-family: Sans-Serif, Verdana,Helv,Arial; font-size: 14pt; font-weight:bold }
h2           { font-family: Sans-Serif, Verdana,Helv,Arial; font-size: 12pt; font-weight:bold; margin-bottom:0 }
h3           { font-family: Sans-Serif, Verdana,Helv,Arial; font-size: 10pt; font-weight:bold; margin-bottom:0 }

.Section { border:1px solid #F5F5F5; }
.SectionHeader		{ font-weight:bold; background-color:#86ADE4}
.SectionSubHeader	{ font-weight:bold; background-color:#DDECFE}
.SectionSubFooter	{ background-color:#DDECFE}

.ItemListColor1	{ background-color:#E5E5E5;}
.ItemListColor2	{ background-color:#D5D5D5;}
.ItemLayer { width: auto; height: auto; background-color:#EDF3FC; }

.HiddenPackageColor { color:red; }


.Date		{ font-weight:bold; border-top:1px solid #808080;border-bottom:1px solid #808080;
			  border-left:1px solid #808080; border-right:1px solid #808080;}
.DateToday	{ font-weight:bold; background-color:yellow}
.DatePast	{ font-weight:bold; background-color:red}

.SectionHeader_child	{ font-weight:bold; background-color:#DBD6B5}
.SectionSubHeader_child	{ font-weight:bold; background-color:#B9C7D2}
.ItemListColor1_child	{ background-color:#F2F2F2;}
.ItemListColor2_child	{ background-color:#E8E8E8;}
.ItemLayer_child { width: auto; height: auto; background-color:#EDF3FC; }

.Help {width:100%; padding: 4px;}
.Help h1 {font-size: 12pt; font-weight:bold; margin-bottom:-15px;}
.Help h2 {font-size: 11pt; font-weight:bold; margin-bottom:-15px;}
.Help h3 {font-size: 10pt; font-weight:bold; margin-bottom:-15px;}
.Help ol {margin-top:-15px; margin-bottom:-10px;}
.Help ul {margin-top:-15px; margin-bottom:-10px;}


.table1
{
  font-family: verdana;
	font-size: 10pt;
	border: 1px solid #9FD9FF;
	background: #E8F3FF;
}

.td1
{
   border-bottom: #cccccc 1px solid;
   background: #f4f4f4;
}

.td2
{
  border-bottom: #ffcc00 1px solid;
  background: #E8F3FF;
}

.total
{
   background: #f4f4f4;
}

.tr1
{
  border-bottom: #cccccc 1px solid;
background: #f4f4f4;
}
.activelink {
	FONT-SIZE: 12px; COLOR: #475E70; FONT-FAMILY: verdana; TEXT-ALIGN: left; TEXT-DECORATION: none
}
 .errormessage
{
   font-family: Sans-Serif, Verdana,Helv,Arial; color: red; font-size: 10pt; font-weight:bold;
 }

 .paging
 {
 font-family: Sans-Serif, Verdana,Helv,Arial; font-size: 9pt
 }

 .apaging
 {
 font-family: Sans-Serif, Verdana,Helv,Arial;COLOR: #0000FF; font-size: 9pt
 }

.breadcrumb
{
	FONT-SIZE: 12px; COLOR: #475E70; FONT-FAMILY: verdana; TEXT-ALIGN: left; TEXT-DECORATION: underline

}

.lineitem_header
{
      background-color:#F8F7EF;FONT-Weight: Bold;

}

.active{
font-family: Sans-Serif, Verdana,Helv,Arial; font-size: 10pt}

.inactive{
font-family: Sans-Serif, Verdana,Helv,Arial; font-size: 10pt;COLOR: #7E7E7E;}


.BorderRight 	{ border-right: rgb(192,192,192) 1px solid; color:#ECE9D8;}
.SubmitButton	{height: 20;}
.DashboardProjectsList {position: absolute; left: 308px; top: 40px; width: 450px; height: auto; z-index: 1; border-style: dotted; border-width: 1px; padding: 2px; background-color: #00FFFF; visibility:hidden;}


.projectSection { width: auto; height: auto;}
.highlightedTable { background-color: #F3EFF5; }
.TabHeaderOn		{ font-weight:bold; background-color:#FFFFFF; border-left-style:solid; border-left-width:1px; border-right-style:solid; border-right-width:1px; border-top-style:solid; border-top-width:1px;  border-bottom-style:solid;border-bottom-width:1px}
.TabHeaderOff		{ font-weight:bold; background-color:#DDECFE}



.TaskDetail { width: auto; height: auto; background-color:#EDF3FC; }
.TaskDetail table { background-color:#FFFFFF; }
.TaskDetailHeader { background-color:#EDF3FC; }
.TaskDetailMenu { width: auto; height: auto; background-color:#ECE9D8; }
.TaskDetailMenu table { background-color:#ECE9D8; }

.Task		{ padding:2px; width: 200px; height: 22px;
			  border-top:1px dotted #808080;border-bottom:1px dotted #808080;
			  border-left:1px dotted #808080; border-right:1px dotted #808080;
			  background-color: white; color:#000000 }
.TaskDue	{ padding:2px; width: 200px; height: 22px;
			  border-top:2px dotted #808080; border-bottom:2px dotted #808080;
			  border-left:2px dotted #808080; border-right:2px dotted #808080;
			  background-color: #FFFF5A;  }
.TaskDone	{ padding:2px; width: 200px; height: 22px;
			  border-top:1px solid #C0C0C0; border-bottom:1px solid #C0C0C0;
			  border-left:1px solid #C0C0C0; border-right:1px solid #C0C0C0;
			  background-color: #00FFFF;  }
.TaskOverdue { padding:2px; width: 200px; height: 22px;
			   border:4px solid yellow; background-color: red; }
.TaskOverdue a 	{ color: #FFFFFF }
.TaskOverdue td { color: #FFFFFF }

.TaskTreeHeader		{ border-left-style: none; border-right: 0.5pt solid black; border-top-style: none;
					  border-bottom: 1.5pt solid black; background-color:#ECE9D8; align: right;}
.TaskTreeItem		{ border-right: 0pt solid grey; border-bottom: 1pt dotted black; }


.ganttchartOrderName  { border-right: 1pt solid #FFFFFF; background-color: #F4F4F4; border-bottom: 1pt dotted black;
					    font-size: 10pt; font-weight: bold;}

.ganttchartTask		  { border-right: 1pt solid #FFFFFF; background-color: #F4F4F4; border-bottom: 1pt dotted black;
					    font-size: 8pt;}

.ganttchartVendor		{ border-right: 1pt solid #FFFFFF; background-color: #E8F3FF; border-bottom: 1pt dotted black;}


/*  ********* Gantt Chart Branches Clasees ********* */
.branch
{
      background-color:#999999;

}


.branchparent
{
      background-color:#100F62;

}

.branchchildren
{
      background-color:#944131;

}

.branchcurrent
{
      background-color:#626262;

}


.outer_div{
		width:100%;

		font-family:tahoma;
		font-size:12px;
		clear:both;
	}
	.outer_div1{
		width:100%;

		font-family:tahoma;
		font-size:12px;
		clear:both;
		padding-left:16px;
	}
	#flt{
		float:left;
	}
	.margin1{
		margin-right:10px;
	}
	#flt_rt{
		float:right;
	}



/* the div that holds the date picker calendar */
.dpDiv {
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #ece9d8;
	border: 1px solid #AAAAAA;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ece9d8;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlight {
	color: 4060ff;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	}