body
{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: rgba( 80, 80, 80, 1 );
	margin: 0px;
	
	font-family: 'sanfrandisplay-bold', Arial, sans-serif;
    text-align: center;
    font-size: 12px;
	color: rgba( 0,0,0, 0.8);
	
/*	pointer-events: none;*/
	-webkit-user-select: none;
}

.showMe
{
	box-shadow: inset 0 0 2px rgba( 255, 0, 0, 1 );
}

.magicBox
{
	position: absolute;
	width: 50%;
	height: 600px;
	left: 25%;
	top: 40px;
	padding: 0px;
	background: rgba( 255, 255, 255, 1 );
	border: none;
	z-index: 2000;
	-webkit-user-select: none;
}

/* - - - -  - - - - - - - - */

.buttonHolder
{
	position: absolute;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	overflow: hidden;
	background: rgba( 0,0,0, 1);
	-webkit-user-select: none;
}

.buttonIMG
{
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-user-select: none;
}

/* - - - index - - - - -*/

.minShelf
{
	position: absolute;
	width: 60%;
	height: 60px;
	left: 20px;
	top: 15px;
	font-family: 'sanfrandisplay-heavy', Arial, sans-serif;
    font-size: 32px;
    line-height:1;
	text-align: left;
	text-transform: uppercase;
	white-space: nowrap;
	color: rgba( 240, 240, 240, 0.5 );
	background: rgba( 0, 0, 0, 0 );
	text-overflow: ellipsis;
	overflow: visible;
	-webkit-user-select: none;
}

.minAuthor
{
	position: absolute;
	width: 60%;
	height: 30px;
	left: 20px;
	bottom: 15px;
	font-family: 'sanfrandisplay-heavy', Arial, sans-serif;
    font-size: 24px;
    line-height:1;
	text-align: left;
	white-space: nowrap;
	color: rgba( 240, 240, 240, 0.5 );
	background: rgba( 0, 0, 0, 0 );
	text-overflow: ellipsis;
	
	
	display: none;
	
	
	overflow: visible;
	-webkit-user-select: none;
}

.minShelfBack
{
	position: absolute;
	width: 100%;
	height: 67%;
	left: 0px;
	top: 0px;
	padding: 0px;
	border: none;
	background: linear-gradient(0deg,
		rgba( 0, 0, 0, 0.10 ) 0%,
		rgba( 0, 0, 0, 0.00 ) 50%,
		rgba( 0, 0, 0, 0.00 ) 100%
		);
/*	background: linear-gradient(0deg,*/
/*		rgba( 240, 240, 240, 0.10 ) 0%,*/
/*		rgba( 240, 240, 240, 0.00 ) 50%,*/
/*		rgba( 240, 240, 240, 0.00 ) 100%*/
/*		);*/
/*	filter: blur( 2px );*/
	overflow: visible;
	pointer-events: none;
	-webkit-user-select: none;
}

.minShelfShelf
{
	position: absolute;
	width: 100%;
	height: 33%;
	left: 0px;
	bottom: 0px;
	padding: 0px;
	border: none;
	background: linear-gradient(180deg,
		rgba( 240, 240, 240, 0.10 ) 0%,
		rgba( 240, 240, 240, 0.00 ) 50%,
		rgba( 240, 240, 240, 0.00 ) 100%
		);
/*	background: linear-gradient(180deg,*/
/*		rgba( 0, 0, 0, 0.10 ) 0%,*/
/*		rgba( 0, 0, 0, 0.00 ) 50%,*/
/*		rgba( 0, 0, 0, 0.00 ) 100%*/
/*		);*/
/*	filter: blur( 2px );*/
	overflow: visible;
	pointer-events: none;
	-webkit-user-select: none;
}

.socialShareFrame
{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0%;
	top: 0px;
	padding: 0px;
	border: none;
}

.privacyPolicyFrame
{
	position: absolute;
	width: 120%;
	height: 100%;
	left: -10%;
	top: 0px;
	padding: 0px;
	border: none;
}

.urlInput
{
	position: relative;
	width: 80%;
	height: auto;
	padding: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: 5%;
	margin-top : 20px;
	font-family: 'sanfrandisplay-bold', Arial, sans-serif;
    text-align: left;
    font-size: 12px;
	color: rgba( 0, 0, 0, 0.6);
	border: none;
	background: rgba( 255, 255, 255, 1 );
	border-radius: 6px;
}

#overPanels
{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	background: rgba( 0,0,0,1 );
/*	overflow: scroll;*/
/*	pointer-events: none;*/
/*	-webkit-user-select: none;*/
}

.overModal
{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	overflow: hidden;
	background: rgba( 0,0,0,0.5 );
/*	z-index: 40000;*/
/*	pointer-events: none;*/
/*	-webkit-user-select: none;*/
}

.overPanelsBG
{
	position: absolute;
	width: 150%;
	height: 150%;
	left: -25%;
	top: -25%;
/*	background: rgba( 0,0,0,1 );*/
	filter: blur( 30px );
	opacity: 0.8;
/*	overflow: scroll;*/
	pointer-events: none;
	-webkit-user-select: none;
}

.settingsPanel
{
	position: absolute;
	width: 500px;
	height: 600px;
	left: 50%;
	top: 50%;
	margin-left: -250px;
	margin-top: -300px;
	font-family: 'sanfrandisplay-bold', Arial, sans-serif;
    text-align: center;
    font-size: 18px;
    color: rgba( 20, 20, 20, 1 );
    border-radius: 20px;
	background: rgba( 240, 240, 240, 0.5 );
	box-shadow: 0px 10px 30px rgba( 0, 0, 0, 0.8 );
/*	z-index: 2000;*/
	overflow: hidden;
/*	pointer-events: none;*/
/*	-webkit-user-select: none;*/
}

.newUserPanel
{
	position: absolute;
	width: 500px;
	height: 500px;
	left: 50%;
	top: 50%;
	margin-left: -250px;
	margin-top: -250px;
	font-family: 'sanfrandisplay-bold', Arial, sans-serif;
    text-align: center;
    font-size: 18px;
    color: rgba( 20, 20, 20, 1 );
    border-radius: 20px;
	background: rgba( 240, 240, 240, 0.8 );
	box-shadow: 0px 10px 30px rgba( 0, 0, 0, 0.5 );
/*	z-index: 2000;*/
	overflow: hidden;
/*	pointer-events: none;*/
/*	-webkit-user-select: none;*/
}

.readOut
{
	position: absolute;
	width: 80%;
	height: 80%;
	left: 0px;
	top: 0px;
	overflow: hidden;
	background: rgba( 255, 255, 255, 0.5 );
/*	z-index: 100000;*/
/*	pointer-events: none;*/
/*	-webkit-user-select: none;*/
}

.offContainer
{
	position: absolute;
	width: 100%;
	height: 10%;
	left: 0%;
	top: 0%;
	overflow: hidden;
	background: rgba( 0,0,0,0 );
/*	z-index: 5000;*/
/*	pointer-events: none;*/
/*	-webkit-user-select: none;*/
}

.streemlinerNote
{
	position: absolute;
	width: auto;
	height: auto;
	left: 20px;
	top: -100px;
	overflow: visible;
	background: rgba( 0, 0, 0, 0 );
}

.slLogo
{
	position: absolute;
	width: 60px;
	height: 60px;
	left: 0px;
	top: 20px;
	overflow: hidden;
	background: rgba( 0,0,0,0 );
/*	z-index: 50000;*/
/*	pointer-events: none;*/
/*	-webkit-user-select: none;*/
}

.dataPanel
{
	position: absolute;
	width: 460px;
	height: 480px;
	left: 20px;
	top: 120px;
	overflow: hidden;
	background: rgba( 220, 0, 0, 0 );
/*    border-radius: 16px;*/
/*	pointer-events: none;*/
/*	-webkit-user-select: none;*/
}

#dataDIV
{
	visibility:hidden;
}

.formInputHolder
{
	position: relative;
	width: 80%;
	height: auto;
	left: 10%;
	top: 0px;
	background: rgba( 0, 255, 0, 0 );
/*	z-index: 40000;*/
/*	pointer-events: auto;*/
/*	-webkit-user-select: none;*/
}

.userInputHolder
{
	position: relative;
	width: 100%;
	height: 40px;
	left: 0%;
	top: 0px;
	background: rgba( 255, 255, 255, 1 );
	font-family: 'sanfrandisplay-bold', Arial, sans-serif;
    text-align: center;
    font-size: 18px;
    border-radius: 10px;
/*	z-index: 40000;*/
/*	pointer-events: auto;*/
/*	-webkit-user-select: none;*/
}

.userInput
{
	position: relative;
	width: 100%;
	height: 100%;
	left: 0%;
	top: 0px;
	border: none;
	font-family: 'sanfrandisplay-bold', Arial, sans-serif;
    text-align: center;
    font-size: 18px;
    color: rgba( 20, 20, 20, 1 );
/*	z-index: 45000;*/
    border-radius: 10px;
/*	pointer-events: auto;*/
/*	-webkit-user-select: none;*/
}

.clearInput
{
	position: absolute;
	width: 20px;;
	height: 20px;
	right: 10px;
	top: 10px;
	overflow: hidden;
	background: rgba( 255, 0, 0, 0 );
    border-radius: 50%;
/*	z-index: 40000;*/
/*	pointer-events: auto;*/
/*	-webkit-user-select: none;*/
}

.basicInput
{
	position: absolute;
	left: 10%;
	bottom:20px;
	width: 80%;
	height: 50px;
/*	pointer-events: auto;*/
/*	-webkit-user-select: none;*/
}

.settingsCreate
{
	position: absolute;
	left: 25%;
	bottom:70px;
	width: 50%;
	height: auto;
	padding-top: 12px;
	padding-bottom: 12px;
	font-family: 'sanfrandisplay-bold', Arial, sans-serif;
    text-align: center;
    font-size: 18px;
    color: rgba( 220, 220, 220, 1 );
	overflow: hidden;
	background: rgba( 0, 0, 220, 1 );
    border-radius: 10px;
}

.settingsLogin
{
	position: absolute;
	left: 25%;
	top: 140px;
	width: 50%;
	height: auto;
	padding-top: 12px;
	padding-bottom: 12px;
	font-family: 'sanfrandisplay-bold', Arial, sans-serif;
    text-align: center;
    font-size: 18px;
    color: rgba( 220, 220, 220, 1 );
	overflow: hidden;
	background: rgba( 0, 120, 0, 1 );
    border-radius: 10px;
}

.settingsLogout
{
	position: absolute;
	left: 0%;
	bottom: 30px;
	width: 100%;
	height: auto;
/*	padding: 20px;*/
/*	padding-left: 5%;*/
/*	padding-right: 5%;*/
	font-family: 'sanfrandisplay-bold', Arial, sans-serif;
    font-size: 16px;
    line-height:1.25;
	text-align: center;
/*	text-transform: uppercase;*/
	border-radius: 16px;
	background: rgba( 40, 40, 240, 0 );
	color: rgba( 0, 0, 200, 1 );
	pointer-events: auto;
	-webkit-user-select: none;
}

.settingsRadios
{
	font-family: 'sanfrandisplay-bold', Arial, sans-serif;
    font-size: 14px;
    line-height:1;
	text-align: left;
}

.feedbackPanelHolderMask
{
	position: absolute;
	left: 50%;
/*	top: 50%;*/
	top: 5%;
	width: 500px;
	height: 630px;
/*	max-height: 100%;*/
	max-height: 90%;
	margin-left: -250px;
/*	margin-top: -50%;*/
/*	margin-top: -340px;*/
	border-radius: 15px;
/*	border-top-left-radius: 0px;*/
	background: rgba( 80, 80, 80, 1 );
	box-shadow: 0px 6px 20px rgba( 0, 0, 0, 0.5 );
	z-index: 100001;
	overflow: hidden;
/*	overflow-x: hidden;*/
/*	overflow-y: scroll;*/
	pointer-events: auto;
	-webkit-user-select: none;
	
	animation-duration: 0.25s;
	animation-name: feedbackPanelNow;
	animation-iteration-count: 1;
	animation-timing-function: ease-out;
	animation-fill-mode: forwards;
}

@keyframes feedbackPanelNow
{
    0% 		{ top: 0%; }
	100% 	{ top: 5%; }
}

.feedbackPanelHolder
{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	padding-right: 40px;
	background: rgba( 0, 255, 0, 0 );
	overflow-x: hidden;
	overflow-y: scroll;
	pointer-events: auto;
	-webkit-user-select: none;
}


.feedbackPanelSpace
{
	position: relative;
	width: 100%;
	height: 20px;
	pointer-events: auto;
	-webkit-user-select: none;
}

.feedbackPanelHolderMaskExtended
{
	transform: scale( 0.9 );
}

/* - - - - - - - - - - -*/

.randomClass
{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	overflow: hidden;
	background: rgba( 0,0,0,0 );
/*	pointer-events: none;*/
/*	-webkit-user-select: none;*/
}

/* - - - - - - - - - - -*/

.overlayReadOut
{
	position: absolute;
	width: 50%;
	height: 40px;
	right: 10px;
	top: 10px;
	background: rgba( 0, 0, 0, 0.5 );
	text-align: right;
	color: rgba( 0,250,0,1 );
	z-index: 2000;
	box-shadow: 0 0 20px rgba( 0, 0, 0, 0.5 );
	display: none;
	pointer-events: none;
	-webkit-user-select: none;
}

::placeholder
{
	/* Chrome, Firefox, Opera, Safari 10.1+ */
	color: rgba( 160, 160, 160, 1 );
}

:-ms-input-placeholder
{
	/* Internet Explorer 10-11 */
	color: rgba( 160, 160, 160, 1 );
}

::-ms-input-placeholder
{
	/* Microsoft Edge */
	color: rgba( 160, 160, 160, 1 );
}

#moveLayer
{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0%;
	top: 0%;
	background: rgba( 0, 0, 0, 0 );
	overflow: hidden;
	pointer-events: none;
	-webkit-user-select: none;
}

.movePoint
{
	position: absolute;
	width: 3px;
	height: 3px;
	margin-left: -1px;
	margin-top: -1px;
	background: rgba( 255, 0, 0, 1 );
	overflow: visible;
	box-shadow: 0px 0px 10px rgba( 255, 0, 0, 1 );
	pointer-events: none;
	-webkit-user-select: none;
}

#immersionLayer
{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0%;
	top: 0%;
	background: rgba( 255, 0, 0, 0 );
	overflow: hidden;
	pointer-events: auto;
	-webkit-user-select: none;
}

.immersionLayerBG
{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0%;
	top: 0%;
/*	width: 120%;*/
/*	height: 120%;*/
/*	left: -10%;*/
/*	top: -10%;*/
/*	left: 50%;*/
/*	top: 50%;*/
/*	filter: blur( 40px );*/
	opacity:  0.5;
	pointer-events: auto;
	-webkit-user-select: none;
}

.immersionScrollerMask
{
	position: absolute;
	width: 100%;
/*	height: 66%;*/
	height: 80%;
	left: 0%;
/*	top: 18%;*/
	top: 10%;
/*	margin-top: -50%;*/
	padding-right 30px;
	background: rgba( 0, 230, 0, 0 );
/*	overflow-x: scroll;*/
/*	overflow-y: hidden;*/
/*	display: flex;*/

	filter: blur( 40px );

	overflow: hidden;
	pointer-events: auto;
	-webkit-user-select: none;
}

.immersionBlur
{
	animation-duration: 2s;
	animation-name: immersionBlurNow;
	animation-iteration-count: 1;
	animation-timing-function: ease-out;
	animation-fill-mode: forwards;
}

@keyframes immersionBlurNow
{
    0% 		{ filter: blur( 0px ); }
	100% 	{ filter: blur( 40px ); }
}

.immersionBlurEnd
{
	animation-duration: 2s;
	animation-name: immersionBlurEndNow;
	animation-iteration-count: 1;
	animation-timing-function: ease-out;
	animation-fill-mode: forwards;
}

@keyframes immersionBlurEndNow
{
    0% 		{ filter: blur( 40px ); }
	100% 	{ filter: blur( 0px ); }
}


.immersionLogo
{
	width: 40px;
	height: 40px;
	left: 25px;
	top: 25px;
	opacity: 0.75;
	background: rgba( 240, 240, 240, 0.5 );
	-webkit-user-select: none;
}

.immersionLogoIMG
{
	width: 100%;
	height: 100%;
	margin-left: -50%;
	margin-top: -50%;
	-webkit-user-select: none;
}


/*.immersionLogo*/
/*{*/
/*	width: 25px;*/
/*	height: 25px;*/
/*	left: 17px;*/
/*	top: 17px;*/
/*	opacity: 0.25;*/
/*	background: rgba( 0,0,0, 0.8);*/
/*	-webkit-user-select: none;*/
/*}*/

/*.immersionLogoIMG*/
/*{*/
/*	width: 120%;*/
/*	height: 120%;*/
/*	margin-left: -60%;*/
/*	margin-top: -60%;*/
/*	-webkit-user-select: none;*/
/*}*/
/**/
.immersionClose
{
	position: absolute;
	width: 30px;
	height: 30px;
	right: 25px;
	top: 25px;
	opacity: 1;
	background: rgba( 0,0,0,0 );
	-webkit-user-select: none;
}

.immersionWrapperClose
{
	position: absolute;
	width: 30px;
	height: 30px;
	right: -40px;
	bottom: 30px;
	opacity: 1;
	background: rgba( 0,0,0,0 );
	-webkit-user-select: none;
}

.immersionCloseIMG
{
	width: 80%;
	height: 80%;
	margin-left: -40%;
	margin-top: -40%;
	-webkit-user-select: none;
}

.immersionScrollerData
{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0%;
	top: 0%;
	background: rgba( 0, 0, 0, 0.4 );
	color: rgba( 255, 255, 255, 0.8 );
	overflow: hidden;
	pointer-events: none;
	-webkit-user-select: none;
}

.immersionCreditDataHolder
{
	position: absolute;
	width: 90%;
	height: 9%;
	left: 5%;
	bottom: 7%;
	background: rgba( 0, 230, 0, 0 );
	
	opacity: 0.4;
	overflow: hidden;

/*	overflow-x: scroll;*/
/*	overflow-y: hidden;*/

	pointer-events: auto;
	-webkit-user-select: none;
}

.immersionCreditDataScroller
{
	position: absolute;
	width: 100%;
	height: 50%;
	left: 0%;
	top: 50%;
	padding-bottom: 30px;
	background: rgba( 230, 230, 0, 0 );
	
	overflow-x: scroll;
	overflow-y: hidden;
	pointer-events: auto;
	-webkit-user-select: none;
}

.immersionCreditDataSkill
{
	position: relative;
	width: auto;
	height: auto;
	padding: 4px;
	padding-left: 8px;
	padding-right: 8px;
	margin-right: 10px;

	font-family: 'sanfrandisplay-light', Arial, sans-serif;
    text-align: center;
    font-size: 12px;
    line-height: 2.5;
	text-transform: uppercase;
	letter-spacing: 1px;
 	white-space: nowrap;
	text-overflow: ellipsis;
	color: rgba( 240, 240, 240, 0.75 );

	border: 1px solid rgba( 240, 240, 240, 0.75 );
	border-radius: 28px;
	
	float: left;

	overflow: hidden;
	pointer-events: auto;
	user-select: none;
	-webkit-user-select: none;
}

.immersionDataHolder
{
	position: absolute;
	width: 80%;
	height: 400px;
	left: 10%;
	top: 50%;
	margin-top: -240px;
	background: rgba( 0, 230, 0, 0 );
	
	overflow: visible;
	pointer-events: none;
	-webkit-user-select: none;
}

.immersionDataQuoteSpacer
{
	position: relative;
	width: 100%;
	height: 80px;
	margin: auto;
	background: rgba( 0, 230, 0, 0 );
	overflow: visible;
	pointer-events: none;
	-webkit-user-select: none;
}

.immersionDataQuote
{
	position: relative;
	width: 700px;
	max-width: 92%;
	height: auto;
	margin: auto;
	margin-top: 50px;
	margin-bottom: 30px;
	font-family: 'Metal', cursive;
    text-align: center;
    font-size: 32px;
    line-height: 1.4;
/*	text-transform: uppercase;*/
	letter-spacing: 0.5px;
/* 	white-space: nowrap;*/
	text-overflow: ellipsis;
	color: rgba( 240, 240, 240, 0.75 );
	
	overflow: visible;
	pointer-events: none;
	-webkit-user-select: none;
}

.immersionDataQuote66
{
	position: absolute;
	left: 0px;
	top: 0%;
	width: 200px;
	height: 200px;
	margin-left: -110px;
	margin-top: -100px;
	background: rgba( 0, 230, 0, 1 );
	opacity: 0.1;
	overflow: visible;
	pointer-events: none;
	-webkit-user-select: none;
}

.immersionDataQuote99
{
	position: absolute;
	right: 0px;
	top: 0%;
/*	bottom: 0px;*/
	width: 200px;
	height: 200px;
	margin-right: -120px;
	margin-top: -90px;
/*	margin-bottom: -100px;*/
	background: rgba( 0, 230, 0, 1 );
	opacity: 0.1;
	overflow: visible;
	pointer-events: none;
	-webkit-user-select: none;
}

/*.immersionDataQuoteStartHolder*/
/*{*/
/*	position: absolute;*/
/*	width: 3px;*/
/*	height: 3px;*/
/*	left: 0px;*/
/*	top: 0px;*/
/**/
/*	background: rgba( 255, 0, 0, 1 );*/
/**/
/*	overflow: visible;*/
/*	pointer-events: none;*/
/*	-webkit-user-select: none;*/
/*}*/
/**/
/*.immersionDataQuoteStart*/
/*{*/
/*	position: absolute;*/
/*	width: 50px;*/
/*	height: 50px;*/
/*	right: 0px;*/
/*	bottom: 0px;*/
/**/
/*	font-family: 'Metal', cursive;*/
/*    text-align: right;*/
/*    font-size: 50px;*/
/*	color: rgba( 240, 240, 240, 0.1 );*/
/**/
/*	background: rgba( 255, 0, 0, .25 );*/
/**/
/*	overflow: visible;*/
/*	pointer-events: none;*/
/*	-webkit-user-select: none;*/
/*}*/
/**/
/*.immersionDataQuoteEndHolder*/
/*{*/
/*	position: absolute;*/
/*	width: 3px;*/
/*	height: 3px;*/
/*	right: 0px;*/
/*	bottom: 0px;*/
/**/
/*	background: rgba( 255, 0, 0, 1 );*/
/**/
/*	overflow: visible;*/
/*	pointer-events: none;*/
/*	-webkit-user-select: none;*/
/*}*/
/**/
/*.immersionDataQuoteEnd*/
/*{*/
/*	position: absolute;*/
/*	width: 50px;*/
/*	height: 50px;*/
/*	left: 0px;*/
/*	top: 0px;*/
/**/
/*	font-family: 'Metal', cursive;*/
/*    text-align: left;*/
/*    font-size: 50px;*/
/*	color: rgba( 240, 240, 240, 0.1 );*/
/**/
/*	background: rgba( 255, 0, 0, .25 );*/
/**/
/*	overflow: visible;*/
/*	pointer-events: none;*/
/*	-webkit-user-select: none;*/
/*}*/
/**/


.immersionDataBio
{
	position: relative;
	width: 800px;
	max-width: 92%;
	height: auto;
	margin: auto;
	margin-bottom: 30px;
	font-family: 'sanfrandisplay-light', Arial, sans-serif;
    text-align: center;
    font-size: 28px;
    line-height: 1.5;
/*	text-transform: uppercase;*/
	letter-spacing: 1px;
/* 	white-space: nowrap;*/
	text-overflow: ellipsis;
	color: rgba( 240, 240, 240, 0.75 );
	
	overflow: visible;
	pointer-events: none;
	-webkit-user-select: none;

}

.immersionCreditData
{
    font-size: 16px;
    height: 60%;
    overflow: hidden;
}

.immersionCreditDataWrapper
{
	position: absolute;
	width: 100%;
	height: 100%;;
	padding-right: 40px;
    overflow-x: hidden;
    overflow-y: scroll;
	pointer-events: none;
	-webkit-user-select: none;
}

.immersionDataPublication
{
	position: relative;
	width: 600px;
	max-width: 92%;
	height: auto;
	margin: auto;
	
	font-family: 'sanfrandisplay-light', Arial, sans-serif;
    text-align: center;
    font-size: 28px;
    line-height: 1;
	text-transform: uppercase;
	letter-spacing: 1.5px;
 	white-space: nowrap;
	text-overflow: ellipsis;
	color: rgba( 240, 240, 240, 0.5 );

	overflow: visible;
	pointer-events: none;
	-webkit-user-select: none;
}

.immersionDataYear
{
	position: relative;
	width: 600px;
	height: auto;
	margin: auto;
	margin-top: 10px;
	font-family: 'sanfrandisplay-regular', Arial, sans-serif;
    text-align: center;
    font-size: 18px;
    line-height: 1;
	text-transform: uppercase;
	letter-spacing: 1.5px;
 	white-space: nowrap;
	text-overflow: ellipsis;
	color: rgba( 240, 240, 240, 0.5 );

	overflow: visible;
	pointer-events: none;
	-webkit-user-select: none;
}


.immersionScroller
{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0%;
	top: 0%;
/*	margin-top: -50%;*/
/*	padding-right 30px;*/
	padding-bottom: 30px;
	background: rgba( 0, 230, 0, 0 );
	overflow-x: scroll;
	overflow-y: hidden;
/*	display: flex;*/
	pointer-events: auto;
	-webkit-user-select: none;
}

.immersionReadout
{
	position: absolute;
	width: 80%;
	height: 10%;
	left: 10%;
	top: 4%;
	font-family: 'sanfrandisplay-regular', Arial, sans-serif;
    text-align: center;
    font-size: 24px;
	text-transform: uppercase;
	letter-spacing: 1.5px;
 	white-space: nowrap;
	text-overflow: ellipsis;
	color: rgba( 255, 255, 255, 0.75 );
	background: rgba( 0, 230, 0, 0 );
	overflow: hidden;
	pointer-events: none;
	-webkit-user-select: none;
}

.immersionContainer
{
	position: relative;
	width: auto;
	height: 94%;
	background: rgba( 0, 0, 230, 0 );
	padding-bottom: 30px;
/*	box-shadow: 0 0 20px rgba( 0, 0, 0, 0.5 );*/
/*	background: red;*/
	display: flex;
	pointer-events: auto;
	-webkit-user-select: none;
}

.immersionScrollIMG
{
	position: relative;
/*	width: 1200px;*/
/*	height: 1200px;*/
/*	min-width: 1200px;*/
/*	min-height: 1200px;*/
/*	border-radius: 10px;*/
	margin: 10px;
	float: left;
	box-shadow: 0px 5px 10px rgba( 0, 0, 0, 0.25 );
	overflow: hidden;
	pointer-events: auto;
	-webkit-user-select: none;
}

/* - - - -  - - - - - - - - */

.testButton
{
	position: relative;
	width: 50px;
	height: 50px;
	margin-left: 20px;
	margin-top: 20px;
	border-radius: 50%;
	box-shadow: 0px 0px 20px rgba( 0, 0, 0, 1 );
	overflow: hidden;
	pointer-events: auto;
	-webkit-user-select: none;
}

.streemlinerNoteToolPanelHolder
{
	position: absolute;
	width: 500px;
	height: 100px;
	left: 50%;
	bottom: -80px;
	margin-left: -250px;
	border-radius: 50px;
	overflow: hidden;
	background: rgba( 0, 0, 0, 1);
	box-shadow: 0px 10px 20px rgba( 0, 0, 0, 0.5 );
	z-index: 1500;
	transform: scale( 1 );
	pointer-events: auto;
	-webkit-user-select: none;
}

.streemlinerNoteRecordProgress
{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 0px;
	height: 100%;
	background: rgba( 255, 0, 0, 0.75 );
	-webkit-user-select: none;
}

.streemlinerNoteCancelHolder
{
	position: absolute;
	left: 50px;
	top: 50%;
	width: 50px;
	height: 50px;
	margin-left: -25px;
	margin-top: -25px;
	border-radius: 50%;
	background: rgba( 40, 40, 40, 1 );
	opacity: 1;
	z-index: 1500;
	pointer-events: auto;
	-webkit-user-select: none;
}

.streemlinerNoteAcceptHolder
{
	position: absolute;
	right: 50px;
	top: 50%;
	width: 50px;
	height: 50px;
	margin-right: -25px;
	margin-top: -25px;
	border-radius: 50%;
	background: rgba( 0, 200, 0, 1 );
	opacity: 1;
	pointer-events: auto;
	-webkit-user-select: none;
}

.streemlinerNoteDeleteHolder
{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 70px;
	height: 70px;
	margin-left: -135px;
	margin-top: -35px;
	border-radius: 50%;
	background: rgba( 255, 255, 255, 0.8 );
	opacity: 1;
	pointer-events: auto;
	-webkit-user-select: none;
}

.streemlinerNoteDeleteIMG
{
	position: absolute;
	left: -10%;
	top: -12%;
	width: 120%;
	height: 120%;
	pointer-events: none;
	-webkit-user-select: none;
}


.streemlinerNoteRecordHolder
{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 76px;
	height: 76px;
	margin-left: -38px;
	margin-top: -38px;
	border-radius: 50%;
	background: rgba( 255, 0, 0, 1 );
	opacity: 1;
	pointer-events: auto;
	-webkit-user-select: none;
}

.streemlinerNoteRecordIMG
{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 80%;
	height: 80%;
	margin-left: -40%;
	margin-top: -40%;
	border-radius: 50%;
	box-shadow: inset 0 0 5px #000, inset 0 0 5px #000, inset 0 0 5px #000, inset 0 0 5px #000, inset 0 0 5px #000, inset 0 0 5px #000;
	opacity: 1;
	pointer-events: none;
	-webkit-user-select: none;
}

.streemlinerNoteRecordIMGPulse
{
	animation-duration: 0.8s;
	animation-name: streemlinerNoteRecordIMGPulseNow;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
	animation-fill-mode: forwards;

	-webkit-user-select: none;
}

@keyframes streemlinerNoteRecordIMGPulseNow
{
    0% 		{ transform: scale( 1.0 ); }
	50% 	{ transform: scale( 0.8 ); }
	100% 	{ transform: scale( 1.0 ); }
	
	-webkit-user-select: none;
}

.streemlinerNotePlayHolder
{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 70px;
	height: 70px;
	margin-left: 65px;
	margin-top: -35px;
	border-radius: 50%;
	background: rgba( 255, 255, 255, 0.8 );
	opacity: 1;
	z-index: 1500;
	pointer-events: auto;
	-webkit-user-select: none;
}

/* - - - -  - - - - - - - - */

.productContainer
{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0%;
	top: 0%;
/*	background: rgba( 0,0,0,0.1 );*/
	overflow: hidden;
	pointer-events: auto;
	-webkit-user-select: none;
}

/*.releaseContainer*/
/*{*/
/*	position: absolute;*/
/*	width: 100%;*/
/*	height: 100%;*/
/*	left: 0%;*/
/*	top: 0%;*/
/*	overflow: hidden;*/
/*	pointer-events: none;*/
/*	-webkit-user-select: none;*/
/*}*/
/**/
/*.releaseFrame*/
/*{*/
/*	position: absolute;*/
/*	width: 100%;*/
/*	height: 100%;*/
/*	left: 0%;*/
/*	top: 0%;*/
/*	border: none;*/
/*	overflow: hidden;*/
/*	pointer-events: auto;*/
/*	-webkit-user-select: none;*/
/*}*/

.shelfContainer
{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0%;
	top: 0%;
/*	background: rgba( 0,0,0,0.1 );*/
	overflow: hidden;
	pointer-events: auto;
	-webkit-user-select: none;
}

.shelfScrollContainer
{
	position: absolute;
	width: 100%;
	height: 106%;
	left: 0%;
	top: 0%;
	background: rgba( 255, 0, 255, 0 );
	overflow: hidden;
	overflow-x: scroll;
/*	display: flex;*/
	pointer-events: auto;
	-webkit-user-select: none;
}

.shelfScrollContainerPauseScroll
{
	position: absolute;
	width: 100%;
	height: 106%;
	left: 0%;
	top: 0%;
/*	background: rgba( 255,0,255,0.5 );*/
	overflow: hidden;
/*	overflow-x: scroll;*/
/*	display: flex;*/
	pointer-events: auto;
	-webkit-user-select: none;
}

.shelfContentContainer
{
	position: relative;
/*	width: 4000px;*/
	min-width: 100%;
	width: auto;
	height: 75%;
/*	height: 94%;*/
/*	max-height: 60%;*/
/*	max-height: 1000px;*/
	left: 0%;
	top: 10%;
	background: rgba( 0,255,255,0 );
	overflow: visible; /* hidden; */
	float: left;
	display: flex;
	
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;

	pointer-events: none;
	-webkit-user-select: none;
}

.shelfContentBack
{
	position: absolute;
	width: 100%;
	height: 50%;
	left: 0%;
	top: 25%;
	background: linear-gradient(180deg,
		rgba(0,0,0,0) 	0%,
		rgba(0,0,0,0.3) 100%
		);
	opacity: 0.1;
	overflow: hidden;
	pointer-events: none;
	-webkit-user-select: none;
}

.shelfContentShelf
{
	position: absolute;
	width: 100%;
	height: 18%;
	left: 0%;
	top: 75%;
	background: linear-gradient(180deg,
		rgba(0,0,0,0) 	0%,
		rgba(0,0,0,0.3) 100%
		);
	opacity: 0.1;
	overflow: hidden;
	pointer-events: none;
	-webkit-user-select: none;
}

.shelfLeftSpacer
{
	position: relative;


	/*	290323 test MUTED & ADDED */
/*	min-width: 690px; /* 50% */
	width: 60px;



/*	width: 3200px;*/
	height: 98%;
	left: 0%;
	top: 1%;
/*	background: rgba( 0,255,255,0.5 );*/
	overflow: hidden;
	float: left;
	pointer-events: none;
	-webkit-user-select: none;
	
}

.shelfReleasesContainer
{
	position: relative;
	width: auto;
	height: 98%;
	top: 1%;
	margin-left: 60px;
/*	background: rgba( 0,255,255,0.5 );*/
/*	border: 1px solid black;*/
	overflow: visible;
	float: left;
	display: flex;

	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;

	pointer-events: none;
	-webkit-user-select: none;
}

.shelfReleasesShadow
{
	position: absolute;
	width: 120%;
	height: 100px;
	left: -10%;
	bottom: 0%;
	background-image: radial-gradient(
		rgba(0,0,0,0.15) 0%,
		rgba(0,0,0,0.00) 60%
		);
	border-radius: 50%;
	overflow: hidden;
	pointer-events: none;
	-webkit-user-select: none;
}

.shelfReleaseSpace
{
	position: relative;
/*	min-width: 300px;*/
/*	width: 400px;*/
	height: 100%;
/*	background: rgba( 0,255,255,0.5 );*/
/*	border: 1px solid red;*/
	overflow: visible;
	float: left;
	z-index:0;

	-webkit-transform-style: preserve-3d;
	-webkit-perspective: 800px;
	-webkit-perspective-origin: 50% 40%;

	-moz-transform-style: preserve-3d;
	-moz-perspective: 800px;
	-moz-perspective-origin: 50% 40%;

	-o-transform-style: preserve-3d;
	-o-perspective: 800px;
	-o-perspective-origin: 50% 40%;

	-ms-transform-style: preserve-3d;
	-ms-perspective: 800px;
	-ms-perspective-origin: 50% 40%;

	transform-style: preserve-3d;
	perspective: 800px;
	perspective-origin: 50% 40%;
	
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;

	pointer-events: none;
	-webkit-user-select: none;
}

