/* ThemePanelMenu Style Sheet */

.ThemePanelMenu,.ThemePanelSubMenuTable
{
  font: bold 10px Verdana, sans-serif;
  background-color: #558D8C;
  color:#FFFFFF;
  cursor:   default;
  white-space:  nowrap;
}

.ThemePanelSubMenu
{
  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=#558D8C,Direction=135,Strength=4);
}

.ThemePanelSubMenuTable
{
  background-color: #558D8C;
}

.ThemePanelMenuItem,.ThemePanelMenuItemHover,.ThemePanelMenuItemActive
{
  cursor:   default;
  white-space:  nowrap; 
}

.ThemePanelMainItem,
.ThemePanelMenuItem
{
  background-color: #558D8C;
  border:   1px solid #558D8C;
  padding-left: 1em;
  padding-right: 1em;
}

.ThemePanelMainItemHover,
.ThemePanelMainItemActive,
.ThemePanelMenuItemHover,
.ThemePanelMenuItemActive
{
  border:   1px solid #FFF;
  padding-left: 1em;
  padding-right: 1em;
}


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

.ThemePanelMainFolderLeft,.ThemePanelMainItemLeft,
.ThemePanelMainFolderText,.ThemePanelMainItemText,
.ThemePanelMainFolderRight,.ThemePanelMainItemRight
{
  border:   0;
  background-color: inherit;
  white-space:  nowrap;
}

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

  border-left:  1px solid #558D8C;

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

TD.ThemePanelMainFolderLeft,TD.ThemePanelMainItemLeft,
TD.ThemePanelMainFolderText,TD.ThemePanelMainItemText,
TD.ThemePanelMainFolderRight,TD.ThemePanelMainItemRight
{
  padding-top:  2px;
  padding-bottom: 2px;
  border-top: 1px solid #FFF;
  border-bottom:  1px solid #FFF;

  background-color: inherit;
}

TD.ThemePanelMainFolderLeft,TD.ThemePanelMainItemLeft
{
  padding-right:  0px;
  padding-left: 0px;
  border-left:  1px solid #FFF;

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

TD.ThemePanelMainFolderText,TD.ThemePanelMainItemText
{
  padding-right:  10px;
  padding-left: 10px;

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

TD.ThemePanelMainFolderRight,TD.ThemePanelMainItemRight
{
  padding-right:  0px;
  padding-left: 0px;
  border-right: 1px solid #FFF;

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

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

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

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

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

TR.ThemePanelMainItem TD.ThemePanelMainFolderText
{
  padding-top:  3px;
  padding-bottom: 3px;
  padding-left: 10px;
  padding-right:  10px;

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

TR.ThemePanelMainItem TD.ThemePanelMainItemText
{
  padding-top:  3px;
  padding-bottom: 3px;
  padding-left: 10px;
  padding-right:  10px;

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

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

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

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

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

/* sub menus sub components */

.ThemePanelMenuFolderLeft,.ThemePanelMenuItemLeft
{
  padding-left: 0px;
  padding-right:  0px;

  border-left:  1px solid #FFF;

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

.ThemePanelMenuFolderLeft,.ThemePanelMenuItemLeft,
.ThemePanelMenuFolderText,.ThemePanelMenuItemText,
.ThemePanelMenuFolderRight,.ThemePanelMenuItemRight
{
  padding-top:  2px;
  padding-bottom: 2px;
  border-top: 1px solid #FFF;
  border-bottom:  1px solid #FFF;

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

.ThemePanelMenuFolderLeft,.ThemePanelMenuItemLeft
{
  padding-right:  0px;
  padding-left: 2px;
  border-left:  1px solid #FFF;

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

.ThemePanelMenuFolderText,.ThemePanelMenuItemText
{
  padding-right:  3px;
  padding-left: 5px;

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

.ThemePanelMenuFolderRight,.ThemePanelMenuItemRight
{
  padding-right:  0px;
  padding-left: 0px;
  border-right: 1px solid #FFF;

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

TR.ThemePanelMenuItem TD.ThemePanelMenuFolderLeft
{
  padding-top:  3px;
  padding-bottom: 3px;
  padding-left: 3px;
  padding-right:  0px;

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

TR.ThemePanelMenuItem TD.ThemePanelMenuItemLeft
{
  padding-top:  3px;
  padding-bottom: 3px;
  padding-left: 3px;
  padding-right:  0px;

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

TR.ThemePanelMenuItem TD.ThemePanelMenuFolderText
{
  padding-top:  3px;
  padding-bottom: 3px;
  padding-right:  3px;
  padding-left: 5px;

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

TR.ThemePanelMenuItem TD.ThemePanelMenuItemText
{
  padding-top:  3px;
  padding-bottom: 3px;
  padding-right:  3px;
  padding-left: 5px;

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

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

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

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

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

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

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

.ThemePanelMenuItem img.seq1
{
  display:  inline;
}

.ThemePanelMenuItemHover seq2,
.ThemePanelMenuItemActive seq2
{
  display:  inline;
}

.ThemePanelMenuItem .seq2,
.ThemePanelMenuItemHover .seq1,
.ThemePanelMenuItemActive .seq1
{
  display:  none;
}