html {-webkit-text-size-adjust:none}

.radioDiv { display:table-row; }
.radioDiv .radioSpan { display:table-cell; vertical-align:top; } /* You can omit the entire span if you don't want the radiobutton vertically centered */
.radioDiv label { display:table-cell; }

#emailDidYouMeanContainer
	{
	float:right;
	margin:-4px 0px 5px 0px;
	display:none;	
	}
	
.vizyHideIfUploadingExistingSong
	{
	}
	
.borderBox
	{
	box-sizing: border-box;
	}
	
.vizyFormSection
	{
	margin-top: 22px;
	}

.vizyFormLabel
	{
	text-transform: uppercase;
	font-size: 9pt;
	}
	
.fileKidTermsContainer
	{
	color:#333333;
	line-height:1.5em;
	}

.fileKidTermsSlogan
	{
	margin-top:15px;
	color:#666666;
	}
	
.fileKidTermsDetails
	{
	margin-top:15px;
	font-size:11px;
	color:#666666;
	line-height: 1.5em;
	}

	
.navEnvelope
	{
	color: #FFFFFF !important;
	margin-left: 10px;
	}


.unreadMessageCount
	{
	position: absolute;
	top:-9px;
	left:8px;
	background: #d00000 !important;
	padding:3px;
	border-radius: 25%;
	font-size: 8pt;
	}

.navDropdownHide
	{
	display: none !important;
	}

.navDropdownShow
	{
	display: block !important;
	}

.moreMenu
	{
	padding:10px;
	cursor: pointer;
	border-bottom: 1px solid hsla(0, 0%, 0%, 0.09);
	}
	
.moreMenuContainer
	{
	border-radius: 0px 0px 5px 5px;
	box-shadow:3px 3px 5px 0px hsla(0, 0%, 0%, 0.12);
	border:1px solid hsla(0, 0%, 0%, 0.17);
	line-height:1.4em;
	text-transform: none;
	text-align: left;
	font-weight: normal; 
	background: #FFFFFF;
	color: #333333;
	width: 380px;
	box-sizing: border-box;
	}

.navDropdown
	{
	position: absolute;
	right: 0px;
	margin-top: 5px;
	display: none;
	z-index: 100000;
	}
	
.moreMenu:hover
	{
	background: #f2f2f2;
	}
	
.invisible
	{
	visibility: hidden;
	}
	
.vizyPricingBlock
	{
	margin-top: 26px;
	background: #FFFFFF;
	padding:25px 20px 10px 23px;
	box-sizing: border-box;
	border:1px solid rgba(0, 0, 0, 0.12);
	}
	
.vizySongInput
	{
	display: block;
	cursor: pointer;
	width: 100%;
	box-sizing: border-box;
	background: #FFFFFF;
	color:#4f5057;
	font-size: 10pt;
	border:1px dotted #AAAAAA;
	padding:1em;
	text-align: center;
	}

.vizyAudioFilenameGoesHere
	{
	overflow: hidden;
	text-overflow: ellipsis;
	}

.rightVizyColumn
	{
	padding-left: 30px;
	width: 100%;
	}
	
#vizyAudio
	{
	height: 27px;
	width: 207px;
	height:100%;
	opacity: 0;
	cursor: pointer;
	}

.vizyCheckboxes label {
  display: block;
  padding-right: 10px;
  padding-left: 22px;
  text-indent: -22px;
}
.vizyCheckboxes input {
  vertical-align: text-bottom;
}
.vizyCheckboxes label span {
  vertical-align: middle;
}

.vizySongInputDragOver
	{
	background: #F1F1F1;
	}
	
.vizySongInputPopulated
	{
	}
	
.hyperFollowSocialMediaIcon
	{
	height: 30px;
	width: 30px;
	vertical-align: middle;
	margin-left: 10px;
	border: 1px solid rgba(255, 255, 255, 0.2);
	box-sizing: border-box;
	}
	
.applyTheseSocialMediaLinksToAll
	{
	margin-top:17px;
	margin-left:33px;
	box-sizing: border-box;
	padding-right: 1em;	
	}
	
.hyperFollowSocialMediaIconContainer
	{
	text-align: right;
	background: rgba(0, 0, 0, 1);
	padding:6px;
	font-size: 0;
	}
	
.redbg
	{
	color:#FFFFFF !important;
	background:#d00000 !important;
	}

.grayBg
	{
	color:#000000 !important;
	background:#EEEEEE !important;
	}

.mobileBreak480
	{
	display: inline;
	}
	
.grayWithBlueMouseover
	{
	color: #999999 !important;
	}

.grayWithBlueMouseover:hover 
	{
	color:#0071c7 !important;
	}

.hyperfollowUnfollowButton
	{
	margin-right: 10px;
	cursor:pointer;
	box-sizing: border-box;
	display: inline-block;
	height:30px;
	padding: 6px 9px 4px 6px;
	width: 125px;
	}
	
.messageToHeader
	{
	padding: 20px;
	box-sizing: border-box;
	font-size: 14pt;
	border-bottom: 1px solid rgba(0, 0, 0, 0.12);
	}
	
.messageToHeaderEllipsis
	{
	float: right;
	padding:1.5em 1.4em 1.4em 0em;
	cursor: pointer;
	}
	
.messageToHeaderEllipsisMenu
	{
	font-size:12pt;
	box-sizing: border-box;
	box-shadow: 3px 3px 5px 0px hsla(0, 0%, 0%, 0.12);
	z-index:100;
	right:18px;
	width: 100%;
	max-width: 160px;
	background: #FFFFFF;
	border:1px solid hsla(0, 0%, 0%, 0.17);
	position: absolute;
	}

.messageToHeaderEllipsisMenuItem
	{
	padding:10px;
	background: #FFFFFF;
	color: #333333;
	cursor: pointer;
	font-size: 15px;
	}
	
.messageToHeaderEllipsisMenuItem:hover
	{
	padding:10px;
	background: #f2f2f2;
	}
	
.saveEmailButton
	{
	box-sizing: border-box;
	font-size: inherit !important;
	display: inline-block;
	padding: 6px 8px 4px 8px !important;
	height:30px;
	border-radius: 0px 8px 8px 0px !important;
	border-left: none !important;
	width: 100%;
	max-width: 200px;
	}
	
.emailMeTd
	{
	width:190px;
	}

.myEmailAddress
	{
	width: 190px;
	box-sizing: border-box;
	line-height: 31px;
	min-width: 0px; 
	height:30px;
	vertical-align: bottom;
	border: 1px solid #006ca4;
	border-right: none;
	padding-bottom: 1px;
	}
	
.mobileFloatLeftDesktopFloatRight
	{
	float: right;
	}
	
.mobileClear
	{
	display: none;
	}
	
.showWhoImSendingTo
	{
	font-size: 16pt;
	margin-bottom: 10px;
	}

.messageTimeStamp
	{
	text-align: center;
	margin-bottom: 10px;
	display: none;
	}
	
.message_me a, .message_me_bulk a
	{
	color: #FFFFFF !important;
	text-decoration: underline;
	}

.message_me a:hover, .message_me_bulk a:hover
	{
	color: #FFFFFF;
	text-decoration: underline;
	}
		
.hyperfollowArtistHeader
	{
	border-radius: 0px 0px 5px 5px;
	background: #FFFFFF;
	color: #333333;
	}
	
.addressLine
	{ 
	display: inline-block;
	}

.addressLine:after
	{ 
	content: "\B7";
	}

.addressLine:nth-of-type(4):after
	{ 
	content: "";
	}

.swal2-content
	{
	line-height: 1.5em;
	}
	
.tableFlex
	{
	display: flex;
	}
	
.spotifyGreenBg
	{
	background:#1DB954;
	}
	
.tabletBreak
	{
	display: inline;
	}

	
.spotifyGreenBgHoverHighlight:hover
	{
	background: #1fbf57 !important;
	}

.spotifyPresaveLonely
	{
	text-align: center; 
	padding:2em 1em 2em 1em;
	box-sizing: border-box;
	border-radius: 4px;
	margin-bottom: 1em;
	color: #FFFFFF;
	}
	
.blueHoverHighlight:hover 
	{
	color:#0884c5;
	}
	
.showIfIncomingFromSpotify
	{
	display: none;
	}

#emailDidYouMeanContainer .didYouMean {
	color: red;
}

.hyperfollowPlayButton
	{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	}

.dkRequiredForSpotifyBackground
	{
	background:#f0f7fe !important;
	}
	
.playTd
	{
	border-radius: 0px 0px 0px 4px;
	background: #FFFFFF;
	width:60px;
	}

.playTd_multi
	{
	border-radius: 0px 0px 0px 4px;
	width:125px;
	}

.hyperfollowPlayButtonLowerRight
	{
	bottom: 6px;
	left: 7px;
	top: auto;
	transform: none;
	}
	
.hyperfollowPlayButtonIconContainer 
	{
	color:#FFFFFF;
	opacity: 1;
	}
		
.playButtonShadow
	{
	text-shadow: 0px 0px 5px rgba(0, 0, 0, .5);
	}

.hyperfollowPlayButtonIconContainer:hover
	{
	color:#FFFFFF;
	opacity: 1;
	}
	
.hyperfollowPlayButtonIcon
	{
	font-size: 75pt;
	vertical-align: middle;
	cursor: pointer;
	}

.hyperfollowPlayButtonIcon:hover
	{
	color:#0884c5 !important;
	}

.hyperfollowPlayButtonIconSmaller
	{
	font-size: 36pt;
	}

.playHeaderContainer
	{
	margin-bottom: -12px;
	}
	
.playHeaderWords
	{
	color: #FFFFFF;
	background:#333333;
	padding:1em;
	text-align: center;
	border:1px solid rgba(51, 51, 51, 0.41);
	border-radius:4px 4px 0px 0px;
	}
	
.artistNameContainer
	{
	padding:15px 15px 15px 15px;
	margin-bottom: 21px;
	}

.storeLinksContainer
	{
	box-shadow: none;
	background: #FFFFFF;
	border-left: 1px solid rgba(0, 0, 0, 0.1); 
	border-right: 1px solid rgba(0, 0, 0, 0.1); 
	border-bottom: none;
	border-top: none;
	border-radius: 0px 0px 4px 4px;
	}

.artistNameText
	{          
	font-family: "Montserrat","Lato",helvetica,arial,sans;
	font-weight: 900;
	text-transform: uppercase;
	text-align: left;
	color:#555555;
	box-sizing: border-box;
	}
	
.wrap
	{ 
	white-space: pre-wrap;      /* CSS3 */   
	white-space: -moz-pre-wrap; /* Firefox */    
	white-space: -pre-wrap;     /* Opera <7 */   
	white-space: -o-pre-wrap;   /* Opera 7 */    
	word-wrap: break-word;      /* IE */
	}

.inboxTextMessagingLabel
	{
	text-transform: uppercase;
	margin-top: 3px;
	font-size: 7px;
	box-sizing: border-box; 
	padding:2px 4px 2px 4px;
	border-radius: 3px; 
	background:#000000;
	color:white;
	}
	
.inboxEmojiMessage
	{
	font-size:35pt !important;
	padding:.1em .2em .1em .2em !important;
	}

.inboxCharCount
	{
	display: inline-block;
	margin-right: 5px;
	color:#666666;
	font-size: 9pt;
	}
	
.inboxMedia_me
	{
	max-width: 50%;
	border-radius: 5px;
	margin-bottom: 8px;
	float: right;
	}
	
