/*
 * Bootstrap v2.3.1
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */
.clearfix {
  *zoom: 1; }

.clearfix:before, .clearfix:after {
  display: table;
  content: "";
  line-height: 0; }

.clearfix:after {
  clear: both; }

.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0; }

.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.tooltip {
  position: absolute;
  z-index: 1030;
  display: block;
  visibility: visible;
  font-size: 12px;
  line-height: 1.4;
  opacity: 0;
  filter: alpha(opacity=0); }

.tooltip.in {
  opacity: 0.8;
  filter: alpha(opacity=80); }

.tooltip.top {
  margin-top: -3px;
  padding: 5px 0; }

.tooltip.right {
  margin-left: 3px;
  padding: 0 5px; }

.tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0; }

.tooltip.left {
  margin-left: -3px;
  padding: 0 5px; }

.tooltip-inner {
  max-width: 200px;
  padding: 4px 12px;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  background-color: #000000; }

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000000; }

.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000000; }

.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000000; }

.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000; }

.upb-listen {
  font-family: Arial;
  margin: 0 auto;
  height: 20px;
  width: 95px;
  position: relative;
  background: #37b8cc;
  float: right;
  margin-top: 3px;
  color: #fff; }

.upb-listen.large {
  height: 35px;
  width: 164px; }

.upb-hp {
  width: 20px;
  height: 20px;
  background: url(../images/opacity15.png) repeat top left;
  float: left;
  text-indent: -9999px; }

.large .upb-hp {
  width: 35px;
  height: 35px; }

.upb-hp i {
  display: block;
  width: 20px;
  height: 20px;
  background: url(../images/icon-headphones.png) no-repeat 0 0; }

.large .upb-hp i {
  width: 35px;
  height: 35px;
  background: url(../images/icon-headphones-large.png) no-repeat center center; }

.upb-lnt {
  font-size: 10px;
  width: 75px;
  float: left;
  text-align: center;
  line-height: 20px;
  color: #fff;
  position: relative;
  z-index: 1;
  background: #37b8cc; }

.large .upb-lnt {
  font-size: 13px;
  width: 129px;
  line-height: 35px; }

.upb-buttons {
  width: 70px;
  height: 100%;
  top: 0;
  right: 0;
  position: absolute;
  z-index: 0; }
  .upb-buttons > a {
    width: 20px;
    height: 20px;
    float: left;
    margin: 0 1px;
    text-indent: -9999px; }

  .upb-buttons > a:hover {
    opacity: 0.7;
  }

.large .upb-buttons {
  width: 119px; }
  .large .upb-buttons > a {
    width: 35px;
    height: 35px; }

.upb-rdio {
  background: url(../images/icon-rdio.png) center center no-repeat; }

.large .upb-rdio {
  background: url(../images/icon-rdio-large.png) center center no-repeat; }

.upb-spotify {
  background: url(../images/icon-spotify.png) center center no-repeat; }

.large .upb-spotify {
  background: url(../images/icon-spotify-large.png) center center no-repeat; }

.upb-deezer {
  background: url(../images/icon-deezer.png) center center no-repeat; }

.large .upb-deezer {
  background: url(../images/icon-deezer-large.png) center center no-repeat; }

html.default .upb-listen, html.default .upb-lnt     { background: #393939; }
html.frankie .upb-listen, html.frankie .upb-lnt     { background: #ED3B9C; }
html.mollie .upb-listen, html.mollie .upb-lnt      { background: #F07918; }
html.rochelle .upb-listen, html.rochelle .upb-lnt    { background: #04c4d7; }
html.una .upb-listen, html.una .upb-lnt         { background: #F42749; }
html.vanessa .upb-listen, html.vanessa .upb-lnt     { background: #8A59D5; }


@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-devicepixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .upb-hp i {
    background: url(../images/icon-headphones@2x.png) no-repeat center center;
    background-size: 10px auto; }

  .upb-rdio {
    background: url(../images/icon-rdio@2x.png) no-repeat center center;
    background-size: 17px auto; }

  .upb-spotify {
    background: url(../images/icon-spotify@2x.png) no-repeat center center;
    background-size: 14px auto; }

  .upb-deezer {
    background: url(../images/icon-deezer@2x.png) no-repeat center center;
    background-size: 14px auto; } }