/* ================================
    CSS STYLES FOR DESLPortal
   ================================*/ 
  

/*-------------------------------------------------------------------\
| Portal Banner                                                      |
\-------------------------------------------------------------------*/
.BannerSearch
{
	display:inline;
}

.BannerSearchHidden
{
	display:none;
}


.BannerSearchIcon
{
	BACKGROUND: url(../../SysImages/PortalBanner/Search 16.gif);
	width: 18px;
}

.BannerBarIcon
{
	BACKGROUND: url(../../SysImages/PortalBanner/Bar 16.gif);
	width: 6px;
	display:inline;
}


.BannerLogon
{
	display:inline;
}

.BannerLogonIcon
{
	BACKGROUND: url(../../SysImages/PortalBanner/Logon 16.gif);
	width: 18px;
	display:inline;
}

.BannerCompany
{
	display: inline;
}

.BannerCompanyHidden
{
	display: none;
}

.BannerCompanyIcon
{
	BACKGROUND: url(../../SysImages/PortalBanner/Company.gif);
	width: 20px;
	display:inline;
}

.BannerHelp
{
	display:none;
}

.BannerHelpHidden
{
	display: none;
}

.BannerHelpIcon
{
	BACKGROUND:  url(../../SysImages/PortalBanner/Help.gif);
	width: 20px;
	display:inline;
}

.BannerUser
{
	display:inline;
}

.BannerUserHidden
{
	display:none;
}

.BannerUserIcon
{
	BACKGROUND: url(../../SysImages/PortalBanner/User.gif);
	width: 20px;
	display:inline;
}

.BannerDate
{
	display:none;
}

.TopMenuItem
{
	BACKGROUND: url(images/TabCWhite.jpg); 
	COLOR: black;
	height: 22px; 
	font-size: 10pt;
	font-weight: bold;
	display:block;
	BACKGROUND-COLOR: black;
}

.TopMenuItemSelected
{
	BACKGROUND: url(images/TabCRed.gif);
	COLOR: white;
	height: 22px; 
	font-size: 10pt;
	font-weight: bold;
	display:block;
}

.TopMenuItemLeftBreak
{
	BACKGROUND: url(images/TabLWhite.gif);
	width: 8px;
	height: 22px;
	display:block;
}

.TopMenuItemLeftBreakSelected
{
	BACKGROUND: url(images/TabLRed.gif);
	width: 8px;
	height: 22px;
	display:block;
}

.TopMenuItemRightBreak
{
	BACKGROUND: url(images/TabRWhite.gif);
	width: 10px;
	height: 22px;
	display:block;
}

.TopMenuItemRightBreakSelected
{
	BACKGROUND: url(images/TabRRed.gif);
	width: 10px;
	height: 22px;
	display:block;
}

.TopMenuSelectedItem
{
	BACKGROUND: url(images/TabCWhite.jpg); 
	COLOR: Red; 
	height: 22px;
	font-size: 10pt;
	font-weight: bold;
	display:block;
}

.TopMenuSelectedItemSelected
{
	BACKGROUND: url(images/TabCRed.gif);
	COLOR: Yellow; 
	height: 22px;
	font-size: 10pt;
	font-weight: bold;
	display:block;
}

.TopMenuMenuBreak
{ 
	BORDER-RIGHT: 0px solid; 
	BORDER-TOP: 0px solid; 
	BORDER-LEFT: 0px solid; 
	BORDER-BOTTOM: 0px solid; 
	BACKGROUND-COLOR: black;
}

.TopMenuContainer
{ 
	BORDER-BOTTOM: gray 5px solid;
	BACKGROUND-COLOR: black;
}

/* text style for the selected tab */
.SelectedTab {
    font-weight: bold;
    font-size: 8pt;
    color: black;
    font-family: Tahoma,Arial,Helvetica;
    text-decoration: none;
}

/* hyperlink style for the selected tab */
A.SelectedTab:link {
    text-decoration:    none;
    color:black;
}

A.SelectedTab:visited  {
    text-decoration:    none;
    color:black;
}

A.SelectedTab:active   {
    text-decoration:    none;
    color:black;
}

A.SelectedTab:hover    {
    text-decoration:    none;
    color:#045CB6;
}

/* text style for the unselected tabs */
.OtherTabs {
	font-weight: normal;
	font-size: 8pt;
	color: white;
	font-family: Tahoma, Arial, Helvetica;
	BACKGROUND-COLOR: black;
}
    
/* hyperlink style for the unselected tabs */
A.OtherTabs:link {
    text-decoration:    none;
    color:white;
}

A.OtherTabs:visited  {
    text-decoration:    none;
    color:white;
}

A.OtherTabs:active   {
    text-decoration:    none;
    color:white;
}

A.OtherTabs:hover    {
    text-decoration:    none;
    color:#cccccc;
}


/* PAGE BACKGROUND */
/* background color for the header at the top of the page  */
.HeadBg {
      background-color: black;
      background: url(images/band.gif) ;
}

.HeadBgTable
{
      height: 16px;
}

.HeadBgSideLogo
{
	background-color: black;
	background: url(images/band2.gif) ;
	width: 0px;
	height: 0px;
}