.inboxMedia_you
	{
	max-width: 50%;
	border-radius: 5px;
	margin-bottom: 8px;
	}
	
.message_me
	{
	line-height:1.3em;
	max-width:70%;
	margin-bottom: 10px;
	background: #0F78B8;
	color:#FFFFFF;
	float:right;
	clear:all;
	display: inline-block;
	padding:.5em .7em .5em .7em;
	border-radius: 5px;
	word-wrap:break-word;
	clear:both;
	}

.message_me_bulk
	{
	line-height:1.3em;
	max-width:70%;
	margin-bottom: 10px;
	background: #a228b8;
	color:#FFFFFF;
	float:right;
	clear:all;
	display: inline-block;
	padding:.5em .7em .5em .7em;
	border-radius: 5px;
	word-wrap:break-word;
	clear:both;
	}
	
.message_you
	{
	display: inline-block;
	padding:.5em .7em .5em .7em;
	border-radius: 5px;
	line-height:1.3em;
	max-width:70%;
	margin-bottom: 10px;
	background: rgba(0, 0, 0, 0.1);
	word-wrap:break-word;
	clear:both;
	}
	
.message_you_bulk
	{
	display: inline-block;
	padding:.5em .7em .5em .7em;
	border-radius: 5px;
	line-height:1.3em;
	max-width:70%;
	margin-bottom: 10px;
	background: #a228b8;
	color: #FFFFFF;
	word-wrap:break-word;
	clear:both;
	}
	
.message_you_bulk a,.message_you_bulk a:visited
	{
	color: #FFFFFF;
	text-decoration: underline;
	}
	
.inboxLeft
	{
	float: left;
	width: 25%;
	overflow:scroll;
	overflow-y:auto;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
	z-index: 100;
	background: #FFFFFF;
	z-index: 100; /* z-index so it's above .inboxMobileOverlayToClickAndDismissMenu but below everything else */
	}
	
.inboxMobileOverlayToClickAndDismissMenu
	{
	display: none;
	background: rgba(0, 0, 0, 0.0);
	position: absolute;
	height:100%;
	width: 100%;
	left:0px;
	top: 0px;
	z-index: 50; /* z-index so it's below .inboxLeft but above everything else */ 
	-webkit-animation: inboxMobileOverlayToClickAndDismissMenuBackgroundAnimation linear .15s; 
    -webkit-animation-fill-mode: forwards;
    animation: inboxMobileOverlayToClickAndDismissMenuBackgroundAnimation linear .15s;
    animation-fill-mode: forwards;
	} 

@-webkit-keyframes inboxMobileOverlayToClickAndDismissMenuBackgroundAnimation 
	{ 
    0% { background: rgba(0, 0, 0, 0.0); }
    100% { background: rgba(0, 0, 0, 0.36); } 
	} 
@keyframes inboxMobileOverlayToClickAndDismissMenuBackgroundAnimation 
	{ 
    0% { background: rgba(0, 0, 0, 0.0); }
    100% { background: rgba(0, 0, 0, 0.36); } 
	}	
	
.inboxMobileOverlayToClickAndDismissMenuBackgroundAnimateBackToTransparent
	{
	background: red !important;
	transition: 5.15ms;
	-webkit-animation: inboxMobileOverlayToClickAndDismissMenuBackgroundAnimationUndo linear .15s; 
    -webkit-animation-fill-mode: forwards;
    animation: inboxMobileOverlayToClickAndDismissMenuBackgroundAnimationUndo linear .15s;
    animation-fill-mode: forwards;
	} 

@-webkit-keyframes inboxMobileOverlayToClickAndDismissMenuBackgroundAnimationUndo 
	{ 
    0% { background: rgba(0, 0, 0, 0.36); } 
    100% { background: rgba(0, 0, 0, 0.0); }
	} 
@keyframes inboxMobileOverlayToClickAndDismissMenuBackgroundAnimationUndo 
	{ 
    0% { background: rgba(0, 0, 0, 0.36); } 
    100% { background: rgba(0, 0, 0, 0.0); }
	}	

.inboxRight
	{
	float: left;
	width: 75%;
	border-left: 1px solid rgba(0, 0, 0, 0.11);
	box-sizing: border-box;
	}
	
.inboxDate
	{
	float: right;
	font-size: 9pt;
	color: #999999;
	}
	
.inboxRow.selected
	{
	background:rgba(0, 0, 0, 0.045) !important;
	}

.inboxRow
	{
	padding: 15px 15px 15px 0px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
	border-left: 1px solid rgba(0, 0, 0, 0.05);
	cursor: pointer;
	box-sizing: border-box;
	}
	
.inboxLeftMenuItem
	{
	padding: 25px 15px 25px 15px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
	border-left: 1px solid rgba(0, 0, 0, 0.05);
	cursor: pointer;
	box-sizing: border-box;
	}
	
.purple
	{
	color:#af2daf
	}
	
.purple
	{
	color:#af2daf
	}
	
.purpleBackground
	{
	background:#af2daf
	}
	
.bulkMessaging:hover
	{
	background: #af2daf;
	}
	
.inboxRow:hover
	{
	background: rgba(0, 0, 0, 0.15);
	}
	
.newMessageIndicator
	{
	position: absolute;
	bottom:0px;
	right:0px;
	height: 10px;
	width:10px;
	border-radius: 5px;
	background: #0F78B8;
	display: none;
	}
	
.inboxFrom
	{
	padding:0px 15px 0px 10px;
	font-size:13pt;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	box-sizing: border-box;
	}

.inboxPreview
	{
	padding:0px 15px 0px 10px;
	font-size:10pt;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	color:#999999;
	box-sizing: border-box;
	position: relative;
	}

.inboxUnread
	{
	opacity: 1 !important;
	font-weight: bold;
	}

.inboxConversation
	{
	box-sizing: border-box padding:15px;
	/* height:calc(100% - 226px); */
	overflow: scroll;
	overflow-x:hidden;
	overflow-y: auto;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	padding:1em 4% 1em 4%;
	box-sizing: border-box;
	-webkit-overflow-scrolling: touch;
	}
	
.inboxConversationContainer
	{
	position: relative;
	overflow: scroll;
	overflow-y:auto;
	overflow-x: hidden;
	}
	
.inboxNewMessage
	{
	box-sizing:border-box;
	width: 100%;
	position: absolute;
	min-height:3.5em;
	line-height: 1.5em;
	padding: 1em;
	outline: none;
	font-size: 12pt;
	}

.inboxSendButton
	{
	float: right;
	line-height: 1.5em;
	padding: 1em 1em 1em 1em;
	box-sizing: border-box;
	}
		
.hyperfollowFollow
	{
	position: inherit;
	}

.hyperfollowPrivateMessage
	{
	position: inherit;
	margin-top: 16px;
	border-radius:5px;
	}

.hyperfollowRegisterHelp
	{
	float: left;
	line-height: 35px;
	margin-left: 5px;
	font-size: 10pt;
	opacity: .75;
	}
	
.messageSentLabel
	{
	display:none;
	margin-left:0px;
	font-size: 9px;
	text-transform: uppercase;
	padding:4px 10px 4px 10px;
	box-sizing: border-box;
	}

