/*

 SoundManager 2: "page as playlist" example
 ------------------------------------------
 http://schillmania.com/projects/soundmanager2/

*/


canvas {
  image-rendering: optimizeSpeed;             /* Older versions of FF          */
  image-rendering: -moz-crisp-edges;          /* FF 6.0+                       */
  image-rendering: -webkit-optimize-contrast; /* Safari                        */
  image-rendering: -o-crisp-edges;            /* OS X & Windows Opera (12.02+) */
  image-rendering: pixelated;                 /* Awesome future-browsers       */
  -ms-interpolation-mode: nearest-neighbor;   /* IE                            */
}


.form-control:focus {
	box-shadow: none !important;
}

ul.playlist {
    list-style-type:none;
    margin:0;
    padding:0;
    position: relative;
    width: 100%;
    z-index: 0;

}

ul.playlist.top {
	padding: 0 30px;
    z-index: 1;
}

ul.playlist li { 
    display: block; 
    width:auto;     
    color: #fff; 
    text-decoration: none; 
    position: relative;
    background: transparent;
    min-height: 150px;
}


ul.playlist.top li {
	margin-bottom: 0;

}

ul.playlist li:hover canvas,
ul.playlist li:hover .functions,
ul.playlist li:hover .time,
ul.playlist li:hover .infobits,
ul.playlist li:hover .dna_container {
    opacity: 1 !important;
    
}



ul.playlist li .cover{
   display:block; /* reduce the damage in FF3.0 */
   position:absolute;
   top:0;
   left:-140px;
   width: 130px;
   height: 130px;
   z-index: 1;
   
}

ul.playlist li .player-link {
    display:block;
    text-decoration:none;
    color:#333;
    outline:none;
    position:absolute;
    z-index:10;
    font-size: 16px;
    font-weight: bold;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    
    width: 38px;
	height: 38px;
	border: 2px solid #cb1606;
	border-radius: 50%;
    padding: 0;
	
}


ul.playlist li.sm2_playing .player-link, 
ul.playlist li.sm2_paused .player-link {
	background: #cb1606 !important
}

ul.playlist li .player-link i {
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
}


ul.playlist li .player-link:hover { 
	background: #cb1606 !important;
}

ul.playlist li .player-link:hover i, 
ul.playlist li.sm2_paused .player-link i { 
	color: #fff !important;
}

ul.playlist li .headline {
    display:block;
    text-decoration:none;
    color:#000;
    outline:none;
    position:absolute;
    z-index:212;
    font-size: 18px;
    font-weight: bold;
    left: 50px;
    top: -5px;
    right: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-family: 'Open Sans', Helvetica, Arial, serif; 
    font-weight: 400;
    line-height: 21px;
    margin: 0;
    
}