/* background color for the content part of the pages */
Body
{
	/* background-color:rgb(234,242,255); */
	background-color: white;
	  /*   background: url(images/homepage_bg2.gif) ; */	
	
	scrollbar-3dlight-color: black; 	/* rgb(120,172,255); */
    	scrollbar-arrow-color: red; 		/* #09144F; */
    	scrollbar-base-color: red; 		/* Gray; */
    	scrollbar-darkshadow-color: yellow; 	/* #09144f; */
    	scrollbar-face-color: black;		/* rgb(234,242,255); */
    	scrollbar-highlight-color: black;	/* rgb(234,242,255); */
   	scrollbar-shadow-color: black;		/* rgb(234,242,255); */
    	scrollbar-track-color: yellow;		/* #09144F; */
    	overflow:auto
    
}


/* PAGE BANNER */
.SiteTitle {
    font-family: Verdana Bold, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color:	white;
}

/* background/border colors for the selected tab */
.TabBg {
    
}

.LeftPane  { 

}

.ContentPane {

}

.RightPane {

}


/* GENERAL */
/* style for module titles */
.Head   {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  14px;
    font-weight:    bold;
    background-color:#09144F;
    width:100%;
    text-align:center;
    border-right-color:Aqua;
    border-top-color:Aqua;
    color: yellow;
    /* BACKGROUND: url(Images/ModHead.gif); */
	BACKGROUND-COLOR:black;
/*background: url('../../sysimages/standard/Module Msg Back.gif') repeat-x top left white; */
}

/* style of item titles on edit and admin pages */
.SubHead    {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  10px;
    font-weight:    bold;
    color:Navy;	
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  10px;
    font-weight:    bold;
    color: black;
}

/* text style used for most text rendered by modules */
.Normal
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: normal;
    line-height: 10px ; 
    color: Black;  
}

.normal
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: normal;
    line-height: 10px ; 
    color: Black;  
}

/* text style used for most text rendered by modules */
.MenuItemNode
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    BACKGROUND-COLOR:rgb(234,242,255);
    line-height: 20px;
}

.SelectedMenuItemNode
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #09144F;  
    BACKGROUND-COLOR:#ffffff; 
    line-height: 20px;
}

.StaticMenuItemNode
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    BACKGROUND-COLOR:rgb(234,242,255);
    line-height: 1px;
}

/* text style used for most text rendered by modules */
.MenuItem
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: normal;
    color: #09144F;  
    line-height: 24px;
    vertical-align:top;
}

/* text style used for most text rendered by modules */
.SelectedMenuItem
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: normal;
    color: #09144F;  
    BACKGROUND-COLOR:#ddddff;
    line-height: 24px;
    vertical-align:top;
}

/* text style used for disabled text used by DeslPopupImageButton */
.NormalDisabled
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: normal;
    line-height: 10px ; 
    color: #ACA899;  
}


/* text style used for most text rendered by modules */
.Normal2
{
    font-family: Tahoma,Verdana, Helvetica, sans-serif;
    font-weight: normal;
    color: black;
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: normal;
	color: black;
}

.NormalRed
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: bold;
    color: red
}

.normalred
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: bold;
    color: red
}
.NormalBold
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: bold;
color: black;
}

.normalbold
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: bold;
color: black;
}
/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton     {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: normal;
    color: #09144F;
}
    
/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link {
   /* text-decoration:    underline; */
    color: blue;
}

A.CommandButton:visited  {
    /* text-decoration:    underline; */
    color: blue;
}

A.CommandButton:active   {
   /* text-decoration:    underline; */
    color: blue;
}

A.CommandButton:hover    {
   /* text-decoration:    underline; */
    color: red;
}
    



/* GENERIC */
H1  {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  16px;
    font-weight:    normal;
    color: #666644;
}

H2  {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  14px;
    font-weight:    normal;
    color: #666644;
}

H3  {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  12px;
    font-weight:    normal;
    /* color: darkred; */
    color:Black;
}

H4  {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  12px;
    font-weight:    normal;
    /* color: darkred; */
    color:Black;
}

H5, DT  {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  11px;
    font-weight:    bold;
    /* color: darkred; */
    color:Black;
}

H6  {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  11px;
    font-weight:    bold;
    /* color: darkred; */
    color:Black;
}

TFOOT, THEAD    {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  10px;
    /* color: darkred; */
    color:Black;
}

TH  {
    vertical-align: baseline;
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  9px;
    font-weight:    bold;
    /* color: darkred; */
    color:Navy;
}

A:link  {
    text-decoration:    none;
    /* color:  darkred; */
    color:blue;
}

A:visited   {
    text-decoration:    none;
    /* color:  darkred; */
    color:blue;
}

A:active    {
    text-decoration:    none;
    /* color:  darkred; */
    color:blue;
}

A:hover {
    text-decoration:    underline;
    /* color:  red; */
    color:purple;
}

SMALL   {
    font-size:  8px;
}

BIG {
    font-size:  14px;
}

BLOCKQUOTE, PRE {
    font-family:    Lucida Console, monospace;
}


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;
}

