@import url("/js/src/hmenu.css");

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

div.dynarch-horiz-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. */
  color: white;
  border: 0px;       /* give it a thick, red border */
}

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

  font-family : Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  font-size: 10px;
  color: white;                  /* and a custom color */
  padding: 0px;
}

div.dynarch-horiz-menu table tr td.hover {
  /* Styles for hover items in the main menu bar */
  font-family : Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  font-size: 10px;
  color: white; 
  text-decoration: underline;
}

div.dynarch-horiz-menu table tr td.active {
  /* Styles for active (pressed) items in the main menu bar */
}



/****************************************************
   (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. */

  background-color: #515151;       /* light yellow background */
  padding: 1px;                /* An ugly, 10 pixels, padding. */
  border: 1px #CCCCCC solid;        /* a thick red border. */
}

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

  font-family : Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: white;             
  text-transform: uppercase;   
      
}

div.dynarch-popup-menu tr.item.hover td {
  /* Set the style for hovered items. */
  background-color: white;
  font-family : Arial, Helvetica, sans-serif;
  font-size: 10px;
  text-transform: uppercase;
  color: #330000;
}

div.dynarch-popup-menu tr.item.active td {
  /* Set the style for active (pressed) items. */
  background-color: white;
   font-family : Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #330000;
}

div.dynarch-popup-menu tr.separator td div {
  /* Here we can configure the horizontal separator style. */
  background-color: white;        /* give it a red background in order to have a red line as separator. */

  /* Let's space it "properly" ;-) */
  margin-top: 5px;
  margin-bottom: 5px;
}

div.dynarch-popup-menu tr.disabled td.label {
  /* Special case: DISABLED menu items */
  color: #fe5400;
  color1: #fff;                  /* Let's make them hard to see ;-) */
}