/* Vote styles */

.vote-desc {color:white;}


.vote-album-list {
  overflow: hidden;
  margin: 10px 0 30px -3.4%;
  list-style-type: none;
}

.vote-album-list li {
  margin: 15px 0 15px 3.5%;
  padding:20px 10px;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.1);
}

.vote-album-list li .album-poster{
  width: 39.5%;
  min-width:240px;
  display: -moz-inline-stack; display:inline-block; vertical-align:text-top; zoom:1; *display:inline;
}

.vote-album-list li .album-poster a {
  display: block;
  position: relative;
  overflow: hidden;
}

.vote-album-list li .album-poster a:hover:before {
  content: ' ';
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0, .5);
}

.vote-album-list li .album-poster a:hover span {
  display: block;
}

.vote-album-list li .album-poster a span {
  position: absolute;
  display: none;
  left: 0;
  top: 50%;
  height: 140px;
  width: 100%;
  padding: 0 5px;
  margin-top: -70px;
  color: #fff;
  text-align: center;
  font: 30px/34px 'Pilar', Arial, sans-serif;
}


.vote-album-list li .album-tracks{
  width: 55.5%;
  margin-left:3%;
  min-width:250px;
  text-align:left;
  display: -moz-inline-stack; display:inline-block; vertical-align:text-top; zoom:1; *display:inline;
}


.vote-album-list li .album-tracks  .album-track-list{

}


.vote-album-list li .album-tracks .album-track-list span{
  display:block;
  padding:2px 0px;
  font: 18px/22px 'PT Sans Caption', Arial, sans-serif;
  color:white;
}

.vote-album-list li .album-tracks span input {
 margin:0px 10px;

}

.vote-button  {margin:auto; width:280px; margin-bottom:30px;}
.vote-warning {padding:20px; margin-top:20px; text-align:center; background-color: rgba(195, 2, 13, 0.5); color:white; text-transform: none; letter-spacing: 0; font: 24px 'PT Serif Caption', Arial, sans-serif; }

.vote-result {width:100%; padding:40px; margin-top:30px; margin-bottom:20px; background-color: rgba(255, 255, 255, 0.1); color:white;  font: 25px/1.1em 'PT Serif Caption', Arial, sans-serif;}
.vote-result span {display:block; margin-top:20px; font: 20px/1.1em 'PT Serif Caption', Arial, sans-serif;}

.vote-stat {margin-top:-20px; margin-bottom:20px; color:#fff; text-align: center; font: 25px/27px 'Pilar', Arial, sans-serif;}


.vloading {
   height:270px;
   width:100%;
   background:url(../img/loading.gif) no-repeat;
   background-position: center center;
}



@media only screen and (max-width: 768px) {

  .vote-album-list li .album-poster {width:45%; }
  .vote-album-list li .album-tracks {width:50%; }
  .vote-album-list li .album-tracks .album-track-list span  { font: 14px/16px 'PT Sans Caption', Arial, sans-serif };
  .vote-result  {font: 18px/1.1em 'PT Serif Caption', Arial, sans-serif;}
  .vote-result span {font: 16px/1.1em 'PT Serif Caption', Arial, sans-serif;}

}


@media only screen and (max-width: 600px) {

  .vote-album-list li .album-poster {width:90%; }
  .vote-album-list li .album-tracks {width:90%; }
  .vote-album-list li .album-tracks .album-track-list {padding-top:15px;}
  .vote-album-list li .album-tracks .album-track-list span  { font: 16px/16px 'PT Sans Caption', Arial, sans-serif }
  .vote-warning {font: 18px 'PT Serif Caption', Arial, sans-serif; }

}


@media only screen and (max-width: 479px) {

  .vote-desc {font: 16px/18px 'PT Sans', Arial, sans-serif;}
  .vote-album-list li .album-poster {width:95%; }
  .vote-album-list li .album-tracks {width:95%; }
  .vote-album-list li .album-tracks .album-track-list span  { font: 14px/16px 'PT Sans Caption', Arial, sans-serif }
  .vote-warning {font: 16px 'PT Serif Caption', Arial, sans-serif; }


}



@media only screen and (max-width: 400px) {

  .vote-desc {font: 14px/16px 'PT Sans', Arial, sans-serif;}
  .vote-album-list li .album-poster {width:100%; }
  .vote-album-list li .album-tracks {width:100%; }
  .vote-album-list li .album-tracks .album-track-list span  { font: 12px/14px 'PT Sans Caption', Arial, sans-serif }
  .vote-stat {font: 20px/22px 'Pilar', Arial, sans-serif;}

}