.cls-xwebmenu-menubar 
{
	background-color: #bfdbff;
    color: #000000;
    height: 20px;
    padding: 6px 0px 0px 0px;
}

img { border: 0px; }

.cls-xwebmenu-menubar a,
.cls-xwebmenu-menubar a:hover,
.cls-xwebmenu-menubar a:active,
.cls-xwebmenu-menubar a:visited 
{
		
}

.cls-xwebmenu-menubaritem,
.cls-xwebmenu-menubaritem-hover,
.cls-xwebmenu-menubaritem-active,
.cls-xwebmenu-menubaritem-disabled
{
	position: relative;
	outline: none;
    font: 11px verdana;
    padding: 2px 6px 3px 6px;
    text-decoration: none;
    border: 1px solid transparent;
    cursor: default;
    color: Black;
}

.cls-xwebmenu-menubaritem-hover 
{
	border-color: #ffbd69;
	background-color: #ffe8a6;
}

.cls-xwebmenu-menubaritem-active 
{
	border-color: #6593cf;
	background-color: #9ec2f1;
}

.cls-xwebmenu-menubaritem-disabled {
    color: Gray;
}

.cls-xwebmenu-menu 
{
	position: absolute;
	border: 1px solid #6593cf;
	padding: 1px;
	display: none;
	top: 35px;
	background: #f6f6f6 url(../img/menu_bg.gif) repeat-y;
}

.cls-xwebmenu-menu-itemcontainer {}

.cls-xwebmenu-menu-itemcontainer-item,
.cls-xwebmenu-menu-itemcontainer-item-hover,
.cls-xwebmenu-menu-itemcontainer-item-disabled
{
	background-color: transparent;
	padding: 3px 1px 1px 1px;
}

.cls-xwebmenu-menu-itemcontainer-item-hover 
{
	background-color: #ffe7a2;
	padding: 2px 0px 0px 0px;
	border: 1px solid #ffbd69;
}

.cls-xwebmenu-menu-itemcontainer-item-arrow 
{
	background: url('../img/arrow.gif') no-repeat 100% 3px;
}

.cls-xwebmenu-menu-itemcontainer-item a,
.cls-xwebmenu-menu-itemcontainer-item-hover a,
.cls-xwebmenu-menu-itemcontainer-item-disabled a
{
	padding: 1px 32px 0px 32px;
	background-repeat: no-repeat;
	background-position: 2px 0px;
	display: block;
	text-decoration: none;
	height: 18px;
	color: black;
}

.cls-xwebmenu-menu-itemcontainer-item-disabled a {
    color: gray;
    cursor: default;
}

.cls-xwebmenu-menu-itemseparator {
    background-color: #9ac6ff;
    padding-top: 1px; /* IE7 hack, otherwise I'd just use height */
    margin: 1px 1px 1px 32px;
}