/*******************************************************************************
 *
 * Colors
 *
 ******************************************************************************/


div#menubar,
div#menubar ul,
div#menubar li,
div#menubar a
{
	border: 0px solid #998;
	color: #332;
}

div#menubar > ul > li > a
{
	text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.33);
}

div#menubar,
div#menubar ul
{
	background-color: #ccb;
}

div#menubar,
div#menubar ul
{
	/* same color as above, except with an alpha (for compliant browsers) */
	background-color: rgba(204, 204, 187, 0.9);
}

div#menubar
{
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAQCAYAAACm53kpAAAAMUlEQVRYw+3QQREAMAgDMA7/WoeETkjziIFs8tJsZ+aaCRAgQIAAAQIECBAgQICARh9DSHtdcft/kwAAAABJRU5ErkJggg==");
}

div#menubar li:hover,
div#menubar a:hover
{
	background-color: #eee;
}


/*******************************************************************************
 *
 * General structure
 *
 ******************************************************************************/


div#menubar
{
	width: 100%;

	font-family: "Verdana", sans-serif;
	font-size: 8pt;
	white-space: nowrap;

	border-bottom-width: 1px;
	background-repeat: repeat-x;
	background-position: top left;
}

div#menubar div.clearance
{
	width: 100%;
	height: 0px;
	clear: both;
	overflow: hidden;
}

div#menubar ul,
div#menubar li
{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

div#menubar a
{
	display: block;
	padding: 0.475em 1em;
	text-decoration: none;
	cursor: pointer;
}

div#menubar > ul > li > a
{
	-moz-transition: background-color 400ms ease 0s;
	-webkit-transition: background-color 400ms ease 0s;
}


/*******************************************************************************
 *
 * Horizontal strip
 *
 ******************************************************************************/


div#menubar ul li
{
	float: left;
	border-right-width: 1px;
}

div#menubar ul li.menubar-item-right
{
	float: right;
	border-right-width: 0px;
}


/*******************************************************************************
 *
 * Dropdowns
 *
 ******************************************************************************/


div#menubar ul li ul
{
	display: none;
	position: absolute;
	margin-left: -1px;
	border-width: 1px;
	z-index: 256;
}

div#menubar ul li:active ul,
div#menubar ul li:hover ul
{
	display: block;
}

div#menubar ul li ul li
{
	float: none;
	border-right-width: 0px;
}


/*******************************************************************************
 *
 * General styling
 *
 ******************************************************************************/


div#menubar .hidden
{
	display: none !important;
}

div#menubar .lowercase
{
	text-transform: lowercase;
}

div#menubar .bold
{
	font-weight: bold;
}