HR {
    color: dimgray;
    height:1pt;
    text-align:left
}

/* Dropdown lists */
SELECT
{
	font-family: Verdana, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 9px;
	line-height: 10px;
}

/* Datagrids / Tables */
.Grid
{
	border-right: black 2px solid;
	table-layout: auto;
	border-top: black 2px solid;
	font-weight: normal;
	font-size: 9px;
	border-left: black 2px solid;
	width: 100%;
	color: black;
	line-height: 10px;
	border-bottom: black 2px solid;
	font-family: Verdana, Helvetica, sans-serif;
	border-collapse: collapse;
	background-color: white;
}

.GridSelect
{
	border-right: black 2px solid;
	table-layout: auto;
	border-top: black 2px solid;
	font-weight: normal;
	font-size: 9px;
	border-left: black 2px solid;
	width: 100%;
	color: black;
	line-height: 10px;
	border-bottom: black 2px solid;
	font-family: Verdana, Helvetica, sans-serif;
	border-collapse: collapse;
	background-color: white;
}

.GridAlt
{
	font-family: Verdana, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 9px;
	line-height: 10px;	
	background-color: #FFFF90; /* new dickies = #FFFF90 (pale yellow) old was lightgrey */
	color: black;				/* #09144F */
/*	border-color:silver;
	border-width:1;	
	border-bottom-color:silver;
	border-bottom-width:thin;
	border-bottom-style:solid;
	border-top-color:silver;
	border-top-width:thin;
	border-top-style:solid;
	border-left-color:silver;
	border-left-width:thin;
	border-left-style:solid;
	border-right-color:silver;
	border-right-width:thin;
	border-right-style:solid;	*/
}

.GridReport
{
	border-right: black 2px solid;
	table-layout: auto;
	border-top: black 2px solid;
	font-weight: normal;
	font-size: 9px;
	border-left: black 2px solid;
	width: 100%;
	color: black;
	line-height: 10px;
	border-bottom: black 2px solid;
	font-family: Verdana, Helvetica, sans-serif;
	background-color: white;
	border-width:1;	
	border-bottom-color:black;
	border-bottom-width:thin;
	border-bottom-style:solid;
	border-top-color:black;
	border-top-width:thin;
	border-top-style:solid;
	border-left-color:black;
	border-left-width:thin;
	border-left-style:solid;
	border-right-color:black;
	border-right-width:thin;
	border-right-style:solid;	
}

.GridHead
{
	border-right: silver 2px solid;
	table-layout: auto;
	border-top: silver 2px solid;
	font-size: 9px;
	border-left: silver 2px solid;
	line-height: 10px;
	border-bottom: silver 2px solid;
	font-family: Verdana, Helvetica, sans-serif;
	border-collapse: collapse;
	background-color: black;		/* #09144F; */
	color: yellow;				/* white; */
	font-weight: normal;
}

.GridHeadSmall
{
	border-right: silver 2px solid;
	table-layout: auto;
	border-top: silver 2px solid;
	font-size: 7px;
	border-left: silver 2px solid;
	line-height: 8px;
	border-bottom: silver 2px solid;
	font-family: Verdana, Helvetica, sans-serif;
	border-collapse: collapse;
	background-color: black;		/* #09144F; */
	color: yellow;				/* white; *
	font-weight: normal;
}


.GridHeadLink
{
	font-family: Verdana, Helvetica, sans-serif;
	color: white;
	font-weight: normal;
}

A.GridHeadLink:link
{
	color:white;
}

A.GridHeadLink:active
{
	color:white;
}

A.GridHeadLink:visited
{
	color:white;
}

A.GridHeadLink:hover
{
	color:white;
}


.DocGridHead
{
	border-right: silver 2px solid;
	table-layout: auto;
	border-top: silver 2px solid;
	font-size: 12px;
	border-left: silver 2px solid;
	line-height: 13px;
	border-bottom: silver 2px solid;
	font-family: Verdana, Helvetica, sans-serif;
	border-collapse: collapse;
	background-color: black;	/* #09144F; */
	color: yellow;			/* white; */
	font-weight: normal;
}

.DocGrid
{
	border-right: black 2px solid;
	table-layout: auto;
	border-top: black 2px solid;
	font-weight: normal;
	font-size: 12px;
	border-left: black 2px solid;
	width: 100%;
	color: black;			/* #09144F; */
	line-height: 13px;
	border-bottom: black 2px solid;
	font-family: Verdana, Helvetica, sans-serif;
	border-collapse: collapse;
	background-color: white;
}

.DocText
{
	font-weight: normal;
	font-size: 12px;
	width: 100%;
	color: black;
	line-height: 13px;
	font-family: Verdana, Helvetica, sans-serif;
	background-color: white;
}

.SheetGridHead
{
	border-right: silver 2px solid;
	table-layout: auto;
	border-top: silver 2px solid;
	font-size: 9px;
	border-left: silver 2px solid;
	line-height: 10px;
	border-bottom: silver 2px solid;
	font-family: Verdana, Helvetica, sans-serif;
	border-collapse: collapse;
	background-color: #4E4E4E;
	color: white;
	font-weight: normal;
}