.shelfReleaseAxis
{
	position: absolute;
	width: 1px;
	height: 100%;
	left: 0px;
	top: 0px;
	/*	background: rgba( 255, 0, 0, 0.5 );*/
	overflow: visible;
	z-index:100;
	
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;

	pointer-events: auto;
	-webkit-user-select: none;
}

.shelfReleaseContainer
{
	position: absolute;
	width: 2px;
	height: 100%;
	left: 0px;
	top: 0px;
	/*	background: rgba( 255, 0, 0, 0.5 );*/
	overflow: visible;
	z-index:100;

	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;

	pointer-events: auto;
	-webkit-user-select: none;
}

.shelfReleaseCover
{
	position: absolute;
	width: 400px;
	height: 400px;
	left: 0px;
	top: 0px;
/*	box-shadow: -20px 20px 40px rgba( 0, 0, 0, 0.25 );*/
	box-shadow: -6px 5px 10px rgba( 0, 0, 0, 0.25 ), -20px 20px 40px rgba( 0, 0, 0, 0.25 );
	overflow: visible;
	opacity: 1;
/*	border-radius: 6px;*/
	z-index: 100;
	pointer-events: auto;
	-webkit-user-select: none;
}

.shelfReleaseCoverHD
{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	background: rgba( 255, 0, 0, 0 );
	overflow: hidden;
/*	border-radius: 6px;*/
	z-index: 110;
	pointer-events: none;
	-webkit-user-select: none;
}

.shelfReleaseCoverMute
{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	background: rgba( 255, 0, 0, 0 );
	overflow: hidden;
	z-index: 120;
	pointer-events: auto;
	-webkit-user-select: none;
}

.shelfSpineAxis
{
	position: absolute;
	width: 1px;
	height: 100%;
	left: 0px;
	top: 0px;
	/*	background: rgba( 255, 0, 0, 0.5 );*/
	overflow: visible;
	pointer-events: auto;
	z-index:100;

	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;

	-webkit-user-select: none;
}

.shelfReleaseSpine
{
	position: absolute;
	left: 1px;
	top: 0px;
	background: rgba( 120, 120, 120, 1 );
	/*	transform: rotateY( -90deg );*/
	opacity: 1;
	overflow: hidden;
	
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	
	z-index:100;

	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;

	pointer-events: auto;
	-webkit-user-select: none;
}

.shelfReleaseSpineGrad
{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background: linear-gradient( 0deg,
		rgba(0,0,0,0) 	0%,
		rgba(0,0,0,0.75) 100%
		);
	overflow: visible;
	z-index:100;
	pointer-events: none;
	-webkit-user-select: none;
}

.shelfReleaseSpineMute
{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	overflow: visible;
	z-index:100;
	pointer-events: none;
	-webkit-user-select: none;
}

.shelfReleaseSpineArtist
{
	font-family: 'sanfrandisplay-regular', Arial, sans-serif;
	text-transform: uppercase;
	overflow: hidden;
	pointer-events: none;
	-webkit-user-select: none;
}

.shelfReleaseSpineTitle
{
	position: absolute;
	left: 0px;
	top: 50%;
	width: 100%;
	height: 100%;
/*	padding: 2px;*/
	font-family: 'sanfrandisplay-heavy', Arial, sans-serif;
    text-align: left;
    font-size: 10px;
	letter-spacing: 0.1em;
 	white-space: nowrap;
	text-overflow: ellipsis;
	z-index: 100;
	text-transform: uppercase;
	overflow: hidden;
	pointer-events: none;
	-webkit-user-select: none;
}

.shelfReleaseSpineDeluxe
{
	position: absolute;
	left: 10px;
	top: 10px;
	width: auto;
	height: 32px;
	padding: 0px;
/*	padding-left: 10px;*/
	padding-right: 10px;
	font-family: 'sanfrandisplay-heavy', Arial, sans-serif;
	background: rgba( 255, 255, 255, 1 );
	color: rgba( 25, 25, 25, 1 );
	border-radius: 10px;
    text-align: left;
    font-size: 14px;
	letter-spacing: 0.1em;
 	white-space: nowrap;
	text-overflow: ellipsis;
	z-index: 100;
	text-transform: uppercase;
	overflow: hidden;
	pointer-events: none;
	-webkit-user-select: none;
}

.shelfReleaseSpineEdition
{
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: auto;
	height: auto;
	font-family: 'sanfrandisplay-heavy', Arial, sans-serif;
	background: rgba( 255, 255, 255, 0 );
	color: rgba( 255, 255, 255, 0.8 );
	border-radius: 6px;
    text-align: center;
    font-size: 24px;
	letter-spacing: 0.025em;
 	white-space: nowrap;
	text-overflow: ellipsis;
	z-index: 100;
	text-transform: uppercase;
	overflow: hidden;
	pointer-events: none;
	-webkit-user-select: none;
}

.shelfReleaseCoverDeluxe
{
	position: absolute;
	left: 10px;
	top: 10px;
	width: auto;
	height: 32px;
	padding: 0px;
/*	padding-left: 10px;*/
	padding-right: 0px;
	font-family: 'sanfrandisplay-heavy', Arial, sans-serif;
	background: rgba( 255, 255, 255, 1 );
	color: rgba( 25, 25, 25, 1 );
	border-radius: 10px;
    text-align: left;
    font-size: 14px;
	letter-spacing: 0.1em;
 	white-space: nowrap;
	text-overflow: ellipsis;
	z-index: 100;
	text-transform: uppercase;
	overflow: hidden;
	pointer-events: none;
	-webkit-user-select: none;
}


.shelfReleaseCoverDeluxeTitle
{
	position: relative;
	left: 5px;
	top: 0px;
	width: auto;
	height: 100%;
	padding: 6px;
	padding-left: 10px;
	padding-right: 10px;
	font-family: 'sanfrandisplay-heavy', Arial, sans-serif;
/*	background: rgba( 255, 255, 255, 0.8 );*/
	color: rgba( 25, 25, 25, 1 );
	border-radius: 0px;
    text-align: left;
    font-size: 14px;
	letter-spacing: 0.025em;
 	white-space: nowrap;
	text-overflow: ellipsis;
	z-index: 100;
	text-transform: uppercase;
	overflow: hidden;
	pointer-events: none;
	float: left;
	-webkit-user-select: none;

}

.shelfReleaseCoverEdition
{
	position: relative;
	right: 0px;
	bottom: 0px;
	width: auto;
	height: 100%;
	padding-top: 4px;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: 10px;
	font-family: 'sanfrandisplay-regular', Arial, sans-serif;
	background: rgba( 255, 255, 255, 0.8 );
	color: rgba( 25, 25, 25, 0.8 );
	border-radius: 0px;
    text-align: center;
    font-size: 18px;
	letter-spacing: 0.025em;
 	white-space: nowrap;
	text-overflow: ellipsis;
	z-index: 100;
	text-transform: uppercase;
	overflow: hidden;
	pointer-events: none;
	float: right;
	-webkit-user-select: none;

}

.shelfReleaseCoverEditionSpacer
{
	position: relative;
	right: 0px;
	bottom: 0px;
	width: 10px;
	height: 100%;
	background: rgba( 255, 255, 255, 0 );
	float: right;
	-webkit-user-select: none;
}


/* - - - -  - - - - - - - - */

.topLeftCorner
{
	position: absolute;
	width: 5%;
	height: 5%;
	left: 0%;
	top: 0%;
	background: rgba( 255, 0, 0, 1 );
	-webkit-user-select: none;
}

.topRightCorner
{
	position: absolute;
	width: 5%;
	height: 5%;
	right: 0%;
	top: 0%;
	background: rgba( 0, 255, 0, 1 );
	-webkit-user-select: none;
}

.bottomLeftCorner
{
	position: absolute;
	width: 5%;
	height: 5%;
	left: 0%;
	bottom: 0%;
	background: rgba( 0, 0, 255, 1 );
	-webkit-user-select: none;
}

.bottomRightCorner
{
	position: absolute;
	width: 5%;
	height: 5%;
	right: 0%;
	bottom: 0%;
	background: rgba( 0, 255, 255, 1 );
	-webkit-user-select: none;
}

.gridBG
{
/*	background: rgba( 255, 0, 255, 1 );*/
/*	background: url( "../img/800x800.png" );*/
	background: url( "../img/blank.jpg" );
	background-repeat: no-repeat;
	background-size: 100% 100%;

	-webkit-user-select: none;
}

/* - - - -  - - - - - - - - */

/*#mainContainer*/
/*{*/
/*	position: absolute;*/
/*	width: 100%;*/
/*	height: 100%;*/
/*	left: 0%;*/
/*	top: 0%;*/
/*	overflow: hidden;*/
/*	background: rgba( 80, 80, 80, 1 );*/
/*	-webkit-user-select: none;*/
/*}*/

.mainContainer
{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0%;
	top: 0%;
	overflow: hidden;
	background: rgba( 80, 80, 80, 1 );
	-webkit-user-select: none;
}

.mainContainerView
{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0%;
	top: 0%;
	background: rgba( 0,0,0,0 );
	overflow: hidden;
	-webkit-user-select: none;
	
/*	opacity: 0.2;*/

	animation-duration: 0.25s;
	animation-name: mainContainerViewNow;
	animation-iteration-count: 1;
	animation-timing-function: linear;
	-webkit-user-select: none;
}

@keyframes mainContainerViewNow
{
    0%  { filter: blur( 20px );	}
    100%{ filter: blur( 0px );	}
    
	-webkit-user-select: none;
}

.mainContainerBlur
{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0%;
	top: 0%;
	filter: blur( 20px );
	overflow: hidden;
	background: rgba( 0,0,0,0 );
	-webkit-user-select: none;
	
	filter: blur( 20px );
}
/*	animation-duration: 0.25s;*/
/*	animation-name: mainContainerViewNow;*/
/*	animation-iteration-count: 1;*/
/*	animation-timing-function: linear;*/
/*	-webkit-user-select: none;*/
/*}*/
/**/
/*@keyframes mainContainerViewNow*/
/*{*/
/*    0%  { filter: blur( 0px );	}*/
/*    100%{ filter: blur( 20px );	}*/
/*    */
/*	-webkit-user-select: none;*/
/*}*/

.blur100
{
	filter: blur( 20px );
	-webkit-user-select: none;
}

/* - - - -  - - - - - - - - */

.topStrip
{
	position: absolute;
	width: 100%;
	height: 2px;
	left: 0%;
	top: 0%;
	background: rgba( 240, 0, 0, 0 );
	overflow: hidden;
	z-index: 40000;
	pointer-events: none;
	-webkit-user-select: none;
}

.contributorEdit
{
/*	background: rgba( 240, 0, 0, 1 );*/
/*	box-shadow: 0px 0px 15px rgba( 240, 0, 0, 1 );*/
	border: 3px solid rgba( 240, 0, 0, 1 );
}

.adminEdit
{
/*	background: rgba( 0, 240, 0, 1 );*/
/*	box-shadow: 0px 0px 15px rgba( 0, 240, 0, 1 );*/
	border: 3px solid rgba( 0, 240, 240, 1 );
}

#overContainer
{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0%;
	top: 0%;
	background: rgba( 250, 0, 0, 0 );
	overflow: hidden;
	z-index: 10000;
	pointer-events: none;
	-webkit-user-select: none;
}

/* - - - -  - - - - - - - - */

.fullModal
{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0%;
	top: 0%;
	background: rgba( 0, 0, 0, 0 );
	overflow: hidden;
	z-index: 10000;
	pointer-events: auto;
	-webkit-user-select: none;
}

.fullModalText
{
	position: absolute;
	width: 80%;
	height: auto;
	left: 10%;
	top: 50%;
	margin-top: 80px;
	font-family: 'sanfrandisplay-regular', Arial, sans-serif;
    text-align: center;
    font-size: 18px;
	text-transform: uppercase;
	line-height: 0.8;
	letter-spacing: 2px;
	background: rgba( 0, 0, 0, 0 );
	color: rgba( 255, 255, 255, 1 );
	overflow: visible;
	pointer-events: auto;
	-webkit-user-select: none;
}

.fullModalBarHolder
{
	position: absolute;
	width: 300px;
	height: 10px;
	left: 50%;
	top: 50%;
	margin-top: 110px;
	margin-left: -150px;
	background: rgba( 240, 240, 240, 0.1 );
	overflow: hidden;
	z-index: 10000;
	border-radius: 10px;
	pointer-events: auto;
	-webkit-user-select: none;
}

.fullModalBar
{
	position: absolute;
	width: 0%;
	height: 10px;
	left: 0%;
	bottom: 0px;
	background: rgba( 240, 240, 240, 1 );
	overflow: hidden;
	z-index: 10000;
	border-radius: 0px;
	pointer-events: auto;
	-webkit-user-select: none;
}


/* - - - -  - - - - - - - - */

.videoContainer
{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0%;
	top: 0%;
	background: rgba( 0,0,0,1 );
	z-index: 25000;
	pointer-events: auto;
	-webkit-user-select: none;
}


.videoHeaderPanel
{
	position: absolute;
	left: 0%;
	top: 0px;
	width: 100%;
	height: 120px;
	overflow: visible;
	z-index: 26000;
	pointer-events: auto;
	-webkit-user-select: none;
}

.videoHeaderGrad
{
	background: linear-gradient( 0deg,
		rgba(0,0,0,0) 	0%,
		rgba(0,0,0,0.5) 50%,
		rgba(0,0,0,1) 	100%
		);
}

.videoStreemlinerGrad
{
	position: absolute;
	width: 160px;
	height: 160px;
	left: 50%;
	top: 45px;
	margin-top: -80px;
	margin-left: -80px;
	opacity: 1;
	border-radius: 50%;
	overflow: visible;
	background: radial-gradient(
		rgba(0,0,0,1) 	0%,
		rgba(0,0,0,0.5) 25%,
		rgba(0,0,0,0) 	50%,
		rgba(0,0,0,0) 	100%
		);
	pointer-events: none;
	-webkit-user-select: none;
}

.videoCloseHolder
{
	position: absolute;
	right: 15px;
	top: 10px;
	width: 60px;
	height: 60px;
	background: rgba( 220, 220, 220, 0 ); /* 0.4 */
	border: 2px solid rgba( 240, 240, 240, 0.0 );
	opacity: 0.6;
	z-index: 25025;
	pointer-events: auto;
	-webkit-user-select: none;
}

.videoPlayHolder
{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 80px;
	height: 60px;
	margin-left: -40px;
	margin-top: -30px;
	background: rgba( 220, 220, 220, 1 ); /* 0.4 */
	box-shadow: 0px 0px 40px rgba( 0, 0, 0, 0.75 );
	border-radius: 33%;
	opacity: 1;
	z-index: 25025;
	pointer-events: auto;
	-webkit-user-select: none;
}

.videoPlayIMG
{
	position: absolute;
	width: 40px;
	height: 40px;
	left: 50%;
	top: 50%;
	margin-left: -20px;
	margin-top: -20px;
	pointer-events: auto;
	-webkit-user-select: none;
}

/* - - - -  - - - - - - - - */

.overlayContainer
{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0%;
	top: 0%;
	background: rgba( 255,0,0,0 );
	z-index: 3000;
	pointer-events: none;
	-webkit-user-select: none;
}

/* - - - -  - - - - - - - - */

.outContainer
{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0%;
	top: 0%;
	box-shadow: inset 0 0 0 5px rgba( 0, 0, 0, 0.5 );
	z-index: 5000;
	display: none;
	pointer-events: none;
	-webkit-user-select: none;
}

/* - - - -  - - - - - - - - */

.meesageContainer
{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0%;
	top: 0%;
	background: rgba( 0, 0, 0, 0.75 );
	z-index: 50000;
	pointer-events: auto;
	-webkit-user-select: none;
}

.meesageDialogueHolder
{
	position: absolute;
	width: 300px;
	height: auto;
	min-height: 200px;
	left: 50%;
	top: 50%;
	padding: 20px;
	margin-left: -170px;
	margin-top: -260px;
	background: rgba( 240, 240, 240, 1 );
	border-radius: 20px;
	z-index: 2000;
	overflow: hidden;
	box-shadow: 0px 15px 40px rgba( 0, 0, 0, 0.8 );
	pointer-events: none;
	-webkit-user-select: none;
}

.messageAcceptButton
{
	position: absolute;
	width: 50%;
	height: auto;
	left: 50%;
	bottom: 0%;
	padding-top: 15px;
	padding-bottom: 15px;

	font-family: 'sanfrandisplay-regular', Arial, sans-serif;
    text-align: center;
    font-size: 20px;
	text-transform: uppercase;
	line-height: 0.8;
	color: rgba( 20, 20, 24, 1 );

	border-top: 1px solid rgba( 200, 200, 200, 1 );
	border-left: 1px solid rgba( 200, 200, 200, 1 );
	pointer-events: auto;
	-webkit-user-select: none;
}

.messageCancelButton
{
	position: absolute;
	width: 50%;
	height: auto;
	left: 0%;
	bottom: 0%;
	padding-top: 15px;
	padding-bottom: 15px;
	
	font-family: 'sanfrandisplay-regular', Arial, sans-serif;
    text-align: center;
    font-size: 20px;
	text-transform: uppercase;
	line-height: 0.8;
	color: rgba( 20, 20, 20, 0.4 );
	
	border-top: 1px solid rgba( 200, 200, 200, 1 );
	pointer-events: auto;
	-webkit-user-select: none;
}

.messageCancelButtonOnly
{
	width: 100%;
}

.messageTitle
{
	position: relative;
	width: 100%;
	height: auto;
	min-height: 24px;
	left: 0%;
	top: 0%;
	padding-top: 10px;
	margin-bottom: 10px;
	
	font-family: 'sanfrandisplay-medium', Arial, sans-serif;
    text-align: center;
    font-size: 20px;
	text-transform: uppercase;
	line-height: 1.1;
	color: rgba( 20, 20, 20, 1 );

/*	background: rgba( 240, 0, 0, 1 );*/

	pointer-events: auto;
	-webkit-user-select: none;
}

.messageBody
{
	position: relative;
	width: 100%;
	height: auto;
	min-height: 18px;
	left: 0%;
	top: 0%;
	margin-bottom: 80px;
	
	font-family: 'sanfrandisplay-regular', Arial, sans-serif;
    text-align: center;
    font-size: 16px;
	line-height: 1.5;
	color: rgba( 20, 20, 20, 1 );

	background: rgba( 0, 240, 0, 0 );

	pointer-events: auto;
	-webkit-user-select: none;
}

.messageWrapper
{
	position: relative;
	width: 100%;
	height: 260px;
	
	background: rgba( 255, 240, 0, 0 );

	pointer-events: auto;
	-webkit-user-select: none;
}

/* - - - -  - - - - - - - - */

.releaseMessageCover
{
	position: relative;
	width: 200px;
	height: 200px;
	left: 0%;
	top: 0%;
	margin-left: 6px;
/*	border-radius: 6px;*/
	box-shadow: 0px 0px 10px rgba( 20, 20, 20, 0.25 );
	pointer-events: auto;
	-webkit-user-select: none;
}

/* - - - -  - - - - - - - - */

.releaseCanvasHolderPage
{
	position: absolute;
	width: 1200px;
	height: 1200px;
	left: 0px;
	bottom: 0px;
/*	border-radius: 6px;*/
	opacity: 1;
	overflow:hidden;
	background: rgba( 120, 120, 120, 0.2 );
/*	transform: scale( 0.5 );*/
	overflow: hidden;
	pointer-events: none;
	-webkit-user-select: none;
}

.releaseCanvasHolder
{
	position: absolute;
	width: 1200px;
	height: 1200px;
	left: 50%;
	top: 50%;
	margin-left: -600px;
	margin-top: -600px;
/*	border-radius: 60px;*/
	opacity: 1;
	overflow:hidden;
/*	background: rgba( 255, 0, 0, 1 );*/
	pointer-events: none;
	-webkit-user-select: none;
}

/*.releaseCanvasHolder*/
/*{*/
/*	position: absolute;*/
/*	width: 1200px;*/
/*	height: 1200px;*/
/*	left: 0px;*/
/*	bottom: 0px;*/
/*	border-radius: 20px;*/
/*	box-shadow: 0px 0px 10px rgba( 20, 20, 20, 0.25 );*/
/*	opacity: 1;*/
/*	overflow:hidden;*/
/*	transform: scale( 0.5 );*/
/*	pointer-events: none;*/
/*	-webkit-user-select: none;*/
/*}*/

/* - - - -  - - - - - - - - */

.shelfCanvasHolder
{
	position: absolute;
	width: 960px;
	height: 540px;
	left: 20px;
	top: 20px;
	border-radius: 20px;
	box-shadow: 0px 0px 10px rgba( 20, 20, 20, 0.25 );
	opacity: 0;
	overflow:hidden;
	pointer-events: none;
	-webkit-user-select: none;
}

/* - - - -  - - - - - - - - */

.centreLoaderHolder
{
	position: absolute;
	width: 50px;
	height: 50px;
	left: 50%;
	top: 50%;
	margin-left: -25px;
	margin-top: -25px;
	border-radius: 50%;
	box-shadow: 0px 0px 10px rgba( 240, 240, 240, 0.5 );
	overflow: visible;
	pointer-events: none;
	-webkit-user-select: none;
}

.panelLoaderHolder
{
	position: relative;
	width: 100%;
	height: 50px;
	pointer-events: none;
	-webkit-user-select: none;
}

/* - - - -  - - - - - - - - */

.loaderIcon
{
	position: absolute;
	width: 40px;
	height: 40px;
	left: 50%;
	top: 50%;
	margin-left: -20px;
	margin-top: -20px;
	background: rgba( 0,0,0,0 );
	pointer-events: none;
	-webkit-user-select: none;
		
	animation-duration: 0.8s;
	animation-name: rotateNow;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	-webkit-user-select: none;
}

@keyframes rotateNow
{
    0%  { transform: rotate( 0deg );	}
    100%{ transform: rotate( 360deg );	}
	-webkit-user-select: none;
}


.loaderIconHolder
{
	position: absolute;
	width: 50px;
	height: 50px;
	left: 50%;
	top: 50%;
	margin-left: -25px;
	margin-top: -25px;
	border-radius: 50%;
	box-shadow: 0px 0px 10px rgba( 240, 240, 240, 0.5 );
	overflow: visible;
	pointer-events: none;
	-webkit-user-select: none;

	-webkit-transform-style: preserve-3d;
	-webkit-perspective: 200px;
	-webkit-perspective-origin: 50% 40%;

	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;

/*	animation-duration: 1.6s;*/
/*	animation-name: rotateNow;*/
/*	animation-iteration-count: infinite;*/
/*	animation-timing-function: linear;*/
/*	-webkit-user-select: none;*/

}

.loaderIcon1
{
	position: absolute;
	width: 40px;
	height: 40px;
	left: 50%;
	top: 50%;
	margin-left: -20px;
	margin-top: -20px;
	background: rgba( 0,0,0,0 );
	pointer-events: none;

	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
		
	animation-duration: 2.4s;
	animation-name: rotateIcon1;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
	-webkit-user-select: none;
}

.loaderIcon2
{
	position: absolute;
	width: 40px;
	height: 40px;
	left: 50%;
	top: 50%;
	margin-left: -20px;
	margin-top: -20px;
	background: rgba( 0,0,0,0 );
	pointer-events: none;

	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;

	animation-duration: 2.4s;
	animation-name: rotateIcon2;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
	-webkit-user-select: none;
}

.loaderIcon3
{
	position: absolute;
	width: 40px;
	height: 40px;
	left: 50%;
	top: 50%;
	margin-left: -20px;
	margin-top: -20px;
	background: rgba( 0,0,0,0 );
	pointer-events: none;

	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
		
	animation-duration: 2.4s;
	animation-name: rotateIcon3;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
	-webkit-user-select: none;
}

@keyframes rotateIcon1
{
    0%  	{ transform: rotateX( 0deg ) 	rotateY( 0deg ) 		rotateZ( 0deg ) 	translateZ( 10px ); }
    0%		{ transform: rotateX( 0deg ) 	rotateY( 0deg ) 		rotateZ( 0deg ) 	translateZ( 10px ); }
    100%	{ transform: rotateX( 0deg ) 	rotateY( -360deg ) 		rotateZ( 0deg ) 	translateZ( 10px ); }
    100%	{ transform: rotateX( 0deg ) 	rotateY( -360deg ) 		rotateZ( 0deg ) 	translateZ( 10px ); }
	-webkit-user-select: none;
}

@keyframes rotateIcon2
{
    0%  	{ transform: rotateX( 0deg ) 	rotateY( 0deg ) 		rotateZ( 0deg ) 	translateZ( 10px ); }
    0%		{ transform: rotateX( 0deg ) 	rotateY( 0deg )			rotateZ( 0deg ) 	translateZ( 10px ); }
    100%	{ transform: rotateX( -360deg ) 	rotateY( 0deg ) 		rotateZ( 0deg ) 	translateZ( 10px ); }
    100%	{ transform: rotateX( -360deg ) 	rotateY( 0deg )			rotateZ( 0deg ) 	translateZ( 10px ); }
	-webkit-user-select: none;
}

@keyframes rotateIcon3
{
    0%  	{ transform: rotateX( 0deg ) 	rotateY( 0deg )			rotateZ( 0deg )  	translateZ( 10px ); }
    0%		{ transform: rotateX( 0deg ) 	rotateY( 0deg )			rotateZ( 0deg ) 	translateZ( 10px ); }
    100%	{ transform: rotateX( 0deg ) 	rotateY( 360deg )	 	rotateZ( 0deg ) 	translateZ( 10px ); }
    100%	{ transform: rotateX( 0deg ) 	rotateY( 360deg )		rotateZ( 0deg ) 	translateZ( 10px ); }
	-webkit-user-select: none;
}

/* - - - -  - - - - - - - - */



/* - - - -  - - - - - - - - */

.historyMenuPanelHolderMask
{
	position: absolute;
	left: 20px;
	top: 85px;
	width: 500px;
	height: 75%;
	border-radius: 15px;
/*	border-top-left-radius: 0px;*/
	background: rgba( 80, 80, 80, 1 );
	box-shadow: 0px 6px 20px rgba( 0, 0, 0, 0.5 );
	z-index: 1001;
	overflow: hidden;
	pointer-events: auto;
	-webkit-user-select: none;
}

.historyMenuPanelHolder
{
	position: absolute;
	top: 0%;
	left: 0%;
	width: 106%;
	height: 100%;
	border-radius: 0px;
	background: rgba( 240, 0, 0, 0 );
	z-index: 1001;
	overflow-x: hidden;
	overflow-y: scroll;
	pointer-events: auto;
	-webkit-user-select: none;
}

.historyMenuPanelTitle
{
	position: relative;
	top: 5%;
	left: 5%;
/*	margin-left: 5%;*/
	width: 90%;
	height: auto;
	border-radius: 0px;
	background: rgba( 240, 0, 0, 0 );
	z-index: 1001;
/*	display: flex;*/
	float: left;

	font-family: 'sanfrandisplay-heavy', Arial, sans-serif;
    text-align: left;
    font-size: 24px;
	text-transform: uppercase;
	line-height: 0.8;
	color: rgba( 240, 240, 240, 1 );

	overflow: hidden;
	pointer-events: auto;
	-webkit-user-select: none;
}

.historyMenuPanel
{
	position: relative;
	top: 0%;
	left: 0%;
/*	margin-left: 5%;*/
	width: 90%;
	height: auto;
	padding-top: 15%;
	padding-left: 5%;
	border-radius: 0px;
	background: rgba( 240, 0, 0, 0 );
	z-index: 1001;
/*	display: flex;*/
	float: left;
	overflow: hidden;
	pointer-events: auto;
	-webkit-user-select: none;
}

/* - - - -  - - - - - - - - */

.profilePanelHolderMask
{
	position: absolute;
	left: 50%;
/*	top: 50%;*/
	top: 5%;
	width: 500px;
	height: 580px;
	max-height: 90%;
	margin-left: -250px;
/*	margin-top: -320px;*/
/*	padding-right: 40px;*/
	padding: 0px;
	border-radius: 15px;
/*	border-top-left-radius: 0px;*/
	background: rgba( 80, 80, 80, 1 );
	box-shadow: 0px 6px 20px rgba( 0, 0, 0, 0.5 );
	z-index: 1001;
	overflow: hidden;
/*	overflow-x: hidden;*/
/*	overflow-y: scroll;*/
	pointer-events: auto;
	-webkit-user-select: none;
}

.profileCloseHolder
{
	position: absolute;
	width: 40px;
	height: 40px;
	right: -10px;
	top: -10px;
	border-radius: 50%;
/*	background: rgba( 0, 0, 0, 1 );*/
	opacity: 1;
	z-index: 2001;
	-webkit-user-select: none;
}

.profilePanelHolder
{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 105%;
	height: 100%;
	padding-right: 40px;
	background: rgba( 0, 255, 0, 0 );
	overflow-x: hidden;
	overflow-y: scroll;
	pointer-events: auto;
	-webkit-user-select: none;
}

.profilePanelWrapper
{
	position: relative;
	width: 100%;
	height: auto;
	min-height: 520px;
	background: rgba( 255, 0, 0, 0 );
	overflow: hidden;
	pointer-events: auto;
	-webkit-user-select: none;
}



/* - - - -  - - - - - - - - */

.shelvesPanelHolderMask
{
	position: absolute;
	right: 20px;
	bottom: 20px;
	width: 500px;
	height: 75%;
	border-radius: 15px;
/*	border-bottom-right-radius: 0px;*/
	background: rgba( 80, 80, 80, 1 );
	box-shadow: 0px 6px 20px rgba( 0, 0, 0, 0.5 );
	z-index: 1001;
	overflow: hidden;
	pointer-events: auto;
	-webkit-user-select: none;
}

.shelvesReloadHolder
{
	position: absolute;
	width: 40px;
	height: 40px;
	right: 60px;
	top: 30px;
	border-radius: 100px;
	background: rgba( 255, 255, 255, 0.5 );
	opacity: 0.25;
	pointer-events: auto;
	-webkit-user-select: none;
}

.overlayPanelHolderExample
{
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	z-index: 1001;
	pointer-events: auto;
	-webkit-user-select: none;
}

.overlayPanelMessageHolder
{
	position: absolute;
	top: 6%;
	left: 8%;
/*	width: 84%;*/
	width: 80%;
	height: 88%;
	z-index: 1001;
	padding-bottom: 20px;
	background: rgba( 60, 60, 60, 0 );
	overflow: visible;
	pointer-events: auto;
	-webkit-user-select: none;
}

.overlayPanelTrim
{
	position: absolute;
	top: 6%;
	left: 8%;
	width: 84%;
	height: 88%;
	z-index: 1001;
	background: rgba( 60, 60, 60, 0 );
	overflow: hidden;
	pointer-events: auto;
	-webkit-user-select: none;
}

.overlayPanelScroller
{
	position: absolute;
	top: 0%;
	left: 0%;
	width: 106%;
	height: 100%;
	z-index: 1001;
	background: rgba( 60, 60, 60, 0 );
	overflow-x: hidden;
	overflow-y: scroll;
	pointer-events: auto;
	-webkit-user-select: none;
}

.overlayPanelMessageTitle
{
	position: relative;
	width: 100%;
	height: auto;
	padding-bottom: 10px;
	margin-bottom: 20px;
	font-family: 'sanfrandisplay-heavy', Arial, sans-serif;
    font-size: 36px;
    line-height:1;
	text-align: left;
	color: rgba( 40, 40, 40, 0.6 );
	overflow: visible;
	pointer-events: auto;
	-webkit-user-select: none;
}

.overlayPanelMessageSubTitle
{
	position: relative;
	width: 100%;
	height: auto;
	margin-bottom: 30px;
	font-family: 'sanfrandisplay-bold', Arial, sans-serif;
    font-size: 24px;
    line-height:1.25;
	text-align: left;
	color: rgba( 40, 40, 40, 0.8 );
	pointer-events: auto;
	-webkit-user-select: none;
}

.overlayPanelMessageBody
{
	position: relative;
	width: 100%;
	height: 52%;
	font-family: 'sanfrandisplay-regular', Arial, sans-serif;
    font-size: 20px;
    line-height:1.25;
	text-align: left;
	color: rgba( 20, 20, 20, 1 );
	background: rgba( 20, 20, 20, 0 );
	border-radius: 10px;
	overflow: visible;
	pointer-events: auto;
	-webkit-user-select: none;
}

.overlayPanelMessageBodyLeaded
{
    line-height:1.7;
}

.overlayPanelMessageBodyIntro
{
	position: relative;
	width: 100%;
	height: auto;
	margin-bottom: 30px;
	font-family: 'sanfrandisplay-regular', Arial, sans-serif;
    font-size: 20px;
    line-height:1.25;
	text-align: left;
	color: rgba( 20, 20, 20, 1 );
	border-radius: 10px;
	overflow: hidden;
	pointer-events: auto;
	-webkit-user-select: none;
	
}

.overlayPanelSignup
{
	position: absolute;
	left: 0%;
	bottom: 40px;
	width: 90%;
	height: auto;
	padding: 20px;
	padding-left: 5%;
	padding-right: 5%;
	font-family: 'sanfrandisplay-heavy', Arial, sans-serif;
    font-size: 18px;
    line-height:1.25;
	text-align: center;
	text-transform: uppercase;
	border-radius: 16px;
	background: rgba( 40, 40, 240, 1 );
	color: rgba( 240, 240, 240, 1 );
	pointer-events: auto;
	-webkit-user-select: none;
}

.overlayPanelLogin
{
	position: absolute;
	left: 0%;
	bottom: 10px;
	width: 100%;
	height: auto;
/*	padding: 20px;*/
/*	padding-left: 5%;*/
/*	padding-right: 5%;*/
	font-family: 'sanfrandisplay-bold', Arial, sans-serif;
    font-size: 16px;
    line-height:1.25;
	text-align: center;
/*	text-transform: uppercase;*/
	border-radius: 16px;
	background: rgba( 40, 40, 240, 0 );
	color: rgba( 40, 40, 240, 1 );
	pointer-events: auto;
	-webkit-user-select: none;
}

/* - - - - - - - - - - - - */

.welcomeBlock
{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0%;
	top: 0%;
	background: rgba( 0,0,0,0.95 );
	z-index: 1000;
	pointer-events: auto;
	-webkit-user-select: none;
}

.welcomePanelHeaderImage
{
	position: relative;
	left: 0%;
	top: 0%;
	width: 100%;
	height: 120px;
	margin-bottom: 30px;
	background: rgba( 140, 25, 30, 1 );
	float: left;
	pointer-events: auto;
	-webkit-user-select: none;
}

.welcomePanelMessageHolder
{
	position: relative;
	top: 0%;
	margin-left: 8%;
	width: 84%;
	height: auto;
	z-index: 1001;
	background: rgba( 60, 60, 60, 0 );
	overflow: visible;
	float: left;
	pointer-events: auto;
	-webkit-user-select: none;
}

.welcomePanelPlaylist
{
	height: 254px;
	overflow: hidden;
	border-radius: 10px;
	background: rgba( 20, 20, 20, 1 );
}

.welcomePanelMessageTitle
{
	position: relative;
	margin-top: 80px;
	margin-left: 8%;
	width: 84%;
	height: auto;
	padding-bottom: 0px;
	margin-bottom: 10px;
	font-family: 'sanfrandisplay-heavy', Arial, sans-serif;
    font-size: 36px;
    line-height:1;
	text-align: left;
	color: rgba( 240, 240, 240, 1 );
	overflow: visible;
	pointer-events: auto;
	-webkit-user-select: none;
}

