/* ThemeOfficeMenu Style Sheet */

.ThemeOfficeMenu
{   /* Main top menu level */
    font-family: Verdana,Tahoma,Arial;
    font-size: 10px;
    font-weight: bold;
    letter-spacing : 1px;
    color: #fefefe;
    padding-right:5px;
    text-decoration:none;
}

.ThemeOfficeSubMenuTable
{
   /* Submenu in main top menu level*/
    font-family: Verdana,Tahoma,Arial;
    font-size: 10px;
    letter-spacing : 1px;
    color: #fefefe;
    padding-right:5px;
    text-decoration:none;
}

.ThemeOfficeSubMenu
{
    position:        absolute;
    visibility:        hidden;
 /*hide submenu if inactive*/

/*
  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;
    margin:   5;
    overflow: visible;
    border:   1px solid #8C867B;
    /*filter:progid:DXImageTransform.Microsoft.Shadow(color=#BDC3BD, Direction=135, Strength=4);
*/
}

.ThemeOfficeSubMenuTable
{
    overflow:        visible;
}

.ThemeOfficeMenuItem,.ThemeOfficeMenuItemHover,.ThemeOfficeMenuItemActive
{
    font-family: Verdana,Tahoma,Arial;
    font-size: 10px;
    letter-spacing : 1px;
    padding-right: 5px;
    text-decoration:none;
    border: 0;
    cursor: default;
    white-space: nowrap
}

.ThemeOfficeMainItem,.ThemeOfficeMainItemHover,.ThemeOfficeMainItemActive
{
    font-family: Verdana,Tahoma,Arial;
    font-size: 10px;
    font-weight: bold;
    letter-spacing : 1px;
    padding-right:5px;
    text-decoration:none;
    border: 0;
    cursor: default;
    white-space: nowrap;
}


.ThemeOfficeMainItem
{ 
    font-family: Verdana,Tahoma,Arial;
    font-size: 10px;
    font-weight: bold;
    letter-spacing : 1px;
    color: #fefefe;
    padding-right:5px;
    text-decoration:none;
 }

.ThemeOfficeMainItemHover
{
    border-bottom: none;
    font-size: 10px;
    font-weight: bold;
    letter-spacing : 1px;
    color: #336699;
    padding-right:5px;
    text-decoration:none;
}

.ThemeOfficeMainItemActive {
    border-bottom: none;
    font-size: 10px;
    font-weight: bold;
    letter-spacing: 1px;
    color: #51c0f5;
    padding-right: 5px;
    text-decoration: none;
}


.ThemeOfficeMenuItem
{
    background-color:        #ffffff;
}

.ThemeOfficeMenuItemHover,.ThemeOfficeMenuItemActive
{
    background-color:        #ffffff;
}


/* horizontal main menu */

.ThemeOfficeMainItem
{
    padding: 0px;
    border: 0;
/* next 3 string - is the vertical line between vertical Menu Item */
    padding-right: 10px;
    border-left:1px solid #FFF;
    line-height:30px;
}

td.ThemeOfficeMainItemHover,td.ThemeOfficeMainItemActive
{
    padding:  0px;
    border:   0px;
    background: #dddddd;
/* next 3 string - is the vertical line between vertical Menu Item */
    padding-right: 10px;
    border-left:1px solid #FFF;
    line-height:30px;
}

.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:     0;
        border-bottom:  0;
        border-left:    0;
        background-color:  inherit;
}

td.ThemeOfficeMainFolderText,td.ThemeOfficeMainItemText
{
        padding-top:        2px;
        padding-bottom:        2px;
        padding-left:        5px;
        padding-right:        5px;
        /*
        border-top:        1px solid #3169C6;
        border-bottom:        1px solid #3169C6;
        */
        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 #3169C6;
        border-bottom:        1px solid #3169C6;
        border-right:        1px solid #3169C6;
        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 #d5d5d5;
        border-bottom:      1px solid #d5d5d5;
        border-left:        1px solid #d5d5d5;
        background-color:   inherit;
        white-space:        nowrap;
}

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

.ThemeOfficeMenuFolderRight,.ThemeOfficeMenuItemRight
{
        padding-top:        2px;
        padding-bottom:     2px;
        padding-left:       0px;
        padding-right:      0px;
        border-top:         1px solid #d5d5d5;
        border-bottom:      1px solid #d5d5d5;
        border-right:       1px solid #d5d5d5;
        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:   #E5E9F2;
}

.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;
}