/*
			<div id="player1" class="clrzplayer">
				<a rel="<?php echo $music[0]['file'];?>" title="<?php echo $music[0]['title'];?>" class="play">play/pause</a>
				<div class="title"></div>
				<div class="timeline">
					<span></span>
				</div>
				<div class="equalizer"></div>
				<div class="volume">
					<div class="volumemask"></div>
					<span></span>
				</div>
			</div>
			
*/

a.dlmp3 {display:block;text-indent:-5000px;width:300px;height:48px;background:url(../images/player/dlmp3.gif) no-repeat center center;}

div.clrzplayer{margin-top:8px;padding:15px 0 0;display:block;}
div.clrzplaylistplayer{margin-top:5px!important;padding:15px 0 0!important;}
div.clrzplayer a.play{margin-left:10px;cursor:pointer;display:block;width:15px;height:15px;background:url(../images/player/btn-playpause.jpg) top left no-repeat;text-indent:-5000px;float:left;}
div.clrzplayer .title{color:#585859;font-size:8px;font-family:'Helvetica Neue', Helvetica, Arial, serif;display:block;width:177px;height:15px;position:absolute;text-align:center;padding-top:2px;/*margin-left:36px;*/font-size:9px;cursor:pointer;}
div.playersingle .title{padding-top:0spx!important;}
#player1 div.clrzplayer .title, .playersingle div.clrzplayer .title{margin-left:36px;}
div.clrzplayer .timeline{float:left;display:block;width:177px;height:15px;border:1px solid #b4b5b6;background:#e9efef;margin-left:15px;}
div.clrzplayer .timeline span{display:block;width:0;height:15px;background:#9b9c9e;}
div.clrzplayer .equalizer{display:block;width:39px;height:15px;background:url(../images/player/equalizer.gif) bottom center no-repeat;float:left;}
div.clrzplayer .volume{cursor:pointer;display:block;width:10px;height:15px;overflow:hidden;}
div.clrzplayer .volumemask{cursor:pointer;display:block;width:15px;height:15px;position:absolute;background:url(../images/player/volume-cache.gif) no-repeat;float:left;}
div.clrzplayer .link-popup{cursor:pointer;display:block;width:15px;height:14px;overflow:hidden;position:absolute;margin:-15px 0 0 276px;}
div.clrzplayer .link-popup a{display:block;text-indent:-9999px;float:left;width:15px;height:14px;background:url(../images/player/link-popup.jpg) no-repeat;}
div.clrzplayer .link-popup a.close-popup{background-position:left bottom;}
div.clrzplayer .link-popup a.close-popup-in{background-position:left bottom;}


div.clrzplayer .volume span{display:block;width:10px;height:15px;background:#9ba4a6;}

div.ispause a.play{background-position:top left!important}
div.ispause .equalizer{background-position:bottom center!important}
div.isplay a.play{background-position:bottom left!important}
div.isplay .equalizer{background-position:top center!important}


ul.clrzplaylist{display:block;}
ul.clrzplaylist li{width:100%!important;float:none!important;margin:0!important;list-style-type: none;}
ul.clrzplaylist li a{cursor:pointer;text-decoration: none;font-family:'Helvetica Neue', Helvetica, Arial, serif;color:#9c9e9f;font-size:10px;}
#player1,#playersingle, .playersingle{background:url(../images/player/bg-top_1.jpg) no-repeat;width:300px;height:48px;}
#player1 .bottom,#playersingle .bottom, .playersingle .bottom{margin-top:10px;display:block;height:10px;background:url(../images/player/bg-bas_1.jpg) no-repeat;}

div.clrzplaylist_background {
background:transparent url(../images/player/bg-top_2.jpg) no-repeat scroll center top;
margin-top:9px;
padding:25px 14px 0 14px;height:198px;
width:273px;
}
ul.clrzplaylist{
background:#E9EFEF none repeat scroll 0 0;
border:1px solid #D0D1D2;
display:block;
margin:0 10px !important;
padding:5px !important;
}
#player2 .bottom,
#player3 .bottom {margin-top:10px;display:block;height:10px;background:url(../images/player/bg-bas_2.jpg) no-repeat;}

.playlistbox{width:300px;float:left;}
.playlistbox .clrzplaylist{width:262px;height:77px;overflow:hidden;margin:0 !important;}
.playlistbox .clrzplaylist li{width:235px;padding:0 0 0 5px;}

.playlistbox a.previous{margin-left:0 !important;cursor:pointer;display:block;width:14px;height:15px;background:url(../images/player/previous-playlist.jpg) center left no-repeat;text-indent:-5000px;float:left;}
.playlistbox a.play{margin-left:4px !important;cursor:pointer;display:block;width:15px;height:15px;background:url(../images/player/btn-playpause.jpg) top left no-repeat;text-indent:-5000px;float:left;}
.playlistbox a.next{margin-left:4px !important;cursor:pointer;display:block;width:14px;height:15px;background:url(../images/player/next-playlist.jpg) center left no-repeat;text-indent:-5000px;float:left;}


.playlistbox .link-popup2{cursor:pointer;display:block;width:15px;height:14px;overflow:hidden;position:absolute;z-index:900;margin:-8px 0 0 258px;}
.playlistbox .link-popup2 a{display:block;text-indent:-9999px;float:left;width:15px;height:14px;background:url(../images/player/link-popup.jpg) no-repeat;}
.playlistbox .link-popup2 a.close-popup{background-position:left bottom;}
.playlistbox .link-popup2 a.close-popup-in{background:url("../images/player/link-popup2.jpg") no-repeat scroll -28px -9px transparent!important;}
.playlistbox div.clrzplaylistplayer{padding:5px 0 0 0 !important;}
.playlistbox .timeline {width:164px !important;margin-left:57px !important;position:absolute;}
.playlistbox .titleoverflow{width:164px !important;height:15px !important;float:left;overflow:hidden;margin-left:6px !important;color:#9c9e9f;font-size:10px;font-family:'Helvetica Neue', Helvetica, Arial, serif;position:relative;z-index:20;}



#player1 .titleoverflow{width:164px !important;height:15px !important;float:left;overflow:hidden;margin-left:6px !important;color:#9c9e9f;font-size:10px;font-family:'Helvetica Neue', Helvetica, Arial, serif;position:relative;z-index:20;}
#player1 .title{color:#585859;font-size:10px;font-family:'Helvetica Neue', Helvetica, Arial, serif;
        height:12px !important;}
#player1 .timeline {width:164px !important;margin-left:30px !important;position:absolute;}

.playersingle .titleoverflow{width:164px !important;height:15px !important;float:left;overflow:hidden;margin-left:6px !important;color:#9c9e9f;font-size:10px;font-family:'Helvetica Neue', Helvetica, Arial, serif;position:relative;z-index:20;}
.playersingle .title{color:#585859;font-size:10px;font-family:'Helvetica Neue', Helvetica, Arial, serif;
        height:12px !important;}
.playersingle .timeline {width:164px !important;margin-left:30px !important;position:absolute;}

/*#playlistbox .titlecontainer{width:400px !important;position:absolute;height:12px !important;}
#playlistbox .title{width:auto !important;color:#9c9e9f;font-size:8px;font-family:'Helvetica Neue', Helvetica, Arial, serif;}
*/.playlistbox .title{
        color:#585859;font-size:10px;font-family:'Helvetica Neue', Helvetica, Arial, serif;
        height:12px !important;
}

.playlistbox .mooquee
{
	/*border: solid 2px #C0C0C0;
	padding: 5px;

	 don't change */
    position: absolute !important;
	overflow: hidden !important;
	white-space: nowrap !important;

}
.playlistbox .mooquee-text
{
	/* don't change */
	position: absolute;
        width:164px;
}

.playlistbox .top-playlist{position:absolute;width:8px;height:8px;margin:5px 0 0 260px;}
.playlistbox .top-playlist a{display:block;text-indent:-9999px;width:8px;height:8px;background:url(../images/player/top-playlist.jpg) no-repeat 0 0;}
.playlistbox .bottom-playlist{position:absolute;width:8px;height:8px;margin:76px 0 0 260px;}
.playlistbox .bottom-playlist a{display:block;text-indent:-9999px;width:8px;height:8px;background:url(../images/player/playlist-bottom.png) no-repeat 0 0;}

#scrollnone{display:none;}
#handnone{display:none;}

.clrzplaylist_background p{margin:0;padding:0;}


.popupplay{margin:0 10px 10px 10px !important;}