.hyperfollowArtPlaceholder
	{
	background-image: linear-gradient(45deg, #000000 25%, #212121 25%, #212121 50%, #000000 50%, #000000 75%, #212121 75%, #212121 100%);
	background-size: 28.28px 28.28px;
	}
	
.hyperfollowMailingListContainer
	{
	border-radius: 5px;
	margin-top: 1.3em;
	width: 100%;
	box-sizing: border-box;
	padding:18px 20px 20px 20px;
	background: rgba(0, 0, 0, 0.1);
	display: inline-block;
	border:1px solid rgba(0, 0, 0, 0.1)
	}
	
.presaveSpotifyButton
	{
	cursor:pointer;
	position: relative; 
	text-transform: uppercase;
	border-radius: 0px 0px 4px 4px;
	text-align: center; 
	padding:1.5em 1em 1.5em 1em;
	background: #1DB954;
	color:#FFFFFF;
	}
	
.presaveSpotifyButton:hover 
	{
	background: #1fbf57;
	}
	
.hyperfollowTextingContainer
	{
	border-radius: 5px;
	margin-top: 27px;
	width: 100%;
	box-sizing: border-box;
	padding:18px 20px 8px 20px;
	background: rgba(0, 0, 0, 0.1);
	display: inline-block;
	border:1px solid rgba(0, 0, 0, 0.1)
	}
	
.hyperfollowMobileStoreLink
	{
	padding:1.2em 1em 1.2em 1em;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	}

.hyperfollowMobileStoreLink:hover
	{
	background: rgba(0, 0, 0, 0.035);
	}
	
.moreFromTr:not(:last-child)
	{
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	}
	
.showMoreButtonContainer
	{
	padding:1em 1em 0px 1em;
	}
	
.moreFromTr:hover
	{
	background: rgba(0, 0, 0, 0.035);
	}
		
.hyperfollowMoreFromContainer
	{
	line-height: 1.5em;
	width: 100%;
	box-sizing: border-box;
	display: inline-block;
	background: #FFFFFF;
	border-radius: 4px;
	border-left: 1px solid rgba(0, 0, 0, 0.1);
	border-right: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	}

.hyperfollowListenNow
	{
	margin-top: 1.5em;
	line-height: 1.5em;
	width: 100%;
	box-sizing: border-box; 
	padding:20px 20px 20px 20px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	display: inline-block;
	border-radius: 5px;
	}

.mobileShowTablet
	{
	display:none;
	}

.mobileShowTabletInline
	{
	display:none;
	}

.container {
   overflow: hidden;
   margin:0px 1em 0px 1em;
   max-width: 900px;
}

.right {
    width: 100%;
	max-width: 320px;
    float: right;
    /* background:rgba(255, 255, 255, 0.65); */
}

.left
	{
    float: none; /* not needed, just for clarification */
    width: auto;
    overflow: hidden;
	}

.right2 {
    float: none; /* not needed, just for clarification */
    width: auto;
    overflow: hidden;
}

.left2
	{
    width: 100%;
	max-width: 320px;
    float: left;
    background:rgba(255, 255, 255, 0.65);
	}


.fa-drag-handle:before
	{
    content: "\f142 \f142";
    letter-spacing: 0.1em;
	}

	.hyperFollowDspLink
		{
		padding: 1.2em 1em 1.2em 1em;
		text-align: left;
		transition: .2s;
		cursor: pointer;
		border-bottom: 1px solid rgba(0, 0, 0, 0.07);
		border-right: 1px solid rgba(0, 0, 0, 0.07);
		}


	.hyperFollowDspLink:hover
		{
		background: rgba(255, 255, 255, 0.85);
		}
		
	.hyperFollowDspIcon
		{
		height: 40px;
		vertical-align: middle;
		}

.marginTop3ExceptFirst
	{
	margin-top: 3px;
	}
	
.buttonRed
	{
	display: inline-block;
	border:1px solid #FF0000;
	padding:.5em 1em .5em 1em;
	border-radius: 5px;
	color:#FF0000;
	cursor: pointer;
	background:#FFFFFF;
	text-align: center;
	}

.buttonBlue
	{
	display: inline-block;
	border:1px solid #2895F1;
	padding:.5em 1em .5em 1em;
	border-radius: 5px;
	color:#2895F1;
	cursor: pointer;
	background:#FFFFFF;
	text-align: center;
	}
	
.buttonBlue:hover 
	{
	display: inline-block;
	border:1px solid #2895F1;
	padding:.5em 1em .5em 1em;
	border-radius: 5px;
	color:#FFFFFF;
	cursor: pointer;
	background:#2895F1;
	text-align: center;
	}
	
.buttonWhite
	{
	display: inline-block;
	border:1px solid #2895F1;
	padding:.5em 1em .5em 1em;
	border-radius: 5px;
	color:#2895F1;
	cursor: pointer;
	background:#FFFFFF;
	text-align: center;
	}
	
.buttonWhite:hover 
	{
	background:#e3e3e3;
	}
	
.buttonRed:hover
	{
	background:#FF0000;
	color:#FFFFFF;
	}

.buttonGreen{
	display: inline-block;
	border:1px solid #4BB543;
	padding:.5em 1em .5em 1em;
	border-radius: 5px;
	color:#4BB543;
	cursor: pointer;
	background:#FFFFFF;
	text-align: center;
}

.buttonGreen:hover{
	background:#4BB543;
	color:#FFFFFF;
}

.buttonGreen.noUnderline:hover,
.buttonRed.noUnderline:hover {
	text-decoration: none !important;
}
	
.selectListWithNoBorders
	{
	border: none !important;
	background: none !important;
	-webkit-appearance: none !important;
    -moz-appearance: none !important;
    text-indent: 1px !important;
    text-overflow: '' !important;
    appearance: none !important;
	}
	
.portedOverFromSpotify:before
	{
	font-family: FontAwesome;
	font-weight: normal;
    content: "\f1bc";
	white-space: nowrap;
	}

.portedOverFromSpotify
	{
	color: #1DB954 !important;
	font-weight: bold;
	white-space: nowrap;
	}

.notPortedOverFromSpotify
	{
	background: #f0f7fe !important;
	color: #2860ad !important;
	font-weight: bold;
	white-space: nowrap;
	}


.spotifyGreenOnWhite
	{
	background: #1DB954 !important;
	color: #FFFFFF !important;
	}
	
.dkBlueOnWhite
	{
	background: #0F78B8 !important;
	color: #FFFFFF !important;
	
	}
	
.whiteOnBlack
	{
	background: #000000 !important;
	color: #FFFFFF !important;
	}
	
.marginTop3ExceptFirst:first-child 
	{
	margin-top: 0px;
	}

.breakdownRow
	{
	display: none;
	}
	
.highlightedFieldsAreRequired
	{
	background-color: rgba(255, 0, 0, 0.05) !important; 
	border:1px solid red !important;
	}
	
.myISRC
	{
	float:right;
	}
	
.stripeCardInputElement
	{
	background: #FFFFFF;
	display: inline-block;
	min-width: 200px;
	height: 30px;
	line-height: 30px;
	padding:2px 0px 0px 5px;
	border-radius: 0px;
	border:1px solid #CCCCCC;
	}
	
.mySongTitlesLeft
	{
	display: inline-block; 
	vertical-align: bottom;
	width:200px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	}
	
.myCreditsLeft
	{
	float:left;
	min-width: 300px;
	}
	
.storeDragHandle
	{
	margin-right:7px;
	color:#FFFFFF;
	text-shadow: -1px -1px rgba(0, 0, 0, 0.4);
	font-size: 17px;
	vertical-align: middle;
	}

.albumSongFeaturesLink
	{
	display: inline-block;
	margin-right: 10px;
	color:#CCCCCC !important;
	}
.albumSongFeaturesLink i {
	text-align: center;
	width:1rem;
}
.albumSongFeaturesLink:hover
	{
	color:#0071c7;
	}

.lyricsTextarea
	{
	font-size: 24px;
	padding:16px 10px 10px 20px;
	font-family: 'Crimson Text';
	color:#222222;
	border: 1px solid #CCCCCC; 
	width:100%;
	height:400px;
	box-sizing: border-box;
	outline: none;
	line-height: 30px;
	}
	
.checkboxHighlight
	{
	background:rgb(255, 142, 200);
	padding:3px 6px 3px 6px;
	}
	

.mobileShowBlock
	{
	display:none;
	}
		
.twitterLoveHeader
	{
	margin: 1rem;
	font-size:24px
	}
	
.desktopBr
	{
	display: block;
	}
	
.spin
	{
	-webkit-animation:spin 4s linear infinite;
	-moz-animation:spin 4s linear infinite;
	animation:spin 4s linear infinite;
	}
	
.facebookEmbedded
	{
	margin-top: 2px;
	}

.hoverWhiteUnderline
	{
	text-decoration: none;
	}

.hoverWhiteUnderline:hover
	{
	text-decoration: underline;
	}
	
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

.fa-times-thin:before
	{
	content: '\00d7';
	}
	
.mobileShow
	{
	display: none;
	}
	
.closeAlertContainer
	{
	float:right;
	font-size: 14px;
	opacity: .7;
	cursor: pointer;
	}
	
.mobileHideInline
	{
	display:inline;
	}

.mobileHideInlineTablet
	{
	display:inline;
	}

.closeAlertContainer:hover
	{
	opacity: 1;
	}

img.grayscale 
	{
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
	filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
	}

img.grayscale:hover 
	{
	filter: none;
	-webkit-filter: grayscale(0%);
	}
	
.marginRightIcon
	{
	margin-right:6px;
	}

.menuItemHeading
	{
	padding:1em;
	white-space: nowrap;
	color: rgba(255, 255, 255, 0.5);
	}

.menuItem
	{
	padding:1em;
	white-space: nowrap;
	cursor: pointer;
	}

.menuItem:hover
	{
	background:rgba(255, 255, 255, 0.1)
	}
	
.pageBg
	{
	position:fixed;
	top:-50%;
	left:-50%;
	width:200%;
	height:200%;
	background-color: #000000;
	z-index: -100;    
	overflow: hidden;
	}
	
.pageBgImage
	{
	position: absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	margin:auto;
	min-width: 55%;	
	min-height: 55%;
	-webkit-filter: blur(35px);
	filter: blur(35px);
	/* filter: url(/images/blur.svg#blur); */
	filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='35')
	opacity: .72;
	}

.fuzzyBackground
	{
	margin-left:-20%;
	margin-top:-20%;
	width: 150%;
	height: 150%;
	-webkit-filter: blur(35px);
	filter: blur(35px);
	/* filter: url(/images/blur.svg#blur); */
	filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='35');
	opacity: .72;
	}
	
.hyperfollowAlbumArt
	{
	/* box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.21); */
	display: block;
	width: 100%;
	/* border:1px solid rgb(210, 210, 210); */
	/* box-sizing: border-box; messed up */
	/* max-width: 700px; */
	border-radius: 4px;
	}
	
.hyperfollowAlbumArt2
	{
	/* box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.21); */
	display: block;
	width: 100%;
	border:1px solid rgb(181, 181, 181);
	box-sizing: border-box;
	max-width: 700px;
	border-radius: 5px;
	}
	
.hyperfollowRelatedAlbumsOverflow
	{
	display: none;
	}
		
.hyperfollowAlbumArtContainer
	{
	background: none;
	text-align: center;
	position: relative;
	}

.tableRowLink
	{
	cursor: pointer;
	}

.searchVaultInputBox
	{
	width:100%;
	max-width: 200px;
	}
	
.vaultTitle
	{
	width:65%;
	}

.tableRowLink:hover
	{
	color:#2895F1;
	}
	
.lightBlue
	{
	color:#2895F1;
	}

.songDownloadIcon
	{
	margin-left:5px;
	color:#AAAAAA;
	cursor: pointer;
	}
	
.songDownloadIcon:hover
	{
	color:#0F78B8;
	}
	
.pageImagePreviewBackground
	{
	background: url(../images/checkerboard.png);
	border:1px solid #bfbfbf;
	box-sizing: border-box;
	}
	
.paddingTop10
	{
	padding-top: 10px;
	}
	
.artworkVisible
	{
	text-align: center;
	position:absolute;
	top:0px;
	left:0px;
	height:280px;
	width:280px;
	overflow:hidden;
	}

.artworkInputBoxVisibleBorder
	{
	border:1px dotted #AAAAAA;
	}
	
.artworkInputBoxVisible
	{
	font-size:10pt;
	line-height:1.3em;
	text-align:center;
	cursor:pointer;
	position: absolute;
	top:0px;
	left:0px;
	height:280px;
	width:280px;
	background:#EEEEEE;
	box-sizing: border-box;
	}


.artworkInputBoxVisibleDragOver
	{
	border:1px dotted #111111 !important;
	background:#f3f3f3 !important;
	}

	
.artworkPreview
	{
	max-height: 100%;  
    max-width: 100%; 
    width: auto;
    height: auto;
    position: absolute;  
    top: 0;  
    bottom: 0;  
    left: 0;  
    right: 0;  
    margin: auto;
	}
	
