/*LINK COLORS
-------------------------------------------------------------------------------------------------------------------------------- */ 
A:link {color: #426ca7; font-weight: bold;}
A:visited {color: #426ca7; font-weight: bold;}
A:active {color: #426ca7; font-weight: bold;}

.cssxPsuedoLink, .MultiTreeviewNotaccessed, .MultiTreeviewNotaccessed2, .notaccessed
{color: #2B7C92; font-weight: bold}


/*BRAND STYLES
-------------------------------------------------------------------------------------------------------------------------------- */ 
/*SUITE HEADER */ 
.cssxAppHeader, .cssxAppHeader_sp  /*Suite Header Background*/
	{
		background-image: url(../images/brand/SuiteHeader-background.gif);
	}
.cssxSuiteHeaderCaption, .cssxSuiteHeaderCaption_sp, .cssxLoginInfoUserName, .cssxLoginInfoUserName_sp   /*Align to top if Logo height is larger than 40 pixels*/
	{
		vertical-align:middle;
	}

.cssxLogo, .cssxLogo_sp   /*Primary Logo*/
	{
		background-image: url(../images/brand/SuiteLogoLarge.gif);
		width: 116px; 
		height: 24px;
		vertical-align: middle;
	}
  
.cssxCoBrand, .cssxCoBrand_sp   /*CoBrand Logo*/
	 {
		background-image: url(../images/spacer.gif);
		width: 1px; 
		height: 1px;
		margin-right:15px;
		vertical-align: middle;
	 }
	
.cssxSuiteHeaderBrand /*Primary and CoBrand Logo Container*/ {
    float:left;
}
	 
.cssxSuiteHeaderPageName, .cssxSuiteHeaderPageName_sp  /*Page Name*/
	{
		color: #FFF;
		font-weight: bold;
	}

.cssxSuiteName, .cssxApplicationName  /*Suite and Application Name*/
	{
		color: #FFF;
	}

.cssxLoginInfoUserName, .cssxLoginInfoUserName_sp /* Login Information*/
	{
		color: #FFF;
	}

/*ACTION BAR */ 
.cssxSuiteNavigation, .cssxSuiteNavigation_sp /*Action Bar Background*/
	{
		background-image: url(../images/brand/NavBar-background.gif);
	}

/*OBJECT HEADER*/
.cssxObjectHeaderBg /*Object Header Background*/
{
	background-image: url(../images/brand/ObjectHeader-background.gif);
	background-repeat:repeat-x;
	background-color: #e4edf7; /*Added for overflow*/
}

.cssxObjectHeaderBg-Template /*Object Header Background for Templates*/
{
	background-image: url(../images/brand/ObjectHeaderTemplate-background.gif);
	background-repeat:repeat-x;
	background-color: #eeeeee;  /*Added for overflow*/
}

.cssxObjectHeaderTitleHeader /*Object Header Text*/
{
		color: #404040;
}

.cssxObjectHeaderTitleNumber  /*Object Header > Number*/
{
	color:#888888;
}

.cssxObjectHeaderTitleSubHeader /*Object Header > Object Type*/
{
		color: #404040;
}
.cssxObjectHeaderStatus /*Object Header > Standard Status*/
{
		color: #838587;
}
.cssxObjectHeaderStatusRed  /*Object Header > Red  Status*/
{color: #ab3228;}
.cssxObjectHeaderStatusAmber /*Object Header > Amber Status*/
{}
.cssxObjectHeaderStatusGreen /*Object Header > Green Status*/
{}

/*FOOTER- */ 
.cssxFooter /*Footer Background Color*/ 
	{
	 background-color: #426483;
	}	
.cssxFooterText   /*Footer Text Color*/ 
{
color: #FFF;
}

/*POPUP HEADERS */ 
.cssxPopUpHeader /*Pop Up Header Bar*/
	{
	background-color:#b5cee5;
	border-bottom: #aabed5 1px solid;
	}	

.cssxPopUpHeader H1 /*Header Text Color */
	{color: #333;}



/*NAVIGATION
-------------------------------------------------------------------------------------------------------------------------------- */ 

/*PLATFORM*/
.cssxPlatformDrop, 	.cssxPlatformGroup /*Platform Background Color*/
{background-color: #eaeff5;}

.cssxPlatformMenuItem, .cssxPlatformMenuItemH    /*Platform Main Text Color*/ 
	{
		color: #4d5560;
	}
			
.cssxPlatformDropItemH, .cssxPlatformDropItemH td, .cssxPlatformDropH, .cssxPlatformDropH td /*Platform Sub Items Hover*/ 
	{
	background-color: #ccd7e0;
	}	

.cssxPlatformDrop, .cssxPlatformDrop td /*Platform Sub Items Text Color*/ 
	{
	color: #013d74;
	}

/*Application Navigation
------------------------------------------------------------ */
#ynavMenuMainarrow{
    background:url("../images/navmenu/mainarrow.gif") no-repeat scroll right center;
}

#ynavMenuMainarrow-on{
    background:url("../images/navmenu/mainarrow-on.gif") no-repeat scroll right center;
}

#ynavMenuMask{
	border-top: 1px solid #a1b0bb;
	border-bottom: 1px solid #a1b0bb;
}

#ynavActionMenu{
    color: #2a4a65;
}

.cssxYNavMenuPanel a, .cssxYNavMenuPanel a:active, .cssxYNavMenuPanel a:visited /*Navigation Items Text Color - all levels*/
{
    color: #2a4a65;
}

#ynavActionMenu .cssxYNavMenuPanel{
    box-shadow: 1px 1px 3px #9f9f9f;
}

.cssxYNavMenuPanel ul{
	border-top: 1px solid #DADBDD;
}

.cssxYNavMenuPanel ul.cssxYNavFirstOfType{
	border-top: 0px solid #a1b0bb;
}

.cssxYNavMenuItem,.cssxYNavMenuLabel{
	border: 1px solid transparent;
}

.cssxYNavMenuLabel{
	background: url(../images/navmenu/navitem-arrow.gif) no-repeat scroll right center ;
}

.cssxYNavMenuLevel-1 /*First Level Background and Border Color*/
{
	background-color: #FFF;
	border: 1px solid #a1b0bb; 
}
.cssxYNavMenuLevel-2  /*Second Level Background and Border Color*/
{
	background-color: #e3edf7;
	border: 1px solid #a1b0bb;
}

.cssxYNavMenuLevel-3, #ynavMenuMask /*Third Level Background and Border Color*/
{
	background-color: #eff5fa; 
	border: 1px solid #a1b0bb;
}

.cssxYNavMenuLevel-1 .cssxYNavMenuItemActive /*First Level Item  Without Children Hover*/
{
	border: 1px solid #a1b0bb;
	background-color: #e3edf7;
}

.cssxYNavMenuLevel-1 .cssxYNavMenuLabelActive /*First Level Item With Children Hover*/
{
	border: 1px solid #a1b0bb;
	background-color: #e3edf7;
	background:#e3edf7 url(../images/navmenu/navitem-arrow-on.gif) no-repeat scroll right center ;
}
.cssxYNavMenuLevel-1.cssxYNavMenuRightBorder /*First Level Item Without Right Border*/
{
	border-right: 1px solid #a1b0bb;
}

.cssxYNavMenuLevel-2 .cssxYNavMenuItemActive /*Second Level Item Hover*/
{
	border: 1px solid #a1b0bb;
	background-color: #eff5fa;
}

.cssxYNavMenuLevel-2 .cssxYNavMenuLabelActive  /*Second Level Item With Children Hover*/
{
	border: 1px solid #a1b0bb;
	background:#eff5fa url(../images/navmenu/navitem-arrow-on.gif) no-repeat scroll right center ;
}

.cssxYNavMenuLevel-3 .cssxYNavMenuItemActive  /* Third Level Item Hover*/
{
	border: 1px solid #a1b0bb;
	background-color: #e3edf7;
}

/* ACTION ICONS TOOL BAR*/
#ynavMenuToolbar{
	background: url(../images/navmenu/iconstrip-bg.gif) repeat-x;	
}

#ynavMenuToolbar ul{
	background-image:url(../images/navmenu/icon-divider.gif); 
}

