/* ThemeOfficeMenu Style Sheet */

.ThemeOfficeMenu,.ThemeOfficeSubMenuTable
{
       font-family:       verdana, arial, sans-serif;
       font-size:       13px;
       color:#FFFFFF;

       padding:       0;

       white-space:       nowrap;
       cursor:              pointer;
}

.ThemeOfficeSubMenu
{
       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;

       overflow:       visible;
       border:              1px solid #8C867B;

       filter:progid:DXImageTransform.Microsoft.Shadow(color=#BDC3BD, Direction=135, Strength=4);
}

.ThemeOfficeSubMenuTable
{
       overflow:       visible;
}

.ThemeOfficeMainItem,.ThemeOfficeMainItemHover,.ThemeOfficeMainItemActive,
.ThemeOfficeMenuItem,.ThemeOfficeMenuItemHover,.ThemeOfficeMenuItemActive
{
       border:              0;
       cursor:              pointer;
       white-space:       nowrap;
}

.ThemeOfficeMainItem
{
       background-color:       #0D6370;
}

.ThemeOfficeMainItemHover,.ThemeOfficeMainItemActive
{
       background-color:       #649ca4;
}

.ThemeOfficeMenuItem
{
       background-color:       #0D6370;
}

.ThemeOfficeMenuItemHover,.ThemeOfficeMenuItemActive
{
       background-color:       #649ca4;
}


/* horizontal main menu */

.ThemeOfficeMainItem
{
       padding:       1px;
       border:              0;
}

td.ThemeOfficeMainItemHover,td.ThemeOfficeMainItemActive
{
       padding:       0px;
       border:              1px solid #DDDDDD;
}

.ThemeOfficeMainFolderLeft,.ThemeOfficeMainItemLeft,
.ThemeOfficeMainFolderText,.ThemeOfficeMainItemText,
.ThemeOfficeMainFolderRight,.ThemeOfficeMainItemRight
{
       background-color:       inherit;
}

/* vertical main menu sub components */

td.ThemeOfficeMainFolderLeft,td.ThemeOfficeMainItemLeft
{
       padding-top:       2px;
       padding-bottom:       2px;
       padding-left:       0px;
       padding-right:       2px;

       border-top:       1px solid #DDDDDD;
       border-bottom:       1px solid #DDDDDD;
       border-left:       1px solid #DDDDDD;

       background-color:       inherit;
}

td.ThemeOfficeMainFolderText,td.ThemeOfficeMainItemText
{
       padding-top:       2px;
       padding-bottom:       2px;
       padding-left:       5px;
       padding-right:       5px;

       border-top:       1px solid #DDDDDD;
       border-bottom:       1px solid #DDDDDD;

       background-color:       inherit;
       white-space:       nowrap;
}

td.ThemeOfficeMainFolderRight,td.ThemeOfficeMainItemRight
{
       padding-top:       2px;
       padding-bottom:       2px;
       padding-left:       0px;
       padding-right:       0px;

       border-top:       1px solid #DDDDDD;
       border-bottom:       1px solid #DDDDDD;
       border-right:       1px solid #DDDDDD;

       background-color:       inherit;
}

tr.ThemeOfficeMainItem td.ThemeOfficeMainFolderLeft,
tr.ThemeOfficeMainItem td.ThemeOfficeMainItemLeft
{
       padding-top:       3px;
       padding-bottom:       3px;
       padding-left:       1px;
       padding-right:       2px;

       white-space:       nowrap;

       border:              0;
       background-color:       inherit;
}

tr.ThemeOfficeMainItem td.ThemeOfficeMainFolderText,
tr.ThemeOfficeMainItem td.ThemeOfficeMainItemText
{
       padding-top:       3px;
       padding-bottom:       3px;
       padding-left:       5px;
       padding-right:       5px;

       border:              0;
       background-color:       inherit;
}

tr.ThemeOfficeMainItem td.ThemeOfficeMainItemRight,
tr.ThemeOfficeMainItem td.ThemeOfficeMainFolderRight
{
       padding-top:       3px;
       padding-bottom:       3px;
       padding-left:       0px;
       padding-right:       1px;

       border:              0;
       background-color:       inherit;
}

/* sub menu sub components */

.ThemeOfficeMenuFolderLeft,.ThemeOfficeMenuItemLeft
{
       padding-top:       2px;
       padding-bottom:       2px;
       padding-left:       1px;
       padding-right:       3px;

       border-top:       1px solid #DDDDDD;
       border-bottom:       1px solid #DDDDDD;
       border-left:       1px solid #DDDDDD;

       background-color:       #ffffff;
       white-space:       nowrap;
}

.ThemeOfficeMenuFolderText,.ThemeOfficeMenuItemText
{
       padding-top:       2px;
       padding-bottom:       2px;
       padding-left:       5px;
       padding-right:       5px;

       border-top:       1px solid #DDDDDD;
       border-bottom:       1px solid #DDDDDD;

       background-color:       inherit;
       white-space:       nowrap;
}

.ThemeOfficeMenuFolderRight,.ThemeOfficeMenuItemRight
{
       padding-top:       2px;
       padding-bottom:       2px;
       padding-left:       0px;
       padding-right:       0px;

       border-top:       1px solid #DDDDDD;
       border-bottom:       1px solid #DDDDDD;
       border-right:       1px solid #DDDDDD;

       background-color:       inherit;
       white-space:       nowrap;
}

.ThemeOfficeMenuItem .ThemeOfficeMenuFolderLeft,
.ThemeOfficeMenuItem .ThemeOfficeMenuItemLeft
{
       padding-top:       3px;
       padding-bottom:       3px;
       padding-left:       2px;
       padding-right:       3px;

       white-space:       nowrap;

       border:              0;
       background-color:       #FFFFFF;
}

.ThemeOfficeMenuItem .ThemeOfficeMenuFolderText,
.ThemeOfficeMenuItem .ThemeOfficeMenuItemText
{
       padding-top:       3px;
       padding-bottom:       3px;
       padding-left:       5px;
       padding-right:       5px;

       border:              0;
       background-color:       inherit;
}

.ThemeOfficeMenuItem .ThemeOfficeMenuFolderRight,
.ThemeOfficeMenuItem .ThemeOfficeMenuItemRight
{
       padding-top:       3px;
       padding-bottom:       3px;
       padding-left:       0px;
       padding-right:       1px;

       border:              0;
       background-color:       inherit;
}

/* menu splits */

.ThemeOfficeMenuSplit
{
       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" />
*/

.ThemeOfficeMenuItem img.seq1
{
       display:       inline;
}

.ThemeOfficeMenuItemHover seq2,
.ThemeOfficeMenuItemActive seq2
{
       display:       inline;
}

.ThemeOfficeMenuItem .seq2,
.ThemeOfficeMenuItemHover .seq1,
.ThemeOfficeMenuItemActive .seq1
{
       display:       none;
}