.rightArrow {
    width: 47px;
    background-color: #00c5e5;
    color:#FFFFFF;
    position: relative;
    word-break:break-all;
    text-align: justify;
    padding: 4px 0px 4px 10px;
    display: inline-block;
    margin-right:25px;
}
.rightArrow:after, .rightArrow:before {
    content: "";
    position: absolute;
    left: 100%;
    width: 20px;
    height: 50%;
}
.rightArrow:before {
    top: 0px;
    background: linear-gradient(to top right, #00c5e5 50%, transparent 51%);
}
.rightArrow:after {
    bottom: 0px;
    background: linear-gradient(to bottom right, #00c5e5 50%, transparent 51%);
}

.pageSteps
	{
	margin-right:8px;
	box-sizing: border-box;
	padding:0px 10px 0px 10px; 
	display: inline-block;
	background:#00c5e5;
	color:#FFFFFF;
	line-height: 24px;
	}

.youtubeLoadingBackground
	{
	background: repeating-linear-gradient(
	  45deg,
	  #EEEEEE,
	  #EEEEEE 10px,
	  #CCCCCC 10px,
	  #CCCCCC 20px
	);
	}
	
.pageEditPencil
	{
	color:#CCCCCC;
	cursor: pointer;
	}

.pageEditPencil:hover
	{
	cursor: pointer;
	text-decoration: underline;
	color:#0071c7 
	}

.youtubeLoadingBackgroundDark
	{
	background: repeating-linear-gradient(
	  45deg,
	  #444444,
	  #444444 10px,
	  #333333 10px,
	  #333333 20px
	);
	}
	
.mobileShowInline
	{
	display:none;
	}

.opacityHover
	{
	opacity:0.75;
	}

.opacityHover:hover
	{
	opacity:1;
	}


.opacityHoverSuper
	{
	opacity:0.25;
	}

.opacityHoverSuper:hover
	{
	opacity:.8;
	}

.orange
	{
	color:#ff7227;
	}
	
.mint
	{
	color:#28daab;
	}
	
.lilac
	{
	color:#c746aa;
	}
	
.dashboardCheckboxDiv
	{
	display: inline-block;
	width:1.5em;
	}

.mobileTopAlign
	{
	vertical-align: middle;
	}
	
.termsHeadlineArea
	{
	margin-top:2em;
	text-align: center;
	padding:1em;
	box-sizing: border-box;
	}

.appleArtistLinkUrlHover
	{
	background-color: none;
	}

.appleArtistLinkUrlHover:hover
	{
	background-color: #e7e7e7 !important;
	}

.highlightSubtle
	{
	background-color: #dfdfdf;
	}

.termsHeadline
	{
	font-size:18pt;
	text-align: left;
	margin:0px 0px 3px 0px;
	}

.termsTextarea
	{
	height:290px;
	width:100%;
	padding:7px;
	box-sizing: border-box;
	outline:none;
	}
	
.hurryAndUpgrade
	{
	line-height:1.4em;
	color:#FFFFFF;
	padding:1em;
	background:#5cb85c;
	box-sizing: border-box;
	}

.uploadDaysLeftBadge /* should be "upgrade" doh */
	{
	position: absolute;
	top:-9px;
	left:0px;
	background: #5cb85c;
	padding:3px;
	border-radius: 25%;
	font-size: 8pt;
	}
	
.twoFactorContainer
	{
	text-align: left;
	width:400px;
	background:#EEEEEE;
	box-sizing: border-box;
	margin-top:80px;
	}

.twoFactorImage
	{
	width:400px;
	border-bottom: 1px solid #CCCCCC;
	}

.viewEditTeam
	{
	float:right;
	}

li.listSpaces
	{
	margin-bottom:1em;
	}

.navLink
	{
	font-size: 10pt;
	padding: 0px 12px 0px 12px;
	box-sizing: border-box;
	color:#FFFFFF !important;
	}
	
.navLink:hover 
	{
	text-decoration: underline;
	}
	
.white
	{
	color:#FFFFFF;
	}
	
.whiteHover:hover 
	{
	color:#FFFFFF;
	}

.whiteVisited:visited
	{
	color:#FFFFFF;
	}

.blue
	{
	color:#0F78B8;
	}
	
.blueBg
	{
	background-color:#0F78B8;
	color:#FFFFFF;
	}
	
.red
	{
	color:#d00000;
	}

.green
	{
	color:#009813 !important;
	}
	
.lightGreen
	{
	color:rgba(3, 204, 28, 0.73);
	}

.lightGreenBg
	{
	background:rgba(3, 204, 28, 0.73);
	}

.yellow
	{
	color:yellow;
	}

.gray
	{
	color:#999999;
	}
	
.grayWithRedMouseover
	{
	color:#999999;
	}

.grayWithRedMouseover:hover 
	{
	color:#d00000;
	}

.lightgray
	{
	color:#A9A9A9;
	}

.circle-processing {
	color: #FFCC37;
}

.circle-pending {
	color: #b0b0b0;
}

.teamError
	{
	background-color: #ffdcdc;
	}

.teamReviewChanges
	{
	background-color: #009813
	}

.teamReviewChanges:hover
	{
	background-color: #00a715;
	}

.teamCancel
	{
	background-color: #999999 !important;
	}

.teamCancel:hover
	{
	background-color: #AAAAAA;
	}


@-webkit-keyframes fadeIt {
  0%  { background-color: #FFCC00; }
  100% { background-color: none; }
}
@-moz-keyframes fadeIt {
  0%  { background-color: #FFCC00; }
  100% { background-color: none; }
}
@-o-keyframes fadeIt {
  0%  { background-color: #FFCC00; }
  100% { background-color: none; }
}
@keyframes fadeIt {
  0%  { background-color: #FFCC00; }
  100% { background-color: none; }
}

.backgroundPulse{    
    background-image:none !important;
    -webkit-animation: fadeIt 1s ease-in-out; 
       -moz-animation: fadeIt 1s ease-in-out; 
         -o-animation: fadeIt 1s ease-in-out; 
            animation: fadeIt 1s ease-in-out; 
}

.teamsHeadline
	{
	line-height:1em;
	max-width:520px;
	font-size:30pt;
	margin:80px 0px 0px 0px;
	color:#FFFFFF;
	}

.videoEmbediFrame
	{
	width:100%;
	height:360px;
	}

.socialMediaIcon
	{
	height:24px;
	width:24px;
	position: relative;
	}

.socialMediaIcon:hover
	{
	}
	
.styleGuideExample
	{
	background:#e7f4f9;
	padding-right:3px;
	padding-left:3px;
	}
	
.indentWrappedText
	{
	text-indent: -2.0em;
	padding-left: 2.0em;
	}
	
@media print {
  body * {
    visibility: hidden;
  }
  #section-to-print, #section-to-print * {
    visibility: visible;
  }
  #section-to-print {
    position: absolute;
    left: 0;
    top: 0;
  }
}


/* Grow Rotate (from hover.css) */
.hvr-grow-rotate {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.15s;
  transition-duration: 0.15s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-grow-rotate:hover, .hvr-grow-rotate:focus, .hvr-grow-rotate:active {
  -webkit-transform: scale(1.1) rotate(-14deg);
  transform: scale(1.1) rotate(-14deg);
}

img.desaturate
	{
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
	filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");
	}

a.pageSocialMediaIconsLink, a.pageSocialMediaIconsLink:visited
	{
	font-size:22pt;
	color:#68696b;
	}

a.pageSocialMediaIconsLink:hover 
	{
	color:#0071c7;
	}


.pageBandnameBox
	{
	font-size:20pt;
	text-transform: uppercase;
	text-align: center;
	box-sizing: border-box;
	padding:60px 0px 0px 0px;
	}

.pageNewsletterBox
	{
	max-width: 1000px;
	background:#DEDEDE;
	border-top:1px solid #CFCFCF;
	border-bottom:1px solid #CFCFCF;
	border-left:1px solid #CFCFCF;
	border-right:1px solid #CFCFCF;
	padding:2em 3em 3em 3em;
	box-sizing: border-box;
	margin:58px 0px 70px 0px;
	}

.pageSocialMedia
	{
	box-sizing:border-box;
	text-align: center;
	margin-top:10px;
	}

.pageSocialMediaIcons
	{
	margin:0px 0px 0px 15px;
	}

.pageStoreLink
	{
	color:#68696b;
	border-bottom:1px dotted black;
	font-weight: bold;
	text-decoration:none !important;
	}

.pageStoreLink:hover
	{
	text-decoration:none !important;
	}

.pagePadding
	{
	padding:0px 75px 0px 75px;
	}
	
.verticalCenteringParent 
	{
	height:200px;
	width:100%;
	margin:0px auto;
	display: table;
	}

.verticalCenteringChild 
	{
	text-align:center;
	display: table-cell; 
	vertical-align: middle;
	}
	
.littleStoreIcons
	{
	border:1px solid #DDDDDD;
	height:16px;
	width:16px;
	}
	
.whiteLink
	{
	color:#FFFFFF !important;
	text-decoration: underline;
	}
	
.underline
	{
	text-decoration: underline !important;
	}
	
.albumRow
	{
	float:left;
	}


.helpLabel
	{
	font-size:18pt;
	margin-bottom:14px;
	}
	
.desktopOnlyLeftMargin4
	{
	margin-left:4px !important;
	}

.mobileOnlyPadding
	{
	padding:0px 0px 0px 0px;
	box-sizing: border-box;
	}

.chartHalfPageWidth
	{
	width:50%;
	float:left;
	border:2px solid white;
	box-sizing: border-box;
	}
	
.chartFullPageWidth
	{
	width:100%;
	border:2px solid white;
	box-sizing: border-box;
	margin-top:20px;
	}

.discountHomepageGreeting
	{
	box-sizing:border-box;
	background:#FFCC00;
	padding:1em;
	}

.faqFont
	{
	font-size:10pt;
	line-height:1.5em;
	}
	
.taxFormSectionHeader
	{
	font-weight: bold;
	background:#EEEEEE;
	}
	
.idPerson
	{
	display:none;
	}
	
.idBusiness
	{
	display:none;
	}

.idBusinessPersonBoth
	{
	display:none;
	}
	
.pageAdminBlurb
	{
	box-sizing: border-box;
	margin-top:10px;
	max-width:400px;
	line-height:1.4em;
	}

.uploadNotice
	{
	background:#FFFF7F;
	padding:1em;
	box-sizing: border-box;
	margin: 0px 0px 10px 0px;
	}

.topBar
	{
	padding:14px 14px 13px 14px;
	background:#0F78B8;
	color:#FFFFFF;
	}
	
.pageFooter
	{
	position:fixed;
	bottom:0px;
	width:100%;
	z-index: 10000;
	text-align:center;
	padding:20px 20px 20px 20px;
	box-sizing: border-box;
	background:#444444;
	color:#FFFFFF;
	}

#pageSubscribeButton
	{
	font-size:14px;
	margin-top:15px;
	height:50px;
	box-sizing:border-box;
	width:140px;
	}
	
.pageMailingListBlock
	{
	margin:15px 0px 65px 0px;
	}
	
.pageBlurb
	{
	text-transform: uppercase;
	margin:25px 0px 0px 0px;
	max-width:600px;
	padding:0px 10px 0px 10px;
	box-sizing: border-box;
	color:#FFFFFF;
	}

.selectMailingListDiv
	{
	background:#FFFFFF;
	margin-top:5px;
	width:329px;
	box-sizing: border-box;
	}
	
.pageHalfDiv
	{
	background:#FFFFFF;
	margin:0px 0px 0px 2px;
	width:162px;
	box-sizing: border-box;
	}

.coolSelectMailingList
	{
	border-radius:0px;
	line-height:30px;
	height:30px;
	font-size:15px;
	outline:none;
	margin:0px;
	width:329px;
	padding:2px 0px 0px 5px;

	border:none;
	background:#FFFFFF;
	width:329px;
	overflow:hidden;
	color:#68696b;

	}
	
.pageJoinButton
	{
	width:329px;
	box-sizing: border-box;
	height:35px;
	font-size:10pt !important;
	}

.coolSelect
	{
	border-radius:0px;
	line-height:30px;
	height:30px;
	font-size:15px;
	border:1px solid #CCC;
	outline:none;
	margin:0px;
	padding:2px 0px 0px 5px;
	}

.ccTable
	{
	width:70%;
	}
	
.pageSongs
	{
	max-height:135px;
	overflow-y:scroll;
	overflow-x:hidden;
	}

.pageSongs::-webkit-scrollbar {
    -webkit-appearance: none;
}


.pageSongs::-webkit-scrollbar:vertical {
    width: 11px;
}	

.pageSongs::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 2px solid #EEEEEE; /* should match background, can't be transparent */
    background-color: rgba(0, 0, 0, .25);
}

.pageSongs::-webkit-scrollbar-track { 
    background-color: #EEEEEE;
    border-radius: 8px; 
} 

.mobileLineBreak
	{
	display:inline;
	}
	
.pageSectionContent
	{
	font-size:10pt;
	width:100%;
	}

.pageBottomSection
	{
	position:absolute;
	bottom: 0px;
	padding:0px 14px 16px 0px;
	}

.pageSeparator
	{
	border-bottom: 1px solid #DDDDDD;
	text-transform: uppercase;
	font-size: 8pt;
	margin:0px 0px 10px 0px;
	padding:2px 4px 2px 0px;
	box-sizing: border-box;
	width:259px;
	}
	
.albumBlock
	{
	position: relative;
	background:#EEEEEE;
	border-bottom:solid 5px #DDDDDD;
	padding:16px 16px 12px 16px;
	width:100%;
	clear:both;
	box-sizing: border-box;
	margin:0px 0px 2em 0px;
	}

.pageArtContainer
	{
	float:left;
	}

.pageSongsContainer
	{
	}

.pageStoreButtonContainer:hover
	{
	background:#a5a5a5;
	}
	
	
.pageStoreButtonContainer
	{
	cursor: pointer;
	background:#999999;
	padding:10px 10px 10px 10px;
	margin:2px 0px 0px 0px;
	color:#FFFFFF;
	width:100%;
	max-width: 300px;
	box-sizing: border-box;
	}
		
.pageStores
	{
	margin:2em 0px 0px 0px;
	}
	
.pageSong
	{
	margin:4px 0px 0px 0px;
	}
	
.pageSongCount
	{
	margin:1em 0px 0px 0px;
	}
	
.pageMetadata
	{
	float:left;
	margin-left:10px;
	text-align: left;
	}

.pageReleaseDate
	{
	text-transform: uppercase;
	font-size: 8pt;
	margin:4px 0px 0px 0px;
	}
		
.pageAlbumTitle
	{
	font-weight: bold;
	font-size:14pt;
	}
	
	
.pageBandname
	{
	font-size:100px;
	font-weight: bold;
	margin:200px 0px 30px 0px;
	color:#FFFFFF;
	font-family: helvetica,arial;
	}
	
.pageContainer
	{
	box-sizing: border-box;
	padding:10px 50px 0px 50px;
	min-height:600px;
	min-width:700px;
	}

.artworkInPage
	{
	background:#EEEEEE;
	border:1px solid #DDDDDD;
	width:300px;
	height:auto;
	min-width: 300px;
	}
	
.floatRightUnlessMobile
	{
	float:right;
	}
	
.tableHeader a, .tableHeader a:hover, .tableHeader a:active, .tableHeader a:visited
	{
	text-decoration: underline;
	color:white;
	}
	
.appleSelectCSS
	{
	width:10em;
	}
	
.appleArtistCSS
	{
	width:15em;
	}
	
.coverFull
	{
	display:none;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	width:100%;
	height:100%
	}

.clipartDiv
	{
	position:absolute;
	right:0px;
	bottom:-3px;
	width:50%
	}

.planPrice
	{
	font-size:16px;
	margin-top:5px;
	}

.ccImages
	{
	margin:0px 0px 0px 2px;
	height:33px;
	box-sizing: border-box;
	}

.grayBox
	{
	background:#F2F2F2;
	border:1px solid #333333;
	padding:1em;
	}

.sloganBig
	{
	font-size:58px;
	margin-top:5px;
	letter-spacing:-0.5px;
	font-weight:900;
	text-transform:uppercase;
	display: inline-block;
	margin-left:-3px;
	}

.mobileBreak, .mobileBr
	{
	display: inline;
	}

.logoFrontPage
	{
	width:230px;
	height:69px;
	}
	
.navLoggedIn
	{
	background:#666666;
	color:#ffffff;
	/* box-shadow:0px -1px 12px #000000; */
	border-bottom: 1px solid rgba(0, 0, 0, 0.21);
	}

.navNotLoggedIn
	{
	background:#666666;
	color:#ffffff;
	border-bottom: 1px solid rgba(0, 0, 0, 0.21);
	}

.navNotLoggedInFrontPage
	{
	background:#0F78B8;
	color:#ffffff;
	}

.bigFrontHeader
	{
	position:relative;
	background:#0F78B8;
	color:#ffffff;
	padding:60px 0px 170px 0px;
	}
	
.navInnerLogLoggedIn
	{
	background:#0F78B8;
	color:#ffffff;
	}
	
.width100exceptMobile
	{
	width:100%
	}

.rightNavMarginMobile
	{
	margin-right:2.8vw;
	}


.uppercase
	{
	text-transform: uppercase;
	}

.headerLoggedOutNav
	{
	text-align:right;
	width:100%;
	max-width:1140px;
	padding:20px 0px 16px 0px;
	}

.outer {
  width: 100%;
  text-align: center;
}

.inner 
	{
	box-sizing: border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	display: inline-block;
	width:100%;
	}


.outer2 {
  width: 100%;
  text-align: center;
}

.inner2 {
  display: inline-block;
}

.buttonKindaSmall
	{
	-webkit-appearance: none;
	background-color: #0F78B8;
	color:#FFFFFF !important;
	text-transform: uppercase;
	text-decoration:none !important;
	border:1px solid #006ca4;
	font-family: "Lato",helvetica,arial,sans;
	font-weight: 400;
	font-size:14pt;
	text-align: center;
	cursor: pointer;
	border-radius: 0px;
	outline:none;
	margin:-3px 0px 0px 0px;
	border:1px solid #03386a;
	font-size:9pt;
	padding:6px 10px 6px 10px;
	}
	
.buttonKindaSmall:hover
	{
	background:#0884c5;
	}

.mobileNewLine
	{
	float:left;
	}

.smallTextUnderInput
	{
	font-size:12px;
	margin-top:2px;
	}
	
.smallTextUnderInputLabel
	{
	margin-top:-10px;
	}
	
.homepageBanner
	{
	background:black;
	color:white;
	padding:20px;
	/* background-image:url(/images/big-guitar2.jpg); */
	background-color: #0F78B8;
	background-position:0px 0px;
	height:400px;
	}

.pressHypebot
	{
	width:342px;
	height:68px;
	margin-top:-20px;
	}
	
.icon
	{
	vertical-align: text-top;
	}
	
.upSell
	{
	background:#FFF;
	padding:10px;
	margin:10px 0px 0px 0px;
	display:none;
	border:1px solid #0071c7;
	cursor: pointer;
	font-size: 10pt;
	}

.upSell:hover
	{
	background:#EEEEFF;
	}

.finePrint
	{
	font-size: 8pt;
	}
	
.linkIcon
	{
	margin:0px 0px -2px 5px;
	}

.distroFileInput
	{
	}
	
.tableLight
	{
	height:14px;
	width:14px;
	margin-bottom:-2px
	}
	
.signOut
	{
	margin:2px 5px 0px 0px;
	float:right;
	height:11px;
	width:11px;
	background:url(../images/logout-blue.png);
	}
	
.ui-progressbar-value{transition: width .4s ease-in-out;background:white; background-image:url(../images/progress-bar-animation.gif) !important;}
.distroProgressBar {height:20px; position:relative;margin-bottom:5px;}
.distroProgressBarLabel { font-size:11px;width:100%;position: absolute; text-align: left; line-height: 20px; padding-left:5px;}
.distroProgressBarLabelRight { font-size:11px;position: absolute; right:0px; line-height: 20px; padding-right:5px;}
.distroProgressBarDone
	{
	background: #35586C;
	border: 1px solid black;
	}
.distroLabelDone 
	{ 
	color:white; 
	text-shadow: none;
	}

.distroProgressBarError
	{
	background: #D00000;
	border: 1px solid black;
	}
.distroLabelError
	{ 
	color:white; 
	text-shadow: none;
	}
		
.UPC
	{
	float:right;
	text-align:right;
	}

.redborderpadding
	{
	border:2px solid red !important;
	padding:10px 5px 5px 5px;
	}
.ui-progressbar-value{background:white; background-image:url(../images/progress-bar-animation.gif) !important;}
.distroProgressBar {height:20px; position:relative;margin-bottom:5px;}
.distroProgressBarLabel { font-size:11px;width:100%;position: absolute; text-align: left; line-height: 20px; padding-left:5px;}
.distroProgressBarLabelRight { font-size:11px;position: absolute; right:0px; line-height: 20px; padding-right:5px;}
.distroProgressBarDone
	{
	background: #35586C;
	border: 1px solid black;
	}
.distroLabelDone 
	{ 
	color:white; 
	text-shadow: none;
	}

.distroProgressBarError
	{
	background: #D00000;
	border: 1px solid black;
	}
.distroLabelError
	{ 
	color:white; 
	text-shadow: none;
	}
	
.kenburns {
  width: 100%;
  height: auto;
  position: relative;
  margin: auto;
}
.kenburns img { /* Avoid flashing */
  display: none;
}
.kenburns canvas { /* Make it responsive */
  width: 100%;
  height: auto;
}

.logoMobile
	{
	height:25px;
	width:138px;
	position:absolute;
	top:11px;
	left:10px;
	display:none;
	}
	
.statusLightContainer
	{
	bottom:0px;
	left:1px;
	float:left;
	margin:11px 8px 0px 0px;
	}
	
.albumCoverIcon
	{
	float:left;
	margin-right:5px;
	height:35px;
	width:35px;
	}
	
.tableHeader
	{
	/* background:#E7F2FB; */
	background:#0F78B8;
	text-transform: uppercase;
	color:#FFFFFF;
	padding:1em;
	}

.tableHeader2
	{
	/* background:#E7F2FB; */
	background:#666666;
	text-transform: uppercase;
	color:#FFFFFF;
	padding:10px;
	}

.withdrawalInfoBox
	{
	margin:3em 0px 1em 0px;
	border:1px solid #666666;
	font-size:12pt;
	background:#F2F2F2;
	color:#000000;
	padding:10px;
	}

.tableHeader3
	{
	/* background:#E7F2FB; */
	background:#F2F2F2;
	text-transform: uppercase;
	color:#000000;
	padding:10px;
	}

.tableRow
	{
	border-bottom:1px solid #E7F2FB;
	padding:10px;
	}

.tableCell
	{
	padding:20px 15px 20px 15px;
	border-bottom:1px solid #E7F2FB;
	}

.tableCellSmallFont
	{
	padding:20px 15px 20px 15px;
	border-bottom:1px solid #E7F2FB;
	font-size:8pt;
	}

.tableCellLeft
	{
	width:205px;
	}

.tableRow:hover
	{
	background:#fcfcfc;
	}

.hoverColor:hover
	{
	color:#0071c7;
	}
	
.songRow
	{
	width:78%;
	float:left;
	}
	
.storeRow
	{
	text-align: right;
	float:right;
	min-width:70px;
	margin-top:11px;
	}

.formContainer
	{
	width:50%;
	min-width: 320px;
	}
	
.bannerContainer
	{
	margin:0px;
	position: absolute;
	left:0px;
	width:100%;
	}
	
.everythingButNav
	{
	margin:0px 15px 15px 15px;
	max-width:1140px;
	}

.notify
	{
	background:#FFCC00;
	padding:7px 5px 5px 5px;
	margin:0px 0px 10px 0px;
	color:#68696b;
	display:none;
	}
	
.signinBoxNotification
	{
	background:#FFCC00;
	padding:7px 5px 5px 5px;
	margin:0px 0px 10px 0px;
	color:#68696b;
	display:none;
	font-size: 9pt;
	}
	
.signinBoxContainer
	{
	position:relative;
	}

.navInnerInner
	{
	padding:5px 15px 5px 5px;
	float:right;
	text-align:right;
	box-sizing: border-box;
	}

.fkNavInnerInner
	{
	padding:5px 15px 5px 5px;
	float:right;
	text-align:right;
	box-sizing: border-box;
	}
	
.planBox
	{
	float:left;
	text-align: center;
	padding:30px 10px 30px 10px;
	}
	
.planBoxEmpty
	{
	float:left;
	text-align: center;
	padding:0px 10px 30px 10px;
	}
	
.planBox:hover
	{
	padding:29px 9px 29px 9px;
	border:1px solid #cce7ff;
	background: #f4faff !important;
	}
	
.planTitle
	{
	font-size:22pt;
	text-align:center;
	margin:0px 0px 20px 0px;
	}

.planDesc
	{
	text-align:center;
	margin:0px 0px 30px 0px;
	line-height:17pt;
	width:260px;
	
	}

.planButton
	{
	margin-top:20px !important;
	width:65% !important;
	}
	
.planButtonGray
	{
	background:#CCC !important;
	cursor: default !important;
	border: 1px solid #BBB !important;
	outline: 0;
	}
	
.buttonGray
	{
	background:#CCC !important;
	cursor: default !important;
	border: 1px solid #BBB !important;
	outline: 0;
	}
	
.planContainer
	{
	margin:60px 0px 0px 0px;
	text-align: center;
	}
	
.navInner
	{
	font-size:11pt;
	}
	
a 
	{
	text-decoration: none;
	color:#0071c7
	}

.linklike 
	{
	cursor: pointer;
	text-decoration: none;
	color:#0071c7
	}

.linklike:hover 
	{
	text-decoration: underline;
	}

a:hover 
	{
	text-decoration: underline;
	color:#0071c7
	}

a.noHover:hover
	{
	text-decoration: none !important;
	color:red !important;
	}

a:active 
	{
	color:#0071c7
	}

a:visited 
	{
	color:#0071c7
	}

.iconX
	{
	background-image: url(../images/x.png);
	background-position: 0px -1px;
	background-repeat: no-repeat;
	padding-left: 20px; /* Or size of icon + spacing */
	}

.signinForgotPassword
	{
	margin:6px 0px 5px 0px;font-size:8pt;
	}
	
.pointer
	{
	cursor: pointer;
	}
	
.signinBox
	{
	box-sizing: border-box;    
	z-index: 1000;
	box-shadow: -4px 4px 23px -8px #666666;
	position:absolute;
	background:white;
	right:0px;
	text-align:left;
	border:1px solid #CCC;
	margin:4px 0px 0px 0px;
	width:276px;
	padding:15px 15px 0px 15px;
	}

.coolInputNoFancyBrowserStuff
	{
	-webkit-appearance: none;
	-webkit-border-radius:0; 
	border-radius:0;
	}

.coolInput
	{
	border-radius:0px;
	width:50%;
	min-width: 200px;
	line-height:30px;
	height:30px;
	font-size:15px;
	border:1px solid #CCC;
	outline:none;
	margin:0px !important;
	padding:2px 0px 0px 5px;
	}
	
.coolInputShort
	{
	border-radius:0px;
	min-width: 200px;
	line-height:30px;
	height:30px;
	font-size:15px;
	border:1px solid #CCC;
	outline:none;
	margin:0px !important;
	padding:2px 0px 0px 5px;
	}
	
.coolTextarea
	{
	border-radius:0px;
	width:50%;
	min-width: 200px;
	line-height:30px;
	height:30px;
	font-size:15px;
	border:1px solid #CCC;
	outline:none;
	margin:0px !important;
	padding:2px 0px 0px 5px;
	height:75px;
	font-weight: 300;
	color:#68696b;
	font-family: "Lato",helvetica,arial,sans;
	line-height: 1.3em;
	}

.coolInputMailingList
	{
	font-family: '.HelveticaNeueDeskInterface-Regular',Helvetica,Arial;
	width: 329px;
	line-height:30px;
	height:30px;
	font-size:15px;
	outline:none;
	margin:0px;
	padding:2px 0px 0px 8px;
	box-sizing: border-box;
	border:none;
	}

.line
	{
	border: 0; 
	border-top: 1px solid #ccc;
	}
	 
.coolInputSmall
	{
	width:10%;
	min-width: 50px;
	line-height:30px;
	height:30px;
	font-size:15px;
	border:1px solid #CCC;
	outline:none;
	margin:0px;
	padding:2px 0px 0px 5px;
	}
	
.homeFormInput
	{
	width:100%;
	line-height:40px;
	height:40px;
	font-size:20px;
	border:none;
	outline:none;
	border-width:0px;
	margin:0px;
	padding:0px;
	}
	
	
.homeFormInputContainer
	{
	border:1px solid #AAA;
	padding-left:10px;
	margin-bottom:5px;
	background-color: white;
	box-sizing: border-box;
	width: 100%;
	}
	
.homeFormInputContainerSignin
	{
	border:1px solid #AAA;
	padding-left:10px;
	}
	
	
.input
	{
	width:100%;
	line-height:40px;
	font-size:20px;
	border:none;
	outline:none;
	border-width:0px;
	margin:0px;
	padding:0px;
	}

.inputContainer
	{
	border:1px solid #AAAAAA;
	padding-left:7px;
	margin-bottom:5px;
	background: #FFFFFF;
	}

body 
	{
	margin:0px;
	padding:0px 0px 0px 0px;
	background-color: #ffffff;
	/* color: #68696b; */
	/* color: #2E2F33; */
	color: #4f5057;
	margin:0px;
	font-family: "Lato",helvetica,arial,sans;
	font-weight: 300;
	font-size:11pt;
	}
	
.albumTitleBig
	{
	font-family: "Lato3",helvetica,arial,sans;
	font-weight: 900;
	font-size:34pt;
	}
	
.bandNameBig
	{
	font-family: "Lato",helvetica,arial,sans;
	font-weight: 300;
	font-size:18pt;
	}

.heading
	{
	text-transform: uppercase;
	font-size:1.5em;
	font-family: "Lato",helvetica,arial,sans;
	font-weight: 900;
	margin-top:2em;
	}	

.homeError
	{
	text-transform: uppercase;
	}
	
.button
	{
	padding:10px 10px 10px 10px;
	-webkit-appearance: none;
	background-color: #0F78B8;
	color:#FFFFFF !important;
	text-transform: uppercase;
	text-decoration:none !important;
	margin:0px;
	border:1px solid #006ca4;
	font-family: "Lato",helvetica,arial,sans;
	font-weight: 400;
	font-size:14pt;
	text-align: center;
	cursor: pointer;
	border-radius: 0px;
	outline:none;
	}

.buttonCancel
	{
	padding:10px 10px 10px 10px;
	-webkit-appearance: none;
	background-color: #DDDDDD;
	color:#333333 !important;
	text-transform: uppercase;
	text-decoration:none !important;
	margin:0px;
	border:1px solid #CCCCCC;
	font-family: "Lato",helvetica,arial,sans;
	font-weight: 400;
	font-size:14pt;
	text-align: center;
	cursor: pointer;
	border-radius: 0px;
	outline:none;
	}

.buttonCancelSmall
	{
	-webkit-appearance: none;
	background-color: #DDDDDD;
	color:#666666 !important;
	text-transform: uppercase;
	text-decoration:none !important;
	border:1px solid #CCCCCC;
	font-family: "Lato",helvetica,arial,sans;
	font-weight: 400;
	font-size:14pt;
	text-align: center;
	cursor: pointer;
	border-radius: 0px;
	outline:none;
	font-size:10pt;
	text-align: center;
	padding:5px 6px 5px 6px;
	}

.buttonSmall
	{
	-webkit-appearance: none;
	background-color: #0F78B8;
	color:#FFFFFF !important;
	text-transform: uppercase;
	text-decoration:none !important;
	border:1px solid #006ca4;
	font-family: "Lato",helvetica,arial,sans;
	font-weight: 400;
	font-size:14pt;
	text-align: center;
	cursor: pointer;
	border-radius: 0px;
	outline:none;
	font-size:10pt;
	text-align: center;
	padding:6px 6px 4px 6px;
	}

.buttonSmallOutline
	{
	-webkit-appearance: none;
	color:#006ca4 !important;
	text-transform: uppercase;
	text-decoration:none !important;
	border:1px solid #006ca4;
	font-family: "Lato",helvetica,arial,sans;
	font-weight: 400;
	font-size:14pt;
	text-align: center;
	cursor: pointer;
	border-radius: 0px;
	outline:none;
	font-size:10pt;
	text-align: center;
	padding:6px 6px 4px 6px;
	}

.redBackgroundOnHover:hover
	{
	background-color: #d00000;
	color:#FFFFFF !important;
	border:1px solid #d00000 !important;
	}

.buttonSmallGray
	{
	-webkit-appearance: none;
	background-color: #bfbfbf;
	color:#333333 !important;
	text-transform: uppercase;
	text-decoration:none !important;
	border:1px solid #AAAAAA;
	font-family: "Lato",helvetica,arial,sans;
	font-weight: 400;
	font-size:14pt;
	text-align: center;
	cursor: pointer;
	border-radius: 0px;
	outline:none;
	font-size:10pt;
	text-align: center;
	padding:6px 6px 4px 6px;
	}

.buttonSmallGreen
	{
	-webkit-appearance: none;
	background-color: #009813;
	color:#FFFFFF !important;
	text-transform: uppercase;
	text-decoration:none !important;
	border:1px solid #88b295;
	font-family: "Lato",helvetica,arial,sans;
	font-weight: 400;
	font-size:14pt;
	text-align: center;
	cursor: pointer;
	border-radius: 0px;
	outline:none;
	font-size:10pt;
	text-align: center;
	padding:6px 6px 4px 6px;
	}
	
.buttonSmallGreen:hover
	{
	background-color: #03ab1a;
	}
	
.buttonSmallRed
	{
	-webkit-appearance: none;
	background-color: #d00000;
	color:#FFFFFF !important;
	text-transform: uppercase;
	text-decoration:none !important;
	border:1px solid #88b295;
	font-family: "Lato",helvetica,arial,sans;
	font-weight: 400;
	font-size:14pt;
	text-align: center;
	cursor: pointer;
	border-radius: 0px;
	outline:none;
	font-size:10pt;
	text-align: center;
	padding:6px 6px 4px 6px;
	}
	
.buttonSmallRed:hover
	{
	background-color: #e33d3d;
	}
	
.button.disabled
	{
	background: #42a0d1 !important;
	}

.buttonRounded:not([disabled]) 
	{
	cursor: pointer;
	}

.buttonRounded 
	{
	margin: 0.3125em 0px 0.3125em 0px;
	padding: 0.625em 2em;
	box-shadow: none;
	font-weight: 500;
	border: 0;
	border-radius: 0.25em;
	background: initial;
	background-color: #3085d6;
	color: #fff;
	font-size: 1.0625em;
	-webkit-appearance: none;
	}

.buttonRounded:focus 
	{
	outline: none;
	box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgba(50, 100, 150, 0.4);
	}

.buttonRounded::-moz-focus-inner 
	{
	border: 0;
	}

.buttonRounded:hover 
	{
	background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
	}

.slogan
	{
	font-size:1em;
	margin:10px 0px 15px 0px;
	font-family: "Lato",helvetica,arial,sans;
	font-weight: 400;
	}

.button:hover
	{
	background:#0884c5;
	}

.buttonSmall:hover
	{
	background:#0884c5;
	}

.buttonSmallGray:hover
	{
	background:#C6C6C6;
	}

.button:active
	{
	background:#0F78B8;
	box-shadow: inset -1px 1px 1px #0F78B8;
	outline:none;
	}

.buttonSmall:active
	{
	background:#0F78B8;
	box-shadow: inset -1px 1px 1px #0F78B8;
	outline:none;
	}

input
	{
	font-family: "Lato",helvetica,arial,sans;
	font-weight: 300;
	color: #68696b; 
	}
.black
	{
	color:#000000;
	}

.black
	{
	font-weight: 900;
	}
	
.bold
	{
	font-family: "Lato3",helvetica,arial,sans;
	font-weight: 700;
	}
	
.italic
	{
	font-style: italic;
	}

/* Structure */
.wrapper {
width: 96%;
max-width: 1140px;
margin: auto;
padding: 0%;
}

.wrapper
	{
	width:100%;
	max-width: 1140px;
	margin:auto;
	padding:0px;
	}

#main, .mainSection {
width: 45%;
margin-right: 5%;
float: left;
}
aside {
width: 49%;
float: right;
}
/* Logo H1 */
header h1 {
width: 276px;
height: 50px;
float: left;
display: block;
}
/* Nav */
header nav {
float: right;
margin-top: 0px;
}
header nav li {
display: inline;
margin-left: 0px;
}
#skipTo {
display: none;
}
#skipTo li {
background: #b1fffc;
}
/* Banner */

#banner {
float: left;
margin-bottom: 15px;
width: 100%;
}

