/* ThemeOfficeMenu Style Sheet */

.ThemeOfficeMenu {
	font-family: verdana, arial, sans-serif;
	font-size: 12px;
	padding: 0;
	white-space: nowrap;
	cursor: default;
	width: 90%;
	background-color: #efefef;
	background-image:url('../../../images/bg_navishop.gif'); 
	background-repeat:repeat-x; 
	background-position:top;
	text-align:center;
	margin-left:5%;
}

.ThemeOfficeSubMenuTable {
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	/*padding: 1px 1px 1px 1px;*/
	white-space: normal;
	cursor: default;
	width: 10%;
	background-color: #ff0000;
}

.ThemeOfficeSubMenu {
	position:	absolute;
	visibility:	hidden;

	/*
	   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;
	border:0;
	width:150px;
}

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

.ThemeOfficeMainItem {
	color: #ff0000;
	background-color: transparent;
	font-weight: bolder;
	height:30px;
	text-align:center;
	border-bottom:1px solid #8f9fb8;
}

.ThemeOfficeMainItemHover
{
	color: #ff0000;
	background-color: #fff;
	font-weight: bolder;
	height:30px;
	text-align:center;
	background-image:url('../../../images/bg_menu.gif'); 
	background-repeat:no-repeat; 
	background-position:bottom center;
	border-bottom:1px solid #8f9fb8;
}

.ThemeOfficeMainItemActive {
	color: #ff0000;
	background-color: #fff;
	font-weight: bolder;
	height:30px;
	text-align:center;
	background-image:url('../../../images/bg_menu.gif'); 
	background-repeat:no-repeat; 
	background-position:bottom center;
	border-bottom:1px solid #8f9fb8;
}

.ThemeOfficeMenuItem {
	background-color: white;
}

.ThemeOfficeMenuItemHover,.ThemeOfficeMenuItemActive {
	background-color:#efefef;
}


/* horizontal main menu */

td.ThemeOfficeMainFolderLeft,td.ThemeOfficeMainItemLeft {
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 0px;
	padding-right: 2px;
	border-top: 1px solid #3169C6;
	border-bottom: 1px solid #3169C6;
	border-left: 1px solid #3169C6;
	background-color: inherit;

}

td.ThemeOfficeMainFolderText {
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 1px;
	padding-right: 1px;
	border-top: 1px solid #3169C6;
	border-bottom: 1px solid #;
	background-color: inherit;
	white-space: nowrap;	
}

td.ThemeOfficeMainItemText {
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 1px;
	padding-right: 1px;
	border-top: 1px solid #8f9fb8;
	border-bottom: 1px solid #8f9fb8;
	background-color: inherit;
	white-space: nowrap;
	
}

td.ThemeOfficeMainFolderRight,td.ThemeOfficeMainItemRight {
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 0px;
	padding-right: 0px;
	border-top: 1px solid #8f9fb8;
	border-bottom: 1px solid #8f9fb8;
	border-right: 1px solid #8f9fb8;
	background-color: inherit;
	
}

tr.ThemeOfficeMainItem td.ThemeOfficeMainFolderLeft,tr.ThemeOfficeMainItem td.ThemeOfficeMainItemLeft
	{
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 1px;
	padding-right: 2px;
	white-space: nowrap;
	border: 0;
	background-color: inherit;
	
}

tr.ThemeOfficeMainItem td.ThemeOfficeMainFolderText,tr.ThemeOfficeMainItem td.ThemeOfficeMainItemText
	{
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
	padding-right: 5px;
	border: 0;
	background-color: inherit;
	
}

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;

}

/* sub menu sub components */

.ThemeOfficeMenuFolderLeft,.ThemeOfficeMenuItemLeft
{
	padding-top:	2px;
	padding-bottom:	2px;
	padding-left:	1px;
	padding-right:	3px;

	border-top:	1px solid #8f9fb8;
	border-bottom:	1px solid #8f9fb8;
	border-left:	1px solid #8f9fb8;

	background-color:	inherit;
	white-space:	nowrap;
}

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

	border-top:	1px solid #8f9fb8;
	border-bottom:	1px solid #8f9fb8;

	background-color:	inherit;
	white-space:	nowrap;
}

.ThemeOfficeMenuFolderRight,.ThemeOfficeMenuItemRight
{
	padding-top:	2px;
	padding-bottom:	2px;
	padding-left:	0px;
	padding-right:	0px;

	border-top:	1px solid #8f9fb8;
	border-bottom:	1px solid #8f9fb8;
	border-right:	1px solid #8f9fb8;

	background-color:	inherit;
	white-space:	nowrap;
}

.ThemeOfficeMenuItem .ThemeOfficeMenuFolderLeft,
.ThemeOfficeMenuItem .ThemeOfficeMenuItemLeft
{
	padding-top:	3px;
	padding-bottom:	3px;
	padding-left:	2px;
	padding-right:	3px;

	white-space:	nowrap;

	border:		0;
	background-color:#efefef;
}

.ThemeOfficeMenuItem .ThemeOfficeMenuFolderText,
.ThemeOfficeMenuItem .ThemeOfficeMenuItemText
{
	padding-top:	3px;
	padding-bottom:	3px;
	padding-left:	5px;
	padding-right:	5px;

	border:		0;
	background-color:	inherit;
}

.ThemeOfficeMenuItem .ThemeOfficeMenuFolderRight,
.ThemeOfficeMenuItem .ThemeOfficeMenuItemRight
{
	padding-top:	3px;
	padding-bottom:	3px;
	padding-left:	0px;
	padding-right:	1px;

	border:		0;
	background-color:	inherit;
}

/* menu splits */

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