* {margin:0;padding:0}
a {text-decoration:none;color:#ffeeb9;outline:none}
a img {border:none}
body{font-family:Tahoma, Geneva, sans-serif;font-size:11px;color:#ffeeb9;background:#151618}
ul{list-style-type:none}
#wrap{margin:0 auto;width:800px;height:400px;background:url(/qplayer/images/bg.jpg) bottom left no-repeat}

#head{position:relative;height:73px;background:url(/qplayer/images/top.gif) no-repeat}
#head #qplayer {position:absolute;top:5px;left:4px;z-index:0}
#head #qplayer object{margin:0;padding:0}
#head #qplayer embed{margin:0;padding:0}
#head #bar{position:absolute;z-index:0;top:16px;left:30px;width:50%;height:24px;background:url(/qplayer/images/bar_r.gif) top right no-repeat}
#head #bar ul{height:24px;background:url(/qplayer/images/bar_l.gif) top left no-repeat;padding:4px 0 0 10px}
#head #bar ul li{display:block;float:left;height:24px}
#head #bar ul li.track_name{width:322px}
#head #bar ul li.dottez{width:10px; background:url(/qplayer/images/points.gif) top center no-repeat}
#head #bar ul li.track_time{width:50px;text-align:center}

#head #playlist{position:absolute;z-index:0;right:10px;top:40px;width:350px;height:32px}
#head #playlist li {float:left}
#head #playlist li.albums {margin-right:5px}
#head #playlist li.albums a{display:block;width:84px;height:32px;background:url(/qplayer/images/btn_albums.gif) top left no-repeat}
#head #playlist li.albums a:hover{background:url(/qplayer/images/btn_albums.gif) bottom left}
#head #playlist li.albums a.hover{display:block;width:84px;height:32px;background:url(/qplayer/images/btn_albums.gif) bottom left no-repeat}
#head #playlist li.create_playlist {margin-right:5px}
#head #playlist li.create_playlist a{display:block;width:140px;height:32px;background:url(/qplayer/images/btn_create_playlist.gif) top left no-repeat}
#head #playlist li.create_playlist a:hover{background:url(/qplayer/images/btn_create_playlist.gif) bottom left no-repeat}
#head #playlist li.create_playlist a.hover{display:block;width:140px;height:32px;background:url(/qplayer/images/btn_create_playlist.gif) bottom left no-repeat}
#head #playlist li.my_playlist a{display:block;width:116px;height:32px;background:url(/qplayer/images/btn_my_playlist.gif) top left no-repeat}
#head #playlist li.my_playlist a:hover{background:url(/qplayer/images/btn_my_playlist.gif) bottom left no-repeat}
#head #playlist li.my_playlist a.hover{display:block;width:116px;height:32px;background:url(/qplayer/images/btn_my_playlist.gif) bottom left no-repeat}

#head #player{position:absolute;z-index:0;left:30px;top:46px;width:268px;height:21px}
#head #player li {float:left}
#head #player li.play {display:block;margin-right:4px}
#head #player li.play a{display:block;width:63px;height:21px;background:url(/qplayer/images/btn_play_pause.gif) top left no-repeat}
#head #player li.play a:hover{background:url(/qplayer/images/btn_play_pause.gif) center left no-repeat}
#head #player li.play a.hover{background:url(/qplayer/images/btn_play_pause.gif) bottom left no-repeat}
#head #player li.play a.hover:hover{background:url(/qplayer/images/btn_play_pause.gif) bottom left no-repeat}
#head #player li.pause {margin-right:4px;display:none}
#head #player li.pause a{display:block;width:63px;height:21px;background:url(/qplayer/images/btn_pause.gif) top left no-repeat}
#head #player li.pause a:hover{background:url(/qplayer/images/btn_pause.gif) bottom left no-repeat}
#head #player li.pause a.hover{background:url(/qplayer/images/btn_pause.gif) bottom left no-repeat}
#head #player li.stop {margin-right:4px}
#head #player li.stop a{display:block;width:63px;height:21px;background:url(/qplayer/images/btn_stop.gif) top left no-repeat}
#head #player li.stop a:hover{background:url(/qplayer/images/btn_stop.gif) bottom left no-repeat}
#head #player li.stop a.hover{background:url(/qplayer/images/btn_stop.gif) bottom left no-repeat}
#head #player li.pr {margin-right:4px}
#head #player li.pr a{display:block;width:63px;height:21px;background:url(/qplayer/images/btn_pr.gif) top left no-repeat}
#head #player li.pr a:hover{background:url(/qplayer/images/btn_pr.gif) bottom left no-repeat}
#head #player li.fw a{display:block;width:63px;height:21px;background:url(/qplayer/images/btn_fw.gif) top left no-repeat}
#head #player li.fw a:hover{background:url(/qplayer/images/btn_fw.gif) bottom left no-repeat}

.layer {margin:7px auto;width:742px;height:260px;background:url(/qplayer/images/layer.png);padding:5px 10px;display:none}
.layer ol {margin-left:2em}
.layer ol li{padding:1px 5px;cursor:default;margin:2px 0}
.layer ol .current{background:url(/qplayer/images/layer.png)}
* html .layer li.current{background:#451A13}

.layer ul {margin-left:0}
.layer ul li{padding:1px 5px;cursor:default;margin:2px 0}
.layer ul .current{background:url(/qplayer/images/layer.png)}
* html .layer li.current{background:#451A13}

#layer_albums {display:none;width:484px;float:left;margin:7px 5px 7px 20px}
* html #layer_albums {margin:7px 5px 7px 10px}
#layer_albums div {width:45%;padding:1px 5px;cursor:default;margin:2px 2px;float:left}
#layer_albums div.current{background:#451A13}
#layer_creat_playlist {display:none}
#layer_playlist {display:block;width:220px;float:right;margin:7px 20px 7px 0px}
* html #layer_playlist {margin:7px 10px 7px 0px}
/* #layer_playlist ol {margin-left:2em}
#layer_playlist ol li{padding:1px 5px;cursor:default}
#layer_playlist ol .current{background:url(/qplayer/images/layer.png)}
* html #layer_playlist ol .current{background:#151618} */