﻿
/**************************** Standard HTML Tag Settings **************************/
	body { background-color: white;	}
	input, textarea { padding: 3px; height: 20px;}
	.CheckBox input {height: 13px; _top: -2px; _height: 18px;}
	select { min-height: 20px; }
	.CheckBox label {position: relative; top: -2px; _top: 0px; font-weight: bold; left: 2px;}
	table {border-collapse: collapse;}
	
	H1, H2, H3, H4, H5, DT {
		color: #003366; 
	}

	H1	{	font-size:	26px;	font-weight:	700;}
	H2	{	font-size:	22px;	font-weight:	700;}	
	H3	{	font-size:	20px;	font-weight:	500;}	
	H4	{	font-size:	17px;	font-weight:	500;}	
	H5, H6, DT {font-size:	13px;	font-weight:	700;}	

	A:link, A:visited, A:active	{	text-decoration:	none;	color:	#333399;	}	
	A:hover	{						text-decoration:	none;	color:	#3333cc;	}
	
	SMALL	{	font-size:	9px;}	
	BIG		{	font-size:	15px;}	
	
	UL LI		{	list-style-type:	square ;}	
	UL LI LI	{	list-style-type:	disc;}	
	UL LI LI LI	{	list-style-type:	circle;}	
	OL LI		{	list-style-type:	decimal;}	
	OL OL LI	{	list-style-type:	lower-alpha;}	
	OL OL OL LI	{	list-style-type:	lower-roman;}	

/************** Business Operations Menu Buttons ****************/
.BusinessOperationButton, .BusinessOperationButtonRollOver
	{ -moz-box-shadow:  2px 2px 2px #B1A880; -webkit-box-shadow: 2px 2px 2px #B1A880; box-shadow: 2px 2px 2px #B1A880; _filter: progid:DXImageTransform.Microsoft.Shadow(color=#B1A880, direction=135, strength=2);
    border: solid 1px black;  cursor: pointer; background-color: #ffffff; text-decoration: none; height: 16px;  margin-left: 4px; min-width: 75px;  /*_width: 75px;*/
    white-space: nowrap; overflow: visible; text-align: center; padding: 0px 10px 0px 10px; }

a.BusinessOperationButton, a.BusinessOperationButtonRollOver
	{ padding: 1px 10px 2px 10px;  color: Black; font-weight: bold; }

.ActionButtons {background-color: #f9ecb5; border: solid 1px #668688; padding: 15px; margin: 5px; text-align: center;}
.ActionButtons a.BusinessOperationSubButton {background-color: #FCF5D7; padding: 4px 10px;}

.BusinessOperationButtonRollOver, .BusinessOperationButton:hover
	{ background-color: #c8d8bc;   color: Black; text-decoration: none; font-weight: bold;}
.BusinessOperationButtons 
	{ left: 265px; width: 700px; position: absolute; top: 496px; height: 25px; }
.BusinessOperationSubButton 
	{ text-align: center; font-size: 9px; font-weight: bold; color: black; border: 1px solid #CCC;  min-width: 50px; width: 50px; height: 16px;  padding: 1px 4px 2px 4px; white-space: nowrap; line-height: 18px; _line-height: 12px;}
a.BusinessOperationSubButton
	{ color: Navy; }
.BusinessOperationSubButton:hover 
	{ color: black; border: 1px outset black; background-color: #c8d8bc; text-decoration: none;}

/************ multi select list component ************/
.MultiSelectListHeading { font-weight: bold; text-transform: capitalize; }
.MultiSelectList { border: solid 1px #6699cc; padding-left: 2px; padding-top: 2px; width: 95%; _width: expression(offsetParent.offsetWidth-10); }

/**************** Form Controls ****************/
.InputControl, .InputControlRequired
	{ border: solid 1px #6699cc; }
.InputControlRequired
	{ border-right: solid 1px brown; border-bottom: solid 1px brown; box-shadow: 2px 2px 2px brown; _filter: progid:DXImageTransform.Microsoft.Shadow(color=brown, direction=135, strength=2);   }
.InputControlLocked
	{ border: solid 1px #FCF5D7;		color: #696969; background-color: #FCF5D7; }
.InputControlReadOnly
	{ border: none;	font-weight: bold;	color: #993366; background-color: #FCF5D7; }

.LabelInputControl {font-weight: bold; padding-top: 4px; }
table.LabelInputControl { width: 100%; border: solid 1px #668688; }
.LabelInputControlTable { font-weight: bold; padding-top: 2px; padding-left: 3px; }
table.sidePadding tr td { padding-left: 4px; padding-right: 4px; }

.NoWrapRight {text-align: right; white-space: nowrap;}
.ReadOnly		{ font-weight: bold; font-size: 11px; color: #993366; padding-top: 4px; }
.ReadOnlyLabel	{ font-weight: bold; font-size: 12px; color: Blue;	  padding-top: 4px; }
.ReadOnlyRate	{ font-weight: bold; font-size: 11px; color: #993366; padding-top: 4px; text-align: right;}
.SectionHeading { font-weight: bold; padding: 2px 5px; background-color: #c8d8bc; }
.DarkBack { padding: 2px 5px; background-color: #c8d8bc; }

tr.SectionHeading						 { position: relative; top: -4px; _position: normal;  }
tr.SectionHeading td span.Checkbox		 { position: relative; top: 4px; _position: normal; }
tr.SectionHeading td span.Checkbox input { margin: -3px 0 4px 1px; _margin: 0px; }
tr td.SectionHeading span.Checkbox input { margin: 0 3px 0 3px; _margin: 0px; }

.ValidationErrorMessage { border: solid 2px #CC0000; font-weight: bold; font-size: 12px; cursor: default; color: white; background-color: #CC0000;
    display: none;
}

.bgError { background-color: #CC3300; color: White; }

.RequiredField	{ font-weight: bold; font-size: 18px; color: #C71585; padding-top: 2px; }
.LinkItem		{ font-size: 10px; }

/**************** Form Table *****************************/
.FormTable { border: solid 1px Gray; background-color: #e4e5e6; }
.AtlasDataGrid, .AtlasDataGrid td	{ border: solid 1px Gray;  }
.AtlasTable, .AtlasTable td			{ border: solid 1px #668688; }

/**************** Version History Tables *****************/
.VersionTableTitle 	{ border: solid 1px Gray; border-bottom: none; padding: 4px 0px 4px 2px; background-color: #c8d8bc; }
table.VersionTable  { border: solid 1px Gray; width: 320px;}

table.VersionTable tr td { font-size: 10px; height: 10px;  border: solid 1px Gray; }
table.VersionTable tr.Header td, 
table.VersionTable tr.Header th { height: 15px; border-right: none; border-bottom: none; }

table.VersionTable tr				{ background-color: White; }
table.VersionTable tr.Header		{ background-color: #c8d8bc; }
table.VersionTable tr.Alternate		{ background-color: #FCF5D7; }
table.VersionTable tr.Selected		{ background-color: #EFF3EB; }
table.VersionTable tr.Inactive		{ color: #666666; }

.VersionItem  { position: relative; text-align: center; width: 24%; padding: 3px 0px 3px 0px; }

/************************ Report Table *********************/
.ReportHeader { padding: 3px 0 3px 0; background-color: #c8d8bc; border: solid 1px gray; font-weight: bold; margin-bottom: 10px;}

.ReportListItem a:hover {text-decoration: none; background-color: #c8d8bc;}

.ReportItem   { padding: 3px 0 2px 10px; font-size: 10px; text-transform: uppercase; height: 12px; width: 160px; }
a.ReportItem:hover {text-decoration: none; background-color: #c8d8bc;}
.ReportListItem { display: inline; float: left; width: 160px; padding: 4px 0px 4px 0px; _padding: 0;}

/****************** Browse List Table **********************/
/* the td.BrowseList items can be removed after all cssclass attributes have been removed from the items on the DataGrid*/
td.BrowseListHeader, .BrowseListHeader td, .BrowseListHeader th 
	{ padding-right: 4px; padding-left: 5px; height: 15px; background-color: #c8d8bc; }

.BrowseListHeader th { 	position:relative; _top: expression(offsetParent.scrollTop); border: none; border-left: solid 1px gray;}
.BrowseListHeader { }

.BrowseListItem, .BrowseListAlternatingItem, .BrowseListDeletedItem, .BrowseListSelectedItem, 
.BrowseListItem td, .BrowseListAlternatingItem td, .BrowseListDeletedItem td, .BrowseListSelectedItem td 
	{ padding: 2px 3px 2px 3px; white-space:nowrap; height: 10px; font-weight: normal; font-size: 10px; }

tr.BrowseListHeader>th:first-child {border: none;}

td.BrowseListItem, td.BrowseListAlternatingItem { padding: 0px 2px 0px 2px; }
tr.BrowseListItem			{	background-color: white;	}
.BrowseListBackgroundItem	{	background-color: white;	}
.BrowseListAlternatingItem	{	background-color: #FCF5D7;	}
.BrowseListDeletedItem		{	background-color: #FFCCCC;	}
.BrowseListSelectedItem 	{	background-color: #FFFFDD;	}

.BrowseListHL td, div.BrowseListHL { background-color: #CCFF99; cursor: pointer; }
.BrowseListHL_nc td, div.BrowseListHL_nc { background-color: #CCFF99; }

table.css_StandardTable thead td, thead th,
.fht_fixed_header thead td, thead th,
.fht_table_body thead td, thead th 
	{ padding: 0px 4px 0px 4px; background-color: #c8d8bc; height: 15px; border: solid 1px #668688; font-weight: bold; }

.fht_fixed_header {position: absolute; top: 0px; z-index: 10;}
.fht_fixed_footer, fht_fixed_ColFoot {position: absolute; bottom: 0px; border-top: solid 1px black; background-color: #FCF5D7;}
.fht_fixed_header thead td, .fht_fixed_header thead th { _border-bottom: none;}
.fht_fixed_column {background-color: #FCF5D7;}
/****************** New Standard Table **********************/
table.css_StandardTable { border: solid 1px gray;  background-color: #FCF5D7; }
table.css_StandardTable tr.Header th, table.css_StandardTable tr.Header td
{
	padding: 0px 4px 0px 4px;
    background-color: #c8d8bc; height: 15px; 
    border: solid 1px #668688; 
    font-weight: bold;
    _border: none;
}
table.css_StandardTable tr.Header th, table.css_StandardTable tr.Header td,
table.css_StandardTable tr.SubHeader th, table.css_StandardTable tr.SubHeader td
{
    _top: expression(offsetParent.scrollTop-1); _position: relative;
	border-left: solid 1px #668688; 
	border-top: solid 1px #668688; 
	z-index: 24;
}

.css_StandardTable tr td.NoScrollRow
{
    _left: expression(offsetParent.scrollLeft-1); _position: relative;
	border-right: none; border-bottom: none;
	padding: 0px 4px 1px 4px;
	background-color: #c8d8bc; height: 15px; 
    white-space: nowrap;
    z-index: 25;
    text-align: right; 
}

table.css_StandardTable tr.Header th.first, table.css_StandardTable tr.Header td.first,
table.css_StandardTable tr.SubHeader th.first, table.css_StandardTable tr.SubHeader td.first
{
	border-left: none; 
	_left: expression(offsetParent.scrollLeft);
	z-index: 26;
}
table.css_StandardTable tr.Header th.NoScrollRow, table.css_StandardTable tr.Header td.NoScrollRow,
table.css_StandardTable tr.SubHeader th.NoScrollRow, table.css_StandardTable tr.SubHeader td.NoScrollRow 
{
	border: solid 1px #c8d8bc;
	_left: expression(offsetParent.scrollLeft); _top: expression(offsetParent.scrollTop); 
	z-index: 26;
}

table.css_StandardTable tr td {	border: solid 1px gray;  padding: 0px 4px 1px 4px; font-weight: normal; font-size: 10px; height: 10px; }
table.css_StandardTable tr.Edit td		{border: none;}

/*table.css_StandardTable tr, */ 
table.css_StandardTable tr.ItemBG		{background-color: #FCFCFC;}
table.css_StandardTable tr.Alternate 	{background-color: #FCF5D7;}
table.css_StandardTable tr.HighLighted  {background-color: #FFFF00;}
table.css_StandardTable tr.Selected, 
table.css_StandardTable tr.Edit 		{background-color: #E4ECDD;}
table.css_StandardTable tr.Deleted		{background-color: #FFCCCC;}
table.css_StandardTable tr.Expired		{background-color: #FFE0CC;}
table.css_StandardTable tr.Suspended	{background-color: #CCDDDD;}
table.css_StandardTable tr td table		{background-color: #FEFCF5;  margin: 3px;}

/****************** Rate Table **********************/
table.css_ScrollTable { font-weight: bold; padding-top: 4px; border: solid 1px #668688; }
table.css_ScrollTable tr.TableHeader th, table.css_ScrollTable tr.TableHeader td,
table.css_ScrollTable tr.TableSubHeader th, table.css_ScrollTable tr.TableSubHeader td
	{ padding: 0px 4px 0px 4px; background-color: #c8d8bc; height: 15px; border: none;  font-weight: bold;}
table.css_ScrollTable tr.TableHeader th, table.css_ScrollTable tr.TableHeader td,
table.css_ScrollTable tr.TableSubHeader th, table.css_ScrollTable tr.TableSubHeader td
	{ _top: expression(offsetParent.scrollTop-1); position: relative;
		border-left: solid 1px #668688; border-top: solid 1px #668688; z-index: 24;}
/*table.css_ScrollTable tr.TableHeader th.first, table.css_ScrollTable tr.TableHeader td.first	{ border-left: none;}*/

table.css_ScrollTable tr.TableHeader th.first, table.css_ScrollTable tr.TableHeader td.first
	{ _left: expression(offsetParent.scrollLeft); border-left: none;  z-index: 26;
}
table.css_ScrollTable tr.TableHeader th.NoScrollRow, table.css_ScrollTable tr.TableHeader td.NoScrollRow,
table.css_ScrollTable tr.TableSubHeader th.NoScrollRow, table.css_ScrollTable tr.TableSubHeader td.NoScrollRow 
	{ _left: expression(offsetParent.scrollLeft); _top: expression(offsetParent.scrollTop);  border: solid 1px #668688; z-index: 26;}

/****************** Standard Table **********************/
tr.trScroll td {	position: relative; _top: expression(offsetParent.scrollTop-1); border-right: none;}
tr.trScroll td.First {	border-left: none; _left: expression(offsetParent.scrollLeft); z-index: 26; }

table.css_ScrollTable tr.SectionHeading td, table.css_StandardTable tr.SectionHeading td
	{ _top: expression(parentNode.offsetTop > offsetParent.scrollTop ? -1 : offsetParent.scrollTop - parentNode.offsetTop); position: relative; 
	z-index: 20; border-right: none; border-left: none;border-bottom: none;}

.TableHeader { padding-left: 4px; padding-right: 4px; padding-bottom: 1px;  background-color: #c8d8bc; height: 15px;}

.TableItem, .TableItemLink  {padding-left: 4px; padding-right: 4px; padding-top: 0px;  font-weight: normal; font-size: 10px; height: 10px; }

.TableAlternatingItem	{ background-color: #FCF5D7; height: 10px; }
.TableBackgroundItem	{ background-color: white;	 height: 10px; }
.TableSelectedItem		{ background-color: #EFF3EB; height: 10px; padding-left: 2px; font-size: 10px; }

.TransactionForm	{ width: 100%; position: relative; border: none; }
.VersionHeader		{ left: 15px;  width: 320px; position: absolute; top: 35px;  height: 79px;}	
.VersionTrans		{ left: 15px;  width: 320px; position: absolute; top: 125px; height: 365px;}
.VersionPanel		{ left: 345px; width: 620px; position: absolute; top: 68px;  height: 422px; overflow: auto;}

table.css_StandardTable tr td table.noBorder, table.noBorder, table.noBorder tr td {background-color: transparent; border: none; font-weight: bold; }
/************************* Transaction Form Tab Control **********************************/
.TransactionFormTabControlButtonSelected,.TransactionFormTabControlButtonUnSelected
	{ text-align: center; border: solid 1px gray; height: 18px; border-right: none; }
.TransactionFormTabControlButtonSelected
	{ background-color: #fcf5d7; border-bottom: solid 1px #fcf5d7; }
.TransactionFormTabControlButtonUnSelected
	{ background-color: #ffffff; }
.TransactionFormTabControlButtonUnSelected:hover
	{ background-color: #c8d8bc; }

.TransactionFormTabControlButtonSelected a, .TransactionFormTabControlButtonUnSelected a {padding: 2px;}
.TransactionFormTabControlButtonSelected a:hover	{ text-decoration: none; }
.TransactionFormTabControlButtonUnSelected a:hover	{ text-decoration: none; width:100%; background-color: #c8d8bc; }

/***************** Titles & Labels ******************/

.BusinessObjectTitle { font-weight: bold; font-size: 14px; color: #645412; position: absolute; left: 15px; width: 670px; top: 10px; height: 20px; }
.TableSummary		{font-weight: bold;color: #645412;}
.TableSummaryTitles{font-weight: normal; text-decoration: none;}

.BusinessObjectPageNavigation, .BusinessObjectPageNavigation:link, .BusinessObjectPageNavigation:visited, .BusinessObjectPageNavigation:active, .BusinessObjectPageNavigation:hover
	{ font-weight: bold; font-size: 14px; text-transform: uppercase; color: #645412; text-decoration: none; }

.BusinessObjectPageNavigation:hover { color: #00ccff;}

/***************** Pages & Forms **********************/
.AtlasPage {background-image: url(./images/atlasBg.gif); text-transform: none; /* font-weight: normal; word-spacing: normal; letter-spacing: normal;*/} 

.Form { left: 10px; width: 980px; position: absolute; top: 80px; height: 533px; border: solid 1px black; background-image: url(./images/atlasBg.gif); background-color:  #f9ecb5; }
.f_Border {		z-index: -5; border: solid 1px gray; _width: 100%; _height: 100%; position: absolute; top:0; left: 0; bottom: 0px; right: 0px;}
.f_Shadow {		z-index: 5;	background-color: #FCF5D7; }

.StandardForm, .ShadowForm { border: solid 1px gray; background-color: #FCF5D7; z-index: 102;}
.ShadowForm, .ShadowRight, .ShadowBottom, .f_Shadow, .Form 
{ 
	_filter: progid:DXImageTransform.Microsoft.Shadow(color=#B1A880, direction=135, strength=4);
	box-shadow:	2px 2px 4px #B1A880;
	-moz-box-shadow:	2px 2px 4px #B1A880;
	-webkit-box-shadow: 2px 2px 4px #B1A880;
}

.ShadowRight	{ border-right: solid 1px gray; z-index: 114; right: -2px; _right: -4px; width: 1px; position: absolute; top: 46px; height: 34px}
.ShadowBottom	{ border-bottom: solid 1px gray; z-index: 102;}

.BrowseListForm { border: solid 1px gray; background-color: #FCF5D7; padding:10px; }

.scrollPanel {position: relative; overflow: auto;}

/************** Message Bar **************/
.MessageBarClass { z-index: 110; left: 356px; width: 620px; position: absolute; top: 89px; height: 22px; line-height: 10px;
	overflow: hidden; font-weight: bold; font-size: 10px; color: #cc3333; text-align: right; padding: 1px 5px 0 0; }
.NotificationMessageText 
	{ border: solid 1px gray; padding-right: 4px; padding-top: 4px; font-weight: bold; font-size: 10px; background: #FCF5D7; color: #003366; text-align: right;}
.BusinessRuleViolationMessageText
	{ border: solid 1px #668688; font-weight: bold; font-size: 10px; background: #FCF5D7; color: #cc3333; text-align: right; padding-right: 5px; padding-top: 4px;}
.ResultTableMessage, .ResultTableMessageRed { padding-left: 2px; padding-bottom: 4px;  color: #666666; }
div.ResultTableMessage { padding: 20px; text-align: center; }
.ResultTableMessageRed { color: #ff0000; }

div.LoadingStyle
	{ border: 1px solid #000000; background-color: #f9ecb5; font-family: Verdana; font-size: 9px; font-weight: bold; color: #800000; 
	position: absolute; visibility: hidden; top: 275px; left: 315px; width: 300px; z-index: 250; text-align: center; padding: 30px;}

/**************** Info Bars ******************/
.InfoBarLarge, .InfoBarSmall {color: black; z-index: 101; left: 10px; width: 300px; position: relative; overflow: hidden; white-space: nowrap;}
.InfoBarLarge				{ font-weight: bold;   font-size: 14px; top: 5px; height: 19px; }
.InfoBarSmall				{ font-weight: normal; font-size: 11px; top: 3px; height: 25px; }

/****************** List Scroller Page Links ************************/
.PagingLink, .PagingLink:visited, .PagingLink:link, .PagingLink:active
{ font-weight: bold; font-size: 10px; color: #003366; padding-top: 2px; text-decoration: none; }

.PagingLink:hover { color: #00ffff; text-decoration: underline; }

.PagingLinkSelected, .PagingLinkSelected:visited, .PagingLinkSelected:link, .PagingLinkSelected:active, .PagingLinkSelected:hover
{ font-weight: bold; font-size: 12px; color: #993366; text-decoration: none; }
	
.ImportantMessageRed { padding-left: 2px; padding-bottom: 0px; color: #003300; padding-top: 4px; text-align: center; }

.FakeLink		{cursor: pointer; color: #000099; text-decoration: underline; }
.Confirmation	{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url(./images/filter60.png); background-repeat: repeat; z-index:200;}

/************************* Tab Control *************************/
	.Tab_Buttons a {padding: 0px 10px 2px 10px;  height: 17px;}
	.Tab_Buttons.IE a {padding: 1px 10px 1px 10px; height: 16px; margin-top: 0px;}

	.TabControlButtonSelected, .TabControlButtonSelected:link, .TabControlButtonSelected:visited, .TabControlButtonSelected:active, .TabControlButtonSelected:hover,
	.TabControlButtonUnselected, .TabControlButtonUnselected:link, .TabControlButtonUnselected:visited, .TabControlButtonUnselected:active, .TabControlButtonUnselected:hover
		{	text-align: center; text-decoration: none; border-top: solid 1px black; }

	.TabControlButtonSelected, .TabControlButtonSelected:link, .TabControlButtonSelected:visited, .TabControlButtonSelected:active, .TabControlButtonSelected:hover 
		{	background-color: #FCF5D7; border-bottom: solid 1px #FCF5D7; }	
	.TabControlButtonUnselected, .TabControlButtonUnselected:link, .TabControlButtonUnselected:visited, .TabControlButtonUnselected:active, .TabControlButtonUnselected:hover
		{	background-color: #ffffff; border-bottom: solid 1px #000000; }
	.TabControlButtonUnselected:hover
		{	color: #0033ff; }

	td.TabControlButtonUnselected, td.TabControlButtonSelected
		{	padding: 2px 10px;}
	td.TabControlButtonUnselected:hover
		{	background-color: #c8d8bc;  cursor: pointer;}

	#Tab_Border
		{	border-top: solid 1px black; border-left: solid 1px black; background: #FCF5D7; }

	#Tab_BorderEnd
		{	z-index: 102; position: absolute; border-right: solid 1px black;right: -1px;  _right: -4px; width: 1px; top: 15px; height: 20px;
			_filter: progid:DXImageTransform.Microsoft.Shadow(color=#B1A880, direction=135, strength=4);
			box-shadow:	1px 1px 4px #B1A880;
			-moz-box-shadow:	1px 1px 4px #B1A880;
			-webkit-box-shadow: 1px 1px 4px #B1A880;
		}

	#Tab_Scroller	{	position: absolute; top:0px; height: 33px; width: 100%; border-left: black 1px solid; overflow: hidden; white-space: nowrap;}

	.Tab_Leftimg	{	z-index: 103; position: absolute; left: 0px;   top: -5px; cursor: pointer; }
	.Tab_Rightimg	{	z-index: 103; position: absolute; right: 0px;  top: -5px; cursor: pointer; }
	.Tab_Buttons	{	z-index: 102; position: absolute; left: 0px;   top: 0px;  height: 15px; _width: 100%; right: 0px; _top: -1px; }
	#Tab_Border 	{	z-index: 101; position: absolute; left: -1px;  top: 15px; height: 22px; _width: 100%; right: 0px;}
	#divTabs 		{	z-index: 107; position: absolute; left: 345px; top: 35px; height: 35px; width: 620px; }

/********************** Banner and Navigation Header Layouts ******************************/
	#BannerNavigation {	position: absolute; left: 0px; top: 46px; width: 980px; height: 35px;}
	.NavFirstLevel {	z-index: 104; position: absolute; left: 0px; top: 0px;  height:17px; width:980px; overflow: hidden; }
	.NavSecondLevel{	z-index: 103; position: absolute; left: 0px; top: 17px; height:15px; width:980px;  }

	/* Navigation Menu */
	.NavFirstLevel { background-color: #ffffff; border-bottom: solid 1px black; }
	.NavigationFirstLevel {    vertical-align: text-bottom; }
	.NavigationFirstLevel, .NavigationSecondLevel { padding-top: 1px; }
	/* Links */
	.NavigationFirstLevel, .NavigationFirstLevel:link, .NavigationFirstLevel:visited, .NavigationFirstLevel:active, .NavigationFirstLevel:hover
		{ background-color: #ffffff; color: #000000; }
	.NavigationSecondLevel, .NavigationSecondLevel:link, .NavigationSecondLevel:visited, .NavigationSecondLevel:active
		{ background-color: #FCF5D7; color: #000000; }
	/* Hovers */
	.NavigationFirstLevel:hover, .NavigationSecondLevel:hover, .NavigationSecondLevelSelected:hover { background-color: #c8d8bc; color: #000000;  text-decoration: none; }
	#Banner_Greet { font-size: 10px; z-index: 107; position: absolute; right: 0px; top: 30px; height: 15px; text-align: right; padding-right: 6px }
	
	.PCMSLogoLabel { display: inline; position: absolute; z-index: 101; left: 15px; width: 165px; top: 505px; height: 20px; }
	.CompanyName { font-weight: bold; font-size: 11px; color: #666666; z-index: 105; left: 105px; position: absolute; top: 20px; }
	
	.ValidationSummary { overflow: auto; z-index: 111; left: 356px; width: 620px; position: absolute; top: 90px; height: 100px; }
	.ValidationSummary table {background-color: #f9ecb5;}

/********************* Dynamic Panel *************************/
	.Workflow_Links { z-index: 107; position: absolute; left: 630px; top: 12px; width: 360px; line-height: 16px; text-align: right; }
	.Workflow_Links A, .Workflow_Links A:link, .Workflow_Links A:visited, .Workflow_Links A:active		
		{ text-decoration: none; color:#000099; padding: 2px 6px 2px 6px; }	
	.Workflow_Links A:hover	 
		{ text-decoration: none; color:#FFFFFF; border: none; background-color: #00009c; }
	.Workflow_Links A.Highlight {color: Maroon; font-weight: bold;}
	
	#divDynamic {z-index: 201; width: 400px; height: 200px; background-color: #FCF5D7; border: solid 1px #000000; text-align:center;}
	#dynHandle {font-weight: bold; border-bottom: solid 1px #000000; background: #ffefb5; padding:3px 5px; line-height: 20px;}


.TreeStyle					{ color: black; width: 100%; }
.TreeStyle a				{ color: black; }
.TreeStyle a:hover			{ color: black; text-decoration: none; cursor: pointer; }
.TreeStyle span.OptValue	{ width: 35px; overflow: hidden; padding-right: 5px; }
.TreeStyle span.OptName		{ width: 150px; overflow: hidden; }
.TreeStyle span.OptRate		{ width: 40px; overflow: hidden; position: absolute; right: 37px; text-align: right;}
.TreeStyle span.OptMult		{ width: 35px; overflow: hidden; position: absolute; right: 0; text-align: right; }
.TreeStyle span.OptDesc		{ width: 100px; overflow: hidden; position: absolute; right: 0; 
	text-align: right; font-family: tahoma; font-size: 10px; font-weight: bold; color: #993366; }

.TreeHoverStyle		{width: 100%; background-color: #c8d8bc; text-decoration: none; cursor: pointer;  }
.TreeSelectedStyle	{width: 100%; background-color: #c8d8bc; font-weight: bold;}

.popTitle { font-weight: bold; padding: 2px 5px; background-color: #c8d8bc; border: solid 1px #668688; }
.popDetail { border: solid 1px gray; background-color: #FCF5D7; padding: 5px; }
.popDetail dl dt {color: Black; font-weight: bold;}
.popDetail dl dd {margin-left: 10px; margin-bottom: 5px;}