body {
	background-color: #878787;
	font: 11px Helvetica, Arial, Geneva, sans-serif;
	color: #000000;
	padding: 5px;
	margin: 0;
}


#player_container {
	position: relative;
	background-color: #eee;
	width: 400px;
	height: 80px;
	border: 1px solid #9f6218;
}

#player_container  ul#player_controls {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#player_container  ul#player_controls li {
	overflow: hidden;
	text-indent: -9999px;
}

#player_play,
#player_pause {
	display: block;
	position: absolute;
	left: 48px;
	top: 20px;
	width: 40px;
	height: 40px;
	cursor: pointer;
}

#player_play {
	background: url("spirites.jpg") 0 0 no-repeat;
}

#player_play.jqjp_hover {
	background: url("spirites.jpg") -41px 0 no-repeat;
}

#player_pause {
	background: url("spirites.jpg") 0 -42px no-repeat;
}

#player_pause.jqjp_hover {
	background: url("spirites.jpg") -41px -42px no-repeat;
}

#ctrl_prev {
	position: absolute;
	left: 20px;
	top: 26px;
	background: url("spirites.jpg") 0 -112px no-repeat;
	width: 28px;
	height: 28px;
	cursor: pointer;
}

#ctrl_prev:hover {
	background: url("spirites.jpg") -29px -112px no-repeat;
}

#ctrl_prev.disabled {
	background: url("spirites.jpg") -58px -112px no-repeat;
	cursor: default;
}

#ctrl_next {
	position: absolute;
	left: 88px;
	top: 26px;
	background: url("spirites.jpg") 0 -141px no-repeat;
	width: 28px;
	height: 28px;
	cursor: pointer;
}

#ctrl_next:hover {
	background: url("spirites.jpg") -29px -141px no-repeat;
}

#ctrl_next.disabled {
	background: url("spirites.jpg") -58px -141px no-repeat;
	cursor: default;
}

#player_stop {
	position: absolute;
	left: 126px;
	top: 26px;
	background: url("spirites.jpg") 0 -83px no-repeat;
	width: 28px;
	height: 28px;
	cursor: pointer;
}

#player_stop.jqjp_hover {
	background: url("spirites.jpg") -29px -83px no-repeat;
}

#player_progress {
	position: absolute;
	left: 164px;
	top: 32px;
	background-color: #eee;
	width: 122px;
	height: 15px;
}

#player_progress_load_bar {
	background: url("bar_load.gif")  top left repeat-x;
	width: 0px;
	height: 15px;
	cursor: pointer;
}

#player_progress_load_bar.jqjp_buffer {
	background: url("bar_buffer.gif")  top left repeat-x;
}

#player_progress_play_bar {
	background: url("bar_play.gif") top left repeat-x;
	width: 0px;
	height: 15px;
}

#player_volume_min {
	position: absolute;
	left: 296px;
	top: 32px;
	background: url("spirites.jpg") 0 -170px no-repeat;
	width: 18px;
	height: 15px;
	cursor: pointer;
}

#player_volume_max {
	position: absolute;
	left: 368px;
	top: 32px;
	background: url("spirites.jpg") 0 -186px no-repeat;
	width: 18px;
	height: 15px;
	cursor: pointer;
}

#player_volume_min.jqjp_hover {
	background: url("spirites.jpg") -19px -170px no-repeat;
}

#player_volume_max.jqjp_hover {
	background: url("spirites.jpg") -19px -186px no-repeat;
}

#player_volume_bar {
	position: absolute;
	left: 314px;
	top: 37px;
	background: url("volume_bar.gif") repeat-x top left;
	width: 46px;
	height: 5px;
	cursor: pointer;
}

#player_volume_bar_value {
	background: url("volume_bar_value.gif") repeat-x top left;
	width: 0px;
	height: 5px;
}

#play_time,
#total_time {
	position: absolute;
	left: 164px;
	top: 49px;
	width: 122px;
	font-size: .8em;
	font-style: oblique;
}

#total_time {
	text-align: right;
}

#playlist_list {
	width: 400px;
	height: 300px;
	outline: 0;
	background-color: #ccc7c1;
}

#playlist_list ul {
	list-style-type: none;
	padding: 10px 20px 20px 20px;
	margin: 0 0 10px 0;
	background-color: #ccc7c1;
	border-top: none;
	/*width: 378px;
	font-size: .9em;*/
}

#playlist_list li {
	padding: 4px 0 4px 20px;
	border-bottom: 1px solid #eee;
	cursor: pointer;
}

#playlist_list li.playlist_current {
	color: #9f6218;
	list-style-type: square;
	list-style-position: inside;
	padding-left: 10px;
	cursor: default;
}

#playlist_list li.playlist_hover {
	color: #9f6218;
}