/* this is the clipping region for the menu. it's width and height get set by script, depending on the size of the items table */

.MenuButtonOff{
background-image:url(/images/menu/MenubuttonOff.png);
background-repeat: no-repeat;
font-family:Arial;
font-size:11px;
font-weight:bold;
text-decoration:none;

color:#FFFFFF;
width:90px;
height:40px;
cursor:hand;
}

.MenuButtonLivePrices{
background-image:url(/images/menu/ButtonLivePricesOff.png);
background-repeat: no-repeat;
font-family:Arial;
font-size:11px;
font-weight:bold;
text-decoration:none;

color:#FFFFFF;
width:90px;
height:40px;
cursor:hand;
}

.MenuButtonLivePricesOff{
background-image:url(/images/menu/ButtonLivePricesOff.png);
background-repeat: no-repeat;
font-family:Arial;
font-size:11px;
font-weight:bold;
text-decoration:none;

color:#FFFFFF;
width:90px;
height:40px;
cursor:hand;
}

.MenuButtonHomePage{
background-image:url(/images/menu/HomePageOn.png);
background-repeat: no-repeat;
font-family:Arial;
font-size:11px;
font-weight:bold;
text-decoration:none;

color:#FFFFFF;
width:90px;
height:40px;
cursor:hand;
}

.MenuButtonTradingPortfolios{
background-image:url(/images/menu/TradingPortfoliosOn.png);
background-repeat: no-repeat;
font-family:Arial;
font-size:11px;
font-weight:bold;
text-decoration:none;

color:#FFFFFF;
width:90px;
height:40px;
cursor:hand;
}

.MenuButtonMarkets{
background-image:url(/images/menu/MarketsOn.png);
background-repeat: no-repeat;
font-family:Arial;
font-size:11px;
font-weight:bold;
text-decoration:none;

color:#FFFFFF;
width:90px;
height:40px;
cursor:hand;
}

.MenuButtonQuotesResearch{
background-image:url(/images/menu/QuotesResearchOn.png);
background-repeat: no-repeat;
font-family:Arial;
font-size:11px;
font-weight:bold;
text-decoration:none;

color:#FFFFFF;
width:90px;
height:40px;
cursor:hand;
}

.MenuButtonToolsTips{
background-image:url(/images/menu/ToolsTipsOn.png);
background-repeat: no-repeat;
font-family:Arial;
font-size:11px;
font-weight:bold;
text-decoration:none;

color:#FFFFFF;
width:90px;
height:40px;
cursor:hand;
}

.MenuButtonCustomerServices{
background-image:url(/images/menu/CustomerServicesOn.png);
background-repeat: no-repeat;
font-family:Arial;
font-size:11px;
font-weight:bold;
text-decoration:none;

color:#FFFFFF;
width:90px;
height:40px;
cursor:hand;
}

/* this is the clipping region for the menu. it's width and height get set by script, depending on the size of the items table */
.transMenu {
	position:absolute;
	overflow:hidden;
	left:-1000px;
	top:-1000px;
	font-family:Arial;
	font-size:11px;
	}

.transMenu .content{
	position:absolute;
	font-family:Arial;
	font-size:11px;
	}

.transMenu .items {

	position:relative;
	left:0px; top:0px;
	z-index:3;
	font-family:Arial;
	font-size:11px;
	}

.transMenu.top .items {
	border-top:none;
	font-family:Arial;
	font-size:11px;
	}

.transMenu .item {
    color: #FFFFFF;
    text-decoration:none;
	border:none;
	cursor:pointer;
	cursor:hand;
	font-family:Arial;
	font-size:11px;
	}

.transMenu .background {
	position:absolute;
	left:0px; top:0px;
	z-index:1;
	-moz-opacity:.87;
	filter:alpha(opacity=87);
	font-family:Arial;
	font-size:11px;
	}

.transMenu .shadowRight {
	position:absolute;
	z-index:3;
	top:2px; width:1px;
	-moz-opacity:.4;
	filter:alpha(opacity=40);
	font-family:Arial;
	font-size:11px;
	}

.transMenu .shadowBottom {
	position:absolute;
	z-index:1;
	left:3px; height:2px;
	-moz-opacity:.4;
	filter:alpha(opacity=40);
	font-family:Arial;
	font-size:11px;
	}

.transMenu .item.hover {
	background:#FFFFFF;
	color:black;
	font-family:Arial;
font-size:11px;
	}

.transMenu .item img {
	margin-left:10px;
	font-family:Arial;
font-size:11px;
	}