#banner img {
width: 100%;
}

.desktopLinebreak
	{
	height:2em;
	}


/* Media Queries */

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

	
.mobileOnlyMarginBottom5
	{
	margin-bottom:5px;
	}
	
.mobileOnlyPadding
	{
	padding:0px 10px 0px 10px;
	box-sizing: border-box;
	}
	
.ccTable
	{
	width:85%;
	}

	
.clipartDiv
	{
	right:-100px;
	}
}

@media screen and (max-width: 768px) {
#skipTo {
display: block;
}

.tableFlex
	{
	display: block;
	}

.tableFlex > div:nth-of-type(1)
	{
	margin-bottom: 1em;
	}
	
.mobileClear
	{
	display: block;
	clear: both;
	}
	
.mobileFloatLeftDesktopFloatRight
	{
	float: left;		
	}

.mobileNoMargin
	{
	margin:0px !important;
	margin-left:0px !important;
	margin-right:0px !important;
	margin-top:0px !important;
	margin-bottom:0px !important;
	}
.mobileNoBorder
	{
	border:none !important;
	border-top: none !important;
	border-left: none !important;
	border-bottom: none !important;
	border-right: none !important;
	}

.mobileHideTablet
	{
	display:none !important;
	}
	
.hyperfollowUnfollowButton
	{
	margin-right: 0px;
	margin-left: 10px;
	}
	
