@import "../../style.css";
body, input, textarea, select, .ajax__tab_xp div.ajax__tab_body
/* We must explicitly define font-family for inputs and textareas because browsers tend to use default font-families for those elements
   We must also define the font-family for the ajax__tab_body because the referenced from the toolkit stylesheets set the tab body font to Verdana  (Toolkit version 301). */
{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}

/* Page header & footer. */
.HeaderGradient
{    
	background-color:#016d9b;
	background-image:url(topBackground.png);
	background-position:right;
	background-repeat:no-repeat;	
}
.FooterGradient
{    
    background-color:#e5ebeb;
    color:DimGray;
    border-top:solid 1px #b7bcbc;
}

/* Navigation Bar */
.NavigationBar
{    
    font-size:11pt;
    background-color:#e5ebeb;	
	border-bottom:solid 1px #b7bcbc;
}
.NavigationBar a /* Global color for all links in the navigation bar */
{    
    /* Original
    color:DimGray;
    */   
    /* Option 1 */
    color:#003a5e;
}
.NavigationItemLabel
{
    height:2.1em;    
    border-right:solid 1px #b7bcbc;
    border-bottom:solid 1px #b7bcbc;    
    margin-bottom:-1px;
    
    width:77px;
    background:url(popoutNavigation.gif) no-repeat;
    background-position:55px, 2px;
}
.NavigationItemLabel img
{
    height:16px;
    margin-right:6px;    
}
.NavigationItemLabel:hover td, .NavigationItemLabel:hover td a, .NavigationItemLabel:hover /* Highlight behavior for menu items */
{	
    /* Original 
    background:DimGray;
    border-bottom:solid 1px DimGray;
    background:DimGray url(popoutNavigationHover.gif) no-repeat;
    */
    /* Option 1 */
    background:#003a5e;
    border-bottom:solid 1px #003a5e;
    color:#e5ebeb;
    
    background:#003a5e url(popoutNavigationHover.gif) no-repeat;
    background-position:55px, 2px;
}
.NavigationItem
{
    height:2.1em;    
    border-right:solid 1px #b7bcbc;
    border-bottom:solid 1px #b7bcbc;
    margin-bottom:-1px;    
}
.NavigationItem:hover td, .NavigationItem:hover td a, .NavigationItem:hover /* Highlight behavior for menu items */
{
	/* First Rule: This rule is necesary for backcoloring menuitems with children. (those with the dropdown arrow) */
	/* Second Rule: Leveled menuitems have nested classes in the form of .NavigationItem .NavigationItem. In this theme .NavigationItem has border
	and when hovered changes the color of the inner .NavigationItem. This rule is not necessary if menuitems have no border */
	/*Fix: In IE8 compatibility mode, main menu items do not highlight properly.*/	
	
	color:#e5ebeb; 
	
	/* Original
    background-color:DimGray;    
    border-bottom:solid 1px DimGray;
    */
    /* Option 1 */
    background:#003a5e;
    border-bottom:solid 1px #003a5e;
}
.NavigationItemSelected
{
    background:White;
    position:relative;    
    border-bottom:solid 1px White;    
    z-index:10000;
    /* Original
    color:DimGray;
    */
    /* Option 1 */
    color:#003a5e;
}
.NavigationItemSelected:hover td, .NavigationItemSelected:hover td a, .NavigationItemSelected:hover
{
    /* Original 
    border-bottom:solid 1px DimGray;
    */
    /* Option 1 */
    border-bottom:solid 1px #003a5e;
}
div.NavigationPopupMenu /* We must include the div tag, because this is an override of the default color given by the Menu control. */
{    
    background:#e5ebeb;
    padding:0;
    height:auto !important;
    border-right:solid 1px #b7bcbc;
    border-bottom:solid 1px #b7bcbc;
    border-left:solid 1px #b7bcbc;
    /* Original 
    color:DimGray;    
    */
    /* Option 1 */
    color:#003a5e;
}
.LeveledMenuItem
{
    height:2em;
    margin:0;    
    border-style:none;    
}
.LeveledMenuItem a
{
    font-size:11pt;
    height:2em;
    line-height:2em;    
    vertical-align:middle;    
    /* Original 
    color:DimGray;    
    */
    /* Option 1 */
    color:#003a5e;
}
.LeveledMenuItem:hover
{
    color:#e5ebeb;
    /* Original
    background:DimGray;    
    */
    /* Option 1 */
    background:#003a5e;
}
.SubPortal, .SignOut
{
    height:2em;
    border-left:solid 1px #b7bcbc;    
}
.SignOut:hover
{
    color:#e5ebeb !important;
    /* Original
    background:DimGray;    
    */
    /* Option 1 */
    background:#003a5e;
}
.SignOut:hover a
{    
    color:#e5ebeb !important; 
}

