/* Note: standard Presto menu rendition does not use the following ComponentArt features:
   Left icons
   Activated look
   Disabled look */

/* This class is required to prevent ComponentArt generating CSS classes for menu items.
   FireFox and Internet Explorer differ in the effect of adding items to this class.
   On Internet Explorer, setting padding here works; in FireFox, it is ignored, and thus
   the padding parameter is repeated in MenuItem and MenuItemHover. Still, this class must be
   retained for reasons given above. */
.TopGroup
{
  background-color:#5A6B7D; 
  border:1px #8394AC solid; 
  cursor:default; 
  padding-top:4px;
  padding-bottom:4px;  
}

.MenuGroup
{
  /*background-color:#F5F5F5;*/
  border:1px #404040 solid; 
  border-style:solid;
  cursor:default; 
}

.TopMenuItem
{
  background-color:#404040; 
  color:white; 
  font-family:Arial, sans-serif;
  font-size:12px; 
  border:1px #404040 solid;
  cursor:default; 
  padding-top:4px;
  padding-bottom:4px; 
}

.TopMenuItemHover 
{
  background-color:#C2C5C8; 
  background-image: url("../images/menu/top_item_bg.gif");
  color:white; 
  font-family:Arial, sans-serif;
  font-size:12px; 
  border:1px #DFE2E5 solid;
  cursor:default; 
  padding-top:4px;
  padding-bottom:4px; 
}

.MenuItem
{
  background-color:#F5F5F5;
  border: 1px solid #F5F5F5; 
  color:#00025C;
  font-family:Arial, sans-serif;
  font-size:11px; 
  cursor:default; 
  padding-top:4px;
  padding-bottom:4px; 
 }

.MenuItemHover 
{
  background-color:#E4F1F7; 
  background-image: url("../images/menu/item_bg.gif");
  color:#00025C;
  border: 1px solid #AADAED; 
  font-family:Arial, sans-serif;
  font-size:11px; 
  cursor:default; 
  padding-top:4px;
  padding-bottom:4px; 
}

.MenuBreak
{
  background-image:url("../images/menu/break.gif");
  width:100%;
  height:3px;
}

tr.ConfigurableMenuBar
{
	background-color: #404040;
}

/* **** Action Bar **** */
div.ActionBarLayout
{
	/*margin-left: 3px;
	width: 99.3%;*/
	height: 28px;
	width: 100%;
	background-color:#f5f5f5;
	border-left: solid 0px #404040;
	border-bottom: solid 1px #404040;
	border-right: solid 0px #404040;
}

ul.topnav {
	list-style: none;
	padding: 3px 5px;
	margin: 0;
	float: left;
	width: auto;
	background: #f5f5f5;
	font-size: .9em;
	/*background: url(topnav_bg.gif) repeat-x;*/
}
ul.topnav li {
	float: left;
	margin: 0;
	padding: 0 5px 0 5px;
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
}
ul.topnav li a{
	padding-right: 3px;
	padding-left: 3px;
	padding-top: 3px;
	padding-bottom:3px;
	/*color: #00025c; */
	display: block;
	text-decoration: none;
	float: left;
}
ul.topnav li a.group{
	padding-right: 15px;
	padding-left: 8px;
	padding-top: 3px;
	padding-bottom:3px;
	/*color: #00025c; */
	display: block;
	text-decoration: none;
	float: left;
	background: url(../images/menu/nav_arrow.png) no-repeat;
	background-position: right center;
}

ul.topnav li a:hover
{
	background-color:#c4c5c7;
	/*background: url(topnav_hover.gif) no-repeat center top;*/
}

ul.topnav li span.seperator { /*--Drop down trigger styles--*/
	width: 10px;
	text-align: center;
	height: auto;
	float: left;
    background-color:#f5f5f5;
    color: #00025c;
	/*background: url(../images/menu/nav_arrow.png) no-repeat center bottom;*/
}
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;background-color:#c4c5c7;} /*--Hover effect for trigger--*/

ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 5px; top:19px;
	background: #f5f5f5;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 100px;
	border: 1px solid #111;
}
ul.topnav li ul.subnav li{
	margin: 0; padding: 0;
	/*border-top: 1px solid #252525; */ /*--Create bevel effect--*/
	/*border-bottom: 1px solid #444; */ /*--Create bevel effect--*/
	clear: both;
	width: 100px;
	background: #f5f5f5;
	font-size: .9em;
}
html ul.topnav li ul.subnav li a {
	float: left;
	width: 87px;
	/*background: #f5f5f5 url(dropdown_linkbg.gif) no-repeat 10px center;*/
	padding-left: 10px;
}

html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
    background-color:#c4c5c7;                                     
	/*background: #c4c5c7 url(dropdown_linkbg.gif) no-repeat 10px center; */
}

/**************************** Context Menu ****************************/
.contextMenuOverlay 
{
	height: 500px;
	width: 500px;
	z-index: 9999;
	position: absolute; 
	filter:alpha(opacity=00); 
	-moz-opacity: 0.0; 
	opacity: 0.0;
}

/* Generic context menu styles */
.contextMenu {
	position: absolute;
	width: 150px;
	z-index: 99999;
	border: solid 1px #404040;
	background: #eeeeee;
	padding: 0px;
	margin: 0px;
	display: none;
}

.contextMenu LI {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.contextMenu A {
	color: #00025c;
	font-size: .9em;
	text-decoration: none;
	display: block;
	line-height: 20px;
	height: 20px;
	background-position: 6px center;
	background-repeat: no-repeat;
	outline: none;
	padding: 1px 5px;
	padding-left: 25px;
}

.contextMenu LI.hover A {
	color: #FFF;
	background-color: #3399FF;
}

.contextMenu LI.disabled A {
	color: #AAA;
	cursor: default;
}

.contextMenu LI.hover.disabled A {
	background-color: transparent;
}

.contextMenu LI.separator {
	border-top: solid 1px #CCC;
}

/*
	Adding Icons
	
	You can add icons to the context menu by adding
	classes to the respective LI element(s)

*/
.contextMenu LI.PrintPreview A { background-image: url(../images/menu/print_menu_icon.png); }
.contextMenu LI.Email A { background-image: url(../images/menu/email_menu_icon.png); }
.contextMenu LI.Download A { background-image: url(../images/menu/download_menu_icon.png); }
.contextMenu LI.DownloadHTML A { background-image: url(../images/menu/download_menu_icon.png); }
.contextMenu LI.DownloadXML A { background-image: url(../images/menu/download_menu_icon.png); }
.contextMenu LI.AddToCart A { background-image: url(../images/menu/cart_menu_icon.png); }
.contextMenu LI.AddToCategory A { background-image: url(../images/menu/add_menu_icon.png); }
.contextMenu LI.RemoveFromCart A { background-image: url(../images/menu/remove_menu_icon.png); }
.contextMenu LI.Edit A { background-image: url(../images/menu/edit_menu_icon.png); }
.contextMenu LI.DuplicateRecord A { background-image: url(../images/menu/copy_menu_icon.png); }
.contextMenu LI.Moderate A { background-image: url(../images/menu/remove_menu_icon.png); }
.contextMenu LI.TagRecord A { background-image: url(../images/menu/user_menu_icon.png); }
.contextMenu LI.CommentOnRecord A { background-image: url(../images/menu/add_menu_icon.png); }
.contextMenu LI.Deactivate A { background-image: url(../images/menu/deactivate_menu_icon.png); }
.contextMenu LI.Activate A { background-image: url(../images/menu/activate_menu_icon.png); }
.contextMenu LI.Delete A { background-image: url(../images/menu/delete_menu_icon.png); }