ul.playlist li .headline a {
    color:#000;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

ul.playlist li .headline .roof a {
    color:#888;
    font-weight: 600;
     cursor: pointer;
}





.track-detail ul.playlist li a {
    cursor: default !important;
}

.track-detail ul.playlist li a.hc-name {
    display: none !important;
}


.track-detail ul.playlist li .player-link {
    cursor: pointer !important;
}






ul.playlist li .headline a:hover {
    text-decoration: none;
}

ul.playlist li .headline span{
    display:inline-block;
    text-decoration:none;
    color:#888;
    outline:none;
    font-size: 13px;
    font-weight: normal;
    padding-right: 5px;
    line-height: 16px;
    width: 100%;
    
     font-family: 'Open Sans', Helvetica, Arial, serif; 
     font-weight: 400;
    
     
}

ul.playlist li .headline i,
ul.playlist li .headline a{
    font-weight: normal;
    font-style: normal;
    
}

ul.playlist li .headline i.text-right{
    position: absolute;
    right: 0;
    top: 11px;
    font-size: 10px;
    line-height: 12px;
    cursor: default;
}

ul.playlist li .headline i.text-right a {
    font-size: 11px;
    cursor: pointer;
}

ul.playlist li .headline a:hover{
    opacity: 0.5;
    text-decoration: none;
}


.track-detail ul.playlist li .headline a:hover{
    opacity: 1 !important;
}


ul.playlist li .headline font{
    font-weight: normal;
     
}


ul.playlist li a span{
    display:inline-block;
    text-decoration:none;
    color:#333;
    outline:none;
    font-size: 12px;
    font-weight: normal;
    padding-right: 15px;
     
}

ul.playlist li .controls {
    display:none;
}

ul.playlist li .peak,
ul.playlist.use-peak li .peak {
    display:none;
    position:absolute;
    top:0.55em;
    right:0.5em;
}

ul.playlist li.sm2_playing .controls,
ul.playlist li.sm2_paused .controls {
    position:relative;
    display:block;
}

ul.playlist.use-peak li.sm2_playing .peak,
ul.playlist.use-peak li.sm2_paused .peak {
    display:inline;
    display:inline-block;
}

ul.playlist.use-peak li .peak {
    display:none; /* IE 7 */
}

ul.playlist li.sm2_paused .controls {

}

ul.playlist li:hover .controls .statusbar {
    position:relative;
    cursor:ew-resize;
    cursor:-moz-grab;
    cursor:grab;
}

ul.playlist li.sm2_paused .controls .statusbar {

}

ul.playlist li .controls {
    position:relative;
}

ul.playlist li .controls .statusbar {
    position:relative;
    height:70px;
    overflow:hidden;
    cursor:-moz-grab;
    cursor:grab;
    z-index: 1;
}

ul.playlist li .controls.dragging .statusbar {
    cursor:-moz-grabbing;
    cursor:grabbing;
}

ul.playlist li .controls .statusbar .position,
ul.playlist li .controls .statusbar .loading,
ul.playlist li .controls .statusbar .annotation {
    position:absolute;
    left:0;
    top:0;
    height:0.5em;
}


ul.playlist li .controls .statusbar div.annotation:first-child {
    display: none !important;

}

ul.playlist li .controls .statusbar .position {
    opacity: 1;
}

ul.playlist li.sm2_paused .controls .statusbar .position {
    opacity: 1;
}

ul.playlist li .controls .statusbar .loading {
    opacity: 1;
}

ul.playlist li .controls .statusbar .position,
ul.playlist li .controls .statusbar .loading {
    width:0;
}


ul.playlist li .timing {
    position: absolute;
    display: block;
    text-align: left;
    right: 5px;
    top: 40px;
    width: auto;
    padding: 0 5px;
    font-size: 10px !important;
    vertical-align: middle;
    z-index: 9;
    color: #333;
    background: rgba(0,0,0,0);
    line-height: 15px;
    -webkit-transition: opacity 0.5s;
    transition: all 0.5s;
    opacity: 0;
}


ul.playlist li.sm2_paused .timing,
ul.playlist li.sm2_playing .timing {
	opacity: 1;
}

ul.playlist li .timing-data {
   font-size: 10px !important;
}

ul.playlist li .time {
    position: absolute;
    display: block;
    text-align: left;
    right: 5px;
    top: 40px;
    width: auto;
    padding: 0 5px;
    font-size: 10px !important;
    vertical-align: middle;
    z-index: 9;
    color: #333;
    background: rgba(0,0,0,0);
    line-height: 15px;
    -webkit-transition: opacity 0.5s;
    transition: all 0.5s;
    opacity: 1;

}

ul.playlist li.sm2_paused .time,
ul.playlist li.sm2_playing .time {
	opacity: 0 !important;
}

ul.playlist li:hover .time,
ul.playlist li:hover .timing,
ul.playlist li.sm2_paused .timing, 
ul.playlist li.sm2_playing .timing
{
	color: #fff;
	background: rgba(0,0,0,0.6);
}

#control-template {
    display:none;
}

ul.playlist li canvas {
    width: 100%;
    height: 100px;
    display: block;
    position: absolute;
    z-index: 1;
    opacity: 0;
    bottom: 0;
    left: 0;
    color: #282828;
}



ul.playlist li .controls .statusbar .position, 
ul.playlist li .controls .statusbar .loading {
    height: 100px;
    overflow: hidden;
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
}

ul.playlist li .comments,
ul.playlist li .playlist_container {
    width: 100%;
    height: 0;
    display: block;
    position: absolute;
    top: 75px;
    left: 0;
    cursor: pointer;
    opacity: 0;
    z-index: 12;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
}


