html {
	background: #000;
}

body {
	background: transparent url(/Player/paper.jpg) no-repeat;
	padding: 2em;
	margin: 2em auto;
  color: #000;
  font: 13px/18px Arial, sans-serif;
  width: 50em;
	-moz-border-radius: 12px;
}
a { color: #360; }
a:focus {
  -moz-outline-style: none;
}
h3 { padding-top: 20px; }
ol { margin:5px 0 15px 16px; padding:0; list-style-type:square; }
#list {
	list-style: none;
}

#player1 {
  /* visibility: hidden; */
	position: absolute;
	left: -1000px;
}

#list li {
padding: 1px;
margin: 0 0 0.2em 0;
height: 32px;
font-family: Zapfino, cursive;
}

#list li.active {
font-weight: bold;
}

#list li .title {
float: left;
/*	margin-left: 36px; */
	margin-top: 12px;
}

/* ==== Slider ==== */
#list li .progress {
visibility: hidden;
float: left;
position: relative;
margin: 8px 0 0 8px;
padding: 0 4px;
}

.progress .track {
background: url(../buttons/track.png) repeat-x 0 4px;
width: 120px;
height: 16px;
position: relative;
}

#list li .progress .left {
width: 4px;
height: 12px;
background: url(../buttons/left.png) no-repeat;
position: absolute;
left: 0;
top: 2px;
}

#list li .progress .right {
width: 4px;
height: 12px;
background: url(../buttons/right.png) no-repeat;
position: absolute;
right: 0;
top: 2px;
}

#list li .progress .ui-slider-handle {
width: 9px;
height: 16px;
background: url(../buttons/cursor.png) no-repeat;
position: absolute;
top: 0;
left: 0;
margin-left: -4.5px;
}

#list li.active .progress {
visibility: visible;
}

#list li a.button,
#list li.active.paused a.button {
display: block;
float: left;
width: 32px;
height: 32px;
background: transparent url(../buttons/play.png) no-repeat;
}

#list li.active a.button {
background-image: url(../buttons/pause.png);
}