@import url("/javascripts/menu/hmenu.css");

/****************************************************
   (1) THE MAIN MENU BAR
*****************************************************/

div.dynarch-horiz-menu, div.dynarch-popup-base-menu {
  /* This is a DIV, container of the horizontal menu bar.
     Please note that if you customize fonts here, the setting will
     most likely be lost in Internet Explorer because tables don't
     inherit fonts.  Therefore, we would better customize fonts in the
     "table" children. */
}

div.dynarch-horiz-menu table, div.dynarch-popup-base-menu table {
  /* A table is used to layout elements in the main menu bar.
     Here is safe to specify fonts. */
}

div.dynarch-horiz-menu table tr td.hover, div.dynarch-popup-base-menu table tr td.hover {
  /* Styles for hover items in the main menu bar */
}

div.dynarch-horiz-menu table tr td.active, div.dynarch-popup-base-menu table tr td.active {
  /* Styles for active (pressed) items in the main menu bar
     Note that setting the font weight to bold will increase the item
     width when it's pressed.  This is normally not desirable. */
}

div.dynarch-horiz-menu table tr td.separator div, div.dynarch-popup-base-menu table tr td.separator div {
  /* The vertical separator that can be present in the main menu bar.
     This is normally a small DIV, having certain padding and margin
     set, so that it can look like a separator. It is normally comprised
     of 2 lines (border-left and border-right), so if we want it to be a
     single-line separator then we need to set one of them to "none". */
}

/****************************************************
   (2) THE POPUP MENUS
*****************************************************/

div.dynarch-popup-menu {
  /* This is the element containing a single popup menu.  Many other
     elements are inside it, but you normally only need to mess with
     this one and with <table> and <td> elements. */
}

div.dynarch-popup-menu table td {
  /* This table contains popup menu items.  It's a good place to
     configure fonts. */
}

div.dynarch-popup-menu tr.item.hover td {
  /* Set the style for hovered items. */
}

div.dynarch-popup-menu tr.item.active td {
  /* Set the style for active (pressed) items. */
}

div.dynarch-popup-menu tr.separator td div {
  /* Here we can configure the horizontal separator style. */
}

div.dynarch-popup-menu tr.disabled td.label {
  /* Special case: DISABLED menu items */
}