/* ThemeOfficeMenu Style Sheet */

.ThemeOfficeMenu,
.ThemeOfficeSubMenuTable { cursor:default; font-family:verdana, arial, sans-serif; font-size:12px; padding:0; white-space:nowrap; width:100%; }
div.ThemeOfficeSubMenu .ThemeOfficeSubMenuTable { width:auto; }

/* Netscape/Mozilla renders borders by increasing
their z-index.  The following line is necessary
to cover any borders underneath */
.ThemeOfficeSubMenu { border-left:1px solid #7284b2; /*filter:progid:DXImageTransform.Microsoft.Shadow(color=#BDC3BD, Direction=135, Strength=4);*/ overflow:visible; padding:0; position:absolute; visibility:hidden; z-index:100; }
.ThemeOfficeSubMenuTable { overflow:visible; }

.ThemeOfficeMainItem,
.ThemeOfficeMainItemHover,
.ThemeOfficeMainItemActive,
.ThemeOfficeMenuItem,
.ThemeOfficeMenuItemHover,
.ThemeOfficeMenuItemActive { border:0; cursor:default; white-space:nowrap; }

.ThemeOfficeMainItem { /*background-color:#EFEBDE;*/ }
.ThemeOfficeMenuItem { background-color:#FFF; }

.ThemeOfficeMainItemHover,
.ThemeOfficeMainItemActive { background-color:#C6D3EF; }
.ThemeOfficeMenuItemHover,
.ThemeOfficeMenuItemActive { background-color:#C6D3EF; }


/* horizontal main menu */
.ThemeOfficeMainItem { background:#2C3E6C; border: 0; padding: 4px 1px 4px 1px; }
td.ThemeOfficeMainItemHover,
td.ThemeOfficeMainItemActive { border:1px solid #3169C6; padding:0px; }
.ThemeOfficeMainFolderLeft,
.ThemeOfficeMainItemLeft,
.ThemeOfficeMainFolderText,
.ThemeOfficeMainItemText,
.ThemeOfficeMainFolderRight,
.ThemeOfficeMainItemRight { background-color:inherit; }


/* vertical main menu sub components */
/* normal items */
tr.ThemeOfficeMainItem td.ThemeOfficeMainFolderLeft,
tr.ThemeOfficeMainItem td.ThemeOfficeMainItemLeft { display:none; }
tr.ThemeOfficeMainItem td.ThemeOfficeMainFolderText,
tr.ThemeOfficeMainItem td.ThemeOfficeMainItemText { background:url(sublevel_pic.jpg) repeat-x; color:#fff; cursor:pointer; font-size:12px; font-weight:normal; line-height:24px; height:24px; padding:0 10px 0 22px; }
tr.ThemeOfficeMainItem td.ThemeOfficeMainItemRight,
tr.ThemeOfficeMainItem td.ThemeOfficeMainFolderRight { display:none; }
/* highlight items */
.ThemeOfficeMainItemHover td.ThemeOfficeMainFolderLeft,
.ThemeOfficeMainItemHover td.ThemeOfficeMainItemLeft,
.ThemeOfficeMainItemActive td.ThemeOfficeMainFolderLeft,
.ThemeOfficeMainItemActive td.ThemeOfficeMainItemLeft { display:none; }
.ThemeOfficeMainItemHover td.ThemeOfficeMainFolderText,
.ThemeOfficeMainItemHover td.ThemeOfficeMainItemText,
.ThemeOfficeMainItemActive td.ThemeOfficeMainFolderText,
.ThemeOfficeMainItemActive td.ThemeOfficeMainItemText { background:url(sublevel_pic_on.jpg) repeat-x; color:#fff; cursor:pointer; font-size:12px; font-weight:normal; line-height:24px; height:24px; padding:0 10px 0 22px; white-space:nowrap; }
.ThemeOfficeMainItemHover td.ThemeOfficeMainFolderRight,
.ThemeOfficeMainItemHover td.ThemeOfficeMainItemRight,
.ThemeOfficeMainItemActive td.ThemeOfficeMainFolderRight,
.ThemeOfficeMainItemActive td.ThemeOfficeMainItemRight { display:none; }


/* sub menu sub components */
/* normal items */
.ThemeOfficeMenuItem .ThemeOfficeMenuFolderLeft,
.ThemeOfficeMenuItem .ThemeOfficeMenuItemLeft { display:none; }
.ThemeOfficeMenuItem .ThemeOfficeMenuFolderText,
.ThemeOfficeMenuItem .ThemeOfficeMenuItemText { background:url(sublevel_pic.jpg) repeat-x; color:#fff; cursor:pointer; font-size:12px; font-weight:normal; line-height:24px; height:24px; padding:0 20px 0 10px; white-space:nowrap; }
.ThemeOfficeMenuItem .ThemeOfficeMenuFolderRight,
.ThemeOfficeMenuItem .ThemeOfficeMenuItemRight { display:none; }
/* highlight items */
.ThemeOfficeMenuFolderLeft,
.ThemeOfficeMenuItemLeft { display:none; }
.ThemeOfficeMenuFolderText,
.ThemeOfficeMenuItemText { background:url(sublevel_pic_on.jpg) repeat-x; color:#fff; cursor:pointer; font-size:12px; font-weight:normal; line-height:24px; height:24px; padding:0 20px 0 10px; white-space:nowrap; }
.ThemeOfficeMenuFolderRight,
.ThemeOfficeMenuItemRight { display:none; }


/* menu splits */
.ThemeOfficeMenuSplit { background-color:inherit; border-top:1px solid #C6C3BD; margin:2px; height:1px; overflow:hidden; }


/* 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; }