.ThemeGrayMenu,.ThemeGraySubMenuTable{
	font-family: Arial;
	font-weight: bold;
	font-size: 12px;
	width: 150px;
	color: #8C5922;
	cursor:	default;
	cursor: pointer;
}

.ThemeGrayMenu td{
    padding-right: 10px;
	padding-left: 10px;
	background: url('/_images/linie.gif') no-repeat center right;
}

.ThemeGrayMenu{height: 32px;}

.ThemeGraySubMenu{
	position: absolute;
	display: block;
	visibility: hidden;
	overflow: hidden;
	border: 1px solid #C9A050;
	background-color: white;
	font-weight: normal;
	padding: 3px;

}

.ThemeGraySubMenuTable{border-collapse:	separate;}

.ThemeGrayMenuItem,.ThemeGrayMenuItemHover,.ThemeGrayMenuItemActive
{
	cursor:	default;
	cursor: pointer;
	white-space:nowrap;
	font-weight: normal;
}

td.ThemeGrayMainItemNoBorder,
td.ThemeGrayMainItemHoverNoBorder{background: none;}

td.ThemeGrayMainItem,
td.ThemeGrayMenuItem{width: 150px;}

td.ThemeGrayMainItemActive{
	color: #ffffff;
	margin: 0px;
	width: 150px;
	background: url('/_images/bg_navi_li_active.jpg') repeat-x top left;
}

td.ThemeGrayMainItemHover{color: #000;}

.ThemeGrayMenuItemHover,
.ThemeGrayMenuItemActive{
	border:	1px solid #ffffff;
	background-color: #C9A050;
	color: #fff;
}

/* horizontal main menu sub components */
/* panel doesn't really support horizontal menus */
/* there are simpler approaches, but the setting here allows me to
   set a background image for the menu without lines all over it */

.ThemeGrayMainFolderTextActive{color: #000; white-space: nowrap;}

.ThemeGrayMainFolderLeft,
.ThemeGrayMainItemLeft,
.ThemeGrayMainFolderText,
.ThemeGrayMainItemText,
.ThemeGrayMainItemRight,
.ThemeGrayMainFolderRight{white-space: nowrap;}

/* sub menus sub components */

.ThemeGrayMenuFolderLeft,
.ThemeGrayMenuItemLeft{
	padding: 3px 0px 3px 3px;
	white-space: nowrap;
	background-color: inherit;
}

.ThemeGrayMenuFolderText,
.ThemeGrayMenuItemText{
	padding: 3px 3px 3px 5px;
	white-space: nowrap;
	background-color: inherit;
}

.ThemeGrayMenuItemRight,
.ThemeGrayMenuFolderRight{
	padding: 3px 1px 3px 0px;
	white-space: nowrap;
	background-color: inherit;
}

/* hoover and active border */
.ThemeGrayMenuItemHover .ThemeGrayMenuFolderLeft,
.ThemeGrayMenuItemActive .ThemeGrayMenuFolderLeft,
.ThemeGrayMenuItemHover .ThemeGrayMenuItemLeft,
.ThemeGrayMenuItemActive .ThemeGrayMenuItemLeft,
.ThemeGrayMenuItemHover .ThemeGrayMenuFolderText,
.ThemeGrayMenuItemActive .ThemeGrayMenuFolderText,
.ThemeGrayMenuItemHover .ThemeGrayMenuItemText,
.ThemeGrayMenuItemActive .ThemeGrayMenuItemText,
.ThemeGrayMenuItemHover .ThemeGrayMenuFolderRight,
.ThemeGrayMenuItemActive .ThemeGrayMenuFolderRight,
.ThemeGrayMenuItemHover .ThemeGrayMenuItemRight,
.ThemeGrayMenuItemActive .ThemeGrayMenuItemRight
{
	border-color:	#ffffff;
}

.ThemeGrayMenuItemHover .ThemeGrayMenuFolderLeft,
.ThemeGrayMenuItemActive .ThemeGrayMenuFolderLeft,
.ThemeGrayMenuItemHover .ThemeGrayMenuItemLeft,
.ThemeGrayMenuItemActive .ThemeGrayMenuItemLeft
{
	border-width: 1px 0px 1px 1px;
	border-style: solid;
	padding: 2px 0px 2px 2px;
}

.ThemeGrayMenuItemHover .ThemeGrayMenuFolderText,
.ThemeGrayMenuItemActive .ThemeGrayMenuFolderText,
.ThemeGrayMenuItemHover .ThemeGrayMenuItemText,
.ThemeGrayMenuItemActive .ThemeGrayMenuItemText
{
	border-width: 1px 0px 1px 0px;
	border-style: solid;
	padding: 2px 3px 2px 5px;
}

.ThemeGrayMenuItemHover .ThemeGrayMenuFolderRight,
.ThemeGrayMenuItemActive .ThemeGrayMenuFolderRight,
.ThemeGrayMenuItemHover .ThemeGrayMenuItemRight,
.ThemeGrayMenuItemActive .ThemeGrayMenuItemRight
{
	border-width: 1px 1px 1px 0px;
	border-style: solid;
	padding: 2px 0px 2px 0px;
}

td.ThemeGrayMenuSplit{
	padding: 0px;
	margin: 0px;
	height: 5px;
	border: 0px;
	background-color: inherit;
	overflow: hidden;
}

div.ThemeGrayMenuSplit{
	margin: 2px;
	height: 1px;
	overflow: hidden;
	background-color: inherit;
	border-top: 1px solid #9C9A9C;
}