#ynavMenuToolbar .cssxYNavMenuItem:hover   /*Action Icon Hover*/
{
  border: solid 1px #ffbd69;
  background-color: #ffe7a1; 
}

.cssxYNavToolbarPanel .cssxYNavMenuItem, .cssxYNavToolbarPanel .cssxYNavMenuLabel{
	_border: 0px solid #e3edf7; 
}

#ynavPlatformNavBar ul li a{
	color: black;
}

#ynavApplicationLink b{
	background: url(../images/navmenu/PlatformNavArrow.png) no-repeat scroll right center ;
}

#ynavApplicationLinkBg{
	border: 1px solid #a1b0bb;
	background: white;
}

#ynavApplicationMenu{
	color: #2a4a65;
	background-color:white;
}

.cssxApplicationMenu .cssxYNavMenuLevel-1{
	border-right: 1px solid #a1b0bb;
}

.cssxApplicationMenu .cssxYNavMenuLevel-3.floatLeft{
	border-left: 1px solid #a1b0bb;
}

/* navbar */
#ynavApplicationNavbar{
	background-color:white;
}

#ynavApplicationNavbar a{
	color:#013D74;
}

#ynavApplicationNavbar .cssxYNavMenuPanel{
	border: 1px solid #CCCCCC;
}

#ynavApplicationNavbar .cssxYNavMenuLevel-1{
	border: 0px solid #a1b0bb; 
	background-color: #eaeff5;
}

