body {
	margin: 0;
	padding: 0;
	font-family: 'Trebuchet MS', sans-serif;
}

.container { width: 460px; margin: 0 auto; padding: 0; }
.container .box { float: left; width: 460px; margin: 0; }
.container .expanded { float: none; width: auto; margin-bottom: 10px; }
.container .light { background: #000; }

/* panzer - general */
.panzerlist { width: 460px; display: inline-block; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
 div.panzerlist-expand { width: 100%; }
.panzerlist .player { position: relative; padding: 3px ; height: 28px; text-align: left; margin: -454px 0 0 0; background: #000;
}

@-moz-document url-prefix() {
    .panzerlist .player { position: relative; padding: 3px ; height: 28px; text-align: left; margin: -484px 0 0 0; background: #000;
    }
}



.panzerlist-unsupported .player { height: auto; }
.panzerlist .controls { float: left; width: 74px; height: 28px; overflow: hidden; }
.hide-prev-next .player .controls { width: 28px; }
.panzerlist .controls span, .panzerlist .controls a { float: left; width: 28px; height: 28px; background-position: 0 0; }
.panzerlist .controls span:hover, .panzerlist .controls span.hover, .panzerlist .controls a:hover { background-position: -28px 0; }
.panzerlist .controls span:active, .panzerlist .controls span.active, .panzerlist .controls a:active { background-position: -56px 0; }
.panzerlist .controls em { display: block; }
.panzerlist .controls .play em { width: 9px; height: 12px; margin-top: 9px; margin-left: 11px; background-position: -85px -1px; }
.panzerlist .controls .pause em { width: 9px; height: 11px; margin-top: 9px; margin-left: 10px; background-position: -94px -1px; }
.panzerlist .controls .prev-next { float: left; margin-top: 3px; margin-left: 2px; width: 43px; height: 23px; }
.panzerlist .controls .prev-next span { float: left; width: 21px; height: 22px; }
.panzerlist .controls .prev-next span.prev { background-position: 0 -102px; }
.panzerlist .controls .prev-next span.prev:hover { background-position: -43px -102px; }
.panzerlist .controls .prev-next span.prev:active { background-position: -86px -102px; }
.panzerlist .controls .prev-next span.next { width: 22px; background-position: -21px -102px; }
.panzerlist .controls .prev-next span.next:hover { background-position: -64px -102px; }
.panzerlist .controls .prev-next span.next:active { background-position: -107px -102px; }
.panzerlist strong.alert { font-weight: normal; display: block; padding: 0 4px; text-align: left; }
.panzerlist .progress-wrapper { position: absolute; height: 11px; left: 77px; top: 12px; right: 104px; }
.hide-prev-next .progress-wrapper { left: 33px; }
.panzerlist .volume-wrapper { position: absolute; width: 70px; height: 11px; top: 12px; right: 3px; }
.panzerlist span.duration { position: absolute; top: 0; right: 74px; font: 10px/33px 'Helvetica',Arial; cursor: default; }
.panzerlist span.small { font-size: 9px; }
.panzerlist .progress, .panzerlist .volume { position: relative; margin: 0 5px; height: 11px; background-position: 0 -79px; z-index: 1; }
.panzerlist .volume { float: right; width: 40px; }
.panzerlist .volume-wrapper span { float: left; position: relative; top: -3px; left: 1px; width: 17px; height: 15px; background-position: -136px 0px; }
.panzerlist .progress:before, .panzerlist .progress:after, .panzerlist .volume:before, .panzerlist .volume:after { position: absolute; top: 0; content: ''; width: 5px; height: 11px; z-index: 1; }
.panzerlist .progress:before, .panzerlist .volume:before { left: -5px; background-position: -112px -1px; }
.panzerlist .progress:after, .panzerlist .volume:after { right: -4px; background-position: -119px -1px; }
.panzerlist .progress .elapsed, .panzerlist .volume .set { position: relative; height: 10px; background-position: 0 -90px; z-index: 2; }
.panzerlist .progress .elapsed:before, .panzerlist .progress .elapsed:after, .panzerlist .volume .set:before, .panzerlist .volume .set:after { position: absolute; top: 0; content: ''; width: 6px; height: 10px; }
.panzerlist .progress .elapsed:before, .panzerlist .volume .set:before { left: -5px; background-position: -124px -1px; }
.panzerlist .progress .elapsed:after, .panzerlist .volume .set:after { right: -5px; background-position: -130px -1px; }
.panzerlist .cover { position: relative; }
.panzerlist .cover:after { display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.panzerlist-expand .cover:after { display: none; }
.panzerlist .cover img { display: block; margin: 0 auto; border: 0; max-width: 100%; height: auto; }
.panzerlist .title { padding: 4px; text-align: center; cursor: default; }
.panzerlist .list { text-align: left; cursor: default; }
.hide-list .list { display: none; }
.panzerlist .list a { padding: 6px 15px; display: block; font-size: 14px; font-weight: normal; text-decoration: none; outline: 0; border: 0; }


/* panzer - light theme */
.panzerlist-light .controls span, .panzerlist-light .controls a, .panzerlist-light .controls em, .panzerlist-light .progress, .panzerlist-light .progress:before, .panzerlist-light .progress:after, .panzerlist-light .elapsed, .panzerlist-light .elapsed:before, .panzerlist-light .elapsed:after, .panzerlist-light .volume, .panzerlist-light .volume-wrapper span, .panzerlist-light .volume:before, .panzerlist-light .volume:after, .panzerlist-light .volume .set, .panzerlist-light .volume .set:before, .panzerlist-light .volume .set:after { background-image: url(panzerlist-sprite-light.png); }

.panzerlist-light .player, .panzerlist-light .title { border: none;}
.panzerlist-light .title { border-bottom: 0; color: #ffffff;}
.panzerlist-light span.duration, .panzerlist-light .list a { color: #fff; background: #000;
}
.panzerlist-light .list a:hover { color: #fff; background-color:#ba2d68; }
.panzerlist-light .list a.active { color: #000; background-color: #ba2d68; }
.panzerlist-light strong.alert { color: #666; }
.panzerlist-light .cover, .panzerlist-light .list { border: none; background: #eee; border-bottom: 0; }