
/* #### THEMEOFFICEMENU STYLE SHEET #### */

.ThemeOfficeMenu,.ThemeOfficeSubMenuTable
{
		font-family    		: Trebuchet MS, arial, verdana, sans-serif;
		font-size      		: 13px;
		width          		: 100%;
		padding        		: 0;
		white-space    		: nowrap;
		cursor         		: default;
}

.ThemeOfficeSubMenu
{
		position       		: absolute;
		margin-top     		: 0px;
		width          		: 210px;
		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				: 1px;
		padding				: 0px;
		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				: 0px;
		cursor				: default;
		white-space			: nowrap;
}

.ThemeOfficeMainItem
{
		padding-top			: 2px;
}

.ThemeOfficeMainItemHover,.ThemeOfficeMainItemActive
{
		background-color   : #ffffff;
		background         : transparent url(../../images/menuhover.jpg) repeat;
		color              : #58719D;
}

.ThemeOfficeMenuItem
{
		background-color	: #ffffff;
}

.ThemeOfficeMenuItemHover,.ThemeOfficeMenuItemActive
{
		background-color	: #F6F6F6;
		border-top			: 1px solid #B09ACD;
		border-bottom		: 1px solid #B09ACD;
		border-left			: 1px solid #B09ACD;
}


/* #### HORIZONTAL MAIN MENU #### */

.ThemeOfficeMainItem
{
    	text-transform   	: uppercase;
		height				: 31px;
		padding-top			: 1px;
		padding-left		: 0px;
		padding-bottom		: 0px;
		padding-right		: 0px;
		border				: 0;
		color              	: #efefef;
		letter-spacing		: 0px;
		font-weight			: bold;
		font-family			: Arial;
		font-size			: 12px;
}

td.ThemeOfficeMainItemHover,td.ThemeOfficeMainItemActive
{
    	text-transform   	: uppercase;
		height				: 31px;
		padding-top			: 1px;
		padding-left		: 0px;
		padding-bottom		: 0px;
		padding-right		: 0px;
    	border-top			: 0px solid #8F7942;
		border-right		: 0px solid #8F7942;
		border-left			: 0px solid #8F7942;
		color              	: #efefef;
		letter-spacing		: 0px;
		font-weight			: bold;
		font-family			: Arial;
		font-size			: 12px;
}

.ThemeOfficeMainFolderLeft,.ThemeOfficeMainItemLeft,
.ThemeOfficeMainFolderText,.ThemeOfficeMainItemText,
.ThemeOfficeMainFolderRight,.ThemeOfficeMainItemRight
{
		background-color	: inherit;
}

/* #### VERTICAL MAIN MENU SUB-COMPONENTS #### */

td.ThemeOfficeMainFolderLeft,td.ThemeOfficeMainItemLeft
{
		padding-top			: 0px;
		padding-bottom		: 0px;
		padding-left		: 0px;
		padding-right		: 0px;
		border-top			: 0px solid #cccccc;
		border-bottom		: 0px solid #cccccc;
		border-left			: 0px solid #cccccc;
		background-color	: inherit;
}

td.ThemeOfficeMainFolderText,td.ThemeOfficeMainItemText
{
		padding-top			: 0px;
		padding-bottom		: 0px;
		padding-left		: 0px;
		padding-right		: 0px;
		border-top			: 0px solid #cccccc;
		border-bottom		: 0px solid #cccccc;
		background-color	: inherit;
		white-space			: nowrap;
}

td.ThemeOfficeMainFolderRight,td.ThemeOfficeMainItemRight
{
		padding-top			: 0px;
		padding-bottom		: 0px;
		padding-left		: 0px;
		padding-right		: 0px;
		border-top			: 0px solid #cccccc;
		border-bottom		: 0px solid #cccccc;
		border-right		: 0px solid #cccccc;
		background-color	: inherit;
}

tr.ThemeOfficeMainItem td.ThemeOfficeMainFolderLeft,
tr.ThemeOfficeMainItem td.ThemeOfficeMainItemLeft
{
		padding-top			: 0px;
		padding-bottom		: 0px;
		padding-left		: 0px;
		padding-right		: 0px;
		white-space			: nowrap;
		border				: 0;
		background-color	: inherit;
}

tr.ThemeOfficeMainItem td.ThemeOfficeMainFolderText,
tr.ThemeOfficeMainItem td.ThemeOfficeMainItemText
{
		padding-top			: 0px;
		padding-bottom		: 0px;
		padding-left		: 0px;
		padding-right		: 0px;
		border				: 0px;
		background-color	: inherit;
}

tr.ThemeOfficeMainItem td.ThemeOfficeMainItemRight,
tr.ThemeOfficeMainItem td.ThemeOfficeMainFolderRight
{
		padding-top			: 0px;
		padding-bottom		: 0px;
		padding-left		: 0px;
		padding-right		: 0px;
		border				: 0;
		background-color	: inherit;
}

/* #### SUBMENU & SUB COMPONENTS #### */

.ThemeOfficeMenuFolderLeft,.ThemeOfficeMenuItemLeft
{
		padding-top			: 3px;
		padding-bottom		: 3px;
		padding-left		: 2px;
		padding-right		: 1px;
		width				: 18px;
		border-top			: 1px solid #cccccc;
		border-bottom		: 1px solid #cccccc;
		border-left			: 1px solid #cccccc;
		background-color	: inherit;
		white-space			: nowrap;
}

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

.ThemeOfficeMenuFolderRight,.ThemeOfficeMenuItemRight
{
		padding-top			: 3px;
		padding-bottom		: 3px;
		padding-left		: 1px;
		padding-right		: 1px;
		border-top			: 1px solid #cccccc;
		border-bottom		: 1px solid #cccccc;
		border-right		: 1px solid #cccccc;
		background-color	: inherit;
		white-space			: nowrap;
}

.ThemeOfficeMenuItem .ThemeOfficeMenuFolderLeft,
.ThemeOfficeMenuItem .ThemeOfficeMenuItemLeft
{
		padding-top			: 4px;
		padding-bottom		: 4px;
		padding-left		: 3px;
		padding-right		: 2px;
		width				: 18px;
		white-space			: nowrap;
		border				: 0px;
		background-color	: #DDE8F0;
}

.ThemeOfficeMenuItem .ThemeOfficeMenuFolderText,
.ThemeOfficeMenuItem .ThemeOfficeMenuItemText
{
		padding-top			: 4px;
		padding-bottom		: 4px;
		padding-left		: 5px;
		padding-right		: 6px;
		border				: 0px;
		background-color	: inherit;
}

.ThemeOfficeMenuItem .ThemeOfficeMenuFolderRight,
.ThemeOfficeMenuItem .ThemeOfficeMenuItemRight
{
		padding-top			: 4px;
		padding-bottom		: 4px;
		padding-left		: 1px;
		padding-right		: 1px;
		border				: 0px;
		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;
}

