* {
  padding:0;
  margin:0;
}
body {
  background: transparent;
  color: black; /* text color */
}
.mainContainer {
  position:relative;
  margin:auto;
  width:265px;
  height:235px;
  border-width: 1px;
  border-color: #000;
  border-style: solid;
  border-radius: 20px
  /*background:rgba(255,0,255,0.5);*/
}
.popout {
  position:absolute;
  cursor: pointer;
  top: 5px;
  right: 10px;
  width: 20px;
  height: 20px;
  background: url(../_img/popout.png);
  background-size: 100%;
  z-index: 9999; /* It's over 9000! */
}
.logo {
  position:absolute;
  display:none;
  top:0;
  left:0;
  width:265px;
  height:130px;
  border-radius: 20px 0px 0px 0px;
  background: url(../_img/Acid3Transparent.png);
  background-size: 100%;
}
.playerContainer {
  position: absolute;
  top:0px;
  left:0;
  width:265px;
  height:235px;
}
/* Start of albumcover class */
.albumCover {
  position:absolute;
  left:10px;
  top:20px;
  width:120px;
  height:120px;
}
/*.cover {
  background-image: url(http://internetfm.com/wp-content/uploads/2010/05/acidflashbackradio-logo-with-colors.jpg);
  background-image: -moz-linear-gradient(center bottom , #000 60%, transparent 75%);
  position:absolute;
  width: 120px;
  height: 20px;
  border-radius: 10px;
  -moz-transform: scale(-1, 1);
  -webkit-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
  background-position: 0px 20px;
  background-size: 100%;
}*/
@-moz-document url-prefix() {
    .albumCover:after {
      background: -moz-element(#albumCover) repeat scroll 0% -100px transparent;
    }
    .albumCover:after {
        content: "";
        position: absolute;
        top: 110px;
        right: 0px;
        bottom: -100%;
        left: 0px;
        opacity: 0.4;
        mask: url('mask.svg#mask');
        transform: translateY(10px) scaleY(-1);
        height:20px;
    }
}
.albumCover img {
  -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(70%, transparent) , to(rgba(250, 250, 250, 0.5)));
}
.reflection {
  position: absolute;
  top: 130px;
  left: 10px;
  height:30px;
  width:120px;
  overflow: hidden;
}
.reflection img {
    -webkit-transform: scaleY(-1);
    -moz-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    transform: scaleY(-1);
    filter: flipv;
    opacity:0.20;
    filter: alpha(opacity='20');
}
.overlay {
    position:absolute;
    top:0px;
    left:0px;
    width:120px;
    height:120px;
    background-image: -moz-linear-gradient( center bottom, transparent 60%, rgba(0,0,0,0) 75%);
    background-image: -o-linear-gradient( rgba(0,0,0,0) 25%, transparent 40%);
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.60, transparent), color-stop(0.75, transparent));
    filter: progid:DXImageTransform.Microsoft.Gradient( gradientType=0, startColor=0, EndColorStr=#000000);
}
/* end of albumcover class */

.songInfo {
  text-shadow: 1px 1px 1px #ccc;
  position:absolute;
  right:5px;
  top:25px;
  width:120px;
  height:105px;
  /*background:rgba(0,255,0,0.5);*/
}
#artist, #title, #album {
  position: relative;
  width:98%;
  margin:auto;
  font-family: 'Yanone Kaffeesatz', sans-serif;
  overflow: hidden;
  /*white-space: nowrap;  Don't forget this one */
  text-overflow: ellipsis;
}
#title {
  font-weight: 300;
  /*font-family: 'Josefin Sans', sans-serif;
  font-weight: 300;*/
}
#album {
  margin-top: 12px;
  font-weight: 700;
}
#buylink {
  position:relative;
  bottom:0;
  font-weight: 200;
  font-family: sans-serif;
}


.controls{
  width: 256px;
  height: 60px;
  position: absolute;
  top: 170px;
  left: 5px;
  color: #000;
}

