/* @group Basic Styling */

#stacks_in_29_page7 *,
#stacks_in_29_page7 *:before,
#stacks_in_29_page7 *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#stacks_in_29_page7 {
	max-width: 800px;
	margin: 0 auto;
}

#playlisterWrapperstacks_in_29_page7 {
	-webkit-box-shadow: 0px 0px 5px 2px rgba(251, 0, 25, 1.00);
	box-shadow: 0px 0px 5px 2px rgba(251, 0, 25, 1.00);
	margin: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}




#playlisterPlaceholderstacks_in_29_page7 {
	display: none !important;
}


#playlisterstacks_in_29_page7 { 
	border-radius: 0px;
	height: auto;
	position: relative;
	width: auto;
	z-index: 2;
	display: block;
	overflow: auto;
	padding: 10px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}

/*  */

/*  */

/*  /*

 /*

 */

/*  */

/*  */

/*  */
/* Local image image applied as a CSS background */
#playlisterstacks_in_29_page7 {
	background: url(../files/container_local_image_29.gif);
	background-position: center center;
	background-repeat: repeat;
}
/*  */

/*  */

#playlisterstacks_in_29_page7 .btn {
	text-decoration: none;
	margin-top: 5px;
}

/* @end */

/* @group Artwork (cover) */

#coverControlsWrapperstacks_in_29_page7 {
	position: relative;
	height: auto;
	overflow: auto;
	margin-bottom: 5px;
	min-height: 250px;
}

#coverstacks_in_29_page7 {
	background-repeat: no-repeat;
	background-size: 100% 100%;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	position: relative;
	height: 250px;
	width: 250px;
	margin: auto;
}

@media screen and (min-width: 480px) {
	#coverstacks_in_29_page7 {
		float: left;
		margin-right: 10px;
	}
}

/* @end */

/* @group Titles */

#playerInterfacestacks_in_29_page7 {
	display: block;
	text-align: left;
	overflow: hidden;
}

#playlisterTopSectionstacks_in_29_page7 {
	height: auto;
	overflow: auto;
	margin-top: 10px;
}

@media screen and (min-width: 480px) {
	#playlisterTopSectionstacks_in_29_page7 {
		margin-top: 0px;
	}
}

#titlestacks_in_29_page7 {
	color: rgba(255, 255, 255, 1.00);
	font-size: 18px;
	font-weight: bold;
	line-height: 1.50em;
}

#titlestacks_in_29_page7:before {
	content: ' ';
}

#albumstacks_in_29_page7 {
	color: rgba(205, 205, 205, 1.00);
	font-size: 14px;
	line-height: 1.50em;
}

#albumstacks_in_29_page7:before {
	content: 'Album: ';
}

#artiststacks_in_29_page7 {
	color: rgba(205, 205, 205, 1.00);
	font-size: 14px;
	line-height: 1.50em;
}

#artiststacks_in_29_page7:before {
	content: 'Artist: ';
}

#additionalInfostacks_in_29_page7 {
	color: rgba(205, 205, 205, 1.00);
	font-size: 14px;
	line-height: 1.50em;
}

#additionalInfostacks_in_29_page7:before {
	content: ' ';
}

/**/

/* @end */

/* @group Buttons */

#controlsstacks_in_29_page7 {
	position: relative;
	margin: 0px;
	padding: 0;
	color: #cdcdcd;
	overflow: visible;
}

@media screen and (min-width: 480px) {
	#controlsstacks_in_29_page7 {
		padding-top: 10px;
	}
}

/**/

#buttonWrapperstacks_in_29_page7 {
	display: table;
	position: relative;
	vertical-align: middle;
	text-align: center;
	width: 100%;
}

.buttonItem {
	display: table-cell;
	text-align: center;
	position: relative;
	overflow: visible;
}

/* Standard buttons are butotns added by Playlister, regular buttons are ones added by a user */

.playlisterButtonStandard,
.playlisterButton { 
	display: inline-block;
	width: 50px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	text-align: center;
	font-size: 20px;
	background: rgba(76, 76, 76, 1.00);
	border-radius: 50%;
	transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	color: rgba(255, 255, 255, 1.00);
	cursor: pointer;
	position: relative;
	overflow: hidden;
	box-shadow: 0px 1px 4px -2px #333;
	text-shadow: 0px -1px #333;
	border: 1px solid rgba(25, 25, 25, 1.00);
}

.playlisterButtonStandard [class^="fa fa-"],
.playlisterButton [class^="fa fa-"] {
	color: rgba(255, 255, 255, 1.00);
	transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	line-height: 50px !important;
}