/*Command Bar*/
.CommandBar
{
	background-color:#dfe7f2;
	vertical-align: middle;	
	/*border-bottom:solid 1px Silver;*/
}
div.CommandBar
{
	border: silver 1px solid;
}

/* Commandbar Menu */
div.CommandBarMenu-DynamicMenu
{	
	background-color:#dfe7f2;
	border: 1px solid silver;
}
div.CommandBarMenu-DynamicMenu a
{    
    background-color:#dfe7f2;
    border:solid 1px #dfe7f2;
}
div.CommandBarMenu-DynamicMenu a:hover
{	
    background-color:LightSteelBlue;
    border:solid 1px Silver;
}

/* Links */
a, .OrderEntry-ActionLink
{	
	color:#0077c0;
}

/* CustomGrid Header */
tr.CustomGridHeader
{    
	background-color:#dfe7f2;
	font-weight: bold;
	color: #696969;	
}
tr.CustomGridHeader a:hover
{
	text-decoration: underline;
}
td.CustomGridHeaderSorted
{	
	background-color:LightSteelBlue;
}

/*Tab Container*/
.CustomTab .ajax__tab_header
{
	border-style:none;
	border-width:0px;
	border-color:White;		    
}
.CustomTab .ajax__tab_header .ajax__tab_outer
{
    background:White;
}
.CustomTab .ajax__tab_header .ajax__tab_inner
{
    background:White;
    border-left:solid 1px Silver;
}
.CustomTab .ajax__tab_header .ajax__tab_tab
{
	background: #dfe7f2;
	/*background:White;*/
    padding:3px 7px;
	border:solid 1px Silver;
	border-left-style:none;
	border-left-width:0px;
	margin-bottom:-1px; /*Required to ensure bottom border not visible for active tabs */
}
.CustomTab .ajax__tab_hover .ajax__tab_outer
{
    background:White;
}
.CustomTab .ajax__tab_hover .ajax__tab_inner
{
	background:White;
}
.CustomTab .ajax__tab_hover .ajax__tab_tab
{
	background:LightSteelBlue;
	padding:3px 7px;
}
.CustomTab .ajax__tab_active .ajax__tab_outer
{		    
	background:White;
}
.CustomTab .ajax__tab_active .ajax__tab_inner
{		    
	background:White;
}
.CustomTab .ajax__tab_active .ajax__tab_tab
{
    padding:3px 7px;	
    background:White;
    border-bottom-color:transparent;	
	/*
	background:#dfe7f2;
	border-bottom-color:#dfe7f2;	
    */
}
.CustomTab div.ajax__tab_body
{
	border:solid 1px Silver;	
	padding:6px 0;
}

/* Order Entry */
.OrderEntry-TopInfoBar, .OrderEntry-BottomNavBar
{	
	background-color:#dfe7f2;
}
.OrderEntry-CollapsePanelHeader, .PanelHeader, .CollapsePanelHeader
{
	color: White;
	background-color: #BBBBBB;
}

/* Search Panel */
.SearchArea
{
	padding: 1px;
	vertical-align: top;
	font-size: 8pt;
	border: silver 1px solid;
	/*background-color: #dddeff;*/ /*OLD*/
	/*background-color: #e5ebf5; */ /*Option 1*/
	/*background-color:#e0e5ed;*/ /*Option 2*/
	background-color:#dfe7f2; /*Option 3*/
}

/* Details Panel */
.DetailsPanel
{
    border:solid 1px Silver;
}

/* Actions Menu */
div.ActionBarMenu-DynamicMenu
{    
    background-color:#dfe7f2;
    border:solid 1px Silver;
}
div.ActionBarMenu-DynamicMenu a
{    
    background-color:#dfe7f2;
    border:solid 1px #dfe7f2;
}
div.ActionBarMenu-DynamicMenu a:hover
{    
    background-color:LightSteelBlue;
    border:solid 1px Silver;
}

/* Animated popup */
div.AnimatedPopup
{    
    background-color:White;
    border:solid 2px LightSteelBlue;
}
.AnimatedPopup .Header
{
    height: 24px;    
    background-color:LightSteelBlue;
    color:Black;
}
.AnimatedPopup .Header a
{    
    color:Black;
}
.AnimatedPopup .header-left
{
	float: left;
	position: relative;
	top: 3px;
	left: 3px;
}
.AnimatedPopup .header-right
{
	float: right;
	position: relative;
	top: 3px;
	right: 3px;
}

/* Misc */
.DimmedText, .OrderEntry-DimmedText
{
	color: gray;
}