/* ThemeOfficeMenu Style Sheet */

.ThemeOfficeMenu,.ThemeOfficeSubMenuTable
{
	font-family:	verdana, helvetica, arial, sans-serif;
	text-align: 	left;
	white-space:	nowrap;
	cursor:			default;
	margin:			0px;
	padding:		0px;
}

.ThemeOfficeMenu,
{
	background-color:	WHITE;
	border-top:		1px solid WHITE;
	border-bottom:	1px solid WHITE;
}

.ThemeOfficeSubMenu
{
	position:	absolute;
	align: right;
	visibility:	hidden;

	/*
	   Netscape/Mozilla renders borders by increasing
	   their z-index.  The following line is necessary
	   to cover any borders underneath
	*/
	z-index:	100;
	overflow:	visible;
	
	border:		0;
	
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#BDC3BD, Direction=135, Strength=4);
}

.ThemeOfficeSubMenuTable
{
	width: 			200px;
	
	/*background-color:	#F3F6FA;*/
		background-color:	#a1c0f6;
	border:			1px solid BLACK;
	padding:		0px;
	overflow:		visible;
}

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

.ThemeOfficeMainItem
{
	height:		20px;
}

.ThemeOfficeMainItemHover,.ThemeOfficeMainItemActive
{
	height:		20px;
	color			:	WHITE;
}

.ThemeOfficeMenuItem
{
}

.ThemeOfficeMenuItemHover,.ThemeOfficeMenuItemActive
{
	font-weight		:	bold;
	color			:	WHITE;
	/*background-color:	#607DAD;*/
	background-color:	#a1c0f6;
}

/* horizontal main menu */

.ThemeOfficeMainFolderText,.ThemeOfficeMainItemText
{
	font-size:		14px;
	font-weight:	bold;
	
	padding-left:	0px;
	padding-right:	0px;
	padding-top:	0px;
	padding-bottom:	0px;
}

/* sub menu sub components */

.ThemeOfficeMenuFolderLeft,.ThemeOfficeMenuItemLeft
{
}

.ThemeOfficeMenuFolderText,.ThemeOfficeMenuItemText
{
	font-size:		10px;
	
	padding-top:	5px;
	padding-bottom:	5px;
	padding-left:	2px;
	padding-right:	2px;

	white-space:	nowrap;
}

.ThemeOfficeMenuItem .ThemeOfficeMenuFolderText,
.ThemeOfficeMenuItem .ThemeOfficeMenuItemText
{
}

/* image shadow animation */

.ThemeOfficeMainItem .seq1,
.ThemeOfficeMainItemHover .seq2,
.ThemeOfficeMainItemActive .seq2
{
	display:	inline;
}

.ThemeOfficeMainItem .seq2,
.ThemeOfficeMainItemHover .seq1,
.ThemeOfficeMainItemActive .seq1
{
	display:	none;
}


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