.GridSubHead 
{
	font-family: Verdana, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 9px;
	line-height: 10px;	
	background-color:lightgrey; 
	color: black;		/* #09144F; */
} 

.GridTotal
{
	font-family: Verdana, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 9px;
	line-height: 10px;	
	background-color: black;	/* #09144F; */
	color:yellow;			/* white; */
}
.GridTotal2 
{
	background-color : LemonChiffon;
	font-family: Verdana, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 9px;
	line-height: 10px;	
	
}
.SheetGridTotal
{
	font-family: Verdana, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 9px;
	line-height: 10px;	
	background-color:#304766;
	color:white;
}

.TotalBox
{
	font-family: Verdana, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 9px;
	line-height: 10px;		
	background-color:Silver;
	color: black;		/* #09144F; */
}

.MatrixHead 
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 10px;
	color: yellow;		/* White; */
	background-color:black; /* #09144F; */
}    

.MatrixSubHead 
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 10px;
	background-color:LightGrey; 
	color: black;		/* #09144F; */
}  

.MatrixInput
{
	font-family: Verdana, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 9px;
	line-height: 10px;
	text-align:center;
	font-weight:bold;
	background-color:linen;
	color: black;		/* #09144F; */
}

.MatrixOutput
{
	font-family: Verdana, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 9px;
	line-height: 10px;
	text-align:center;
	background-color:white;
	color: black;		/* #09144F; */
}

.MatrixStopSell
{
	font-family: Verdana, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 9px;
	line-height: 10px;
	
	text-align:center;
	background-color:Silver;
	color: black;		/* #09144F; */
}

.ProductHead
{
	font-family: Verdana, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	line-height: 13px;
	
	background-color:black;	/* #09144F; */
	border-color:Silver; 
	color:yellow;		/* White; */
}

.ProductShading
{
	font-family: Verdana, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 9px;
	line-height: 10px;	
	background-color:lightgrey;
	border-color:Silver; 
	color:black;
}

.ProductTableBg
{
	font-family: Verdana, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 9px;
	line-height: 10px;	
	background-color:silver;
	color: black;
}

.ProductTableFg
{
	font-family: Verdana, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 9px;
	line-height: 10px;		
	background-color:black;
	color:yellow;
}

.Address
{
	font-family: Verdana, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 9px;
	line-height: 10px;
color: black;
}

.ConfirmationBox
{
	font-family: Verdana, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 9px;
	line-height: 10px;
	color: black;			/* #09144F; */
	background-color:yellow;	/* White; */

}

.DialogBox
{
	font-family: Verdana, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 9px;
	line-height: 10px;
		
	background-color:silver;
color: black;
}

.PageButton
{
	text-align:left;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: normal;
    line-height: 10px ; 
    color: black; 	
}	

.TreeListShading
{
    background-color:linen;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: normal;
    line-height: 10px ; 
    color: black;  
    }

.ItemTitle
{
	font-weight: bold;
	font-size: 11px;
	color: black;
	line-height: 12px;
	font-family: Verdana, Helvetica, sans-serif;
	/* background-color: #045CB6; */
}

.LargeRed  {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  12px;
    font-weight:    normal;
    color:Red;
}

.CalendarToday 
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: normal;
    line-height: 10px ; 
    border-color:orange;
    color: Navy;
    border-width: 2px;
    border-style:solid;
    background-color:ccddcc;
    padding: 3;
}

.CalendarSelect 
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: bold;
    line-height: 10px ; 	
    background-color: white;
    border-color: #ccffff;
    border-width:medium;
    border-style:inset;
    color: Navy;
    border-width: 1px;
    background-color :#ccffcc;
    border-style:solid;
}

.CalendarOther, .CalendarOther A:Link, .CalendarOther A:Visited 
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: bold;
    line-height: 10px ;
    color:Navy;
    border-width: 1px;
    background-color :#ccccff;
}

.CalendarHeader 
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: normal;
    line-height: 10px ; 
    background: url(moduleheader.gif);
    color:White;	
    font-weight:bold;
    background-color :#000066;
}

.CalendarCell 
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: normal;
    line-height: 10px ; 
    background: url(calendarcell.gif);
    border-color: Navy;
    color: navy;
    border-width: 1px;
    background-color :#ccddcc;
    border-color:#aaaaaa;
    border-style:solid;
    padding: 2;
   
}.CalendarCell A:Link, .CalendarCell A:Visited, .CalendarCell A:Hover 
{
	color: navy;
	 background-color :#ccddcc;
}

.CalendarWeekend 
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: normal;
    line-height: 10px ; 
    background: url(calendarcell.gif);
    border-color: Navy;
    color: navy;
    border-width: 1px;
    background-color :#ddddcc;
    border-color:#aaaaaa;
    border-style:solid;
    padding: 2;
}
.CalendarWeekend A:Link, .CalendarWeekend A:Visited, .CalendarWeekend A:Hover 
{
	color: navy;
	 background-color :#ddddcc;
}

.CalendarOtherMonth
{
	font-family: Verdana, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: normal;
    line-height: 10px ; 
    background: url(calendarcell.gif);
    color:White;
    border-width: 1px;
    background-color :#cccccc;
    border-color:#aaaaaa;
    border-style:solid;
}