.myEmailAddress
	{
	width: 100%;
	min-width: 0px;
	}
	
.saveEmailButton
	{
	width: 100%;
	}
	
.emailMeTd
	{
	width:80%;
	}
	
.mobileNoPadding
	{
	padding:0px !important;
	padding-left: 0px !important;
	padding-right: 0px !important;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	}
	
.tabletDisplayBlock
	{
	display: block !important;
	}
	
.tabletMarginTop4em
	{
	margin-top: 4em !important;
	}

.tabletMarginTop52px
	{
	margin-top: 52px !important;
	}
	
.tabletCenter
	{
	text-align: center !important;
	}
	
.tabletWidth100
	{
	width:100% !important;
	max-width: none !important;
	}

.tabletBreak
	{
	display: block;
	}

	
.playHeaderWords
	{
	background: #333333;
	color:white;
	border:none;
	}
	
.storeLinksContainer
	{
	box-shadow: 0 -19px 19px 14px black;
	background: none;
	margin-top: 0px;
	border:none;
	}

.playHeaderContainer
	{
	margin-top: 0px;
	}


.hyperfollowRegisterHelp
	{
	clear: both;
	line-height: inherit;
	font-size: 8pt;
	margin:-3px 0px 10px 0px;
	}
		
.hyperfollowMoreFromContainer
	{
	border-top: none;
	margin-top: 0px;
	border: none;
	background:rgba(0, 0, 0, 0.1);
	}
	