#ynavApplicationNavbar .cssxYNavMenuLevel-2{
	background-color: #eaeff5;
}

#ynavApplicationNavbar .cssxYNavMenuLevel-3{
	background-color: #eaeff5;
}

#ynavApplicationNavbar .cssxYNavMenuLevel-1 .cssxYNavMenuLabelActive{
	background:#CCD7E0 url(../images/navmenu/navitem-arrow.gif) no-repeat scroll right center ;
}

#ynavApplicationNavbar .cssxYNavMenuLevel-2 .cssxYNavMenuLabelActive{
	background:#CCD7E0 url(../images/navmenu/navitem-arrow.gif) no-repeat scroll right center ;
}

#ynavApplicationNavbar .cssxYNavMenuItemActive, #ynavApplicationNavbar .cssxYNavMenuLabelActive{
	border: 1px solid transparent;
	background-color: #CCD7E0;
}

/*ObjectNav*/
.ynavObjectMenu_sp{
	color: #2a4a65;
	background-color:white;
}

.ynavObjectMenu_sp .cssxYNavMenuLevel-1{
	border-right: 1px solid #a1b0bb;
}

.ynavObjectMenu_sp .cssxYNavMenuLevel-3.floatLeft{
	border-left: 1px solid #a1b0bb;
}

li.cssx-YApplicationMenu-right > .cssxMask
{
    background-color:red;
}
li.cssx-YApplicationMenu-left > .cssxMask
{
    background-color:red;
}

/* ApplicationMenu */
#ynavDropdownArrow {
    background: url(../images/navmenu/PlatformNavArrow.png) no-repeat scroll right center ;
}

#ynavPlatformNavBar_plm ul li a {
    color: black;
}

#ynavApplicationMenu.yMenu{
	background-color: transparent;
}

.ynavApplicationLinkBg {
    background: white;
    border: 1px solid #a1b0bb;
}

#ynavApplicationMenu.yMenu .cssxYNavMenuPanel.cssxYNavMenuLevel-1 {
	background-color: transparent;
}

#ynavApplicationMenu.yMenu .cssxYNavMenuPanel.cssxYNavMenuLevel-1 .cssxYNavMenuLabel{
	background: transparent;
}

#ynavApplicationMenu.yMenu .cssxYNavMenuPanel.cssxYNavMenuLevel-1 .cssxYNavFirstOfType li a {
    background-color: transparent;
}

#ynavApplicationMenu.yMenu .cssxYNavMenuPanel.cssxYNavMenuLevel-2 {
    border: 1px solid #a1b0bb;
    background-color: #FFF;
}

#ynavApplicationMenu.yMenu .cssxYNavMenuPanel.cssxYNavMenuLevel-2 .cssxYNavMenuLabel{
	background: url(../images/navmenu/navitem-arrow.gif) no-repeat scroll right center ;
}

#ynavApplicationMenu.yMenu .cssxYNavMenuPanel.cssxYNavMenuLevel-2 .cssxYNavFirstOfType li a {
	color: #2a4a65;
}

#ynavApplicationMenu.yMenu .cssxYNavMenuPanel.cssxYNavMenuLevel-2 .cssxYNavMenuItemActive
{
	border: 1px solid #a1b0bb;
	background-color: #e3edf7;
}

#ynavApplicationMenu.yMenu .cssxYNavMenuPanel.cssxYNavMenuLevel-2 .cssxYNavMenuLabelActive
{
	border: 1px solid #a1b0bb;
	background-color: #e3edf7;
	background:#e3edf7 url(../images/navmenu/navitem-arrow-on.gif) no-repeat scroll right center ;
}

#ynavApplicationMenu.yMenu .cssxYNavMenuPanel.cssxYNavMenuLevel-3 {
	border: 1px solid #a1b0bb;
	background-color: #e3edf7;   
}


#ynavApplicationMenu.yMenu .cssxYNavMenuPanel.cssxYNavMenuLevel-3 .cssxYNavMenuItemActive 
{
	border: 1px solid #a1b0bb;
	background-color: #eff5fa;
}

#ynavApplicationMenu.yMenu .cssxYNavMenuPanel.cssxYNavMenuLevel-3 .cssxYNavMenuLabelActive 
{
	border: 1px solid #a1b0bb;
	background:#eff5fa url(../images/navmenu/navitem-arrow-on.gif) no-repeat scroll right center ;
}