.CalendarToday 
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: normal;
    line-height: 10px ; 
    border-color:orange;
    border-width: 2px;
    border-style:solid; 
    color: navy;
	background-color :#ccddcc; 
}
.CalendarToday A:Link, .CalendarToday A:Visited, .CalendarToday A:Hover 
{
	color: navy;
	 background-color :#ccddcc;
}

.CalendarSmallText, .CalendarSmallText A:Link, .CalendarSmallText A:Visited
{
	font-family: Verdana, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: normal;  
}
 .CalendarSmallText A:Hover 
{
	font-family: Verdana, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: normal;
    text-decoration:underline;
}

.TaskOverdue
{
	font-family: Verdana, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: normal;
    color: Red;
}
.TaskPriorityHigh
{
	color: Red;
}     
.TaskPriorityNormal
{
	color: Blue;
}
.TaskPriorityLow
{
	color: Green ;
}

.forumStyle 
{
	border-bottom-width:thin;
	border-bottom-style:solid;
	border-bottom-color:Black;
}

.DeSLButtonUp
{
	BORDER-RIGHT: #c0c0c0 2px outset; 
	BORDER-TOP: #e8e8e8 2px outset; 
	FONT-SIZE: xx-small; 
	MARGIN-LEFT: 2px; 
	BORDER-LEFT: #e8e8e8 2px outset; 
	MARGIN-RIGHT: 2px; 
	BORDER-BOTTOM: #c0c0c0 2px outset; 
	POSITION: relative; 
	BACKGROUND-COLOR: #ddddff;
	CURSOR: hand;
}

.DeSLButtonDown 
{
	BORDER-RIGHT: #ccccff 1px solid; 
	BORDER-TOP: #ccccff 1px solid; 
	BORDER-BOTTOM: #ccccff 1px solid;
	BORDER-LEFT: #ccccff 1px solid; 
	FONT-SIZE: xx-small; 
	MARGIN-LEFT: 2px; 
	MARGIN-RIGHT: 2px;
	margin-top: 2px;
	POSITION: relative; 
	BACKGROUND-COLOR: #efefef;
	CURSOR: hand;
}

.DeSLButtonDisabled {
	BORDER-LEFT: #eeeeee 2px inset; 
	BORDER-RIGHT: #eeeeee 2px inset; 
	BORDER-BOTTOM: #eeeeee 2px inset; 
	BORDER-TOP: #eeeeee 2px inset; 
	FONT-SIZE: xx-small; 
	MARGIN-LEFT: 2px; 
	MARGIN-RIGHT: 2px; 
	POSITION: relative; 
	BACKGROUND-COLOR: #dddddd;
	CURSOR: hand;
}

.ModuleHead 
{
	font-family: Verdana, Helvetica, sans-serif;
	font-weight:bold;	
	font-size: 12px;
	margin:1px;
	color:White;	
	background-color:#09144F;
}   

.TitleToolbarDisabled
{
	BORDER-RIGHT: solid #d4d0c8 1px; 
	BORDER-TOP: solid #d4d0c8 1px; 
	FONT-SIZE: xx-small;
	font-family: Verdana, Helvetica, sans-serif;
	margin-top: 2px;
	MARGIN-LEFT: 2px; 
	BORDER-LEFT: solid #d4d0c8 1px; 
	MARGIN-RIGHT: 2px;
	vertical-align:middle;
	BORDER-BOTTOM: solid #d4d0c8 1px; 
	POSITION:static; 
	BACKGROUND-COLOR: Transparent;
	CURSOR:default;
}

.TitleToolbarButtonHover
{
	BORDER-RIGHT: solid #000000 1px; 
	BORDER-TOP: solid #000000 1px; 
	FONT-SIZE: xx-small;
	font-family: Verdana, Helvetica, sans-serif;
	margin-top: 2px;
	MARGIN-LEFT: 2px; 
	BORDER-LEFT: solid #000000 1px; 
	MARGIN-RIGHT: 2px;
	vertical-align:middle;
	BORDER-BOTTOM: solid #000000 1px; 
	POSITION:static; 
	BACKGROUND-COLOR: white;
	CURSOR: hand;
}

.TitleToolbarButtonLeave
{
	BORDER-RIGHT: solid #d4d0c8 1px; 
	BORDER-TOP: solid #d4d0c8 1px; 
	FONT-SIZE: xx-small; 
	font-family: Verdana, Helvetica, sans-serif;
	MARGIN-LEFT: 2px; 
	BORDER-LEFT: solid #d4d0c8 1px; 
	MARGIN-RIGHT: 2px; 
	margin-top:2px;
	vertical-align:middle;
	BORDER-BOTTOM: solid #d4d0c8 1px; 
	POSITION:static; 
	BACKGROUND-COLOR:Transparent;
	CURSOR: hand;
}

