/* CSS Document */

.bg {background:url(../images/player.png); _background:url(../images/player.gif);}
.mode-bg {background:url(../images/mode.gif);}
.player {margin-left:auto; margin-right:auto; width:980px; height:35px;}
.player-l{float:left; width:3px; height:35px; background-position:0px 0px;}
.player-r{float:left; width:3px; height:35px; background-position:-11px 0px;}
.player-block {float:left; width:974px; display:block; height:35px; background-position:0px -38px; background-repeat: repeat-x; }
.player-block .playlist {float:left; margin-top:8px; margin-left:10px; margin-right:10px; width:240px; height:18px; border:1px solid #6d6d6d; background:#585858; position:relative; display:inline;}
.player-block .playlist p {position:absolute; width:10px; height:11px; left:4px; top:3px; background-position:-43px -13px; margin:0; padding:0;}
.player-block .playlist span {position:absolute; left:0px; top:0px; padding-left:20px; padding-right:10px; color:#fff;display:block; background-color:#616161;border-right:1px solid #6d6d6d; line-height:18px; _line-height:20px; height:18px; overflow:hidden;}
.player-block .playlist .select {position:absolute; right:0px;top:0px; border:3px solid #585858; width:238px; height:12px; z-index:3; display:none; *display:block; _display:none;}
.player-block .playlist select {width:183px; height:18px; position:absolute; top:0px; left:56px; background:#585858; border:none; padding:2px; color:#fff; padding-top:1px; z-index:1; font-size:12px;}
.seprator {float:left; width:3px; height:35px; background-position:-17px 0px; }
.player-block .controls {float:left; width: auto; height:35px; padding-left:5px; padding-right:5px; }
.player-block .controls a {margin-left:5px;display:inline; }
.player-block .controls a.single-mode {float:left; width:29px; height:26px; display:block; background-position:0px -40px; margin-top:5px; margin-left:0px;}
.player-block .controls a:hover.single-mode,.player-block .controls a.single-mode-select {background-position:0px -5px;}
.player-block .controls a.random-mode {float:left; width:28px; height:26px; display:block; background-position:-61px -40px; margin-top:5px; margin-left:0px;}
.player-block .controls a:hover.random-mode,.player-block .controls a.random-mode-select {background-position:-61px -5px;}
.player-block .controls a.order-mode {float:left; width:28px; height:26px; display:block; background-position:-31px -40px; margin-top:5px; margin-left:0px;}
.player-block .controls a:hover.order-mode,.player-block .controls a.order-mode-select {background-position:-31px -5px;}
.player-block .controls a.pre {float:left; width:26px; height:26px; display:block; background-position:-92px -40px; margin-top:5px; }
.player-block .controls a:hover.pre {background-position:-92px -5px;}
.player-block .controls a.pause {float:left; width:30px; height:30px; display:block; background-position:-171px -40px; margin-top:4px;}
.player-block .controls a:hover.pause {background-position:-171px -5px;}
.player-block .controls a.play {float:left; width:30px; height:30px; display:block; background-position:-130px -40px; margin-top:4px; }
.player-block .controls a:hover.play {background-position:-130px -5px;}
.player-block .controls a.next {float:left; width:26px; height:27px; display:block;background-position:-253px -40px; margin-top:4px;}
.player-block .controls a:hover.next {background-position:-253px -5px;}
.player-block .controls a.download {float:left; width:34px; height:20px; display:block; background-position:-58px -10px; margin-top:8px; color:#fff; padding-left:23px; line-height:20px; text-decoration:none;}
.player-block .info {float:left; width:300px; height:26px; color:#fff; padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px;}
.player-block .info .song-name {float:left; width:210px; height:15px; margin-top:2px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.player-block .info .s {float:left; width:5px; height:15px; line-height:15px; margin-top:2px; text-align:right;}
.player-block .info .time {float:left;height:15px; line-height:15px; margin-top:2px; text-align:right;}
.player-block .info .tracks {float:left; width:290px; height:7px; background-position:0px -198px; margin-top:5px; padding-left:3px; position:relative;}
.player-block .info .tracks .download-bar {position:absolute; left:0px; top:-1px; _top:0px; width:30%; height:7px; margin-left:2px; display:inline; background-position:0px -231px; background-repeat:repeat-x; min-width:2px; z-index:0;}
.player-block .info .tracks .download-bar .l {float:left; width:3px; height:7px; background-position:0px -224px; margin-left:-3px; _margin-top:-1px;font-size:0px; position:relative; display:inline;}
.player-block .info .tracks .download-bar .r {float:right; width:5px; height:7px; background-position:0px -238px; margin-right:-3px; _margin-top:-1px;font-size:0px; position:relative; display:inline;}
.player-block .info .tracks .seek-bar {position:absolute; left:0px; top:0px; width:10%; height:7px; margin-left:2px; display:inline; background-position:0px -271px; background-repeat:repeat-x; min-width:2px; z-index:1;}
.player-block .info .tracks .seek-bar .l {float:left; width:4px; height:7px; background-position:0px -262px; margin-left:-3px; margin-top:-1px; _margin-top:-2px; font-size:0px; position:relative; display:inline; }
.player-block .info .tracks .seek-bar .r {float:right; width:3px; height:7px; background-position:-1px -279px; margin-right:-3px; margin-top:0px;font-size:0px; position:absolute; right:0px; display:inline;}
.player-block .info .tracks .seek-bar .point {position:absolute; right:0px; width:13px; height:13px; background-position:-146px -12px; margin-right:-5px; margin-top:-4px; _margin-top:-5px;}
.player-block .volumn {float:left; width:110px; height:26px; color:#fff; padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px;}
.player-block .volumn .mute {float:left; width:20px; height:17px;  background-position:-287px -2px; margin-top:10px; display:none;}
.player-block .volumn .unmute {float:left; width:20px; height:17px;  background-position:-287px -22px;; margin-top:10px;}
.player-block .volumn .line {float:left; width:80px; background-position:0px -107px; margin-top:11px; margin-left:10px; display:inline;}
.player-block .volumn .tracks {float:left; width:90%; height:10px; padding-left:6px; position:relative;}
.player-block .volumn .tracks .volumn-bar {position:absolute; left:0px; top:0px; width:40%; height:10px; margin-left:2px; display:inline; background-position:0px -85px; background-repeat:repeat-x; min-width:2px;}
.player-block .volumn .tracks .volumn-bar .l {float:left; width:4px; height:10px; background-position:0px -75px; margin-left:-3px; margin-top:0px; _margin-top:0px; font-size:0px; position:relative; display:inline; }
.player-block .volumn .tracks .volumn-bar .r {float:right; width:3px; height:10px; background-position:-1px -95px; margin-right:-3px; margin-top:0px;font-size:0px; position:absolute; right:0px; display:inline;}
.player-block .volumn .tracks .volumn-bar .point {position:absolute; right:0px; width:15px; _width:16px; height:15px; background-position:-122px -12px; margin-right:-5px; margin-top:-2px; _margin-top:-3px;}