/* ThemeOfficeMenu Style Sheet */	
.ThemeOfficeMenu {
	font-family: arial, arial, sans-serif;
	font-weight:bold;
	font-size: 11px;
	text-align:left;
	padding: 0;
	white-space: nowrap;
	cursor: pointer;
	background-color: #dde6fd;
	border:1px solid #495677;
	color: #495677;
	/*border-left: 1px solid #33cc00;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #666666;
	border-right: 1px solid #666666;*/
	width: 191px;
	z-index: 100;
}

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

.ThemeOfficeSubMenuTable	{
	overflow: visible;
	width: 180px;
	background-color: #dde6fd;
	color: #495677;
	border:1px solid #495677;
	z-index: 100;
}	

.ThemeOfficeMainItem {	
	width: 161px;
	height: 22px;
	text-align: left;
	vertical-align: middle;
	/*padding-top: 3px;
	padding-bottom:3px;*/
	white-space: nowrap;
	background-color: #dde6fd;
	color: #495677;
}

.ThemeOfficeMainItemHover,.ThemeOfficeMainItemActive {
	width: 161px;
	height: 22px;
	text-align: left;
	vertical-align: middle;		
	/*padding-top: 3px;
	padding-bottom:3px;*/
	color: #ffffff;
	white-space: nowrap;
	background-color: #495677;
}	

.ThemeOfficeMenuItem {
	/*width: 146px;*/
	height: 22px;
	vertical-align: middle;
	background-color: #dde6fd;
	color: #495677;

}

/* sub-menu text color */
.ThemeOfficeMenuItemHover,.ThemeOfficeMenuItemActive {
	width: 155px;
	height: 22px;
	vertical-align: middle;
	background-color: #495677;
	color: #ffffff;
	border-left: 1px solid #eeeeee; /*border-top: 1px solid ButtonHighlight;*/
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #333333;
	border-right: 1px solid #666666;
	cursor: pointer;
}
/* horizontal main menu */	
.ThemeOfficeMainItem {
	width: 161px;
	height: 22px;
	vertical-align :middle;
	/*border-top: 1px solid ButtonHighlight;*/
	border-top: 1px solid #ffaa00;
	color: #333333;
	background-color: #dde6fd;
}

td.ThemeOfficeMainItemHover,td.ThemeOfficeMainItemActive {	
	/*padding-left:	5px;*/
	/*border: 1px solid #3169C6;*/
	color: #ffffff;
	/*border-top: 1px solid ButtonHighlight;*/
	border-top: 1px solid #ffffff;
	border-bottom: #333333;
	background-color: #495677;
}

	/* cell to the left with picture */
.ThemeOfficeMainFolderLeft,.ThemeOfficeMainItemLeft {
	background-color: inherit;
	/* border-bottom: 1px solid #666666;*/
	display: none;
}

	/* cell to the rigtht on main menu */
.ThemeOfficeMainFolderRight,.ThemeOfficeMainItemRight {
	background-color: inherit;
	/*border-bottom: 1px solid #666666;*/
	display: none;
	width: 0px;	
}	

.ThemeOfficeMainFolderText,.ThemeOfficeMainItemText	{
	background-color: inherit;
	color: #333333;
	padding-left: 0px;

}	

	/* vertical main menu sub components */	
td.ThemeOfficeMainFolderLeft,td.ThemeOfficeMainItemLeft	{
	color: #666666;
	background-color: inherit;
	display:none;
}

td.ThemeOfficeMainFolderText,td.ThemeOfficeMainItemText	{
	width: 146px;
	height: 22px;
	text-align: left;
	padding-left:20px;
	vertical-align: middle;
	color: #ffffff;
	border-top: 1px solid #828daa;
	background-color: inherit;
	white-space: nowrap;	
}

td.ThemeOfficeMainFolderRight,td.ThemeOfficeMainItemRight {
	width: 0px;
	display: none;	
}

tr.ThemeOfficeMainItem td.ThemeOfficeMainFolderLeft, tr.ThemeOfficeMainItem td.ThemeOfficeMainItemLeft {
	white-space: nowrap;
	width: 0px;
	background-color: inherit;	
}

	/* MAIN TEXT  changes button color */
tr.ThemeOfficeMainItem td.ThemeOfficeMainFolderText, tr.ThemeOfficeMainItem td.ThemeOfficeMainItemText {
	color: #495677;
	height: 22px;
	background-color: #dde6fd;
}

tr.ThemeOfficeMainItem td.ThemeOfficeMainFolderText:hover, tr.ThemeOfficeMainItem td.ThemeOfficeMainItemText:hover	{
	background-color: #495677;
	color:#495677;	
}
	
tr.ThemeOfficeMainItem td.ThemeOfficeMainItemRight,	tr.ThemeOfficeMainItem td.ThemeOfficeMainFolderRight {
	background-color: inherit;
}

	/* sub menu sub components */
.ThemeOfficeMenuFolderLeft,.ThemeOfficeMenuItemLeft	{white-space: nowrap;}

.ThemeOfficeMenuFolderText,.ThemeOfficeMenuItemText	{
	border-bottom: 1px solid #828daa;
	white-space: nowrap;
	z-index:100;
}

.ThemeOfficeMenuFolderRight,.ThemeOfficeMenuItemRight {
	background-color: inherit;
	white-space: nowrap;
}

.ThemeOfficeMenuItem .ThemeOfficeMenuFolderLeft, .ThemeOfficeMenuItem .ThemeOfficeMenuItemLeft {
	white-space: nowrap;
	z-index: 100;
}

	/* text color for submenu is here*/	
.ThemeOfficeMenuItem .ThemeOfficeMenuFolderText, .ThemeOfficeMenuItem .ThemeOfficeMenuItemText {
	background-color:#dde6fd;
	color: #495677;
	z-index: 100;
	/*	border-top:#ffffff;*/	
}

.ThemeOfficeMenuItem .ThemeOfficeMenuFolderRight, .ThemeOfficeMenuItem .ThemeOfficeMenuItemRight	{ display: none; }

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