.player{position:fixed; background: #000 url(../images/player/rep.jpg) repeat-x top; top:0; left: 0; width: 100%; height: 26px; border-bottom: 1px solid #000;}
* html .player{position: absolute;}

#player_container{position: absolute; top:0; left: 50%; margin:0 0 0 -400px; width: 400px; height: 26px;}

#player_controls{position: absolute; top:0; left: 0; height: 26px; width: 100px;}

/* sprite! */
.player_controls li, #player_volume_min, #player_volume_max, #player_volume_bar_value{background:url(../images/player/sprite.jpg);}

.player_controls li { overflow:hidden; text-indent:-9999px; width: 24px; height: 26px;top:0;display:block; position:absolute; cursor: pointer; padding: 0;}
#player_play,#player_pause { left:24px; }
#player_play { background-position:  -79px 0; }
#player_play.jqjp_hover { background-position:  -108px 0; }

#player_pause { background-position:  -137px 0;}
#player_pause.jqjp_hover { background-position:  -165px 0; }

#ctrl_prev {left:0px; background-position:  -37px 0;}
#ctrl_prev:hover { background-position:  0 0; }
#ctrl_prev.disabled { background-position:  -195px 0; cursor:default; }

#ctrl_next { left:48px; background-position:  -58px 0;}
#ctrl_next:hover { background-position:  -22px; }
#ctrl_next.disabled { background-position:  -214px 0; cursor:default; }

#player_stop {display:none !important;}

/* progress bar */
#player_progress { position:absolute; left:75px; top:6px; background-color:#555; width:122px; height:10px; border: 1px solid #777;}
#player_progress_load_bar { background:url(../images/player/progress-bar-animation.gif) top left repeat-x; width:0; height:10px; cursor:pointer; }
#player_progress_load_bar.jqjp_buffer {background:#616100;}
#player_progress_play_bar { background:#ff0; width:0; height:10px; }

#player_progress_load_bar.jqjp_buffer span{width: 16px; height: 16px; display: block; position: absolute; top:50%; left: -90px; margin-top: -8px; overflow: hidden;  background: url(../images/player/bouncey-ajax.gif) no-repeat center;}

#player_volume_bar{display: block; position: absolute; top:0; left: 660px; height: 26px;}
#player_volume_min, #player_volume_max{display: block; position: absolute; top:0; width: 26px; cursor:pointer; height: 26px;}
#player_volume_min { left:640px; top:0; background-position: -236px 0; }
#player_volume_min.jqjp_hover { background-position: -255px 0; }
#player_volume_max { left:710px; top:0; background-position: -274px 0; }
#player_volume_max.jqjp_hover { background-position: -301px 0; }
#player_volume_bar {left: 660px; width:51px; height:26px; cursor: pointer;}
#player_volume_bar_value {background-position: -334px 0; width:0; height:26px; cursor: text;}

/* time */
.player .time{position: absolute; top:0; left: 208px; width: 80px; font-size: 10px; color: #fff; padding: 7px 0;}
#play_time {font-weight: bold;}
#total_time{}

#total_time { text-align:right; }

#playlist_list {position: absolute; top:0; left: 280px; width: 350px; height: 26px; }
#playlist_listUl.jsDisabled{height: 26px; overflow: hidden; border: 1px solid #333; background: #000; border-top:none; padding:  0; border-top:none; display: block;}
#playlist_listUl.jsEnabled {height: auto; overflow: auto; display: block;background: #000; border-top:none; padding: 2px 0 5px 0; }
#playlist_listUl li { display: block; padding: 0 5px 0 10px; font-size: 12px; color: #fff;cursor: pointer;}

#playlist_listUl.jsDisabled li.playlist_current{ position: absolute; top:0; left: 0; color: #ff0; font-weight: bold; width: 90%; background: #000;}
#playlist_listUl.jsEnabled li.playlist_current {color: #ff0; font-weight: bold;}




#playlist_listUl li.playlist_hover { color: #ff0; background: url(../images/player/white-arrow.gif) no-repeat left; padding-left: 14px;}