/* ThemePanel2Menu Style Sheet */

.ThemePanel2Menu,.ThemePanel2SubMenuTable
{
    font-family:    verdana, arial, sans-serif;
    font-size:  11px;
    background-color:   #E5E6E8;
    color:#FFFFFF;

    cursor:     default;
    white-space:    nowrap;
}

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

.ThemePanel2SubMenuTable
{
    border:     1px solid #ffffff;
    width:130px;
}

.ThemePanel2MenuItem,.ThemePanel2MenuItemHover,.ThemePanel2MenuItemActive
{
    cursor:     default;
    white-space:    nowrap;
}

.ThemePanel2MainItem,
.ThemePanel2MenuItem
{
  /*  background-color:   #F7F3F7; */
    background-color: #b13221;

}

.ThemePanel2MainItemHover,
.ThemePanel2MainItemActive,
.ThemePanel2MenuItemHover,
.ThemePanel2MenuItemActive
{
    background-color:   #b45332;
}


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

.ThemePanel2MainFolderLeft,.ThemePanel2MainItemLeft,
.ThemePanel2MainFolderText,.ThemePanel2MainItemText,
.ThemePanel2MainFolderRight,.ThemePanel2MainItemRight
{
    border:     0;
    background-color:   inherit;
    white-space:    nowrap;
}

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

   /* border-left:    1px solid #9C9A9C; */

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

TD.ThemePanel2MainFolderLeft,TD.ThemePanel2MainItemLeft,
TD.ThemePanel2MainFolderText,TD.ThemePanel2MainItemText,
TD.ThemePanel2MainFolderRight,TD.ThemePanel2MainItemRight
{
    padding-top:    2px;
    padding-bottom: 2px;
    /* border-top: 1px solid #9C9A9C;
    border-bottom:  1px solid #9C9A9C; */

    background-color:   inherit;
}

TD.ThemePanel2MainFolderLeft,TD.ThemePanel2MainItemLeft
{
    padding-right:  0px;
    padding-left:   0px;
    /* border-left:    1px solid #9C9A9C; */

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

TD.ThemePanel2MainFolderText,TD.ThemePanel2MainItemText
{
    padding-right:  10px;
    padding-left:   10px;

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

TD.ThemePanel2MainFolderRight,TD.ThemePanel2MainItemRight
{
    padding-right:  0px;
    padding-left:   0px;
    border-right:   1px solid #9C9A9C;

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

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

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

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

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

TR.ThemePanel2MainItem TD.ThemePanel2MainFolderText
{
    padding-top:    3px;
    padding-bottom: 3px;
    padding-left:   10px;
    padding-right:  10px;

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

TR.ThemePanel2MainItem TD.ThemePanel2MainItemText
{
    padding-top:    3px;
    padding-bottom: 3px;
    padding-left:   10px;
    padding-right:  10px;

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

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

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

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

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

/* sub menus sub components */

.ThemePanel2MenuFolderLeft,.ThemePanel2MenuItemLeft
{
    padding-left:   0px;
    padding-right:  0px;

    border-left:    1px solid #9C9A9C;

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

.ThemePanel2MenuFolderLeft,.ThemePanel2MenuItemLeft,
.ThemePanel2MenuFolderText,.ThemePanel2MenuItemText,
.ThemePanel2MenuFolderRight,.ThemePanel2MenuItemRight
{
    padding-top:    2px;
    padding-bottom: 2px;
    border-top: 1px solid #9C9A9C;
    border-bottom:  1px solid #9C9A9C;

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

.ThemePanel2MenuFolderLeft,.ThemePanel2MenuItemLeft
{
    padding-right:  0px;
    padding-left:   2px;
    border-left:    1px solid #9C9A9C;

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

.ThemePanel2MenuFolderText,.ThemePanel2MenuItemText
{
    padding-right:  3px;
    padding-left:   5px;

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

.ThemePanel2MenuFolderRight,.ThemePanel2MenuItemRight
{
    padding-right:  0px;
    padding-left:   0px;
    border-right:   1px solid #9C9A9C;

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

TR.ThemePanel2MenuItem TD.ThemePanel2MenuFolderLeft
{
    padding-top:    3px;
    padding-bottom: 3px;
    padding-left:   3px;
    padding-right:  0px;

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

TR.ThemePanel2MenuItem TD.ThemePanel2MenuItemLeft
{
    padding-top:    3px;
    padding-bottom: 3px;
    padding-left:   3px;
    padding-right:  0px;

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

TR.ThemePanel2MenuItem TD.ThemePanel2MenuFolderText
{
    padding-top:    3px;
    padding-bottom: 3px;
    padding-right:  3px;
    padding-left:   5px;

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

TR.ThemePanel2MenuItem TD.ThemePanel2MenuItemText
{
    padding-top:    3px;
    padding-bottom: 3px;
    padding-right:  3px;
    padding-left:   5px;

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

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

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

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

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

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

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

*/
.ThemePanel2MenuItem img.seq1
{
    display:    inline;
}

.ThemePanel2MenuItemHover .seq2,
.ThemePanel2MenuItemActive .seq2
{
    display:    inline;
}

.ThemePanel2MenuItem .seq2,
.ThemePanel2MenuItemHover .seq1,
.ThemePanel2MenuItemActive .seq1
{
    display:    none;
}

.ThemePanel2MainItem .seq1,
.ThemePanel2MainItemHover .seq2,
.ThemePanel2MainItemActive .seq2
{
  display: inline;
}
.ThemePanel2MainItem .seq2,
.ThemePanel2MainItemHover .seq1,
.ThemePanel2MainItemActive .seq1
{
  display: none;
}