/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.cf_albumlisting{
  list-style: none;
  padding: 0;
  margin: 0;
}
.cf_albumlisting li{
  list-style: none;
}
.cf_albumlisting h2{
  font-size: 1.3rem !important;
}


.albumlisting_expanded_holder .cf_albumlisting-expanded:before,
.albumlisting_expanded_holder .cf_albumlisting-expanded:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

.albumlisting_expanded_holder .cf_albumlisting-expanded:after {
  clear: both; }

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.albumlisting_expanded_holder .cf_albumlisting-expanded {
  *zoom: 1; }

.control_buttons .jp-player-play,
.control_buttons .alltracks {
/*.control_buttons .alltracks {*/
  display: block;
  text-decoration: none;
  color: #444;
  border-radius: 1px;
  font-size: 11px;
  height: 30px;
  line-height: 30px;
  padding: 0 10px 0 23px;
  font-weight: normal;
  margin: 0 0 10px 10px;
  background: url(../img/downmini.png) 6px 8px no-repeat white; }
  .control_buttons .jp-player-play:hover,
  .control_buttons .alltracks:hover {
    background: url(../img/downmini_.png) 6px 8px no-repeat #e05425;
    color: #FFF; }

/*.albumlisting_expanded_holder .cf_albumlisting-expanded {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: white;
  margin: 0 0 20px 0; }
  .albumlisting_expanded_holder .cf_albumlisting-expanded > * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .albumlisting_expanded_holder .cf_albumlisting-expanded:after {
    content: "";
    display: table;
    clear: both; }
*/
  
.albumlisting_expanded_holder .album_link {
  float: left;
  padding-left: 0;
  margin-left: -18px !important;
  margin-right: 0 !important;
  position: relative;
   }

.albumlisting_expanded_holder .album_link {
  /*width: 100%;*/ }

/* Opt-in outside padding */
.albumlisting_expanded_holder .cf_albumlisting-expanded {
  list-style: none; }
.albumlisting_expanded_holder .album_link {
  margin: 0 0 1em 0;
  position: relative;
  padding: 0 0px 0 176px; 
}


@media (min-width: 768px) {
  .albumlisting_expanded_holder .album_link {
  width: 50%; padding-right: 20px; 
  margin-left: 0px !important;}

  .albumlisting_expanded_holder .album_link:nth-child(2n+1) {
    clear:left;
  }
}
  .albumlisting_expanded_holder .album_link > a, .albumlisting_expanded_holder .album_link .textholder {
    float: left; }
.albumlisting_expanded_holder .imageholder {
  margin-left: 0;
  float: left;
  width: 166px;
  position: absolute;
  top: 0;
  left: 0; }
  .albumlisting_expanded_holder .imageholder img {
    box-shadow: none; }
.albumlisting_expanded_holder .textholder {
  background: #f2f2f2;
  min-height: 166px;
  display: inline-block;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 1em 1ex 4em 1em; }
  .albumlisting_expanded_holder .textholder h2 {
    margin: 0; }

.control_buttons {
  bottom: 2em;
  position: absolute;
  left: 191px;
  right: 15px;
  box-sizing: border-box; }
  .control_buttons div {
    box-sizing: border-box; }
  .control_buttons .jp-player-play,
  .control_buttons .alltracks {
    box-sizing: border-box;
    background-image: url("../img/play.png");
    width: 40%;
    float: left;
    margin: 3% 0 3% 0%;
    min-width: 100px; }
    .control_buttons .jp-player-play:hover,
    .control_buttons .alltracks:hover {
      background-image: url("../img/play_.png"); }
  .control_buttons .jp-player-play {
    margin: 3% 3% 3% 0%;
    cursor: pointer; }

.albumlisting_compressed_holder .album {
  list-style: none;
  display: block;
  margin-left: -18px;
  margin-right: -18px;
  background: #f2f2f2;
  background-image: linear-gradient(to right, white 0, white 70px, #f2f2f2 71px, #f2f2f2 100%);
  padding: 0;
  margin: 10px 0;
  border-radius: 5px; }
.albumlisting_compressed_holder .album:before, .albumlisting_compressed_holder .album:after {
  content: " ";
  display: table; }
.albumlisting_compressed_holder .album:after {
  clear: both; }
.albumlisting_compressed_holder .album:before, .albumlisting_compressed_holder .album:after {
  content: " ";
  display: table; }
.albumlisting_compressed_holder .album:after {
  clear: both; }
.albumlisting_compressed_holder .album:hover {
  background: #e05425;
  background-image: linear-gradient(to right, white 0, white 70px, #e05425 71px, #e05425 100%);
  color: white; }
.albumlisting_compressed_holder .album:hover .album-link {
  color: white; }
.albumlisting_compressed_holder .album:hover .album-code {
  color: #e05425; }
@media (min-width: 992px) {
  .albumlisting_compressed_holder .album:hover .album-code {
    color: white; } }
.albumlisting_compressed_holder .album-link {
  color: #555555; }
.albumlisting_compressed_holder .album-cover {
  position: relative;
  float: left;
  width: 16.66667%;
  min-height: 1px;
  padding-left: 18px;
  padding-right: 18px;
  position: relative;
  min-height: 1px;
  padding-left: 18px;
  padding-right: 18px;
  padding-left: 0; }
@media (min-width: 768px) {
  .albumlisting_compressed_holder .album-cover {
    float: left;
    width: 16.66667%; } }
.albumlisting_compressed_holder .album-image, .albumlisting_compressed_holder .album-code {
  float: left; }
.albumlisting_compressed_holder .album-image {
  border-radius: 5px 0 0 5px;
  margin-right: 10px; }
.albumlisting_compressed_holder .album-code {
  font-size: 0.75em;
  padding: 3px 0 0 3px; }
@media (min-width: 992px) {
  .albumlisting_compressed_holder .album-code {
    font-size: .857em;
    padding-left: 10px;
    margin-top: 10px;
    margin-right: -10px; } }
.albumlisting_compressed_holder .album-text {
  position: relative;
  float: left;
  width: 83.33333%;
  min-height: 1px;
  padding-left: 18px;
  padding-right: 18px;
  position: relative;
  min-height: 1px;
  padding-left: 18px;
  padding-right: 18px;
  padding: 10px inherit; }
@media (min-width: 768px) {
  .albumlisting_compressed_holder .album-text {
    float: left;
    width: 50%; } }
.albumlisting_compressed_holder .album-title {
  margin: 0; }
.albumlisting_compressed_holder .album-description {
  font-size: 0.857em; }
.albumlisting_compressed_holder .control_buttons {
  margin-top: 8px;
  position: relative;
  float: left;
  width: 83.33333%;
  min-height: 1px;
  position: relative;
  min-height: 1px;
  float: right;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0; }
@media (min-width: 768px) {
  .albumlisting_compressed_holder .control_buttons {
    float: left;
    width: 25%; } }

.cf_search_form_holder {
  position: relative;
  margin: 20px 0 16px 0; }

.cf_search_form form {
  margin: 0;
  padding: 0;
  display: block; }

.cf_search_form_holder .cf_do_search {
  background: #e05425;
  height: 26px;
  width: 26px;
  text-indent: -9999px;
  display: block;
  cursor: pointer;
  border: none;
  padding: 27px;
  float: right;
  z-index: 20;
  border-radius: 50px;
  position: absolute;
  right: -5px;
  top: -3px;
  background-image: url("../img/search_icon.png");
  background-position: 16px 15px;
  background-repeat: no-repeat; }

.cf_search_form .cf_do_search:hover {
  background-color: #fff;
  background-image: url("../img/search_icon.png");
  background-position: -57px 14px;
  border: 1px solid #e05425; }

.cf_search_form .cf_search {
  border: 2px solid #e05425;
  margin: 0;
  border-radius: 0px;
  text-align: left;
  font-size: 1.5em;
  height: auto;
  padding: 0.3em 0.6em;
  line-height: 1.5;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  /*max-width: 88%;*/ }

.choonfinder .cf_do_search {
  background-position: 15px 15px;
  background-repeat: no-repeat; }