.sm2player{
	width:220px;
	height:20px;
	border:1px solid #888;
	position:relative;
	top:1px;
	float:left;
	background:transparent url(../images/playerbg.jpg) no-repeat;
}
.ui{
	z-index:9999;	
	position:absolute;
}
#playlistbox{
	z-index:9998;
	position:absolute;
	top:-256px;
}
.playlist{
	width:218px;
	height:235px;
	background-color:#efefef;
	padding-top:20px;	
	color:#fff;
	font-size:x-small;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:19px;
	position:relative;
}
#playlistContainer{
	width:220px;
	height:235px;
	overflow:hidden;
	display:none;
}

.playlist a{
	color:#fff;
	font-size:x-small;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:19px;
	position:relative;
	left:5px;
}

.sm2player .left .trigger, .sm2player .left .trigger span {
	display:block;
	height:20px;
	width:15px;
}

.mid{
	font-size:x-small;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:19px;
	position:relative;
	float:left;
	width:145px;
	color:#000;
	padding-left:5px;
	top:-12px;
}
#midBar{
	position:relative;
	width:0px;
	height:12px;
	background-color:#f00;
	top:16px;
	
}
.trigger{
	display:block;
	width:16px;
	height:20px;
	float:left;
}
.prev {
 	background:transparent url(../image/tostart.gif) 1px 2px  no-repeat;
}

.next {
 	background:transparent url(../image/toend.gif) 1px 2px  no-repeat;
}
.dropdown{
	background:transparent url(../image/playlist.gif) 1px 2px  no-repeat scroll ;
}
.pauseplay {
 	background:transparent url(../image/play.gif) 1px 2px  no-repeat;
}

.playpause {
 	background:transparent url(../image/pause.gif) 1px 2px  no-repeat;
}


.left {
	width:15px;
}




.playlist ul {
 list-style-type:none;
 margin:0px;
 padding:0px;
 padding-right:4px; /* space for background */
 margin-right:-2px;
 	font-size:x-small;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:19px;
}

.playlist ul li {
 line-height:1.5em;
}

.playlist ul li a {
 display:block;
 background:transparent;
 margin-left:2px;
 margin-right:-2px;
 color:#444;
 text-indent:10px;
 text-decoration:none;
 width:100%; /* stupid IE 7. */
}
.playlist ul li a:hover{
 display:block;
 background:transparent;
 margin-left:2px;
 margin-right:-2px;
 color:#888;
 text-indent:10px;
 text-decoration:none;
 width:100%; /* stupid IE 7. */
}
.playlist ul li a span {
 display:block;
 background:#222;
 padding:0.1em 0.5em;
 border-top:1px solid #333;
 border-bottom:1px solid #000;
 /* genie animation test */
/*
 white-space:nowrap;
 overflow:hidden;
*/
}

.playlist ul li.alt a span {
 background:#303030;
 color:#c3c3c3;
}

.playlist ul li:first-child a span {
 border-top:none;
}

.playlist ul li:last-child a span {
 /*border-bottom:none;*/
}