/* ThemeMenu Style Sheet */

.ThemeMenubar {
  width: 100%;
  padding-bottom:  2px;
}

.ThemeMenubackgr {
  background:  #E7E9EA url(../../../../includes/gradient.php?base=E7E9EA&height=25) repeat scroll 0%;
  border-bottom: 1px solid #cccccc;
}

.ThemeMenu, .ThemeMenubar a, .ThemeMenubar td {
  color: #000000;
}

.ThemeMenu,.ThemeSubMenuTable {
  font-family:  arial, verdana, sans-serif;
  font-size:  1em;
  padding:  0;
  white-space:  nowrap;
  cursor:    default;
  height: 25px;
  vertical-align:middle;
}

.ThemeSubMenu {
  position:  absolute;
  visibility:  hidden;
  /*
     Netscape/Mozilla renders borders by increasing
     their z-index.  The following line is necessary
     to cover any borders underneath
  */
  z-index:  100;
  border:    0;
  padding:  1px;
  background-color:  #f9f8f7;
  overflow:  visible;
  border:    1px solid #8C867B;
}

.ThemeSubMenuTable {
  overflow:  visible;
}

.ThemeMainItem,.ThemeMainItemHover,.ThemeMainItemActive,
.ThemeMenuItem,.ThemeMenuItemHover,.ThemeMenuItemActive {
  border:    0;
  cursor:    default;
  white-space:  nowrap;
}

.ThemeMainItem {
  /*  jgh - no longer needed
  background-color:  #EFEBDE;
  */
}

.ThemeMainItemHover,.ThemeMainItemActive {
  background-color:  #B6BDD2;
}

.ThemeMenuItem {
  background-color:  #f9f8f7;
}

.ThemeMenuItemHover,.ThemeMenuItemActive {
  background-color:  #B6BDD2;
}

/* horizontal main menu */

.ThemeMainItem {
  padding: 1px;
  border: 0;
}

td.ThemeMainItemHover,td.ThemeMainItemActive {
  padding:  0px;
  border:  1px solid #000080;
}

.ThemeMainFolderLeft,.ThemeMainItemLeft,
.ThemeMainFolderText,.ThemeMainItemText,
.ThemeMainFolderRight,.ThemeMainItemRight {
  background-color:  inherit;
}

/* vertical main menu sub components */

td.ThemeMainFolderLeft,td.ThemeMainItemLeft {
  padding-top:  2px;
  padding-bottom:  2px;
  padding-left:  0px;
  padding-right:  2px;
  border-top:  1px solid #000080;
  border-bottom:  1px solid #000080;
  border-left:  1px solid #000080;
  background-color:  inherit;
}

td.ThemeMainFolderText,td.ThemeMainItemText {
  padding-top:  2px;
  padding-bottom:  2px;
  padding-left:  5px;
  padding-right:  5px;
  border-top:  1px solid #000080;
  border-bottom:  1px solid #000080;
  background-color:  inherit;
  white-space:  nowrap;
}

td.ThemeMainFolderRight,td.ThemeMainItemRight {
  padding-top:  2px;
  padding-bottom:  2px;
  padding-left:  0px;
  padding-right:  0px;
  border-top:  1px solid #000080;
  border-bottom:  1px solid #000080;
  border-right:  1px solid #000080;
  background-color:  inherit;
}

tr.ThemeMainItem td.ThemeMainFolderLeft,
tr.ThemeMainItem td.ThemeMainItemLeft {
  padding-top:  3px;
  padding-bottom:  3px;
  padding-left:  1px;
  padding-right:  2px;
  white-space:  nowrap;
  border:    0;
  background-color:  inherit;
}

tr.ThemeMainItem td.ThemeMainFolderText,
tr.ThemeMainItem td.ThemeMainItemText {
  padding-top:  3px;
  padding-bottom:  3px;
  padding-left:  5px;
  padding-right:  5px;
  border:    0;
  background-color:  inherit;
}

tr.ThemeMainItem td.ThemeMainItemRight,
tr.ThemeMainItem td.ThemeMainFolderRight {
  padding-top:  3px;
  padding-bottom:  3px;
  padding-left:  0px;
  padding-right:  1px;
  border:    0;
  background-color:  inherit;
}

/* sub menu sub components */

.ThemeMenuFolderLeft,.ThemeMenuItemLeft {
  padding-top:  2px;
  padding-bottom:  2px;
  padding-left:  1px;
  padding-right:  3px;
  border-top:  1px solid #000080;
  border-bottom:  1px solid #000080;
  border-left:  1px solid #000080;
  background-color:  inherit;
  white-space:  nowrap;
}

.ThemeMenuFolderText,.ThemeMenuItemText {
  padding-top:  2px;
  padding-bottom:  2px;
  padding-left:  5px;
  padding-right:  5px;
  border-top:  1px solid #000080;
  border-bottom:  1px solid #000080;
  background-color:  inherit;
  white-space:  nowrap;
}

.ThemeMenuFolderRight,.ThemeMenuItemRight {
  padding-top:  2px;
  padding-bottom:  2px;
  padding-left:  0px;
  padding-right:  0px;
  border-top:  1px solid #000080;
  border-bottom:  1px solid #000080;
  border-right:  1px solid #000080;
  background-color:  inherit;
  white-space:  nowrap;
}

.ThemeMenuItem .ThemeMenuFolderLeft,
.ThemeMenuItem .ThemeMenuItemLeft {
  padding-top:  3px;
  padding-bottom:  3px;
  padding-left:  2px;
  padding-right:  3px;
  white-space:  nowrap;
  border:   0px;
/*
  background-color:  #DDE1E6;
*/
  background:  #E0E2EB url(../../../../includes/gradient.php?base=E0E2EB&width=25&direction=180) repeat scroll 0%;
}

.ThemeMenuItem .ThemeMenuFolderText,
.ThemeMenuItem .ThemeMenuItemText {
  padding-top:  3px;
  padding-bottom:  3px;
  padding-left:  5px;
  padding-right:  5px;
  border:    0px;
  background-color:  inherit;
}

.ThemeMenuItem .ThemeMenuFolderRight,
.ThemeMenuItem .ThemeMenuItemRight {
  padding-top:  3px;
  padding-bottom:  3px;
  padding-left:  0px;
  padding-right:  1px;
  border:    0;
  background-color:  inherit;
}

/* menu splits */

.ThemeMenuSplit {
  margin:    2px;
  height:    1px;
  overflow:  hidden;
  background-color:  inherit;
  border-top:  1px solid #C6C3BD;
}

/* image shadow animation */

/*
  seq1:  image for normal
  seq2:  image for hover and active

  To use, in the icon field, input the following:
  <img class="seq1" src="normal.gif" /><img class="seq2" src="hover.gif" />
*/

.ThemeMenuItem img.seq1 {
  display:  inline;
}

.ThemeMenuItemHover seq2,
.ThemeMenuItemActive seq2 {
  display:  inline;
}

.ThemeMenuItem .seq2,
.ThemeMenuItemHover .seq1,
.ThemeMenuItemActive .seq1 {
  display:  none;
}
