/* ////////////////////////////// THE MENUS ////////////////////////////////// */
BODY.menuFrame {
  background-color: #FFFFFF;
}

.menuDiv {
  POSITION: absolute;
 /** this expression was to be used for top, but didn't work:  expression(document.body.scrollTop); */
  top: 0px;
  VISIBILITY: hidden;
  Z-INDEX: 50;
  overflow: visible;
  cursor: pointer;
  font-family: MS Sans Serif, Verdana, Arial, Helvetica, sans-serif;
}

.menuTable {
  border: 1px solid #666666;
  padding: 1px; /** unneccesary? */
}

.menuBarCellInactive {
  cursor: pointer;
  font-family: MS Sans Serif, Verdana, Arial, Helvetica, sans-serif;
  text-align: center;

  background-color: #DBD8D1;
  border: 1px solid #666666;
}

.menuBarCellActive {
  cursor: pointer;
  font-family: MS Sans Serif, Verdana, Arial, Helvetica, sans-serif;
  text-align: center;

  background-color: #B6BCD2;
  border: 1px solid #07246A;
}

.menuBarCellUnchoosable {
  cursor: not-allowed;
  font-family: MS Sans Serif, Verdana, Arial, Helvetica, sans-serif;
  text-align: center;

  background-color: #DBD8D1;
  border: 1px solid #666666;
  color: #808080;
}

.inactiveItemUnchoosable {
/**  background-color: #EBE8E1; */
  cursor: not-allowed;
  border: 1px solid #FBFAF8;
  color: #808080;
  padding: 1px 1px 1px 3px;
}
.activeItemUnchoosable {
  cursor: not-allowed;
  background-color: #B4BCCF;
  border: 1px solid #FBFAF8;
  color: #808080;
  padding: 1px 1px 1px 3px;
}

.inactiveItemUnchoosable {
  background-color: #FBFAF8;
  border: 1px solid #FBFAF8;
  color: #808080;
  padding: 1px 1px 1px 3px;
}

.activeItem {
  background-color: #B4BCCF;
  border: 1px solid #07246A;
  padding: 1px 1px 1px 3px;
}

.inactiveItem {
  background-color: #FBFAF8;
  border: 1px solid #FBFAF8;
  padding: 1px 1px 1px 3px;
}

.iconCell {
  background-color: #DBD8D1;
  cursor: default;
}

HR.separator {
  color: #DBD8D1;
  height: 1px;
}

/* Removing the borders around unaccessible sub-menu items.
   This will also afflict unaccessible main menu items but it looks too ugly to keep in the submenu.
   Changeing cursor to a STOP sign and the font color to a grey one.
   !important defines that these rules should override any other rules present for this class.
   */
 #SM1 .NOROLL {
   color: #c1c1c1 !important;     
   border-style: none !important;
   cursor: not-allowed !important;
}  
  
/* Style for the black horizontal submenu separator */
 .exder_sub_menu_separator {
   width: 100%;
   color: black;
   height: 1px;
 }
  
/* Either IE or Exder keeps all links that have been clicked 'bold', this makes sure the menu links stay normal.
   However this behaviour does not show in Firefox.
  */ 
#SM1 a {
  font-weight: normal;
}