.panzer { width: 320px; display: inline-block; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.panzer-unsupported { width: auto; }
.panzer.panzer-expand { width: 100%; }
.panzer .player { position: relative; padding: 3px; height: 27px; text-align: left; }
.panzer .controls { float: left; width: 28px; height: 28px; overflow: hidden; }
.panzer .controls span, .panzer .controls a, .panzer .download-wrapper span, .panzer .download-wrapper a { float: left; width: 28px; height: 28px; background-position: -1px -1px; }
.panzer .controls span:hover, .panzer .controls span.hover, .panzer .controls a:hover, .panzer .download-wrapper span:hover, .panzer .download-wrapper span.hover, .panzer .download-wrapper a:hover { background-position: -29px -1px; }
.panzer .controls span:active, .panzer .controls span.active, .panzer .controls a:active, .panzer .download-wrapper span:active, .panzer .download-wrapper span.active, .panzer .download-wrapper a:active { background-position: -57px -1px; }
.panzer .controls em, .panzer .download-wrapper em { display: block; }
.panzer .controls .play em { width: 9px; height: 12px; margin-top: 9px; margin-left: 11px; background-position: -86px -2px; }
.panzer .controls .pause em { width: 7px; height: 11px; margin-top: 9px; margin-left: 10px; background-position: -95px -2px; }
.panzer .controls .download em, .panzer .download-wrapper .download em { width: 9px; height: 10px; margin-top: 9px; margin-left: 9px; background-position: -104px -2px; }
.panzer .download-wrapper { float: right; width: 28px; height: 28px; overflow: hidden; }
.panzer strong.alert { font: 12px/27px Arial; font-weight: normal; padding-left: 5px; }
.panzer .progress-wrapper { position: absolute; height: 10px; left: 33px; top: 12px; right: 4px; }
.has-rates .progress-wrapper { left: 54px; }
.show-download .progress-wrapper { right: 33px; }
.show-duration .progress-wrapper { right: 34px; }
.show-duration.show-download .progress-wrapper { right: 63px; }
.show-volume .progress-wrapper { right: 104px; }
.show-volume.show-download .progress-wrapper { right: 133px; }
.show-volume .volume-wrapper { position: absolute; width: 100px; height: 10px; top: 12px; right: 4px; }
.show-volume.show-download .volume-wrapper { right: 33px; }
.show-duration.show-volume.show-download .volume-wrapper { right: 34px; }
.show-duration.show-volume .progress-wrapper { right: 133px; }
.show-duration.show-volume.show-download .progress-wrapper { right: 164px; }
.panzer .rates { position: absolute; left: 30px; top: 0; width: 22px; font: 10px/33px Arial; text-align: center; }
.panzer .rates .dropdown-rates { display: none; position: absolute; z-index: 200; left: -4px; bottom: 100%; width: 30px; padding-top: 2px; padding-bottom: 2px; }
.panzer .rates:hover .dropdown-rates,.panzer .rates.clicked .dropdown-rates { display: block; }
.panzer .rates.clicked.hide-clicked .dropdown-rates,.panzer .rates:hover .dropdown-rates.hide-clicked { display: none; }
.panzer .rates .dropdown-rates span { display: block; line-height: 20px; }
.show-duration span.duration { position: absolute; top: 0; right: 4px; font: 10px/33px Arial; cursor: default; }
.show-duration span.small { font-size: 9px; }
.show-duration.show-volume span.duration { right: 104px; }
.show-duration.show-download span.duration { right: 34px; }
.show-duration.show-volume.show-download span.duration { right: 135px; }
.panzer .progress, .panzer .volume { position: relative; margin: 0 5px; height: 10px; background-position: 0 -80px; z-index: 1; }
.panzer.show-volume .volume { float: right; width: 69px; }
.panzer.show-volume .volume-wrapper span { float: left; position: relative; top: -3px; left: 2px; width: 16px; height: 14px; background-position: -137px -1px; }
.panzer .progress:before, .panzer .progress:after, .panzer .volume:before, .panzer .volume:after { position: absolute; top: 0; content: ''; width: 5px; height: 10px; z-index: 1; }
.panzer .progress:before, .panzer .volume:before { left: -5px; background-position: -113px -2px; }
.panzer .progress:after, .panzer .volume:after { right: -4px; background-position: -120px -2px; }
.panzer .progress .elapsed, .panzer .volume .set { position: relative; height: 10px; background-position: 0 -91px; z-index: 2; }
.panzer .progress .elapsed:before, .panzer .progress .elapsed:after, .panzer .volume .set:before, .panzer .volume .set:after { position: absolute; top: 0; content: ''; width: 6px; height: 10px; }
.panzer .progress .elapsed:before, .panzer .volume .set:before { left: -5px; background-position: -124px -2px; }
.panzer .progress .elapsed:after, .panzer .volume .set:after { right: -5px; background-position: -130px -2px; }
.panzer .cover img { display: block; margin: 0 auto; border: 0; max-width: 100%; height: auto; }
.panzer .title { padding: 3px 5px; text-align: left; font: 12px/18px 'Helvetica',Arial; cursor: default; } .panzer-big .player { padding: 5px; height: 48px; }
.panzer-big .controls, .panzer-big .download-wrapper { width: 48px; height: 49px; overflow: hidden; }
.panzer-big .controls span, .panzer-big .controls a, .panzer-big .download-wrapper span, .panzer-big .download-wrapper a { width: 48px; height: 49px; background-position: -1px -30px; margin: 0; padding: 0; border: 0; }
.panzer-big .controls span:hover, .panzer-big .controls span.hover, .panzer-big .controls a:hover, .panzer-big .download-wrapper span:hover, .panzer-big .download-wrapper span.hover, .panzer-big .download-wrapper a:hover { background-position: -50px -30px; }
.panzer-big .controls span:active, .panzer-big .controls span.active, .panzer-big .controls a:active, .panzer-big .download-wrapper span:active, .panzer-big .download-wrapper span.active, .panzer-big .download-wrapper a:active { background-position: -99px -30px; }
.panzer-big .controls .play em { width: 15px; height: 18px; margin-top: 15px; margin-left: 19px; background-position: -149px -34px; }
.panzer-big .controls .pause em { width: 14px; height: 19px; margin-top: 15px; margin-left: 17px; background-position: -149px -54px; }
.panzer-big .controls .download em, .panzer-big .download-wrapper .download em { width: 14px; height: 18px; margin-top: 15px; margin-left: 17px; background-position: -166px -34px; }
.panzer-big strong.alert { line-height: 48px; }
.panzer-big .progress-wrapper { left: 58px; top: 24px; right: 6px; }
.panzer-big.has-rates .progress-wrapper { left: 78px; }
.panzer-big .rates { left: 55px; line-height: 57px }
.panzer-big.show-download .progress-wrapper { right: 57px; }
.panzer-big.show-duration .progress-wrapper { right: 40px; }
.panzer-big.show-duration span.duration { right: 6px; font-size: 12px; line-height: 57px; }
.panzer-big.show-duration.show-download span.duration { right: 58px; }
.panzer-big.show-duration span.small { font-size: 11px; line-height: 58px; }
.panzer-big.show-volume .progress-wrapper { right: 106px; }
.panzer-big.show-volume.show-download .progress-wrapper { right: 162px; }
.panzer-big.show-volume .volume-wrapper { top: 24px; right: 6px; }
.panzer-big.show-volume.show-download .volume-wrapper { right: 58px; }
.panzer-big.show-duration.show-download .progress-wrapper { right: 92px; }
.panzer-big.show-duration.show-volume .progress-wrapper { right: 141px; }
.panzer-big.show-duration.show-volume.show-download .progress-wrapper { right: 198px; }
.panzer-big.show-duration.show-volume span.duration { right: 107px; }
.panzer-big.show-duration.show-volume.show-download span.duration { right: 162px; } .panzer-dark .controls span, .panzer-dark .controls a, .panzer-dark .controls em, .panzer-dark .download-wrapper span, .panzer-dark .download-wrapper a, .panzer-dark .download-wrapper em, .panzer-dark .progress, .panzer-dark .progress:before, .panzer-dark .progress:after, .panzer-dark .elapsed, .panzer-dark .elapsed:before, .panzer-dark .elapsed:after, .panzer-dark .volume, .panzer-dark .volume-wrapper span, .panzer-dark .volume:before, .panzer-dark .volume:after, .panzer-dark .volume .set, .panzer-dark .volume .set:before, .panzer-dark .volume .set:after { background-image: url(//songsforthegreatturning.net/mp3playerz/panzer-sprite-dark.png); }
.panzer-dark .player { border: 1px solid #111; background: #333; background: -moz-linear-gradient(top, #4a4a4a 0%, #292929 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4a4a4a), color-stop(100%,#292929)); background: -webkit-linear-gradient(top, #4a4a4a 0%,#292929 100%); background: -o-linear-gradient(top, #4a4a4a 0%,#292929 100%); background: -ms-linear-gradient(top, #4a4a4a 0%,#292929 100%); background: linear-gradient(to bottom, #4a4a4a 0%,#292929 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a4a4a', endColorstr='#292929',GradientType=0 ); -webkit-box-shadow: inset 0px 0px 3px rgba(85,85,85,.75); box-shadow: inset 0px 0px 3px rgba(85,85,85,.75); }
.panzer-dark .rates .dropdown-rates { border: 1px solid #111; border-bottom: none; background-color: #4a4a4a; }
.panzer-dark span.duration, .panzer-dark .title, .panzer-dark .rates { color: #bbb; }
.panzer-dark strong.alert { color: #ccc; }
.panzer-dark .cover, .panzer-dark .title { border: 1px solid #111; background: #333; }
.panzer-dark .cover { border-bottom: 0; }
.panzer-dark .title { border-top: 0; } .panzer-light .controls span, .panzer-light .controls a, .panzer-light .controls em, .panzer-light .download-wrapper span, .panzer-light .download-wrapper a, .panzer-light .download-wrapper em, .panzer-light .progress, .panzer-light .progress:before, .panzer-light .progress:after, .panzer-light .elapsed, .panzer-light .elapsed:before, .panzer-light .elapsed:after, .panzer-light .volume, .panzer-light .volume-wrapper span, .panzer-light .volume:before, .panzer-light .volume:after, .panzer-light .volume .set, .panzer-light .volume .set:before, .panzer-light .volume .set:after { background-image: url(//songsforthegreatturning.net/mp3playerz/panzer-sprite-light.png); }
.panzer-light .player { border: 1px solid #c3c3c3; background: #eee; background: -moz-linear-gradient(top, #fcfcfc 0%, #d9d9d9 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#d9d9d9)); background: -webkit-linear-gradient(top, #fcfcfc 0%,#d9d9d9 100%); background: -o-linear-gradient(top, #fcfcfc 0%,#d9d9d9 100%); background: -ms-linear-gradient(top, #fcfcfc 0%,#d9d9d9 100%); background: linear-gradient(to bottom, #fcfcfc 0%,#d9d9d9 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#d9d9d9',GradientType=0 ); }
.panzer-light .rates .dropdown-rates { border: 1px solid #c3c3c3; border-bottom: none; background-color: #fcfcfc; }
.panzer-light span.duration, .panzer-light .title, .panzer-light .rates { color: #666; }
.panzer-light strong.alert { color: #666; }
.panzer-light .cover, .panzer-light .title { border: 1px solid #c3c3c3; background: #eee; }
.panzer-light .cover { border-bottom: 0; }
.panzer-light .title { border-top: 0; }
@media (max-width: 480px) {
.panzer { width: auto; display: block; }
}
@media (max-width: 320px) {
.show-duration .progress-wrapper { right: 34px; }
.show-volume .progress-wrapper { right: 4px; }
.show-volume.show-download .progress-wrapper { right: 33px; }
.show-volume .volume-wrapper { display: none; }
.show-duration.show-volume .progress-wrapper { right: 34px; }
.show-duration.show-volume.show-download .progress-wrapper { right: 63px; }
.show-duration.show-volume span.duration { right: 4px; }
.show-duration.show-volume.show-download span.duration { right: 34px; }
.panzer-big.show-volume .progress-wrapper { right: 6px; }
.panzer-big.show-download .progress-wrapper { right: 58px; }
.panzer-big.show-volume.show-download .progress-wrapper { right: 58px; }
.panzer-big.show-duration.show-volume.show-download .progress-wrapper { right: 92px; }
.panzer-big.show-duration.show-volume .progress-wrapper { right: 40px; }
.panzer-big.show-duration.show-volume span.duration { right: 6px; }
.panzer-big.show-duration.show-volume.show-download span.duration { right: 58px; }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 192dpi) {
.panzer-dark .controls span, .panzer-dark .controls a, .panzer-dark .controls em, .panzer-dark .download-wrapper span, .panzer-dark .download-wrapper a, .panzer-dark .download-wrapper em, .panzer-dark .progress, .panzer-dark .progress:before, .panzer-dark .progress:after, .panzer-dark .elapsed, .panzer-dark .elapsed:before, .panzer-dark .elapsed:after, .panzer-dark .volume, .panzer-dark .volume-wrapper span, .panzer-dark .volume:before, .panzer-dark .volume:after, .panzer-dark .volume .set, .panzer-dark .volume .set:before, .panzer-dark .volume .set:after { background-image: url(//songsforthegreatturning.net/mp3playerz/panzer-sprite-dark@2x.png); background-size: 217px 161px; }
.panzer-light .controls span, .panzer-light .controls a, .panzer-light .controls em, .panzer-light .download-wrapper span, .panzer-light .download-wrapper a, .panzer-light .download-wrapper em, .panzer-light .progress, .panzer-light .progress:before, .panzer-light .progress:after, .panzer-light .elapsed, .panzer-light .elapsed:before, .panzer-light .elapsed:after, .panzer-light .volume, .panzer-light .volume-wrapper span, .panzer-light .volume:before, .panzer-light .volume:after, .panzer-light .volume .set, .panzer-light .volume .set:before, .panzer-light .volume .set:after { background-image: url(//songsforthegreatturning.net/mp3playerz/panzer-sprite-light@2x.png); background-size: 217px 161px; }
}.panzerlist { width: 400px; display: inline-block; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.panzerlist.panzerlist-expand { width: 100%; }
.panzerlist .player { position: relative; padding: 3px; height: 28px; text-align: left; }
.panzerlist-unsupported .player { height: auto; }
.panzerlist .controls { float: left; width: 74px; height: 28px; overflow: hidden; }
.panzerlist .download-wrapper { float: right; width: 28px; height: 28px; overflow: hidden; }
.hide-prev-next .player .controls { width: 28px; }
.panzerlist .controls span, .panzerlist .controls a, .panzerlist .download-wrapper a { float: left; width: 28px; height: 28px; background-position: 0 0; }
.panzerlist .controls span:hover, .panzerlist .controls span.hover, .panzerlist .controls a:hover, .panzerlist .download-wrapper a:hover { background-position: -28px 0; }
.panzerlist .controls span:active, .panzerlist .controls span.active, .panzerlist .controls a:active, .panzerlist .download-wrapper a:active { background-position: -56px 0; }
.panzerlist .controls em, .panzerlist .download-wrapper 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 .download-wrapper .download em { width: 10px; height: 10px; margin-top: 10px; margin-left: 10px; background-position: -104px -2px; }
.panzerlist strong.alert { font: 12px/18px 'Helvetica',Arial; font-weight: normal; display: block; padding: 0 4px; text-align: left; }
.panzerlist .progress-wrapper { position: absolute; height: 11px; left: 77px; top: 12px; right: 104px; }
.panzerlist.show-download .progress-wrapper { right: 132px; }
.hide-prev-next .progress-wrapper { left: 33px; }
.panzerlist.has-rates .progress-wrapper { left: 54px; }
.panzerlist .rates { position: absolute; left: 31px; top: 0; width: 22px; font: 10px/33px Arial; text-align: center; }
.panzerlist .rates .dropdown-rates { display: none; position: absolute; z-index: 200; left: -4px; bottom: 100%; width: 30px; padding-top: 2px; padding-bottom: 2px; }
.panzerlist .rates:hover .dropdown-rates,.panzerlist .rates.clicked .dropdown-rates { display: block; }
.panzerlist .rates.clicked.hide-clicked .dropdown-rates,.panzerlist .rates:hover .dropdown-rates.hide-clicked { display: none; }
.panzerlist .rates .dropdown-rates span { display: block; line-height: 20px; }
.panzerlist .volume-wrapper { position: absolute; width: 70px; height: 11px; top: 12px; right: 3px; }
.panzerlist.show-download .volume-wrapper { right: 31px; }
.panzerlist span.duration, .panzerlist .rates { font: 10px/33px 'Helvetica',Arial; }
.panzerlist span.duration { position: absolute; top: 0; right: 74px; cursor: default; }
.panzerlist.show-download span.duration { right: 102px; }
.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: -113px -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 img { display: block; margin: 0 auto; border: 0; max-width: 100%; height: auto; }
.panzerlist .title { padding: 4px; text-align: center; font: 12px/20px 'Helvetica',Arial; cursor: default; }
.panzerlist .list { text-align: left; cursor: default; }
.hide-list .list { display: none; }
.panzerlist .list a { padding: 4px 7px; display: block; font: 12px/18px Arial; font-weight: normal; text-decoration: none; outline: 0; border: 0; } .panzerlist-big .player { padding: 5px; height: 74px; }
.panzerlist-unsupported .player { height: auto; }
.panzerlist-big .controls, .panzerlist-big .download-wrapper { height: 49px; margin-top: 25px; overflow: hidden; }
.panzerlist-big .controls { width: 127px; }
.panzerlist-big .download-wrapper { width: 49px; }
.panzerlist-big.hide-prev-next .player .controls { width: 49px; }
.panzerlist-big .controls span, .panzerlist-big .controls a, .panzerlist-big .download-wrapper a { width: 49px; height: 49px; background-position: 0 -29px; margin: 0; padding: 0; border: 0; }
.panzerlist-big .controls span:hover, .panzerlist-big .controls span.hover, .panzerlist-big .controls a:hover, .panzerlist-big .download-wrapper a:hover { background-position: -49px -29px; }
.panzerlist-big .controls span:active, .panzerlist-big .controls span.active, .panzerlist-big .controls a:active, .panzerlist-big .download-wrapper a:active { background-position: -98px -29px; }
.panzerlist-big .controls .play em { width: 15px; height: 18px; margin-top: 15px; margin-left: 19px; background-position: -148px -33px; }
.panzerlist-big .controls .pause em { width: 15px; height: 19px; margin-top: 15px; margin-left: 17px; background-position: -148px -53px; }
.panzerlist-big .controls .prev-next { margin-top: 7px; margin-left: 5px; width: 73px; height: 35px; }
.panzerlist-big .controls .prev-next span { float: left; width: 35px; height: 34px; }
.panzerlist-big .controls .prev-next span.prev { margin-left: 1px; background-position: -1px -126px; }
.panzerlist-big .controls .prev-next span.prev:hover { background-position: -73px -126px; }
.panzerlist-big .controls .prev-next span.prev:active { background-position: -145px -126px; }
.panzerlist-big .controls .prev-next span.next { width: 36px; background-position: -36px -126px; }
.panzerlist-big .controls .prev-next span.next:hover { background-position: -108px -126px; }
.panzerlist-big .controls .prev-next span.next:active { background-position: -180px -126px; }
.panzerlist-big .download-wrapper .download em { width: 14px; height: 18px; margin-top: 16px; margin-left: 18px; background-position: -166px -34px; }
.panzerlist-big strong.alert { font-size: 13px; }
.panzerlist-big .progress-wrapper, .panzerlist-big.has-rates .progress-wrapper { left: 6px;  }
.panzerlist-big .progress-wrapper { top: 12px; }
.panzerlist-big .progress-wrapper, .panzerlist-big.show-download .progress-wrapper { right: 6px; }
.panzerlist-big.has-rates .rates { top: 37px; left: 134px; }
.panzerlist-big.hide-prev-next.has-rates .rates { left: 56px; }
.panzerlist-big span.duration { top: 25px; right: 110px; font-size: 12px; line-height: 57px; }
.panzerlist-big.show-download span.duration { right: 162px; }
.panzerlist-big span.small { font-size: 11px; line-height: 58px; }
.panzerlist-big .volume-wrapper { top: 48px; right: 6px; width: 102px; }
.panzerlist-big.show-download .volume-wrapper { right: 57px; }
.panzerlist-big .volume-wrapper .volume { width: 70px; }
.panzerlist-big .title { padding: 6px; font-size: 14px; }
.panzerlist-big .list { font-size: 13px; line-height: 20px; }
.panzerlist-big .list a { padding: 5px 9px; } .panzerlist-dark .controls span, .panzerlist-dark .controls a, .panzerlist-dark .controls em, .panzerlist-dark .download-wrapper a, .panzerlist-dark .download-wrapper em, .panzerlist-dark .progress, .panzerlist-dark .progress:before, .panzerlist-dark .progress:after, .panzerlist-dark .elapsed, .panzerlist-dark .elapsed:before, .panzerlist-dark .elapsed:after, .panzerlist-dark .volume, .panzerlist-dark .volume-wrapper span, .panzerlist-dark .volume:before, .panzerlist-dark .volume:after, .panzerlist-dark .volume .set, .panzerlist-dark .volume .set:before, .panzerlist-dark .volume .set:after { background-image: url(//songsforthegreatturning.net/mp3playerz/panzer-sprite-dark.png); }
.panzerlist-dark .player, .panzerlist-dark .title { border: 1px solid #111; background: #333; background: -moz-linear-gradient(top, #4a4a4a 0%, #292929 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4a4a4a), color-stop(100%,#292929)); background: -webkit-linear-gradient(top, #4a4a4a 0%,#292929 100%); background: -o-linear-gradient(top, #4a4a4a 0%,#292929 100%); background: -ms-linear-gradient(top, #4a4a4a 0%,#292929 100%); background: linear-gradient(to bottom, #4a4a4a 0%,#292929 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a4a4a', endColorstr='#292929',GradientType=0 ); -webkit-box-shadow: inset 0px 0px 3px rgba(85,85,85,.75); box-shadow: inset 0px 0px 3px rgba(85,85,85,.75); }
.panzerlist-dark .rates .dropdown-rates { border: 1px solid #111; border-bottom-width: 0; background-color: #4a4a4a; }
.panzerlist-dark.panzerlist-big .rates .dropdown-rates { border-bottom-width: 1px; }
.panzerlist-dark .title { border-bottom: 0; color: #ccc; text-shadow: 1px 1px rgba(0,0,0,0.5); }
.panzerlist-dark span.duration, .panzerlist-dark .list a, .panzerlist-dark .rates { color: #bbb; }
.panzerlist-dark .list a:hover { color: #fff; background-color: #2a2a2a; }
.panzerlist-dark .list a.active { color: #62cde7; background-color: #262626; }
.panzerlist-dark strong.alert { color: #ccc; }
.panzerlist-dark .cover, .panzerlist-dark .list { border: 1px solid #111; background: #333; border-bottom: 0; } .panzerlist-light .controls span, .panzerlist-light .controls a, .panzerlist-light .controls em, .panzerlist-light .download-wrapper a, .panzerlist-light .download-wrapper 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(//songsforthegreatturning.net/mp3playerz/panzer-sprite-light.png); }
.panzerlist-light .player, .panzerlist-light .title { border: 1px solid #c3c3c3; background: #eee; background: -moz-linear-gradient(top, #fcfcfc 0%, #d9d9d9 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#d9d9d9)); background: -webkit-linear-gradient(top, #fcfcfc 0%,#d9d9d9 100%); background: -o-linear-gradient(top, #fcfcfc 0%,#d9d9d9 100%); background: -ms-linear-gradient(top, #fcfcfc 0%,#d9d9d9 100%); background: linear-gradient(to bottom, #fcfcfc 0%,#d9d9d9 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#d9d9d9',GradientType=0 ); }
.panzerlist-light .rates .dropdown-rates { border: 1px solid #c3c3c3; border-bottom-width: 0; background-color: #fcfcfc; }
.panzerlist-light.panzerlist-big .rates .dropdown-rates { border-bottom-width: 1px; }
.panzerlist-light .title { border-bottom: 0; color: #666; text-shadow: 1px 1px rgba(255,255,255,0.5); }
.panzerlist-light span.duration, .panzerlist-light .list a, .panzerlist-light .rates { color: #666; }
.panzerlist-light .list a:hover { color: #333; background-color: #e2e2e2; }
.panzerlist-light .list a.active { color: #888; background-color: #ddd; }
.panzerlist-light strong.alert { color: #666; }
.panzerlist-light .cover, .panzerlist-light .list { border: 1px solid #c3c3c3; background: #eee; border-bottom: 0; }
@media (max-width: 480px) {
.panzerlist { width: auto; display: block; }
.panzerlist-big .volume-wrapper { display: none; }
.panzerlist-big span.duration { right: 6px }
.panzerlist-big.show-download span.duration { right: 58px; }
}
@media (max-width: 320px) {
.panzerlist .volume-wrapper { display: none; }
.panzerlist .progress-wrapper { right: 34px; }
.panzerlist.show-download .progress-wrapper { right: 62px; }
.panzerlist span.duration { right: 4px; }
.panzerlist.show-download span.duration { right: 32px; }
.panzerlist-big.show-download span.duration { right: 58px; }
.panzerlist-big .progress-wrapper, .panzerlist-big.show-download .progress-wrapper { right: 6px; }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 192dpi) {
.panzerlist-dark .controls span, .panzerlist-dark .controls a, .panzerlist-dark .controls em, .panzerlist-dark .download-wrapper a, .panzerlist-dark .download-wrapper em, .panzerlist-dark .progress, .panzerlist-dark .progress:before, .panzerlist-dark .progress:after, .panzerlist-dark .elapsed, .panzerlist-dark .elapsed:before, .panzerlist-dark .elapsed:after, .panzerlist-dark .volume, .panzerlist-dark .volume-wrapper span, .panzerlist-dark .volume:before, .panzerlist-dark .volume:after, .panzerlist-dark .volume .set, .panzerlist-dark .volume .set:before, .panzerlist-dark .volume .set:after { background-image: url(//songsforthegreatturning.net/mp3playerz/panzer-sprite-dark@2x.png); background-size: 217px 161px; }
.panzerlist-light .controls span, .panzerlist-light .controls a, .panzerlist-light .controls em, .panzerlist-light .download-wrapper a, .panzerlist-light .download-wrapper 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(//songsforthegreatturning.net/mp3playerz/panzer-sprite-light@2x.png); background-size: 217px 161px; }
}