div.bladeplay-top-bar-preview {
background-color:#CFCDC9;
}

.bladeplay-top-bar
{
height:44px;
overflow:hidden;
}

.bladeplay-top-bar ul {
display:block;
padding: 0px;
margin: 0px;
height:44px;
}

.bladeplay-top-bar ul li
{
list-style-type: none;
/*padding: 0;
margin: 0;*/
display: block;
float: left;
/*height: 44px;*/
background-color:#2B2B2B;

	font-style:Arial, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
	text-transform: uppercase;
	white-space:nowrap;
}

.bladeplay-top-bar a,
.bladeplay-top-bar a:hover
{
	color:#FFFFFF;
	text-decoration: none;
}


.bladeplay-top-bar li div {
	height:44px;
	display: block;
	float:left;
}
.bladeplay-top-bar li .sub-m {
	background: url("top-bar-not-sel.png") repeat-x;
	padding-top:14px;
	padding-left:10px;
	padding-right:10px;
}

.bladeplay-top-bar li.list-first .sub-r,
.bladeplay-top-bar li.list-first-selected .sub-r,
.bladeplay-top-bar li.list-middle .sub-r,
.bladeplay-top-bar li.list-middle-selected .sub-r 
{
	background-image:URL("top-bar-vertical-spacer.png");
	width:2px;
}


.bladeplay-top-bar li.list-first .sub-l,
.bladeplay-top-bar li.list-first-selected .sub-l 
{
	background-image:URL("top-bar-left-not-sel.png");
	width:26px;
}

.bladeplay-top-bar li.list-last .sub-r,
.bladeplay-top-bar li.list-last-selected .sub-r
{
	background-image:URL("top-bar-right-not-sel.png");
	width:24px;
}
.bladeplay-top-bar li a:hover {
	cursor: pointer;
}


.bladeplay-top-bar li a:hover .sub-m,
.bladeplay-top-bar li.list-first-selected .sub-m,
.bladeplay-top-bar li.list-middle-selected .sub-m,
.bladeplay-top-bar li.list-last-selected .sub-m 
{
	background-image:URL("top-bar-sel.png");
	background-color:#7E7E7E;
}
.bladeplay-top-bar li.list-first a:hover .sub-l,
.bladeplay-top-bar li.list-first-selected .sub-l
{
	background-image:URL("top-bar-left-sel.png");
	background-color:#7E7E7E;
}
.bladeplay-top-bar li.list-last a:hover .sub-r,
.bladeplay-top-bar li.list-last-selected .sub-r
{
	background-image:URL("top-bar-right-sel.png");
	background-color:#7E7E7E;
}