.welcomePanelMessageSubTitle
{
	position: relative;
	margin-left: 8%;
	width: 84%;
	height: auto;
	margin-bottom: 30px;
	font-family: 'sanfrandisplay-bold', Arial, sans-serif;
    font-size: 24px;
    line-height:1.25;
	text-align: left;
	color: rgba( 240, 240, 240, 0.8 );
	pointer-events: auto;
	-webkit-user-select: none;
}

.welcomePanelSignup
{
	position: absolute;
	left: 15%;
	bottom: 50px;
	width: 60%;
	height: auto;
	padding: 20px;
	padding-left: 5%;
	padding-right: 5%;
	font-family: 'sanfrandisplay-heavy', Arial, sans-serif;
    font-size: 18px;
    line-height:1.25;
	text-align: center;
	text-transform: uppercase;
	border-radius: 16px;
	background: rgba( 140, 25, 30, 1 );
	color: rgba( 240, 240, 240, 1 );
	z-index: 1001;
	pointer-events: auto;
	-webkit-user-select: none;
}

/* - - - - - - - - - - - - */

.playlistWrapper
{
	position: absolute;
	left: -3%;
	top: 0px;
	width: 113%;
	height: 100%;
	overflow-x: hidden;
	overflow-y: scroll;
	background: rgba( 20, 20, 20, 1 );
	z-index: 1001;
	pointer-events: none;
	-webkit-user-select: none;
}

.messageNavOff
{
	font-family: 'sanfrandisplay-heavy', Arial, sans-serif;
    font-size: 24px;
	color: rgba( 200, 200, 200, 1 );
}

.messageNavOn
{
	font-family: 'sanfrandisplay-heavy', Arial, sans-serif;
    font-size: 24px;
	color: rgba( 140, 25, 30, 1 );
}

/* - - - */

.shelvesPanelHolder
{
	position: absolute;
	top: 0%;
	left: 0%;
	width: 106%;
	height: 100%;
	border-radius: 0px;
	background: rgba( 240, 0, 0, 0 );
	z-index: 1001;
	overflow-x: hidden;
	overflow-y: scroll;
	pointer-events: auto;
	-webkit-user-select: none;
}

.shelvesPanelTitle
{
	position: relative;
	top: 5%;
	left: 5%;
/*	margin-left: 5%;*/
	width: 90%;
	height: 40px;
	margin-bottom: 30px;
	border-radius: 0px;
	background: rgba( 240, 0, 0, 0 );
	z-index: 1001;
/*	display: flex;*/
	float: left;

	font-family: 'sanfrandisplay-heavy', Arial, sans-serif;
    text-align: left;
    font-size: 24px;
	text-transform: uppercase;
	line-height: 0.8;
	color: rgba( 240, 240, 240, 1 );

	overflow: hidden;
	pointer-events: auto;
	-webkit-user-select: none;
}

.shelvesPanel
{
	position: relative;
	top: 1%;
	left: 0%;
/*	margin-left: 5%;*/
	width: 90%;
	height: auto;
	min-height: 80px;
	padding-bottom: 30px;
	padding-left: 5%;
	border-radius: 0px;
	background: rgba( 240, 0, 0, 0 );
	z-index: 1001;
/*	display: flex;*/
	float: left;
	overflow: hidden;
	pointer-events: auto;
	-webkit-user-select: none;
}

.shelfButton
{
	position: relative;
	width: 450px;
	height: 260px;
	min-width: 450px;
	margin-top: 20px;
	margin-bottom: 20px;
	border-radius: 10px;
	background: rgba( 20, 20, 20, 1 );
	z-index: 1001;
	box-shadow: 0px 0px 10px rgba( 20, 20, 20, 0.25 );
	transform: scale( 1 );
	pointer-events: auto;
	-webkit-user-select: none;
}

.shelfButtonProfile
{
	margin-left: 25px;
}

.touchDown
{
	animation-duration: 0.5s;
	animation-iteration-count: 1;
	animation-timing-function: ease-out;
	animation-name: touchDownNow;
	animation-fill-mode: forwards;
	-webkit-user-select: none;
}

@keyframes touchDownNow
{
    0% 	{ transform: scale( 1.00 );}
    100%{ transform: scale( 0.95 );}
}

.shelfButtonMoreHolder
{
	position: absolute;
	width: 50px;
	height: 50px;
	bottom: 10px;
	right: 10px;
	border-radius: 50px;
/*	color: rgba( 240, 240, 240, 0.75 );*/
	background: rgba( 20, 20, 20, 0.5 );
	box-shadow: 0px 2px 20px rgba( 220, 220, 220, 0.75 );
	z-index: 180;
	pointer-events: auto;
	-webkit-user-select: none;
}

.shelfButtonMoreIMG
{
	position: absolute;
	width: 44px;
	height: 44px;
	left: 50%;
	bottom: 3px;
	margin-left: -22px;
	margin-top: -22px;
	opacity: 1;
	pointer-events: auto;
	-webkit-user-select: none;
}

.shelfButtonMoreOptions
{
	position: absolute;
	right: 0px;
	top: 0px;
	width: 50px;
	height: 180px;
	background: rgba( 220, 20, 20, 0 );
	border-radius: 70px;
	opacity: 1;
	pointer-events: none;
	-webkit-user-select: none;
}

.shelfButtonDelete
{
	position: absolute;
	left: 5px;
	top: 5px;
	width: 40px;
	height: 40px;
	border-radius: 70px;
/*	border: 1px solid rgba( 240, 240, 240, 1 );*/
/*	box-shadow: 0px 0px 6px rgba( 240, 240, 240, 0.5 );*/
	pointer-events: none;
	-webkit-user-select: none;
}

.shelfButtonPrivacyHolder
{
	position: absolute;
	left: 5px;
/*	top: 80px;*/
	top: 50%;
	width: 40px;
	height: 70px;
	margin-top: -25px;
	border-radius: 70px;
	box-shadow: inset 0px 2px 6px rgba( 0, 0, 0, 0.5 );
	background: rgba( 80, 80, 80, 1 );
	pointer-events: auto;
	-webkit-user-select: none;
}

.shelfButtonPrivacyButton
{
	position: absolute;
	left: 2px;
	bottom: 2px;
	width: 36px;
	height: 36px;
	border-radius: 70px;
	background: rgba( 180, 180, 180, 1 );
	box-shadow: 0px 0px 4px rgba( 0, 0, 0, 0.75 );
	pointer-events: auto;
	-webkit-user-select: none;
}

.shelfButtonPrivacyButtonOn
{
	position: absolute;
	left: 2px;
	top: 2px;
	width: 36px;
	height: 36px;
	border-radius: 70px;
	background: rgba( 80, 80, 80, 1 );
	box-shadow: 0px 0px 4px rgba( 0, 0, 0, 0.75 );
	pointer-events: auto;
	-webkit-user-select: none;
}

/* - - - -  - - - - - - - - */

.searchPanelHolderMask
{
	position: absolute;
	left: 20px;
	bottom: 20px;
	width: 500px;
	height: 75%;
	border-radius: 15px;
/*	border-bottom-left-radius: 0px;*/
	background: rgba( 80, 80, 80, 1 );
	box-shadow: 0px 6px 20px rgba( 0, 0, 0, 0.5 );
	z-index: 1001;
	overflow: hidden;
	pointer-events: auto;
	-webkit-user-select: none;
}

.searchPanelHolder
{
	position: absolute;
	top: 0%;
	left: 0%;
	width: 106%;
	height: 100%;
	background: rgba( 240, 0, 0, 0 );
	box-shadow: 0px 2px 20px rgba( 0, 0, 0, 0.5 );
	z-index: 1001;
	overflow-x: hidden;
	overflow-y: scroll;
/*	display: flex;*/
	pointer-events: auto;
	-webkit-user-select: none;
}

.shelvesMyOptions
{
	position: relative;
	top: 3%;
	left: 6%;
	width: 80%;
	height: auto;
	padding-top: 10px;
	padding-bottom: 30px;
	
	font-family: 'sanfrandisplay-regular', Arial, sans-serif;
    text-align: left;
    font-size: 18px;
	text-transform: uppercase;
	line-height: 0.8;
	color: rgba( 240, 240, 240, 1 );

	border-radius: 0px;
	background: rgba( 240, 0, 0, 0 );
	z-index: 1001;
	float: left;
	overflow: hidden;
	pointer-events: auto;
	-webkit-user-select: none;
}

.searchOptions
{
	position: relative;
	left: 5%;
	width: 90%;
	height: 34px;
	margin-top: 15%;
	margin-bottom: 15px;
	border-radius: 0px;
	background: rgba( 240, 0, 0, 0 );
	z-index: 1001;
	float: left;

	font-family: 'sanfrandisplay-regular', Arial, sans-serif;
    text-align: left;
    font-size: 22px;
	text-transform: uppercase;
	line-height: 0.8;
	letter-spacing: 0.5px;
	color: rgba( 240, 240, 240, 1 );

	overflow: hidden;
	pointer-events: auto;
	-webkit-user-select: none;
}

.searchOption
{
	position: relative;
	top: 0%;
	left: 0%;
	width: auto;
	height: auto;
	margin-right: 10px;
	padding: 8px;
	padding-left: 12px;
	padding-right: 12px;
	border-radius: 10px;
	float: left;
	pointer-events: auto;
	-webkit-user-select: none;
}

.optionOn
{
	opacity: 1;
	background: rgba( 220, 220, 220, 0.5 );
	color:  rgba( 60, 60, 60, 1 );
	-webkit-user-select: none;
}

.optionOff
{
	opacity: 0.5;
	background: rgba( 220, 220, 220, 0 );
	-webkit-user-select: none;
}

.releaseMessageCoverSmall
{
	position: relative;
	width: 120px;
	height: 120px;
	left: 0%;
	top: 0%;
	margin-left: 0px;
/*	border-radius: 6px;*/
	box-shadow: 0px 0px 10px rgba( 20, 20, 20, 0.25 );
	pointer-events: auto;
	-webkit-user-select: none;
}

.shelfNameInputHolder
{
	position: relative;
	top: 0px;
	left: 3%;
	width: 94%;
	height: 50px;
	margin-top: 10px;
	padding-bottom: 4px;
	border-radius: 10px;
	background: rgba( 220, 220, 220, 1 );
/*	background: rgba( 20, 20, 20, 1 );*/
	overflow: hidden;
	border: none;
	box-shadow: 0px 6px 10px rgba( 20, 20, 20, 0.25 );
	pointer-events: auto;
	-webkit-user-select: none;
}

.shelfNameInput
{
	position: absolute;
	top: 0%;
	left: 0%;
	width: 96%;
	height: 90%;
	background: rgba( 240, 240, 240, 0 );
/*	color: rgba( 220, 220, 220, 1 );*/
	color: rgba( 20, 20, 20, 1 );
	font-family: 'sanfrandisplay-bold', Arial, sans-serif;
    text-align: center;
    font-size: 18px;
	text-transform: uppercase;
	pointer-events: auto;
	border: none;
}

.searchUserShelvesMask
{
	position: relative;
	top: 5px;
	left: 5%;
	width: 90%;
	height: 250px;
/*	padding-bottom: 20px;*/
	border-radius: 8px;
	background: rgba( 240, 240, 240, 0 );
	float: left;
	overflow: hidden;
	pointer-events: auto;
	-webkit-user-select: none;
}

.shelfSuggestionsMask
{
	position: relative;
	width: 88%;
	height: 180px;
	left: 6%;
	margin-top: 20px;
	margin-bottom: 36px;
    border-radius: 16px;
	background: linear-gradient(180deg,
		rgba(0,0,0,0.1) 0%,
		rgba(0,0,0,0.0) 8%,
		rgba(0,0,0,0.0) 100%
		);
	float: left;
	overflow: hidden;
	pointer-events: auto;
	-webkit-user-select: none;
}

.shelfSuggestions
{
	position: absolute;
	width: 110%;
	height: 100%;
	left: 2%;
	padding-top: 15px;
	padding-bottom: 50px;
	color: rgba( 20, 20, 20, 0.5 );
	font-family: 'sanfrandisplay-regular', Arial, sans-serif;
    text-align: center;
    font-size: 14px;
	float: left;
    border-radius: 16px;
	overflow-x: hidden;
	overflow-y: scroll;
	pointer-events: auto;
	-webkit-user-select: none;
}

.shelfNameTitle
{
	position: relative;
	top: 0px;
	margin-left: 2%;
	width: 78%;
	height: auto;
	padding: 3%;
	padding-top: 8px;
	float: left;
	pointer-events: auto;
	-webkit-user-select: none;
}

.shelfNameSuggestions
{
	position: relative;
	top: 0px;
	margin-left: 2%;
	width: 78%;
	height: auto;
	padding: 3%;
	padding-top: 8px;
	padding-bottom: 8px;
	margin-top: 10px;
	font-family: 'sanfrandisplay-regular', Arial, sans-serif;
    text-align: center;
    font-size: 18px;
	border-radius: 10px;
	line-height: 1;
	background: rgba( 20, 20, 20, 0 );
	border: 1px solid rgba( 20, 20, 20, 0.5 );
	color: rgba( 20, 20, 20, 0.5  );
	float: left;
	display: inline-block;
	pointer-events: auto;
	-webkit-user-select: none;
}

.shelfNameSuggestionsOver
{
	background: rgba( 20, 20, 20, 0.1 );
}

.shelfNameSuggestionSpacer
{
	border: 1px solid rgba( 20, 20, 20, 0 );
}

/* - - - - - - */

.searchUserShelves
{
	position: relative;
	top: 10px;
	left: 0%;
	width: 110%;
	height: 100%;
/*	margin-bottom: 10px;*/
	border-radius: 8px;
	background: rgba( 0, 240, 240, 0 );
	float: left;
	overflow: scroll;
	pointer-events: auto;
	-webkit-user-select: none;
}

.searchShelfButton
{
	position: relative;
	width: 240px;
	height: 130px;
	margin-left: 10px;
	margin-bottom: 20px;
	border-radius: 10px;
	background: rgba( 240, 0, 0, 0 );
	z-index: 1001;
	pointer-events: auto;
	-webkit-user-select: none;
}

.searchBarHolder
{
	position: relative;
	margin-top: 10px;
	left: 5%;
	width: 85%;
	height: 42px;
	border-radius: 8px;
	background: rgba( 240, 240, 240, 0.8 );
	float: left;
	overflow: hidden;
	pointer-events: auto;
	-webkit-user-select: none;
}

.searchInputHolder
{
	position: absolute;
	top: 8%;
	left: 3%;
	width: 82%;
	height: 80%;
	border-radius: 0px;
	background: rgba( 240, 240, 240, 0 );
	overflow: hidden;
	border: none;
	pointer-events: auto;
	-webkit-user-select: none;
}

.searchInput
{
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background: rgba( 240, 240, 240, 0 );
	color: rgba( 20, 20, 20, 1 );
	font-family: 'sanfrandisplay-bold', Arial, sans-serif;
    text-align: left;
    font-size: 20px;
/*	text-transform: uppercase;*/
	pointer-events: auto;
	border: none;
}

.searchGoButton
{
	position: absolute;
	top: 0%;
	right: -2px;
	width: 15%;
	height: 96%;
	padding-top: 2.5%;
	border-radius: 0px;
	font-family: 'sanfrandisplay-heavy', Arial, sans-serif;
    text-align: center;
    font-size: 24px;
	text-transform: uppercase;
	line-height: 0.8;
	background: rgba( 40, 40, 40, 1 );
	color: rgba( 240, 240, 240, 1 );
	overflow: hidden;
	pointer-events: auto;
	-webkit-user-select: none;
}

.searchPanel
{
	position: relative;
	top: 4%;
	left: 10%;
/*	margin-left: 5%;*/
	width: 80%;
	height: auto;
/*	padding-left: 5%;*/
	border-radius: 0px;
	background: rgba( 240, 0, 0, 0 );
	z-index: 1001;
/*	display: flex;*/
	float: left;
	overflow: hidden;
	pointer-events: auto;
	-webkit-user-select: none;
}

.searchReleaseOptions
{
	position: relative;
	top: 3%;
	left: 10%;
	width: 80%;
	height: auto;
	padding-bottom: 20px;
	
	font-family: 'sanfrandisplay-regular', Arial, sans-serif;
    text-align: left;
    font-size: 18px;
	text-transform: uppercase;
	line-height: 0.8;
	color: rgba( 240, 240, 240, 1 );

	border-radius: 0px;
	background: rgba( 240, 0, 0, 0 );
	z-index: 1001;
	float: left;
	overflow: hidden;
	pointer-events: auto;
	-webkit-user-select: none;
}

.searchPanelTitle
{
	position: relative;
	top: 5%;
	left: 5%;
/*	margin-left: 5%;*/
	width: 70%;
	height: auto;
	margin-bottom: 20px;
	border-radius: 0px;
	background: rgba( 240, 0, 0, 0 );
	z-index: 1001;
/*	display: flex;*/
	float: left;

	font-family: 'sanfrandisplay-heavy', Arial, sans-serif;
    text-align: left;
    font-size: 24px;
	text-transform: uppercase;
	line-height: 0.8;
	color: rgba( 240, 240, 240, 1 );

	overflow: hidden;
	pointer-events: auto;
	-webkit-user-select: none;
}

.searchContainerPanel
{
	position: relative;
	top: 0%;
	left: 0%;
	width: 100%;
	height: auto;
	min-width: 100%;
	min-height: 0%;
	margin-bottom: 10px;
	background: rgba( 240, 0, 0, 0 );
	font-family: 'sanfrandisplay-regular, Arial, sans-serif;
    text-align: center;
    font-size: 16px;
	color: rgba( 240, 240, 240, 1 );
	float: left;
	pointer-events: auto;
	-webkit-user-select: none;
}

.searchPopularPanel
{
	min-height: 60px;
}

.searchPanelDivider
{
	position: relative;
	top: 0%;
	left: 0%;
	width: 90%;
	height: 4px;
	border-radius: 4px;
	margin-bottom: 20px;
	background: rgba( 240, 240, 240, 0.1 );
	float: left;
	pointer-events: auto;
	-webkit-user-select: none;
	
}

.minHeight100
{
	min-height: 100px;
}

.exampleMenu
{
	height: 590px;
}

/* - - - -  - - - - - - - - */

.overlayBlock
{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0%;
	top: 0%;
/*	background: rgba( 50, 50, 50, 0.95 );*/
/*	background: rgba( 0, 0, 0, 0.1 );*/
	z-index: 1000;
/*	pointer-events: auto;*/
/*	-webkit-user-select: none;*/
/*}*/
	animation-duration: 0.25s;
	animation-name: overlayBlockNow;
	animation-iteration-count: 1;
	animation-timing-function: linear;
	animation-fill-mode: forwards;
}

@keyframes overlayBlockNow
{
    0% 		{ background: rgba( 50, 50, 50, 0.1 ); }
	100% 	{ background: rgba( 50, 50, 50, 0.95 ); }
	pointer-events: auto;
	-webkit-user-select: none;
}



.contributorPanelAxis
{
	position: absolute;
	left: 0%;
/*	top: 52%;*/
	top: 5%;
	width: 100%;
/*	height: 700px;*/
	height: 90%;
	margin-left: -1px;
/*	margin-top: -340px;*/
/*	max-height: 100%;*/
	z-index: 1001;
	overflow: hidden;
	pointer-events: auto;
	-webkit-user-select: none;
}

.contributorPanelHolder
{
	position: relative;
	width: 100%;
	height: 100%;
	left: 0%;
	top: 0%;
	padding-bottom: 40px;
	/*	background: rgba( 0, 240, 0, 0.5 );*/
	z-index: 1010;
	overflow-x: scroll;
	overflow-y: hidden;
	display: flex;
	pointer-events: auto;
	-webkit-user-select: none;
}

.contributorPanelSpacerLeft
{
	position: relative;
	width: 500px;
	height: 100%;
	left: 0%;
	top: 0%;
	/*	background: rgba( 240, 0, 0, 0.5 );*/
	color: white;
	z-index: 1010;
	float: left;
	overflow: hidden;
	display: inline-block;
	pointer-events: auto;
	-webkit-user-select: none;
}

.contributorPanelSpacerRight
{
	position: relative;
	width: 500px;
	height: 100%;
	left: 0%;
	top: 0%;
	/*	background: rgba( 0, 0, 240, 1 );*/
	color: white;
	z-index: 1010;
	float: left;
	overflow: hidden;
	display: inline-block;
	pointer-events: auto;
	-webkit-user-select: none;
}

.contributorPanel
{
	position: relative;
	width: 500px;
/*	height: 680px;*/
	height: 100%;
	left: 0%;
	top: 0%;
	min-width: 500px;
	margin-right: 20px;
/*	max-height: 95%;*/
/*	background: rgba( 80, 80, 80, 1 );*/
	color: white;
	z-index: 1010;
	box-shadow: 0px 10px 30px rgba( 0, 0, 0, 0.5 );
	border-radius: 16px;
	display: inline-block;
	float: left;
	filter: blur( 0px ) brightness( 100% );
	overflow: hidden;
	pointer-events: auto;
	-webkit-user-select: none;
}

.panelDim
{
	animation-duration: 0.25s;
	animation-iteration-count: 1;
	animation-timing-function: ease-out;
	animation-name: panelDimNow;
	animation-fill-mode: forwards;
	-webkit-user-select: none;
}

@keyframes panelDimNow
{
    0%
    {
		filter: brightness( 100% );
		/*		blur( 0px ) */
	}
	100%
	{
		filter: brightness( 50% );
		/*		blur( 10px ) */
	}
	
	-webkit-user-select: none;
}

/* - - - -  - - - - - - - - */

.panelRise
{
	animation-duration: 0.25s;
	animation-iteration-count: 1;
	animation-timing-function: ease-out;
	animation-name: panelRiseNow;
	animation-fill-mode: forwards;
	
	-webkit-user-select: none;
}

@keyframes panelRiseNow
{
    0%
    {
		opacity: 0;
		transform: translate( 0px, 0px );
	}
	100%
	{
		opacity: 1;
		transform: translate( 0px, -90px );
	}
	
	-webkit-user-select: none;
}

/* - - - -  - - - - - - - - */

.panelRisenDrop
{
	animation-duration: 0.25s;
	animation-iteration-count: 1;
	animation-timing-function: ease-out;
	animation-name: panelRisenDropNow;
	animation-fill-mode: forwards;
	-webkit-user-select: none;
}

@keyframes panelRisenDropNow
{
    0%
    {
		opacity: 1;
		transform: translate( 0px, -90px );
	}
	100%
	{
		opacity: 0;
		transform: translate( 0px, 0px );
	}
	
	-webkit-user-select: none;
}

/* - - - -  - - - - - - - - */

.panelDrop
{
	animation-duration: 0.25s;
	animation-iteration-count: 1;
	animation-timing-function: ease-out;
	animation-name: panelDropNow;
	animation-fill-mode: forwards;
	-webkit-user-select: none;
}

@keyframes panelDropNow
{
    0%
    {
		opacity: 1;
		transform: translate( 0px, 0px );
	}
	100%
	{
		opacity: 0;
		transform: translate( 0px, 90px );
	}
	
	-webkit-user-select: none;
}

/* - - - -  - - - - - - - - */

.panelRiseAppear
{
	animation-duration: 0.25s;
	animation-iteration-count: 1;
	animation-timing-function: ease-out;
	animation-name: panelRiseAppearNow;
	animation-fill-mode: forwards;
	-webkit-user-select: none;
}

@keyframes panelRiseAppearNow
{
    0%
    {
		opacity: 0;
		transform: translate( 0px, 90px );
	}
	100%
	{
		opacity: 1;
		transform: translate( 0px, 0px );
	}
	
	-webkit-user-select: none;
}

.panelDropFromRise
{
	animation-duration: 0.25s;
	animation-iteration-count: 1;
	animation-timing-function: ease-out;
	animation-name: panelDropFromRiseNow;
	animation-fill-mode: forwards;
	-webkit-user-select: none;
}

@keyframes panelDropFromRiseNow
{
    0%
    {
		opacity: 1;
		transform: translate( 0px, 0px );
	}
	100%
	{
		opacity: 0;
		transform: translate( 0px, 90px );
	}
	
	-webkit-user-select: none;
}


/* - - - -  - - - - - - - - */

.panelDropAppear
{
	animation-duration: 0.25s;
	animation-iteration-count: 1;
	animation-timing-function: ease-out;
	animation-name: panelDropAppearNow;
	animation-fill-mode: forwards;
	-webkit-user-select: none;
}

@keyframes panelDropAppearNow
{
    0%
    {
		opacity: 0;
		transform: translate( 0px, -90px );
	}
	100%
	{
		opacity: 1;
		transform: translate( 0px, 0px );
	}
	
	-webkit-user-select: none;
}

.panelRiseFromDrop
{
	animation-duration: 0.25s;
	animation-iteration-count: 1;
	animation-timing-function: ease-out;
	animation-name: panelRiseFromDropNow;
	animation-fill-mode: forwards;
	-webkit-user-select: none;
}

@keyframes panelRiseFromDropNow
{
    0%
    {
		opacity: 1;
		transform: translate( 0px, 0px );
	}
	100%
	{
		opacity: 0;
		transform: translate( 0px, -90px );
	}
	
	-webkit-user-select: none;
}

/* - - - -  - - - - - - - - */

.panelRiseAway
{
	animation-duration: 0.25s;
	animation-iteration-count: 1;
	animation-timing-function: ease-out;
	animation-name: panelRiseAwayNow;
	animation-fill-mode: forwards;
	-webkit-user-select: none;
}

@keyframes panelRiseAwayNow
{
    0%
    {
		opacity: 1;
		transform: translate( 0px, 90px );
	}
	100%
	{
		opacity: 0;
		transform: translate( 0px, 0px );
	}
	
	-webkit-user-select: none;
}


/* - - - -  - - - - - - - - */

/*.contributorPanel*/
/*{*/
/*	position: absolute;*/
/*	width: 500px;*/
/*	height: 680px;*/
/*	left: 0%;*/
/*	top: 0%;*/
/*	margin-left: -250px;*/
/*	background: rgba( 88, 88, 88, 1 );*/
/*	color: white;*/
/*	z-index: 1010;*/
/*	box-shadow: 0px 30px 60px rgba( 0, 0, 0, 0.5 );*/
/*	border-radius: 16px;*/
/*	overflow: hidden;*/
/*	pointer-events: auto;*/
/*	-webkit-user-select: none;*/
/*}*/

.contributorPanelBG
{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0%;
	top: 0%;
/*	background: rgba( 240,0,0,0.1 );*/
/*	background: rgba( 40, 12, 15, 1 );*/
/*	background: rgba( 52, 48, 48, 1 );*/
	background: linear-gradient(180deg,
		rgba( 13, 12, 12, 1 ) 0%,
		rgba( 52, 48, 48, 1 ) 60%,
		rgba( 52, 48, 48, 1 ) 100%
		);
	pointer-events: auto;
	-webkit-user-select: none;
}

.contributorPanelSelector
{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0%;
	top: 0%;
	background: rgba( 240,0,0,0 );
	z-index: 1050;
	pointer-events: auto;
	-webkit-user-select: none;
}

.contributorContentScroll
{
	position: absolute;
	width: 106%;
	height: 100%;
	left: 0%;
	top: 0%;
	background: rgba( 0,0,0,0.1 );
	z-index: 1010;
	overflow-x: hidden;
	overflow-y: scroll;
	z-index: 1150;
	pointer-events: auto;
	-webkit-user-select: none;
}

.contributorContentContainer
{
	position: relative;
/*	width: 97.5%;*/
	width: 98%;
	height: auto;
	max-width: 98%;
/*	width: 94.5%;*/
/*	height: auto;*/
/*	max-width: 94.5%;*/
	left: 0%;
	top: 0%;
	background: rgba( 0,240,0,0 );
	z-index: 1020;
/*	display: flex;*/
	overflow: hidden;
	pointer-events: auto;
	-webkit-user-select: none;
}

.contributorContentHeader
{
	position: relative;
	width: 100%;
	height: 214px;
/*	height: 150px; */
	/* 011222 */
	max-width: 100%;
	left: 0%;
	top: 0px;
	padding-top: 14px;
/*	width: 92%;*/
/*	height: 210px;*/
/*	max-width: 94.5%;*/
/*	left: 4%;*/
/*	top: 24px;*/
	background: rgba( 88, 88, 88, 1 );
	z-index: 1050;
	border-radius: 16px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	box-shadow: 0px 8px 20px rgba( 0, 0, 0, 0.4 );
	overflow: hidden;
	pointer-events: auto;
	-webkit-user-select: none;
}

.contributorContentHeaderBG
{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0%;
	top: 0%;
	background: rgba( 240,0,0,0.4 );
/*	opacity: 0.1;*/
	filter: saturate( 50% );
	pointer-events: auto;
	-webkit-user-select: none;
}

.contributorContentHeaderLo
{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0%;
	top: 0%;
	background: rgba( 0,0,0,0.2 );
	opacity: 1;
	pointer-events: auto;
	-webkit-user-select: none;
}

.contributorContentHeaderTitle
{
	position: relative;
	width: 90%;
	height: auto;
	left: 5%;
	top: 16px;
	font-family: 'sanfrandisplay-heavy', Arial, sans-serif;
    text-align: center;
    font-size: 24px;
	text-transform: uppercase;
	line-height: 0.8;
	color: rgba( 240, 240, 240, 1);
	background: rgba( 240,0,0,0 );
	opacity: 1;
	z-index: 1025;
	pointer-events: auto;
	-webkit-user-select: none;
}

.contributorCloseHolder
{
	position: absolute;
	right: 15px;
	top: 10px;
	width: 30px;
	height: 30px;
	background: rgba( 220, 220, 220, 0 ); /* 0.4 */
	border: 2px solid rgba( 240, 240, 240, 0.0 );
	z-index: 4025;
	pointer-events: auto;
	-webkit-user-select: none;
}

.contributorCloseIMG
{
	width: 90%;
	height: 90%;
	margin-left: -45%;
	margin-top: -45%;
	opacity: 1;
	-webkit-user-select: none;
}

.contributorRefreshHolder
{
	left: 10px;
	top: 10px;
	width: 30px;
	height: 30px;
	background: rgba( 220, 220, 220, 0.1 ); /* 0.4 */
	border: 2px solid rgba( 240, 240, 240, 0.0 );
	z-index: 1025;
	pointer-events: auto;
	-webkit-user-select: none;
}

.contributorRefreshIMG
{
	width: 70%;
	height: 70%;
	margin-left: -35%;
	margin-top: -35%;
	opacity: 0.6;
	-webkit-user-select: none;
}

.contributorContentReleasesTitle
{
	position: relative;
	width: 90%;
	height: 10px;
	left: 5%;
	top: 5px;
	font-family: 'sanfrandisplay-bold', Arial, sans-serif;
    font-size: 12px;
	text-transform: uppercase;
	line-height: 0.8;
	letter-spacing: 1px;
    text-align: left;
	color: rgba( 240, 240, 240, 1);
	background: rgba( 240,0,0,0 );
	opacity: 1;
	z-index: 1025;
	pointer-events: auto;
	-webkit-user-select: none;
}

.contributorContentAssocTitle
{
	position: relative;
	width: 90%;
	height: auto;
	left: 5%;
	margin-top: 25px;
	font-family: 'sanfrandisplay-bold', Arial, sans-serif;
    font-size: 12px;
	text-transform: uppercase;
	line-height: 0.6;
	letter-spacing: 1px;
    text-align: left;
	color: rgba( 240, 240, 240, 1);
	background: rgba( 240, 0, 0, 0 );
	opacity: 1;
	z-index: 1025;
	pointer-events: auto;
	-webkit-user-select: none;
}

.contributorContentHeaderBioMask
{
	position: relative;
	width: 90%;
/*	height: 116px;*/
/*	height: 416px; /* 011222 */
	height: auto;
	left: 5%;
	top: 25px;
/*	overflow: hidden;*/
/*	overflow-x: hidden;*/
/*	overflow-y: scroll;*/
	background: rgba( 0, 240, 0, 0 );
	z-index: 1025;
	pointer-events: auto;
	-webkit-user-select: none;
}

.contributorContentHeaderBioHolder
{
	position: relative;
	width: 100%;
	height: auto;
	left: 0px;
	top: 0px;
/*	overflow: hidden;*/
	padding-right: 30px;
/*	overflow-x: hidden;*/
/*	overflow-y: scroll;*/
	background: rgba( 0, 0, 240, 0 );
	z-index: 1025;
	pointer-events: auto;
	-webkit-user-select: none;
}


.contributorContentHeaderBio
{
	position: relative;
	width: 90%;
	height: auto;
	left: 5%;
	top: 0px;
	/* max-height: 120px;*/
	padding-right: 20px;
	padding-bottom: 20px;
	font-family: 'sanfrandisplay-regular', Arial, sans-serif;
    text-align: left;
    font-size: 15px;
	line-height: 1.4;
	color: rgba( 240, 240, 240, 0.8 );
	background: rgba( 240, 0, 0, 0 );
	opacity: 1;
/*	overflow-x: hidden;*/
/*	overflow-y: scroll;*/
	z-index: 1025;
	pointer-events: auto;
	-webkit-user-select: none;
}

.contributorContentHeaderSkillsMask
{
/*	position: relative;*/
	position: absolute;
	width: 90%;
	height: 30px;
	left: 0%;
	padding-left: 5%;
	bottom: 8px;
	background: rgba( 240, 0, 0, 0 );
	border-radius: 5px;
	overflow: hidden;
	z-index: 1025;
	pointer-events: auto;
	-webkit-user-select: none;
}

.contributorContentHeaderSkills
{
	position: relative;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	max-height: 100px;
	padding-bottom: 20px;
	background: rgba( 0, 240, 0, 0 );
	opacity: 1;
	display: flex;
	white-space: nowrap;
	overflow-x: scroll;
	overflow-y: hidden;
	z-index: 1025;
	pointer-events: auto;
	-webkit-user-select: none;
}

.contributorContentHeaderSkill
{
	position: relative;
	top: 0px;
	width: auto;
	height: 10px;
	padding: 8px;
	padding-left: 12px;
	padding-right: 12px;
	padding-bottom: 10px;
	margin-right: 4px;
	margin-bottom: 4px;
	font-family: 'sanfrandisplay-bold', Arial, sans-serif;
    text-align: left;
    font-size: 10px;
	border-radius: 18px;
	letter-spacing: 1px;
/*	background: rgba(255,255,255,0.8);*/
/*	color: rgba( 0, 0, 0, 0.5);*/
	border: 1px solid rgba( 255, 255, 255, 0);
	color: rgba(255,255,255,0.8);
	background: rgba( 0, 0, 0, 0.5);
	float: left;
	display: inline-block;
	pointer-events: auto;
	-webkit-user-select: none;
}

.contributorContentHeaderSkillOn
{
/*	color: rgba( 255, 255, 255, 0.8 );*/
/*	background: rgba( 0, 0, 0, 0.5);*/
	background: rgba(255,255,255,0.8);
	color: rgba( 0, 0, 0, 0.5);
	-webkit-user-select: none;
}

.contributorContentHeaderReleases
{
	position: relative;
	top: 0px;
	width: auto;
	height: 10px;
	padding: 8px;
	padding-left: 12px;
	padding-right: 12px;
	padding-bottom: 10px;
	margin-right: 4px;
	margin-bottom: 4px;
	font-family: 'sanfrandisplay-bold', Arial, sans-serif;
    text-align: left;
    font-size: 10px;
	border-radius: 18px;
	letter-spacing: 1px;
/*	background: rgba(255,255,255,0.8);*/
/*	color: rgba( 0, 0, 0, 0.5);*/
	border: 1px solid rgba( 255, 255, 255, 0);
	color: rgba(255,255,255,0.8);
	background: rgba( 80, 80, 80, 1);
	float: left;
	display: inline-block;
	pointer-events: auto;
	-webkit-user-select: none;
}

