/*
 * This file contains the styles used to draw the various menu elements.
 * The class names are:
 *   bjMenuBar     refers to the menu bar at the top of the page
 *   bjMenuButton  refers to a single button on the menu bar
 *   bjMenu        refers to any drop down menu or sub menu
 *   bjMenuItem    refers to any clickable item on a drop-down menu or sub menu
 */
 
/* Default styles for all menu elements */ 
div.bjMenuBar,
div.bjMenuBar a.bjMenuButton,
div.bjMenu,
input.bjMenu,
div.bjMenu a.bjMenuItem  {
  font-family: Arial;
  font-size: 10pt;
  line-height: 12pt;
  font-style: bold;
  font-weight: bold;
  text-align: left;
  color: #000000;
}

/* Style for the Menu Bar */
div.bjMenuBar {
  background-color: rgb(255, 255, 208);
/*  border: 2px solid;
  border-color: #f0f0f0 #909090 #909090 #f0f0f0;
  padding: 4px 2px 4px 2px; */
  padding: 4px 2px 4px 2px;
  border: none /*1px black solid*/;
  text-align: left;
}

/* Style for individual buttons on the menu bar */
div.bjMenuBar a.bjMenuButton {
  background-color: transparent;
  border: none;
  color: #000000;
  cursor: default;
  left: 0px;
  margin: 1px;
  padding: 2px 6px 2px 6px;
  position: relative;
  text-decoration: none;
  top: 0px;
  z-index: 100;
}

/* Style to use on a menu bar button when the mouse is hovering over it */
div.bjMenuBar a.bjMenuButton:hover {
  background-color: transparent;
  text-decoration: underline;
  font-size: 14pt;  
  color: #000000;
}

/* Style to use on a menu bar button when the mouse is hovering over it or
   one of its submenus */
div.bjMenuBar a.bjMenuButtonActive,
div.bjMenuBar a.bjMenuButtonActive:hover {
  background-color: #a0a0a0;
  border-color: #909090 #f0f0f0 #f0f0f0 #909090;
  color: #ffffff;
  left: 1px;
  top: 1px;
}

/* Style to use for dropdown menus */
div.bjMenu, input.bjMenu {
  background-color: rgb(255, 255, 208);
  /* This will give a border that looks raised up 
  border: 2px solid;
  border-color: #f0f0f0 #909090 #909090 #f0f0f0; */
  border: 1px solid black;
  left: 0px;
  padding: 0px 1px 1px 0px;
  position: absolute;
  top: 0px;
  visibility: hidden;
  z-index: 101;
}

/* Style to use for menu items on drop-down menus */
div.bjMenu a.bjMenuItem {
  color: #000000;
  cursor: default;
  display: block;
  padding: 3px 1em;
  text-decoration: none;
  white-space: nowrap;
}

/* Style to use for menu items when the mouse hovers over them */
div.bjMenu a.bjMenuItem:hover, div.bjMenu a.bjMenuItemHighlight {
  /*
  background-color: #000080;
  color: #ffffff;
  */
  text-decoration: underline;
}

/* Styles for the separator item */
div.bjMenu div.bjMenuItemSep {
  border-top: 1px solid #909090;
  border-bottom: 1px solid #f0f0f0;
  margin: 4px 2px;
}

/* Styles for other elements on the menu bar */
.menu { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; color: black; background-color:#66CCFF; line-height: 9pt; font-weight: normal; word-spacing: .1em; text-align: center;}

/* Leave these styles unchanged */
div.bjMenu a.bjMenuItem span.bjMenuItemText {}

div.bjMenu a.bjMenuItem span.bjMenuItemArrow {
  margin-right: -.75em;
}

div.bjMenu div.bjMenuItemSep {
  border: 1px inset #e0e0e0;
  margin: 4px 2px;
}