.DropShadowContainer
{
	font-family: Verdana, Helvetica, sans-serif;
    	font-size: 9px;
    	font-weight: normal;
    	line-height: 10px ; 
    	color: #09144F;  
	padding:5px; 
	BORDER-RIGHT: gray 1px solid; 
	BORDER-TOP: gray 1px solid; 
	BORDER-LEFT: gray 1px solid; 
	BORDER-BOTTOM: gray 1px solid;
	BACKGROUND-COLOR:White;
	background: url('../../sysimages/standard/Module Msg Back.gif') repeat-x top left white;
}

.DropShadowContainerModMsg
{
	font-family: Verdana, Helvetica, sans-serif;
    	font-size: 9px;
    	font-weight: normal;
    	 
    	color: #09144F;  
	padding:5px; 
	BORDER-RIGHT: gray 1px solid; 
	BORDER-TOP: gray 1px solid; 
	BORDER-LEFT: gray 1px solid; 
	BORDER-BOTTOM: gray 1px solid;
	BACKGROUND-COLOR:White;
	background: url('../../sysimages/standard/Module Msg Back.gif') repeat-x top left white;
}

.DropShadowContainerBack
{
	BACKGROUND-COLOR:#B5AEB5;
}

.DropShadowContainerNoPad
{
	font-family: Verdana, Helvetica, sans-serif;
    	font-size: 9px;
    	font-weight: normal;
    	
    	color: #09144F;  
	padding:0px; 
	BORDER-RIGHT: gray 1px solid; 
	BORDER-TOP: gray 1px solid; 
	BORDER-LEFT: gray 1px solid; 
	BORDER-BOTTOM: gray 1px solid; 
	BACKGROUND-COLOR: white;
}

/* text style used for product header in order search */
.OrderSearchHeader
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 13px ; 
    color: navy;  
}

/* text style used for price in order search */
.OrderSearchPrice
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    line-height: 11px ; 
    color: navy;  
}

/* text style used for RRP and Saving in order search */
.OrderSearchRRP
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    line-height: 11px ; 
    color: navy;  
}

.TabDropShadowContainer
{
	padding:0px;
	margin-top:0; 
	BORDER-RIGHT: gray 1px solid; 
	BORDER-LEFT: gray 1px solid; 
	BORDER-BOTTOM: gray 1px solid; 
	BACKGROUND-COLOR: white;
}

.TabStripSelected
{
	border-right-style:ridge; 
	BORDER-TOP: solid orange 3px; 
	BORDER-BOTTOM: white 1px solid;
	BORDER-LEFT: gray 1px solid;
	FONT-SIZE: 10; 
	font-family: Verdana, Helvetica, sans-serif;
	padding-left:20px;
	padding-right:20px;
	vertical-align:bottom;
	POSITION:static; 
	BACKGROUND-COLOR:White;
	CURSOR: default;
	border-collapse:collapse;
	height:20;
}

.TabStripUnSelected
{
	BORDER-LEFT: white 1px outset; 
	BORDER-RIGHT: gray 1px solid;  
	BORDER-TOP: outset white 3px; 
	BORDER-BOTTOM: gray 1px solid;
	FONT-SIZE: 10; 
	font-family: Verdana, Helvetica, sans-serif;
	padding-left:20px;
	padding-right:20px;
	vertical-align:bottom;
	POSITION:static; 
	BACKGROUND-COLOR:White;
	CURSOR: hand;
	border-collapse:collapse;
	height:20;
	}

.PopupBox
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: normal;
    color: #09144F; 
    bgcolor: #a0a0a4;
}

.moverhdr {
	font-family: Verdana, Helvetica, sans-serif;
    	font-size: 9px;
    	font-weight: normal;
        background: #09144F;
        border:1px solid #C4D5E3;
        font-weight:bold;
        padding:2px;
	color: white;
}
         
.moverbody {
	font-family: Verdana, Helvetica, sans-serif;
    	font-size: 9px;
    	font-weight: normal;
    	line-height: 10px ; 
    	color: #09144F;  
	padding:5px; 
	background:#FFFFFF;
        border-left:1px solid #C4D5E3;
        border-right:1px solid #C4D5E3;
        border-bottom:1px solid #C4D5E3;
        padding:10px;
}

.pgdiv {
         background:#E9EFF4;
         border:1px solid #C4D5E3;
         padding:10px;
         margin-bottom:20;
         font-family:arial;
         font-size:12px;
         }

.commandbar {
	border:1px solid #000000;
	BACKGROUND-COLOR:#D4D0C8;
	padding:2px;
	}

/* Treeview */
.TreeView 
{ 
  border: #92ccd6 1px solid; 
  background-color:White;
  padding-top:2px;
  cursor: default; 
}

.TreeNode 
{ 
  font-family: Verdana, Helvetica, sans-serif; 
  font-size: 11px; 
  padding:1px;
  padding-left: 3px; 
  padding-right: 3px; 
  cursor: default; 
}

.HoverTreeNode 
{ 
  font-family: Verdana, Helvetica, sans-serif; 
  font-size: 11px; 
  padding:1px;
  padding-left: 3px; 
  padding-right: 3px; 
  color: #648bcb; 
  text-decoration: underline; 
  cursor: default; 
}

.SelectedTreeNode 
{ 
  font-family: Verdana, Helvetica, sans-serif; 
  font-size: 11px; 
  padding:1px;
  padding-left: 3px; 
  padding-right: 3px; 
  background-color: #a0a0a0; 
  cursor: default; 
}