ul.playlist li.sm2_paused .comments,
ul.playlist li.sm2_playing .comments,
ul.playlist li.sm2_paused .playlist_container,
ul.playlist li.sm2_playing .playlist_container {
	opacity: 1;
	height: 17px;
}


ul.playlist li .controls .marker {
    background: #fff;
    height: 50px;
    width: 1px;
    overflow: hidden;
    position: absolute;
    z-index: 300;
    top: 0;
    display: none !important;
}


ul.playlist li .comments .marker,
ul.playlist li .playlist_container .marker {
    height: 16px;
    overflow: hidden;
    position: absolute;
    top: 0;
    background-color: rgba(255,255,255,0.5);
    border-left: 1px solid #fff;
    color: #000;
    font-size: 10px;
    padding: 0 5px;
    z-index: 300;
    white-space: nowrap;
    line-height: 12px;
    
}

ul.playlist li .comments img,
ul.playlist li .comments canvas {
    display: block;
    width: 20px !important;
    position: absolute;
    z-index: 2;
    top: 0;
    opacity: 1 !important;
    overflow: hidden;
    outline: none;
    border: none;
    height: 20px !important;
    margin-top: -13px;
    border: 1px solid #fff;
    border-radius: 50%;
}


ul.playlist.top li .comments {
	top: 74px;
}


.track-detail ul.playlist.top li .comments {
	top: 305px;
	opacity: 1;
	display: block;
}

ul.playlist li.comment_write_active .comments img,
ul.playlist li.comment_write_active .comments canvas {
}

ul.playlist li .comments .background,
ul.playlist li .playlist_container .background {
    display: none;
    

}

ul.playlist li.embeded .comments {
    display: none !important;  
}


ul.playlist li.sm2_playing .controls, 
ul.playlist li.sm2_paused .controls {
    position: relative;
    display: block;
    top: 21px;
    left: 0;
    z-index: 4;
    width: 100%;
}


ul.playlist.top li.sm2_playing .controls, 
ul.playlist.top li.sm2_paused .controls {
    bottom: 20px;
    position: absolute;
}

.track-detail ul.playlist.top li.sm2_playing .controls, 
.track-detail ul.playlist.top li.sm2_paused .controls {
    top: 230px;
}

ul.playlist li .infobits {
    position: absolute;
    display: block;
    top: 110px;
    right: 5px;
    z-index: 20;
    color: #888;
    font-size: 11px;
}

ul.playlist li.black .infobits {
	color: #fff;
}

ul.playlist li .infobits span {
    display: inline-block;
    margin-right: 8px;
}

ul.playlist li.sm2_playing .infobits,
ul.playlist li.sm2_paused .infobits {
    top: 110px;
}


ul.playlist li .functions i,
ul.playlist li .infobits i {
    
    font-size: 11px;
}

ul.playlist li .infobits i {
    margin-right: 5px;
    font-size: 11px;
}

ul.playlist li .functions .hidden-sm {
	margin-left: 5px;
}

ul.playlist li .functions .fa-chevron-circle-down {
	margin-right: 5px;
}

ul.playlist li .functions span.active i {   
    color: #cb1606 !important;
}

ul.playlist.top li .functions span.active i {
    color: #fff !important;
}

ul.playlist li .functions {
    position: absolute;
    display: block;
    bottom: 22px;
    left: 0;
    opacity: 1;
    font-size: 12px;
 
   

}


ul.playlist li.highlight .functions {
    z-index: 1;    
}

ul.playlist li.sm2_playing .functions,
ul.playlist li.sm2_paused .functions {
    opacity: 1;
}

ul.playlist.top li .functions,
ul.playlist li.highlight .functions {
    opacity: 1;
}


ul.playlist li .functions span,
ul.playlist li .functions a {
    display: inline-block;    
    padding:0 7px;
    border-radius:0;
    font-size: 11px !important;
    vertical-align:middle;
    z-index: 200;
    cursor: pointer;
    color: #666;
    outline: 0;
    text-decoration: none;
    border: 0;
    border-radius: 3px;
    border: 1px solid #e8e8e8; /* Old browsers */
    -webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
	line-height: 20px;
}

ul.playlist li .functions span:hover,
ul.playlist li .functions a:hover
 {
   
   border: 1px solid #d0d0d0; /* Old browsers */
    color: #555;
       
}


ul.playlist li .functions span:active
 {
    border: 1px solid #e0e0e0; /* Old browsers */
}