.contributorContentHeaderReleasesOn
{
/*	border: 1px solid rgba(255,255,255,0.8);*/
/*	-webkit-user-select: none;*/

	background: rgba(255,255,255,0.8);
	color: rgba( 0, 0, 0, 0.5);
	-webkit-user-select: none;
}

.contributorContentHeaderAssociate
{
	position: relative;
	top: 0px;
	width: auto;
	height: auto;
	padding: 8px;
	padding-left: 12px;
	padding-right: 12px;
	padding-bottom: 10px;
	margin-right: 4px;
	margin-bottom: 8px;
	font-family: 'sanfrandisplay-regular', Arial, sans-serif;
    text-align: center;
    font-size: 10px;
	color: rgba( 255, 255, 255, 1);
	border-radius: 18px;
	letter-spacing: 1px;
	white-space: nowrap;
	text-overflow: ellipsis;
	background: rgba( 255, 255, 255, 0.1);
	float: left;
	display: inline-block;
	pointer-events: auto;
	-webkit-user-select: none;
}

.contributorContentBody
{
	position: relative;
/*	width: 90%;*/
	width: 100%;
	height: auto;
/*	max-width: 94.5%;*/
/*	left: 5%;*/
	left: 0%;
	top: 0%;
	padding-top: 0px;
	padding-bottom: 20px;
	background: rgba( 0, 240, 0, 0 );
	z-index: 1040;
/*	border-radius: 16px;*/
	overflow: hidden;
	pointer-events: auto;
	-webkit-user-select: none;
}

.contributorContentReleasesGrad
{
	position: absolute;
	width: 100%;
/*	height: 300px;*/
	height: 41%;
	left: 0%;
/*	top: 10px;*/
	top: 0px;
	margin-top: -20px;
	background: linear-gradient(180deg,
		rgba(0,0,0,0) 	0%,
		rgba(0,0,0,0.0) 92%,
		rgba(0,0,0,0.1) 96%,
		rgba(0,0,0,0.3) 100%
		);
	border-bottom-left-radius: 18px;
	border-bottom-right-radius: 18px;
	z-index: 1030;
	overflow: hidden;
	pointer-events: auto;
	-webkit-user-select: none;
}

.contributorContentReleasesMask
{
	position: relative;
	width: 95%;
/*	height: 289px;*/
	height: 45%;
/*	height: 300px;*/
	left: 0%;
	top: 0px;
	padding-left: 5%;
	padding-right: 6%;
	padding-top: 20px;
/*	border-bottom-left-radius: 18px;*/
/*	border-bottom-right-radius: 18px;*/
	box-shadow: inset -20px -20px 20px rgba( 0, 0, 0, 0.5 );
	z-index: 1041;
	overflow-x: hidden;
	overflow-y: scroll;
	pointer-events: auto;
	-webkit-user-select: none;
}

.contributorContentReleasesGradBottom
{
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0%;
	top: 0px;
	background: linear-gradient(180deg,
		rgba(0,0,0,0) 	0%,
		rgba(0,0,0,0.0) 92%,
		rgba(0,0,0,0.1) 96%,
		rgba(0,0,0,0.3) 100%
		);
	z-index: 1030;
/*	display: flex;*/
	overflow: hidden;
	pointer-events: none;
	-webkit-user-select: none;
}
	
.contributorContentReleases
{
	position: relative;
	width: 94%;
	height: auto;
	left: 5%;
	top: 0px;
	padding-top: 20px;
	padding-bottom: 20px;
	background: rgba( 240, 0, 240, 0 );
	z-index: 1041;
	overflow: hidden;
	pointer-events: auto;
	-webkit-user-select: none;
}

/**/

.contributorContentOfficialReleaseLatestHolder
{
	position: relative;
	width: 96%;
	height: 100px;
	left: 0%;
	top: 0px;
/*	border-radius: 6px;*/
	margin-bottom: 20px;
	background: rgba( 240, 0, 240, 0 );
	z-index: 1041;
	display: flex;
	overflow: visible;
	pointer-events: auto;
	-webkit-user-select: none;
}

.contributorContentOfficialReleaseLatestStrip
{
	position: absolute;
	width: 100%;
	height: 90%;
	left: 0px;
	top: 5%;
	background: rgba( 20, 20, 20, 1 );
	box-shadow: 0px 10px 10px rgba( 0, 0, 0, 0.15 );
	border-radius: 10px;
	z-index: 1041;
	overflow: hidden;
	pointer-events: auto;
	-webkit-user-select: none;
}

.contributorContentOfficialReleaseLatestStripBG
{
	position: absolute;
	width: 150%;
	height: 150%;
	left: -25%;
	top: -25%;
	background: rgba( 120, 120, 120, 1 );
	border-radius: 10px;
	z-index: 1041;
	filter: blur( 20px );
	opacity: 0.5;
	overflow: hidden;
	pointer-events: auto;
	-webkit-user-select: none;
}

.contributorContentOfficialReleaseLatestCover
{
	position: relative;
	min-width: 100px;
	max-width: 100px;
	height: 100px;
	left: 0px;
	top: 0px;
/*	border-radius: 6px;*/
	margin-bottom: 20px;
	background: rgba( 120, 120, 120, 1 );
	box-shadow: 5px 10px 10px rgba( 0, 0, 0, 0.15 );
	z-index: 1041;
	overflow: hidden;
	pointer-events: auto;
	-webkit-user-select: none;
}

.contributorContentOfficialReleaseLatestData
{
	position: relative;
	width: auto;
	height: 100%;
	left: 0px;
	top: 0px;
	margin-left: 20px;
	margin-bottom: 20px;
	background: rgba( 240, 240, 0,  );
	z-index: 1041;
	overflow: hidden;
	pointer-events: auto;
	-webkit-user-select: none;
}

.contributorContentOfficialReleaseLatestTitle
{
	position: relative;
	min-width: 100%;
	height: auto;
	left: 0px;
	top: 0px;
	margin-top: 22px;
	font-family: 'sanfrandisplay-light', Arial, sans-serif;
    text-align: left;
    font-size: 10px;
	letter-spacing: 1px;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-transform: uppercase;
	color: rgba( 220, 220, 220, 0.6);
	background: rgba( 240, 240, 0, 0 );
	z-index: 1041;
	overflow: hidden;
	pointer-events: auto;
	-webkit-user-select: none;
}

.contributorContentOfficialReleaseLatestReleaseName
{
	position: relative;
	min-width: 100%;
	height: auto;
	left: 0px;
	top: 0px;
	margin-top: 0px;
	font-family: 'sanfrandisplay-heavy', Arial, sans-serif;
    text-align: left;
    font-size: 18px;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-transform: uppercase;
	color: rgba( 220, 220, 220, 1);
	background: rgba( 240, 240, 0, 0 );
	z-index: 1041;
	overflow: hidden;
	pointer-events: auto;
	-webkit-user-select: none;
}

.contributorContentOfficialReleaseLatestArtistName
{
	position: relative;
	min-width: 100%;
	height: auto;
	left: 0px;
	top: 0px;
	font-family: 'sanfrandisplay-heavy', Arial, sans-serif;
    text-align: left;
    font-size: 14px;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-transform: uppercase;
	color: rgba( 220, 220, 220, 0.6);
	background: rgba( 240, 240, 0, 0 );
	z-index: 1041;
	overflow: hidden;
	pointer-events: auto;
	-webkit-user-select: none;
}

/**/

.contributorContentReleaseDate
{
	position: absolute;
	width: auto;
	height: auto;
	right: 4px;
	top: 4px;
	padding: 6px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-family: 'sanfrandisplay-bold', Arial, sans-serif;
    text-align: center;
    font-size: 10px;
	color: rgba( 220, 220, 220, 1);
	background: rgba( 80, 80, 80, 1 );
/*	box-shadow: 0px 0px 6px rgba( 0, 0, 0, 0.5 );*/
	border-radius: 15px;
	z-index: 1041;
	overflow: hidden;
	pointer-events: auto;
	-webkit-user-select: none;
}

.thisYear
{
	background: rgba( 220, 0, 0, 1 );
	color: rgba( 220, 220, 220, 1);
	box-shadow: 0px 0px 6px rgba( 0, 0, 0, 1 );
}

.recentYear
{
	background: rgba( 255, 255, 255, 1 );
	color: rgba( 0, 0, 0, 1);
/*	box-shadow: 0px 0px 6px rgba( 220, 0, 0, 1 );*/
}


.contributorContentOfficialReleases
{
	position: relative;
	width: 94%;
	height: auto;
	left: 5%;
	top: 0px;
/*	margin-top: 25px;*/
	padding-top: 20px;
	padding-bottom: 20px;
	background: rgba( 240, 0, 240, 0 );
	z-index: 1041;
	overflow: hidden;
	pointer-events: auto;
	-webkit-user-select: none;
}

.contributorContentAssociates
{
	position: relative;
	width: 90%;
	height: auto;
	left: 5%;
	top: 0px;
	padding-right: 6%;
	padding-top: 20px;
	background: rgba( 240, 240, 0, 0 );
	z-index: 1048;
	overflow: hidden;
	pointer-events: auto;
	-webkit-user-select: none;
}

.contributorContentSources
{
	position: relative;
	width: 90%;
	height: auto;
	left: 5%;
	top: 0px;
	padding-right: 6%;
	padding-top: 20px;
	background: rgba( 240, 240, 0, 0 );
	z-index: 1048;
	overflow: hidden;
	pointer-events: auto;
	-webkit-user-select: none;
}

.contributorContentReleaseGroup
{
	position: relative;
	width: 100%;
	height: auto;
	margin-bottom:20px;
	overflow: hidden;
	background: rgba( 240, 0, 0, 0 );
	float: left;
	pointer-events: auto;
	-webkit-user-select: none;
}

.contributorContentReleaseGroupTitle
{
	position: relative;
	width: 100%;
	height: auto;
	margin-bottom:5px;
	overflow: hidden;
	background: rgba( 0, 240, 0, 0 );
	float: left;
	pointer-events: auto;
	-webkit-user-select: none;
}

.contributorContentReleaseHolder
{
	position: relative;
	width: 120px;
	height: 164px;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:10px;
/*	border-radius: 6px;*/
	overflow: hidden;
	background: rgba( 0, 255, 0, 0 );
	float: left;
	display: inline-block;
	pointer-events: auto;
	-webkit-user-select: none;
}

.contributorContentReleaseMore
{
	position: relative;
	width: 120px;
	height: auto;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:10px;
/*	border-radius: 6px;*/
	padding-top: 12px;
	padding-bottom: 12px;
    font-family: 'sanfrandisplay-bold', Arial, sans-serif;
	text-transform: uppercase;
    text-align: center;
    letter-spacing: 1px;
    font-size: 9px;
	overflow: hidden;
	color: rgba( 255, 255, 255, 0.8 );
	background: rgba( 0, 0, 0, 0.2 );
	float: left;
	display: inline-block;
	pointer-events: auto;
	-webkit-user-select: none;
}

.contributorContentReleaseHolderBG
{
	position: absolute;
	width: 114px;
	height: 164px;
	left:3px;
	bottom: 0%;
/*	border-radius: 6px;*/
	overflow: hidden;
	background: rgba( 0, 0, 0, 0.1 );
	pointer-events: auto;
	-webkit-user-select: none;
}

.contributorContentRelease
{
	position: absolute;
	width: 120px;
	height: 120px;
/*	border-radius: 6px;*/
	overflow: hidden;
	background: rgba( 0, 0, 0, 0.1 );
	box-shadow: 0px 1px 3px rgba( 0, 0, 0, 0.5 );
	pointer-events: auto;
	-webkit-user-select: none;
}

.contributorContentReleaseDetails
{
	position: absolute;
	width: 94%;
	height: 36px;
	left: 3%;
	bottom: 0px;
	overflow: hidden;
/*	background: rgba( 240, 0, 0, 0.1 );*/
	letter-spacing: 0.5px;
	pointer-events: auto;
	-webkit-user-select: none;
}

.contributorContentReleaseArtist
{
	position: relative;
	width: 100%;
	height: 14px;
	left: 0px;
	top: 0px;
    font-family: 'sanfrandisplay-regular', Arial, sans-serif;
    text-align: center;
    font-size: 10px;
	text-transform: uppercase;
	color: rgba( 240, 240, 240, 0.8);
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	pointer-events: auto;
	-webkit-user-select: none;
}

.contributorContentReleaseTitle
{
	position: relative;
	width: 100%;
	height: 10px;
	left: 0px;
	top: 0px;
    font-family: 'sanfrandisplay-bold', Arial, sans-serif;
    text-align: center;
    font-size: 10px;
	text-transform: uppercase;
	color: rgba( 240, 240, 240, 0.8);
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	pointer-events: auto;
	-webkit-user-select: none;
}

/* - - - - HEADER - - - - - */

.headerPanel
{
	position: absolute;
	left: 0%;
	top: 0px;
	width: 100%;
	height: 120px;
/*	height: 100px;*/
/*	background: linear-gradient(0deg,*/
/*		rgba(0,0,0,0) 10%,*/
/*/*		rgba(0,0,0,0.0) 96%,*/*/
/*		rgba(0,0,0,0.2) 50%,*/
/*		rgba(0,0,0,0.5) 100%);*/
	overflow: visible;
	z-index: 2000;
	pointer-events: none;
	-webkit-user-select: none;
}

.headerGrad
{
	background: linear-gradient( 0deg,
		rgba(0,0,0,0) 	0%,
		rgba(0,0,0,0.1) 40%,
		rgba(0,0,0,0.6) 100%
		);
}

.headerGradDark
{
	background: linear-gradient( 0deg,
		rgba(0,0,0,0) 	0%,
		rgba(0,0,0,0.3) 40%,
		rgba(0,0,0,0.8) 100%
		);
}

.historyReadout
{
	position: absolute;
	left: 180px;
	top: 25px;
	width: 300px;
	height: 45px;
	background: rgba( 220, 220, 220, 0.4 );
	color: black;
	border-radius: 6px;
	-webkit-user-select: none;
}

.historySection
{
	position: absolute;
	left: 0%;
	top: 0%;
	width: 100%;
	height: 100%;
	-webkit-user-select: none;
}

.historyMenuButton
{
	left: 20px;
	top: 25px;
	width: 45px;
	height: 45px;
	background: rgba( 220, 220, 220, 0.1 ); /* 0.4 */
	border: 2px solid rgba( 240, 240, 240, 0.0 );
	-webkit-user-select: none;
}

.historyMenuButtonIMG
{
	width: 70%;
	height: 70%;
	margin-left: -35%;
	margin-top: -35%;
	opacity: 0.6;
	-webkit-user-select: none;
}

.historyMenuButtonLive
{
	animation-duration: 0.25s;
	animation-iteration-count: 1;
	animation-timing-function: ease-out;
	animation-name: historyMenuButtonLiveNow;
	animation-fill-mode: forwards;
	-webkit-user-select: none;
}

@keyframes historyMenuButtonLiveNow
{
    0% 	{ background: rgba( 220, 220, 220, 0.1 ); border: 2px solid rgba( 240, 240, 240, 0.0 );}
    100%{ background: rgba( 220, 220, 220, 0.4 ); border: 2px solid rgba( 240, 240, 240, 0.0 );}
    
/*    0% 	{ border-top-right-radius: 50%;  background: rgba( 220, 220, 220, 0.4 ); }*/
/*    100%{ border-top-right-radius: 0%; 	background: rgba( 220, 220, 220, 1 );  }*/
}

.nowPlayingShelf
{
	position: absolute;
	left: 150px;
	top: 25px;
	width: 420px;
	height: 50px;
	max-width: 28%;
	margin-bottom: 20px;
	border-radius: 6px;
/*	background: linear-gradient( 180deg,*/
/*		rgba(0,0,0,0) 	0%,*/
/*		rgba(0,0,0,0.0) 75%,*/
/*		rgba(0,0,0,0.25) 100%*/
/*		);*/
	z-index: 1001;
	display: flex;
	overflow: hidden;
	pointer-events: none;
	-webkit-user-select: none;
}

.nowPlayingShelfIMG
{
	position: absolute;
	width: 90px;
	height: 50px;
	left: 0px;
	top: 0px;
	border-radius: 6px;
	background: rgba( 220, 220, 220, 0.2);
	overflow: hidden;
	pointer-events: auto;
	-webkit-user-select: none;
}

.nowPlayingShelfData
{
	position: absolute;
	left: 100px;
	top: 0px;
	width: 100%;
	height: 50px;
/*	background: rgba( 220, 20, 20, 0.2);*/
	pointer-events: auto;
	-webkit-user-select: none;
}

.nowPlayingShelfLabel
{
 	position: absolute;
	width: 100%;
	height: 40%;
	left: 0%;
	top: 8%;
	font-family: 'sanfrandisplay-regular', Arial, sans-serif;
    text-align: left;
    font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	color: rgba( 240, 240, 240, 0.25 );
/*	background: rgba( 240, 0, 240, 1 );*/
	pointer-events: none;
	-webkit-user-select: none;
}

.nowPlayingShelfName
{
 	position: absolute;
	width: 100%;
	height: 40%;
	left: 0%;
	top: 45%;
	font-family: 'sanfrandisplay-bold', Arial, sans-serif;
    text-align: left;
    font-size: 18px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	color: rgba( 240, 240, 240, 0.8 );
/*	background: rgba( 240, 240, 0, 1 );*/
	pointer-events: none;
	-webkit-user-select: none;
}

.historyBackButton
{
	width: 45px;
	height: 45px;
	left: 80px;
	top: 25px;
	background: rgba( 220, 220, 220, 0.1);  /* 0.4 */
	border: 2px solid rgba( 240, 240, 240, 0.0 );
	-webkit-user-select: none;
}

.historyBackButtonIMG
{
	width: 70%;
	height: 70%;
	margin-left: -35%;
	margin-top: -35%;
	opacity: 0.6;
	-webkit-user-select: none;
}

.historyForwardButton
{
	left: 140px;
	top: 25px;
	width: 45px;
	height: 45px;
	background: rgba( 220, 220, 220, 0);  /* 0.4 */
	-webkit-user-select: none;
}

.historyForwardButtonIMG
{
	width: 70%;
	height: 70%;
	margin-left: -35%;
	margin-top: -35%;
	transform: rotate( 180deg );
	-webkit-user-select: none;
}

.historyMenuItem
{
	position: relative;
	width: 450px;
	height: auto;
	min-height: 60px;
	min-width: 450px;
	margin-bottom: 20px;
	border-radius: 10px;
	background: rgba( 240, 240, 240, 0.2 );
	z-index: 1001;
	pointer-events: auto;
	-webkit-user-select: none;
}

/* - - - - - - - - - - - - - - - - - - - - */

#feedbackLayer
{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0%;
	top: 0%;
	background: rgba( 240, 0, 0, 0 );
	overflow: hidden;
	z-index: 100000;
	pointer-events: none;
	-webkit-user-select: none;
}

/* - - - - - - - - - - - - - - - - - - - - */

/*.showNotifications*/
/*{*/
/*	position: absolute;*/
/*	width: 160px;*/
/*	height: auto;*/
/*	left: 50%;*/
/*	top: 90px;*/
/*	margin-left: -80px;*/
/*	border-radius: 20px;*/
/*	padding: 6px;*/
/*	padding-left: 0px;*/
/*	padding-right: 0px;*/
/*	font-family: 'sanfrandisplay-bold', Arial, sans-serif;*/
/*    text-align: center;*/
/*    font-size: 12px;*/
/*	opacity: 1px;*/
/*	background: rgba( 220, 220, 220, 1 );*/
/*	color: rgba( 80, 80, 80, 0.8 );*/
/*	box-shadow: 0px 20px 40px rgba( 0, 0, 0, 0.5 );*/
/*	overflow: hidden;*/
/*	z-index: 100200;*/
/*	pointer-events: none;*/
/*	-webkit-user-select: none;*/
/*	*/
/*}*/

.showNotifications
{
	position: relative;
	width: 90%;
	height: auto;
	margin-left: 3%;
	margin-bottom: 10px;
	border-radius: 10px;
	padding-left: 4%;
	padding-top: 16px;
	padding-bottom: 16px;
    font-family: 'sanfrandisplay-bold', Arial, sans-serif;
    font-size: 14px;
    text-align: left;
	color: rgba( 80, 80, 80, 1 );
	background: rgba( 240, 240, 240, 0.6 );
	z-index: 1001;
	overflow: hidden;
	pointer-events: auto;
	-webkit-user-select: none;
}

.notificationPanel
{
	position: absolute;
	width: 410px;
	height: 80px;
	left: 50%;
	top: -130px;
	margin-left: -205px;
	background: rgba( 220, 220, 220, 1 );
	z-index: 100200;
	border-radius: 12px;
	transform: translate( 0px, 0px );
	opacity: 1px;
	box-shadow: 0px 20px 40px rgba( 0, 0, 0, 0.5 );
	overflow: hidden;
	pointer-events: none;
	-webkit-user-select: none;
}

.notificationPanelDrop
{
	animation-duration: 0.25s;
	animation-iteration-count: 1;
	animation-timing-function: ease-out;
	animation-name: notificationPanelDropNow;
	animation-fill-mode: forwards;
	-webkit-user-select: none;
}

@keyframes notificationPanelDropNow
{
	0%
    {
		opacity: 1;
		transform: translate( 0px, 0px );
	}
	100%
	{
		opacity: 1;
		transform: translate( 0px, 140px );
	}
	
}

.notificationPanelRise
{
	animation-duration: 0.25s;
	animation-iteration-count: 1;
	animation-timing-function: ease-out;
	animation-name: notificationPanelRiseNow;
	animation-fill-mode: forwards;
	-webkit-user-select: none;
}

@keyframes notificationPanelRiseNow
{
	0%
    {
		opacity: 1;
		transform: translate( 0px, 140px );
	}
	100%
	{
		opacity: 1;
		transform: translate( 0px, 0px );
	}
}

.notificationPanelClose
{
	position: absolute;
	width: 30px;
	height: 30px;
	right: 5px;
	top: 5px;
	border-radius: 50%;
	opacity: 0.5;
	pointer-events: auto;
	-webkit-user-select: none;
}

.notificationPanelExpand
{
	position: absolute;
	width: 24px;
	height: 24px;
	right: 8px;
/*	top: 50px;*/
	bottom: 5px;
	border-radius: 50%;
	opacity: 0.5;
	pointer-events: auto;
	-webkit-user-select: none;
}

.notificationsScroller
{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	padding-right: 30px;
	background: rgba( 240, 0, 0, 0 );
	border-radius: 0px;
	overflow-x: hidden;
	overflow-y: scroll;
	pointer-events: auto;
	-webkit-user-select: none;
}

.notificationsScrollerFlash
{
	animation-duration: 3s;
	animation-iteration-count: 1;
	animation-timing-function: ease-out;
	animation-name: notificationsScrollerFlashNow;
	animation-fill-mode: forwards;
	-webkit-user-select: none;
}

@keyframes notificationsScrollerFlashNow
{
    0% 	{ background: rgba( 255, 255, 255, 1 ); }
    100%{ background: rgba( 255, 255, 255, 0 ); }
}

/*.notificationsWrapper*/
/*{*/
/*	position: relative;*/
/*	left: 0px;*/
/*	top: 0px;*/
/*	width: 100%;*/
/*	height: auto;*/
/*	background: rgba( 0, 250, 0, 0.5 );*/
/*	border-radius: 0px;*/
/*	display: flex;*/
/*	overflow: hidden;*/
/*	pointer-events: auto;*/
/*	-webkit-user-select: none;*/
/*}*/

.notificationHolder
{
	position: relative;
	width: 360px;
	height: 70px;
	min-width: 370px;
	margin-left: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	background: rgba( 240, 0, 0, 0 );
	border-radius: 10px;
	float: left;
	pointer-events: auto;
	-webkit-user-select: none;
}

.notificationShelf
{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 120px;
	height: 70px;
	border-radius: 6px;
	pointer-events: auto;
	-webkit-user-select: none;
	/*  Shelf Proportions	*/
	/*	width: 450px; 		*/
	/*	height: 260px; 		*/
}

.notificationCover
{
	position: absolute;
	left: 25px;
	top: 0px;
	width: 70px;
	height: 70px;
	border-radius: 6px;
	background: rgba( 40, 40, 40, 0.8 );
	pointer-events: auto;
	-webkit-user-select: none;
}

.notificationBigNumber
{
	position: absolute;
	width: 100%;
	height: 24px;
	left: 0%;
	top: 25px;
	font-family: 'sanfrandisplay-heavy', Arial, sans-serif;
    text-align: center;
    font-size: 24px;
    margin-top: 10px;
	overflow: hidden;
	color: rgba( 240, 240, 240, 0.8 );
	pointer-events: auto;
	-webkit-user-select: none;
}

.notificationBody
{
	position: absolute;
	left: 130px;
	top: 10px;
	width: 235px;
	height: 60px;
    text-align: left;
	border-radius: 6px;
	background: rgba( 0, 240, 0, 0 );
	pointer-events: auto;
	-webkit-user-select: none;
}

.notificationDate
{
	font-family: 'sanfrandisplay-regular', Arial, sans-serif;
    text-align: left;
    font-size: 9px;
    letter-spacing: 0.6px;
	text-transform: uppercase;
    margin-top: 5px;
	overflow: hidden;
	color: rgba( 40, 40, 40, 0.8 );

}

.notificationTitle
{
	font-family: 'sanfrandisplay-bold', Arial, sans-serif;
    text-align: left;
    font-size: 14px;
    margin-top: 10px;
	overflow: hidden;
	color: rgba( 40, 40, 40, 0.8 );

}

.notificationPara
{
	font-family: 'sanfrandisplay-regular', Arial, sans-serif;
    text-align: left;
    font-size: 12px;
    margin-top: 10px;
	overflow: hidden;
	color: rgba( 40, 40, 40, 0.8 );
}

.notificationUserLink
{
	font-family: 'sanfrandisplay-bold', Arial, sans-serif;
	text-transform: uppercase;
}

/* - - - - - - - - - - - - - - - - - - - - */

.betaBanner
{
	position: absolute;
	left: 0px;
	top: 25%;
	width: 40px;
	height: 150px;
	margin-top: -75px;
	/*	opacity: 0.5;*/
/*	background: rgba( 0, 0, 0, 1 );*/
/*	box-shadow: 0px 0px 15px rgba( 0, 0, 0, 0.25 );*/
	border-radius: 0px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	pointer-events: auto;
	-webkit-user-select: none;
}

.betaTitle
{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 150px;
	height: 20px;
	margin-left: -75px;
	margin-top: -10px;
	background: rgba( 228, 128, 128, 0 );
    font-family: 'sanfrandisplay-regular', Arial, sans-serif;
    text-align: center;
    font-size: 14px;
    letter-spacing: 1px;
	text-transform: uppercase;
	color: rgba( 255, 255, 255, 0.8 );
    text-shadow: 0px 0px 2px rgba( 0, 0, 0, 0.8 );
    transform: rotateZ( -90deg );
	border-radius: 0px;
	pointer-events: none;
	-webkit-user-select: none;
}

.reportButton
{
	position: absolute;
	left: 0px;
	top: 60%;
	width: 40px;
	height: 40px;
	margin-top: 100px;
	/*	opacity: 0.5;*/
	background: rgba( 0, 0, 0, 0.2 );
	box-shadow: 0px 0px 15px rgba( 0, 0, 0, 0.25 );
	border-radius: 0px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	pointer-events: auto;
	-webkit-user-select: none;
	
}

.reportButtonIMG
{
	opacity: 0.4;
}

.feedbackButton
{
	position: absolute;
	left: 0px;
	top: 60%;
	width: 40px;
	height: 150px;
	margin-top: -75px;
	/*	opacity: 0.5;*/
	background: rgba( 0, 0, 0, 1 );
	box-shadow: 0px 0px 15px rgba( 0, 0, 0, 0.25 );
	border-radius: 0px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	pointer-events: auto;
	-webkit-user-select: none;
}

.feedbackTitle
{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 150px;
	height: 20px;
	margin-left: -75px;
	margin-top: -10px;
	background: rgba( 228, 128, 128, 0 );
    font-family: 'sanfrandisplay-heavy', Arial, sans-serif;
    text-align: center;
    font-size: 18px;
	text-transform: uppercase;
    text-shadow: 0px 0px 6px rgba( 0, 0, 0, 0.4 );
	color: rgba( 255, 255, 255, 1);
    transform: rotateZ( -90deg );
	border-radius: 0px;
	pointer-events: none;
	-webkit-user-select: none;
}

.feedbackInputHolder
{
	position: relative;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 44px;
	margin-top: 10px;
	background: rgba( 240, 240, 240, 0 );
	box-shadow: 0px 0px 10px rgba( 0, 0, 0, 0.25 );
	overflow: hidden;
	border-radius: 10px;
	border: none;
	pointer-events: auto;
	-webkit-user-select: none;
}

.feedbackInput
{
	position: absolute;
	top: 0%;
	left: 3%;
	width: 94%;
	height: 100%;
	background: rgba( 240, 240, 240, 0 );
	color: rgba( 20, 20, 20, 1 );
	font-family: 'sanfrandisplay-regular', Arial, sans-serif;
    text-align: left;
    font-size: 18px;
	pointer-events: auto;
	border: none;
}

.feedbackTextHolder
{
	position: relative;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 150px;
	margin-top: 10px;
	margin-bottom: 20px;
	background: rgba( 240, 240, 240, 0 );
	box-shadow: 0px 0px 10px rgba( 0, 0, 0, 0.25 );
	overflow: hidden;
	border-radius: 10px;
	border: none;
	pointer-events: auto;
	-webkit-user-select: none;
}

.feedbackText
{
	position: absolute;
	top: 0%;
	left: 3%;
	width: 94%;
	height: 125px;
	margin-top: 10px;
	background: rgba( 240, 240, 240, 0 );
	color: rgba( 20, 20, 20, 1 );
	font-family: 'sanfrandisplay-regular', Arial, sans-serif;
    text-align: left;
    font-size: 18px;
	pointer-events: auto;
	border: none;
}

.feedbackPanelSignup
{
	position: relative;
	top: 20px;
	left: 0%;
	width: 90%;
	height: auto;
/*	margin-top: 40px;*/
	padding: 20px;
	padding-left: 5%;
	padding-right: 5%;
	font-family: 'sanfrandisplay-heavy', Arial, sans-serif;
    font-size: 18px;
    line-height:1.25;
	text-align: center;
	color: rgba( 240, 240, 240, 1 );
	text-transform: uppercase;
	border-radius: 16px;
	background: rgba( 40, 40, 240, 1 );
	pointer-events: auto;
	-webkit-user-select: none;
}

.feedbackPanelNote
{
	position: relative;
	top: 0%;
	left: 0%;
	width: 100%;
	height: auto;
	margin-top: 30px;
	margin-bottom: 10px;
	font-family: 'sanfrandisplay-regular', Arial, sans-serif;
    font-size: 12px;
    line-height:1.25;
	text-align: center;
	color: rgba( 240, 40, 40, 1 );
	background: rgba( 240, 240, 240, 0.1 );
	overflow: hidden;
	pointer-events: auto;
	-webkit-user-select: none;
}

.howPanelButton
{
	position: relative;
/*	top: 20px;*/
/*	left: 0%;*/
	width: 86%;
	height: auto;
	margin-left: 2%;
	margin-bottom: 15px;
	padding: 14px;
	padding-left: 5%;
	padding-right: 5%;
	font-family: 'sanfrandisplay-bold', Arial, sans-serif;
    font-size: 18px;
    line-height:1.25;
	text-align: left;
/*	text-transform: uppercase;*/
	border-radius: 16px;
	color: rgba( 40, 40, 40, 1 );
	background: rgba( 200, 200, 200, 1 );
	box-shadow: 0px 3px 10px rgba( 20, 20, 20, 0.1 );
	pointer-events: auto;
	-webkit-user-select: none;
}

.howPanelButtonSingle
{
	padding: 24px;
	padding-left: 5%;
	padding-right: 5%;
}

.accountNote
{
	font-family: 'sanfrandisplay-light', Arial, sans-serif;
/*    font-size: 10px;*/
	color: rgba( 200, 0, 0, 0.8 );
/*	text-transform: uppercase;*/
	letter-spacing: 0.8px;
	pointer-events: none;
	-webkit-user-select: none;
}

.homePanelButton
{
	position: relative;
/*	top: 20px;*/
/*	left: 0%;*/
	width: 86%;
	height: auto;
	margin-left: 2%;
	margin-bottom: 15px;
	padding: 14px;
	padding-left: 5%;
	padding-right: 5%;
	font-family: 'sanfrandisplay-bold', Arial, sans-serif;
    font-size: 18px;
    line-height:1.25;
	text-align: center;
/*	text-transform: uppercase;*/
	border-radius: 16px;
	color: rgba( 40, 40, 40, 1 );
	background: rgba( 200, 200, 200, 1 );
	box-shadow: 0px 3px 10px rgba( 20, 20, 20, 0.1 );
	pointer-events: auto;
	-webkit-user-select: none;
}

.homePanelButtonOn
{
	background: rgba( 40, 40, 40, 1 );
	color: rgba( 200, 200, 200, 1 );
}

.homePanelButtonHalf
{
	width: 40%;
	height: auto;
	padding-left: 3%;
	padding-right: 3%;
	margin-left: 2%;
	margin-right: 2%;
	float: left;
}

.panelBackButton
{
	position: absolute;
	top: 20px;
	left: 20px;
	width: auto;
	height: auto;
	padding: 10px;
	padding-left: 15px;
	padding-right: 15px;
	background: rgba( 250, 250, 250, 1 );
	border-radius: 10px;
	color: rgba( 20, 20, 20, 1 );
	font-family: 'sanfrandisplay-regular', Arial, sans-serif;
    text-align: left;
    font-size: 18px;
    box-shadow: 0px 5px 10px rgba( 0, 0, 0, 0.25 );
	pointer-events: auto;
	-webkit-user-select: none;
}

.overlayPanelMessageScroller
{
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 480px;
	padding-right: 60px;
	overflow-x: hidden;
	overflow-y: scroll;
	pointer-events: auto;
	-webkit-user-select: none;
}

.howToImageContainer
{
	position: relative;
	width: 100%;
	height: 0px;
	margin-bottom: 0px;
/*	background: rgba( 255, 0, 0, 1 );*/
	overflow: hidden;
	pointer-events: auto;
	-webkit-user-select: none;
}

.howToImageContainerAccount
{
	height: 120px;
}

.howToImageContainerOpen
{
	animation-duration: 0.25s;
	animation-iteration-count: 1;
	animation-timing-function: ease-out;
	animation-name: howToImageContainerOpenNow;
	animation-fill-mode: forwards;
	-webkit-user-select: none;
}

@keyframes howToImageContainerOpenNow
{
    0% 	{ height: 0px;; }
    100%{ height: 420px; }
}

.howToImageScroller
{
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	padding-bottom: 60px;
	overflow-x: scroll;
	overflow-y: hidden;
/*	background: rgba( 0, 255, 0, 0.2 );*/
	display: flex;
	pointer-events: auto;
	-webkit-user-select: none;
}

.howToImage
{
	position: relative;
	min-width: 190px;
	height: 400px;
	margin-top: 5px;
	margin-left: 10px;
	margin-right: 10px;
/*	background: rgba( 255, 255, 0, 0.5 );*/
    box-shadow: 0px 5px 10px rgba( 0, 0, 0, 0.25 );
	border-radius: 10px;
	float: left;
	pointer-events: auto;
	-webkit-user-select: none;
}

/* - - - - - - - - - - - - - - - - - - - - */

