/* ThemeOfficeMenu Style Sheet */
.ThemeOfficeMenu,.ThemeOfficeSubMenuTable
{
font-family: tahoma, verdana, arial, sans-serif;
font-size: 9px; /* font-size: 13px; */;
padding: 0;
white-space: nowrap;
cursor: default;
color: #693021;
}
.ThemeOfficeSubMenu
{
position: absolute; /* 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: inherit;
border: 0;
padding: 0;
overflow: visible;
border: 2px #DDC4B5 solid; /* #8C867B color original */
/*filter:progid:DXImageTransform.Microsoft.Shadow(c olor=#BDC3BD, Direction=135, Strength=4);*/
/*anulando esta linea se anula la sombra del menú, ya q en explorer se genera por aqui, y no en la zona donde se genera para el resto de navegadore*/
}
.ThemeOfficeSubMenuTable
{
overflow: visible;
}
.ThemeOfficeMainItem,.ThemeOfficeMainItemHover,.Th emeOfficeMainItemActive,
.ThemeOfficeMenuItem,.ThemeOfficeMenuItemHover,.Th emeOfficeMenuItemActive
{
border: 0;
cursor: default;
white-space: nowrap;
}
.ThemeOfficeMainItem
{
/*background-color: #EFEBDE;*/
}
.ThemeOfficeMainItemHover,.ThemeOfficeMainItemActi ve
{
background-color: #DDC4B5; /* #C6D3EF color original*/
}
.ThemeOfficeMenuItem
{
background-color: #FFF;
}
.ThemeOfficeMenuItemHover,.ThemeOfficeMenuItemActi ve
{
background-color: #DDC4B5; /* #C6D3EF color original*/
}
/* horizontal main menu */
.ThemeOfficeMainItem
{
padding: 4px 1px 4px 1px;
border: 0;
}
td.ThemeOfficeMainItemHover,td.ThemeOfficeMainItem Active
{
padding: 0px;
border: 1px solid #8C867B; /* #3169C6 color original */
}
.ThemeOfficeMainFolderLeft,.ThemeOfficeMainItemLef t,
.ThemeOfficeMainFolderText,.ThemeOfficeMainItemTex t,
.ThemeOfficeMainFolderRight,.ThemeOfficeMainItemRi ght
{
background-color: inherit;
}
/* vertical main menu sub components */
td.ThemeOfficeMainFolderLeft,td.ThemeOfficeMainIte mLeft
{
padding-top: 2px;
padding-bottom: 2px;
padding-left: 0px;
padding-right: 2px;
border-top: 1px solid #8C867B; /* #3169C6 color original */
border-bottom: 1px solid #8C867B; /* #3169C6 color original */
border-left: 1px solid #8C867B; /* #3169C6 color original */
background-color: inherit;
}
td.ThemeOfficeMainFolderText,td.ThemeOfficeMainIte mText
{
padding-top: 2px;
padding-bottom: 2px;
padding-left: 5px;
padding-right: 5px;
border-top: 1px solid #8C867B; /* #3169C6 color original */
border-bottom: 1px solid #8C867B; /* #3169C6 color original */
background-color: inherit;
white-space: nowrap;
}
td.ThemeOfficeMainFolderRight,td.ThemeOfficeMainIt emRight
{
padding-top: 2px;
padding-bottom: 2px;
padding-left: 0px;
padding-right: 0px;
border-top: 1px solid #8C867B; /* #3169C6 color original */
border-bottom: 1px solid #8C867B; /* #3169C6 color original */
border-right: 1px solid #8C867B; /* #3169C6 color original */
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,.ThemeOfficeMenuItemLef t
{
padding-top: 2px;
padding-bottom: 2px;
padding-left: 1px;
padding-right: 3px;
border-top: 1px solid #8C867B; /* #3169C6 color original */
border-bottom: 1px solid #8C867B; /* #3169C6 color original */
border-left: 1px solid #8C867B; /* #3169C6 color original */
background-color: inherit;
white-space: nowrap;
}
.ThemeOfficeMenuFolderText,.ThemeOfficeMenuItemTex t
{
padding-top: 2px;
padding-bottom: 2px;
padding-left: 5px;
padding-right: 5px;
border-top: 1px solid #8C867B; /* #3169C6 color original */
border-bottom: 1px solid #8C867B; /* #3169C6 color original */
background-color: inherit;
white-space: nowrap;
}
.ThemeOfficeMenuFolderRight,.ThemeOfficeMenuItemRi ght
{
padding-top: 2px;
padding-bottom: 2px;
padding-left: 0px;
padding-right: 0px;
border-top: 1px solid #8C867B; /* #3169C6 color original */
border-bottom: 1px solid #8C867B; /* #3169C6 color original */
border-right: 1px solid #8C867B; /* #3169C6 color original */
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: #EFEFDE;
}
.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 #8C867B; /* #C6C3BD color original*/
}
/* 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: block; /*inline; valor original*/
}
.ThemeOfficeMenuItemHover seq2,
.ThemeOfficeMenuItemActive seq2
{
display: block; /*inline; valor original*/
}
.ThemeOfficeMenuItem .seq2,
.ThemeOfficeMenuItemHover .seq1,
.ThemeOfficeMenuItemActive .seq1
{
display: block; /*none; valor original*/
}