/* ThemeOfficeMenu Style Sheet */

.ThemeOfficeMenu, .ThemeOfficeSubMenuTable {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	height: 38px;
	line-height: 110%;
	z-index: 5;
	cursor:pointer; 
	cursor: hand;
}

.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:	5;
	border:		0;
	padding:	0;
	overflow:	visible;
	border:		1px solid #8C867B;
/* filter:progid:DXImageTransform.Microsoft.Shadow(color=#BDC3BD, Direction=135, Strength=4);
*/}

.ThemeOfficeSubMenuTable {
	overflow:	visible;
}



.ThemeOfficeMainItem {
	background-color:	#EFEBDE;
}

.ThemeOfficeMainItemHover, .ThemeOfficeMainItemActive {
	background-color:	#C6D3EF;
}

.ThemeOfficeMenuItem {
	background-color:	#FFF;
}

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

/* horizontal main menu */

td.ThemeOfficeMainItem {
background: url(../../../templates/wema/images/kategoria-button.png) no-repeat;
height: 38px;
width: 90px;
text-align: center;
padding: 0px 1px 0px 1px;
margin:0px;
}

.ThemeOfficeMainItem {
	height: 38px;
width: 90px;

}

td.ThemeOfficeMainItemHover, td.ThemeOfficeMainItemActive {
background: url(../../../templates/wema/images/kategoria-button-hover.png) no-repeat;
height: 38px;
width: 90px;
text-align: center;
color: #FFF;
padding: 0px 1px 0px 1px;

}

td.ThemeOfficeMainItemHover a, td.ThemeOfficeMainItemActive a {
	color:#FFF;
}

.ThemeOfficeMainFolderLeft, .ThemeOfficeMainItemLeft, .ThemeOfficeMainFolderText, .ThemeOfficeMainItemText, .ThemeOfficeMainFolderRight, .ThemeOfficeMainItemRight {
	background-color:	inherit;
}







/* vertical main menu sub components */

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, td.ThemeOfficeMainItemText {
	padding-top:	2px;
	padding-bottom:	2px;
	padding-left:	5px;
	padding-right:	5px;
	border-top:	1px solid #3169C6;
	border-bottom:	1px solid #3169C6;
	background-color:	inherit;
}

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

tr.ThemeOfficeMainItem td.ThemeOfficeMainFolderLeft, tr.ThemeOfficeMainItem td.ThemeOfficeMainItemLeft {
	padding-top:	3px;
	padding-bottom:	3px;
	padding-left:	1px;
	padding-right:	2px;
	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 #3169C6;
	border-bottom:	1px solid #3169C6;
	border-left:	1px solid #3169C6;
	background-color:	inherit;
	white-space:	nowrap;
}

.ThemeOfficeMenuFolderText, .ThemeOfficeMenuItemText {
	padding-top:	2px;
	padding-bottom:	2px;
	padding-left:	5px;
	padding-right:	5px;
	border-top:	1px solid #3169C6;
	border-bottom:	1px solid #3169C6;
	background-color:	inherit;
	white-space:	nowrap;
}

.ThemeOfficeMenuFolderRight, .ThemeOfficeMenuItemRight {
	padding-top:	2px;
	padding-bottom:	2px;
	padding-left:	0px;
	padding-right:	0px;
	border-top:	1px solid #3169C6;
	border-bottom:	1px solid #3169C6;
	border-right:	1px solid #3169C6;
	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:	#EFEFDE;
}

.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;
}