/* ThemeOfficeMenu Style Sheet */

.ThemeOfficeMenu
{ font-family:    verdana, arial, sans-serif; font-size:      11px; vertical-align: middle; padding:        0; white-space:    nowrap; }
.ThemeOfficeSubMenuTable
{ font-family:    verdana, arial, sans-serif; font-size:      11px; padding: 0; 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;
        overflow:      visible;
        border:        solid 1px silver;

        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
{ height: 14px; margin: 0; color: #41535d; font-size: 11px; text-transform: uppercase; }

.ThemeOfficeMainItemHover,.ThemeOfficeMainItemActive
{ background-color:white; color: #000000; text-transform: uppercase; rder-bottom-style: solid; }
.oddelovac { color: white; border-left: 1px solid white; }
.ThemeOfficeMenuItem
{ background-color: white; -moz-opacity:0.8; }

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


/* horizontal main menu */

.ThemeOfficeMainItem
{ color: #41535d; border:                0; }

td.ThemeOfficeMainItemHover,td.ThemeOfficeMainItemActive
{ color: white; background-image: url(../../images/dropmenu_hb.jpg); background-repeat: repeat-x; background-position: 0 0; padding:        0; }

.ThemeOfficeMainFolderLeft,.ThemeOfficeMainItemLeft,
.ThemeOfficeMainFolderText,.ThemeOfficeMainItemText,
.ThemeOfficeMainFolderRight,.ThemeOfficeMainItemRight
{ background-color:        inherit; }
/* sub menu sub components */

.ThemeOfficeMenuFolderLeft,.ThemeOfficeMenuItemLeft
{ background-color:        white; text-align: left; white-space:        nowrap; }

.ThemeOfficeMenuFolderText,.ThemeOfficeMenuItemText
{ background-color:        #d6dbdf; text-align: left; padding: 1px 6px 3px 2px; white-space:        nowrap; }

.ThemeOfficeMenuFolderRight,.ThemeOfficeMenuItemRight
{ background-color:        inherit; white-space:        nowrap; }
.ThemeOfficeMenuItem .ThemeOfficeMenuFolderText,
.ThemeOfficeMenuItem .ThemeOfficeMenuItemText
{ filter:alpha(opacity=80); filter:progid:DXImageTransform.Microsoft.Alpha(style=0, opacity=80); border:                0; background-color:        white; text-align: left; }

.ThemeOfficeMenuItem .ThemeOfficeMenuFolderRight,
.ThemeOfficeMenuItem .ThemeOfficeMenuItemRight
{ border:                0; background-color:        inherit; }

/* menu splits */

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