/* Overall style, dus, fonts e.d. */
.menuBar,
.menuButton,
.menuButtonActive,
.menu,
.menuItem,
.menuItemText,
.menuItemHighlight
{
  font-family     : "Arial", Sans-serif;
  font-weight     : normal;
  font-size       : 12px;
  color           : gainsboro;
  text-decoration:none;
}

/* Hoofd menu items */
.menuButton,
.menuButtonActive,
.menuButtonActive:hover,
.menuButton:hover
{
  position        : relative;
  z-index         : 120;

  background-image: url( /shared/images/button.png );

  width:115px;
  height:29px;

  margin-bottom   : -8px;
  white-space     : nowrap;
  display         : block;
  padding         : 12px 0px 0px 20px;
}

/* Hoofd menu highlight */
.menuBar .menuButtonActive,
.menuBar .menuButtonActive:hover
{
  background-image  : url( /shared/images/button-active.png );
  color             : white;
}

/* Submenu achtergrond */
.menu
{
  position          : absolute;
  z-index           : 130;
  visibility        : hidden;
  background-color  : rgb(128,128,128);
}

/* Submenu items */
.menu .menuItem
{
  display           : block;
  white-space       : nowrap;
  padding           : 5px;
  border            : 1px solid #000000;
  background-color  : #7c94ad;
  color             : white;
}

/* Submenu items highlight */
.menu .menuItemHighlight,
.menu .menuItem:hover,
.menu .menuItemHighlight .menuItemText,
.menu .menuItem:hover .menuItemText
{
  background-color  : #475d77;
  color             : #ffffff;
}

/* Submenu pijltje. */
.menuItemArrow
{
  margin            : 0px;
  padding           : 0px;
  font-size         : 8px;
  color             : white;
}