/* ThemeOfficeMenu Style Sheet */

.ThemeOfficeMenu, .ThemeOfficeSubMenuTable {
	font-family:	verdana, arial, sans-serif;
	font-size:	12px;
	padding:	0;
	white-space:	nowrap;
	cursor:		default;
	z-index:	100;
}
.ThemeOfficeSubMenu {
	position:	absolute;
	visibility:	hidden;
	text-align:left;
	box-shadow: 0 7px 15px #999;
	/*
	   Netscape/Mozilla renders borders by increasing
	   their z-index.  The following line is necessary
	   to cover any borders underneath
	*/
	z-index:	100;
	padding:	1px;
	background-color:	#E6E6E6;
	color: #4D4D4D;
	overflow:	visible;
	border-bottom: 3px solid #D88D31;
 filter:progid:DXImageTransform.Microsoft.Shadow(color=#BDC3BD, Direction=135, Strength=4);
}
.ThemeOfficeSubMenuTable {
	overflow:	visible;
	text-align:left;
	z-index:	100;
}
.ThemeOfficeMainItem, .ThemeOfficeMainItemHover, .ThemeOfficeMainItemActive, .ThemeOfficeMenuItem, .ThemeOfficeMenuItemHover, .ThemeOfficeMenuItemActive {
	border:		0;
	cursor:		default;
	white-space:	nowrap;
	z-index:	100;
	padding-left:1px;
	margin:0;
}
.ThemeOfficeMainItem {
	color:#fff;
	z-index:10;
}
.ThemeOfficeMainItemHover, .ThemeOfficeMainItemActive {
	z-index:	100;
	padding-left:1px;
	margin:0;
}
.ThemeOfficeMenuItem {
	color:#036;
	z-index:	11;
}
.ThemeOfficeMenuItemHover, .ThemeOfficeMenuItemActive {
	background-color:	#C6D3EF;
	z-index:	100;
}
/* horizontal main menu /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.ThemeOfficeMainItem {
	border-bottom: 3px solid #4B67A8;
	padding: 14px 5px 10px;
	z-index:	100;
	font-size: 14px;
}
td.ThemeOfficeMainItemHover, td.ThemeOfficeMainItemActive 
{
    border-bottom: 3px solid #C95B30;
	padding: 14px 5px 10px;
	background-color:#D88D31;
	z-index:	100;
	font-size: 14px;
}
.ThemeOfficeMainFolderLeft, .ThemeOfficeMainItemLeft, .ThemeOfficeMainFolderText, .ThemeOfficeMainItemText, .ThemeOfficeMainFolderRight, .ThemeOfficeMainItemRight {
	background-repeat:repeat-x;
	text-align:left;
	color:#fff;
	z-index:	100;
}
/* vertical main menu sub components */

td.ThemeOfficeMainFolderLeft, td.ThemeOfficeMainItemLeft {
	padding-top:	2px;
	padding-bottom:	2px;
	padding-left:	0px;
	padding-right:	2px;
	text-align:left;
	border-top:	1px solid #3169C6;
	border-bottom:	1px solid #3169C6;
	border-left:	1px solid #3169C6;
	background-color:	inherit;
	z-index:	100;
}
td.ThemeOfficeMainFolderText, td.ThemeOfficeMainItemText {
	padding-top:	2px;
	padding-bottom:	2px;
	padding-left:	5px;
	padding-right:	5px;
	text-align:left;
	border-top:	1px solid #3169C6;
	border-bottom:	1px solid #3169C6;
	background-color:	#E6E6E6;
	white-space:	nowrap;
	z-index:	100;
}
td.ThemeOfficeMainFolderRight, td.ThemeOfficeMainItemRight {
	padding-top:	2px;
	padding-bottom:	2px;
	padding-left:	0px;
	padding-right:	0px;
	text-align:left;
	border-top:	1px solid #3169C6;
	border-bottom:	1px solid #3169C6;
	border-right:	1px solid #3169C6;
	background-color:	#fff;
	z-index:	100;
}
tr.ThemeOfficeMainItem td.ThemeOfficeMainFolderLeft, tr.ThemeOfficeMainItem td.ThemeOfficeMainItemLeft {
	padding-top:	3px;
	padding-bottom:	3px;
	padding-left:	1px;
	padding-right:	2px;
	text-align:left;
	white-space:	nowrap;
	border:		0;
	background-color:	#fff;
	z-index:	100;
}
tr.ThemeOfficeMainItem td.ThemeOfficeMainFolderText, tr.ThemeOfficeMainItem td.ThemeOfficeMainItemText {
	padding-top:	3px;
	padding-bottom:	3px;
	padding-left:	5px;
	padding-right:	5px;
	text-align:left;
	border:		0;
	background-color:	inherit;
	z-index:	100;
}
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;
	z-index:	100;
}
/* sub menu sub components */

.ThemeOfficeMenuFolderLeft, .ThemeOfficeMenuItemLeft {
	padding-top:	3px;
	padding-bottom:	3px;
	padding-left:	1px;
	padding-right:	3px;
	text-align:left;
	background-color:	#CCCCCC;
	white-space:	nowrap;
	z-index:	100;
}
.ThemeOfficeMenuFolderText, .ThemeOfficeMenuItemText {
	padding-top:	3px;
	padding-bottom:	3px;
	padding-left:	5px;
	color: #4D4D4D;
	padding-right:	5px;
	background-color:	#CCCCCC;
	white-space:	nowrap;
	z-index:	100;
}
.ThemeOfficeMenuFolderRight, .ThemeOfficeMenuItemRight {
	padding-top:	3px;
	padding-bottom:	3px;
	padding-left:	0px;
	padding-right:	0px;
	background-color:	#CCCCCC;
	white-space:	nowrap;
	z-index:	100;
}
.ThemeOfficeMenuItem .ThemeOfficeMenuFolderLeft, .ThemeOfficeMenuItem .ThemeOfficeMenuItemLeft {
	padding-top:	3px;
	padding-bottom:	3px;
	padding-left:	2px;
	padding-right:	3px;
	white-space:	nowrap;
	border:		0;
	background-color: 	#E6E6E6;
	z-index:	100;
}
.ThemeOfficeMenuItem .ThemeOfficeMenuFolderText, .ThemeOfficeMenuItem .ThemeOfficeMenuItemText {
	padding-top:	3px;
	padding-bottom:	3px;
	padding-left:	5px;
	padding-right:	5px;
	border:		0;
	background-color:	inherit;
	z-index:	100;
}
.ThemeOfficeMenuItem .ThemeOfficeMenuFolderRight, .ThemeOfficeMenuItem .ThemeOfficeMenuItemRight {
	padding-top:	3px;
	padding-bottom:	3px;
	padding-left:	0px;
	padding-right:	1px;
	border:		0;
	background-color:	inherit;
	z-index:	100;
}
/* menu splits */

.ThemeOfficeMenuSplit {
	margin:		2px;
	height:		1px;
	overflow:	hidden;
	background-color:	inherit;
	border-top:	1px solid #C6C3BD;
	z-index:	100;
}
/* 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;
	z-index:	100;
}
.ThemeOfficeMenuItemHover seq2, .ThemeOfficeMenuItemActive seq2 {
	display:	inline;
	z-index:	100;
}
.ThemeOfficeMenuItem .seq2, .ThemeOfficeMenuItemHover .seq1, .ThemeOfficeMenuItemActive .seq1 {
	display:	none;
	z-index:	100;
}