.playlisterButtonStandard:hover,
.playlisterButtonStandard:active,
.playlisterButtonStandard:focus,
.playlisterButton:hover,
.playlisterButton:active,
.playlisterButton:focus {
	color: rgba(75, 179, 135, 1.00);
	background: rgba(76, 76, 76, 1.00);
	border: 1px solid rgba(25, 25, 25, 1.00);
}

.playlisterButtonStandard:hover [class^="fa fa-"],
.playlisterButtonStandard:active [class^="fa fa-"],
.playlisterButtonStandard:focus [class^="fa fa-"],
.playlisterButton:hover [class^="fa fa-"],
.playlisterButton:active [class^="fa fa-"],
.playlisterButton:focus [class^="fa fa-"] {
	color: rgba(75, 179, 135, 1.00);
}

#playstacks_in_29_page7 i {
	margin-right: -3px;
}

#pausestacks_in_29_page7 {
	display: none;
}

.playlisterIsPlaying #playstacks_in_29_page7 {
	display: none;
}

.playlisterIsPlaying #pausestacks_in_29_page7 {
	display: inline-block;
}

/*  */
/* Glass effect */
.playlisterButton:after,
.playlisterButtonStandard:after {
	content: '';
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 50%;
	background: linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.05));
}
/*  */
/* @end */

/* @group User Options Bar */

#userOptionsBarstacks_in_29_page7 {
	float: right;
}

.playlisterInterfaceComponent,
.playlisterInterfaceComponentStandard {
	margin-bottom: 10px;
	margin-left: 10px;
}

@media screen and (min-width: 480px) {
	.playlisterInterfaceComponent,
	.playlisterInterfaceComponentStandard {
		float: left;
	}
}

/* @end */

/* @group Volume Controls */

#volumeControlsstacks_in_29_page7,
#volumeBtnstacks_in_29_page7 {
	display: none;
}

@media screen and (min-width: 480px) {
	#volumeBtnstacks_in_29_page7 {
		display: inline-block;
	}
	
	#volumeControlsstacks_in_29_page7 {
		height: 140px;
		width: 70px;
		display: none;
		position: absolute;
		left: 50%;
		bottom: 100%;
		margin-left: -35px;
		overflow: visible;
		z-index: 90;
		background: rgba(25, 25, 25, 1.00);
		border-radius: 10px;
	}
	
	#volume-fullstacks_in_29_page7 {
		position: absolute;
		left: 14px;
		top: 10px;
		width: 100%;
		display: block;
		font-size: 20px;
		text-align: left;
	}
	
	#volume-mutestacks_in_29_page7 {
		position: absolute;
		left: 18px;
		top: 110px;
		width: 100%;
		display: block;
		text-align: left;
		font-size: 20px;
	}
	
	#volume-mutestacks_in_29_page7 [class^="fa fa-"],
	#volume-fullstacks_in_29_page7 [class^="fa fa-"] {
		color: rgba(205, 205, 205, 1.00);
		line-height: 1;
		padding: 0;
		margin: 0;
	}
	
	#volumeSliderstacks_in_29_page7 {
		position: absolute;
		top: 10px;
		right: 15px;
		display: block;
		height: 100%;
	}
	
	#volumestacks_in_29_page7 {
		height: 120px;
		width: 10px;
		background: rgba(102, 102, 102, 1.00);
		position: relative;
		border-radius: 5px;
	}
	
	#volumestacks_in_29_page7 .ui-slider-range {
		background: rgba(75, 179, 135, 1.00);
		border-radius: 5px;
		outline: none;
		display: block;
		width: 100%;
		position: absolute;
		bottom: 0;
		left: 0;
	}
	
	#volumestacks_in_29_page7 .ui-slider-handle {
		cursor: pointer;
		position: absolute;
		left: 0;
		bottom: 0px;
		margin-left: -5px;
		margin-bottom: -10px;
		width: 20px;
		height: 20px;
		z-index: 2;
		border-radius: 10px;
		background: rgba(205, 205, 205, 1.00);
		outline: none;
	}
}

/* @end */

/* @group Progress Bar */

#progressBarstacks_in_29_page7 {
	margin-bottom: 5px;
	height: auto;
	overflow: auto;
}

#trackerstacks_in_29_page7 {
	display: block;
	position: relative;
	height: 10px;
	background: rgba(102, 102, 102, 1.00);
	margin-top: 5px;
	border-radius: 5px;
	overflow: hidden;
}

#trackerstacks_in_29_page7 #progressstacks_in_29_page7 {
	background: rgba(179, 14, 25, 1.00);
	height: 100%;
	display: block;
	width: 0px;
}