.NodeEdit 
{
  border:1px silver solid;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 11px;
}

/*Treview context menus */
.MenuGroup
{
  background-color:white;
  background-image:url(../../sysimages/treeview/menu_images/group_background.gif);
  border-width:1px; 
  border-color:#7E7E81; 
  border-style:solid;
  cursor:default; 
}

.MenuItem
{
  color:black; 
  font-family:tahoma; 
  font-size:11px; 
  margin:1px; 
  cursor:default; 
}

.MenuItemHover 
{
  background-color:#FFEEC2; 
  color:black; 
  font-family:tahoma; 
  font-size:11px; 
  border-width:1px; 
  border-color:#4B4B6F; 
  border-style:solid;
  cursor:default; 
}

/* Costing */
.CostSheetElementChange
{
   font-family: Verdana, Helvetica, sans-serif;
   font-size: 9px;
   font-weight: normal;
   line-height: 10px ; 	
   color: red;
   background-color: yellow;
   
}

.CostSheetElementTextboxChange
{
   font-family: Verdana, Helvetica, sans-serif;
   font-size: 9px;
   font-weight: normal;
   line-height: 10px ; 
   color: #09144F; 
   border-style: none; 
   background-color: yellow;
   
}

.CostSheetElementTextBox
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: normal;
    line-height: 10px ; 
    color: #09144F; 
    border-style: none; 
    background-color: white;
}

.CSETB
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: normal;
    line-height: 10px ; 
    color: #09144F; 
    border-style: none; 
    background-color: white;
}

.CalculatorSubHeader
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: normal;
    line-height: 20px ; 
    color: white; 
    border-style: none; 
    background-color: #09144F;
    padding: 3px;
}

.CalculatorDetailSubHeader
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: normal;
    line-height: 10px ; 
    color: #09144F; 
    border-style: solid; 
    background-color: gray;
}

.SectionHead {
	border:1px solid #000000;
	BACKGROUND-COLOR:#D4D0C8;
	font-size: 10px;
	padding:3px;
	line-height: 15px ; 
 	font-family: Verdana, Helvetica, sans-serif;
    	font-weight: bold;
	color: #09144F; 
	}

/* 
=================================================
Modules and sets
=================================================
*/
 
.panel {
   border-width    : 1; 
   border-style    : solid;
   border-color    : #0053A5;
   background-color: #CFDFE5;
}
 
.fieldset {
	font-family  : Verdana,Tahoma,Arial,sans-serif;
	font-size    : 70%;
	color        : #000000;
	border-style : solid;
	border-color : #0053A5;
	border-width : 1px;
}

.radiolist {
	font-family: Verdana,Tahoma,Arial,sans-serif;
	font-size  : 100%;
	color      : #000000;
} 


/* 
=================================================
Grids
=================================================
*/

.fileFolderGridHeader {
	font-family: Verdana,Tahoma,Arial,sans-serif;
	font-weight: bold;
	color      : #FFFFFF;
	background-color:  #F17C0E;
	font-size: 9pt; 
	background-image: url("images/header_bg.gif");
}

.fileFolderGrid {
	border-spacing  : 0;
	border          : 1;
	border-collapse : collapse;
	border-color    : #CED1DB;
	font-family     : Verdana,Tahoma,Arial,sans-serif;
	font-size       : 70%;
}

/* 
=================================================
Toolbar
=================================================
*/

.buttonOn {
	border-width: 1;
	border-color: #0053A5;
	border-style: solid;
	background-color: #d2e2ff;
}

.buttonOff {
	border-width: 1;
	border-color: #ececec;
	border-style: solid;
	background-color: white;
}

 
/* 
=================================================
Various buttons
=================================================
*/

.btnOn { 
	border-width: 1;
	border-color: #DDEBF1;
	border-style: solid;
	background-color: #fff8bb;
}

.btnOff {
	border-width: 1;
	border-color: #d2e2ff;
	border-style: solid;
	background-color: #d2e2ff;
}


/* 
=================================================
Various text
=================================================
*/

.info {
	font-family: Verdana,Tahoma,Arial,sans-serif;
	font-size  : 70%;
	color      : #000000;
}

.languageSelector {
	font-family: Verdana, Tahoma, Arial,sans-serif;
	font-size:70%;
	font-weight: normal;
	color:#000000;
}

.pleaseWait {
	font-family     : Verdana,Tahoma,Arial,sans-serif;
	font-size       : 75%;
	color           : #00A0E2;
}

.ErrorMessage {
	color: Red;
}

/* 
===============================================
Textbox Styles
===============================================
*/
.TxtNormal
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: normal;
    line-height: 10px ; 
    color: #09144F;  
    border-style: solid;
    border-width: 1px;
}


/*
========================================
Sales And Ops Planning
*/
.TABLEHEAD2 
{
	font-family: Verdana, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: normal;
	background: black;
	background-color: Black;
	color: White;
 border-bottom: solid 2px;
}