ul.playlist li .functions .active {
    background: transparent !important; /* Old browsers */
    border: 1px solid transparent;
}


.refeed_fct.active {
    background: transparent !important; /* Old browsers */
    border: 1px solid transparent;
}


.like_fct.active {
    background: transparent !important; /* Old browsers */
    border: 1px solid transparent;
}


.follow_fct.active {
    background: transparent !important; /* Old browsers */
    border: 1px solid transparent;
}

.buy_fct {
	background: #cb1606  !important;
	color: #fff !important;
	border: 1px solid #cb1606 !important;
}


.buy_fct:hover {
	opacity: 0.7;
}




/*
 ------------------------------------------
 -- annotations (sub-tracks, notes etc.) --
 ------------------------------------------
*/

ul.playlist li a.sm2_link .metadata {
 display:none; /* hide by default */
}

ul.playlist li .metadata span {
 padding-right: 5px !important;
}

ul.playlist li.sm2_paused .player-link.sm2_link .metadata,
ul.playlist li.sm2_playing .player-link.sm2_link .metadata {
 display:inline;
}

ul.playlist li ul {
 list-style-type:none;
 margin:0;
 padding:0;
 position:relative;
 font-size:small;
 display:none;
}

ul.playlist li ul li {
 position:relative;
 margin:0;
 padding:2px 3px;
 border:1px solid transparent;

 margin-right:1em;
 font-family:helvetica,verdana,tahoma,arial,"sans serif";
 font-size:x-small;
 font-weight:400;
 letter-spacing:0;
 background-color:transparent;
 opacity:0.66;
}

ul.playlist li ul li:hover {
 opacity:1;
 background-color:#fff;
 border-color:#ccc;
 color:#666;
}

ul.playlist li.sm2_playing ul li,
ul.playlist li.sm2_paused ul li {
 color:#fff;
}

ul.playlist li.sm2_playing ul li:hover {
 background-color:#fff;
 color:#5588bb;
 border-color:#336699;
 opacity:0.9;
}

ul.playlist li.sm2_paused ul li:hover {
 background-color:#888;
}

/* metadata */

ul.playlist li .metadata .duration {
 /* optional timing data */
 display:none;
}

ul.playlist li .metadata ul li p {
 margin:0;
 padding:0;
}

ul.playlist li .metadata ul li span {
 display:none;
}

ul.playlist li .controls .statusbar .annotation {
 position:absolute;
 background-color:transparent;
 top:42px;
 color:#666;
 text-align:right;
 margin-left:8px;
 height:15px;
 width:15px;
 z-index: 1000;
 opacity: 1;
}


ul.playlist.top li .controls .statusbar .annotation {
	top: 63px;
}


.track-detail ul.playlist.top li .controls .statusbar .annotation {
	top: 62px;
}


ul.playlist li .controls .statusbar .annotation:hover {
 z-index:12; /* sit on top of note */
}

ul.playlist li .controls .statusbar .annotation span.bubble {
 /* using · */
 display:inline-block;
 background-color:#fff;
 border:1px solid #666;
 border-radius:6px;
}

ul.playlist li .controls .statusbar .annotation span {
    display:block;
    background:transparent url(/_/image/divot-bottom.png) no-repeat 50% 0;
    width:15px;
    margin-left:-15px;
    height:12px;
    text-align:center;

}


ul.playlist li .controls .statusbar .annotation span:hover {
 cursor:none; /* Fx3 rules. */
}


ul.playlist li .note {
    position:absolute;
    display:none;
    left:0;
    top:18px;
    z-index:10;
    font-size:x-small;
    padding:2px 4px 2px 4px;
    width:auto;
    color:#666;
    background-color:#fff;
    font-size: 10px;

}


ul.playlist.top li .note {
	top: 35px;
}

ul.playlist li .note:hover {
 display:block !important;
}

ul.playlist li .sm2_divider {
 font-size:16px;
 padding-left: 5px; 
 padding-right: 5px; 
}


sm2_divider

ul.playlist li .sm2_divider,
ul.playlist li .sm2_metadata {
 font-size:12px;
 font-weight: 400;
}

/* COMMENTS //////////////////////////////////////*/