.hyperfollowListenNow
	{
	margin-top: 0px;
	}
	
.hyperfollowArtistName
	{
	/* used in hyperfollow */
	padding:1.5em 1em 1em 1em;
	}
	
.hyperfollowAlbumArt
	{
	border: none;
	border-radius: 0px;
	}
	
.hyperfollowPrivateMessage
	{
	position: absolute;
	top: 1em;
	right:1em;
	margin-top: 5px;
	}

.mobileShowTablet
	{
	display:block;
	}

.mobileShowTabletInline
	{
	display:inline-block;
	}
	
.mobileNoShadow
	{
	box-shadow: none !important;
	text-shadow: none !important;
	}
	
.emailMailingList
	{
	border-radius: 0px !important;
	}

.hyperfollowMailingListContainer
	{
	margin-top: 2.1em;
	border-radius: 0px;
	}
	
.fuilWidthTablet
	{
	width: 100% !important;
	max-width: none !important;
	padding:0px !important;
	margin: 0px !important;
	}


.mySongTitlesLeft
	{
	display: block; 
	vertical-align: bottom;
	width:100%;
	white-space: normal;
	}


.twitterLoveHeader
	{
	margin: 1rem;
	font-size:14px
	}

.mobileHideInlineTablet
	{
	display:none;
	}

.twoFactorContainer
	{
	width:100%;
	margin-top:0px;
	}

.twoFactorImage
	{
	width:100%;
	}	

.viewEditTeam
	{
	float:none;
	margin-bottom:1em;
	}

.mobile100
	{
	width:100%;
	}

.mobile100autoHeight
	{
	width:100% !important;
	height: auto !important;
	}

.mobileCenter
	{
	text-align: center;
	}

.videoEmbediFrame
	{
	width:100%;
	height:225px;
	}

.discountHomepageGreeting
	{
	}

.desktopOnlyLeftMargin4
	{
	margin-left:0px !important;
	}
	


.chartHalfPageWidth
	{
	width:100%;
	border:2px solid white;
	box-sizing: border-box;
	}
	

.pageAdminBlurb
	{
	width:100%;
	max-width: none;
	}

.pageSongs
	{
	max-height:65px;
	overflow-y:scroll;
	overflow-x:hidden;
	}

.pageSeparator
	{
	width: 200px;
	}


.pageMetadata
	{
	float:left;
	margin-left:10px;
	}

.mobileWidth100
	{
	width:100%;
	}
	
.pageContainer
	{
	padding:10px 10px 0px 10px;
	min-height:600px;
	width:100%;
	min-width:0px;
	}

.artworkInPage
	{
	width:230px;
	min-width: 0px;
	height:auto;
	}

.floatRightUnlessMobile
	{
	margin-bottom:1em;
	float:none;
	}

.mobileWidth80
	{
	width:80% !important;
	}

.mobileWidth40
	{
	width:40% !important;
	}
	
.tableCellLeft
	{
	width:auto;
	}

.ccTable
	{
	width:100%;
	}

.clipartDiv
	{
	display: none;
	}

.mobileBreak, .mobileBr
	{
	display: block;
	}

.mobileMarginTop5
	{
	margin-top: 5px !important;
	}

.width100exceptMobile
	{
	width:auto;
	}


.mobileNewLine
	{
	float:none;
	}

.hideMobile
	{
	display: none;
	}

.planTitle
	{
	margin:0px 0px 0px 0px;
	}


.pressHypebot
	{
	margin-top:0px;
	width:75%;
	height:75%;
	margin-top:-5px;
	}


.mobileOnlyLineBreak
	{
	height:1em;
	}
	
.paddingMobile
	{
	padding:15px;
	}

.signOut
	{
	background:url(../images/logout-white.png);
	}
	
.UPC
	{
	float:none;
	text-align:right;
	margin-bottom:10px;
	}

.magnify
	{
	display:none !important;
	}

.mobileFullBleed
	{
	/* margin:0px -15px 0px -15px; */
	}

.nav
	{
	background:#666666;
	color:#FFFFFF;
	width:100%;
	margin-bottom:0px;
	padding:6px 0px 6px 0px;
	vertical-align: middle;
	}

.logoDesktop
	{
	display: none;
	}
	
.logoMobile
	{
	display: inline;
	}
	
.formContainer
	{
	width:100%;
	min-width: inherit;
	}
	
.bannerContainer
	{
	margin:0px;
	}
	
.planTopImage
	{
	margin-top:-120px;
	}

.signinForgotPassword
	{
	}
	
.signinForgotPasswordLink
	{
	color:#0071c7 !important;
	}

.signinBoxContainer
	{
	}

.navInnerInner
	{
	width:100%;
	padding: 4px 4px 3px 0px;
	}

.signinBox
	{
	box-shadow: none;
	position:relative;
	background:white;
	right:0px;
	text-align:left;
	border:1px solid #CCC;
	margin:14px 0px 0px 0px;
	width:100%;
	padding:15px 15px 0px 15px;
	}
	

.planContainer
	{
	margin:30px 0px 0px 0px;
	text-align: center;
	}

.planDesc
	{
	margin:0px 0px 10px 0px;
	width:auto;
	}
.planButton
	{
	margin:0px 0px 20px 0px;
	}

.planBox
	{
	float:left;
	text-align: center;
	width: 100%;
	margin: 0px auto;
	}

.planBoxEmpty
	{
	float:left;
	text-align: center;
	width: 100%;
	margin: 0px auto;
	}

body
	{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	}
.nav a
	{
	color:#FFFFFF;
	}
.nav
	{
	background:#666666;
	color:#FFFFFF;
	width:100%;
	margin-bottom:0px;
	}
	
.uploadDaysLeftBadge /* should be "upgrade" doh */
	{
	position: relative;
	display: inline;
	top:-10px;
	right:-6px;
	background: #5cb85c;
	padding:2px;
	border-radius: 25%;
	font-size: 7pt;
	}
	
.navInner
	{
	}
	
header, #main, .mainSection {
float: left;
clear: left;
margin: 0 0 10px;
width: 60%;
}
aside {
float: right;
margin: 0 0 10px;
width: 100%;
}
#main, .mainSection
	{
	margin:0px;
	width:100%;
	}

.wrapper
	{
	width:100%;
	margin:0px;
	padding:0px;
	min-height: inherit;
	}
header li {
margin: 0;
display: block;
margin-bottom: 3px;
}
.heading
	{
	text-transform: uppercase;
	margin-top:0.0em;
	font-weight: bold;
	}
.everythingButNav
	{
	margin:15px;
	}

.everythingButNavNoTopMargin
	{
	/* margin:15px; */
	}

header a {
display: block;
padding: 0px;
text-align: center;
}

.desktopLinebreak
	{
	height: 1em;
	}

}

@media screen and (max-width: 600px) 
	{
	.rightNavMarginMobile
		{
		font-size: 8px;
		margin-right:11px;
		}
		
	}

@media screen and (min-width: 480px) {
	.inboxLeft
		{
		display: block !important;
		}
	}