#ynavApplicationMenu.yMenu .cssxYNavMenuPanel.cssxYNavMenuLevel-4 {
	border: 1px solid #a1b0bb;
	background-color: #eff5fa;
}

#ynavApplicationMenu.yMenu .cssxYNavMenuPanel.cssxYNavMenuLevel-4.floatLeft {
	border-left: 1px solid #a1b0bb;
}

#ynavApplicationMenu.yMenu .cssxYNavMenuPanel.cssxYNavMenuLevel-4 .cssxYNavMenuItemActive{
	border: 1px solid #a1b0bb;
	background-color: #e3edf7;
}

/*PORTAL*/
.cssxPortalGroup, .cssxPortalMenu, .cssxPortalDrop, .cssxAppNav, .cssxAppNavBg   /*Portal Background Color*/
{background-color: #eaeff5;}

.cssxPortalNavTitle, .cssxPortalNavCaption  /*Portal Main Items*/
	{
	color: #013d74;
	}

.cssxPortalDropItemH, .cssxPortalDropItemH td, .cssxPortalDropH td /*Portal Hover*/ 
	{
	background-color: #ccd7e0;
	}	

.cssxPortalDrop td /*Portal Sub Items Text Color*/ 
	{
	color: #013d74;
	}


/*APPLICATION  */


/*MOST RECENTLY USED MENU*/
.cssxIcoMRUSuiteHeader /*MRU Arrow*/
{
	background-image: url(../images/menus/MRU-Arrow.gif);
}
.cssxIcoMRUSuiteHeaderOn /*MRU Arrow when Panel is open*/
{
	background-image: url(../images/menus/MRU-ArrowH.gif);
}
.cssxIcoMRUSuiteHeaderHover /*MRU Arrow Hover*/
{
	background-image: url(../images/menus/MRU-ArrowMouseHover.png);
}

.cssxMRUTitle /*MRU Item Title*/
{
	color: #404040;
}
.cssxMRUSubTitle  /*MRU Item Type*/
{
	color: #404040;
}
.cssxMRUStatus /*MRU Item Status*/
{	
	color: #838587;	
}
.cssxMRUTitle span.cssxObjectHeaderTitleNumber  /*MRU Object Number*/
{
	color:#888888;
}


/*TABS*/
span.cssxTabMenuBg
{
    display:inline-block;
}

.cssxTabMenuBg/*Tab Menu > Background*/ 
	{
		background-color: #e4eef7;
	}
		
.cssxTabMenuBg-Template  /*Tab Menu > Background for Templates*/ 
	{
		background-color: #eee;
	}
.tabmenu,.TabMenu,.cssxTabMenuReplacement /*Tab Menu > Bottom Border*/
	{
        border-bottom: 1px solid #91a5b6;
        width:100%;
	}
	
.DefaultTab /*Unselected Tab Background*/ 
	{
	background-image: url(../images/brand/subDimTabBg.gif);
	}
.DefaultTab /*Unselected Tab Border*/ 
	{
	border: 1px solid #c0c0c0;
	}
	
.SelectedTab /*Selected Tab Background*/ 
	{
	background-image: url(../images/brand/subTabBg.gif);
	}

.SelectedTab  /*Selected Tab Border*/ 
	{
	border: 1px solid #a3bed8;
	}
	
.TabMenuText, .tabnav_unselectedtab_span, .DefaultTab td, .SelectedTab td /* Tab Text Color*/
	{
	color: #3e5576;
	 }
	
/*BUTTONS*/

/*Action Buttons*/ 
input.elButton, a.elButton, a.elButton:visited, a.elButton:link, a.elButton:hover, a.cssxActionBtnMenu, a.cssxActionBtnMenu:visited, a.cssxActionBtnMenu:link, a.cssxActionBtnMenu:hover, .actionMenu-TopMenuItem, .actionMenu-TopMenuItemHover, .actionMenu-MenuGroup, .actionMenu-MenuItem, .actionMenu-MenuItemHover 
{   
	border-right: solid 1px #7b8194;
	border-bottom: solid 1px #7b8194;
	border-top: solid 1px #a5a9b6;
	border-left: solid 1px #a5a9b6;
	background-image: url(../images/brand/btn-bg.gif);
	background-color: #c9e5ec;
	color: #586073;
}

/*System Buttons*/ 
.cssxBtnFunction, A.cssxBtnFunction:link, A.cssxBtnFunction:visited, A.cssxBtnFunction:hover, .cssxBtnControl, A.cssxBtnControl:link, A.cssxBtnControl:visited, A.cssxBtnControl:hover, .cssxBtnHold, .cssxBtnUnHold
{
	border-right: solid 1px #7b8194;
	border-bottom: solid 1px #7b8194;
	border-top: solid 1px #a5a9b6;
	border-left: solid 1px #a5a9b6;
	background-image: url(../images/brand/btn-bg.gif);
	background-color: #c9e5ec;
	color: #586073;
}
/*System Buttons - Reset Search*/ 
A.cssxBtnReset:link, A.cssxBtnReset:visited, A.cssxBtnReset:hover, input.cssxBtnReset, .cssxBtnReset
	{
	border-right: solid 1px #7b8194;
	border-bottom: solid 1px #7b8194;
	border-top: solid 1px #a5a9b6;
	border-left: solid 1px #a5a9b6;
	background-image: url(../images/brand/btn-reset-bg.gif);
	background-color: #c9e5ec;
	color: #586073;
	}

/*Supplier Portal Button - Used when Submitting Registration Information*/ 
.cssxBtnSupPortal, A.cssxBtnSupPortal:link, A.cssxBtnSupPortal:visited, A.cssxBtnSupPortal:hover
{
	border-right: solid 1px #357aba;
	border-bottom: solid 1px #357aba;
	border-top: solid 1px #357aba;
	border-left: solid 1px #357aba;
	background-image: url(../images/brand/sp_submit_back.gif);
	background-color: #4f90cd;
	color: #FFFFFF;
}

/*CONTENT TABS
------------------------------------------------------------ */
.cssxContentTab /*Tab Text Color*/
{
font-weight: bold; color: #395573;
}
.cssxContentTabContainer  /*Unselected Tab*/
{
cursor:pointer;
background-color: #e2edf8;
border-left: 1px solid #dce8f3; 
border-right: 1px solid #dce8f3; 
border-top: 1px solid #dce8f3; 
}

.cssxContentTabContainerActive /*Selected Tab*/
{
cursor:pointer;
background-color: #c3dbf0;
border-left: 1px solid #bcd6ee; 
border-right: 1px solid #bcd6ee; 
border-top: 1px solid #bcd6ee; 
}

/*CONTENT NAVIGATION
------------------------------------------------------------ */
.cssxContentNavContainer /*Navigation Panel Background & Border*/
{
background-color: #fbfbfb;
border: solid 1px #dedede;
}

.cssxContentNavParentH, .cssxContentNavParentA /*Navigation Panel Header*/
		{
	   	background:url(../images/brand/contentnav-bg.gif) repeat;	
		color: #303030;
		font-weight: bold;
		border:none;
		}
.cssxContentNavChildA, .cssxContentNavChildH /*Navigation Active Item and Item Hover*/
		{
		background-color: #eaeff5;
		color: #303030;	
		}

/* TREE NAVIGATION (ADMIN, LIO) 
------------------------------------------------------------ */

.appNav-Level2Item /*Background*/
{background-color: #eaeff5;}
	
.appNav-TopItem, .appNav-TopItem2 /*Parent Category*/ 
	{
	border: 1px solid #f2f9fe;
	border-right-color:#9aa3aa;
	border-bottom-color:#9aa3aa;
	background-color: #ccd7e0;
	}

.appNav-TopItemHover, .appNav-TopItemHover2 /*Parent Category Highlight*/ 
	{
	border: 1px solid #f2f9fe;
	border-right-color:#9aa3aa;
	border-bottom-color:#9aa3aa;
	background-color: #fff;
	}

.appNav-Level2ItemHover, .appNav-Level2ItemSelected , .appNav-TopItemActive2, .appNav-TopItemActive /*Parent & Item Hightlights & Onclicks*/ 
	{
	background-color: #fff;
	}


/*Text Color*/ 
.appNav-Level2Item td, .appNav-TopItemActive2 td, .appNav-TopItem td, .appNav-TopItem2 td, .appNav-TopItemHover td, .appNav-TopItemHover2 td, .appNav-TopItemActive td, .appNav-Level2ItemHover td, .appNav-Level2ItemSelected td, .NavMenu-Level2Item td, .NavMenu-TopItem td, .NavMenu-TopItemHover td, .NavMenu-TopItemActive td, .NavMenu-Level2ItemHover td, .NavMenu-Level2ItemSelected td
	{
	color: #013d74;

	}

/*SUPPLIER PORTAL*/ 
.cssxSP_Nav, .cssxSP_Nav a:link, .cssxSP_Nav a:hover, .cssxSP_Nav a:visited  /*Navigation Bar Text Color*/
{
	color: #4d5560;
	font-weight: normal;
	font-size: 100%;
}


/*CONTENT
------------------------------------------------------------ */
/*Sections*/
.CollapsibleContent-Header /*Section Header Background*/
{
background-image:   url("../images/brand/sectionheaderbg.png");
background-color: #bdd7ef;
border: 1px #bcd6ee solid;
}

.CollapsibleContent-HeaderTitle /*Section Header > Title*/
{
color: #395573;
}

.CollapsibleContent-Content /*Section Background*/
{
background-color: #f2f5f7;
border: 1px #bcd6ee solid;
}

/*Headers*/

h3, .cssxActionHeader/*Section SubHeaders*/
	{
	background: url(../images/SubHeader-Background.png) repeat-x;
	background-color: #dee5eb;
	color:#4e6379;
	border: 1px solid #c6c7c9;
	border-bottom: 0px;	
	}
	
.cssxFloatingH3 /*Floating Section SubHeaders*/
	{
	background: url(../images/SubHeader-Background.png) repeat-x;
	background-color: #dee5eb;
	color:#4e6379;
	border: 1px solid #c6c7c9;
	}
	
/*Simple Section Headers*/ 
h2, h4, h2 td
	{
	color: #426ca7;
	font-weight: bold;
	}
h2, h4
	{
	color: #426ca7;
	border-bottom: #567fc7 1px inset;
	font-size: 100%; 
	}
		
/*Floating layer Section Headers*/ 
h5
	{
	color: #426ca7;
	font-size: 100%; 
	font-weight: bold;
	}	
	
/*Popup Page Titles*/
.cssxPageTitle, .cssxPageTitle H1, .cssxPageTitle a:link, .cssxPageTitle a:visited, .cssxPageTitle a:hover, .cssxPageTitle a:active 
	{
	color: #3a5a87;
	}
	
/*TABLES & GRIDS
------------------------------------------------------------ */
/*Tables*/
/* Table Headers */ 
.cssxBaseGrid th, .cssxActionGrid TH, .cssxActionGrid .cssxActionGridHeaders, .cssxTreeDataGrid th   
	{
	background: url(../images/header-backgrd.gif) repeat-x;
	}

		
.cssxBaseGrid th a:link, .cssxBaseGrid th a:visited, .cssxBaseGrid th a:hover, .cssxBaseGrid th a:active  /*Linked Table Header Text Color*/
	{
	color:#666;
	}

/*Table Background*/	
.cssxTreeDataGrid, .cssxActionGrid td, .cssxBaseGrid 
	{
	background-color:#f2f2f5;
	}

.cssxBaseGrid .cssxSelectGrid  
	{
	background-color:#fff;
	}

/*Action Grid Header - NPD & PQS*/ 
.cssxActionGrid .cssxActionHeader 
	{
	background-image: url(../images/brand/hBar-Bg.gif);
	color:#333;	
	}

.cssxActionGrid th a:link, .cssxActionGrid th a:visited, .cssxActionGrid th a:hover, .cssxActionGrid th a:active, .cssxActionGrid td /*Linked Action Grid Header Text Color*/
	{
	color:#666;
	}	

	
/*Print Dialogs - Nested Tree Table*/
.DataGridRowHeader, .cssxBaseGrid .DataGridRowHeader
	{	
	background:url(../images/printBackground.gif) repeat;
	background-color:#dedede;
	}
	
/*Alternating Color Rows - Custom Data Search*/
.cssxBaseGridPrimaryRow
	{
	background-color:#FFFFFF;
	}

.cssxBaseGridSecondaryRow {}

/* Quick Entry Grid */
.cssxSelectGridContainer 
	{	
    background:#FFF;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#9f9f9f,direction=135,Strength=2);
	}
	
.QuickEntryBorder 
	{
	border:1px solid #c1bebe;
	}

.cssxSelectGridAlt /*Alternate Row Color*/
	{}

.cssxSelectGridHover 
	{
	background-color: #f2f2f5;
	}

/*Material Cell Identity Container */
.cssxGridSpecIDExt  
	{
		padding-left: 5px;
		color:#333;
	}
	

/*Grids*/
/*Row Number Column in DataGrids*/
td .yui-dt-first, td.yui-dt0-col-RowNumber
{background-color: inherit;}

/*First Column EQT*/
td.yui-dt0-col-EQTCol0
{ background-color:#fff;}



/* Even Row Background Color*/
.yui-skin-sam tr.yui-dt-even, .yui-skin-sam .yui-dt-list tr.yui-dt-even, .yui-skin-sam .yui-dt-list tr.yui-dt-even td.yui-dt-asc, .yui-skin-sam .yui-dt-list tr.yui-dt-even td.yui-dt-desc
{
	background-color: #FFF;
}
/* Odd Row Background Color*/
.yui-skin-sam tr.yui-dt-odd, .yui-skin-sam .yui-dt-list tr.yui-dt-odd, .yui-skin-sam .yui-dt-list tr.yui-dt-odd td.yui-dt-asc, .yui-skin-sam .yui-dt-list tr.yui-dt-odd td.yui-dt-desc
{
	background-color: #FFF;
}

/* Sorted Header Background*/	
.yui-skin-sam th.yui-dt-asc, .yui-skin-sam th.yui-dt-desc
{
	background: url(../images/header-backgrd-sorted.gif) repeat-x;
}

/* Sorted Header Up Arrow*/
.yui-skin-sam th.yui-dt-asc .yui-dt-liner
{
	background: url(../images/sort-arrow-up.gif) no-repeat right;
}

/* Sorted Header Down Arrow*/
.yui-skin-sam th.yui-dt-desc .yui-dt-liner
{
	background: url(../images/sort-arrow-down.gif) no-repeat right;
}

/*Row Highlight*/
.yui-skin-sam tr.yui-dt-highlighted td.yui-dt0-col-EQTCol0
{
background-color: #e2edf4;border-top:1px solid #b6d8ed;border-bottom: 1px solid #b6d8ed;
}

/* Cell Editor Background Color*/
.yui-dt-editor, .yui-skin-sam tr.yui-dt-odd td.yui-dt-selected, .yui-skin-sam tr.yui-dt-even td.yui-dt-selected

{background-color: #e2edf4;border:1px solid #b6d8ed;}	

/*Cell Highlight*/
.yui-skin-sam th.yui-dt-highlighted, .yui-skin-sam th.yui-dt-highlighted a, .yui-skin-sam .yui-dt-list th.yui-dt-highlighted, .yui-skin-sam .yui-dt-list th.yui-dt-highlighted a,
.yui-skin-sam tr.yui-dt-highlighted, .yui-skin-sam tr.yui-dt-highlighted td.yui-dt-asc, .yui-skin-sam tr.yui-dt-highlighted td.yui-dt-desc, .yui-skin-sam tr.yui-dt-even td.yui-dt-highlighted, .yui-skin-sam tr.yui-dt-odd td.yui-dt-highlighted, .yui-skin-sam .yui-dt-list tr.yui-dt-highlighted, .yui-skin-sam .yui-dt-list tr.yui-dt-highlighted td.yui-dt-asc, .yui-skin-sam .yui-dt-list tr.yui-dt-highlighted td.yui-dt-desc, .yui-skin-sam .yui-dt-list tr.yui-dt-even td.yui-dt-highlighted, .yui-skin-sam .yui-dt-list tr.yui-dt-odd td.yui-dt-highlighted

{
background-color: #e2edf4;border-top:1px solid #b6d8ed;border-bottom: 1px solid #b6d8ed;
}


/*Trade Spec Print - SubItem Headers*/
.cssxTrdPrintRelItemHighlight {background-image:url("../images/header-backgrd.gif");}

/*Grid Paginator*/
.cssxPaginatorContainerHeader .yui-pg-page, .cssxPaginatorContainerHeader .yui-pg-last /*Divider Graphic for Action Items Top Header*/	 
	{background:url(../images/brand/Paginator-Divider.png) no-repeat;
	width: 15px;
	height:10px;}
	
.yui-pg-page, .yui-pg-last	/*Divider Graphic for Grids, EQT Grids and Action Items Bottom Footer*/	 
{	background:url(../images/brand/Paginator-Divider-Grey.png) no-repeat;
	width: 15px;
	height:10px;}


/* a.yui-pg-next*/
.cssxPaginatorRight /*Right Arrow Graphic for Grids, EQT Grids and Action Items Bottom Footer*/
{
	background:url(../images/brand/Paginator-Right-Grey.png) no-repeat;
	width: 10px;
	height:10px;
	}

.cssxPaginatorLeft/*Left Arrow Graphic for Grids, EQT Grids and Action Items Bottom Footer*/
{
	background:url(../images/brand/Paginator-Left-Grey.png) no-repeat;
	width: 10px;
	height:10px;
	}

.cssxPaginatorContainerHeader  .cssxPaginatorRight /*Right Arrow Graphic for Action Items Top Header*/
{
	background:url(../images/brand/Paginator-Right.png) no-repeat;
	width: 10px;
	height:10px;
	}

.cssxPaginatorContainerHeader  .cssxPaginatorLeft /*Left Arrow Graphic for Action Items Top Header*/
{
	background:url(../images/brand/Paginator-Left.png) no-repeat;
	width: 10px;
	height:10px;
	}
	
					
/*SYSTEM  MESSAGES & TOOLS
------------------------------------------------------------ */					
.cssxWarningNote /*Warning Message Header*/ 
{
background-image:url(../images/brand/warning-header.gif);
word-wrap: break-word;
}

.cssxErrorNote /*Error Message Header*/
{
background-image:url(../images/brand/error-header.gif);
word-wrap: break-word;
}

.cssxInfoNote /*Information Message Header*/ 
{
background-image:url(../images/brand/info-header.gif);
word-wrap: break-word;
}

.cssxNotificationNote /*Notification Message Header*/ 
{
background-image:url(../images/brand/notify-header.gif);
word-wrap: break-word;
}

.cssxTransWarningNote /*Warning Message Header*/ 
{
background-image:url(../images/brand/warning-header.png);
word-wrap: break-word;
}

.cssxTransErrorNote /*Error Message Header*/
{
background-image:url(../images/brand/error-header.png);
word-wrap: break-word;
}

.cssxTransInfoNote /*Information Message Header*/ 
{
background-image:url(../images/brand/info-header.png);
word-break: break-word;
}

.cssxWarningNote, .cssxErrorNote, .cssxInfoNote, .cssxNotificationNote, .cssxTransWarningNote, .cssxTransErrorNote, .cssxTransInfoNote /*Warning, Error, Information, Notification Messages*/ 
{
border:solid 1px #b2c8dc;
background-color: #d9e5ef;
}	
		

/*Select Controls (MULTI-SELECT, SINGLE-SELECT and REORDER CONTROLS)*/	

/*EQT Model Selection, Shuttle Tool Choice Selector Background Color and Border*/
.cssxChoiceSelector , .cssxChoiceSelector-Alert
{
background-color: #d9e5ef;
border: 1px #9ba8b3 solid;
}
/*EQT Model Selection, Shuttle Tool Choice Selector Text Color*/
.cssxChoiceSelector th, .cssxChoiceSelector-Alert th
{
color: #424548;
}

/*Selection Control Rows*/
.cssxDivAltItem, .cssDivAltItemUnseletable /*Alternate Item */
	{
	background-color:#f2f2f5;
	}	

.cssxDivitemSelected /*Item Highlight*/
	{
	background-color:#cfe0f1;
	}




/*LOGIN STYLES
------------------------------------------------------------ */
.showLoginTable th, .showLoginTable td
{
    padding-bottom:3px;
}
.cssxLogin-1 /*Row 1*/
{background-color:#ededed;height:70px;}

.cssxLogin-2 /*Row 2*/
{background-color:#f4f4f4;}

.cssxLogin-3a /*Row 3 Column 1*/
{background-color:#f4f4f4;}

.cssxLogin-3b /*Row 3 Column 2*/
{background-image:url(../images/style/login-lightBlue_back.jpg);background-repeat:repeat-x;background-color:#fbfbfb}

.cssxLoginPhoto   
	 {
	 background-image: url(../images/style/login-people.jpg);
	 width: 417px; 
	 height: 54px;
	 }
	 
.cssxLoginGraphic   
	 {
	 background-image: url(../images/style/login-globe.jpg);
	 width: 351px; 
	 height: 259px;
	 
	 }	 

/*NPD MAP
------------------------------------------------------------ */	
.cssxHiMapStep /*NPD Map - Highlighted Workflow Step*/ 
{
	color: #fff;
	background-color: #87a145;
}

.cssxMapStep  /*NPD Map - Workflow Step*/ 
{
	color: #395573;
	background-color: #bdd7ef;
}
	
/*FLOATING LAYERS
------------------------------------------------------------ */
.cssxActionMenuFloatingLayer, .cssxFormulationOutputTagsLayer
	{
    background: #FFF; 
    border: 1px solid #586073;
	}

.cssxFormulationOutputFloatingWarning
	{
   	background: #FFF;  
	border: 1px solid #586073;
	}


.cssxSpecReferenceHeader th
	{
	border-top: 1px solid #f2f9fe;
	border-bottom: 1px solid #9aa3aa;
	background-color: #ccd7e0;
    color: #013d74;
	}

.cssxSpecReferenceHeader td 
	{
	border:1px solid #c1bebe;	
	background-color:#f2f2f5;
	}
    
a.icon-button {
    font-size: 1px;
    display: inline-block;
    cursor: pointer;
}
.caution-icon {
    z-index: 9999;
    border: 1px solid #666;
    border-bottom: none;
    padding: 4px 4px 4px 0px;
    width: 20px;
    height: 16px;
    background: #fff;
    position: absolute;
    display: none;
}
.caution-body {
    z-index: 9998;
    border: 1px solid #666;
    width: 260px;
    padding: 5px;
    background: #fff;
    position: absolute;
    display: none;
}
.caution-body-title {
    font-weight: bold;
    display: block;
}