div.menuBar,
div.menuBar a.menuButton,
div.menu,
div.menu a.menuItem {
	font-family: helvetica, arial, sans-serif;
	font-size: small;
	font-style: normal;
	font-weight: 500;
	background-color: #6600FF;
	color: #ffffff;
}
/* ---------------------------------------------------------------------
   ==================== M E N U   B A C K G R O U N D ===================
   --------------------------------------------------------------------- */
div.menuBar {
	background-color: #6600FF;
/*	color: #00a5db; */
	color: #00a5db;
	padding: 0px 2px 0px 2px;
	text-align: left;
}

div.menuBar a.menuButton {
	background-color: transparent;
/*	border: 0px solid #6600FF; */
	border: 0px solid #6600FF;
	color: #ffffff;
	cursor: default;
	left: 0px;
	margin: 1px;
	padding: 1px 4px 2px 4px;
	position: relative;
	text-decoration: none;
	top: 0px;
	z-index: 100;
}

div.menuBar a.menuButton:hover {
	background-color: transparent;
	border: 1px outset #CC00CC;
	color: #ffffff;
}

div.menuBar a.menuButtonActive,
div.menuBar a.menuButtonActive:hover {
	background-color: #CC00CC;
	border: 1px inset #CC00CC;
	color: #ffffff;
	left: 1px;
	top: 1px;
}

div.menu {
	background-color: #6600FF;
	color: #000000;
	border: 1px outset #6600FF;
	left: 0px;
	padding: 0px 1px 1px 0px;
	position: absolute;
	top: 0px;
	visibility: hidden;
	z-index: 100;
}

div.menu a.menuItem {
	background-color: #6600FF;
	color: #ffffff;
	cursor: default;
	display: block;
	padding: 1px 1em;
	text-decoration: none;
	white-space: nowrap;
}

div.menu a.menuItem:hover, div.menu a.menuItemHighlight {
	background-color: #CC00CC;
	color: #ffffff;
}

div.menu a.menuItem span.menuItemText {}

div.menu a.menuItem span.menuItemArrow {
	margin-right: -.75em;
}

div.menu div.menuItemSep {
	border: 1px inset #6600FF;
	margin: 4px 2px;
}