.SOPForecastHead {
	border:1px solid #000000;
	BACKGROUND-COLOR:#D4D0C8;
	font-size: 12px;
	padding:3px;
	line-height: 15px ; 
 	font-family: Verdana, Helvetica, sans-serif;
    	font-weight: bold;
	color: #09144F; 
	}

.SOPForecastGrid {
	BACKGROUND-COLOR:#C0FFFF;

	}

.SOPForecastGridAlt {
	BACKGROUND-COLOR:CadetBlue;

	}

.SOPForecastBudgetGrid {
	BACKGROUND-COLOR:Red;

	}

.SOPForecastBudgetGridAlt {
	BACKGROUND-COLOR:#C0FFC0;

	}
	
	=================================================
Report Format
=================================================
*/

.ReportProductSubTotal 
{

	background-color : White;
	text-align : right;

}

.ReportSubTotal 
{

	background-color : White;
	text-align : right;

}

.ReportTotal 
{
	background-color : LemonChiffon;
	font-family: Verdana, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 9px;
	line-height: 10px;	

	
}

.ReportItems 
{
	background-color : black;
	color: yellow;
	text-align : center;
}

.ReportData 
{
	background-color : White;
	text-align : right;
}

.ReportHeader 
{
	font-size: 12px;
	margin:3px;
	background: yellow; /* url('../../Portals/Company/images/band.gif') repeat-x top left white; */
}


.PortalTabSelected
{
	border-right-style:ridge; 
	BORDER-TOP: solid navy 2px; 
	BORDER-BOTTOM: white 1px solid;
	BORDER-LEFT: gray 1px solid;
	FONT-SIZE: 10; 
	font-family: Verdana, Helvetica, sans-serif;
	padding-left:20px;
	padding-right:20px;
	vertical-align:bottom;
	POSITION:static; 
	BACKGROUND : url('../../sysimages/standard/Module Msg Back.gif') repeat-x top left white;
	CURSOR: default;
	border-collapse:collapse;
	height:20;
}

.PortalTabUnSelected
{
	BORDER-LEFT: white 1px outset; 
	BORDER-RIGHT: gray 1px solid;  
	BORDER-TOP: outset white 2px; 
	BORDER-BOTTOM: gray 1px solid;
	FONT-SIZE: 10; 
	font-family: Verdana, Helvetica, sans-serif;
	padding-left:20px;
	padding-right:20px;
	vertical-align:bottom;
	POSITION:static; 
	BACKGROUND : url('../../sysimages/standard/Module Msg Back.gif') repeat-x top left white;
	CURSOR: hand;
	border-collapse:collapse;
	height:20;
}

.pib
{
	font-family: Verdana, Helvetica, sans-serif;
    	font-size: 9px;
    	font-weight: normal; 
    	color: #09144F;  
	padding:5px; 
	/* BORDER: #78ACFF 1px solid; */
	BORDER: Yellow 1px solid;
	BACKGROUND-COLOR:White;
	background: url('../../sysimages/standard/pib.gif') repeat-x top left white;
}

.pib:hover
{
    	color: #09144F;  
	padding:5px; 
	BORDER: black 1px solid;
	background: url('../../sysimages/standard/pibh.gif') repeat-x top left white;
	cursor:hand;
}

===============================================
Textbox Styles
===============================================
*/
.TxtNormal
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: normal;
    line-height: 10px ; 
    color: #09144F;  
    border-style: solid;
    border-width: 1px;
}

.txtnormal
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: normal;
    line-height: 10px ; 
    color: #09144F;  
    border-style: solid;
    border-width: 1px;
}

/* 
===============================================
Matrix header
===============================================
*/
.mh
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  10px;
    font-weight:    bold;
    color:Navy;	
    BACKGROUND : url('../../sysimages/standard/Module Msg Back.gif') repeat-x top left white;
    border: solid 1px #606060;
    text-align : center;
    line-height : 10px;
}

/* 
===============================================
Matrix left
===============================================
*/
.ml
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  10px;
    font-weight:    bold;
    color:white;	
    /* BACKGROUND : url('../../sysimages/standard/Module Msg Back.gif') repeat-x top left white; */
    background-color:#09144F;
    border: solid 1px #606060;
    text-align : center;
    line-height : 10px;
}

/* 
===============================================
Matrix entry
===============================================
*/
.mf
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  10px;
    font-weight:    bold;
    color:Navy;	
    background-color:white;
    border: solid 1px #606060;
    text-align : center;
    line-height : 10px;
}

/* 
===============================================
Matrix entry highlighted
===============================================
*/
.mfh
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  10px;
    font-weight:    bold;
    color:Navy;	
    background-color:yellow;
    border: solid 1px #606060;
    text-align : center;
    line-height : 10px;
}

/* 
===============================================
Matrix blocker entry
===============================================
*/
.mb
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  10px;
    font-weight:    bold;
    color:Navy;	
    background-color:white;
    border: solid 1px #606060;
    text-align : center;
    line-height : 10px;
}

/* 
===============================================
Matrix blocker entry highlighted
===============================================
*/
.mbh
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  10px;
    font-weight:    bold;
    color:Navy;	
    background-color:yellow;
    border: solid 1px #606060;
    text-align : center;
    line-height : 10px;
}