ul.playlist .comment_write_active #write_comment {
    position: absolute;
    bottom: 8px;
    left: 0;
    right: 10px;
    z-index: 10000;
}


ul.playlist.top .comment_write_active #write_comment {
	left: 0;
	right: 0;
	bottom: -56px;
}


.track-detail ul.playlist.top .comment_write_active #write_comment {
	left: 35px;
	right: -1px;
	bottom: -62px;
}


ul.playlist .comment_write_active .functions,
ul.playlist .comment_write_active .infobits,
ul.playlist .comment_write_active .marker {
}


/* PLAYLISTS //////////////////////////////////////*/

ul.playlist .playlist_write_active #write_playlist {
    position: fixed;
    z-index: 10000;
    width: 600px;
    margin: 10px 0 0 10px;
}


ul.playlist .playlist_write_active .functions,
ul.playlist .playlist_write_active .infobits,
ul.playlist .playlist_write_active .marker {
    display: none !important;
}


ul.playlist li .mover {
    position: absolute;
    top: -8px;
    right: -8px;
    z-index: 10000;
    width: 60px;
    height: 60px;
    cursor: pointer;
    background: transparent url(/_/images/mover.png) center center no-repeat;
}

ul.playlist li.move-active .time,
ul.playlist li.move-active .timing  {
    margin-right: 35px;
}

ul.playlist li.ui-sortable-helper {
    margin-top: 200px;
}





/* BLACK THEME //////////////////////////////////////*/


ul.playlist li.black .player-link,
ul.playlist li.black.sm2_playing, 
ul.playlist li.black.sm2_paused, 
ul.playlist li.black.sm2_playing .player-link {
    color: #fff;
    border-color: #fff;
    background: transparent !important;

}

ul.playlist li.black .player-link i {
	color: #fff !important;
}

ul.playlist li.black .player-link:hover {
	opacity: 0.6;
}


ul.playlist li.black .player-link:hover,
ul.playlist li.black.sm2_playing .player-link {
    background: transparent !important;

}

ul.playlist li.black .player-link span,
ul.playlist li.black .headline,
ul.playlist li.black .headline a,
ul.playlist li.black .headline span {
    color: #fff;
}

ul.playlist li.black .headline .roof,
ul.playlist li.black .headline .roof a,
ul.playlist li.black .headline .roof span {
	color: #ddd !important;
}

ul.playlist li.black .time {
	color: #fff;
}


ul.playlist li.black .functions span,
ul.playlist li.black .functions a {
    display: inline-block;
    margin-right: 3px;
    
    padding:0 7px;
    border-radius:0;
    font-size: 11px !important;
    vertical-align:middle;
    z-index: 200;
    cursor: pointer;
    color: #fff;
    

    border: 1px solid rgba(255,255,255,0.3); /* Old browsers */
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

ul.playlist li.black .functions span:hover,
ul.playlist li.black .functions a:hover {
   border: 1px solid rgba(255,255,255,0.8);
    

}

ul.playlist li.black .functions .active {
   background: transparent !important; /* Old browsers */
   border: 1px solid transparent !important;
    

}

ul.playlist li.black .infobits {
}

ul.playlist li.black .controls .statusbar .annotation {
 opacity: 0.8;
}

ul.playlist li.black canvas {
    color: #ffffff;
}
ul.playlist li.black .comments img,
ul.playlist li.black .comments canvas {
    color: #ffffff;
}

ul.playlist li.black .controls .marker {
    background: #000;
}

ul.playlist li.black .comments .marker {
    background-color: rgba(0,0,0,0.5);
    border-left: 1px solid #000;
    color: #fff;

}



ul.playlist li.black .controls .statusbar .annotation {
 opacity: 1;
}



ul.playlist li.black .functions .refeed_fct.active {
    background: transparent !important; /* Old browsers */
}

@media only screen and (max-width: 780px) {
    .tob-bar canvas {
        display: none;
    }
    
    ul.playlist li {
        border-radius: 0;
        margin-bottom: 0;
    }
    
    .footer_head {
        display: none !important;
    }
}


@media only screen and (max-width: 400px) {
    ul.playlist li .share_fct {
        display: none !important;
    }
    
  
}



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

}

#sm2-container {
    position: fixed;
    left: 0;
    bottom: 0;
    height: 30px;
    width: 30px;
}




