/*******************************************************************************
 This is a tab that is not active. This MUST go before the def for Active, so that overrides
   happen correctly (a tab can be defined as both MenuItem & MenuItemActive 
 ******************************************************************************/
TD.MenuItem, 
TD.MenuItemHover {
  background: #9ECCCC;
  border-bottom: 1px solid #000000;  
  border-left:   1px solid #000000;
  border-right:  1px solid #000000;
  border-top:    1px solid #000000;
  text-align: center;
  font-family: Verdana, Arial, Helvetica;
  font-size: 0.90rem;
  font-weight: bold;
  width: 100px;
  padding:2;
}
TD.MenuItem A,
TD.MenuItemHover A{
  color: black; 
  text-decoration: none;
}
TD.MenuItem a:link,
TD.MenuItem a:visited,
TD.MenuItemHover a:link,
TD.MenuItemHover a:visited{
  color: black;
}
TD.MenuItem a:active,
TD.MenuItem a:hover,
TD.MenuItemHover a:active,
TD.MenuItemHover a:hover {
  color: #0000FF; /* #990099 mag #FF6666 peachy*/
}


/* This formats the currently active tab; this is used in addition to MenuMiddle. */
TD.MenuItemActive {
  border-bottom: none;
  color: white;
  cursor: default;
  background: #4D9999;
}
TD.MenuItemActive a:link,
TD.MenuItemActive a:visited,
TD.MenuItemActive a:active,
TD.MenuItemActive a:hover {
  color: white;
}


/* This is the blank space between tabs */
TD.MenuSpacer {
  font-size: 0.9rem; 
  border-bottom: 1px solid #000000;
  font-family: Verdana, Arial, Helvetica;
}
TD.MenuSpacerNoBottom {
  font-size: 0.9rem; 
  font-family: Verdana, Arial, Helvetica;
}

/** This goes between rows of tabs */
TD.MenuLevelBreak {
  font-size: 0.2rem; 
  font-family: Verdana, Arial, Helvetica;
}