#boulevard-container {
 height:520px;
    width:923px;
  margin: 100px auto;
  background: #fafafa;
  border: 1px solid #ddd;
}
.example-title {
  text-align: center;
  color: #424242;
}
.ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
[data-special-type="backwall-purple"] [data-style-type="solid-dark"] .player-background {
  
      box-shadow: -5px 0 10px rgba(0, 0, 0, 0.2);
 background: -moz-linear-gradient(top,  rgba(51,66,84,0.8) 0%, rgba(46,61,78,0.7) 27%, rgba(34,46,61,0.8) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(51,66,84,0.8)), color-stop(27%,rgba(46,61,78,0.7)), color-stop(100%,rgba(34,46,61,0.8))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(51,66,84,0.8) 0%,rgba(46,61,78,0.7) 27%,rgba(34,46,61,0.8) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(51,66,84,0.8) 0%,rgba(46,61,78,0.7) 27%,rgba(34,46,61,0.8) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(51,66,84,0.8) 0%,rgba(46,61,78,0.7) 27%,rgba(34,46,61,0.8) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(51,66,84,0.8) 0%,rgba(46,61,78,0.7) 27%,rgba(34,46,61,0.8) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc334254', endColorstr='#cc222e3d',GradientType=0 ); /* IE6-9 */
}
[data-special-type="backwall-purple"] .backwall-container {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background:rgba(18,17,17,0.72);
}
[data-special-type="backwall-purple"] .player-layout-outer {
  z-index: 1;
}
[data-special-type="backwall-purple"] .player-controls {
  background: -moz-linear-gradient(top,  rgba(41,43,51,0.9) 0%, rgba(12,16,20,0.51) 50%, rgba(49,56,63,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(41,43,51,0.9)), color-stop(50%,rgba(12,16,20,0.51)), color-stop(100%,rgba(49,56,63,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(41,43,51,0.9) 0%,rgba(12,16,20,0.51) 50%,rgba(49,56,63,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(41,43,51,0.9) 0%,rgba(12,16,20,0.51) 50%,rgba(49,56,63,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(41,43,51,0.9) 0%,rgba(12,16,20,0.51) 50%,rgba(49,56,63,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(41,43,51,0.9) 0%,rgba(12,16,20,0.51) 50%,rgba(49,56,63,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6292b33', endColorstr='#31383f',GradientType=0 ); /* IE6-9 */  border-top: none !important;
  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.3);
}
[data-special-type="backwall-purple"] .track-info-wrapper .track-name {
  color: #fafafa;
  margin-bottom: 10px;
}
[data-special-type="backwall-purple"] .track-info-wrapper .track-artist {
  color: #ddd;
}
[data-special-type="backwall-purple"] .track-info-wrapper,
[data-special-type="backwall-purple"] .track-list-wrapper {
  float: left;
}
[data-special-type="backwall-purple"] [data-layout="info-and-list"] .track-info-wrapper {
  width: 58%;
}
[data-special-type="backwall-purple"] [data-layout="info-and-list"] .track-list-wrapper {
  width: 42%;
  padding: 20px 0 90px 0;
  position: absolute;
  top: 0;
  right: 0;
  padding-bottom: 90px;
  box-shadow: -5px 0 10px rgba(0, 0, 0, 0.2);
 background: -moz-linear-gradient(top,  rgba(51,66,84,0.8) 0%, rgba(46,61,78,0.7) 27%, rgba(34,46,61,0.8) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(51,66,84,0.8)), color-stop(27%,rgba(46,61,78,0.7)), color-stop(100%,rgba(34,46,61,0.8))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(51,66,84,0.8) 0%,rgba(46,61,78,0.7) 27%,rgba(34,46,61,0.8) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(51,66,84,0.8) 0%,rgba(46,61,78,0.7) 27%,rgba(34,46,61,0.8) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(51,66,84,0.8) 0%,rgba(46,61,78,0.7) 27%,rgba(34,46,61,0.8) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(51,66,84,0.8) 0%,rgba(46,61,78,0.7) 27%,rgba(34,46,61,0.8) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc334254', endColorstr='#cc222e3d',GradientType=0 ); /* IE6-9 */


}
[data-special-type="backwall-purple"] [data-layout="info-and-list"] .track-list-wrapper li {
  padding-left: 40px;
}
[data-special-type="backwall-purple"] [data-layout="info-and-list"] .track-list-wrapper .track-number {
  left: 40px;
}