.searchMenuItem
{
	position: relative;
	width: 380px;
	height: auto;
	min-height: 60px;
	min-width: 380px;
	margin-bottom: 20px;
	border-radius: 10px;
	background: rgba( 240, 240, 240, 0.2 );
	z-index: 1001;
	overflow: hidden;
	pointer-events: auto;
	-webkit-user-select: none;
}

.playlistResultItem
{
	margin-top: 20px;
	margin-left: 34px;
	margin-bottom: 0px;
}

.playlistResultItemMore
{
	width: 100%;
	min-height: 30px;
	margin-top: 40px;
	margin-bottom: 20px;
    font-family: 'sanfrandisplay-regular', Arial, sans-serif;
    text-align: center;
    font-size: 16px;
	text-transform: uppercase;
	color: rgba( 240, 240, 240, 0.6);
}

.searchShelfHolder
{
	position: relative;
	width: 380px;
	height: 5px;
	top: 0px;
	background: rgba( 240, 0, 0, 1 );
	z-index: 1001;
	overflow-x: hidden;
	overflow-y: scroll;
	pointer-events: auto;
	-webkit-user-select: none;
}

.historyMenuItemHighlight
{
	animation-duration: 1s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-out;
	animation-name: historyMenuItemHighlightNow;
	animation-fill-mode: forwards;
	-webkit-user-select: none;
}

@keyframes historyMenuItemHighlightNow
{
    0% 	{ box-shadow: 0px 0px 10px rgba( 0, 0, 255, 1 ); }
    50% { box-shadow: 0px 0px 20px rgba( 0, 0, 255, 1 ); }
    100%{ box-shadow: 0px 0px 10px rgba( 0, 0, 255, 1 ); }
}

.historyMenuItemPreview
{
	position: absolute;
	width: 50px;
	height: 50px;
	left: 5px;
	top: 5px;
/*	border-radius: 6px;*/
	background: rgba( 240, 240, 240, 0.2 );
	overflow: hidden;
	pointer-events: auto;
	-webkit-user-select: none;
}

.historyMenuItemShelf
{
	position: absolute;
	width: 90px;
	height: 50px;
	left: 0px;
	top: 0px;
	border-radius: 6px;
	background: rgba( 240, 240, 240, 0.2 );
	overflow: hidden;
	pointer-events: auto;
	-webkit-user-select: none;
}

.historyMenuItemIcon
{
	position: absolute;
	width: 20px;
	height: 20px;
	right: 10px;
	bottom: 5px;
	border-radius: 6px;
	background: rgba( 240, 240, 240, 0 );
	opacity: 0.6;
	pointer-events: auto;
	-webkit-user-select: none;
}

.historyMenuItemData
{
	position: absolute;
	width: 375px;
	height: 50px;
	left: 65px;
	top: 5px;
	    
	text-align: left;
    font-size: 12px;
	text-transform: uppercase;
	color: rgba( 240, 240, 240, 1 );

	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	
	border-radius: 6px;
/*	background: rgba( 240, 240, 240, 0.2 );*/
	pointer-events: auto;
	-webkit-user-select: none;
}

.historyMenuProfileTitle
{
	margin-top: 6px;
    font-family: 'sanfrandisplay-regular', Arial, sans-serif;
    font-size: 12px;
	letter-spacing: 1px;
	color: rgba( 240, 240, 240, 0.5 );
}

/* - - - - - - - - - */

.nowPlayingPanel
{
	position: absolute;
/*	right: 15px;*/
	right: 90px;
	top: 18px;
	width: 450px;
	height: 60px;
	padding: 5px;
/*	max-width: 38%;*/
	max-width: 30%;
	margin-bottom: 20px;
	border-radius: 10px;
	background: rgba( 240, 240, 240, 0 );
	z-index: 1001;
	display: flex;
	overflow: hidden;
	pointer-events: none;
	-webkit-user-select: none;
}

.nowPlayingPreview
{
	position: relative;
	width: 50px;
	height: 50px;
	min-width: 50px;
	background: rgba( 240, 240, 240, 0.1 );
	overflow: hidden;
	float: left;
/*	border-radius: 6px;*/
/*	border: 1px solid rgba( 240, 240, 240, 0.25 );*/
	pointer-events: auto;
	-webkit-user-select: none;
}

.nowPlayingData
{
	position: relative;
	width: 100%;
	height: 100%;
	top: -5px;
/*	border-radius: 6px;*/
	margin-right: 10px;
	background: rgba( 240, 0, 240, 0 );
	overflow: hidden;
	float: left;
	pointer-events: none;
	-webkit-user-select: none;
}

.nowPlayingServiceHolder
{
	position: absolute;
	width: 100%;
	height: 30%;
	left: 0%;
	top: 0px;
	background: rgba( 0, 0, 240, 0 );
	pointer-events: none;
	-webkit-user-select: none;
}

.nowPlayingServiceIcon
{
	position: absolute;
	width: auto;
	height: 30%;
	left: 0%;
	top: 0%;
	background: rgba( 0, 0, 240, 0 );
	pointer-events: none;
	-webkit-user-select: none;
}

.nowPlayingServiceIMG
{
	position: absolute;
	right: 0px;
	pointer-events: none;
	-webkit-user-select: none;
}

.nowPlayingReleaseHolder
{
	position: absolute;
	width: 100%;
	height: 78%;
	left: 0%;
	top: 40%;
/*	top: 15%;*/
    font-family: 'sanfrandisplay-bold', Arial, sans-serif;
    text-align: right;
    font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	color: rgba( 240, 240, 240, 0.6 );
	background: rgba( 0, 0, 240, 0 );
/*	float: left;*/
	pointer-events: none;
	-webkit-user-select: none;
}

.nowPlayingNameHolder
{
	position: absolute;
	width: 100%;
	height: 60%;
	left: 0%;
	top: 68%;
/*	top: 52%;*/
    font-family: 'sanfrandisplay-regular', Arial, sans-serif;
    text-align: right;
    font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	color: rgba( 240, 240, 240, 0.8 );
	background: rgba( 240, 0, 240, 0 );
/*	float: left;*/
	pointer-events: none;
	-webkit-user-select: none;
}

/* - - - - - - - - - */


/*.serviceButton*/
/*{*/
/*	right: 20px;*/
/*	top: 25px;*/
/*	width: 45px;*/
/*	height: 45px;*/
/*	background: rgba( 220, 220, 220, 0 );*/
/*	border-radius: 10px;*/
/*	-webkit-user-select: none;*/
/*}*/

.settingsButton
{
	position: absolute;
	right: 20px;
	top: 22px;
/*	width: 20px;*/
/*	height: 20px;*/
/*	background: rgba( 220, 220, 220, 0 );*/
	border-radius: 50%;
	-webkit-user-select: none;
}

.serviceButton
{
	right: -5px;
	top: -5px;
	width: 20px;
	height: 20px;
	background: rgba( 220, 220, 220, 0 );
	border-radius: 3px;
	-webkit-user-select: none;
}

.serviceButtonIMG
{
	width: 100%;
	height: 100%;
	margin-left: -50%;
	margin-top: -50%;
	-webkit-user-select: none;
}

.connectMusic
{
	position: absolute;
	width: 100px;
	height: auto;
	left: 100px;
	top: 27px;
	padding: 12px;
    font-family: 'sanfrandisplay-bold', Arial, sans-serif;
    text-align: center;
    font-size: 12px;
	text-transform: uppercase;
	color: rgba( 0,0,0, 0.8);
	border-radius: 20px;
	background: rgba( 220, 220, 220, 0.4 );
	z-index: 200;
	-webkit-user-select: none;
}

.streemlinerIcon
{
	width: 60px;
	height: 60px;
	left: 50%;
/*	top: 15px;*/
	margin-left: -30px;
	opacity: 0.5;
	background: rgba( 0,0,0, 0.8);
	-webkit-user-select: none;
}

.streemlinerIconIMG
{
	width: 120%;
	height: 120%;
	margin-left: -60%;
	margin-top: -60%;
	-webkit-user-select: none;
}

.streemlinerIconAxis
{
	position: absolute;
	width: 0px;
	height: 0px;
	left: 50%;
	top: 45px;
	opacity: 1;
	overflow: visible;
	background: rgba( 250, 0, 0, 1);
	-webkit-user-select: none;
}

.streemlinerIconMain
{
	width: 60px;
	height: 60px;
	left: 0%;
	top: 0%;
	margin-left: -30px;
	margin-top: -30px;
	opacity: 0.5;
	overflow: hidden;
	background: rgba( 0, 0, 0, 0.8);
	-webkit-user-select: none;
}

.streemlinerIconFull
{
	opacity: 1;
}


.brandIconMain
{
	width: 120px;
	height: 60px;
	left: 0%;
	top: 0%;
	margin-left: -60px;
	margin-top: -30px;
	opacity: 0.5;
	border-radius: 0px;
	overflow: hidden;
	background: rgba( 0, 0, 0, 0);
	-webkit-user-select: none;
}

.brandIconIMG
{
	width: 120px;
	height: 60px;
	margin-left: -60px;
	margin-top: -30px;
	-webkit-user-select: none;
}


.streemlinerBeta
{
	position: absolute;
	width: 120px;
	height: auto;
	left: 50%;
	top: 80px;
	margin-left: -60px;
	opacity: 1;
    font-family: 'sanfrandisplay-regular', Arial, sans-serif;
    text-align: center;
    font-size: 18px;
    letter-spacing: 2px;
	color: rgba( 240, 240, 240, 0.6 );
/*	background: rgba( 0,0,0, 0.8);*/
	-webkit-user-select: none;
}

.createAccountSpan
{
	padding: 10px;
	padding-left: 25px;
	padding-right: 25px;
    font-family: 'sanfrandisplay-heavy', Arial, sans-serif;
	text-align: center;
	border-radius: 10px;
	background: rgba( 40, 40, 240, 1 );
	color: rgba( 240, 240, 240, 1 );
}

.textCenter
{
	width: 100%;
	text-align: center;
	float: left;
}

/* - - - - */

.introPromptHolder
{
	position: absolute;
	width: 120px;
	height: 120px;
	left: 0px;
	top: 0px;
	margin-left: -60px;
	margin-top: -60px;
	opacity: 1;
	background: rgba( 240, 240, 240, 0 );
	pointer-events: none;
	-webkit-user-select: none;

	animation-delay: 10s;
	animation-duration: 3s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-out;
	animation-name: introPromptLabelNow;
	animation-fill-mode: forwards;
	-webkit-user-select: none;
}

@keyframes introPromptLabelNow
{
    0% 		{ transform: rotateZ( 0deg ) }
    10% 	{ transform: rotateZ( 0deg ) }
    15% 	{ transform: rotateZ( 10deg ) }
    25% 	{ transform: rotateZ( -8deg ) }
    32% 	{ transform: rotateZ( 6deg ) }
    39% 	{ transform: rotateZ( -4deg ) }
    44% 	{ transform: rotateZ( 2deg ) }
    48% 	{ transform: rotateZ( -2deg ) }
    50% 	{ transform: rotateZ( 0deg ) }
    100% 	{ transform: rotateZ( 0deg ) }
}

.introPromptLabel
{
	position: absolute;
	width: 160px;
	height: auto;
	left: 50%;
	bottom: 0px;
	margin-left: -80px;
	padding: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-radius: 10px;
	opacity: 1;
    font-family: 'sanfrandisplay-heavy', Arial, sans-serif;
    text-align: center;
    font-size: 10px;
    letter-spacing: 1px;
	color: rgba( 40, 40, 40, 0.6 );
	background: rgba( 240, 240, 240, 0.6 );
	box-shadow: 0px 10px 15px rgba( 0, 0, 0, 0.25 );
	pointer-events: none;
	-webkit-user-select: none;
}

/* - - - - */

.immersionButton
{
	position: absolute;
/*	left: 50%;*/
	right: 50%;
	top: 25px;
	width: 40px;
	height: 40px;
/*	margin-left: -100px;*/
	margin-right: -100px;
	background: rgba( 240, 240, 240, 0.5 );
	opacity: 0.75;
	pointer-events: auto;
	-webkit-user-select: none;
}

.immersionButtonEmbed
{
	right: 25px;
	margin-right: 0px;
/*	left: 25px;*/
/*	margin-left: 0px;*/
}

.immersionButtonIMG
{
	width: 110%;
	height: 110%;
	margin-left: -55%;
	margin-top: -55%;
/*    transform: rotateZ( 180deg );*/
	-webkit-user-select: none;
}

.fullScreenButton
{
	position: absolute;
	left: 50%;
/*	right: 50%;*/
	top: 25px;
	width: 40px;
	height: 40px;
	margin-left: -100px;
/*	margin-right: -100px;*/
	background: rgba( 240, 240, 240, 0.5 );
	opacity: 0.75;
	pointer-events: auto;
	-webkit-user-select: none;
}

.fullScreenButtonEmbed
{
/*	right: 25px;*/
/*	margin-right: 0px;*/
	left: 25px;
	margin-left: 0px;
}

.fullScreenButtonIMG
{
	width: 80%;
	height: 80%;
	margin-left: -40%;
	margin-top: -40%;
	-webkit-user-select: none;
}


/* - - - - SELECTOR - - - - -*/

.playerFrameHolder
{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0%;
	top: 0%;
	background: rgba( 0,0,0,0 );
	-webkit-user-select: none;
}

.selectorHolderEmbed
{
	position: absolute;
	width: 500px;
	height: 240px;
	left: 50%;
	top: 50%;
	margin-left: -250px;
	margin-top: -120px;
	background: rgba( 240, 0, 0, 0 );
	-webkit-user-select: none;
}


.selectorHolder
{
	position: absolute;
	width: 500px;
	height: 600px;
	left: 50%;
	top: 50%;
	margin-left: -250px;
	margin-top: -300px;
	background: rgba( 240, 240, 240, 0 );
	-webkit-user-select: none;
}

.selectorHolderHero
{
	position: relative;
	width: 100%;
	height: auto;
	left: 0%;
	top: 0%;
	margin-top: 100px;
	margin-bottom: 20px;
    font-family: 'sanfrandisplay-heavy', Arial, sans-serif;
    text-align: center;
    font-size: 36px;
	color: rgba( 255, 255, 255, 1);
	float: left;
	-webkit-user-select: none;
}

.selectorHolderTitle
{
	position: relative;
	width: 100%;
	height: auto;
	left: 0%;
	top: 0%;
    font-family: 'sanfrandisplay-bold', Arial, sans-serif;
    text-align: center;
    font-size: 26px;
	color: rgba( 240, 240, 240, 0.6);
	float: left;
	-webkit-user-select: none;
}

.selectorHolderSubTitle
{
	position: relative;
	width: 100%;
	height: auto;
	left: 0%;
	top: 0%;
	margin-top: 10px;
    font-family: 'sanfrandisplay-regular', Arial, sans-serif;
    text-align: center;
    font-size: 20px;
	color: rgba( 240, 240, 240, 0.8);
	float: left;
	-webkit-user-select: none;
}

.selectorOptionsHolder
{
	position: relative;
	width: 100%;
	height: 140px;
	left: 0%;
	top: 0%;
	margin-top: 40px;
/*	background: rgba( 240, 0, 0, 0.8);*/
	float: left;
	-webkit-user-select: none;
}

.appleSelector
{
	position: absolute;
	width: 120px;
	height: 130px;
	left: 50%;
	top: 0%;
	margin-left: -140px;
	border-radius: 20px;
	background: rgba( 240,0,0,0 );
	-webkit-user-select: none;
}

.spotifySelector
{
	position: absolute;
	width: 120px;
	height: 130px;
	left: 50%;
	top: 0%;
	margin-left: 20px;
	border-radius: 20px;
	background: rgba( 0,240,0,0 );
	-webkit-user-select: none;
}

.selectorServiceIcon
{
	position: absolute;
	width: 100px;
	height: 100px;
	left: 10px;
	top: 0px;
	border-radius: 20px;
	background: rgba( 0,0,0,0 );
	-webkit-user-select: none;
}

.selectorServiceTitle
{
	position: absolute;
	width: 120px;
	height: auto;
	left: 0px;
	bottom: 0px;
    font-family: 'sanfrandisplay-bold', Arial, sans-serif;
    text-align: center;
    font-size: 18px;
	color: rgba( 240, 240, 240, 0.8);
	background: rgba( 0,0,0,0 );
	-webkit-user-select: none;
}

.playerFrame
{
	position: absolute;
	left: 0%;
	top: 0%;
	width: 100%;
	height: 100%;
	border: none;
	background: rgba( 0,0,0,0 );
	-webkit-user-select: none;
}

/* - - - - FOOTER - - - - -*/

.footerPanel
{
	position: absolute;
	left: 0%;
	bottom: 0px;
	padding-bottom: 25px;
	width: 100%;
	height: 15%;
	max-height: 195px;
/*	height: 160px;*/
	background: rgba( 255, 0, 0, 1 );
	overflow: visible;
	z-index: 2000;
	pointer-events: none;
	-webkit-user-select: none;
}

.footerGrad
{
/*	120822 */

	background: linear-gradient( 180deg,
		rgba(0,0,0,0) 	0%,
		rgba(0,0,0,0.35) 100%
		);
}

.footerGradDark
{
	background: linear-gradient( 180deg,
		rgba(0,0,0,0) 	0%,
		rgba(0,0,0,0.3) 40%,
		rgba(0,0,0,0.8) 100%
		);
}


.searchButton
{
	left: 20px;
	bottom: 45px;
	background: rgba( 220, 220, 220, 0.1 ); /* 0.4 */
	border: 0px solid rgba( 240, 240, 240, 0.0 );
	pointer-events: auto;
	-webkit-user-select: none;
}

.searchButtonLive
{
	animation-duration: 0.25s;
	animation-iteration-count: 1;
	animation-timing-function: ease-out;
	animation-name: searchButtonLiveNow;
	animation-fill-mode: forwards;
	-webkit-user-select: none;
}

@keyframes searchButtonLiveNow
{
    0% 	{ background: rgba( 220, 220, 220, 0.1 ); border: 0px solid rgba( 240, 240, 240, 0.0 );}
    100%{ background: rgba( 220, 220, 220, 0.4 ); border: 0px solid rgba( 240, 240, 240, 0.0 );}
    
/*    0% 	{ border-top-left-radius: 50%; 	background: rgba( 220, 220, 220, 0.4 ); }*/
/*    100%{ border-top-left-radius: 0%; 	background: rgba( 220, 220, 220, 1 ); }*/
}

.searchButtonIMG
{
	width: 60%;
	height: 60%;
	margin-left: -30%;
	margin-top: -30%;
	opacity: 0.6;
	-webkit-user-select: none;
}

.shelvesButton
{
	right: 20px;
	bottom: 45px;
	background: rgba( 220, 220, 220, 0.1 ); /* 0.4 */
	border: 0px solid rgba( 240, 240, 240, 0 );
	pointer-events: auto;
	-webkit-user-select: none;
}

.shelvesButtonLive
{
	animation-duration: 0.25s;
	animation-iteration-count: 1;
	animation-timing-function: ease-out;
	animation-name: shelvesButtonLiveNow;
	animation-fill-mode: forwards;
	-webkit-user-select: none;
}

@keyframes shelvesButtonLiveNow
{
    0% 	{ background: rgba( 220, 220, 220, 0.1 ); border: 0px solid rgba( 240, 240, 240, 0.0 );}
    100%{ background: rgba( 220, 220, 220, 0.4 ); border: 0px solid rgba( 240, 240, 240, 0.0 );}
    
/*    0% 	{ border-top-right-radius: 50%;  background: rgba( 220, 220, 220, 0.4 ); }*/
/*    100%{ border-top-right-radius: 0%; 	background: rgba( 220, 220, 220, 1 );  }*/
}


.shelvesButtonIMG
{
	width: 70%;
	height: 70%;
	margin-left: -35%;
	margin-top: -35%;
	opacity: 0.6;
	-webkit-user-select: none;
}

.userButtonIMG
{
	width: 102%;
	height: 102%;
	margin-left: -51%;
	margin-top: -51%;
	opacity: 0.6;
	-webkit-user-select: none;
}

.playerPanel
{
	position: absolute;
	left: 50%;
	bottom: 30px;
	width: 400px;
	height: 60px;
	margin-left: -200px;
	background: rgba( 255, 0, 0, 0 );
	overflow: visible;
	z-index: 200;
	-webkit-user-select: none;
}

.footerPlayCover
{
	position: absolute;
	width: 80px;
	height: 80px;
	left: 0px;
	top: 0px;
/*	width: 80px;*/
/*	height: 80px;*/
/*	left: 50%;*/
/*	bottom: -10px;*/
/*	margin-left: -40px;*/
/*	margin-bottom: -40px;*/
	border-radius: 50%;
	background: rgba( 220, 20, 20, 0 );
	opacity: 0.5;
	overflow: hidden;
	pointer-events: auto;
	-webkit-user-select: none;
}

/*.footerPlayCoverIMG*/
/*{*/
/*	position: absolute;*/
/*	width: 116%;*/
/*	height: 116%;*/
/*	left: -8%;*/
/*	top: -8%;*/
/*	border-radius: 50%;*/
/*	overflow: hidden;*/
/*	transform: rotate( 0deg );*/
/*	-webkit-user-select: none;*/
/*}*/

.footerPlayCoverIMG
{
	position: absolute;
	width: 10%;
	height: 10%;
	left: 78%;
	top: 22%;
	border-radius: 50%;
	background: rgba( 20, 20, 20, 0.25 );
	overflow: hidden;
	transform: rotate( 0deg );
	-webkit-user-select: none;
}


.footerPlayCoverLive
{
	box-shadow: 0px 0px 36px rgba( 0,0,0,0.5 );

	animation-duration: 1.818s;
	animation-name: footerPlayCoverLiveNow;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	-webkit-user-select: none;
}

@keyframes footerPlayCoverLiveNow
{
    0%  { transform: rotate( 0deg );	}
    100%{ transform: rotate( 360deg );	}
	-webkit-user-select: none;
}


.footerPlayButton
{
	width: 80px;
	height: 80px;
	left: 50%;
	bottom: -10px;
	margin-left: -40px;
	background: rgba( 240, 240, 240, 0.4 );
	overflow: visible;
	pointer-events: auto;
	-webkit-user-select: none;
}

.footerPlayButtonLive
{
	background: rgba( 240, 240, 240, 0.8 );
}

.footerPlayButtonIMG
{
	width: 70%;
	height: 70%;
	margin-left: -35%;
	margin-top: -35%;
	-webkit-user-select: none;
}

.footerFWDButton
{
	left: 50%;
	bottom: 5px;
	margin-left: 70px;
	background: rgba( 240, 240, 240, 0.4 );
	pointer-events: auto;
	-webkit-user-select: none;
}

.footerFWDButtonIMG
{
	width: 50%;
	height: 50%;
	margin-left: -25%;
	margin-top: -25%;
	-webkit-user-select: none;
}

.footerFWDButtonLive
{
	background: rgba( 240, 240, 240, 0.8 );
}

.footerRWDButton
{
	left: 50%;
	bottom: 5px;
	margin-left: -120px;
	background: rgba( 240, 240, 240, 0.4 );
	pointer-events: auto;
	-webkit-user-select: none;
}

.footerRWDButtonIMG
{
	width: 50%;
	height: 50%;
	margin-left: -25%;
	margin-top: -25%;
    transform: rotateZ( 180deg );
	-webkit-user-select: none;
}

.footerRandomButton
{
	width: 40px;
	height: 40px;
	left: 50%;
	bottom: 10px;
	margin-left: 140px;
	background: rgba( 240, 240, 240, 0.4 );
	pointer-events: auto;
	-webkit-user-select: none;
}

.footerRandomButtonIMG
{
	width: 60%;
	height: 60%;
	margin-left: -30%;
	margin-top: -30%;
/*    transform: rotateZ( 180deg );*/
	-webkit-user-select: none;
}

.footerImmersionButton
{
	width: 40px;
	height: 40px;
	left: 50%;
	bottom: 10px;
	margin-left: -185px;
	background: rgba( 240, 240, 240, 0.4 );
	pointer-events: auto;
	-webkit-user-select: none;
}

.footerImmersionButtonIMG
{
	width: 110%;
	height: 110%;
	margin-left: -55%;
	margin-top: -55%;
/*    transform: rotateZ( 180deg );*/
	-webkit-user-select: none;
}

.footerPlaylistButton
{
	width: 40px;
	height: 40px;
	left: 50%;
	bottom: 10px;
	margin-left: -185px;
	background: rgba( 240, 240, 240, 0.4 );
	pointer-events: auto;
	-webkit-user-select: none;
}

.footerPlaylistButtonIMG
{
	width: 80%;
	height: 80%;
	margin-left: -40%;
	margin-top: -40%;
/*    transform: rotateZ( 180deg );*/
	-webkit-user-select: none;
}


/* - - - - MAIN - - - - -*/

#coverHolder
{
	position: absolute;
	/*	border-radius: 10px;*/
	/*	overflow: hidden;*/
	/*	box-shadow: 0px 30px 60px rgba( 0, 0, 0, 0.5 );*/
	/*	background-color: rgba(0,0,0,1);*/
	-webkit-user-select: none;
}

#coverBG
{
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 10px;
	overflow: hidden;
/*	box-shadow: 0px 30px 60px rgba( 0, 0, 0, 0.5 );*/
	background-color: rgba(0,0,0,1);
	-webkit-user-select: none;
}

.baseHolder
{
	position: absolute;
	left: 0%;
	top: 0%;
	width: 106%;
	height: 116%;
	margin-left: -3%;
	margin-top: -3%;
	overflow: hidden;
	opacity: 1;
	background-color: rgba( 40, 40, 40, 1 );
	pointer-events: none;
	-webkit-user-select: none;
}

.blur100
{
	filter: blur( 20 );
}

.blurHolderSelector
{
	position: absolute;
	left: 0%;
	top: 0%;
	width: 110%;
	height: 110%;
	margin-left: -5%;
	margin-top: 0%;
	filter: blur( 20px );
	overflow: hidden;
	opacity: 0.6;
	pointer-events: none;
	-webkit-user-select: none;
}

.bgHolderSelector
{
	position: absolute;
	left: 0%;
	top: 0%;
	width: 106%;
	height: 106%;
	margin-left: -3%;
	margin-top: -3%;
	filter: blur( 50px );
	overflow: hidden;
	z-index: 1;
	-webkit-user-select: none;
}

.blurHolder
{
	position: absolute;
	left: 0%;
	top: 0%;
	width: 150%;
	height: 150%;
	margin-left: -25%;
	margin-top: -25%;
	filter: blur( 40px );
/*	filter: contrast( 80% ) blur( 50px );*/
	overflow: hidden;
	opacity: 0.1;
	
	
	
/*	display: none;*/



	pointer-events: none;
	-webkit-user-select: none;
}

.bgHolder
{
	position: absolute;
	left: 0%;
	top: 0%;
	width: 106%;
	height: 106%;
	margin-left: -3%;
	margin-top: -3%;
	filter: blur( 50px );
	overflow: hidden;
	z-index: 1;
	-webkit-user-select: none;
}

.blurBG
{
	animation-duration: 0.5s;
	animation-iteration-count: 1;
	animation-timing-function: ease-out;
	animation-name: blurBGNow;
	animation-fill-mode: forwards;
	-webkit-user-select: none;
}

@keyframes blurBGNow
{
    0%  { filter: blur( 0px ); 	transform: scale( 1.04 ) translate( 0px, 0px ); }
	100%{ filter: blur( 8px ); transform: scale( 1.02 ) translate( 0px, 0px ); }
	-webkit-user-select: none;
}

.clearBG
{
	animation-duration:0.5s;
	animation-iteration-count: 1;
	animation-timing-function: ease-out;
	animation-name: clearBGNow;
	animation-fill-mode: forwards;
	-webkit-user-select: none;
}

@keyframes clearBGNow
{
    0%  { filter: blur( 8px ); transform: scale( 1.02 ) translate( 0px, 0px );; }
	100%{ filter: blur( 0px ); 	transform: scale( 1.04 ) translate( 0px, 0px );; }
	-webkit-user-select: none;
}

/**/

.releaseTracksMask
{
	position: absolute;
	left: 2%;
	top: 0%;
	width: 96%;
	height: 100%;
	overflow: hidden;
	-webkit-user-select: none;
}

/*.releaseTracks*/
/*{*/
/*	position: absolute;*/
/*	left: 0%;*/
/*	top: 0%;*/
/*	width: 110%;*/
/*	height: 100%;*/
/*	padding-top: 2%;*/
/*	overflow-x: hidden;*/
/*	overflow-y: scroll;*/
/*	-webkit-user-select: none;*/
/*}*/

.releaseTracksContainer
{
	position: absolute;
	left: 0%;
	top: 0%;
	width: 110%;
	height: 100%;
	padding-top: 2%;
	/*	padding-bottom: 100px;*/
	/*	padding-top: 2%px;*/
	/*	padding-bottom: 100px;*/
	overflow-x: hidden;
	overflow-y: scroll;




	/* --- 220623 --- */
	width: 100%;
	padding-right: 40px;
	
	
	
	
	
	-webkit-user-select: none;
}

.playlistTracks
{
	position: relative;
	width: 100%;
	height: auto;
	background: rgba( 255, 0, 0, 0 );

	font-family: 'sanfrandisplay-regular', Arial, sans-serif;
    font-size: 16px;
	text-align: left;
	color: rgba( 240, 240, 240, 0.5 );

	-webkit-user-select: none;
}

.releaseTracks
{
	position: relative;
	width: 100%;
	height: auto;
	background: rgba( 255, 0, 0, 0 );

	-webkit-user-select: none;
}

.releaseTracksWrapper
{
	position: relative;
	width: 100%;
	height: auto;
	background: rgba( 255, 0, 0, 0 );
	-webkit-user-select: none;
}

.releaseServiceWrapper
{
	position: relative;
/*	width: 84%;*/
	width: 94%;
	height: 64px;
	background: rgba( 255, 0, 0, 0 );

	-webkit-user-select: none;
}

.releaseServiceHolder
{
	position: absolute;
	width: 80%;
	height: 20px;
	left: 5%;
	top: 0px;
	background: rgba( 0, 0, 240, 0 );
	pointer-events: none;
	-webkit-user-select: none;
}

.releaseTrackToggleHolder
{
	position: absolute;
	width: 40px;
	height: 40px;
	right: 0px;
	top: 0px;
	margin-right: 0px;
	border-radius: 50%;
	background: rgba( 20, 20, 20, 0 );
	opacity: 1;
	z-index: 2001;
	-webkit-user-select: none;
}

/*.releaseServiceIcon*/
/*{*/
/*	position: absolute;*/
/*	width: auto;*/
/*	height: 32%;*/
/*	left: 0%;*/
/*	top: 0%;*/
/*	background: rgba( 0, 0, 240, 0 );*/
/*	pointer-events: none;*/
/*	-webkit-user-select: none;*/
/*}*/

.releaseServiceIMG
{
	position: absolute;
	left: 0px;
	pointer-events: none;
	-webkit-user-select: none;
}

.releaseResultTrackStrip
{
	position: relative;
	width: 90%;
/*	width: auto;*/
	min-height: 36px;
	font-family: 'sanfrandisplay-bold', Arial, sans-serif;
    font-size: 16px;
    line-height:1;
	margin-left: 5%;
/*	margin-left: 12px;*/
	margin-right: 12px;
	margin-top: 9px;
	margin-bottom: 10px;
    text-align: left;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
/*	overflow: visible;*/




	/* --- 220623 --- TRACK DECORATION */
	/*	border-radius: 0px;*/
	/*	border-top-right-radius: 12px;*/
	/*	border-top-left-radius: 12px;*/
	/*	border-top: 1px solid rgba( 220, 220, 220, 1 );*/
	/*	background: linear-gradient( 180deg,*/
	/*		rgba(0,0,0,0.25) 0%,*/
	/*		rgba(0,0,0,0.0) 30%,*/
	/*		rgba(0,0,0,0.0) 100%*/
	/*		);*/

	border-radius: 0px;
	border-top: 1px solid rgba( 220, 220, 220, 0.5 );
/*	box-shadow: 0px 0px 10px rgba( 120, 120, 120, 0.5 );*/
	margin-bottom: 20px;
	padding-top: 20px;



	pointer-events: auto;
	-webkit-user-select: none;
}

.releaseResultTrackBio
{
	position: relative;
	width: 110%;
	height: auto;
	font-family: 'sanfrandisplay-regular', Arial, sans-serif;
    font-size: 12px;
    line-height: 1.3;
	margin-left: 0%;
	margin-right: 12px;
	margin-bottom: 10px;
	padding: 0px;
	text-align: left;
	white-space: normal;
	overflow: hidden;
	pointer-events: auto;
	-webkit-user-select: none;
}

.releaseAddHolder
{
	position: absolute;
	width: 50px;
	height: 50px;
	top: 15px;
	right: 15px;
	border-radius: 100%;
	background: rgba( 0, 0, 0, 0.25 );
	overflow: hidden;
	/*	box-shadow: 5px 5px 10px rgba( 0,0,0,0.4 ), -5px -5px 10px rgba( 255,255,255,0.25 );*/
	-webkit-user-select: none;
}

.releaseAddHolderUnder
{
	position: relative;
	width: 184px;
	height: 24px;
	margin-top: 18px;
	margin-left: 138px;
	margin-bottom: 20px;
	border-radius: 16px;
	padding-top: 10px;
	font-family: 'sanfrandisplay-bold', Arial, sans-serif;
	color: rgba( 240, 240, 240, 0.6 );
    text-align: center;
    font-size: 12px;
	background: rgba( 0, 0, 0, 0.25 );
	overflow: hidden;
	border: 1px dashed rgba( 240, 240, 240, 0.6 );
	/*	box-shadow: 5px 5px 10px rgba( 0,0,0,0.4 ), -5px -5px 10px rgba( 255,255,255,0.25 );*/
	-webkit-user-select: none;
}

.releasePlayHolder
{
	position: absolute;
	width: 80px;
	height: 80px;
	left: 50%;
	top: 50%;
	margin-left:-40px;
	margin-top:-40px;
	border-radius: 100%;
	background: rgba( 0, 0, 0, 0.25 );
	overflow: hidden;
	/*	box-shadow: 5px 5px 10px rgba( 0,0,0,0.4 ), -5px -5px 10px rgba( 255,255,255,0.25 );*/
	-webkit-user-select: none;
}

.releaseResultTrackButtonHolder
{
	position: relative;
	float: left;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	margin-left: 3px;
	margin-right: 3px;
	background: rgba( 0, 0, 0, 0.15 );
	-webkit-user-select: none;
}

.releaseResultTrackButtonHit
{
	position: absolute;
	width: 40px;
	height: 40px;
	left: 50%;
	top: 50%;
	margin-left: -20px;
	margin-top: -20px;
	border-radius: 50%;
	background: rgba( 255, 0, 0, 0 );
	overflow: hidden;
	-webkit-user-select: none;
}

.releaseResultTrackButtonIMG
{
	position: absolute;
	width: 50%;
	height: 50%;
	left: 25%;
	top: 25%;
	-webkit-user-select: none;
}

