/*
 * Copyright 2003,2004 inxire GmbH. All rights reserved.
 * ------------------------------------------------------
 * Version: $Id: menuDropdownBrowse.css,v 1.2.8.3 2005/11/01 18:12:55 tschnell Exp $
 *
 * Cascading Stylesheet (CSS 1.0)
 *
 * Dropdown Menu Styles (inxire(R) iO 3.x)
 *
 * Author: Axel Morgner <axel.morgner@inxire.com>
 */

/*
 * Box around main menu list
 *
 * HMK:
 * 1) "width" must be given, or IE5.5 will brake header height and IE 6 may hang !!
 *    (TestCase: iocore/src/web/test/scripttest/nestedDivBug.html) 
 * 2) "padding must not be set here, but in "menuList" (brakes menu positioning)
 */
.mainMenu {
  background-color: #213E7F;
  width: 100%;
  color: #fff;
}

/* list of menus */
.menuList {
  position: relative;        /* => reference position for drop down menu !! */
  margin: 0px;
  padding: 2px 0px 2px 0px;
  background-color: transparent;
  z-index: 2000;
}

/* one list entry, e.g. one menu with actuator */
.singleMenuBox {
  display: inline;
  background-color: transparent;
}

/* Style of actuator element (may be an anchor or span) */
.mainMenu .actuator, .mainMenu a.actuator:visited {
  background-color: transparent;
  color: #fff;
  text-decoration: none;
  margin: 0px 10px 0px 10px;    /* do not use vertical margin, or menus will be mis-alligned */
}


.mainMenu a.actuator:hover {
/*  background-color: #00427c;*/
  color: #aab6ba;
  text-decoration: none;
}

/* This is the drop down menu itself */
.menu {
  position: absolute;
  top: 1.1em;         /* only default value, will be adjusted during initializeMenu() */
  left: 0px;
  margin: 0px;
  padding: 0px;
  background-color: #213E7F;
  color: #000;
  border: 1px solid #fff;
  visibility: hidden;
  z-index: 2000;   /* with IE only relative to "menuList.css.zIndex" */
}

/* Paragraph within menu. A menu consists of HR and P elements */
.menu div {
  margin: 0px;
  padding: 0px;
  border-top: 1px solid #fff;
}


.menu a, .menu a:visited {
  color: #fff;
  text-decoration: none;
  display: block;
  margin: 0px;
  padding: 4px 4px 4px 4px;
/*  width: 100%;*/
}

.menu a:hover {
  background-color: #FEC703;
  color: #000;
  text-decoration: none;
}


/* separator within menu */
.menu hr {
  color: #045489;             /* used by IE 5.5 */
  background-color: #045489;  /* used by Mozilla, Opera, NS 7 ... */
  height: 1px;
}


/* define width for some menus (needed by IE, NS7 and Mozilla) */
#naviMenu           { width: 13em; }
#helpMenu           { width: 11em; }

#filesMenu          { width: 16em; }
#groupsAdminMenu    { width: 13em; }
#versionMenu        { width: 14em; }
#workflowMenu       { width: 13em; }
#articleMenu        { width: 11em; }