/**
* Style for a menu object
* Each menu will be displayed in a popup beneath this class.
* So we can safely define the substyles by spanning a namespace
* beginning with this identifier.
**/
.group_menubody {
	background:	#cccccc;
	color:		#000000;
	margin:		0;
	padding:	0;
	overflow:	hidden;
	border: 1px solid white; /* surrounding menu border instead of gap */
}

/**
* All td tags within the meta menu will be painted with
* the font defined in the styleguide
*/
.group_menubody td {font-family: Arial; font-size: 11px}


.xxx { font-family: serif }


/**
* The mouseover effect for each entry colors the selected
* item.
*/
.group_menubody .hover {
	background-color: #ffffff;
	color:  	  #666666;
}

/**
* A menu entry is made up of deifferent cells for
* the label and the arrow to open a submenu
* This style specifies the drawing for the label cell.
*/
.group_menubody td.itemcell {
	width:		100%;
	padding:	2px 0px 2px 6px;
	font-family:	Arial;
	font-size:	11px;
	border-bottom: 1px solid #cccccc;
	border-top:    1px solid #cccccc;
	border-left:   1px solid #cccccc;
	cursor:		default;
}

/**
* A menu entry is made up of different cells for
* the label and the arrow to open a submenu
* This style specifies the drawing for the arrow cell.
*/
.group_menubody td.arrow {
	width:		20px;
	padding:	2px 0px 2px 0px;
	font-family:	Webdings;
	font-size:	77%;
        line-height:80%;  /* reduced cause arrow has lot of space around*/
	color: #999999;
        overflow: hidden;
	cursor:			default;
	border-bottom: 1px solid white;
	border-top: 1px solid white;
}


/******************* DISABLED ENTRIES **********************/

.group_menubody.disabled.disabledarea {
	color:	#999999;
}

.group_menubody .disabled-hover td {
	background-color:	Highlight;
	color:			GrayText;
}

/******************* SEPARATOR **********************/

.group_menubody td.separator {
	font-size:	0.001mm;
	padding:	0px 0px 0px 0px;
}

.group_menubody .separator-line {
	overflow:		hidden;
	height:			1px;
}


/******************* SCROLLBUTTONS **********************/

/**
* Scrollbuttons for up/down are visualized by the webdings font.
* weigthed as important since other font assignments make no sense
*/
.group_menubody #scrollup td, .menu-body #scroll-down-item td {
	font-family:	Webdings !important;
	text-align:	center;
	padding:	10px;
}

.group_menubody #scrollup,
.group_menubody #scrolldown {
	width:		100%;
}

.group_menubody #scrollup td,
.group_menubody #scrolldown td {
	font-family:	Webdings;
	text-align:	center;
	padding:	0px 5px 0px 5px;
	font-size:	10px;
}


/******************* MENUBAR **********************/

.group_menubar {
	background:		#000000;
	cursor:			default;
	padding:		0px 0px 0px 0px;
       white-space:nowrap;
}

.group_menubar .menbutton {
	color:		#ffffff;
	font: 		11px arial;
	padding:	0px 7px 0px 7px;
	border:		0;
	border-right:	1px solid white;
	border-top:	1px solid black;
	border-bottom:	1px solid black;
	line-height: 16px;
}

.group_menubar .menbutton.active {
	padding:		0px 7px 0px 7px;
	border:			1px solid;
	border-color:	ButtonShadow ButtonHighlight
			ButtonHighlight ButtonShadow;
}

.group_menubar .menbutton.hover {
	background-color: #ffffff;
	color:		  #000000;
	padding:	  0px 7px 0px 7px;
	border-top:	1px solid black;
	border-bottom:	1px solid black;
	line-height: 16px;
}

.group_menubar .menbutton.disabled,
.group_menubar .menbutton.disabled-hover {
	color:		#999999;
	border-right:	1px solid white;
	padding:	0px 7px 0px 7px;

}