.releaseResultTrackNumber
{
	position: relative;
	float:left;
/*	width: 16px;*/
	width: 5%;
	height: 16px;
/*	margin-left: -3%;*/
	padding-top: 10px;
	padding-right: 12px;
/*	border-radius: 15px;*/
	font-family: 'sanfrandisplay-heavy', Arial, sans-serif;
    font-size: 14px;
    line-height:1;
	text-align: right;
	white-space: nowrap;
	color: rgba( 240, 240, 240, 0.5 );
	background: rgba( 0, 0, 0, 0 );
	text-overflow: ellipsis;
	overflow: visible;



	/* --- 220623 --- TRACK DECORATION */
	margin-left: 0px;
/*	border-radius: 0px;*/
/*	border-top-left-radius: 12px;*/
/*	border-top: 1px solid rgba( 220, 220, 220, 1 );*/
	background: rgba( 20, 20, 20, 0 );
	padding-top: 12px;
/*	background: linear-gradient( 180deg,*/
/*		rgba(0,0,0,0.25) 0%,*/
/*		rgba(0,0,0,0.0) 30%,*/
/*		rgba(0,0,0,0.0) 100%*/
/*		);*/




	-webkit-user-select: none;
}
.releaseResultTrackName
{
	position: relative;
	float: left;
	width: 61%;
	height: 16px;
	padding-top: 10px;
	padding-bottom: 10px;
/*	padding-left: 14px;*/
/*	padding-right: 14px;*/
	margin-bottom: 10px;
	border-radius: 6px;
	font-family: 'sanfrandisplay-bold', Arial, sans-serif;
    font-size: 14px;
    line-height:1;
	text-align: left;
	white-space: nowrap;
	color: rgba( 250, 250, 250, 1 );
	background: rgba( 20, 20, 20, 0.8 );
	box-shadow: 0px 5px 20px rgba( 0, 0, 0, 0 );
	text-overflow: ellipsis;
	z-index: 180;


	/* --- 220623 --- TRACK DECORATION */
	width: 82%;
	border-radius: 0px;
/*	border: 0px solid rgba( 220, 220, 220, 0 );*/
/*	border-bottom: 1px solid rgba( 220, 220, 220, 1 );*/
	background: rgba( 20, 20, 20, 0 );
    font-size: 20px;
	height: 20px;
	padding-left: 3%;
/*	padding-top: 20px;*/
/*	background: linear-gradient( 180deg,*/
/*		rgba(0,0,0,0.25) 0%,*/
/*		rgba(0,0,0,0.0) 30%,*/
/*		rgba(0,0,0,0.0) 100%*/
/*		);*/



	overflow: hidden;
	pointer-events: auto;
	-webkit-user-select: none;
}

.releaseResultTrackNameButton
{
	position: absolute;
	width: 82%;
	height: 100%;
	font-family: 'sanfrandisplay-bold', Arial, sans-serif;
    font-size: 14px;
    line-height:1;
	text-align: left;
	white-space: nowrap;
	color: rgba( 220, 220, 220, 0.8 );
/*	background: rgba( 220, 20, 20, 0.5 );*/
	text-overflow: ellipsis;
	z-index: 180;



	/* --- 220623 --- TRACK DECORATION */
	border-radius: 0px;
	background: rgba( 20, 20, 20, 0 );
    font-size: 20px;
	height: 20px;
/*	padding-left: 3%;*/


	overflow: hidden;
	pointer-events: auto;
	-webkit-user-select: none;
}

.releaseResultTrackNameMove
{
	position: absolute;
	right: 0px;
	width: 10%;
	height: 100%;
	font-family: 'sanfrandisplay-bold', Arial, sans-serif;
    font-size: 14px;
    line-height:1;
	text-align: center;
	white-space: nowrap;
	color: rgba( 220, 220, 220, 0.8 );
/*	background: rgba( 20, 220, 20, 0.5 );*/
	text-overflow: ellipsis;
	z-index: 180;
	overflow: hidden;
	pointer-events: auto;
	-webkit-user-select: none;
}

.releaseResultTrackProgress
{
	position: absolute;
	width: 0%;
	height: 2px;
/*	left: 3px;*/
	bottom: 0px;
	border-radius: 0px;
	background: rgba( 20, 20, 20, 0.1 );
/*	box-shadow: 0px 0px 6px rgba( 0, 0, 0, 1 );*/


	/* --- 220623 --- TRACK DECORATION */
/*	left: 0px;*/
	right: 0px;
	top: 0px;
	height: 100%;
	box-shadow: inset 5px 1px 5px rgba( 0, 0, 0, 0.1 );

	pointer-events: auto;
	-webkit-user-select: none;
}


.releaseResultEditHolder
{
	position: relative;
	float: left;
	width: 66%;
	height: 16px;
	margin-top: 9px;
	margin-left: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 14px;
	padding-right: 14px;
	border-radius: 6px;
	font-family: 'sanfrandisplay-bold', Arial, sans-serif;
    font-size: 14px;
    line-height:1;
	text-align: left;
	white-space: nowrap;
/*	background: rgba( 220, 220, 220, 0.8 );*/
/*	color: rgba( 20, 20, 20, 0.5 );*/
	color: rgba( 220, 220, 220, 0.8 );
	background: rgba( 100, 100, 100, 0.5 );
	border: 1px dotted rgba( 220, 220, 220, 0.5 );
	box-shadow: 0px 5px 20px rgba( 0, 0, 0, 0 );
	text-overflow: ellipsis;
	z-index: 180;
	overflow: hidden;
	pointer-events: auto;
/*	-webkit-user-select: none;*/

	animation-duration: 1.2s;
	animation-name: releaseResultEditHolderBounce;
	animation-iteration-count: infinite;
	animation-timing-function: ease-out;
	-webkit-user-select: none;
}

@keyframes releaseResultEditHolderBounce
{
    0%		{ transform: translateX( 0px ); }
    35%		{ transform: translateX( 0px ); }
    50%		{ transform: translateX( 12px ); }
    65%		{ transform: translateX( 0px ); }
    75%		{ transform: translateX( 6px ); }
    100%	{ transform: translateX( 0px ); }
	-webkit-user-select: none;
}



.releaseTrackMoreButtonHolder
{
	position: relative;
	float: left;
/*	width: 16px;*/
/*	width: 3%;*/
	width: 36px;
	height: 36px;
/*	max-width: 8%;*/
/*	padding-top: 10px;*/
/*	padding-bottom: 10px;*/
/*	padding-left: 10px;*/
/*	padding-right: 10px;*/
/*	padding-top: 12px;*/
/*	padding-bottom: 12px;*/
/*	padding-left: 12px;*/
/*	padding-right: 12px;*/
	margin-left: 6px;
	border-radius: 6px;
	font-family: 'sanfrandisplay-bold', Arial, sans-serif;
    font-size: 14px;
    line-height:1;
	text-align: left;
	white-space: nowrap;
	color: rgba( 240, 240, 240, 0.75 );
	background: rgba( 20, 20, 20, 0.5 );
	text-overflow: ellipsis;
	z-index: 1000;
/*	overflow: hidden;*/



	/* --- 220623 --- TRACK DECORATION */
	margin-left: 0px;
	width: 6%;
	border-radius: 0%;
/*	border-top-right-radius: 12px;*/
/*	border: 0px solid rgba( 220, 220, 220, 0 );*/
/*	border-top: 1px solid rgba( 220, 220, 220, 1 );*/
	height: 40px;
	background: rgba( 20, 20, 20, 0 );
    font-size: 20px;
/*	padding-top: 10px;*/
/*	background: linear-gradient( 180deg,*/
/*		rgba(0,0,0,0.25) 0%,*/
/*		rgba(0,0,0,0.0) 30%,*/
/*		rgba(0,0,0,0.0) 100%*/
/*		);*/




	-webkit-user-select: none;
}

.releaseTrackMoreButtonHolderLive
{
	background: rgba( 220, 220, 220, 1 );
}

.releaseTrackMoreButtonHolderDynamic
{
/*	background: rgba( 0, 0, 0, 1 );*/
	
	color: rgba( 240, 240, 240, 1 );
	background: rgba( 240, 240, 240, 0.2 );
}

.playlistTrackMoreButtonIMG
{
	position: absolute;
	width: 100%;
	height: 100%;
	
	left: 0%;
	top: 0%;
	
/*	margin-left: -50%;*/
/*	margin-top: -50%;*/
	
	opacity: 1;
/*	border-radius: 4px;*/
/*	border: 2px solid rgba( 240, 240, 240, 0.75 );*/
	z-index: 1000;
	-webkit-user-select: none;
}

.playlistTrackMoreButtonIMGDynamic
{
	opacity: 0.6;
}

.releaseTrackMoreButtonIMG
{
	position: absolute;
	width: 60%;
	height: 60%;
	margin-left: -30%;
/*	margin-top: -30%;*/
	top: 20%;
	opacity: 1;
	/*	border: 2px solid rgba( 240, 240, 240, 0.75 );*/
	z-index: 1000;
	-webkit-user-select: none;
}

.releaseTrackMoreButtonLive
{
	background: rgba( 0, 180, 0, 1 );
}

.releaseTrackMoreNo
{
	position: absolute;
	height: 14px;
	width: 100%;
	left: 0px;
	top: 50%;
	margin-top: -7px;
/*	margin-top: -50%;*/

	font-family: 'sanfrandisplay-bold', Arial, sans-serif;
    font-size: 14px;
    line-height:1;
	text-align: center;
	white-space: nowrap;
/*	color: rgba( 20, 20, 20, 1 );*/
	color: rgba( 240, 240, 240, 1 );

	background: rgba( 240, 240, 240, 0 );
	-webkit-user-select: none;
	
}

.releaseCreditsHolder
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
/*	padding-left: 18px;*/
/*	padding-right: 18px;*/
	padding-left: 0%;
	padding-right: 0%;
/*	margin-left: 40px;*/
	border-radius: 10px;
	padding-bottom: 10px;

	display: block;

	overflow: visible;
	-webkit-user-select: none;
}

.releaseResultTrackCreditsHolder
{
	position: relative;
	float: left;
/*	width: 400px;*/
	width: 64%;
	height: auto;
/*	padding-top: 10px;*/
/*	padding-top: 4px;*/
	padding-left: 18px;
	padding-right: 18px;
	margin-left: 40px;
	border-radius: 10px;
	/*	min-height: 30px;*/
/*	background: rgba( 240, 0, 0, 0.15 );*/



	padding-bottom: 10px;

	display: block;

	overflow: visible;
	-webkit-user-select: none;
}

.releaseResultTrackCreditsHolderCollapsed
{
	height: 0px;
	min-height: 0px;
	margin-bottom: 0px;
	overflow: hidden;
	background: rgba( 240, 0, 0, 0 );
	display: none;
}

.releaseTrackCreditStrip
{
	position: relative;
	width: 100%;
	height: auto;
	min-height: 30px;
/*	background: rgba( 0, 0, 100, 1 );*/
	display: flex;
	-webkit-user-select: none;
}

.releaseTrackCreditTypeHolder
{
	position: relative;
/*	width: 100px;*/
	width: 30%;
	height: auto;
	min-height: 30px;
	left: 0%;
	top: 0%;
/*	background: rgba( 240, 0, 0, 0.25 );*/
	text-align: right;
	overflow: hidden;
	float: left;
	-webkit-user-select: none;
}

.releaseTrackCreditHolder
{
	position: relative;
/*	width: 290px;*/
	width: 65%;
	height: auto;
	min-height: 30px;
	left: 0%;
	top: 0%;
	margin-left: 10px;
/*	background: rgba( 0, 240, 0, 0.25 );*/
	float: left;
	-webkit-user-select: none;
}

.releaseTrackCreditType
{
	position: relative;
/*	width: 100px;*/
	width: 100%;
	height: auto;
	min-height: 30px;
	left: 0%;
	top: 0%;
	padding-top: 4px;
/*	border-radius: 30px;*/
	font-family: 'sanfrandisplay-regular', Arial, sans-serif;
    font-size: 9px;
    line-height:1;
	text-align: right;
	letter-spacing: 1px;
	white-space: normal;
	color: rgba( 240, 240, 240, 0.75 );
/*	background: rgba( 240, 240, 240, 0.5 );*/
	float: right;
	overflow: hidden;
	-webkit-user-select: none;
}

.releaseTrackCredit
{
	position: relative;
	width: auto;
	height: auto;
	left: 0%;
	top: 0%;
	padding: 8px;
	padding-left: 12px;
	padding-right: 12px;
	margin-right: 5px;
	margin-bottom: 5px;
	border-radius: 30px;
	font-family: 'sanfrandisplay-regular', Arial, sans-serif;
    font-size: 10px;
	text-transform: uppercase;
    line-height:1;
	text-align: left;
	letter-spacing: 1px;
	white-space: nowrap;
	color: rgba( 240, 240, 240, 0.9 );
	background: rgba( 240, 240, 240, 0.2 );
	float: left;
	z-index: 200;
	-webkit-user-select: none;
}

.releaseTrackCreditWithNote
{
	padding-right: 32px;
}

.releasePageNotes
{
	position: absolute;
	width: 96%;
	height: auto;
	right: 3%;
	top: 20px;
	min-height: 30px;
    text-align: right;
/*    background: rgba( 20, 220, 20, 0.25 );*/
	z-index: 10030;
	overflow: hidden;
	pointer-events: none;
	-webkit-user-select: none;
}

.releaseTrackCreditPage
{
	right: 0%;
	float: right;
	box-shadow: 0px 0px 10px rgba( 255, 255, 255, 0.25 );
}

.releaseTrackCreditWithTool
{
	padding-right: 32px;
}

.releaseTrackCreditNote
{
	position: absolute;
	width: 18px;
	height: 18px;
	top: 4px;
	right: 6px;
	color: rgba( 240, 240, 240, 0.9 );
	background: rgba( 20, 20, 20, 1 );
	margin-left: 10px;
	border-radius: 50%;
	-webkit-user-select: none;
}

.releaseTrackCreditTools
{
	position: absolute;
	width: 20px;
	height: 20px;
	top: 3px;
	right: 5px;
/*	box-shadow: 0px 0px 6px rgba( 0, 0, 0, 0.25 );*/
	color: rgba( 240, 240, 240, 0.9 );
	background: rgba( 20, 20, 20, 1 );
	margin-left: 10px;
	border-radius: 50%;
	-webkit-user-select: none;
}

.releaseTrackCreditNotePause
{
	transform: scaleX( 0.5 ) ;
}

.releaseTrackCreditSearch
{
	box-shadow: 0px 0px 20px rgba( 255, 0, 0, 0.5 );
}

.releaseTrackExtras
{
	position: relative;
	width: 100%;
	height: auto;
	right: 0%;
	top: 0%;
	margin-top: 0px;
/*	margin-bottom: 10px;*/
	font-family: 'sanfrandisplay-regular', Arial, sans-serif;
    font-size: 12px;
    padding-bottom: 3px;
/*    line-height:1;*/
	text-align: left;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: rgba( 240, 240, 240, 0.5 );
	background: rgba( 240, 0, 0, 0 );
	float: left;
	z-index: 200;
	overflow: hidden;
	-webkit-user-select: none;
}


.contributorSearchLink
{
	position: relative;
	width: auto;
	height: auto;
	left: 0%;
	top: 0%;
	padding: 12px;
	padding-left: 14px;
	padding-right: 14px;
	margin-right: 8px;
	margin-bottom: 8px;
	border-radius: 42px;
	font-family: 'sanfrandisplay-regular', Arial, sans-serif;
    font-size: 14px;
	text-transform: uppercase;
    line-height:1;
	text-align: left;
	letter-spacing: 1px;
	white-space: nowrap;
	color: rgba( 240, 240, 240, 0.9 );
	background: rgba( 240, 240, 240, 0.2 );
	float: left;
	z-index: 200;
	-webkit-user-select: none;
}

.releaseTrackCreditUser
{
	border: 1px dashed rgba( 240, 240, 240, 1 );
	opacity: 0.8;
	-webkit-user-select: none;
}

.releaseTrackCreditUserUnrated
{
	border: 1px dashed rgba( 240,240,240, 1 );
	opacity: 0.4;
	-webkit-user-select: none;
}

.releaseTrackCreditAnotherUser
{
	border: 1px dashed rgba( 240,240,240, 1 );
	opacity: 0.25;
	-webkit-user-select: none;
}

.releaseCreditsBlock
{
	position: relative;
/*	width: 78%;*/
	width: 86%;
	height: auto;
	margin-left: 7%;
	margin-top: 20px;
	padding-top: 12px;
	padding-bottom: 30px;
/*	padding-right: 20%;*/
	border-radius: 20px;
/*	background: linear-gradient( 90deg,*/
/*		rgba(0,0,0,0.1) 0%,*/
/*		rgba(0,0,0,0.0) 4%,*/
/*		rgba(0,0,0,0.0) 96%,*/
/*		rgba(0,0,0,0.1) 100%*/
/*		);*/
	-webkit-user-select: none;
}

.releaseCreditsTitle
{
	position: relative;
	width: 90%;
	height: 20px;
	padding-top: 15px;
	padding-left: 5%;
/*	padding-top: 30px;*/
/*	padding-right: 20%;*/
	font-family: 'sanfrandisplay-bold', Arial, sans-serif;
    font-size: 12px;
	text-transform: uppercase;
    line-height:1;
	text-align: left;
	letter-spacing: 1px;
	white-space: nowrap;
	color: rgba( 220, 220, 220, 0.75 );
	-webkit-user-select: none;
}


.releaseTrackCreditsLoader
{
	position: absolute;
	left: 50%;
	top: 6px;
	width: 24px;
	height: 24px;
	margin-left: -12px;
	border-radius: 50%;
    background: rgba(255,255,255,0.1);
    opacity:1;
	-webkit-user-select: none;
}

.releaseCopyright
{
	position: relative;
	width: 80%;
	margin-left:10%;
	margin-right: 10%;
	margin-top: 5px;
	height: auto;
	padding-top: 0px;
	padding-bottom: 15px;
	margin-bottom: 10px;
	font-family: 'sanfrandisplay-regular', Arial, sans-serif;
    font-size: 9px;
    line-height:0.9;
	text-align: center;
	color: rgba( 240, 240, 240, 0.75 );
	-webkit-user-select: none;
}

/**/

.releaseAxis
{
	position: absolute;
	left: 50%;
	top: 48%;
	width: 2px;
	height: 2px;
	margin-left: -1px;
	margin-top: -1px;
	z-index: 1;
	pointer-events: none;
	-webkit-user-select: none;
}

.releasePanelAxis
{
	position: absolute;
	left: 0%;
	top: 0%;
	width: 1px;
	height: 1px;
	z-index: 200;
	pointer-events: auto;
	-webkit-user-select: none;
}

.releasePanelMask
{
	position: absolute;
	left: 1px;
	top: 1px;
	width: 100%;
/*	height: 620px;*/
	height: 655px;
	margin-left: -50%;
/*	margin-top: -270px;*/
	margin-top: -310px;
    background: rgba( 255, 0, 0, 0 );
	overflow: hidden;
/*	overflow: visible;*/
	-webkit-user-select: none;
}

.releasePanelHolder
{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 675px;
    background: rgba( 0, 250, 0, 0 );
    display:flex;
	overflow: hidden;
/*	overflow: visible;*/
	pointer-events: auto;
	-webkit-user-select: none;
}

.releasePanelHolderX
{
	position: absolute;
	left: 0px;
	top: 47.25%;
	width: 100%;
	height: 715px;
/*	height: 675px;*/
	margin-top: -340px;
    background: rgba( 0, 250, 0, 0 );
    display:flex;
	overflow: hidden;
/*	overflow: visible;*/
	pointer-events: none;
	-webkit-user-select: none;

}

.releasePagesNavHolder
{
	position: absolute;
	left: 5%;
/*	top: 15px;*/
	top: 20px;
/*	bottom: -20px;*/
	width: 90%;
	height: 40px;
/*	padding-bottom: 20px;*/
	max-height: 40px;
    font-size: 20px;
    text-align: left;
    color: rgba( 240, 240, 240, 0.6 );
    background: rgba( 0, 250, 0, 0 );
	z-index: 1025;
	overflow: hidden;
	pointer-events: auto;
	-webkit-user-select: none;
}

.releasePagesNav
{
	position: relative;
	width: 100%;
	height: 100%;
	padding-bottom: 20px;
    font-size: 20px;
    text-align: left;
    color: rgba( 240, 240, 240, 0.6 );
/*    background: rgba( 250, 0, 0, 0.5 );*/
	white-space: nowrap;
/*	text-overflow: scroll;*/
	display: flex;
	z-index: 1025;
	overflow-y: hidden;
	overflow-x: scroll;
	pointer-events: auto;
	-webkit-user-select: none;
}

.releasePagesNavLoad
{
	position: absolute;
	width: 100%;
	height: 40px;
	margin-top: -5px;
	/*    background: rgba( 250, 0, 0, 0.5 );*/
	pointer-events: auto;
	-webkit-user-select: none;
}

.releasePageSpacer
{
	position: relative;
	background: rgba( 240, 0, 0, 0 );
	pointer-events: auto;
	-webkit-user-select: none;
}

.releasePageNav
{
	position: relative;
	top: 0px;
	max-height: 24px;
	padding: 12px;
	padding-top: 0px;
	padding-bottom: 0px;
	border-radius: 6px;
	margin-right: 6px;
	margin-bottom: 0px;
	background: rgba( 240, 240, 240, 1 );
	opacity: 0.5;
	z-index: 1026;
	float: left;
	pointer-events: auto;
	-webkit-user-select: none;
}

.releasePageNavCover
{
	border-radius: 0px;
}

.releasePageNavGone
{
	background: rgba( 240, 240, 240, 0.2 );
}

.releasePageVideo
{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
    background: rgba( 240, 240, 240, 0 );
	z-index: 10025;
	overflow: hidden;
	pointer-events: auto;
/*	pointer-events: none;*/
	-webkit-user-select: none;
}

.releasePageVideoLoop
{
	position: absolute;
	width: 100%;
	height: 100%;
    text-align: left;
    background: rgba( 240, 240, 240, 0 );
	z-index: 10030;
	overflow: hidden;
	pointer-events: none;
	-webkit-user-select: none;
}

.releasePanel
{
	position: absolute;
	left: 0px;
	top: 10px;
/*	top: 0px; */
	width: 100%;
	height: 675px;
    background: rgba( 0, 250, 0, 0 );
    display:flex;
	overflow-y: hidden;
	overflow-x: scroll;
/*	border: 1px solid yellow;*/
	pointer-events: auto;
	-webkit-user-select: none;
}

.releasePanelLeft
{
	position: relative;
	left: 0px;
/*	top: 0px;*/
	top: 20px;
	width: 50%;
	height: 600px;
	overflow: visible;
	float:left;
	z-index: 100;
	pointer-events: none;
	-webkit-user-select: none;
}

.releasePanelLeftAxis
{
	position: absolute;
	left: 100%;
	top:0%;
	width: 2px;
	height: 100%;
	margin-left: -1px;
	overflow: visible;
	z-index: 100;
	-webkit-user-select: none;
}

.releasePanelRight
{
	position: relative;
	left: 0px;
/*	top: 0px;*/
	top: 20px;
	width: 2px;
	height: 600px;
    background: rgba( 0, 250, 0, 0 );
	overflow: visible;
	float:left;
	-webkit-user-select: none;
}

.releasePageHolder
{
	position: absolute;
	left: 0%;
	top: 0%;
	width: auto;
	height: 600px;
	margin-left: -300px;
	box-shadow: 0px 5px 10px rgba( 0, 0, 0, 0.25 );
	display: flex;
	-webkit-user-select: none;
}

.addPageButtonHolder
{
	position: absolute;
	right: -260px;
	top: 0%;
	width: 260px;
	height: 100%;
	border: 3px dashed rgba( 240, 240, 240, 0 );
	-webkit-user-select: none;
}

.releaseAddPageButton
{
	position: absolute;
	left: 30px;
	top: 50%;
	width: 100px;
	padding-top: 24px;
	padding-bottom: 24px;
	margin-top: -70px;
	margin-right: 70px;
	border-radius: 16px;
    font-family: 'sanfrandisplay-medium', Arial, sans-serif;
	letter-spacing: 1px;
    text-align: center;
    font-size: 12px;
    line-height: 1;
	color: rgba( 40, 40, 40, 0.6 );
	box-shadow: 0px 0px 40px rgba( 0, 255, 0, 0 );
	pointer-events: auto;
	-webkit-user-select: none;
}

.releaseAddPageButtonOver
{
	box-shadow: 0px 0px 40px rgba( 0, 255, 0, 1 );
}

.releaseShareMenuSide
{
	position: absolute;
	left: 30px;
	top: 50%;
	width: 200px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: -70px;
	margin-right: 70px;
	border-radius: 10px;
    font-family: 'sanfrandisplay-medium', Arial, sans-serif;
	letter-spacing: 1px;
    text-align: center;
    font-size: 12px;
    line-height: 1;
	color: rgba( 40, 40, 40, 0.6 );
/*	border: 3px dotted rgba( 40, 40, 40, 0.05 );*/
	pointer-events: auto;
	-webkit-user-select: none;
}

.releaseAddPageButtonBG
{
	position: absolute;
	left: 0%;
	top: 0%;
	width: 100%;
	height: 100%;
	background: rgba( 0, 0, 0, 0.4 );
	pointer-events: auto;
	border-radius: 16px;
	-webkit-user-select: none;
}

.uploadPageButton
{
	position relative;
	width: 100%;
	top: 40px;
	padding: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
    font-family: 'sanfrandisplay-medium', Arial, sans-serif;
	letter-spacing: 1px;
    text-align: center;
    font-size: 16px;
	text-transform: uppercase;
	background: rgba( 255, 255, 255, 0.75);
	color: rgba( 80, 80, 80, 1 );
	border: none;
	border-radius: 6px;
	box-shadow: -10px 10px 30px rgba( 0, 0, 0, 0.5 );
	-webkit-user-select: none;
}

input[type="file"]
{
    display: none;
}

.releaseCover
{
	position: absolute;
	left: 0px;
	top: -4px;
	width: 608px;
	height: 608px;
	margin-left: -304px;
/*	border-radius: 10px;*/
	overflow: hidden;
	box-shadow: 0px 5px 10px rgba( 0, 0, 0, 0.5 );
	opacity: 1;
	visibility: visible;
	z-index: 100;
	-webkit-user-select: none;
}

.releaseProgress
{
	position: absolute;
/*	width: 500px;*/
/*	height: 6px;*/
/*	left: 50%;*/
/*	top: 105px;*/
/*	margin-left: -250px;*/
	width: 99%;
	height: 6px;
	left: 50%;
	top: 5px;
	margin-left: -49.5%;
	background: rgba( 255, 255, 255, 0.1 );
	border-radius: 10px;
	overflow: hidden;
	pointer-events: auto;
	z-index:100;
	-webkit-user-select: none;
}

.releaseProgressClash
{
	top: 0px;
}

.releaseProgressBar
{
	position: absolute;
	width: 0px;
/*	height: 6px;*/
	height: 6px;
	left: 0px;
	bottom: 0px;
	background: rgba( 255, 255, 255, 0.8 );
	border-radius: 10px;
	overflow: visible;
	pointer-events: auto;
	z-index:100;
	-webkit-user-select: none;
}

.releaseCoverBG
{
	position: absolute;
	width: 100%;
	height: 100%;
/*	border-radius: 6px;*/
	overflow: hidden;
	background: rgba( 0,0,0, 0 );
	visibility: visible;
	z-index: 100;
	-webkit-user-select: none;
}

.releaseCoverSheen
{
	position: absolute;
	width: 100%;
	height: 100%;
/*	border-radius: 6px;*/
	overflow: hidden;
	background: rgba( 0,0,0, 0 );
	visibility: visible;
	z-index: 100;
/*	opacity: 0.6;*/
	opacity: 1;
	-webkit-user-select: none;
}

/*.connectButton*/
/*{*/
/*	position: absolute;*/
/*	width: auto;*/
/*	height: auto;*/
/*	left: 30px;*/
/*	bottom: 30px;*/
/*	padding: 20px;*/
/*	border-radius: 10px;*/
/*	font-family: 'sanfrandisplay-heavy', Arial, sans-serif;*/
/*    font-size: 12px;*/
/*    line-height:1;*/
/*	text-align: center;*/
/*	white-space: nowrap;*/
/*	color: rgba( 20, 20, 20, 0.75 );*/
/*	background: rgba( 240, 240, 240, 0.5 );*/
/*	overflow: hidden;*/
/*	visibility: visible;*/
/*	z-index: 200;*/
/*	opacity: 1;*/
/*	pointer-events: auto;*/
/*	-webkit-user-select: none;*/
/*}*/

.connectButton
{
	position: absolute;
	width: auto;
	height: auto;
	left: 15px;
	top: 15px;
	padding: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-radius: 20px;
	font-family: 'sanfrandisplay-light', Arial, sans-serif;
    font-size: 16px;
/*	letter-spacing: -0.5px;*/
	letter-spacing: 1px;
    line-height: 0.9;
	text-align: center;
	white-space: nowrap;
	color: rgba( 255, 255, 255, 1 );
	background: rgba( 128, 128, 128, 0.25 );
	border: 1px solid rgba( 255, 255, 255, 1 );
/*	box-shadow: -5px 0px 8px rgba( 20, 20, 20, 0.2 );*/
	overflow: visible;
	visibility: visible;
	z-index: 200;
	opacity: 1;
	pointer-events: auto;
	-webkit-user-select: none;
}

.releaseSubMenu
{
	position: absolute;
	width: 60px;
	height: 60px;
	left: 10px;
	bottom: 10px;
	border-radius: 50%;
	background: rgba( 128, 128, 128, 0 );
	overflow: visible;
	visibility: visible;
	z-index: 200;
	opacity: 1;
	pointer-events: auto;
	-webkit-user-select: none;
}

.releaseSubMenuButton
{
	position: absolute;
	width: 50px;
	height: 50px;
	left: 5px;
	top: 5px;
	border-radius: 50%;
	background: rgba( 20, 20, 20, 0.5 );
	overflow: visible;
	visibility: visible;
	z-index: 200;
	opacity: 1;
	pointer-events: auto;
	-webkit-user-select: none;
}

.releaseSubMenuButtonIMG
{
	position: absolute;
	width: 40px;
	height: 40px;
	left: 50%;
	top: 50%;
	margin-left: -20px;
	margin-top: -20px;
	border-radius: 50%;
	opacity: 1;
	pointer-events: auto;
	-webkit-user-select: none;
}

.releaseSubMenuStrip
{
	position: absolute;
	width: 50px;
	height: auto;
	left: 0px;
	bottom: 60px;
	border-radius: 30px;
	padding: 5px;
	background: rgba( 128, 128, 128, 0 );
	overflow: visible;
	visibility: visible;
	z-index: 200;
	opacity: 1;
	pointer-events: auto;
	-webkit-user-select: none;
}

.releaseSubMenuStripButton
{
	position: relative;
	width: 50px;
	height: 50px;
	left: 0px;
	top: 0px;
	margin-top: 10px;
	border-radius: 50%;
	background: rgba( 20, 20, 20, 0.5 );
	overflow: visible;
	visibility: visible;
	z-index: 200;
	opacity: 1;
	pointer-events: auto;
	-webkit-user-select: none;
}

.releaseSubMenuStripButtonIMG
{
	position: absolute;
	width: 30px;
	height: 30px;
	left: 50%;
	top: 50%;
	margin-left: -15px;
	margin-top: -15px;
	border-radius: 50%;
	opacity: 1;
	pointer-events: auto;
	-webkit-user-select: none;
}

.releaseSubArtist
{
	position: absolute;
	width: auto;
	height: auto;
	left: 70px;
	top: 50%;
	margin-top: -11px;
	padding: 10px;
	padding-left: 15px;
	padding-right: 15px;
	border-radius: 20px;
	font-family: 'sanfrandisplay-regular', Arial, sans-serif;
    font-size: 12px;
	text-transform: uppercase;
    line-height:1;
	letter-spacing: 1px;
	text-align: center;
	white-space: nowrap;
	background: rgba( 240, 240, 240, 0.86 );
	color: rgba( 20, 20, 20, 0.8 );
	overflow: hidden;
	visibility: visible;
	z-index: 200;
	opacity: 1;
	pointer-events: auto;
	-webkit-user-select: none;

}

.playlistHolder
{
	position: absolute;
	right: 60px;
	top: 2%;
/*	width: 600px;*/
	width: 580px;
	height: 92%;
	border-radius: 20px;
/*	background: rgba( 120,120,120, 0.1 );*/
	background: linear-gradient( 0deg,
		rgba(0,0,0,0.25) 0%,
		rgba(0,0,0,0.00) 4%,
		rgba(0,0,0,0.00) 96%,
		rgba(0,0,0,0.25) 100%
	);

	overflow: hidden;
/*	z-index: 10;*/
	pointer-events: auto;
	-webkit-user-select: none;
	
	/*	290323 test  */
	visibility: hidden;

}

.playlistReleaseTrackCredit
{
	-webkit-user-select: none;
}
.playlistReleaseTrackCreditHolder
{
	margin-left: 10px;
	padding-left: 0px;
	-webkit-user-select: none;
}

.playlistReleaseTrackHolder
{
	position: absolute;
	width: 98%;
	height: 80px;
	left: 0px;
	bottom: 0px;
	background: rgba( 255, 0, 0, 0 );
	overflow: visible;
	pointer-events: auto;
	z-index:100;
	
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	
	-webkit-user-select: none;


	/*	290323 test  */
	display: none;
}

.playlistReleaseMoreHolder
{
	position: absolute;
	width: 34px;
	height: 34px;
	top: 0px;
	margin-left: -40px;
	border-radius: 6px;
	font-family: 'sanfrandisplay-bold', Arial, sans-serif;
    font-size: 14px;
    line-height:1;
	text-align: left;
	white-space: nowrap;
	color: rgba( 240, 240, 240, 0.75 );
	background: rgba( 20, 20, 20, 0.5 );
	text-overflow: ellipsis;
/*	overflow: hidden;*/
	-webkit-user-select: none;
	z-index: 180;
}

.playlistReleaseMoreHolderLive
{
	background: rgba( 220, 220, 220, 0.5 );
}

/*.playlistReleaseInsertHolder*/
/*{*/
/*	position: absolute;*/
/*	width: 300px;*/
/*	height: 300px;*/
/*	bottom: 10%;*/
/*	right: -20%;*/
/*	border-radius: 10px;*/
/*	color: rgba( 240, 240, 240, 0.75 );*/
/*	background: rgba( 120, 120, 120, 0.5 );*/
/*	text-overflow: ellipsis;*/
/*	border: 3px dotted rgba( 240, 240, 240, 0.75 );*/
/*	box-shadow: -10px 10px 30px rgba( 0, 0, 0, 0.5 );*/
/*	transform: translateZ( 300px );*/
/*	-webkit-user-select: none;*/
/*	z-index: 180;*/
/*	*/
/*	animation-duration: 1.2s;*/
/*	animation-name: playlistReleaseInsertHolderBounce;*/
/*	animation-iteration-count: infinite;*/
/*	animation-timing-function: ease-out;*/
/*	-webkit-user-select: none;*/
/*}*/

.playlistReleaseInsertHolder
{
	position: absolute;
	width: 104%;
	height: 104%;
	top: -2%;
	left: 40%;
	border-radius: 10px;
	color: rgba( 240, 240, 240, 0.75 );
	background: rgba( 240, 240, 240, 0.5 );
	border: 3px dotted rgba( 240, 240, 240, 0.75 );
	box-shadow: -30px 10px 30px rgba( 0, 0, 0, 0.4 );
	transform: translateZ( 60px );
	-webkit-user-select: none;
	opacity: 1;
/*	z-index: 180;*/
	
	animation-duration: 1.2s;
	animation-name: playlistReleaseInsertHolderBounce;
	animation-iteration-count: infinite;
	animation-timing-function: ease-out;
	-webkit-user-select: none;
}

@keyframes playlistReleaseInsertHolderBounce
{
    0%		{ transform: translateY( 0px ) 		translateZ( 60px ); }
    25%		{ transform: translateY( -20px )	translateZ( 60px ); }
    50%		{ transform: translateY( 0px )		translateZ( 60px ); }
    65%		{ transform: translateY( -6px )		translateZ( 60px ); }
    75%		{ transform: translateY( 0px )		translateZ( 60px ); }
    100%	{ transform: translateY( 0px )		translateZ( 60px ); }
	-webkit-user-select: none;
}

