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

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

.OrderEntry-TopInfoBar, .OrderEntry-BottomNavBar
{
	background-color: #e5ede4;
}

.OrderEntry-CollapsePanelHeader, .PanelHeader, .CollapsePanelHeader
{
	color: White;
	background-color: #BBBBBB;
}

.DimmedText, .OrderEntry-DimmedText
{
	color: gray;
}

/* Page header & footer. */
.HeaderGradient
{
    /*
	background-color: #ffffff;	
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#ffffff', endColorStr='#b0b0b0', gradientType='1');
	background-image: linear-gradient(to right, #ffffff 0%, #b0b0b0 100%);
	*/	
	background-color:#016d9b;
	background-image:url(topBackground.png);
	background-position:right;
	background-repeat:no-repeat;	
}
.FooterGradient
{
    /*
	background-color: #b0b0b0;	
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#b0b0b0', endColorStr='#e1e1e1', gradientType='1');
	background-image: linear-gradient(to right, #b0b0b0 0%, #e1e1e1 100%);    
    */
    /* Option 1
    background-color:DimGray;
    color:White;
    */
    /* Option 2 */
    background-color:#e5ebeb;
    color:DimGray;
}

/* Navigation Bar */
.NavigationBar
{
    /* Option 1
	background-color:DimGray;
	font-size: 11pt;
    */
    /* Option 2 */
    background-color:#e5ebeb;
    font-size:11pt;
}
.NavigationBar a /* Global color for all links in the navigation bar */
{
    /* Option 1
	color:White;
    */
    /* Option 2 */
    color:DimGray;
}
div.NavigationPopupMenu /* We must include the div tag, because this is an override of the default color given by the Menu control. */
{	
    /* Option 1 
	background-color:DimGray;
	border: #696969 1px solid;
	color:White;
    */
    /* Option 2 */
    background-color:#e5ebeb;
    border:solid 1px #696969;
    color:DimGray;
}
.NavigationItem img
{
    height:18px;
}
.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.*/
	
	/* Option 1
	background-color:White; 
	color:DimGray;
    */
    /* Option 2 */
    background-color:DimGray;
    color:#e5ebeb;
}

.NavigationItem:active td, .NavigationItem:active td a, .NavigationItem:active /* Highlight behavior for menu items */
{
    /* Option 1
	background-color:White; 
	color:DimGray;
    */
    /* Option 2 */    
    background-color:DimGray;
    color:#e5ebeb;
}

.NavigationItemHover, .NavigationItemSelected
{
    background-color:DimGray;
    color:#e5ebeb;
}

/*Command Bar*/
.CommandBar
{
    /*background-color: #E5EDE4;*/	/*OLD*/
	/*background-color: #e5ebf5; */ /*Option 1*/
	/*background-color:#e0e5ed;*/ /*Option 2*/
	background-color:#dfe7f2; /*Option 3*/
	border-bottom: silver 1px solid;
	vertical-align: middle;
}
div.CommandBar
{
	border: silver 1px solid;
}

/* Commandbar Menu */
div.CommandBarMenu-DynamicMenu
{
	/*background-color: #E5EDE4;*/	/*OLD*/
	/*background-color: #e5ebf5; */ /*Option 1*/
	/*background-color:#e0e5ed;*/ /*Option 2*/
	background-color:#dfe7f2; /*Option 3*/
	border: 1px solid silver;
}
div.CommandBarMenu-DynamicMenu a
{
    /*
    Option 2
	border:solid 1px #e0e5ed;
	background-color:#e0e5ed;
    */
    /*Option 3*/
    background-color:#dfe7f2;
    border:solid 1px #dfe7f2;
}
div.CommandBarMenu-DynamicMenu a:hover
{
	/*background-color: #c4cec1;*/ /*OLD*/
	/*
    Option 1/2
	background-color:#b9cada;
	border: 1px solid silver;
    */
    /*Option 3*/
    background-color:LightSteelBlue;
    border:solid 1px Silver;
}

/* CustomGrid Header */
tr.CustomGridHeader
{
    /*background-color: #e5ebf5; */ /*Option 1*/
	/*background-color:#e0e5ed;*/ /*Option 2*/
	background-color:#dfe7f2; /*Option 3*/
	font-weight: bold;
	color: #696969;	
}
tr.CustomGridHeader a:hover
{
	text-decoration: underline;
}
td.CustomGridHeaderSorted
{
	/*background-color: #c4cec1;*/ /*OLD*/
	/*background-color:#b9cada;	*/ /*Option 1/2*/
	background-color:LightSteelBlue; /*Option 3*/
}

/*Styling 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;
    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
{
	background:White;
	/*border-bottom-style:none;*/
	border-bottom-color:transparent;
	padding:3px 7px;
}
.CustomTab div.ajax__tab_body
{
	border:solid 1px Silver;	
	padding:2px;
}

/* 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*/
}

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

/* Animated popup */
div.AnimatedPopup
{
    /* OLD
	border: solid 2px #4f813e;
	background-color: White;
    */
    background-color:White;
    border:solid 2px LightSteelBlue;
}
.AnimatedPopup .Header
{
    height: 24px;
    /* OLD
	background-image: url(popupheader.gif);	
	color: White;
    */
    background-color:LightSteelBlue;
    color:Black;
}
.AnimatedPopup .Header a
{
    /* OLD
	color: White;
    */
    color:Black;
}
.AnimatedPopup .header-left
{
	float: left;
	position: relative;
	top: 3px;
	left: 3px;
}
.AnimatedPopup .header-right
{
	float: right;
	position: relative;
	top: 3px;
	right: 3px;
}