@media screen and (max-width: 480px) {
#skipTo 
	{
	display: block;
	}
	
.fileKidTermsSlogan
	{
	font-size: 12pt;
	}
	
.fileKidTermsHeadline
	{
	font-size: 26px;
	line-height: 1.2em;
	}
	
.messageToHeaderEllipsisMenuItem
	{
	font-size: 13px;
	}
	
.messagingHeader
	{
	font-size: 13px;
	}

.navLink
	{
	font-size: 6pt;
	padding: 0px 5px 0px 5px;
	}

.navEnvelope
	{
	font-size: 8pt;
	}

.moreMenuContainerContainer
	{
	position: inherit;
	}	

.moreMenuContainer
	{
	width: 100%;
	border-radius: 0px 0px 0px 0px;
	}	

.navDropdown
	{
	width: 100% !important;
	left: 0px !important;
	}
	
.mobileBlock
	{
	display: block !important;
	}
	
.mobileBorderTopExceptFirst:not(:first-child)
	{
	border-top: 1px solid #CCCCCC;
	}
	
.mobileBreak480
	{
	display: block;
	}

.hyperfollowArtistHeader
	{
	border-radius: 0px;
	background: #FFFFFF;
	color: #333333;
	}

.inboxLeft
	{
	display: none;
	width: 80%;
	box-shadow: 5px 7px 9px rgba(0, 0, 0, 0.12);
	position: absolute;
	top: 0px;
	height: 100% !important;
	background: #FFFFFF;
	border-right:1px solid rgba(0, 0, 0, 0.12)
	}

.inboxRight
	{
	float:none;
	width: 100%;
	}
	
	
.myISRC
	{
	font-size: 10pt;
	}

	
.myCreditsLeft
	{
	float:none;
	font-weight: bold;
	}

	
.desktopBr
	{
	display: inline;
	}


.mobileShow
	{
	display: block;
	}

.vaultTitle
	{
	width:auto;
	max-width: 150px;
	box-sizing: border-box;
	}

.searchVaultInputBox
	{
	width:100%;
	min-width: 0px;
	max-width: 125px;
	}
	
.teamsHeadline
	{
	font-size:30pt;
	margin:30px 0px 0px 0px;
	}

.mobileWidth100Small
	{
	width:100%;
	}
	

.mobileHide
	{
	display:none;
	}

.mobileShowBlock
	{
	display:block;
	}

.mobileHideInline
	{
	display:none;
	}

.mobileShowInline
	{
	display:inline;
	}

.pageJoinButton
	{
	width:100%;
	}
	
.coolInputMailingList
	{
	width:100%;
	}
	
.selectMailingListDiv
	{
	width:100%;
	}
	
.coolSelectMailingList
	{
	width:100%;
	}

.videoEmbediFrame
	{
	width:100%;
	height:168px;
	}
	
.pageBandnameBox
	{
	padding:35px 0px 35px 0px;
	}

.pageNewsletterBox
	{
	width:100%;
	border-left:none;
	border-right:none;
	margin:0px 0px 0px 0px;
	}
	
.pagePadding
	{
	padding:0px 0px 0px 0px;
	}


.littleStoreIcons
	{
	height:10px;
	width:10px;
	}

.albumRow
	{
	width:100%;
	float:none !important;
	}

.mobileTopAlign
	{
	vertical-align: top;
	}	
	
.mobileTopMargin
	{
	margin-top:1em;
	}
	
.facebookEmbedded
	{
	margin-top: 20px;
	}

.mobileTopMarginSmall
	{
	margin-top:2px;
	}

.pageAdminBlurb
	{
	font-size: 9pt;
	}
	
.pageFooter
	{
	font-size: 9pt;
	padding:8px 8px 8px 8px;
	}

.hideMobile480
	{
	display: none;
	}
	

.pageMailingListBlock
	{
	margin:15px 0px 15px 0px;
	}

.mobileWidth90
	{
	width:94% !important;
	}
	
.pageSongs
	{
	max-height:none;
	overflow-x:auto;
	overflow-y:auto;
	}

.mobileLineBreak
	{
	display:block;
	}

.mobileLineBreakWithTopMargin
	{
	margin-top:5px;
	display:block;
	}

.pageBottomSection
	{
	position: relative;
	margin:20px 0px 0px 0px;
	}

.pageSeparator
	{
	width:100%;
	}

.pageStores
	{
	margin:1em 0px 0px 0px;
	}
	
.pageStoreButtonContainer
	{
	max-width: none;
	}
.pageMetadata
	{
	float:none;
	margin-left:0px;
	width:100%;
	max-width: none;
	}
	
.pageAlbumTitle
	{
	margin:15px 0px 0px 0px;
	clear:both;
	}

.pageArtContainer
	{
	float:none;
	}

.pageBandname
	{
	font-size:24px;
	margin:10px 0px 0px 0px;
	}
	
.pageContainer
	{
	padding:10px 0px 0px 0px;
	min-height:600px;
	text-align: center;
	}
	
.artworkInPage
	{
	width:100%;
	height:auto;
	border:none;
	}

.ccImages
	{
	width:100px;
	height: 16px;
	}

.coolInputSmallMobileShrink
	{
	min-width:80px !important;
	width:80px !important;
	}
	

.coolInputMobileShrink
	{
	min-width:140px !important;
	}

.planNav
	{
	float:none !important;
	}

.mobileNegativeTopMarginThing
	{
	margin-top:-120px !important;
	}
	
.mobileTopMarginCreditCard
	{
	margin-top:40px;
	}
	
aside
	{
	margin:50px 0px 0px 0px;
	}


.bigFrontHeader
	{
	padding: 40px 0px 93px 0px;
	}
		
.logoFrontPage
	{
	width:133px;
	height:40px;
	margin-top:37px;
	}
	
.sloganBig
	{
	font-size:37px;
	display: inline-block;
	margin-left:-2px;
	}
	

.navInnerInner
	{
	margin-top:0em;
	}

.mobileTopMarginCreditCard
	{
	clear:both;
	margin-top:42px;
	
	}
	
.hideMobile
	{
	display: none;
	}
	
a:hover
	{
	text-decoration: none;
	}
	
.statusLightContainer
	{
	margin:25px 8px 0px 0px;
	}
	
.albumCoverIcon
	{
	float:left;
	margin-right:5px;
	height:62px;
	width:62px;
	}
	
.storeRow
	{
	float:none;
	margin:2px 0px 0px 0px;
	min-width:70px;
	}
	
body
	{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	}

.navInner
	{
	}
header, #main, .mainSection, aside {
float: left;
clear: left;
margin: 0 0 10px;
width: 100%;
}
#main, .mainSection
	{
	margin:0px;
	width:100%;
	}

.wrapper
	{
	width:100%;
	margin:0px;
	padding:0px;
	min-height: inherit;
	}
	
header li {
margin: 0;
display: block;
margin-bottom: 3px;
}

.heading
	{
	text-transform: uppercase;
	margin-top:0.0em;
	font-weight: bold;
	}
	
.everythingButNav
	{
	margin:15px 15px 0px 15px;
	}


header a {
display: block;
padding: 0px;
text-align: center;
}

.desktopLinebreak
	{
	height: 1em;
	}

}

@media screen and (max-height: 600px) 
	{
	.termsHeadline
		{
		font-size:14pt;
		}
	.termsHeadlineArea
		{
		margin-top:0em;
		}
		
	.termsTextarea
		{
		height:150px;
		}
	}

@media screen and (max-height: 450px) 
	{
	.termsHeadlineArea
		{
		margin-top:0em;
		}
		
	.termsTextarea
		{
		height:70px;
		}
	}

/* +++ Start Stats Charts */
.lessPadding {
	padding:3px;
}

.chartStyle {
	width:100%;
	height:290px;
	overflow:hidden;
	text-align:center;
	vertical-align:middle;
	background-color:#f6f6f6;
}

.loadingText {
	line-height:290px;
}

[class*="col-"] {
	width: 100%;
	float: left;
	box-sizing: border-box;
	padding:1px;
}

@media only screen and (min-width: 768px) {
	.col-1 {width: 8.33%;}
	.col-2 {width: 16.66%;}
	.col-3 {width: 25%;}
	.col-4 {width: 33.33%;}
	.col-5 {width: 41.66%;}
	.col-6 {width: 50%;}
	.col-7 {width: 58.33%;}
	.col-8 {width: 66.66%;}
	.col-9 {width: 75%;}
	.col-10 {width: 83.33%;}
	.col-11 {width: 91.66%;}
	.col-12 {width: 100%;}
}
/* --- End Stats Charts */


/* Table valign */
.vtop-header { vertical-align: top; color: #4f6685; }
.vtop { vertical-align: top; }


/* Feature Table */
table.feature-table {
	font-size:20px;
	line-height:1.4em;
}
td.vtop-header i.fa { margin-right: 4px; }


/* Utils */
.clearBoth{ clear: both; }

.text-left { text-align: left; }
.text-right { text-align: right; }

.hidden { display: none; }


/* Margins */
.mt-3 { margin-top: 3px; }
.mt-6 { margin-top: 6px; }
.mt-30 { margin-top: 30px; }
.mt-50 { margin-top: 50px; }

.mt-2em { margin-top: 2em; }

/* Floats */
.fl-left { float: left; }

/* Font Size */
.fs-20 { font-size: 20px; }


/* Home Page */

.registrationForm .hiddenError {
	margin-top:10px;
	display:none;
}

.registrationForm .register-button {
	width: 100%;
}

.home-grey {
	background: #f2f2f2;
	padding: 50px 0px 50px 0px;
}

.home-grey > .everythingButNav {
	line-height: 2em;
}

.home-grey .faqs {
	font-size: 20px;
}

.home-testimonials {
	margin-top: 2em;
	font-size: 20px;
}

.home-testimonials .testimonial-block {
	margin: 1em 0px 1em 0px;
}

.home-dk-love-holder {
	background:#333333;
	color:#ffffff;
}

.home-dk-love-holder .everythingButNav {
	line-height: 2em;
}

.home-dk-love-entry img.photo {
	box-shadow: 9px 9px 21px rgba(0, 0, 0, 0.28);
	border:8px solid #FFFFFF;
	box-sizing: border-box;
	width: 100%;
}

.home-dk-love-entry .quote-holder {
	position: relative;
	margin-top:30px;
	font-family: 'Crimson Text', serif;
	font-size: 30px;
	line-height: 1.1em;
}

.home-dk-love-entry .quote-holder .open-quote {
	display: inline-block;
	font-size: 120px;
	position: absolute;
	top:16px;
	color:#7a7a7a;
}

.home-dk-love-entry .quote-holder .quote-text {
	text-indent: 35px;
	display: inline-block;
}

.home-dk-love-entry .quote-holder .quote-bio {
	font-size: 14px;
	line-height: 1.5em;
	margin-top:2em;
}

.testimonialTopPosition {
	margin-top:30px;
}

.testimonialMiddlePosition{
	margin-top:120px;
}

/* Header */

.bouncedEmailNotificationContainer {
	background: red;
	height: auto;
}

.bouncedEmailNotificationContainer .inner2 {
	line-height: 1.5em;
	text-align: left;
	max-width: 1140px;
	width:100%;
	padding:0px 1em 0px 1em;
	box-sizing: border-box;
}

.bouncePadding {
	padding:1em 0px 1em 0px;
}

.bouncePadding i.fa {
	margin-right:10px;
	font-size: 28px;
	vertical-align: sub;
}


/* Footer */
.footerStuff {
	min-height:0px;
	margin-bottom:3em;
}

#footerLine {
	margin-top:170px;
	border-top:1px solid #DDDDDD;
}

.pad-15 { padding: 15px 15px 15px 15px; }

.twitterEmbed {
	float:left;
	margin:0px 20px 0px 0px;
}

.footerSocial {
	line-height: 1.5em;
}

.footerSocial a i.fa {
	width: 18px;
}

.footerSocial i.fa-bookmark {
	color: #cfe317;
}

.footerSocial i.fa-medium {
	color: #999999;
}

.footerSocial i.fa-instagram {
	color: #a143b1;
}

.footerSocial i.fa-twitter {
	color: #58ccff;
}

.footerSocial i.fa-facebook {
	color: #3b5998;
}

i.fa-youtube,
i.fa-youtube-play {
	color: #ff0000;
}

.copyright-info {
	/*margin-top:20px;*/
	color:#999;
	text-align:right;
}

.copyright-info ul.link-list {
	margin-top: 0;
	list-style: none;
}

.copyright-info ul.link-list li {
	margin-bottom: 5px;
}

span.nobr { white-space: nowrap; }