.playlistReleaseInsert
{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0%;
	left: 0%;
/*	transform: translateZ( 30px );*/
	-webkit-user-select: none;
	opacity: 0.6;
}

/*.playlistReleaseInsertHolder*/
/*{*/
/*	position: absolute;*/
/*	width: 300px;*/
/*	height: 300px;*/
/*	bottom: 20%;*/
/*	right: 10%;*/
/*	margin-top: -150px;*/
/*	border-radius: 10px;*/
/*	color: rgba( 240, 240, 240, 0.75 );*/
/*	//background: rgba( 120, 120, 120, 0.5 );*/
/*	text-overflow: ellipsis;*/
/*	border: 3px dotted rgba( 240, 240, 240, 0.75 );*/
/*	box-shadow: -10px 10px 30px rgba( 0, 0, 0, 0.5 );*/
/*	-webkit-user-select: none;*/
/*	z-index: 180;*/
/*	*/
/*}*/

.playlistBioHolder
{
	position: relative;
	width: 100%;
	height: auto;
	margin-bottom: 20px;
	max-height: 200px;
    font-family: 'sanfrandisplay-heavy', Arial, sans-serif;
    text-align: left;
    font-size: 18px;
	color: rgba( 240,240,240, 1);
	padding: 20px;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 40px;
	overflow-x: hidden;
	overflow-y: scroll;
	/*	background: red;*/
	-webkit-user-select: none;
}

.shelfLike
{
	position: absolute;
	right: 130px;
	top: 24px;
	width: 36px;
	height: 30px;
	background: rgba( 20, 20, 20, 0.25 );
	opacity: 0.5;
	pointer-events: auto;
	-webkit-user-select: none;
}

.shelfShare
{
	position: absolute;
	right: 70px;
	top: 18px;
	width: 40px;
	height: 40px;
	background: rgba( 20, 20, 20, 0.25 );
	opacity: 0.5;
	pointer-events: auto;
	-webkit-user-select: none;
}

.shelfButtonLike
{
	position: absolute;
	right: 10px;
	top: 11px;
	width: 13px;
	height: 13px;
	background: rgba( 20, 20, 20, 0 );
	opacity: 0.8;
	pointer-events: auto;
	-webkit-user-select: none;
}

.shelfButtonLikeCount
{
	position: absolute;
	right: 26px;
	top: 9px;
	width: 36px;
	height: 12px;
	background: rgba( 20, 20, 20, 0 );
    font-family: 'sanfrandisplay-regular', Arial, sans-serif;
    text-align: right;
    font-size: 12px;
	color: rgba( 240,240,240, 1);
	opacity: 0.8;
	pointer-events: auto;
	-webkit-user-select: none;
}

.shelfButtonView
{
	position: absolute;
	right: 10px;
	top: 27px;
	width: 13px;
	height: 13px;
	background: rgba( 20, 20, 20, 0 );
	opacity: 0.8;
	pointer-events: auto;
	-webkit-user-select: none;
}

.shelfButtonViewCount
{
	position: absolute;
	right: 26px;
	top: 25px;
	width: 36px;
	height: 12px;
	background: rgba( 20, 20, 20, 0 );
    font-family: 'sanfrandisplay-regular', Arial, sans-serif;
    text-align: right;
    font-size: 12px;
	color: rgba( 240,240,240, 1);
	opacity: 0.8;
	pointer-events: auto;
	-webkit-user-select: none;
}

.profileViews
{
	position: absolute;
	left: 80%;
	top: 11px;
	width: 13px;
	height: 13px;
	margin-left: 5px;
	background: rgba( 20, 20, 20, 0 );
	opacity: 0.8;
	pointer-events: auto;
	-webkit-user-select: none;
}

.profileViewsCount
{
	position: absolute;
	left: 80%;
	top: 9px;
	width: 36px;
	height: 12px;
	margin-left: -36px;
	background: rgba( 20, 20, 20, 0 );
    font-family: 'sanfrandisplay-regular', Arial, sans-serif;
    text-align: right;
    font-size: 12px;
	color: rgba( 240,240,240, 1);
	opacity: 0.8;
	pointer-events: auto;
	-webkit-user-select: none;
}

.playlistIMGHolder
{
	position: relative;
	width: 126px;
	height: 70px;
	left: 0px;
	top: 0px;
	margin-right: 10px;
	float: left;
	border-radius: 6px;
	-webkit-user-select: none;
}

.releaseTrackPage
{
	position: relative;
	left: 0px;
	top: 0%;
	width: 600px;
	height: 600px;
/*	border-radius: 10px;*/
	background: rgba( 120, 120, 120, 0 );
	visibility: visible;
	overflow: hidden;
	z-index: 10;
	-webkit-user-select: none;
}

.releaseTrackPageBG
{
	position: absolute;
	left: 0px;
	top: 0%;
	width: 100%;
	height: 100%;
/*	margin-left: -25%;*/
/*	margin-top: -25%;*/
	overflow: hidden;
/*	border-radius: 10px;*/
	opacity: 0.5;
/*	display: none;*/
/*	filter: blur( 10px );*/
	background: rgba( 120, 120, 120, 0 );
	-webkit-user-select: none;
}

.releaseTrackPageBGBlur
{
	width: 150%;
	height: 150%;
	margin-left: -25%;
	margin-top: -25%;
	opacity: 0.5;
	filter: blur( 60px ) contrast( 50% );
}

.releasePageEditHolder
{
	position: absolute;
	right: 10px;
	bottom: 10px;
	width: 50px;
	height: 50px;
	background: rgba( 20, 20, 20, 0.25 );
	border-radius: 70px;
	opacity: 1;
	pointer-events: auto;
	box-shadow: 0px 5px 20px rgba( 240, 240, 240, 0.5 );
	z-index: 10100;
	-webkit-user-select: none;
}

.releasePageEditHolderOpen
{
	background: rgba( 20, 20, 20, 1 );
}

.releasePageEditMore
{
	position: absolute;
	left: 5px;
	bottom: 5px;
	width: 40px;
	height: 40px;
	pointer-events: none;
	-webkit-user-select: none;
}

.releasePageEditOptions
{
	position: absolute;
	right: 0px;
	top: 0px;
	width: 50px;
	height: 200px;
	background: rgba( 220, 20, 20, 0 );
	border-radius: 70px;
	opacity: 1;
	pointer-events: auto;
	-webkit-user-select: none;
}

.releasePageEditIMG
{
	position: absolute;
	left: 5px;
	top: 5px;
	width: 38px;
	height: 38px;
	border-radius: 70px;
	border: 1px solid rgba( 240, 240, 240, 1 );
/*	box-shadow: 0px 0px 6px rgba( 240, 240, 240, 0.5 );*/
	pointer-events: none;
	-webkit-user-select: none;
}

.releasePageReplace
{
	position: absolute;
	left: 5px;
	top: 50px;
	width: 38px;
	height: 38px;
	border-radius: 70px;
	border: 1px solid rgba( 240, 240, 240, 1 );
/*	box-shadow: 0px 0px 6px rgba( 240, 240, 240, 0.5 );*/
	pointer-events: none;
	-webkit-user-select: none;
}

.releasePageMove
{
	position: absolute;
	left: 5px;
	top: 95px;
	width: 38px;
	height: 38px;
	border-radius: 70px;
	border: 1px solid rgba( 240, 240, 240, 1 );
/*	box-shadow: 0px 0px 6px rgba( 240, 240, 240, 0.5 );*/
	pointer-events: none;
	-webkit-user-select: none;
}

.releasePageDelete
{
	position: absolute;
	left: 5px;
	top: 140px;
	width: 38px;
	height: 38px;
	border-radius: 70px;
	border: 1px solid rgba( 240, 240, 240, 1 );
/*	box-shadow: 0px 0px 6px rgba( 240, 240, 240, 0.5 );*/
	pointer-events: none;
	-webkit-user-select: none;
}

.replacePageUploadButton
{
	position relative;
	width: 100%;
	top: 40px;
	padding: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 30px;
    font-family: 'sanfrandisplay-medium', Arial, sans-serif;
	letter-spacing: 1px;
    text-align: center;
    font-size: 16px;
	text-transform: uppercase;
	color: rgba( 255, 255, 255, 0.75);
	background: rgba( 80, 80, 80, 1 );
	border: none;
	border-radius: 6px;
	box-shadow: -10px 10px 30px rgba( 0, 0, 0, 0.25 );
	-webkit-user-select: none;
}


.releasePageCanvasModal
{
	position: absolute;
	left: 0%;
	top: 0%;
	width: 100%;
	height: 100%;
	background: rgba( 20, 20, 20, 1 );
	pointer-events: auto;
	-webkit-user-select: none;
}

.releaseCoverCanvasHolder
{
	position: absolute;
	left: 0%;
	top: 0%;
	width: 24px;
	height: 24px;
	background: rgba( 0, 0, 0, 0 );
	border-radius: 50px;
	pointer-events: auto;
	-webkit-user-select: none;
}

.releasePageCanvasPaper
{
	position: absolute;
	left: 50%;
	bottom: 10px;
	width: 80%;
	height: 40px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: -40%;
	background: rgba( 255, 255, 255, 1);
	box-shadow: 0px 5px 20px rgba( 20, 20, 20, 0.5 );
	border-radius: 50px;
	overflow: hidden;
	color: rgba( 240, 240, 240, 0.8 );
	pointer-events: auto;
	-webkit-user-select: none;
}

.releaseColorDotHolder
{
	position: absolute;
	left: 2%;
	top: 10px;
	width: 98%;
	height: 70px;
/*	padding-bottom: 30px;*/
/*	background: rgba( 0, 255, 0, 1);*/
/*	border-radius: 50px;*/
	display: flex;
	overflow-x: scroll;
	overflow-y: hidden;
	pointer-events: auto;
	-webkit-user-select: none;
}

.releaseColorDot
{
	position: relative;
	left: 0%;
	top: 0%;
	width: 40px;
	height: 40px;
	min-width: 40px;
	min-height: 40px;
	margin-right: 10px;
	border-radius: 50%;
	background: rgba( 0, 0, 0, 0.1 );
	float: left;
	pointer-events: auto;
	-webkit-user-select: none;
}

.releaseColorSpacer
{
	position: relative;
	left: 0%;
	top: 0%;
	width: 2px;
	height: 40px;
	min-width: 2px;
	min-height: 40px;
	margin-left: 15px;
	margin-right: 15px;
	border-radius: 1px;
	background: rgba( 0, 0, 0, 0.25 );
	float: left;
	pointer-events: auto;
	-webkit-user-select: none;
}

.releasePageCanvasTitle
{
	position: absolute;
	left: 50%;
	top: -50px;
	width: 100%;
	height: 50px;
	margin-left: -50%;
    font-family: 'sanfrandisplay-light', Arial, sans-serif;
    letter-spacing: 5px;
    text-align: center;
    font-size: 18px;
	color: rgba( 240,240,240, 1);
	overflow: visible;
	visibility: visible;
	color: rgba( 240, 240, 240, 0.8 );
	-webkit-user-select: none;
}

.releasePageCanvasMode
{
	position: absolute;
	left: 50%;
/*	bottom: -30px;*/
	top: 70px;
	width: 300px;
	height: auto;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left: -150px;
    font-family: 'sanfrandisplay-regular', Arial, sans-serif;
    letter-spacing: 5px;
    text-align: center;
    font-size: 14px;
	color: rgba( 240, 240, 240, 0.8);
	border-radius: 70px;
	background: rgba( 0, 0,  0, 1);
	overflow: visible;
	visibility: visible;
	box-shadow: 0px 10px 20px rgba( 40, 40, 40, 0.8 );
	z-index: 10000px;
	-webkit-user-select: none;
}

.releasePageCanvasModeButtons
{
	position: absolute;
	left: 50%;
/*	bottom: -90px;*/
	top: 10px;
	height: 60px;
	width: 520px;
	margin-left: -280px;
/*	width: 80%;*/
/*	margin-left: -40%;*/
/*	padding-top: 10px;*/
/*	padding-bottom: 10px;*/
    font-family: 'sanfrandisplay-regular', Arial, sans-serif;
    letter-spacing: 5px;
    text-align: center;
    font-size: 14px;
	color: rgba( 240, 240, 240, 1);
	border-radius: 70px;
	background: rgba( 0, 0,  0, 1);
	overflow: visible;
	visibility: visible;
	box-shadow: 0px 10px 20px rgba( 40, 40, 40, 0.8 );
	z-index: 10000px;
	-webkit-user-select: none;
}

.releasePageCanvasLoad
{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 200px;
	height: 100px;
	margin-left: -100px;
	margin-top: -50px;
	overflow: visible;
	visibility: visible;
/*	box-shadow: -10px 10px 30px rgba( 0, 0, 0, 0.5 );*/
	-webkit-user-select: none;
}

.releasePageCanvasMask
{
	position: absolute;
	left: 50%;
	top: 49%;
	width: 600px;
	height: 600px;
	margin-left: -300px;
	margin-top: -300px;
	overflow: visible;
	visibility: visible;
	box-shadow: -10px 10px 30px rgba( 0, 0, 0, 0.5 );
	-webkit-user-select: none;
}

.releasePageCanvasLeft
{
	position: absolute;
	left: 0%;
	top: 0%;
	width: 600px;
	height: 600px;
	overflow: hidden;
	visibility: visible;
	background: rgba( 128, 128, 128, 1 );
	box-shadow: -10px 10px 30px rgba( 0, 0, 0, 0.5 );
	-webkit-user-select: none;
}

.releasePageCanvasRight
{
	position: absolute;
	left: 0%;
	top: 0%;
	width: 600px;
	height: 600px;
	overflow: hidden;
	visibility: visible;
	background: rgba( 240, 240, 240, 0 );
	box-shadow: -10px 10px 30px rgba( 0, 0, 0, 0.5 );
	-webkit-user-select: none;
}

.releasePageCanvasRightEmpty
{
	background: rgba( 240, 240, 240, 0 );
	box-shadow: -10px 10px 30px rgba( 0, 0, 0, 0 );
}

.releaseCanvasOverlays
{
	position: absolute;
	left: 0%;
	top: 0%;
	width: 100%;
	height: 100%;
	background: rgba( 240, 0, 0, 0 );
	pointer-events: none;
	-webkit-user-select: none;
}

.releaseCanvasGrid
{

}

.releaseCanvasRotateWheel
{
	position: absolute;
	left: 0%;
	top: 0%;
	width: 100%;
	height: 100%;
/*	background: rgba( 240, 0, 0, 0.5 );*/
	pointer-events: none;
	-webkit-user-select: none;
}

.releaseCanvasRotateHolder
{
	position: absolute;
	left: 50%;
	bottom: 10px;
	width: 50px;
	height: 50px;
	margin-left: -25px;
	border-radius: 50%;
	background: rgba( 0, 0, 0, 1 );
	box-shadow: 0px 10px 20px rgba( 80, 80, 80, 1 );
	opacity: 1;
	pointer-events: auto;
	border: 1px solid rgba( 240, 240, 240, 1 );
	-webkit-user-select: none;
}

.releaseCanvasRotateIMG
{
	position: absolute;
	left: 10%;
	top: 10%;
	width: 80%;
	height: 80%;
	pointer-events: none;
	-webkit-user-select: none;
}

.releaseCanvasWhiteHolder
{
	position: absolute;
	/*	left: 20px;*/
	left: 50%;
	top: 10px;
	width: 40px;
	height: 40px;
	margin-left: -100px;
	border-radius: 50%;
	background: rgba( 0, 0, 0, 1 );
/*	box-shadow: 0px 5px 10px rgba( 240, 240, 240, 0.5 );*/
	opacity: 1;
	pointer-events: auto;
	border: 1px solid rgba( 240, 240, 240, 1 );
	-webkit-user-select: none;
}

.releaseCanvasBackgroundHolder
{
	position: absolute;
	/*	left: 35%;*/
	left: 50%;
	top: 10px;
	width: 40px;
	height: 40px;
	/*	margin-left: -25px;*/
	margin-left: -280px;
	border-radius: 50%;
	background: rgba( 0, 0, 0, 1 );
/*	box-shadow: 0px 5px 10px rgba( 240, 240, 240, 0.5 );*/
	opacity: 1;
	pointer-events: auto;
	border: 1px solid rgba( 240, 240, 240, 1 );
	-webkit-user-select: none;
}

.releaseCanvasMonoHolder
{
	position: absolute;
	/*	left: 65%;*/
	left: 50%;
	top: 10px;
	width: 40px;
	height: 40px;
	/*	margin-left: -25px;*/
	margin-left: -20px;
	border-radius: 50%;
	background: rgba( 0, 0, 0, 1 );
/*	box-shadow: 0px 5px 10px rgba( 240, 240, 240, 0.5 );*/
	opacity: 1;
	pointer-events: auto;
	border: 1px solid rgba( 240, 240, 240, 1 );
	-webkit-user-select: none;
}

.releaseCanvasBlackHolder
{
	position: absolute;
	/*	right: 20px;*/
	left: 50%;
	top: 10px;
	width: 40px;
	height: 40px;
	margin-left: 60px;
	border-radius: 50%;
	background: rgba( 0, 0, 0, 1 );
/*	box-shadow: 0px 5px 10px rgba( 240, 240, 240, 0.5 );*/
	opacity: 1;
	pointer-events: auto;
	border: 1px solid rgba( 240, 240, 240, 1 );
	-webkit-user-select: none;
}

.releaseCanvasPaperHolder
{
	position: absolute;
	/*	right: 20px;*/
	left: 50%;
	top: 10px;
	width: 40px;
	height: 40px;
	margin-left: 135px;
	border-radius: 50%;
	background: rgba( 0, 0, 0, 1 );
/*	box-shadow: 0px 5px 10px rgba( 240, 240, 240, 0.5 );*/
	opacity: 1;
	pointer-events: auto;
	border: 1px solid rgba( 240, 240, 240, 1 );
	-webkit-user-select: none;
}

.releaseCanvasResetHolder
{
	position: absolute;
	left: 50%;
	top: 10px;
	width: 40px;
	height: 40px;
	margin-left: -175px;
	border-radius: 50%;
	background: rgba( 0, 0, 0, 1 );
/*	box-shadow: 0px 5px 10px rgba( 240, 240, 240, 0.5 );*/
	opacity: 1;
	pointer-events: auto;
	border: 1px solid rgba( 240, 240, 240, 1 );
	-webkit-user-select: none;
}

.resetButton
{
	position: relative;
	top: 20px;
	padding: 8px;
	padding-left: 16px;
	padding-right: 16px;
    font-family: 'sanfrandisplay-bold', Arial, sans-serif;
    letter-spacing: 5px;
    line-height: 50px;
    text-align: center;
    font-size: 14px;
	border-radius: 50px;
    border: 2px solid rgba( 20, 20, 20, 1 );
	background: rgba( 240, 240, 240, 1 );
	color: rgba( 20, 20, 20, 1 );
	pointer-events: auto;
	-webkit-user-select: none;
}

.resetButtonOn
{
	background: rgba( 20, 20, 20, 1 );
	color: rgba( 240, 240, 240, 1 );
}

.releaseCanvasCancelHolder
{
	position: absolute;
	left: 50%;
	top: 10px;
	width: 40px;
	height: 40px;
	margin-left: -250px;
	border-radius: 50%;
	background: rgba( 200, 0, 0, 1 );
/*	box-shadow: 0px 5px 10px rgba( 240, 240, 240, 0.5 );*/
	opacity: 0.8;
	pointer-events: auto;
/*	border: 1px solid rgba( 240, 240, 240, 1 );*/
	-webkit-user-select: none;
}

.releaseCanvasAcceptHolder
{
	position: absolute;
	left: 50%;
	top: 10px;
	width: 40px;
	height: 40px;
	margin-left: 210px;
	border-radius: 50%;
	background: rgba( 0, 200, 0, 1 );
/*	box-shadow: 0px 5px 10px rgba( 240, 240, 240, 0.5 );*/
	opacity: 0.8;
	pointer-events: auto;
/*	border: 1px solid rgba( 240, 240, 240, 1 );*/
	-webkit-user-select: none;
}

.releaseCanvasButtonOn
{
	background: rgba( 120, 120, 120, 1 );
	opacity: 1;
}

.releasePageMask
{
	position: relative;
	left: 0px;
	top: 0%;
	width: 0px;
	height: 600px;
	overflow: hidden;
/*	border-radius: 10px;*/
	visibility: visible;
	z-index: 10;
	pointer-events: auto;
	-webkit-user-select: none;
}

.releasePageMover
{
	position: relative;
	left: 0px;
	top: 0%;
	width: 0px;
	height: 600px;
	overflow: hidden;
/*	border-radius: 10px;*/
	background: rgba( 0, 0, 255, 0 );
	visibility: visible;
	z-index: 10;
	pointer-events: auto;
	-webkit-user-select: none;
}

.releasePageMovePoint
{
	position: absolute;
	width: 400px;
	height: 400px;
	top: 50%;
	left: 10px;
	margin-top: -200px;
	border-radius:6px;
	background: rgba( 240, 240, 240, 0.1 );
	color: rgba( 240, 240, 240, 1 );
	border: 2px dotted rgba( 240, 240, 240, 1 );
	opacity: 0.6;
	pointer-events: auto;
	-webkit-user-select: none;
	
	animation-duration: 1.2s;
	animation-name: playlistReleaseInsertHolderBounce;
	animation-iteration-count: infinite;
	animation-timing-function: ease-out;
	-webkit-user-select: none;
}


.releasePage
{
	position: absolute;
	right: 0px;
	top: 0%;
	width: 600px;
	height: 600px;
/*	border-radius: 10px;*/
	background: rgba( 120,120,120, 0 );
	overflow: hidden;
/*	box-shadow: 0px 5px 20px rgba( 0, 0, 0, 0.5 );*/
	z-index: 10;
	pointer-events: auto;
	-webkit-user-select: none;
}

.releasePageBG
{
	position: absolute;
	right: 0px;
	top: 0%;
	width: 200%;
	height: 200%;
	margin-left: -50%;
	margin-top: -50%;
	overflow: hidden;
	z-index: 10;
	opacity: 0.1;
	background: rgba( 120,120,120, 0 );
	-webkit-user-select: none;
}

.releasePageIMG
{
	position: absolute;
	right: 0px;
	top: 0%;
	width: 100%;
	height: 100%;
	margin-left: 0%;
	margin-top: 0%;
	overflow: hidden;
	z-index: 10;
	opacity: 1;
	background: rgba( 120,120,120, 0 );
	-webkit-user-select: none;
}

.releasePageButtons
{
	position: absolute;
	right: 0px;
	top: 0%;
	width: 100%;
	height: 100%;
	margin-left: 0%;
	margin-top: 0%;
	overflow: hidden;
	z-index: 15;
	opacity: 1;
	background: rgba( 120,240,120, 0 );
	pointer-events: auto;
	-webkit-user-select: none;
}

.contributorLink
{
	border-radius: 8px;
	padding: 4px;
	background: rgba( 255, 0, 0, 0 );
	box-shadow: 0px 0px 8px rgba( 88, 88, 88, 0.5 );
	z-index: 200;
	-webkit-user-select: none;
}

.trackLink
{
	border-radius: 16px;
	padding: 4px;
	background: rgba( 0,255,0,0);
	box-shadow: 0px 0px 15px rgba( 128, 128, 128, 0.5 );
	z-index: 200;
	-webkit-user-select: none;
}

.releasePageRight
{
	position: absolute;
	right: 0px;
	top: 50%;
	width: 5px;
	height: 20px;
	border-radius: 0px;
	background: rgba( 255,0,0, 1 );
	overflow: hidden;
	z-index: 10;
	pointer-events: none;
	-webkit-user-select: none;
}

.releasePageBuffer
{
	position: relative;
	left: 0px;
	top: 0%;
	width: 300px;
	height: 600px;
	overflow: hidden;
	z-index: 10;
	pointer-events: none;
	-webkit-user-select: none;
}

/* - - - */

.releaseIMGHolder
{
	position: relative;
	width: 70px;
	height: 70px;
	left: 0px;
	top: 0px;
	margin-right: 10px;
	margin-bottom: 5px;
	float: left;
/*	border-radius: 6px;*/
	-webkit-user-select: none;
}

.releaseShareHolder
{
	position: absolute;
	width: 40px;
	height: 40px;
	right: 0px;
	top: 80px; /*	50%;*/
	margin-top: -20px;
/*	top: 10px;*/
	border-radius: 8px;
/*	background: rgba( 255,0,0, 1 );*/
	opacity: 1;
	-webkit-user-select: none;
}

.releaseShareIMG
{
	position: absolute;
	width: 90%;
	height: 90%;
	left: 5%;
	top: 5%;
	border-radius: 50%;
/*	background: rgba( 255,0,0, 1 );*/
	opacity: 0.6;
	-webkit-user-select: none;
}

.releaseUserArtHolder
{
	position: absolute;
	width: 40px;
	height: 40px;
	right: 3px;
	top: 50%;
	margin-top: -20px;
	border-radius: 50%;
	box-shadow: -3px 0px 6px rgba( 0, 0, 0, 0.25 );
	opacity: 1;
	-webkit-user-select: none;
}

.releaseOfficialArtHolder
{
	position: absolute;
	width: 40px;
	height: 40px;
	right: 3px;
	top: 50%;
	margin-top: -20px;
	border-radius: 50%;
	box-shadow: -3px 0px 6px rgba( 0, 0, 0, 0.25 );
	opacity: 1;
	-webkit-user-select: none;
}

.releaseOfficialArtIMG
{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0%;
	top: 0%;
	border-radius: 50%;
/*	background: rgba( 255,0,0, 1 );*/
	opacity: 1;
	-webkit-user-select: none;
}

.releaseShareMenuHolder
{
	position: absolute;
	width: 200px;
	height: auto;
	left: -210px;
	top: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-radius: 10px;
	background: rgba( 220, 220, 220, 1 );
	box-shadow: 0px 5px 20px rgba( 0, 0, 0, 0.25 );
	opacity: 1;
	z-index: 2000;
	-webkit-user-select: none;
}

.releaseShareMenu
{
	position: relative;
	width: 96%;
	height: auto;
	margin-left: 2%;
	padding-top: 8px;
	padding-bottom: 8px;
	background: rgba( 20, 20, 20, 0 );
	font-family: 'sanfrandisplay-bold', Arial, sans-serif;
    font-size: 14px;
    line-height:1;
	text-align: center;
	color: rgba( 80, 80, 80, 1 );
	border-radius: 8px;
	opacity: 1;
	z-index: 2000;
	-webkit-user-select: none;
}

.releaseMoreMenuHolder
{
	position: absolute;
	width: 200px;
	height: auto;
	left: 0px;
	bottom: 130%;
	padding-top: 5px;
	padding-bottom: 5px;
	border-radius: 10px;
	background: rgba( 220, 220, 220, 1 );
	box-shadow: 0px 10px 30px rgba( 0, 0, 0, 0.8 );
	opacity: 1;
	z-index: 2000;
	-webkit-user-select: none;
}

.releaseCloseHolder
{
	position: absolute;
	width: 40px;
	height: 40px;
	right: 0px;
	top: 10px;
	border-radius: 8px;
/*	background: rgba( 255,0,0, 1 );*/
	opacity: 1;
	pointer-events: auto;
	-webkit-user-select: none;
}

.releaseCloseIMG
{
	position: absolute;
	width: 90%;
	height: 90%;
	left: 5%;
	top: 5%;
	border-radius: 50%;
/*	background: rgba( 255,0,0, 1 );*/
	opacity: 0.6;
	pointer-events: none;
	-webkit-user-select: none;
}

.releaseReloadHolder
{
	position: absolute;
	width: 35px;
	height: 35px;
	left: 0px;
	bottom: 15px;
	border-radius: 100px;
	background: rgba( 255, 255, 255, 0.5 );
	opacity: 0.25;
	/* TEMP	*/
	/*	display: none;*/
	/*	    */
	-webkit-user-select: none;
}

/* - - - */

.releaseNameHolder
{
	position: relative;
	width: auto;
	height: auto;
/*	max-width: 68%;*/
	max-width: 80%;
	margin-top: 5px;
	padding-right: 20px;
    font-family: 'sanfrandisplay-heavy', Arial, sans-serif;
    line-height: 0.9;
    text-align: left;
    font-size: 22px;
	color: rgba( 0, 0, 0, 1 );
	pointer-events: none;
	-webkit-user-select: none;
}

.artistNameHolder
{
	position: relative;
	width: auto;
	height: auto;
/*	max-width: 68%;*/
	max-width: 80%;
	margin-top: 5px;
    font-family: 'sanfrandisplay-heavy', Arial, sans-serif;
    text-align: left;
    font-size: 18px;
    line-height: 1;
	color: rgba( 200,200,200, 1);
	opacity: 0.8;
	pointer-events: auto;
	-webkit-user-select: none;

}

.copyrightHolder
{
	position: relative;
	width: auto;
	height: auto;
	max-width: 80%;
	margin-top: 4px;
    font-family: 'sanfrandisplay-regular', Arial, sans-serif;
    text-align: left;
    font-size: 10px;
	color: rgba( 200,200,200, 1);
	opacity: 0.5;
	pointer-events: none;
	-webkit-user-select: none;

}

.artistNameSearchHolder
{
	position: relative;
	width: 90%;
	height: auto;
    font-family: 'sanfrandisplay-heavy', Arial, sans-serif;
    text-align: left;
    font-size: 18px;
	color: rgba( 220, 220, 220, 1);
	opacity: 0.8;
	pointer-events: none;
	-webkit-user-select: none;
}

.playlistArtistNameHolder
{
	margin-top: 8px;
}

.releaseNameSearchHolder
{
	position: relative;
	width: 90%;
	height: auto;
	margin-top: 0px;
	max-width: 80%;
	padding-right: 4px;
    font-family: 'sanfrandisplay-regular', Arial, sans-serif;
    line-height: 0.9;
    text-align: left;
    font-size: 12px;
	color: rgba( 200, 200, 200, 0.75);
	letter-spacing: 0.1em;
	text-overflow: ellipsis;
	text-transform: uppercase;
	overflow: hidden;
	pointer-events: none;
	-webkit-user-select: none;
}

.associateSearchHolder
{
	position: relative;
	width: 90%;
	height: auto;
	margin-top: 0px;
	max-width: 80%;
	padding-top: 4px;
/*	padding-right: 20px;*/
    font-family: 'sanfrandisplay-medium', Arial, sans-serif;
    line-height: 0.9;
    text-align: left;
    font-size: 10px;
	color: rgba( 200, 200, 200, 0.5);
	letter-spacing: 0.1em;
	text-overflow: ellipsis;
/*	text-transform: uppercase;*/
	overflow: hidden;
	pointer-events: none;
	-webkit-user-select: none;
}


/* - - - - */

.profileMenuHeader
{
	position: relative;
	width: 470px;
	height: 125px;
	margin-top: 18px;
	margin-left: 2%;
	min-height: 60px;
/*	margin-bottom: 20px;*/
	border-radius: 10px;
	background: rgba( 240, 240, 240, 0 );
	z-index: 1001;
	overflow: visible;
	pointer-events: none;
	-webkit-user-select: none;
}

.profileDecorations
{
	position: relative;
	width: 470px;
	height: 40px;
/*	margin-top: 10px;*/
	margin-left: 3%;
	min-height: 40px;
	margin-bottom: 20px;
	border-radius: 10px;
	background: linear-gradient( 180deg,
		rgba(0,0,0,0) 	0%,
		rgba(0,0,0,0.1) 60%,
		rgba(0,0,0,0.5) 100%
		);
	z-index: 1001;
	overflow: visible;
	pointer-events: auto;
	-webkit-user-select: none;
}

.profileExtras
{
	position: relative;
	width: 470px;
	height: auto;
	margin-left: 3%;
	min-height: 0px;
	margin-bottom: 20px;
	border-radius: 10px;
	z-index: 1001;
	overflow: visible;
	pointer-events: auto;
	-webkit-user-select: none;
}

.profileTitle
{
	position: relative;
	width: 94%;
	height: auto;
	margin-left: 3%;
	margin-top: 0px;
	margin-bottom: 10px;
    font-family: 'sanfrandisplay-regular', Arial, sans-serif;
    font-size: 12px;
    text-align: left;
    letter-spacing: 1px;
	color: rgba( 240, 240, 240, 0.6 );
	background: rgba( 40, 40, 40, 0 );
	z-index: 1001;
	overflow: hidden;
	pointer-events: none;
	-webkit-user-select: none;
}

.profileFirstLoadCount
{
	position: absolute;
	left: 15px;
/*	left: 125px;*/
	top: 9px;
	width: 60%;
	height: 12px;
	background: rgba( 20, 20, 20, 0 );
    font-family: 'sanfrandisplay-medium', Arial, sans-serif;
    text-align: left;
    font-size: 12px;
	color: rgba( 240,240,240, 1);
	opacity: 0.8;
	pointer-events: auto;
	-webkit-user-select: none;
}

.profileFirstLoadCountGraphic
{
	position: relative;
	width: auto;
	height: auto;
	margin-top: -5px;
	padding: 5px;
	padding-left: 10px;
	padding-right: 8px;
	background: rgba( 20, 20, 20, 0.8 );
    font-family: 'sanfrandisplay-bold', Arial, sans-serif;
	border-radius: 20px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	box-shadow: 0px 0px 20px rgba( 0, 0, 0, 0.5 );
	pointer-events: auto;
	float: left;
	-webkit-user-select: none;
}

.profileFirstLoadCountTitle
{
	position: relative;
	width: auto;
	height: auto;
	margin-top: -5px;
	padding: 5px;
	padding-left: 8px;
	padding-right: 10px;
	background: rgba( 20, 20, 20, 0.8 );
    font-family: 'sanfrandisplay-medium', Arial, sans-serif;
	color: rgba( 240, 240, 240, 0.6);
	letter-spacing: 0.1em;
	border-radius: 20px;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
/*	box-shadow: 0px 0px 20px rgba( 0, 0, 0, 0.5 );*/
	border-left: 1px solid rgba( 0, 0, 0, 1 );
	pointer-events: auto;
	float: left;
	-webkit-user-select: none;
}

.profileMenuHeaderBG
{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	filter: blur( 40px );
	opacity: 0.6;
	pointer-events: none;
	-webkit-user-select: none;
}

.profileMenuHeaderGrad
{
	position: absolute;
	width: 100%;
	height: 100px;
	left: 0px;
	top: 0px;
	background: linear-gradient( 0deg,
		rgba(0,0,0,0) 	0%,
		rgba(0,0,0,0.4) 40%,
		rgba(0,0,0,0.8) 100%
		);
/*	filter: blur( 40px );*/
	opacity: 1;
	pointer-events: none;
	-webkit-user-select: none;
}

.profileResultGrad
{
	position: absolute;
	width: 102%;
	height: 100px;
	left: 0px;
	top: 0px;
	background: linear-gradient( 0deg,
		rgba(0,0,0,0) 	0%,
		rgba(0,0,0,0.3) 40%,
		rgba(0,0,0,0.6) 100%
		);
	opacity: 1;
	pointer-events: auto;
	-webkit-user-select: none;
}

.profileMenuItemPreview
{
	position: absolute;
	width: 100px;
	height: 100px;
	left: 15px;
	top: 15px;
	border-radius: 10px;
	background: rgba( 240, 240, 240, 0.2 );
	overflow: visible;
	pointer-events: auto;
	-webkit-user-select: none;
}

.profileMenuItemData
{
	position: absolute;
	width: 325px;
	height: 90px;
	left: 130px;
	top: 28px;
	text-align: left;
    font-size: 12px;
	text-transform: uppercase;
	color: rgba( 240, 240, 240, 1 );
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	pointer-events: auto;
	-webkit-user-select: none;
}

