
.menuBar, .menuBarV,
.menuBar a.menuButton,
.menuBar a.menuButtonselected,
.menuBarV a.menuButtonV,
.menuBarV a.menuButtonselectedV,
.menu,
.menu a.menuItem {
  font-family: Verdana, Arial, sans-serif;
  font-style: normal;
  color: #000000;
  text-decoration: none;
  white-space: nowrap;
}

.menuBar {
  background-color: #DED9E1;
  padding: 1px 1px 2px 1px;
  margin-top: 8px;
  border-bottom: 2px solid #66576F;
  text-align: left;
}

.menuBarV {
  background-color: #F5F5F5;
  /* border: 1px outset #CCCC99; */
  padding: 1px 1px 2px 1px;
  text-align: left;
}

.menuBar a.menuButtonselected {
  color: #FFFFFF;
  background-color: #66576F;
  border: 0px;
  cursor: pointer;
  left: 0px;
  margin: 1px 0px 1px 0px;
  padding: 2px 6px 2px 6px;
  position: relative;
  top: 1px;
  z-index: 100;
}

.menuBarV a.menuButtonselectedV {
  color: #000000;
  background-color: #BEB9D1;
  border: 0px;
  border-bottom: 1px dotted #B8B8B8; 
  cursor: pointer;
  left: 0px;
  margin: 0px;
  padding: 2px 6px 2px 6px;
  position: relative;
  top: 1px;
  z-index: 100;
  display: block;
}

.menuSelectedColorBar {
  color: #FFFFFF;
  background-color: #66576F;
}

.menuBar a.menuButton {
  background-color: transparent;
  border: 0px;
  cursor: pointer;
  left: 0px;
  margin: 1px 0px 1px 0px;
  padding: 2px 6px 2px 6px;
  position: relative;
  top: 1px;
  z-index: 100;
}

.menuBarV a.menuButtonV {
  background-color: transparent;
  border: 0px;
  border-bottom: 1px dotted #B8B8B8; 
  cursor: pointer;
  left: 0px;
  margin: 0px;
  padding: 2px 6px 2px 6px;
  position: relative;
  top: 1px;
  z-index: 100;
  display: block;
}

.menuBar a.menuButtonselected:hover,
.menuBar a.menuButton:hover {
  color: #000000;
  background-color: transparent;
  border: 0px;
}

.menuBar a.menuButtonActive,
.menuBar a.menuButtonActive:hover {
  color: #000000;
  background-color: #AAAACC;
  border: 0px;
  left: 0px;
  top: 1px;
}

.menuBarV a.menuButtonselected:hover,
.menuBarV a.menuButton:hover {
  color: #000000;
  background-color: #E0E0F0;
  border: 0px;
  border-bottom: 1px dotted #B8B8B8; 
}

.menuBarV a.menuButtonActive,
.menuBarV a.menuButtonActive:hover {
  color: #000000;
  background-color: #E0E0F0;
  border: 0px;
  border-bottom: 1px dotted #B8B8B8; 
}


.menu {
  background-color: white;
  border: 1px outset #000090;
  left: 0px;
  padding: 0px 0px 0px 0px;
  position: absolute;
  top: 0px;
  visibility: hidden;
  z-index: 101;
}

.menu a.menuItem {
  font-weight: normal;
  cursor: pointer;
  display: block;
  padding: 2px 1em;
  white-space: nowrap;
}

.menu a.menuItem:hover {
  color: #000000;
  background-color: #E0E0F0;
}

.menu a.menuItemHighlight {
  color: #000000;
  background-color: #E0E0F0; /* #AAAACC; */
}

.menu a.menuItem span.menuItemText {}

.menu a.menuItem span.menuItemArrow {
  margin-right: -.75em;
}

.menu .menuItemSep {
  border: 1px inset #e0e0e0;
  margin: 4px 2px;
  cursor: default;
}