#currentstacks_in_29_page7 {
	float: left;
	font-size: 14px;
	margin-top: 4px;
	color: rgba(205, 205, 205, 1.00);
}

#durationstacks_in_29_page7 {
	float: right;
	font-size: 14px;
	margin-top: 4px;
	color: rgba(205, 205, 205, 1.00);
}

/* iOS can't preload audio and fetch the total duration until the track starts to play. So we make duration invisisble and make it visible on desktops or (via jQuery) when the track is clicked and playing */

#durationstacks_in_29_page7 {
	visibility: hidden;
}

#durationstacks_in_29_page7.showDuration {
	visibility: visible;
}

/* @end */

/* @group Playlist */

#playlisterPlayliststacks_in_29_page7 {
	background-color: rgba(179, 179, 179, 1.00);
	list-style-type: none;
	margin: 0;
	padding: 0px;
	position: relative;
	z-index: 1;
	display: block;
	overflow: hidden;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	-webkit-column-count: 1;
	-moz-column-count: 1;
	column-count: 1;
	-webkit-column-gap: 0px;
	-moz-column-gap: 0px;
	column-gap: 0px;
	-webkit-column-rule: 0px solid #BC001A;
	-moz-column-rule: 0px solid #BC001A;
	column-rule: 0px solid #BC001A;
	
	/* Hide top-most item borders */
	margin-top: -0px
}

@media screen and (min-width: 34em) {
	#playlisterPlayliststacks_in_29_page7 {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
	}	
}

@media screen and (min-width: 48em) {
	#playlisterPlayliststacks_in_29_page7 {
		-webkit-column-count: 3;
		-moz-column-count: 3;
		column-count: 3;
	}	
}

@media screen and (min-width: 62em) {
	#playlisterPlayliststacks_in_29_page7 {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
	}	
}

@media screen and (min-width: 75em) {
	#playlisterPlayliststacks_in_29_page7 {
		-webkit-column-count: 3;
		-moz-column-count: 3;
		column-count: 3;
	}	
}

#playlisterPlayliststacks_in_29_page7 li {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    background: rgba(179, 179, 179, 1.00);
    color: rgba(153, 16, 26, 1.00);
    font-size: 18px;
    height: 45px;
    line-height: 45px;
	cursor: pointer;
	transition: color 300ms ease-in-out, background 300ms ease-in-out;
	-webkit-transition: color 300ms ease-in-out background 300ms ease-in-out;
	-moz-transition: color 300ms ease-in-out background 300ms ease-in-out;
	overflow: hidden;
	position: relative;
	-webkit-column-break-inside: avoid;
	break-inside: avoid;
	transform: translateZ(0);
	border-top: 0px solid #BC001A;
}

#playlisterPlayliststacks_in_29_page7 li:hover {
	background: rgba(204, 204, 204, 1.00);
}

#playlisterPlayliststacks_in_29_page7 li.active-playlistitem,
#playlisterPlayliststacks_in_29_page7 li.active-playlistitem:hover {
	font-weight: normal;
	color: rgba(255, 255, 255, 1.00);
	background: rgba(206, 0, 24, 1.00);
}

/*  */
#playlisterPlayliststacks_in_29_page7 li {
	padding-left: 20px;
}
/*  */

/*  */

/*  */
#playlisterPlayliststacks_in_29_page7 li .playlistItemActiveIcon {
	display: none;
}
/*  */

/*  */

/* @end */

/* @group Modernizer */

.no-audio #playlisterstacks_in_29_page7,
.no-audio #playlisterPlayliststacks_in_29_page7 {
	display: none;
}

#playlisterNoAudiostacks_in_29_page7 {
	display: none;	
}

.no-audio #playlisterNoAudiostacks_in_29_page7 {
	padding: 10px;
	display: none;	
}

.no-adownload #downloadstacks_in_29_page7 {
	display: none;
}

/*  */

/* @end */

/* @group Interface Stack Settings */












#downloadstacks_in_29_page7 {
	display: none !important;
}















#shufflestacks_in_29_page7 {
	display: none;
}



#playlistTogglestacks_in_29_page7 {
	display: none;
}




/* @end */

/* @group Debug Mode */

#playlisterPlaceholderstacks_in_29_page7 {
	display: none;
	padding: 15px;
	margin: 15px;
	background: #ffffff;
	color: #000000;
	font-family: "Courier New", Courier, mono;
}

#playlisterPlaceholderstacks_in_29_page7 audio {
	width: 100%;
}

/* @end */

/* @group Edit Mode Styling */

/*  */
	
/* @end */
#stacks_in_29_page7 {
	background-color: rgba(0, 0, 1, 1.00);
	background-image: url("../files/backgroundImage_29.jpg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top;
}