@charset "UTF-8";

.audiojs audio {
position: absolute;
left: -1px;
}

.audiojs {
width: 600px;
height: 36px;
background:rgba(255,255,255,0.5);
overflow: hidden;
font-family: monospace;
font-size: 12px;
margin:0;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}

.audiojs .play-pause {
width: 25px;
height: 40px;
padding: 3px 6px;
margin: 0px;
float: left;
overflow: hidden;
border-right: 1px solid #FFF;
}

.audiojs p {
display: none;
width: 25px;
height: 40px;
margin: 0px;
cursor: pointer;
}

.audiojs .play {
display: block;
}

.audiojs .scrubber {
position: relative;
float: left;
width: 420px;
background: #C0C0C0;
height: 14px;
margin:11px 0 0 15px;
border-top: 0px;
border-left: 0px;
border-bottom: 0px;
overflow: hidden;
}

.audiojs .progress {
position: absolute;
top: 0px;
left: 0px;
height: 14px;
width: 0px;
background: #202020;
z-index: 1;
}

.audiojs .loaded {
position: absolute;
top: 0px;
left: 0px;
height: 14px;
width: 0px;
background: #505050;
}

.audiojs .time {
float: left;
height: 36px;
line-height: 36px;
margin: 1px 0 0 10px;
padding: 0px 0px 0px 18px;
border-left: 1px solid #FFF;
color: #505050;
text-shadow:none;
-webkit-text-shadow:none;
-moz-text-shadow:none;
}

.audiojs .time em {
padding: 0px 2px 0px 0px;
color: #505050;
font-style: normal;
}

.audiojs .time strong {
padding: 0px 0px 0px 2px;
font-weight: normal;
}

.audiojs .error-message {
float: left;
display: none;
margin: 0px 10px;
height: 36px;
width: 500px;
overflow: hidden;
line-height: 36px;
white-space: nowrap;
color: #fff;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
-icab-text-overflow: ellipsis;
-khtml-text-overflow: ellipsis;
-moz-text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
}

.audiojs .error-message a {
color: #eee;
text-decoration: none;
padding-bottom: 1px;
border-bottom: 1px solid #999;
white-space: wrap;
}

.audiojs .play {
background: url("../../structure/player/player-graphics.png") -2px -1px no-repeat;
}
.audiojs .loading {
background: url("../../structure/player/player-graphics.png") 5px -26px no-repeat;
}

.audiojs .error {
background: url("../../structure/player/player-graphics.png") 4px -58px no-repeat;
}

.audiojs .pause {
background: url("../../structure/player/player-graphics.png") -2px -91px no-repeat;
}

.playing .play, .playing .loading, .playing .error {
display: none;
}

.playing .pause {
display: block;
}

.loading .play, .loading .pause, .loading .error {
display: none;
}

.loading .loading {
display: none;
}

.error .time, .error .play, .error .pause, .error .scrubber, .error .loading {
display: none;
}

.error .error {
display: block;
}

.error .play-pause p {
cursor: auto;
}

.error .error-message {
display: block;
}

ol {
padding:10px;
list-style:none;
width: 580px;
box-shadow: 1px 1px 5px #A0A0A0;
-webkit-box-shadow: 1px 1px 5px #A0A0A0;
-moz-box-shadow: 1px 1px 5px #A0A0A0;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-top:1px solid #D0D0D0;
}

ol li {
position: relative;
margin:0 0 2px 0;
background:rgba(255,255,255,0.5);
cursor: pointer;
}

ol li a {
display: block;
font-size:12px;
line-height:20px;
text-indent:-10px;
padding: 0px 0px 0px 20px;
color: #606060;
text-decoration: none;
}

ol li a:hover {
color:#a0b63b;
}

li.playing a {
color:#a0b63b;
}