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

.ThemeOfficeMenu,.ThemeOfficeSubMenuTable
{
		font-family    		: Trebuchet MS, arial, verdana, sans-serif;
		width          		: 664px;
		white-space    		: nowrap;
		cursor         		: default;
}

.ThemeOfficeSubMenu
{
		position       		: absolute;
		margin-top     		: 0px;
		margin-left 		: 0px;
		width          		: 150px;
		visibility     		: hidden;
		font-weight			: normal;
		font-family			: Century Gothic;
		font-size			: 11px;
	
	/*
	   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 #577C9E;
		filter				: alpha(opacity=95)progid:DXImageTransform.Microsoft.Shadow(color=#BDC3BD, Direction=135, Strength=4); -moz-opacity:.95; opacity:.95;
}

.ThemeOfficeSubMenuTable
{
		overflow			: visible;
}

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

.ThemeOfficeMainItem
{
		background         	: transparent;
}

.ThemeOfficeMainItemHover,.ThemeOfficeMainItemActive
{
}

.ThemeOfficeMenuItem
{
		background-color	: #ffffff;
		height				: 15px;
}

.ThemeOfficeMenuItemHover,.ThemeOfficeMenuItemActive
{
		height				: 15px;
		background-color	: #E9F3FB;
}


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

.ThemeOfficeMainItem
{
    	text-transform   	: uppercase;
		padding-top			: 0px;
		padding-bottom		: 0px;
		padding-left		: 0px;
		padding-right		: 0px;
		height				: 17px;
		border-right		: 2px solid #ffffff;
		text-align			: center;
		background          : #DABCBA;
		color              	: #FFFFFF;
		font-weight			: normal;
		font-family			: Century Gothic;
		font-size			: 10px;
}

td.ThemeOfficeMainItemHover,td.ThemeOfficeMainItemActive
{
    	text-transform   	: uppercase;
		padding-top			: 0px;
		padding-left		: 0px;
		padding-bottom		: 0px;
		padding-right		: 0px;
		height				: 17px;
		border-right		: 2px solid #ffffff;
		text-align			: center;
		background-color	: #6F82A8;
		color              	: #FFFFFF;
		font-weight			: normal;
		font-family			: Century Gothic;
		font-size			: 10px;
}

.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
{
    	text-transform   	: uppercase;
		padding-top			: 0px;
		padding-left		: 0px;
		padding-bottom		: 0px;
		padding-right		: 0px;
		height				: 17px;
		text-align			: left;
		border-bottom		: 1px solid #F3F4F7;
		background          : #9BA7BF;
		color              	: #efefef;
		font-weight			: normal;
		font-family			: Century Gothic;
		font-size			: 10px;
}

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
{
    	text-transform   	: uppercase;
		padding-top			: 0px;
		padding-left		: 0px;
		padding-bottom		: 0px;
		padding-right		: 0px;
		height				: 13px;
		text-align			: left;
		background          : #CFD6E4;
		color              	: #6F82A8;
		border-bottom		: 1px solid #F3F4F7;
		font-weight			: normal;
		font-family			: Century Gothic;
		font-size			: 10px;
}

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

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

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

.ThemeOfficeMenuFolderText,.ThemeOfficeMenuItemText
{
		padding-top			: 3px;
		padding-bottom		: 3px;
		padding-left		: 0px;
		padding-right		: 5px;
		background-color	: inherit;
		white-space			: nowrap;
		height				: 17px;
}

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

.ThemeOfficeMenuItem .ThemeOfficeMenuFolderLeft,
.ThemeOfficeMenuItem .ThemeOfficeMenuItemLeft
{
		padding-top			: 3px;
		padding-bottom		: 3px;
		padding-left		: 0px;
		padding-right		: 5px;
		width				: 20px;
		height				: 17px;
		white-space			: nowrap;
		border				: 0px;
		background-color	: inherit;
}

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

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