/**
 * SoundManager 2 + useFlashBlock
 * ------------------------------
 * Flash positioning and flashblock / clicktoflash handling
 */

#sm2-container {
 /**
  * where the SM2 flash movie goes. by default, relative container.
  * set relative or absolute here, and don't touch it later or bad things will happen (see below comments.)
  */
 position: absolute;
 width: 1px;
 height: 1px;
 overflow: hidden;
 /* screw IE 6, just make it display nice */
 _overflow: hidden;
}

#sm2-container object,
#sm2-container embed {
 /**
  * the actual SWF movie bit.
  * important: The SWF needs to be able to be moved off-screen without display: or position: changes.
  * changing display: or position: or overflow: here or on parent can cause SWF reload or other weird issues after unblock
  * e.g., SM2 starts but strange errors, no whileplaying() etc.
  */
 width: 48px;
 height: 48px;
 /* some flash blockers may also respect this rule */
 max-width: 48px;
 max-height: 48px;
}

#sm2-container.swf_timedout {
 /* expand to show the timed-out SWF content */
 position: relative;
 width: 48px;
 height: 48px;
}

#sm2-container.swf_timedout,
#sm2-container.swf_timedout object,
#sm2-container.swf_timedout embed {
 /**
  * when SM2 didn't start normally, time-out case. flash blocked, missing SWF, no flash?
  * 48px square flash placeholder is typically used by blockers.
  */
 min-width: 48px;
 min-height: 48px;
}

#sm2-container.swf_unblocked {
 /* SWF unblocked, or was never blocked to begin with; try to collapse container as much as possible. */
 width: 1px;
 height: 1px;
}

#sm2-container.swf_loaded object,
#sm2-container.swf_loaded embed,
#sm2-container.swf_unblocked object,
#sm2-container.swf_unblocked embed {
 /* hide flash off-screen (relative to container) when it has loaded OK */
 left: -9999em;
 top: -9999em;
}

#sm2-container.swf_error {
 /* when there is a fatal error (flash loaded, but SM2 failed) */
 display: none;
}

#sm2-container.high_performance,
#sm2-container.high_performance.swf_timeout {
 /* "high performance" case: keep on-screen at all times */
 position: absolute;
 position: fixed;
}

#sm2-container.high_performance {
 overflow: hidden;
 _top: -9999px; /* IE 6 hax, no position:fixed */
 _left: -9999px;
 bottom: 0;
 left: 0;
 /**
  * special case: show at first with w/h, hide when unblocked.
  * might be bad/annoying.
  * try to stay within ClickToFlash "invisible" limits (so it won't be blocked.)
  */
 z-index: 99; /* try to stay on top */
}

#sm2-container.high_performance.swf_loaded,
#sm2-container.high_performance.swf_unblocked {
 z-index: auto;
}

#sm2-container.high_performance.swf_loaded,
#sm2-container.high_performance.swf_unblocked,
#sm2-container.high_performance.swf_unblocked object,
#sm2-container.high_performance.swf_unblocked embed {
 /**
  * 8x8px is required minimum to load in fx/win32 in some cases(?)
  * 6x6+ good for fast performance, even better when on-screen via position:fixed
  * also, clickToFlash (Safari <5.1) may auto-load "invisible" SWFs at this size
  */
 height: 8px;
 width: 8px;
}

#sm2-container.high_performance.swf_loaded {
 /* stay bottom/left */
 top: auto;
 bottom: 0;
 left: 0;
}

#sm2-container.high_performance.swf_loaded object,
#sm2-container.high_performance.swf_loaded embed,
#sm2-container.high_performance.swf_unblocked object,
#sm2-container.high_performance.swf_unblocked embed {
 /* high-performance case must stay on-screen */
 left: auto;
 top: auto;
}

#sm2-container.high_performance.swf_timedout {
 z-index: 99; /* try to stay on top */
}

ul.playlist li canvas.half {
    height: 50px;
    bottom: 50px;
}




















/*

 SoundManager 2: "page as playlist" example
 ------------------------------------------
 http://schillmania.com/projects/soundmanager2/

*/




ul.playlist li .dna_container {
   width: 100% !important;
   height: 3px !important;
   position: absolute;
   z-index: 10;
   left: 0;
   right: 0;
   top: 71px;
    background-size:  100% 5px;
    opacity: 0.2;
     -webkit-transition: all 0.2s;
    transition: all 0.2s;
    
}