.profileUsernameHolder
{
	position: relative;
	width: 96%;
	height: auto;
	max-width: 96%;
	margin-top: 0px;
	margin-bottom: 4px;
	margin-right: 0px;
    font-family: 'sanfrandisplay-heavy', Arial, sans-serif;
    text-align: left;
    font-size: 22px;
	color: rgba( 240, 240, 240, 1);
	opacity: 1;
	pointer-events: none;
	-webkit-user-select: none;
}

.profileGenreHolder
{
	position: relative;
	width: 96%;
	height: auto;
	max-width: 96%;
	margin-top: 0px;
	margin-bottom: 4px;
	margin-right: 0px;
	padding-right: 4px;
    font-family: 'sanfrandisplay-bold', Arial, sans-serif;
    line-height: 0.9;
    text-align: left;
    font-size: 14px;
	color: rgba( 240, 240, 240, 0.75);
	letter-spacing: 0.05em;
	text-overflow: ellipsis;
	text-transform: uppercase;
	overflow: hidden;
	pointer-events: none;
	-webkit-user-select: none;
}

.profileBioHolder
{
	position: relative;
	width: 96%;
	height: 42px;
	max-width: 100%;
	margin-bottom: 4px;
	margin-right: 0px;
	margin-top: 0px;
	padding-top: 4px;
    font-family: 'sanfrandisplay-regular', Arial, sans-serif;
	color: rgba( 240, 240, 240, 1 );
	text-transform: none;
	white-space: normal;
	text-overflow: visible;
    line-height: 1.3;
    font-size: 11px;
	overflow: hidden;
	pointer-events: none;
	-webkit-user-select: none;

}

.profileResultExit
{
	position: absolute;
	left: 15px;
	top: 4px;
	width: 80px;
	height: auto;
	padding: 5px;
/*	padding-left: 15px;*/
/*	padding-right: 15px;*/
	background: rgba( 240, 240, 240, 0.4 );
    font-family: 'sanfrandisplay-medium', Arial, sans-serif;
    text-align: center;
    font-size: 12px;
	letter-spacing: 1px;
	color: rgba( 20,20,20, 0.5);
	border-radius: 20px;
/*	border: 1px solid rgba( 240,240,240, 1);*/
	opacity: 0.8;
	pointer-events: auto;
	-webkit-user-select: none;
}

.profileTextSpacer
{
	width: 96%;
	max-width: 96%;
	margin-bottom: 4px;
	margin-right: 0px;
}

.profileBio
{
	height: 42px;
	width: 96%;
	max-width: 100%;
    font-family: 'sanfrandisplay-regular', Arial, sans-serif;
	color: rgba( 200, 200, 200, 0.8);
	text-transform: none;
	white-space: normal;
	text-overflow: visible;
    line-height: 1.3;
    font-size: 11px;
}

/* - - - - */

.releaseBioMask
{
	position: relative;
	width: 94%;
/*	height: 200px;*/
	height: auto;
	left: 0px;
	margin: 0px;
	margin-bottom: 20px;
	padding: 0px;
	overflow: hidden;
	-webkit-user-select: none;
}

.releaseBioHolder
{
	position: relative;
	width: 100%;
	height: auto;
/*	margin-bottom: 20px;*/
/*	max-width: 84%;*/
/*	max-height: 200px;*/
    font-family: 'sanfrandisplay-heavy', Arial, sans-serif;
    text-align: left;
    font-size: 18px;
	color: rgba( 240,240,240, 1);
	padding: 20px;
	padding-top: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
	padding-right: 30px;
	overflow-x: hidden;
	overflow-y: scroll;
/*	background: rgba( 255,0,0, 1 );*/
	-webkit-user-select: none;
}

.releaseBio
{
	position: relative;
/*	width: 85%;*/
	width: 90%;
	height: auto;
	margin-left: 5.5%;
	margin-top: 10px;
	margin-right: 0px;
    font-family: 'sanfrandisplay-regular', Arial, sans-serif;
    text-align: left;
    font-size: 12px;
    line-height: 1.5;
    padding: 0px;
/*    padding-bottom: 40px;*/
	color: rgba( 200,200,200, 1);
	opacity: 1;
	pointer-events: none;
	-webkit-user-select: none;
}

.releaseBioGrad
{
	position: absolute;
	left: 0%;
	top: 40px;
	width: 75%;
	max-height: 200px;
	margin-left: 5.5%;
	
	background: linear-gradient( 180deg,
		rgba(0,0,0,0.00) 0%,
		rgba(0,0,0,0.00) 96%,
		rgba(0,0,0,0.25) 100%
		);
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 20px;
	pointer-events: none;
	-webkit-user-select: none;
}

.releaseBioCredit
{
	position: relative;
	width: 75%;
	height: auto;
/*	margin-left: 5.5%;*/
	margin-top: 6px;
	margin-bottom: 4px;
    font-family: 'sanfrandisplay-regular', Arial, sans-serif;
    text-align: left;
    font-size: 9px;
	color: rgba( 80, 80, 80, 0.75);
	opacity: 1;
	pointer-events: none;
	-webkit-user-select: none;
}

.makeInert
{
	pointer-events: none;
	display: none;
/**/
/*	-webkit-transform-style: flat;*/
/*	-moz-transform-style: flat;*/
/*	-o-transform-style: flat*/
/*	-ms-transform-style: flat;*/
/*	transform-style: flat;*/
}

.makeLive
{
	pointer-events: auto;
	display: block;

/*	-webkit-transform-style: preserve-3d;*/
/*	-moz-transform-style: preserve-3d;*/
/*	-o-transform-style: preserve-3d;*/
/*	-ms-transform-style: preserve-3d;*/
/*	transform-style: preserve-3d;*/
}

.releaseAuthorDetails
{
	position: relative;
	width: 80%;
	height: auto;
	margin-left: 5%;
	margin-top: 40px;
	padding-top: 12px;
	padding-bottom: 12px;
	border-radius: 20px;
	opacity: 0.4;
    pointer-events: none;
	-webkit-user-select: none;
}

.releaseAuthorDetailsLink
{
	position: relative;
/*	margin: auto;*/
	font-family: 'sanfrandisplay-medium', Arial, sans-serif;
    text-align: left;
    font-size: 10px;
	letter-spacing: 0.5px;
	padding: 6px;
	padding-left: 30px;
	padding-right: 12px;
	border-radius: 20px;
    pointer-events: auto;
	-webkit-user-select: none;
}

.relaseAuthorIMG
{
	position: absolute;
	width: 18px;
	height: 18px;
	left: 4px;
	top: 3px;
	border-radius: 50%;
	overflow: hidden;
    pointer-events: none;
	-webkit-user-select: none;
}

.releaseCreditsSourcesHolder
{
	position: relative;
	width:90%;
	height: auto;
	left: 5%;
	top: 20px;
	padding-bottom: 20px;
	margin-bottom: 40px;
	font-family: 'sanfrandisplay-regular', Arial, sans-serif;
    text-align: left;
    font-size: 9px;
	letter-spacing: 1px;
	line-height: 3;
    opacity: 1;
    border-radius: 0px;
    pointer-events: none;
	-webkit-user-select: none;
}

.releaseCreditsSource
{
	position: relative;
	float:left;
	padding: 2px;
	padding-left: 10px;
	padding-right: 9px;
	margin-right: 4px;
	margin-bottom: 4px;
	width: auto;
	height: auto;
    font-family: 'sanfranregular', Arial, sans-serif;
    text-align: left;
    font-size: 9px;
	border-radius: 10px;
	letter-spacing: 1px;
	line-height: 2;
	background: rgba(255,255,255,0);
	-webkit-user-select: none;
}

.releaseCreditsSourcesSpacer
{
	position: relative;
	width:100%;
	height: 20px;
	left: 0%;
	-webkit-user-select: none;
	-webkit-user-select: none;
}

/* PLAYLIST FLOATING */

.releaseResultTrackNameFloating
{
	box-shadow: -15px 0px 30px rgba( 0, 0, 0, 0.25 );
	-webkit-user-select: none;
}

.releaseResultTrackNameLive
{
	background: rgba( 255, 255, 255, 0.8 );
	color: rgba( 20, 20, 20, 0.8 );
/*	box-shadow: 0px 5px 20px rgba( 0, 0, 0, 0.25 );*/

/*	background: rgba( 20, 20, 20, 0.1 );*/

	pointer-events: auto;
	-webkit-user-select: none;
}

.releaseResultTrackNameInert
{
/*	background: rgba( 220, 220, 220, 0.1 );*/
/*	border: 1px solid rgba( 120, 120, 120, 1 );*/
	-webkit-user-select: none;
}

.playlistTrackCover
{
	position: absolute;
	height:	28px;
	width: 28px;
	left: 4px;
	top: 4px;
/*	border-radius: 6px;*/
	-webkit-user-select: none;
}

.playlistTrackLink
{
	position: absolute;
	height:	28px;
/*	width: 28px;*/
	left: 10px;
	top: 10px;
	font-family: 'sanfrandisplay-bold', Arial, sans-serif;
    font-size: 14px;
    line-height:1;
	text-align: left;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: rgba( 220, 220, 220, 0.5 );
	border-radius: 0px;
	-webkit-user-select: none;
}

.deviceType
{
	position: absolute;
	height:	8px;
	width: 8px;
	left: 2px;
	top: 2px;
	background-color: rgb( 255, 0, 0 );
	border-radius: 50%;
	opacity: 0;
	-webkit-user-select: none;
}

.releasePageHidden
{
/*	visibility: hidden;*/
	opacity: 0;
}


.footerButtonLive
{
	background: rgba( 255, 255, 255, 1 );
}


.makeBlurMore
{
	animation-duration: 0.75s;
	animation-name: makeBlurMoreNow;
	animation-iteration-count: 1;
	animation-timing-function: linear;
	animation-fill-mode: forwards;
	
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	pointer-events: auto;
	-webkit-user-select: none;
}

@keyframes makeBlurMoreNow
{
    0%
    {
		filter: blur( 0px );
	}
	100%
	{
		filter: blur( 50px );
	}
	
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	pointer-events: auto;
	-webkit-user-select: none;
}

.makeBlur
{
	animation-duration: 0.25s;
	animation-name: makeBlurNow;
	animation-iteration-count: 1;
	animation-timing-function: linear;
	animation-fill-mode: forwards;
	
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	pointer-events: auto;
	-webkit-user-select: none;
}

@keyframes makeBlurNow
{
    0%
    {
		filter: blur( 0px );
	}
	100%
	{
		filter: blur( 10px );
	}
	
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	pointer-events: auto;
	-webkit-user-select: none;
}

.makeClear
{
	/*	animation-delay: 1s;*/

	animation-duration: 0.25s;
	animation-name: makeClearNow;
	animation-iteration-count: 1;
	animation-timing-function: linear;
	animation-fill-mode: forwards;

	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	pointer-events: auto;
	-webkit-user-select: none;
}

@keyframes makeClearNow
{
    0%
    {
		filter: blur( 10px );
	}
	100%
	{
		filter: blur( 0px );
	}
	
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	pointer-events: auto;
	-webkit-user-select: none;
}

.makeDull
{
	animation-duration: 0.25s;
	animation-name: makeDullNow;
	animation-iteration-count: 1;
	animation-timing-function: linear;
	animation-fill-mode: forwards;
	
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	pointer-events: auto;
	-webkit-user-select: none;
}

@keyframes makeDullNow
{
    0%
    {
		filter: saturate( 1 ) contrast( 1 );
	}
	100%
	{
		filter: saturate( 0.8 ) contrast( 0.5 );
	}
	
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	pointer-events: auto;
	-webkit-user-select: none;
}

.privacyPanelHolderMask
{
	position: absolute;
	left: 50%;
/*	top: 50%;*/
	top: 5%;
	width: 600px;
	height: 800px;
	max-height: 90%;
	margin-left: -300px;
/*	margin-top: -400px;*/
	border-radius: 15px;
/*	border-top-left-radius: 0px;*/
	background: rgba( 80, 80, 80, 1 );
	box-shadow: 0px 6px 20px rgba( 0, 0, 0, 0.5 );
	z-index: 100002;
	overflow: hidden;
	pointer-events: auto;
	-webkit-user-select: none;
}


/*@media screen and (max-width: 768px)*/
/* and ( max-resolution: 1dppx )*/
/*@media screen and*/
/*(-webkit-min-device-pixel-ratio: 2) and*/
/*(max-width: 700px)*/
/*@media screen and*/
/*(-webkit-min-device-pixel-ratio: 3) and*/
/*(orientation: portrait)*/
/*(max-resolution: 192dpi)  and*/
/*(max-width: 768px)*/
/*{*/
/*	.showNotifications*/
/*	{*/
/*		margin-left: 16px;*/
/*		border-radius: 12px;*/
/*		padding-top: 20px;*/
/*		padding-bottom: 20px;*/
/*		font-size: 16px;*/
/*	}*/
/**/
	/*	.showNotifications*/
	/*	{*/
	/*		width: 200px;*/
	/*		top: 150px;*/
	/*		margin-left: -100px;*/
	/*		font-size: 18px;*/
	/*	}*/

@media screen and
(max-height: 620px)
{
/*	#feedbackLayer*/
/*	{*/
/*		border: 2px solid red;*/
/*	}*/
	
	.buttonHolder
	{
		width: 40px;
		height: 40px;
	}

	.footerFWDButton
	{
		margin-left: 55px;
		bottom: 0px;
	}
	
	.footerRWDButton
	{
		margin-left: -95px;
		bottom: 0px;
	}
	
	.footerPlayButton
	{
		width: 60px;
		height: 60px;
		left: 50%;
		bottom: -10px;
		margin-left: -30px;
	}
	
	.footerPlayCover
	{
		width: 60px;
		height: 60px;
	}
	
	.footerRandomButton
	{
		width: 40px;
		height: 40px;
		margin-left: 115px;
		bottom: 0px;
	}

	.footerImmersionButton
	{
		width: 40px;
		height: 40px;
		margin-left: -175px;
	}

	.footerPlaylistButton
	{
		width: 40px;
		height: 40px;
		margin-left: -160px;
		bottom: 0px;
	}

	.releaseSubMenu
	{
		width: 50px;
		height: 50px;
		left: 5px;
		bottom: 5px;
	}

	.releaseSubMenuButton
	{
		width: 40px;
		height: 40px;
		left: 5px;
		top: 5px;
	}

	.releaseSubMenuStripButton
	{
		width: 40px;
		height: 40px;
		margin-top: 10px;
	}
	
	.immersionButton
	{
		top: 18px;
		margin-right: -90px;
	}
	
	.fullScreenButton
	{
		top: 18px;
		margin-left: -90px;
	}

	.streemlinerIconMain
	{
		width: 46px;
		height: 46px;
		margin-left: -23px;
		margin-top: -30px;
	}

	.shelvesButton
	{
		bottom: 20px;
	}

	.searchButton
	{
		bottom: 20px;
	}
}

@media screen and
(-webkit-min-device-pixel-ratio: 3)
and (orientation: portrait)
/*and (max-width: 680px)*/
{

	.showNotifications
	{
		margin-left: 16px;
		border-radius: 12px;
		padding-top: 20px;
		padding-bottom: 20px;
		font-size: 16px;
	}
	
	.notificationPanel
	{
		width: 620px;
		height: 120px;
		top: -160px;
		margin-left: -310px;
	}
	
	.notificationHolder
	{
		position: relative;
		width: 600px;
		height: 100px;
		min-width: 600px;
		margin-left: 10px;
		margin-top: 10px;
		margin-bottom: 10px;
	}

	.notificationPanelClose
	{
		width: 50px;
		height: 50px;
		right: 10px;
		top: 10px;
	}

	.notificationPanelExpand
	{
		width: 40px;
		height: 40px;
		right: 15px;
/*		top: 70px;*/
		bottom: 10px;
	}
	
	.notificationShelf
	{
		width: 172px;
		height: 100px;
		border-radius: 10px;
	}

	.notificationCover
	{
		width: 100px;
		height: 100px;
		border-radius: 10px;
	}
	
	.notificationBody
	{
		position: absolute;
		left: 190px;
		top: 10px;
		width: 335px;
		height: 90px;
		text-align: left;
		border-radius: 6px;
		background: rgba( 0, 240, 0, 0 );
		pointer-events: auto;
		-webkit-user-select: none;
	}

	.notificationDate
	{
		font-size: 16px;
		letter-spacing: 1.5px;
		margin-top: 10px;
	}

	.notificationTitle
	{
		font-size: 20px;
		margin-top: 15px;
	}

	.notificationPara
	{
		font-size: 18px;
		margin-top: 15px;
	}

	@keyframes notificationPanelDropNow
	{
		0%
		{
			opacity: 1;
			transform: translate( 0px, 0px );
		}
		100%
		{
			opacity: 1;
			transform: translate( 0px, 170px );
		}
		
	}

	@keyframes notificationPanelRiseNow
	{
		0%
		{
			opacity: 1;
			transform: translate( 0px, 170px );
		}
		100%
		{
			opacity: 1;
			transform: translate( 0px, 0px );
		}
		
	}
	
	.introPromptHolder
	{
		position: absolute;
		width: 120px;
		height: 160px;
		left: 0px;
		top: 0px;
		margin-left: -60px;
		margin-top: -80px;
	}
	
	.introPromptLabel
	{
		width: 200px;
		margin-left: -100px;
		padding: 0px;
		padding-top: 6px;
		padding-bottom: 6px;
		border-radius: 14px;
		font-size: 14px;
	}

	.releaseAuthorDetails
	{
		transform: scale( 2.2 ) ;
	}

	.selectorHolderTitle
	{
		font-size: 30px;
	}

	.selectorHolderSubTitle
	{
		font-size: 20px;
	}
	
	.deviceType
	{
		background-color: rgb( 0, 128, 0 );
	}
	
	.searchButton
	{
/*		left: 20px;*/
		bottom: 40px;
	}
	
	.shelvesButton
	{
		bottom: 40px;
	}

	.buttonHolder
	{
		width: 70px;
		height: 70px;
	}

	.videoPlayHolder
	{
		width: 80px;
		height: 60px;
		margin-left: -40px;
		margin-top: -30px;
	}
	
	.footerRWDButton
	{
		margin-left: -140px;
	}
	
	.footerPlayButton
	{
		width: 100px;
		height: 100px;
		left: 50%;
		bottom: -10px;
		margin-left: -50px;
	}
	
	.footerPlayCover
	{
		width: 100px;
		height: 100px;
	}
	
	.footerRandomButton
	{
		width: 60px;
		height: 60px;
		margin-left: 155px;
	}

	.footerImmersionButton
	{
		width: 60px;
		height: 60px;
		margin-left: -215px;
	}

	.footerPlaylistButton
	{
		width: 60px;
		height: 60px;
		margin-left: -215px;
	}
	
	.streemlinerIcon
	{
		width: 80px;
		height: 80px;
		left: 50%;
		top: 20px;
		margin-left: -40px;
	}

	.streemlinerIconAxis
	{
		top: 60px;
	}
	
	.streemlinerIconMain
	{
		width: 80px;
		height: 80px;
		margin-top: -40px;
		margin-left: -40px;
	}
	
	.streemlinerBeta
	{
		top: 103px;
		font-size: 18px;
		letter-spacing: 2px;
	}

	.releaseTrackPageBGBlur
	{
		filter: blur( 40px ) contrast( 50% );
	}

	.releaseResultTrackStrip
	{
		width: 84%;
	}
	
	.releaseResultTrackCreditsHolder
	{
		margin-bottom: 20px;
	}
	
	.releaseResultTrackName
	{
		width: 77%;
/*		height: 40px;*/
/*		padding-top: 22px;*/
		height: 44px;
		padding-top: 16px;
		font-size: 36px;
	}
	
	.releaseResultTrackNameButton
	{
		font-size: 24px;
	}

	.releaseResultTrackNameMove
	{
		font-size: 24px;
	}

	.releaseTrackMoreButtonHolder
	{
		width: 10%;
		height: 72px;
	}
	
	.releaseTrackMoreButtonIMG
	{
/*		background: rgba( 240, 0, 0, 1 );*/
/*		position: absolute;*/
/*		height: 60%;*/
/*		margin-top: -30%;*/
	}
	
	.releaseNameHolder
	{
		margin-top: 12px;
	}
	
	.releaseTrackMoreNo
	{
/*		background: rgba( 0, 250, 0, 1 );*/
		top: 50%;
		height: 24px;
		margin-top: -12px;
/*		margin-top: -50%;*/
/*		margin-top: -20px;*/
		font-size: 24px;
	}
	
	.releaseResultTrackNumber
	{
		padding-top: 20px;
		font-size: 24px;
		margin-top: 4px;
	}
	
	.releaseTrackExtras
	{
		padding-bottom: 12px;
		font-size: 14px;
	}
	
	.releaseTrackCreditType
	{
		font-size: 14px;
	}

	.releaseTrackCredit
	{
		padding: 16px;
		padding-left: 20px;
		padding-right: 20px;
		margin-right: 12px;
		margin-bottom: 16px;
		border-radius: 40px;
		font-size: 20px;

/*		padding: 12px;*/
/*		padding-left: 18px;*/
/*		padding-right: 18px;*/
/*		margin-right: 8px;*/
/*		margin-bottom: 12px;*/
/*		border-radius: 40px;*/
/*		font-size: 16px;*/
	}
	
	.releaseTrackCreditWithNote
	{
		padding-right: 42px;
	}
	
	.releaseTrackCreditNote
	{
		width: 40px;
		height: 40px;
		top: 5px;
		right: 5px;
		color: rgba( 240, 240, 240, 0.9 );
		background: rgba( 20, 20, 20, 1 );
		margin-left: 10px;
	}
	
	.artistNameSearchHolder
	{
		margin-top: 5px;
		font-size: 24px;
	}

	.releaseNameSearchHolder
	{
		margin-top: 2px;
		font-size: 18px;
	}

	.associateSearchHolder
	{
		margin-top: 2px;
		font-size: 14px;
	}

	.releaseNameHolder
	{
		font-size: 28px;
	}

	.artistNameHolder
	{
		font-size: 24px;
	}

	.releaseBio
	{
		width: 85%;
/*		width: 75%;*/
		font-size: 18px;
	}
	
/*	.contributorContentHeader*/
/*	{*/
/*		height: 225px;*/
/*	}*/

	.contributorContentHeaderTitle
	{
		height: 28px;
	}

	.contributorContentHeaderSkillsMask
	{
		height: 40px;
	}

	.contributorContentHeaderSkill
	{
		height: 18px;
		font-size: 18px;
		margin-right: 8px;
		padding-left: 18px;
		padding-right: 18px;
		padding-bottom: 12px;
	}

	.contributorContentHeaderReleases
	{
		height: 18px;
		font-size: 18px;
		margin-right: 8px;
		padding-left: 18px;
		padding-right: 18px;
		padding-bottom: 12px;
	}

	.contributorContentHeaderBio
	{
		font-size: 18px;
/*		max-height: 100px;*/
	}
	
	.contributorContentHeaderAssociate
	{
		height: 18px;
		padding: 10px;
		padding-left: 18px;
		padding-right: 18px;
		padding-bottom: 14px;
		margin-right: 8px;
		margin-bottom: 8px;
		font-size: 18px;
	}
	
	.contributorPanelAxis
	{
		transform: scale( 1.18 ) ;
		top: 10%;
		height: 80%;

/*		height: 800px;*/
/*		margin-top: -400px;*/
	}
	
	.contributorPanel
	{
/*		height: 780px;*/
		height: 95%;
	}
	
	.playlistHolder
	{
		top: -4%;
		height: 105%;
/*		top: -6%;*/
/*		height: 110%;*/
/*		top: -15%;*/
/*		height: 130%;*/
	}

	.shelfLeftSpacer
	{
		overflow: visible;
	}

	.shelfContainer
	{
		overflow: visible;
	}

	.shelfContentContainer
	{
		overflow: visible;
	}
	
	.playlistBioHolder
	{
		margin-left: 20px;
		max-height: 600px;
	}

	.playlistIMGHolder
	{
		margin-left: -20px;
		width: 520px;
		height: 290px;
		margin-bottom: 20px;
		border-radius: 16px;
		float: none;
	}
	
	.releaseIMGHolder
	{
		width: 100px;
		height: 100px;
		margin-right: 20px;
/*		border-radius: 8px;*/
	}
	
	.shelfLike
	{
		right: 180px;
		top: 330px;
		width: 40px;
		height: 40px;
	}

	.shelfShare
	{
		right: 110px;
		top: 326px;
		width: 46px;
		height: 46px;
	}

	.shelfButtonLike
	{
		right: 12px;
		top: 11px;
		width: 23px;
		height: 23px;
	}

	.shelfButtonLikeCount
	{
		position: absolute;
		right: 39px;
		top: 10px;
		width: 36px;
		height: 22px;
		font-size: 18px;
	}

	.shelfButtonView
	{
		right: 12px;
		top: 32px;
		width: 23px;
		height: 23px;
	}

	.shelfButtonViewCount
	{
		position: absolute;
		right: 39px;
		top: 31px;
		width: 36px;
		height: 22px;
		font-size: 18px;
	}

	.profileViews
	{
		top: 12px;
		width: 20px;
		height: 23px;
		margin-left: 5px;
	}

	.profileViewsCount
	{
		top: 11px;
		width: 36px;
		height: 22px;
		margin-left: -36px;
		font-size: 18px;
	}
	
	.profileDecorations
	{
		height: 50px;
	}
	
	.playlistTrackCover
	{
		height:	42px;
		width: 42px;
		left: 4px;
		top: 4px;
/*		border-radius: 8px;*/
	}
	
	.playlistTrackLink
	{
		left: 14px;
		top: 18px;
		font-size: 28px;
	}
	
	.searchBarHolder
	{
		height: 64px;
	}
	
	.searchInputHolder
	{
		left: 2%;
		top: 2%;
	}
	
	.searchInput
	{
		font-size: 32px;
	}

	.searchGoButton
	{
		height: 95%;
		padding-top: 5%;
	}

	.shelvesPanelHolderMask
	{
		max-height: 80%;
	
	}

	.searchPanelHolderMask
	{
		max-height: 80%;
	
	}
	
	.searchMenuItem
	{
		min-height: 100px;
	}

	@keyframes panelRiseNow
	{
		0%
		{
			opacity: 0;
			transform: translate( 0px, 0px );
		}
		100%
		{
			opacity: 1;
			transform: translate( 0px, -130px );
		}
		
		-webkit-user-select: none;
	}

	/* - - - -  - - - - - - - - */

	@keyframes panelDropNow
	{
		0%
		{
			opacity: 1;
			transform: translate( 0px, 0px );
		}
		100%
		{
			opacity: 0;
			transform: translate( 0px, 130px );
		}
		
		-webkit-user-select: none;
	}
	
	.footerGrad
	{
/*	120822 */
/*		background: linear-gradient( 180deg,*/
/*			rgba(0,0,0,0) 	0%,*/
/*			rgba(0,0,0,0.35) 100%*/
/*			);*/
	}

	.headerGrad
	{
		background: linear-gradient( 0deg,
			rgba(0,0,0,0) 	0%,
			rgba(0,0,0,0.2) 100%
			);
	}

	.contributorSearchLink
	{
		padding: 14px;
		padding-left: 18px;
		padding-right: 18px;
		margin-right: 14px;
		margin-bottom: 18px;
		border-radius: 42px;
		font-size: 20px;
	}

	.historyBackButton
	{
		left: 105px;
	}
	
	.historyMenuPanelHolderMask
	{
		top: 125px;
	}
	
	.historyMenuItem
	{
		height: 100px;
	}
	
	.historyMenuItemPreview
	{
		width: 90px;
		height: 90px;
	}
	
	.historyMenuItemShelf
	{
		width: 170px;
		height: 90px;
	}
	
	.historyMenuItemIcon
	{
		width: 30px;
		height: 30px;
	}
	
	.historyMenuItemData
	{
		width: 320px;
		height: 80px;
		left: 105px;
		top: 5px;
		margin-top: 6px;
	}
	
	.contributorCloseHolder
	{
		right: 25px;
		top: 15px;
		width: 40px;
		height: 40px;
	}

	.videoCloseHolder
	{
		right: 40px;
		top: 20px;
		width: 60px;
		height: 60px;
	}

	.contributorRefreshHolder
	{
		left: 15px;
		top: 15px;
		width:40px;
		height: 40px;
	}

	.nowPlayingPanel
	{
		top: 28px;
		right: 94px;
		height: 60px;
		max-width: 28%;
	}
	
	.nowPlayingData
	{
	
	}
	
	.nowPlayingPreview
	{
		min-width: 50px;
	}
	
	.nowPlayingShelf
	{
		top: 28px;
		height: 70px;
		width: 70px;
		left: 194px;
		border-radius: 50%;
/*		display: none;*/
	}

	.nowPlayingShelfIMG
	{
		width: 118px;
		height: 70px;
	}

	.serviceButton
	{
		right: -5px;
		top: -5px;
		width: 20px;
		height: 20px;
	}

	.releaseShareHolder
	{
		width: 60px;
		height: 60px;
		right: -5px;
		top: 100px; /*	50%;*/
		margin-top: -25px;
	}
	
	.releaseCloseHolder
	{
		width: 60px;
		height: 60px;
		right: -5px;
	}

	.releaseReloadHolder
	{
		width: 50px;
		height: 50px;
	}

	.releaseCreditsBlock
	{
		width: 82%;
/*		width: 78%;*/
	}

	.releasePageNav
	{
		max-height: 36px;
		padding: 18px;
		padding-top: 0px;
		padding-bottom: 0px;
		border-radius: 6px;
		margin-right: 6px;
	}
	
	.playlistReleaseMoreHolder
	{
		width: 55px;
		height: 64px;
		margin-left: -70px;
		border-radius: 12px;
	}

	.releaseShareMenuHolder
	{
		width: 260px;
		left: -280px;
	}

	.releaseShareMenu
	{
		width: 92%;
		margin-left: 4%;
		padding-top: 20px;
		padding-bottom: 20px;
		margin-top: 8px;
		margin-bottom: 8px;
		font-size: 18px;
		background: rgba( 0, 0, 0, 0.1 );
	}
	
	.meesageContainer
	{
		transform: scale( 1.5 );
	}

	.releaseCanvasRotateHolder
	{
		width: 60px;
		height: 60px;
		margin-left: -30px;
	}

	.shelfReleasesContainer
	{
		margin-left: 60px;
	}
	
	.releaseTrackCreditTools
	{
		width: 45px;
		height: 45px;
	}
	
	.releaseTrackCreditWithTool
	{
		padding-right: 60px;
	}
	
	.releaseProgress
	{
/*		top: 140px;*/
		/*		bottom: -30px;*/
	}

	.releaseProgressClash
	{
/*		top: 110px;*/
		/*		bottom: -30px;*/
	}

	.streemlinerNoteToolPanelHolder
	{
		width: 620px;
		height: 160px;
		bottom: -80px;
		margin-left: -310px;
		margin-bottom: -30px;
		border-radius: 80px;
	}

	.immersionButton
	{
		margin-left: -140px;
		visibility: hidden;
	}

	.fullScreenButton
	{
		margin-left: 70px;
		visibility: hidden;
	}
	
	.releasePageVideoLoop
	{
		display: none;
	}
	
	.releaseServiceWrapper
	{
		width: 88%;
		height: 84px;
	}
	
	.releaseTrackToggleHolder
	{
		width: 60px;
		height: 60px;
	}
	
	.feedbackButton
	{
		top: 70%;
		width: 50px;
	}
	
	.reportButton
	{
		top: 70%;
		width: 50px;
		height: 50px;
	}
	
/*	.overlayPanelMessageScroller*/
/*	{*/
/*		height: 640px;*/
/*	}*/
	
	.overlayPanelMessageScroller
	{
		height: 680px;
	}
	
	.howToImage
	{
		min-width: 280px;
		height: 600px;
	}

	@keyframes howToImageContainerOpenNow
	{
		0% 	{ height: 0px; }
		100%{ height: 680px; }
/*		620*/
	}
	
	.feedbackPanelHolderMask
	{
		transform: scale( 1.1 );
/*		transform: scale( 1.25 );*/
	}

	.feedbackPanelHolderMaskExtended
	{
		transform: scale( 0.9 );
		height: 800px;
/*		margin-top: -400px;*/
	}

	.profilePanelHolderMask
	{
		transform: scale( 1.1 );
	}
	
	.settingsPanel
	{
		transform: scale( 1.4 );
	}
	
	.streemlinerNoteCancelHolder
	{
		left: 65px;
		width: 80px;
		height: 80px;
		margin-left: -40px;
		margin-top: -40px;
	}

	.streemlinerNoteAcceptHolder
	{
		right: 50px;
		width: 80px;
		height: 80px;
		margin-left: -40px;
		margin-top: -40px;
	}

	.streemlinerNoteDeleteHolder
	{
		width: 100px;
		height: 100px;
		margin-left: -170px;
		margin-top: -50px;
	}

	.streemlinerNoteRecordHolder
	{
		width: 106px;
		height: 106px;
		margin-left: -53px;
		margin-top: -53px;
	}

	.streemlinerNotePlayHolder
	{
		width: 100px;
		height: 100px;
		margin-left: 70px;
		margin-top: -50px;
	}

	.releaseBioHolder
	{
		font-size: 22px;
	}

	.releaseBioCredit
	{
		font-size: 14px;
	}

	.releaseResultTrackBio
	{
		font-size: 22px;
		margin-bottom: 20px;
	}
}



.profileFirstLoadCount5
{
	background: linear-gradient(-45deg, rgba(29,47,121,1) 0%, rgba(20,73,214,1) 17%, rgba(0,37,91,1) 69%, rgba(0,102,195,1) 100%);
	color: rgba( 240, 240, 240, 1 );
}

.profileFirstLoadCount10
{
	background: linear-gradient(-45deg, rgba(32,121,29,1) 0%, rgba(18,167,40,1) 17%, rgba(0,91,10,1) 69%, rgba(1,139,21,1) 100%);
	color: rgba( 240, 240, 240, 1 );
}

.profileFirstLoadCount15
{
	background: linear-gradient(-45deg, rgba(121,29,29,1) 0%, rgba(167,18,18,1) 17%, rgba(91,0,0,1) 69%, rgba(139,1,1,1) 100%);
	color: rgba( 240, 240, 240, 1 );
}

.profileFirstLoadCount50
{
	background: linear-gradient(-45deg, rgba(120,120,120,1) 0%, rgba(167,167,167,1) 17%, rgba(85,85,85,1) 69%, rgba(150,150,150,1) 100%);
}

.profileFirstLoadCount100
{
	background: linear-gradient(-45deg, rgba(121,83,29,1) 0%, rgba(167,115,18,1) 17%, rgba(91,69,0,1) 69%, rgba(139,124,1,1) 100%);
}

/*.profileFirstLoadCount250*/
/*{*/
/*	background: linear-gradient(-45deg, rgba(255,255,252,1) 0%, rgba(203,152,94,1) 41%, rgba(245,254,255,1) 81%, rgba(255,243,224,1) 100%);*/
/*	color: rgba( 20, 20, 20, 1 );*/
/*}*/
/**/
.profileFirstLoadCount250
{
	background: linear-gradient(-45deg, rgba(255,255,252,1) 0%, rgba(131,159,221,1) 41%, rgba(245,254,255,1) 81%, rgba(224,250,255,1) 100%);
	color: rgba( 20, 20, 20, 1 );
}

.profileFirstLoadCount500
{
	background: rgba( 240, 240, 240, 1 );
	color: rgba( 20, 20, 20, 1 );
}