#playpause, #playpause:active, #playpause:focus, #playpause:visited {
    color: #FD8419;
    outline: 0px none;
}
#playpause:hover, a:hover {
    color: #FF9E00;
    outline: 0px none;
}



#slider{
  top: 21px;
  left: 55px;
  border-width: 1px;
  border-style: solid;
  border-color: #333 #333 #777 #333;
  border-radius: 25px;
  width: 140px;
  position: absolute;
  height: 13px;
  background-color: #8e8d8d;
  background: url('../_img/bg-track.png') repeat top left;
    box-shadow: inset 0 1px 5px 0px rgba(0, 0, 0, .5),
              0 1px 0 0px rgba(250, 250, 250, .5);

}
.tooltip {
  position: absolute;
  display: block;
  top: 0px;
  left:60px;
  width: 35px;
  height: 20px;
  color: #fff;
  text-align: center;
  font: 10pt Tahoma, Arial, sans-serif ;
  border-radius: 3px;
  border: 1px solid #333;
    -webkit-box-shadow:  1px 1px 2px 0px rgba(0, 0, 0, .3);
    box-shadow:  1px 1px 2px 0px rgba(0, 0, 0, .3);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: -moz-linear-gradient(top,  rgba(69,72,77,0.5) 0%, rgba(0,0,0,0.5) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,72,77,0.5)), color-stop(100%,rgba(0,0,0,0.5))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(69,72,77,0.5) 0%,rgba(0,0,0,0.5) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(69,72,77,0.5) 0%,rgba(0,0,0,0.5) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(69,72,77,0.5) 0%,rgba(0,0,0,0.5) 100%); /* IE10+ */
  background: linear-gradient(top,  rgba(69,72,77,0.5) 0%,rgba(0,0,0,0.5) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8045484d', endColorstr='#80000000',GradientType=0 ); /* IE6-9 */
}
.volume {
  width: 25px;
  height: 25px;
  top: 15px;
  right: 14px;
  position: absolute;
}
.ui-slider-handle,.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  position: absolute;
  z-index: 2;
  width: 25px;
  height: 25px;
  cursor: pointer;
  background: url('../_img/handle.png') no-repeat 50% 50%;
  font-weight: bold;
  color: #1C94C4;
  outline: none;
  top: -6px;
  margin-left: -12px;
  border:none;
}
.ui-slider-range {
  background: #ffffff; /* Old browsers */
  background: -moz-linear-gradient(top,  #ffffff 0%, #eaeaea 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eaeaea)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #ffffff 0%,#eaeaea 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #ffffff 0%,#eaeaea 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #ffffff 0%,#eaeaea 100%); /* IE10+ */
  background: linear-gradient(top,  #ffffff 0%,#eaeaea 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 ); /* IE6-9 */
  position: absolute;
  border: 0;
  top: 0;
  height: 100%;
  border-radius: 25px;
}








/*Glyphicons*/
@font-face{
  font-family:'Glyphicons Halflings';
  src:url(../_fonts/glyphicons-halflings-regular.eot);
  src:url(../_fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(../_fonts/glyphicons-halflings-regular.woff) format('woff'),url(../_fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(../_fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')
}

.glyphicon{
  position:relative;
  top:1px;
  display:inline-block;
  font-family:'Glyphicons Halflings';
  font-style:normal;
  font-weight:400;
  line-height:1;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale
}

.glyphicon-asterisk:before{
  content:"\2a"
}

.glyphicon-plus:before{
  content:"\2b"
}

.glyphicon-euro:before{
  content:"\20ac"
}

.glyphicon-minus:before{
  content:"\2212"
}

.glyphicon-cloud:before{
  content:"\2601"
}

.glyphicon-envelope:before{
  content:"\2709"
}

.glyphicon-pencil:before{
  content:"\270f"
}

.glyphicon-glass:before{
  content:"\e001"
}

.glyphicon-music:before{
  content:"\e002"
}

.glyphicon-search:before{
  content:"\e003"
}

.glyphicon-heart:before{
  content:"\e005"
}

.glyphicon-star:before{
  content:"\e006"
}

.glyphicon-star-empty:before{
  content:"\e007"
}

.glyphicon-user:before{
  content:"\e008"
}

.glyphicon-film:before{
  content:"\e009"
}

.glyphicon-th-large:before{
  content:"\e010"
}

.glyphicon-th:before{
  content:"\e011"
}

.glyphicon-th-list:before{
  content:"\e012"
}

.glyphicon-ok:before{
  content:"\e013"
}

.glyphicon-remove:before{
  content:"\e014"
}

.glyphicon-zoom-in:before{
  content:"\e015"
}

.glyphicon-zoom-out:before{
  content:"\e016"
}

.glyphicon-off:before{
  content:"\e017"
}

.glyphicon-signal:before{
  content:"\e018"
}

.glyphicon-cog:before{
  content:"\e019"
}

.glyphicon-trash:before{
  content:"\e020"
}

.glyphicon-home:before{
  content:"\e021"
}

.glyphicon-file:before{
  content:"\e022"
}

.glyphicon-time:before{
  content:"\e023"
}

.glyphicon-road:before{
  content:"\e024"
}

.glyphicon-download-alt:before{
  content:"\e025"
}

.glyphicon-download:before{
  content:"\e026"
}

.glyphicon-upload:before{
  content:"\e027"
}

.glyphicon-inbox:before{
  content:"\e028"
}

.glyphicon-play-circle:before{
  content:"\e029"
}

.glyphicon-repeat:before{
  content:"\e030"
}

.glyphicon-refresh:before{
  content:"\e031"
}

.glyphicon-list-alt:before{
  content:"\e032"
}

.glyphicon-lock:before{
  content:"\e033"
}

.glyphicon-flag:before{
  content:"\e034"
}

.glyphicon-headphones:before{
  content:"\e035"
}

.glyphicon-volume-off:before{
  content:"\e036"
}

.glyphicon-volume-down:before{
  content:"\e037"
}

.glyphicon-volume-up:before{
  content:"\e038"
}

.glyphicon-qrcode:before{
  content:"\e039"
}

.glyphicon-barcode:before{
  content:"\e040"
}

.glyphicon-tag:before{
  content:"\e041"
}

.glyphicon-tags:before{
  content:"\e042"
}

.glyphicon-book:before{
  content:"\e043"
}

.glyphicon-bookmark:before{
  content:"\e044"
}

.glyphicon-print:before{
  content:"\e045"
}

.glyphicon-camera:before{
  content:"\e046"
}

.glyphicon-font:before{
  content:"\e047"
}

.glyphicon-bold:before{
  content:"\e048"
}

.glyphicon-italic:before{
  content:"\e049"
}

.glyphicon-text-height:before{
  content:"\e050"
}

.glyphicon-text-width:before{
  content:"\e051"
}

.glyphicon-align-left:before{
  content:"\e052"
}

.glyphicon-align-center:before{
  content:"\e053"
}

.glyphicon-align-right:before{
  content:"\e054"
}

.glyphicon-align-justify:before{
  content:"\e055"
}

.glyphicon-list:before{
  content:"\e056"
}

.glyphicon-indent-left:before{
  content:"\e057"
}

.glyphicon-indent-right:before{
  content:"\e058"
}

.glyphicon-facetime-video:before{
  content:"\e059"
}

.glyphicon-picture:before{
  content:"\e060"
}

.glyphicon-map-marker:before{
  content:"\e062"
}

.glyphicon-adjust:before{
  content:"\e063"
}

.glyphicon-tint:before{
  content:"\e064"
}

.glyphicon-edit:before{
  content:"\e065"
}

.glyphicon-share:before{
  content:"\e066"
}

.glyphicon-check:before{
  content:"\e067"
}

.glyphicon-move:before{
  content:"\e068"
}

.glyphicon-step-backward:before{
  content:"\e069"
}

.glyphicon-fast-backward:before{
  content:"\e070"
}

.glyphicon-backward:before{
  content:"\e071"
}

.glyphicon-play:before{
  content:"\e072"
}

.glyphicon-pause:before{
  content:"\e073"
}

.glyphicon-stop:before{
  content:"\e074"
}

.glyphicon-forward:before{
  content:"\e075"
}

.glyphicon-fast-forward:before{
  content:"\e076"
}

.glyphicon-step-forward:before{
  content:"\e077"
}

.glyphicon-eject:before{
  content:"\e078"
}

.glyphicon-chevron-left:before{
  content:"\e079"
}

.glyphicon-chevron-right:before{
  content:"\e080"
}

.glyphicon-plus-sign:before{
  content:"\e081"
}

.glyphicon-minus-sign:before{
  content:"\e082"
}

.glyphicon-remove-sign:before{
  content:"\e083"
}

.glyphicon-ok-sign:before{
  content:"\e084"
}

.glyphicon-question-sign:before{
  content:"\e085"
}

.glyphicon-info-sign:before{
  content:"\e086"
}

.glyphicon-screenshot:before{
  content:"\e087"
}

.glyphicon-remove-circle:before{
  content:"\e088"
}

.glyphicon-ok-circle:before{
  content:"\e089"
}

.glyphicon-ban-circle:before{
  content:"\e090"
}

.glyphicon-arrow-left:before{
  content:"\e091"
}

.glyphicon-arrow-right:before{
  content:"\e092"
}

.glyphicon-arrow-up:before{
  content:"\e093"
}

.glyphicon-arrow-down:before{
  content:"\e094"
}

.glyphicon-share-alt:before{
  content:"\e095"
}

.glyphicon-resize-full:before{
  content:"\e096"
}

.glyphicon-resize-small:before{
  content:"\e097"
}

.glyphicon-exclamation-sign:before{
  content:"\e101"
}

.glyphicon-gift:before{
  content:"\e102"
}

.glyphicon-leaf:before{
  content:"\e103"
}

.glyphicon-fire:before{
  content:"\e104"
}

.glyphicon-eye-open:before{
  content:"\e105"
}

.glyphicon-eye-close:before{
  content:"\e106"
}

.glyphicon-warning-sign:before{
  content:"\e107"
}

.glyphicon-plane:before{
  content:"\e108"
}

.glyphicon-calendar:before{
  content:"\e109"
}

.glyphicon-random:before{
  content:"\e110"
}

.glyphicon-comment:before{
  content:"\e111"
}

.glyphicon-magnet:before{
  content:"\e112"
}

.glyphicon-chevron-up:before{
  content:"\e113"
}

.glyphicon-chevron-down:before{
  content:"\e114"
}

.glyphicon-retweet:before{
  content:"\e115"
}

.glyphicon-shopping-cart:before{
  content:"\e116"
}

.glyphicon-folder-close:before{
  content:"\e117"
}

.glyphicon-folder-open:before{
  content:"\e118"
}

.glyphicon-resize-vertical:before{
  content:"\e119"
}

.glyphicon-resize-horizontal:before{
  content:"\e120"
}

.glyphicon-hdd:before{
  content:"\e121"
}

.glyphicon-bullhorn:before{
  content:"\e122"
}

.glyphicon-bell:before{
  content:"\e123"
}

.glyphicon-certificate:before{
  content:"\e124"
}

.glyphicon-thumbs-up:before{
  content:"\e125"
}

.glyphicon-thumbs-down:before{
  content:"\e126"
}

.glyphicon-hand-right:before{
  content:"\e127"
}

.glyphicon-hand-left:before{
  content:"\e128"
}

.glyphicon-hand-up:before{
  content:"\e129"
}

.glyphicon-hand-down:before{
  content:"\e130"
}

.glyphicon-circle-arrow-right:before{
  content:"\e131"
}

.glyphicon-circle-arrow-left:before{
  content:"\e132"
}

.glyphicon-circle-arrow-up:before{
  content:"\e133"
}

.glyphicon-circle-arrow-down:before{
  content:"\e134"
}

.glyphicon-globe:before{
  content:"\e135"
}

.glyphicon-wrench:before{
  content:"\e136"
}

.glyphicon-tasks:before{
  content:"\e137"
}

.glyphicon-filter:before{
  content:"\e138"
}

.glyphicon-briefcase:before{
  content:"\e139"
}

.glyphicon-fullscreen:before{
  content:"\e140"
}

.glyphicon-dashboard:before{
  content:"\e141"
}

.glyphicon-paperclip:before{
  content:"\e142"
}

.glyphicon-heart-empty:before{
  content:"\e143"
}

.glyphicon-link:before{
  content:"\e144"
}

.glyphicon-phone:before{
  content:"\e145"
}

.glyphicon-pushpin:before{
  content:"\e146"
}

.glyphicon-usd:before{
  content:"\e148"
}

.glyphicon-gbp:before{
  content:"\e149"
}

.glyphicon-sort:before{
  content:"\e150"
}

.glyphicon-sort-by-alphabet:before{
  content:"\e151"
}

.glyphicon-sort-by-alphabet-alt:before{
  content:"\e152"
}

.glyphicon-sort-by-order:before{
  content:"\e153"
}

.glyphicon-sort-by-order-alt:before{
  content:"\e154"
}

.glyphicon-sort-by-attributes:before{
  content:"\e155"
}

.glyphicon-sort-by-attributes-alt:before{
  content:"\e156"
}

.glyphicon-unchecked:before{
  content:"\e157"
}

.glyphicon-expand:before{
  content:"\e158"
}

.glyphicon-collapse-down:before{
  content:"\e159"
}

.glyphicon-collapse-up:before{
  content:"\e160"
}

.glyphicon-log-in:before{
  content:"\e161"
}

.glyphicon-flash:before{
  content:"\e162"
}

.glyphicon-log-out:before{
  content:"\e163"
}

.glyphicon-new-window:before{
  content:"\e164"
}

.glyphicon-record:before{
  content:"\e165"
}

.glyphicon-save:before{
  content:"\e166"
}

.glyphicon-open:before{
  content:"\e167"
}

.glyphicon-saved:before{
  content:"\e168"
}

.glyphicon-import:before{
  content:"\e169"
}

.glyphicon-export:before{
  content:"\e170"
}

.glyphicon-send:before{
  content:"\e171"
}

.glyphicon-floppy-disk:before{
  content:"\e172"
}

.glyphicon-floppy-saved:before{
  content:"\e173"
}

.glyphicon-floppy-remove:before{
  content:"\e174"
}

.glyphicon-floppy-save:before{
  content:"\e175"
}

.glyphicon-floppy-open:before{
  content:"\e176"
}

.glyphicon-credit-card:before{
  content:"\e177"
}

.glyphicon-transfer:before{
  content:"\e178"
}

.glyphicon-cutlery:before{
  content:"\e179"
}

.glyphicon-header:before{
  content:"\e180"
}

.glyphicon-compressed:before{
  content:"\e181"
}

.glyphicon-earphone:before{
  content:"\e182"
}

.glyphicon-phone-alt:before{
  content:"\e183"
}

.glyphicon-tower:before{
  content:"\e184"
}

.glyphicon-stats:before{
  content:"\e185"
}

.glyphicon-sd-video:before{
  content:"\e186"
}

.glyphicon-hd-video:before{
  content:"\e187"
}

.glyphicon-subtitles:before{
  content:"\e188"
}

.glyphicon-sound-stereo:before{
  content:"\e189"
}

.glyphicon-sound-dolby:before{
  content:"\e190"
}

.glyphicon-sound-5-1:before{
  content:"\e191"
}

.glyphicon-sound-6-1:before{
  content:"\e192"
}

.glyphicon-sound-7-1:before{
  content:"\e193"
}

.glyphicon-copyright-mark:before{
  content:"\e194"
}

.glyphicon-registration-mark:before{
  content:"\e195"
}

.glyphicon-cloud-download:before{
  content:"\e197"
}

.glyphicon-cloud-upload:before{
  content:"\e198"
}

.glyphicon-tree-conifer:before{
  content:"\e199"
}

.glyphicon-tree-deciduous:before{
  content:"\e200"
}