/*
  SimpleThemeMenu Style Sheet
  - based on the ThemePanel, modified by Dave Wood
*/

.SimpleThemeMenu,.SimpleThemeSubMenuTable
{
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  background-color: #cc0000;

  cursor: default;
  white-space: nowrap;
}

.SimpleThemeSubMenu
{
  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: 0;

  /* the following property is only useful in IE */
  filter: progid: DXImageTransform.Microsoft.Shadow(color=#cccccc,Direction=135,Strength=4);
}

.SimpleThemeSubMenuTable
{
  border: 1px solid #000000;
}

.SimpleThemeMenuItem,.SimpleThemeMenuItemHover,.SimpleThemeMenuItemActive
{
  color: #cc0000;
  cursor: default;
  white-space: nowrap;
}

.SimpleThemeMainItem,
.SimpleThemeMenuItem
{
  color: #000000;
  width: 175px;
  background-color: #ffffff;
}

.SimpleThemeMainItemHover,
.SimpleThemeMainItemActive,
.SimpleThemeMenuItemHover,
.SimpleThemeMenuItemActive
{
  width: 175px;
  color: #cc0000;
  background-color: #ffffff;
}


/* horizontal main menu sub components */
/* panel doesn't really support horizontal menus */

.SimpleThemeMainFolderLeft,.SimpleThemeMainItemLeft,
.SimpleThemeMainFolderText,.SimpleThemeMainItemText,
.SimpleThemeMainFolderRight,.SimpleThemeMainItemRight
{
  border: 0;
  background-color: inherit;
  white-space: nowrap;
  // color: #000000;
}

/* vertical main menu sub components */
TD.SimpleThemeMainFolderLeft,TD.SimpleThemeMainItemLeft
{
  padding-left: 0px;
  padding-right: 0px;

  border-left: 1px solid #777777;

  white-space: nowrap;
  background-color: inherit;
}

TD.SimpleThemeMainFolderLeft,TD.SimpleThemeMainItemLeft,
TD.SimpleThemeMainFolderText,TD.SimpleThemeMainItemText,
TD.SimpleThemeMainFolderRight,TD.SimpleThemeMainItemRight
{
  padding-top: 2px;
  padding-bottom: 2px;
  border-top: 1px solid #777777;
  border-bottom: 1px solid #777777;

  background-color: inherit;
}

TD.SimpleThemeMainFolderLeft,TD.SimpleThemeMainItemLeft
{
  padding-right: 0px;
  padding-left: 0px;
  border-left: 1px solid #777777;

  background-color: inherit;
  white-space: nowrap;
}

TD.SimpleThemeMainFolderText,TD.SimpleThemeMainItemText
{
  padding-right: 10px;
  padding-left: 10px;

  background-color: inherit;
  white-space: nowrap;
}

TD.SimpleThemeMainFolderRight,TD.SimpleThemeMainItemRight
{
  padding-right: 0px;
  padding-left: 0px;
  border-right: 1px solid #777777;

  background-color: inherit;
  white-space: nowrap;
}

TR.SimpleThemeMainItem TD.SimpleThemeMainFolderLeft
{
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 1px;
  padding-right: 0px;

  border: 0;
  white-space: nowrap;
  background-color: inherit;
}

TR.SimpleThemeMainItem TD.SimpleThemeMainItemLeft
{
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 1px;
  padding-right: 0px;

  border: 0;
  white-space: nowrap;
  background-color: inherit;
}

TR.SimpleThemeMainItem TD.SimpleThemeMainFolderText
{
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 10px;
  padding-right: 10px;

  border: 0;
  white-space: nowrap;
  background-color: inherit;
}

TR.SimpleThemeMainItem TD.SimpleThemeMainItemText
{
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 10px;
  padding-right: 10px;

  border: 0;
  white-space: nowrap;
  background-color: inherit;
}

TR.SimpleThemeMainItem TD.SimpleThemeMainItemRight
{
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 0px;
  padding-right: 1px;

  border: 0;
  white-space: nowrap;
  background-color: inherit;
}

TR.SimpleThemeMainItem TD.SimpleThemeMainFolderRight
{
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 0px;
  padding-right: 1px;

  border: 0;
  white-space: nowrap;
  background-color: inherit;
}

/* sub menus sub components */

.SimpleThemeMenuFolderLeft,.SimpleThemeMenuItemLeft
{
  padding-left: 0px;
  padding-right: 0px;

  border-left: 1px solid #777777;

  white-space: nowrap;
  background-color: inherit;
}

.SimpleThemeMenuFolderLeft,.SimpleThemeMenuItemLeft,
.SimpleThemeMenuFolderText,.SimpleThemeMenuItemText,
.SimpleThemeMenuFolderRight,.SimpleThemeMenuItemRight
{
  padding-top: 2px;
  padding-bottom: 2px;
  border-top: 1px solid #777777;
  border-bottom: 1px solid #777777;

  background-color: inherit;
  white-space: nowrap;
}

.SimpleThemeMenuFolderLeft,.SimpleThemeMenuItemLeft
{
  padding-right: 0px;
  padding-left: 2px;
  border-left: 1px solid #777777;

  background-color: inherit;
  white-space: nowrap;
}

.SimpleThemeMenuFolderText,.SimpleThemeMenuItemText
{
  padding-right: 3px;
  padding-left: 5px;

  background-color: inherit;
  white-space: nowrap;
}

.SimpleThemeMenuFolderRight,.SimpleThemeMenuItemRight
{
  padding-right: 0px;
  padding-left: 0px;
  border-right: 1px solid #777777;

  background-color: inherit;
  white-space: nowrap;
}

TR.SimpleThemeMenuItem TD.SimpleThemeMenuFolderLeft
{
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 3px;
  padding-right: 0px;

  border: 0;
  white-space: nowrap;
  background-color: inherit;
}

TR.SimpleThemeMenuItem TD.SimpleThemeMenuItemLeft
{
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 3px;
  padding-right: 0px;

  border: 0;
  white-space: nowrap;
  background-color: inherit;
}

TR.SimpleThemeMenuItem TD.SimpleThemeMenuFolderText
{
  padding-top: 3px;
  padding-bottom: 3px;
  padding-right: 3px;
  padding-left: 5px;

  border: 0;
  white-space: nowrap;
  background-color: inherit;
  color: #000000;
}

TR.SimpleThemeMenuItem TD.SimpleThemeMenuItemText
{
  padding-top: 3px;
  padding-bottom: 3px;
  padding-right: 3px;
  padding-left: 5px;

  border: 0;
  white-space: nowrap;
  background-color: inherit;
  color: #000000;
}

TR.SimpleThemeMenuItem TD.SimpleThemeMenuItemRight
{
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 0px;
  padding-right: 1px;

  border: 0;
  white-space: nowrap;
  background-color: inherit;
}

TR.SimpleThemeMenuItem TD.SimpleThemeMenuFolderRight
{
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 0px;
  padding-right: 1px;

  border: 0;
  white-space: nowrap;
  background-color: inherit;
}

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

/* 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" />
*/

.SimpleThemeMenuItem img.seq1
{
  display: inline;
}

.SimpleThemeMenuItemHover seq2,
.SimpleThemeMenuItemActive seq2
{
  display: inline;
}

.SimpleThemeMenuItem .seq2,
.SimpleThemeMenuItemHover .seq1,
.SimpleThemeMenuItemActive .seq1
{
  display: none;
}