@charset "utf-8";
/* CSS Document */

.audiojs audio{position: absolute;left: -1px;}
.audiojs{width: 100%;height: 36px;background: #404040;overflow: hidden;font-family: monospace;font-size: 12px;background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #444), color-stop(0.5, #555), color-stop(0.51, #444), color-stop(1, #444));background-image: -moz-linear-gradient(center top, #444 0%, #555 50%, #444 51%, #444 100%);-webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);-moz-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);-o-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);}
.audiojs .play-pause{width: 25px;height: 40px;padding: 4px 6px;margin: 0px;float: left;overflow: hidden;border-right: 1px solid #000;}
.audiojs p{display: none;width: 25px;height: 40px;margin: 0px;cursor: pointer;}
.audiojs .play{display: block;}
.audiojs .scrubber{position: relative;float: left;width: 50%;background: #5a5a5a;height: 14px;margin: 10px;border-top: 1px solid #3f3f3f;border-left: 0px;border-bottom: 0px;overflow: hidden;}
.audiojs .progress{position: absolute;top: 0px;left: 0px;height: 14px;width: 0px;background: #ccc;z-index: 1;background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ccc), color-stop(0.5, #ddd), color-stop(0.51, #ccc), color-stop(1, #ccc));background-image: -moz-linear-gradient(center top, #ccc 0%, #ddd 50%, #ccc 51%, #ccc 100%);}
.audiojs .loaded{position: absolute;top: 0px;left: 0px;height: 14px;width: 0px;background: #000;background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #222), color-stop(0.5, #333), color-stop(0.51, #222), color-stop(1, #222));background-image: -moz-linear-gradient(center top, #222 0%, #333 50%, #222 51%, #222 100%);}
.audiojs .time{float: left;height: 36px;line-height: 36px;margin: 0px 0px 0px 6px;padding: 0px 6px 0px 12px;border-left: 1px solid #000;color: #ddd;text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);}
.audiojs .time em{padding: 0px 2px 0px 0px;color: #f9f9f9;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: 400px;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("/audiojs/player-graphics.gif") -2px -1px no-repeat;}
.audiojs .loading{background: url("/audiojs/player-graphics.gif") -2px -31px no-repeat;}
.audiojs .error{background: url("/audiojs/player-graphics.gif") -2px -61px no-repeat;}
.audiojs .pause{background: url("/audiojs/player-graphics.gif") -2px -91px no-repeat;}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2){
/*.audiojs .play, .audiojs .loading, .audiojs .error, .audiojs .pause{background-image: url("/audiojs/player-graphics@2x.gif");-webkit-background-size: 30px 120px;-moz-background-size: 30px 120px;-o-background-size: 30px 120px;background-size: 30px 120px;}*/
} 

.playing .play, .playing .loading, .playing .error{display: none;}
.playing .pause{display: block;}
.loading .play, .loading .pause, .loading .error{display: none;}
.loading .loading{display: block;}
.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;}