/* ThemeOfficeMenu Style Sheet */

.ThemeOfficeMenu,.ThemeOfficeSubMenuTable
{
	padding:	0;
	font-size: 12px;
	font-weight: bolder;
	white-space:	nowrap;
	cursor:		pointer;
}

.ThemeOfficeSubMenu
{
	position:	absolute;
	visibility:	hidden;
	overflow:	hidden;
	margin-left: 2px;

	padding:	0px;
	border:		0px;
}

.ThemeOfficeSubMenuShadow
{

}
/*
{
	z-index:	-1;
	position:	absolute;
	top:		9px;
	left:		9px;
	width:		100%;
	height:		300em;
	background-color:	black;
	opacity:	0.15;
	border:		0;
	margin:		0;
}
*/

.ThemeOfficeSubMenuTable
{
	padding:	1px;
	margin:		7px 2px 2px 0px;
}

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

/* common background color to both horizontal and vertical menus */

.ThemeOfficeMainItem
{
	color: #ffffff;
}

.ThemeOfficeMainItemHover,.ThemeOfficeMainItemActive
{
	color: #ffffff;
}

/* horizontal main menu */

.ThemeOfficeMainItem
{
	padding:	1px;
}

td.ThemeOfficeMainItemHover,td.ThemeOfficeMainItemActive
{
	padding:	0px;
	border:		1px solid transparent;
}

.ThemeOfficeMainFolderLeft,.ThemeOfficeMainItemLeft,
.ThemeOfficeMainFolderText,.ThemeOfficeMainItemText,
.ThemeOfficeMainFolderRight,.ThemeOfficeMainItemRight
{
	background-color:	inherit;
	white-space:	nowrap;
	padding-left: 5px;
	padding-right: 5px;
}


/* sub menu sub components */

.ThemeOfficeMenuItem
{
	background-color:	#508221;
	color: #ffffff;
	height: 25px;
	height: 18px !ie;
	font-weight: normal;
}

.space {
	height: 2px;
}

.ThemeOfficeMenuItemHover,.ThemeOfficeMenuItemActive
{
	background-color:	#b0da6e;
	color: #213f00;
	height: 25px;
	height: 20px !ie;
	font-weight: normal;
}

.ThemeOfficeMenuFolderLeft,
.ThemeOfficeMenuItemLeft
{
	padding:	3px 3px 3px 2px;
	border:		1px solid #213f00;
	border-right: 0;
}

.ThemeOfficeMenuFolderText,
.ThemeOfficeMenuItemText
{
	padding:	3px 5px 3px 5px;
	border-top:		1px solid #213f00;
	border-bottom:		1px solid #213f00;
	white-space:	nowrap;
}

.ThemeOfficeMenuFolderRight,
.ThemeOfficeMenuItemRight
{
	padding:	3px 1px 3px 0px;
	border:		1px solid #213f00;
	border-left: 0;

	white-space:	nowrap;
}

.ThemeOfficeMenuItemHover .ThemeOfficeMenuFolderLeft,
.ThemeOfficeMenuItemActive .ThemeOfficeMenuFolderLeft,
.ThemeOfficeMenuItemHover .ThemeOfficeMenuItemLeft,
.ThemeOfficeMenuItemActive .ThemeOfficeMenuItemLeft
{
	padding:	2px 3px 2px 1px;

	background-color:	#b0da6e;

	border-width:	1px 0px 1px 1px;
	border-style:	solid;
	border-color:	213f00;
}

.ThemeOfficeMenuItemHover .ThemeOfficeMenuFolderText,
.ThemeOfficeMenuItemActive .ThemeOfficeMenuFolderText,
.ThemeOfficeMenuItemHover .ThemeOfficeMenuItemText,
.ThemeOfficeMenuItemActive .ThemeOfficeMenuItemText
{
	padding:	2px 5px 2px 5px;

	border-width:	1px 0px 1px 0px;
	border-style:	solid;
	border-color:	213f00;
}

.ThemeOfficeMenuItemHover .ThemeOfficeMenuFolderRight,
.ThemeOfficeMenuItemActive .ThemeOfficeMenuFolderRight,
.ThemeOfficeMenuItemHover .ThemeOfficeMenuItemRight,
.ThemeOfficeMenuItemActive .ThemeOfficeMenuItemRight
{
	padding:	2px 0px 2px 0px;

	border-width:	1px 1px 1px 0px;
	border-style:	solid;
	border-color:	213f00;
}

/* menu splits */

td.ThemeOfficeMenuSplit
{
	margin:		0px;
	padding:	0px;
	border:		0px;
}

div.ThemeOfficeMenuSplit
{
	margin:		3px;
	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;
}

.sub, .subsub {
	margin-top: 0px;
	margin-top: 1px !ie;
}

.swi {
	/*width: 200px;*/
}

.txt{
	text-align: left;
}

.sub .ThemeOfficeMenuItemHover .ThemeOfficeMenuFolderRight,
.sub .ThemeOfficeMenuItemActive .ThemeOfficeMenuFolderRight,
.sub .ThemeOfficeMenuItemHover .ThemeOfficeMenuItemRight,
.sub .ThemeOfficeMenuItemActive .ThemeOfficeMenuItemRight,
.sub .ThemeOfficeMenuItemHover .ThemeOfficeMenuFolderText,
.sub .ThemeOfficeMenuItemActive .ThemeOfficeMenuFolderText,
.sub .ThemeOfficeMenuItemHover .ThemeOfficeMenuItemText,
.sub .ThemeOfficeMenuItemActive .ThemeOfficeMenuItemText,
.sub .ThemeOfficeMenuItemHover .ThemeOfficeMenuFolderLeft,
.sub .ThemeOfficeMenuItemActive .ThemeOfficeMenuFolderLeft,
.sub .ThemeOfficeMenuItemHover .ThemeOfficeMenuItemLeft,
.sub .ThemeOfficeMenuItemActive .ThemeOfficeMenuItemLeft {
	background: #d1ffc9;
	color: #213f00;
}

.subsub .ThemeOfficeMenuItemHover .ThemeOfficeMenuFolderRight,
.subsub .ThemeOfficeMenuItemActive .ThemeOfficeMenuFolderRight,
.subsub .ThemeOfficeMenuItemHover .ThemeOfficeMenuItemRight,
.subsub .ThemeOfficeMenuItemActive .ThemeOfficeMenuItemRight,
.subsub .ThemeOfficeMenuItemHover .ThemeOfficeMenuFolderText,
.subsub .ThemeOfficeMenuItemActive .ThemeOfficeMenuFolderText,
.subsub .ThemeOfficeMenuItemHover .ThemeOfficeMenuItemText,
.subsub .ThemeOfficeMenuItemActive .ThemeOfficeMenuItemText,
.subsub .ThemeOfficeMenuItemHover .ThemeOfficeMenuFolderLeft,
.subsub .ThemeOfficeMenuItemActive .ThemeOfficeMenuFolderLeft,
.subsub .ThemeOfficeMenuItemHover .ThemeOfficeMenuItemLeft,
.subsub .ThemeOfficeMenuItemActive .ThemeOfficeMenuItemLeft{
	border-color: green;
}