ul.playlist.top li .dna_container,
ul.playlist li.hightlight .dna_container {
	opacity: 1;
}

ul.playlist li.sm2_playing .dna_container,
ul.playlist li.sm2_paused .dna_container {
    opacity: 1;
}




/* SMALL VIEW */



.playlist.small canvas {
     display: none !important;
 }

 
.playlist.small li .player-link, 
.playlist.small li .player-link {
     padding-bottom: 5px;
 }
 
.playlist.small li .cover {
     display: none !important;
 }
 
.playlist.small li {
     margin-left: 0 !important;
 	margin-bottom: 0;
    overflow: hidden;
 }
 
.playlist.small li.half .controls .statusbar {
     background: #eee;
     height: 20px;
     margin-top: 5px;
     margin-bottom: 8px;
 }
 
.playlist.small li.half .controls .statusbar .position {
    height: 20px;
    background: #ba1010;
 }



 ul.playlist li .player-link i {
    font-size: 17px;
	position: absolute;
	left: 10px;
	top: 10px;
 }
 
 ul.playlist li .player-link i.fa-play {
    font-size: 16px;
    left: 13px;
    top: 10px;
 }
 
 
 ul.playlist li .player-link i.fa-refresh {
  font-size: 14px;
  left: 11px;
  top: 10px;
}
 
 
 ul.playlist li .player-link i.fa-circle-o-notch {
    font-size: 15px;
 }
  
 ul.playlist li .player-link i.fa-play,
 ul.playlist li.sm2_paused .player-link i.fa-play {
    display: block !important;
  	
 }
 
 ul.playlist li.sm2_playing .player-link i.fa-pause {
    display: block !important;
    color: #fff !important;
 }
 
 ul.playlist li.sm2_playing .player-link i.fa-play {
    display: none !important;
 }




.sets_playlist {
	height: 110px !important;
	overflow: hidden;
} 

.sets_playlist li {
	margin-left: 0 !important;
	margin-right: 0 !important;
	border-right: 1px solid #e8e8e8;
}

.sets_playlist li:last-child {
	border-right: 0 solid #e8e8e8 !important;
}

.sets_playlist li .cover,
.sets_playlist li .comments,
.sets_playlist li .time,
.sets_playlist li .functions,
.sets_playlist li .infobits 
{
	display: none !important;
}

.sets_playlist li .headline,
.sets_playlist li .player-link {
	opacity: 0 !important;
	z-index: 0 !important;
}

.sets_playlist li:hover .player-link,
.sets_playlist li:hover .headline {
	opacity: 1  !important;
}

ul.playlist li .track-headline {
	width: 100%!important;
	hite-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	/* position: relative; */
	padding-right: 100px;
	display: inline-block;
	line-height: 24px;
	margin-top: -4px;
}

.track-detail ul.playlist li .roof > a {
    display: none;
}


.track-detail ul.playlist li .track-headline {
    padding-right: 200px;
    font-size: 34px;
    line-height: 42px;
    margin-top: -20px;
    font-weight: 300;
    white-space: normal;
}

.content-col.content-col-right .playlist li.more-appended {
	  margin-bottom: 100px;
}

.content-col.content-col-right .playlist li .more-by-artist {
    bottom: -71px;
	position: absolute;
	left: 0;
	color: #000;
	width: 100%;
}

.playlist.top .more-by-artist {
	display: none;
}


.not-generated-placeholder {
	background: rgba(128,128,128,0.2);
    padding: 2px 5px;
    width: 100%;
    position: absolute;
    border-radius: 4px;
    top: 42px;
}

.track-detail-header .not-generated-placeholder {
	top: auto;
	background: rgba(128,128,128,0.2);
    padding: 15px 10px;
    width: 100%;
    position: absolute;
    border-radius: 4px;
    bottom: 20px;
}

li.not-generated .controls .statusbar .position {
	border-top: 2px solid rgba(203, 22, 6, 1);
	top: 44px !important;
}

.track-detail-header li.not-generated .controls .statusbar .position {
	border-top: 0;
	top: -60px !important;
	border-bottom: 5px solid rgba(255, 255, 255, 0.6)
}