/* ThemeOfficeMyMenu Style Sheet */

.ThemeOfficeMyMenu,.ThemeOfficeMySubMenuTable
{
	font-family:	verdana, arial, sans-serif;
	font-size:	14px;
	font-weight: bold;
	

	padding:	0;

	white-space:	nowrap;
	cursor:		pointer;}
.ThemeOfficeMyMenu {color: #ffffff;}
.ThemeOfficeMySubMenuTable{color: #0549ac;}
.ThemeOfficeMySubMenu
{
	position:	absolute;
	visibility:	hidden;
	overflow:	hidden;

	padding: 	1px 1px 1px 1px;

	background:	#F6F6F6 url(menubg.gif) repeat-y scroll 0%;
	background-position:	left;

	border:		1px solid #002D96;
}

.ThemeOfficeMySubMenuTable
{
	overflow:	hidden;
}

.ThemeOfficeMyMainItem,.ThemeOfficeMyMainItemHover,.ThemeOfficeMyMainItemActive,
.ThemeOfficeMyMenuItem,.ThemeOfficeMyMenuItemHover,.ThemeOfficeMyMenuItemActive
{
	border:		0;
	cursor:		pointer;
	white-space:	nowrap;
}

.ThemeOfficeMyMainItem
{
	background-color: #50a379;
}

.ThemeOfficeMyMainItemHover,.ThemeOfficeMyMainItemActive
{
	background:		url(mainmenubg.gif);
}

.ThemeOfficeMyMenuItem
{
	background-color:	transparent;
}

.ThemeOfficeMyMenuItemHover,.ThemeOfficeMyMenuItemActive
{
	background-color: #cbe5a8;
	color: #0549ac;
}


/* horizontal main menu */

.ThemeOfficeMyMainItem
{
	padding:	4px 1px 3px 1px;
	border:		0;
}

td.ThemeOfficeMyMainItemHover,td.ThemeOfficeMyMainItemActive
{
	padding:	0px;
	border:		1px solid #000080;
	color: #0549ac;

}

.ThemeOfficeMyMainFolderLeft,.ThemeOfficeMyMainItemLeft,
.ThemeOfficeMyMainFolderText,.ThemeOfficeMyMainItemText,
.ThemeOfficeMyMainFolderRight,.ThemeOfficeMyMainItemRight
{
	background-color:	inherit;
}

/* vertical main menu sub components */

td.ThemeOfficeMyMainFolderLeft,
td.ThemeOfficeMyMainFolderLeft,
td.ThemeOfficeMyMainItemLeft,
td.ThemeOfficeMyMainItemLeft
{
	padding:	1px 2px 1px 1px;

	border:		0;
	background-color:	inherit;
}

td.ThemeOfficeMyMainFolderText,
td.ThemeOfficeMyMainFolderText,
td.ThemeOfficeMyMainItemText,
td.ThemeOfficeMyMainItemText
{
	padding:	1px 5px 1px 5px;

	border:		0;
	background-color:	inherit;
}

td.ThemeOfficeMyMainItemRight,
td.ThemeOfficeMyMainFolderRight
{
	padding:	1px 1px 1px 0px;

	border:		0;

	background-color:	inherit;
}


tr.ThemeOfficeMyMainItemHover td.ThemeOfficeMyMainFolderLeft,
tr.ThemeOfficeMyMainItemActive td.ThemeOfficeMyMainFolderLeft,
tr.ThemeOfficeMyMainItemHover td.ThemeOfficeMyMainItemLeft,
tr.ThemeOfficeMyMainItemActive td.ThemeOfficeMyMainItemLeft
{
	padding:	0px 2px 0px 0px;

	border-width:	1px 0px 1px 1px;
	border-style:	solid;
	border-color:	#000080;

	background-color:	inherit;
}

tr.ThemeOfficeMyMainItemHover td.ThemeOfficeMyMainFolderText,
tr.ThemeOfficeMyMainItemActive td.ThemeOfficeMyMainFolderText,
tr.ThemeOfficeMyMainItemHover td.ThemeOfficeMyMainItemText,
tr.ThemeOfficeMyMainItemActive td.ThemeOfficeMyMainItemText
{
	padding:	0px 5px 0px 5px;

	border-width:	1px 0px 1px 0px;
	border-style:	solid;
	border-color:	#000080;

	background-color:	inherit;
}

tr.ThemeOfficeMyMainItemHover td.ThemeOfficeMyMainFolderRight,
tr.ThemeOfficeMyMainItemActive td.ThemeOfficeMyMainFolderRight,
tr.ThemeOfficeMyMainItemHover td.ThemeOfficeMyMainItemRight,
tr.ThemeOfficeMyMainItemActive td.ThemeOfficeMyMainItemRight
{
	padding:	0px;

	border-width:	1px 1px 1px 0px;
	border-style:	solid;
	border-color:	#000080;

	background-color:	inherit;
}

/* sub menu sub components */

.ThemeOfficeMyMenuFolderLeft,.ThemeOfficeMyMenuItemLeft,
.ThemeOfficeMyMenuFolderText,.ThemeOfficeMyMenuItemText,
.ThemeOfficeMyMenuFolderRight,.ThemeOfficeMyMenuItemRight
{
	border:		0;
	white-space:	nowrap;
	background-color:	inherit;
}


.ThemeOfficeMyMenuFolderLeft,
.ThemeOfficeMyMenuItemLeft
{
	padding:	3px 3px 3px 2px;
}

.ThemeOfficeMyMenuFolderText,
.ThemeOfficeMyMenuItemText
{
	padding:	3px 5px 3px 5px;
	white-space:	nowrap;
}

.ThemeOfficeMyMenuFolderRight,
.ThemeOfficeMyMenuItemRight
{
	padding:	3px 1px 3px 0px;
}

.ThemeOfficeMyMenuItemHover .ThemeOfficeMyMenuFolderLeft,
.ThemeOfficeMyMenuItemActive .ThemeOfficeMyMenuFolderLeft,
.ThemeOfficeMyMenuItemHover .ThemeOfficeMyMenuItemLeft,
.ThemeOfficeMyMenuItemActive .ThemeOfficeMyMenuItemLeft
{
	padding:	2px 3px 2px 1px;

	border-width:	1px 0px 1px 1px;
	border-style:	solid;
	border-color:	#000080;
}

.ThemeOfficeMyMenuItemHover .ThemeOfficeMyMenuFolderText,
.ThemeOfficeMyMenuItemActive .ThemeOfficeMyMenuFolderText,
.ThemeOfficeMyMenuItemHover .ThemeOfficeMyMenuItemText,
.ThemeOfficeMyMenuItemActive .ThemeOfficeMyMenuItemText
{
	padding:	2px 5px 2px 5px;

	border-width:	1px 0px 1px 0px;
	border-style:	solid;
	border-color:	#000080;
}

.ThemeOfficeMyMenuItemHover .ThemeOfficeMyMenuFolderRight,
.ThemeOfficeMyMenuItemActive .ThemeOfficeMyMenuFolderRight,
.ThemeOfficeMyMenuItemHover .ThemeOfficeMyMenuItemRight,
.ThemeOfficeMyMenuItemActive .ThemeOfficeMyMenuItemRight
{
	padding:	2px 0px 2px 0px;

	border-width:	1px 1px 1px 0px;
	border-style:	solid;
	border-color:	#000080;
}

/* menu splits */

.ThemeOfficeMyMenuSplit
{
	margin:		2px;
	height:		1px;
	overflow:	hidden;
	background-color:	inherit;
	border-top:	1px solid #6A8CCB;
}

/* 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" />
*/

.ThemeOfficeMyMenuItem img.seq1
{
	display:	inline;
}

.ThemeOfficeMyMenuItemHover seq2,
.ThemeOfficeMyMenuItemActive seq2
{
	display:	inline;
}

.ThemeOfficeMyMenuItem .seq2,
.ThemeOfficeMyMenuItemHover .seq1,
.ThemeOfficeMyMenuItemActive .seq1
{
	display:	none;
}

