/*
	Theme Name: Street Jelly
	Description: HTML/CSS theme using Foundation 5
	Author: VIEO Design LLC
*/

/* SMALL and up */
/* General (SMALL and up) - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
body, html {
	min-width: 300px;
	background: #cdcdcd;
}
/* Structure (SMALL and up) - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.clr {
	clear: both;
}
#bodybase {
	padding-left: 0px;
	padding-right: 0px;
}
.block_main {
	display: block;
}

/* Header (SMALL and up) - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#hrdbase {
	/*background: #fff url('/images/vieo/bg-canvas.jpg');*/
background-color: #fff3c4; /*  fcfcf8 #fafaf1;  fffbdd fff3c4   fff8c4*/
	background: -webkit-linear-gradient(#fff3c4, #fffffc); /* For Safari 5.1 to 6.0 */  /* b4ecaa  abea9f */
	background: -o-linear-gradient(#fff3c4, #fffffc); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#fff3c4, #fffffc); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#fff3c4, #fffffc); /* Standard syntax */
}
#hrdbase .hdrlogo img {
	padding-top: 3px;
	padding-left: 35px;
}
.hdrlogo {
	text-align: center;
}
#hrdbase h1 {
	color: #000;
	font-size: .95em;
	letter-spacing: 1px;
	padding: 0px;
	margin: 0px;
	/*margin-left: 3px;*/
	margin-left: 6px;  /* fjp - moved in slight for smaller text 8/8/2016 */
	text-align: center;
	display: none;
}
#hdrmenu-sf {
	background: #fff;
	/*-webkit-box-shadow: 0px -1px 15px 0px rgba(0,0,0,0.75);*/
	/*-moz-box-shadow: 0px -1px 15px 0px rgba(0,0,0,0.75);*/
	/*box-shadow: 0px -1px 15px 0px rgba(0,0,0,0.75);*/
-webkit-box-shadow: 0px -1px 10px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px -1px 10px 0px rgba(0,0,0,0.2);
box-shadow: 0px -1px 10px 0px rgba(0,0,0,0.2);
}
.left-off-canvas-toggle {
	padding-top: 10px;
	padding-left: 10px;
	display: block;
	position: absolute;
	z-index: 99999 !important;
}
.left-off-canvas-menu {
	background: #fff;
}
.header-menu .left-off-canvas-menu .sf-menu {
	float: none;
}
.header-menu .left-off-canvas-menu .sf-menu {
	width: 100%;
}
.header-menu .left-off-canvas-menu .sf-menu .sfHover>ul,
.hdrmembermenu .sf-menu .sfHover>ul,
.sf-menu ul
 {
	float: none;
	position: relative;
}
.header-menu .left-off-canvas-menu .sf-menu li {
	float: none;
	width: auto;
	display: block;
	background: #fff;
}
.header-menu .left-off-canvas-menu .sf-menu li:hover {
	background: #9d0b0e;
}
.header-menu .left-off-canvas-menu .sf-menu li li {
	background: #ccc;
}
.header-menu .left-off-canvas-menu .sf-menu li li:hover {
	background: #9d0b0e;
}
.header-menu .left-off-canvas-menu .sf-menu li a {
	display: block;
	color: #000;
	border-bottom: 1px solid #ccc;

}
.header-menu .left-off-canvas-menu .sf-menu li:hover>a {
	color: #fff;
}

.sf-arrows .sf-with-ul:after {
	border-top-color: #c88002;
right: .5em;
}
.sf-arrows li a.sf-with-ul {
	padding-right: 1.25em;
}
#utilitymenu.sf-menu.sf-arrows .sf-with-ul:after {
margin-top: -6px;
}
#utilitymenu.sf-menu {
	float: none;
}
.hdrutilitycta{
	text-align: center;
	margin: 12px 0px;
}
.hdrutilitycta div{
	text-align: center;
	/*width: auto;*/
}

.hdrutilitymenu ul li {
	display: inline-block;
	float: none;
z-index: 99999 !important;
}

/* END MENU RESPONSIVE OVERRIDES */
.hdrutilitymenu {
	text-align: center;
	border: 1px solid #cdcdcd;
	background: #efefef;
	/*padding-top: .5em;*/
padding-top: .4em;
}
.hdrutilitymenu ul {
	list-style-type: none;
	margin: 0px;
}
.hdrutilitymenu ul li {
	display: block;
	background: #e2e2e2;
	border-top: 1px solid #ccc;
}
.hdrutilitymenu ul li a {
	/*font-size: 1em;*/
font-size: .95em;
	color: #c88002;
	padding: 6px 10px;
	display: block;
}
.hdrutilitymenu ul li a:hover {
	color: #c88002;
}

.hdrtokens {
	color: #c88002;
	text-decoration: none;
}

.hdrmembertiles {
	padding-top: 10px;
	padding-bottom: 10px;
}
#mytokens{
	color: #9d0b0e;
	font-weight: bold;
}
.hdrtile {
	margin-left: 12px;
	display: inline-block;
}
.hdrtile img {
	border-radius: 9px;
max-height: 60px;
max-width: 60px;
}

#hrdartisttop {
	background: transparent;
}

#hrdartistbot {
 background: transparent;
}

#hdrmenu-sf .menu_alert {
	position: absolute;
	margin-top:-28px;
	margin-left:-7px;
	border-radius: 50%;
	width: 16px;
	height: 16px;
	background-color: #b71319;
	text-indent: 0px;
	line-height: 1.75em;
	padding-bottom: 14px;
	color: #fff;
	font-size: 9px;
	font-weight: 700;
	display: none;  /* SJ added - start off not showing */
}
#hdrmenu-sf .menu_alert .plus9 {  /* SJ added - for values over 9, replace with just a 9+ squished into the red circle */
	margin-left:0px;
	letter-spacing: -2px;
}

/* Sidebar and Custom Page Items (SMALL and up) - - -  - - - - - - - - - - - - - - - - - - - - - - - - */
/* Main Content (SMALL and up) - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#cta_banner_outer{  /* SJ added, so CTA can live outside of maincontentwrap and still have shadow */
	background-color: #fff;
}
#cta_banner{
	background: url('/images/vieo/cta_background.png');
	padding:10px 3px 10px 3px;
	/*border-top:3px solid #9e0b0f;*/  /* SJ moved to showcase as bottom */
	-webkit-box-shadow: 0 4px 5px -2px #aeaeae;  /* SJ moved to cta_banner_outer  (#7D7D7D) */
	box-shadow: 0 2px 5px 1px #aeaeae;  /* SJ moved to cta_banner_outer */
}
#cta_banner .row{
	text-align:center;
	padding-left: 80px;  /* SJ Added */
	padding-right: 50px;  /* SJ Added */
}
#cta_banner .small-4:nth-child(1) {
	margin-left: 10px;
}
#cta_banner h5{
	display: inline-block;
	font-size: 1.2rem;
	vertical-align:middle;
	font-weight:200;
	padding-top:5px;
}
#cta_banner h4{
	display: inline-block;
	font-size: 1.1rem;
	vertical-align:middle;
	font-weight:200;
	padding-top:5px;
	margin-left:-5px;
}
#cta_banner img {
	margin-right: 10px;
}
#cta_banner .small-12:nth-child(1) h5, #cta_banner .small-12:nth-child(2) h5 {
	margin-left: 90px;
}
#cta_banner .cta_alert {
	position: absolute;
	margin-left:47px;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	background-color: #b71319;
	text-indent: 3px;
	line-height: 1.5;
	padding-bottom: 14px;
	color: #fff;
	font-size: 13px;
	font-weight: 700;
	display: none;  /* SJ added - start off not showing */
}
#cta_banner .cta_alert .plus9 {  /* SJ added - for values over 9, replace with just a 9+ squished into the red circle */
	margin-left:-3px;
	letter-spacing: -3px;
}
#cta_banner .small-4:nth-child(3) .cta_alert {
	left: 65px;
	margin-left:0;
}
#cta_banner .button{
	color: #FFFFFF;
	margin-top:5px;
	margin-bottom:0;
	padding: 10px 38px;
	font-size: 1.2em;
	letter-spacing: 1px;
	background: rgb(195,60,65);
	background: -moz-linear-gradient(top,  rgba(195,60,65,1) 0%, rgba(178,37,42,1) 50%, rgba(159,12,16,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(195,60,65,1)), color-stop(50%,rgba(178,37,42,1)), color-stop(100%,rgba(159,12,16,1)));
	background: -webkit-linear-gradient(top,  rgba(195,60,65,1) 0%,rgba(178,37,42,1) 50%,rgba(159,12,16,1) 100%);
	background: -o-linear-gradient(top,  rgba(195,60,65,1) 0%,rgba(178,37,42,1) 50%,rgba(159,12,16,1) 100%);
	background: -ms-linear-gradient(top,  rgba(195,60,65,1) 0%,rgba(178,37,42,1) 50%,rgba(159,12,16,1) 100%);
	background: linear-gradient(to bottom,  rgba(195,60,65,1) 0%,rgba(178,37,42,1) 50%,rgba(159,12,16,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c33c41', endColorstr='#9f0c10',GradientType=0 );
}
#cta_banner .button:hover{
	color: #f5f5f5;
	background: rgb(159,12,16);
	background: -moz-linear-gradient(top,  rgba(159,12,16,1) 0%, rgba(178,37,42,1) 50%, rgba(195,60,65,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(159,12,16,1)), color-stop(50%,rgba(178,37,42,1)), color-stop(100%,rgba(195,60,65,1)));
	background: -webkit-linear-gradient(top,  rgba(159,12,16,1) 0%,rgba(178,37,42,1) 50%,rgba(195,60,65,1) 100%);
	background: -o-linear-gradient(top,  rgba(159,12,16,1) 0%,rgba(178,37,42,1) 50%,rgba(195,60,65,1) 100%);
	background: -ms-linear-gradient(top,  rgba(159,12,16,1) 0%,rgba(178,37,42,1) 50%,rgba(195,60,65,1) 100%);
	background: linear-gradient(to bottom,  rgba(159,12,16,1) 0%,rgba(178,37,42,1) 50%,rgba(195,60,65,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9f0c10', endColorstr='#c33c41',GradientType=0 );
}
#cta_banner .button.radius{
	border-radius:10px;
}
#cta_banner .cta_lbl{
	display:none;
}

/*#showcase:before {*/
/*	content: '';*/
/*	position: absolute;*/
/*	top: 270px;*/
/*	left: 0;*/
/*	width: 100%;*/
/*	height: 100%;*/
/*	/*height: inherit !important;*/*/
/*	background-color: rgba(240,237,243,0.4);*/
/*}*/

#showcase {
	background: #f6bd33;
	padding-bottom: 20px;
	border-bottom:3px solid #9e0b0f !important;  /* SJ - moved from CTA top border */
/*background-color: rgba(240,237,243,0.4);*/
}
#showcase1, #showcase3 {
	background-color: #fffffd; /*  fcfcf8 #fafaf1;  fffbdd fff3c4   fff8c4*/
		background: -webkit-linear-gradient(#fffffd, #fff3c4); /* For Safari 5.1 to 6.0 */  /* b4ecaa  abea9f */
		background: -o-linear-gradient(#fffffd, #fff3c4); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(#fffffd, #fff3c4); /* For Firefox 3.6 to 15 */
		background: linear-gradient(#fffffd, #fff3c4); /* Standard syntax */
	/*border-bottom:3px solid #f6bd33 !important;*/
	padding-top: 50px;
	padding-bottom: 10px;
	padding-left: 5px;
}
#showcase1  .sc1-text{
	text-align: center;
	padding-top: 20px;
}

#showcase2{
	background-color: #fefefe; /*  fcfcf8 #fafaf1;  fffbdd fff3c4   fff8c4   e7e7e7 */
		background: -webkit-linear-gradient(#fefefe, #d3d3d3); /* For Safari 5.1 to 6.0 */  /* b4ecaa  abea9f */
		background: -o-linear-gradient(#fefefe, #d3d3d3); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(#fefefe, #d3d3d3); /* For Firefox 3.6 to 15 */
		background: linear-gradient(#fefefe, #d3d3d3); /* Standard syntax */
	/*border-bottom:3px solid #f6bd33 !important;*/
	text-align: center;
	padding-top: 20px;
	padding-bottom: 10px;
}
#showcase2 .bk-geetar{
	min-height: inherit !important;
	background: url('/images/vieo/bg-page-guitar_trx.png') center center no-repeat;
	background-size: 80%;
}
#showcase2 .pic-row{
	padding-top: 20px;
	padding-bottom: 20px;
	text-align:center;
}
#showcase2 img{
	max-width: 240px !important;
	min-width: 180px !important;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.7);
	-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.7);
	-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.7);
	border-radius: 4px;
}
#showcase2 h1, #showcase2 h2, #showcase2 h3, #showcase2 h4{
	color: #444;
}

#showcase1 h1, #showcase1 h2, #showcase1 h3, #showcase1 h4, #showcase1 h4 a,
#showcase3 h1, #showcase3 h2, #showcase3 h3, #showcase3 h4, #showcase3 h4 a{
	color: #e78501;  /*  eeaa0b  #f6bd33 */
}
#showcase3 h4{
	padding-left: 10px;
}
#showcase3 img{

	box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.7);
	-webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.7);
	-moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.7);
	border-radius: 6px;
}
#showcase3 .img-col{
	padding-bottom: 10px;
	padding-left: 20px;
}

#showcase1 .row .row {
	margin-top: 50px;
}
#showcase1 .row .row a {
	border: 0;
	outline: 0;
}

.showcase-icon{
	/*display: inline-block;*/
	display: none;
	margin: 0px 0px 0px 20px;
	padding: 20px;
	width: 200px; height: 200px;
	background-color: rgba(255, 243, 196, 0.9);   /*#fff3c4*/
	color: #e78501;  /*eeaa0b*/
	border-radius: 50%;
	text-align: center;
	vertical-align: top;
	border:3px solid #e78501;  /* f0ab0b  9d0b0e  #f6bd33 !important */
	z-index: 10;
	box-shadow: -5px -5px 15px rgba(0, 0, 0, 0.6);
	-webkit-box-shadow: -5px -5px 15px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: -5px -5px 15px rgba(0, 0, 0, 0.6);
	cursor: pointer !important;
}
.showcase-icon h2, .showcase-icon h3, .showcase-icon h4{
	color: #e78501;
	line-height: 1.1em;
}
.showcase-icon h6{
	font-size: .4em;
	line-height: .4em;
	padding: 0px;
}
#showcase2 .button{
	color: #FFFFFF;
	margin-top:5px;
	margin-bottom:0;
	padding: 10px 38px;
	font-size: 1.2em;
	letter-spacing: 1px;
	background: rgb(195,60,65);
	background: -moz-linear-gradient(top,  rgba(195,60,65,1) 0%, rgba(178,37,42,1) 50%, rgba(159,12,16,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(195,60,65,1)), color-stop(50%,rgba(178,37,42,1)), color-stop(100%,rgba(159,12,16,1)));
	background: -webkit-linear-gradient(top,  rgba(195,60,65,1) 0%,rgba(178,37,42,1) 50%,rgba(159,12,16,1) 100%);
	background: -o-linear-gradient(top,  rgba(195,60,65,1) 0%,rgba(178,37,42,1) 50%,rgba(159,12,16,1) 100%);
	background: -ms-linear-gradient(top,  rgba(195,60,65,1) 0%,rgba(178,37,42,1) 50%,rgba(159,12,16,1) 100%);
	background: linear-gradient(to bottom,  rgba(195,60,65,1) 0%,rgba(178,37,42,1) 50%,rgba(159,12,16,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c33c41', endColorstr='#9f0c10',GradientType=0 );
}
#showcase2 .button:hover{
	color: #f5f5f5;
	background: rgb(159,12,16);
	background: -moz-linear-gradient(top,  rgba(159,12,16,1) 0%, rgba(178,37,42,1) 50%, rgba(195,60,65,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(159,12,16,1)), color-stop(50%,rgba(178,37,42,1)), color-stop(100%,rgba(195,60,65,1)));
	background: -webkit-linear-gradient(top,  rgba(159,12,16,1) 0%,rgba(178,37,42,1) 50%,rgba(195,60,65,1) 100%);
	background: -o-linear-gradient(top,  rgba(159,12,16,1) 0%,rgba(178,37,42,1) 50%,rgba(195,60,65,1) 100%);
	background: -ms-linear-gradient(top,  rgba(159,12,16,1) 0%,rgba(178,37,42,1) 50%,rgba(195,60,65,1) 100%);
	background: linear-gradient(to bottom,  rgba(159,12,16,1) 0%,rgba(178,37,42,1) 50%,rgba(195,60,65,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9f0c10', endColorstr='#c33c41',GradientType=0 );
}
#showcase2 .button.radius{
	border-radius:10px;
}

.showcase-text-area h1 {
	/*color:#ffe888;*/
	color: #eee;
	/*text-shadow: -1px -2px 2px rgba(0, 0, 0, 0.7);*/
	text-shadow: -3px -2px 2px rgba(0, 0, 0, 0.9);
	text-align: center;
	width: 100%;
}
.showcase-text-area h1 span {
	display: block;
}
.showcase-text-area h1 span.line-1 {
	font-size: 1.5em;
	letter-spacing: -1px;
}
.showcase-text-area h1 span.line-2 {
	font-size: 3em;
	line-height: .5em;
	text-transform: uppercase;
	font-weight: 600;
}
.showcase-text-area h1 span.line-3 {
	/*font-size: .89em;*/
	font-size: .75em;
	line-height: 2em;
	letter-spacing: -1px;
}
.showcase-guitar {
	display: none;
}
.showcase-button-area a {
	display: block;
	color: #fff;
	background: url('/images/vieo/pic-button-showcase-small.png') center center no-repeat;
	text-align: left;
	padding-left: 80px;
	max-width: 250px;
	font-size: 1.25em;  /* made smaller by StreetJelly, fjp, 10/25/2014.  was 1.5em */
	font-weight:600;    /* added by StreetJelly, fjp, 10/25/2014. */
	padding: 28px 10px 28px 80px;
	margin: auto;
	text-decoration: none;
}

/* added by SJ - 6/6/2015	*/
#pay_perc {
	z-index: -10;
	display: none;
}
/* added by SJ - 4/3/2016	*/
#hdrtile_bc{
	display: none;
}
.prof_pins{
	display: none;
}
.edit_my_prof_links {
	display: none;
}
#utilitymenu.sf-menu.sf-arrows > li {
	/* added by StreetJelly, fjp, 04/03/2016  */
	z-index:2 !important;
}

@media only screen and (min-width: 40.063em) {
/* MEDIUM and up ------------------------------------------------------------------------------------------------------- */
	/* General (MEDIUM and up) - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

	/* Structure (MEDIUM and up) - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	.maincontentwrap {
		background: url('/images/vieo/bg-page-repeat.jpg') center top repeat-x;
	}
	.maincontentwrap {
		background: url('/images/vieo/bg-page-guitar.jpg') center top no-repeat;
	}
	#cta_banner .medium-2, #cta_banner .medium-3{
		margin:0;
		padding:0;
	}
	/* Header (MEDIUM and up)- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

	#hrdbase .hdrlogo a {
		display: block;
		margin-bottom: -10px;
	}
	.prof_pins{
		display: inline;
	}
	/* end newadd */


	#hrdbase .hdrlogo img {
		padding-left: 0px;
		padding-bottom: 3px;
	}
	#hrdbase h1 {
		/*font-size: 1.5em;*/
font-size: 1.1em;
		letter-spacing: 1px;
		display: block;
		margin-bottom: -3px;
	}
	.hdrmembername {
		font-size: 1em;
		color: #000;
	}
	.hdrutilitymenu {
		text-align: center;
		background: transparent;
		border: 0px;
		/*font-size: 1em;*/
font-size: .95em;
	}

	.hdrutilitymenu ul li {
		display: inline-block;
		border: 0px;
		background: transparent;
	}
	.hdrutilitymenu ul li a {
	 display: inline-block;
	 border: 0px;
	 background: transparent;
	 border-left: 1px solid #000;
	 color: #000;
	 /*padding: 0px 10px;*/
padding: 0px 3px 5px 7px;
	 /*font-size: 1em;*/
font-size: .95em;
	}
	.hdrutilitymenu ul li li {
		border-bottom: 1px solid #ddd;  /* added by StreetJelly, fjp, 10/13/2014  */
	}

	.hdrutilitymenu ul:first-child li:first-child a,
	.hdrutilitymenu ul li li a {
		border: 0px;
	}
	.hdrmembermenu {
		margin-right: -21px;
		white-space: nowrap !important;  /* added by StreetJelly, fjp, 10/11/2014  */
	}
	/* BEGIN MENU RESPONSIVE OVERRIDES */
	#hdrmenu-sf {
		/*height: 61px;*/
height: 41px;
		position: relative;
		top: 0px;
		z-index: 100;  /*25*/
		width: 100%;
		border-bottom: 3px solid #9d0b0e;
	}
	#utilitymenu.sf-menu.sf-arrows > li {
		/* added by StreetJelly, fjp, 04/03/2016  */
		z-index:2 !important;
	}
 .header-menu {
	 position: relative;
 }
 .header-menu .left-off-canvas-menu,
 .header-menu .left-off-canvas-menu .sf-menu {
		width: auto;
	}
	.header-menu .left-off-canvas-menu .sf-menu ul {
		width: auto;
	}
 .move-right > .inner-wrap {
	 -webkit-overflow-scrolling: touch;
		-ms-transform: none;
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		-o-transform: none;
		transform: none;
 }
 .left-off-canvas-toggle {
	 display: none;
 }
 .header-menu .left-off-canvas-menu {
	 -webkit-overflow-scrolling: touch;
		-ms-transform: none;
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		-o-transform: none;
		transform: none;
		position: absolute;
		bottom: auto;
		top: auto;
		left: 0px;
		right: auto;
		right: auto;
		top: 0px;
		overflow-y: inherit;
		background: transparent;
 }
	.header-menu .left-off-canvas-menu .sf-menu {
		float: left;
		margin: 0px;
		/*border-right: 1px solid #456cba;*/
	}
	.header-menu .left-off-canvas-menu .sf-menu li ul,
	.header-menu .left-off-canvas-menu .sf-menu li.sfHover>ul,
	.hdrmembermenu .sf-menu .sfHover>ul,
	.sf-menu ul {
		float: left;
		position: absolute;
	}
	.hdrutilitymenu ul.submenu {
		background: #fff;
    z-index: 99999 !important;  /* added by StreetJelly so it floats over the menu below it, fjp, 10/11/2014  */
	}
	.hdrutilitymenu ul li li {
		display: block;
		float: none;
		text-align: left;
		padding: 5px;
	}

	.header-menu .left-off-canvas-menu .sf-menu li a {
		display: block;
		font-size: 14px;
		/*line-height: 37px;*/
line-height: 27px;
		/*border-left: 1px solid #456cba;*/
		border-top: 0px;
		/*padding: .75em .5em;*/
padding: .4em .5em;
		border-bottom: 0px;
	}
	.header-menu .left-off-canvas-menu .sf-menu li a.sf-with-ul {
		/*padding-right: 2em;*/
padding-right: 1.5em;
	}
	.header-menu .left-off-canvas-menu .sf-menu li li a {
		padding: .25em .25em;
	}
	.header-menu .left-off-canvas-menu .sf-menu li li a.sf-with-ul {
		padding-right: 2em;
	}
	.header-menu .left-off-canvas-menu .sf-menu>li>a {
		display: inline-block;
	}
 .header-menu .left-off-canvas-menu .sf-menu li {
 	float: left;
 	width: auto;
 	display: inline-block;
 }
 .header-menu .left-off-canvas-menu .sf-menu li ul li {
 	display: block;
 	float: none;
border-bottom: 1px solid #999;  /*  added by StreetJelly, fjp - 10/13/2014  */
 }
 .header-menu .left-off-canvas-menu .sf-menu>li {
 	/*background: #D7D7D7;*/
 }

	.admenu, a.admenu:link, a.admenu:visited, a.admenu:hover
	{
		color:#550000 !important;
		background-color: #ffbbbb !important;
	}
	a.admenu:hover
	{
		color:#fff !important;
		background: #9d0b0e !important;
	}


 .header-menu .left-off-canvas-menu .sf-menu>li:hover {
 	/*background: #9d0b0e url('/images/vieo/bg-menu-highlight.jpg') repeat-x;*/
background: #9d0b0e;
 }
 .header-menu .left-off-canvas-menu .sf-menu>li>a {
 /*	color: #000;*/
 }
 .header-menu .left-off-canvas-menu .sf-menu>li:hover a {
 	/*background: #9d0b0e;*/
 }
		/* END MENU RESPONSIVE OVERRIDES */
	/* Sidebar and Custom Page Items (MEDIUM and up)- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

	/* Main Content (MEDIUM and up)- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	#cta_banner .row{
		text-align:left;
	}
	#cta_banner .cta_alert {
		text-indent: 6px;
		line-height: 1.4;
	}
	#cta_banner .small-4:nth-child(1) {
		margin-left: auto;
	}
	#cta_banner .small-12:nth-child(1) h5, #cta_banner .small-12:nth-child(2) h5 {
		margin-left: 0px;
	}
	#cta_banner .cta_alert, #cta_banner .small-4:nth-child(3) .cta_alert {
		left:45px;
		margin-left:0;
	}
	/*#showcase:before {*/
	/*	top: 320px;*/
	/*}*/
	#showcase, #showcase1, #showcase2, #showcase3 {
		min-height: 270px;
	}
	.showcase-guitar {
	 /*padding-right: 50px;*/
padding-right: 40px;
	}
	.showcase-text-area {
		position: relative;
		z-index: 7;
	}
	.showcase-text-area h1 {
		max-width: 311px;
		float: left;

	}
	.showcase-text-area h1 span {
		display: block;
	}
	.showcase-text-area h1 span.line-1 {
		font-size: 1.5em;
		letter-spacing: -1px;
	}
	.showcase-text-area h1 span.line-2 {
		font-size: 3em;
		line-height: .5em;
		text-transform: uppercase;
		font-weight: 600;
	}
	.showcase-text-area h1 span.line-3 {
		/*font-size: .89em;*/
		font-size: .75em;
		line-height: 2em;
		letter-spacing: -1px;
	}
	.showcase-guitar {
	 display: block;
		position: absolute;
		top: 0px;
		right: 0px;
		z-index: 6;
		max-width: 410px;
	}
	.showcase-button-area {
	 position: absolute;
	 z-index: 9;
	 right: 0px;
	 top: 170px;
	 width: 250px;
	 margin-right: 50px;
	}
.showcase-icon-area {
	 position: absolute;
	 z-index: 10;
	 right: 0px;
	 top: 170px;
	 width: 500px;
	 margin-right: 0px;
}
showcase-icon-area a {
	cursor: pointer !important;
	border: 0;
	outline: 0;
	text-decoration: none;
}
	#hdrtile_bc{
		display: inline;
	}
	.prof_pins{
		display: inline;
	}


	/* Footer (MEDIUM and up)- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

}

/* some in-betweens for the showcase */
@media only screen and (min-width: 45.063em) {
	.showcase-guitar {
		max-width: 510px;
	}
}
@media only screen and (min-width: 50.063em) {
	.showcase-guitar {
		max-width: 610px;
	}
	.showcase-button-area {
	 top: 170px;
	 width: 250px;
	}
	.showcase-icon-area {
	 top: 150px;
	 width: 500px;
	}
	.showcase-icon{
		display:inline-block;
		width: 140px; height: 140px;
		margin: 0px 0px 0px 10px;
	}
	.showcase-icon h2{
		font-size: 1.5em;
	}
	.showcase-icon h3{
		font-size: 1.25em;
	}
	.showcase-icon .fa{
		font-size: 2.1em;
	}
	.showcase-icon .fa-2x{
		font-size: 1.5em;
	}
}


@media only screen and (min-width: 64.063em) {
/* LARGE and up -------------------------------------------------------------------------------------------------------- */
	/* General (LARGE and up) - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

	/* Structure (LARGE and up) - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

	/* Header (LARGE and up)- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.hdrmembertiles {
margin-right: -18px;
}

	#cta_banner .cta_lbl{
		display:inline-block;
	}

	/* newadd 10-27 */
	#hdrbrandingarea {
		/*max-height: 156px;*/
		/*min-height: 151px;*/
		max-height: 116px;
		min-height: 111px;
	}
	/*  end newadd 10-27 */

	.hdrlogo {
		text-align: left;
	}
	#hrdbase h1 {
		/*font-size: 1.4em;*/
font-size: 1.2em;
		letter-spacing: 1px;
		text-align: left;
		margin-bottom: 17px;
	}
	.hdrutilitymenu {
		text-align: right;
	}
	#hrdbase {
		/*margin-bottom: 58px;*/
margin-bottom: 38px;
	}
	#hdrmenu-sf {
		position: absolute;
		/*top: 147px;*/
top: 117px;
	}
	#hdrtile_bc{
		display: inline;
	}
	.prof_pins{
		display: inline;
	}
	.edit_my_prof_links {
		display: inline;
	}

	/* Sidebar and Custom Page Items (LARGE and up)- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

	/* Main Content (LARGE and up)- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	/*#showcase:before {*/
	/*	top: 268px;*/
	/*}*/
	#showcase {
		/*background: #f6bd33 url('/images/vieo/pic-blank-showcase.jpg') center top no-repeat;*/
		background: #605b54 url('/images/vieo/pic-gig-showcase.jpg') center top no-repeat;
		background-size: cover;
	}
	#showcase, #showcase1, #showcase2, #showcase3{
		min-height: 525px;  /* SJ - added so red border-bottom would show */
	}
	#showcase3 .img-col{
		padding-left: 0px;
	}

	.showcase-text-area {
		/*margin-left: -1em;*/
		margin-left: -1.5em;
	}
	.showcase-text-area h1 span {
		display: block;

	}
	.showcase-text-area h1 span.line-1 {
		font-size: 1.5em;
		letter-spacing: -1px;
	}
	.showcase-text-area h1 span.line-2 {
		font-size: 3em;
		line-height: .5em;
		text-transform: uppercase;
		font-weight: 600;
	}
	.showcase-text-area h1 span.line-3 {
		/*font-size: .89em;*/
		font-size: .75em;
		line-height: 2em;
		letter-spacing: -1px;
	}
	.showcase-guitar {
		/*max-width: none;*/
max-width: 1050px;
		padding-right: 150px;
	}
	.showcase-button-area {
	 top: 320px;
	 width: 421px;
	 padding-right: 0px;
	}
	.showcase-button-area a {
		display: block;
		color: #fff;
		background: url('/images/vieo/pic-button-showcase.png') center center no-repeat;
		text-align: left;
		padding-left: 80px;
		max-width: 421px;
		width: 421px;
		font-size: 2.35em;  /* made smaller by StreetJelly, fjp, 10/25/2014.  was 3em */
		padding: 54px 10px 55px 120px;
		margin: auto;
		letter-spacing: -1px;
		text-decoration: none;
	}
.showcase-icon-area {
 top: 300px;
 width: 680px;
 padding-right: 0px;
}
.showcase-icon{
	display:inline-block;
	width: 200px; height: 200px;
	margin: 0px 0px 0px 20px;
}
.showcase-icon h2{
	font-size: 2.2em;
}
.showcase-icon h3{
	font-size: 1.75em;
}
.showcase-icon .fa{
	font-size: 4em;
}
.showcase-icon .fa-2x{
	font-size: 3.2em;
}

	/* newadd */
	.thumb_tile h4 {

	}
	.bc_thumb_msg {
		min-height: 46px;
	}
	.bc_showtime {

	}
	.bc_genres {

	}

	/* added by SJ - 6/6/2015	*/
	#pay_perc {
		display: block;
	}
	/* end newadd */
	#hdrtile_bc{
		display: inline;
	}
	.prof_pins{
		display: inline;
	}
	#utilitymenu.sf-menu.sf-arrows > li {
		/* added by StreetJelly, fjp, 04/03/2016  */
		z-index:100 !important;
	}
	.edit_my_prof_links {
		display: inline;
	}

	/* Footer (LARGE and up)- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

}

@media only screen and (min-width: 72em) {
/* LARGE and up -------------------------------------------------------------------------------------------------------- */
	/* General (EXTRA LARGE and up) - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	.row {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		margin-top: 0;
		margin-bottom: 0;
		max-width: 72rem;
	}

	/* Structure (EXTRA LARGE and up) - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

	/* Header (EXTRA LARGE and up)- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	/*#showcase:before {*/
	/*	top: 270px;*/
	/*}*/
#hrdbase {
margin-bottom: 41px;
}

	#hrdbase h1 {
		/*font-size: 2em;*/
		/*font-size: 1.9em;*/  /* fjp - 11/23/2014, made slightly smaller for longer tagline */
		/*font-size: 1.7em;*/
font-size: 1.25em;
		letter-spacing: 1px;
		text-align: left;
	}
	#hdrmenu-sf {
		/*top: 153px;*/
top: 117px;
	}

	/* Sidebar and Custom Page Items (EXTRA LARGE and up)- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

	/* Main Content (EXTRA LARGE and up)- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

	/* Footer (EXTRA LARGE and up)- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

	/* added by SJ - 6/6/2015	*/
	#pay_perc {
		display: block;
	}
	#hdrtile_bc{
		display: inline;
	}
	.prof_pins{
		display: inline;
	}
	.edit_my_prof_links {
		display: inline;
	}

}

#bodybase {
	min-height: 500px;  /* added by StreetJelly, fjp, 10/13/2014  */
}

#jellyplayer #bodybase.row {
	min-width: 100%;
	/*width: 100%;*/
	/*min-width: 940px;*/
}

/* new BC Tiles */

#preview_block {
	min-width: inherit;
	overflow: visible;
	padding-top: inherit;
	white-space: inherit;
}

.bc_air, .bc_air_nobc {
	background: transparent;
	width: 55px;
	height: 55px;
	margin-top: auto;
	margin-left: auto;
	right: 5px;
	top: -13px;
}

.thumb_tile.no_bc .bc_air,
.thumb_tile.no_bc .bc_air_nobc {
	display: none;
}

/* newadd 10-24 */

.thumb_tile .inner {
	border: 1px solid #cccccc;
	-webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.24);
	-moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.24);
	box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.24);
	margin-left: 0px;
	margin-right: 6px;
	margin-bottom: 6px;
	padding: 14px;
	border-radius: 8px;
	cursor:default;
}

.thumb_tile .inner {
	background: #fff url('/images/vieo/tile_gradient_out.jpg') left top repeat-x;
	transition: background 0.3s ease;
}
.thumb_tile.no_bc .inner {
	background: #f1f0f1 url('/images/vieo/tile_gradient_nobc_out.jpg') left top repeat-x;
	transition: background 0.3s ease;
}

.thumb_tile .inner:hover {
	background: #fff7e1 url('/images/vieo/tile_gradient.jpg') left top repeat-x;
	transition: background 0.3s ease;
	cursor:pointer;
}

.thumb_tile.no_bc .inner:hover {
	background: #f1f0f1 url('/images/vieo/tile_gradient_nobc.jpg') left top repeat-x;
	transition: background 0.3s ease;
	cursor:pointer;
}
/* end newadd */

.thumbshell {
	width: auto;
	height: auto;
	position: relative;
	text-align: center;
	margin: auto;
	width: 100%;
}

.thumbshell img {
	max-width: 100%;
	width: 100%;
}

.thumb_tile {
	position: relative;
}

.thumb_tile h4 {
	font-weight:700;
}


.bc_flag {
	position: absolute;
	right: -7px;
	bottom: -9px;
}
.bc_showtime {
	padding-top: .5em;
	font-size: .8em;
	white-space: nowrap;
	overflow:hidden;
}

.bc_genres {
	border-top: 1px solid #242424;
	border-bottom: 1px solid #242424;
	padding-top: .2em;
	padding-bottom: .2em;
	font-weight: 600;
	font-style: italic;
	font-size: .8em;
}
.bc_thumb_msg {
	text-align: center;
	line-height: normal;
	color: #c53f44;
	width: auto;
	height: auto;
	font-size: .9em;
	padding-top: .25em;
	padding-bottom: .2em;
}
.bc_thumb_pins {
	margin-top: 8px;
	font-size: 0px;
}

.bc_thumb_pins img {
	padding-left: 0px;
	padding-right: 1px;
	max-width: 27px;
	display: inline-block;
	float: none;
}

.thumb_tile.no_bc h4,
.thumb_tile.no_bc .bc_thumb_msg,
.thumb_tile.no_bc .bc_showtime,
.thumb_tile.no_bc .bc_genres {
	color: #737373;
}
.thumb_tile.no_bc .bc_genres {
	border-top: 1px solid #737373;
	border-bottom: 1px solid #737373;
}

/* newadd */
.thumb_tile h4 {
	padding-right: 20px;
	font-size: 15px;
	white-space: nowrap !important;
}
.thumb_tile h4 i{
	font-size: 18px;
	color: #5f737e;
	padding-left: 6px;
}
.thumb_tile h4 .pro{
	font-size: 12px;
	font-weight: bold;
	color: #5f737e;
	padding-left: 4px;
}
.bc_thumb_msg {
	font-size: 14px;
}
.bc_showtime {
	font-size: 14px;
}
.bc_genres {
	font-size: 12px;
}
.bc_air, .bc_air_nobc {
	right: -7px;
}
/* end newadd */

/* fix missing horizontal scrollbar - 11/14/2014 */
body .off-canvas-wrap {
	overflow: visible;
}

/*======================================
=         VIEO ARTIST PROFILE          =
======================================*/

	#artist-about .player_profile {
		width:100%;
	}

	#artist-about a{
		color: #9D0B0E;
	}

	#artist-about .name {
	    font-size: 32px;
	}

	#artist-about .section-title {
	    font-size: 26px;
	    font-weight:bold;
	}

	#artist-about .divider {
	    margin: 0 8px;
	}

	#artist-about .handle {
	    color: #9D0B0E;
	}

	#artist-about hr {
	    margin: 0.5rem 0 1rem;
	    border: solid #9D0B0E;
	    border-width: 1px 0 0;
	}

	#artist-about .bio-image-container {
		position: relative;
		/*height: 30rem;*/
		/*max-height: 340px;*/
		min-height: 320px;
		max-height: 420px;
		overflow: hidden;
	}

	#artist-about .bio-image-container:before{
		content:'';
		position: absolute;
		left: -50%;
		top: 100%;
		width: 200%;
		height: 275%;
		background-image: url('/images/brushed_metal_silver_texture.jpg');
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center center;
		-webkit-transform: rotate(45deg) translate(-50%,-50%);
		transform: rotate(45deg) translate(-50%,-50%);
	}

	#artist-about img.bio-image {
		width: auto;
		/*height: 100%;*/
		height:auto;
		min-height: 20rem;
		/*margin-bottom: 1rem;*/
		position: relative;
		left: 50%;
		-webkit-transform: translate(-50%,0);
		transform: translate(-50%,0);
		object-fit: cover;
	}

	#artist-about .location-flag{
		display: inline-block;
	    float: left;
	    margin-right: 8px;
	}

	#artist-about .webcam-ss-container {
		position: relative;
		height: 166px;
		/*height: 180px;*/
		overflow: hidden;
		margin-bottom: 1rem;
	}

	#artist-about .webcam-ss-container img {
		position: relative;
		left: 50%;
		-webkit-transform: translate(-50%,0);
		transform: translate(-50%,0);
		max-width: none;
	}
	#artist-about .webcam-ss-container img.small {
		height: 100%;
	}
	@media only screen and (min-width: 40.063em) {
		#artist-about .webcam-ss-container img.small {
			height:auto;
			width: 100%;
		}
	}

	#artist-about #on-sj-genres .small-6:first-child {
	    border-right: 1px solid #ccc;
	}

	#artist-about .title {
	    margin-bottom: 7px;
	}
	#artist-about .genres ul {
	    margin-top: 0;
	    padding-left:25px;
	    margin-bottom: 20px;
	}

	#artist-about .location,
	#artist-about .on-streetjelly  {
	    margin-bottom: 1rem;
	}

	#artist-about .on-streetjelly .stats {
	    margin-left: 10px;
	}
	#artist-about .on-streetjelly .stats div{
	    margin-bottom: 5px;
	}

	#artist-about .artist-events ul {
	    list-style: none;
	    padding-left: 1.5rem;
	}

	#artist-about .artist-events ul li {
		margin-bottom: 0.5rem;
	}

	#artist-about .profile_badge{
		width:100%;
		display:inline-block;
		float:none;
		margin:0 0 1rem;
	}

	#artist-about .about-paragraph {
	    margin-top: 5px;
	    margin-left: 10px;
			margin-right: 10px;
	}

	.edit_my_prof_links {
		padding: 12px 10px 0px 0px;
		color: #9D0B0E;
	}
	.edit_my_prof_links i{
		padding-right:5px;
		padding-left:10px;
	}


/*=====  End of VIEO ARTIST PROFILE  ======*/

/*=========================================================
=            VIEO VIDEO PLAYER STANDARD AND HD            =
=========================================================*/
	#jellyplayer2{
		position:relative;
		width:100% !important;
		min-width:auto !important;
		background-size:cover !important;
		background-image:url('/images/vieo/player-brushed-metal.jpg');
		border-radius: 10px;
		margin-left: 0 !important;
	}

	#jellyplayer2:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0,0,0,0.6);
		border-radius: 10px;

	}

	#jellyjuke{
		position:relative;
		width:100% !important;
		min-width:auto !important;
		background-size:cover !important;
		background-image:url('/images/vieo/player-brushed-metal.jpg');
		/*border-radius: 10px;*/
		margin-left: 3px !important;

		margin-bottom: 20px;
		border-radius: 3px;
	}

	#jellyjuke:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(40,37,43,0.7);
		/*border-radius: 10px;*/
		border-radius: 3px;

	}

	.jukegreen{
		border: 6px solid transparent;
		  -webkit-border-image: url('/images/juke/neon_green.png') 7 stretch !important; /* Safari 3.1-5 */
			-o-border-image: url('/images/juke/neon_green.png') 7 stretch !important; /* Opera 11-12.1 */
    border-image: url('/images/juke/neon_green.png') 7 stretch !important;
	}

	.jukered{
		border: 6px solid transparent;
		  -webkit-border-image: url('/images/juke/neon_red.png') 7 stretch !important; /* Safari 3.1-5 */
			-o-border-image: url('/images/juke/neon_red.png') 7 stretch !important; /* Opera 11-12.1 */
    border-image: url('/images/juke/neon_red.png') 7 stretch !important;
	}

	.jukeyellow{
		border: 6px solid transparent;
		  -webkit-border-image: url('/images/juke/neon_yellow.png') 7 stretch !important; /* Safari 3.1-5 */
			-o-border-image: url('/images/juke/neon_yellow.png') 7 stretch !important; /* Opera 11-12.1 */
    border-image: url('/images/juke/neon_yellow.png') 7 stretch !important;
	}

	#jellyjuke i{
		color: #eeeeee;
		cursor: pointer;
	}
	#jellyjuke span.has-tip{
		border-bottom:0;
	}

	jkpop {
		color:#fafafa;
		font-size: 11px;
		font-weight: bold;
		line-height: 16px;
	}
	jkpoplg {
		color:#fafafa;
		font-size: 14px;
		font-weight: bold;
		line-height: 22px;
		/*padding: 10px;*/
	}
	jkpoplg sm {
		color:#fafafa;
		font-size: 11px;
		line-height: 12px;
	}

	#jellyjuke .juke-cell{
		margin-top: 3px;
	}

	.juke_title{
		padding: 10px 5px 5px 5px;
		color:#fefefe;
		font-weight:300;
		font-size: 16px;
		line-height: 24px;
	}

	.juke_frame2 {
		width: 944px !important;
		max-width: 944px !important;
	}
	.juke_frame_pro2 {
		width: 1044px !important;
		max-width: 1044px !important;
	}
	.juke_frame_dvr2 {
		width: 984px !important;
		max-width: 984px !important;
	}

	.juke_timer, .juke_timer_red{
		margin-top: 4px;
		background-color: #000000;
		font-weight:bold;
		font-size:16px;
		color: #f6bd33;
		text-align: center;
		padding: 5px 5px 5px 7px;
		width: 80px;
		min-width: 80px;
		max-width: 80px;
		border: 2px inset #eee;
	}
	.juke_timer{
		color: #f6bd33;
	}
	.juke_timer_red{
		color: #9d0b0e;
	}
	.juke_timer #jukeclock{
		display:inline-block;
	}
	.juke_timer #jukestart{
		display:inline-block;
		padding-bottom: 5px !important;
	}
	.juke_timer a{
		font-weight:bold;
		font-size:15px;
		color: #f6bd33;
		text-align: center;
		text-decoration: underline;
		/*margin-top: -2px;*/
	}
	.juke_timer a:hover{
		color: #c68d09;
	}
	.jukeinfo{
		color:#fefefe;
		font-size: 12px;
		white-space: nowrap;
		padding-left: 10px;
	}

	#juke-auto-switch .switch label:after{
		background-image: url('/images/jellycaster/metal-slider.png');
		background-position: center center;
		background-size: cover;
		background-color: transparent;
		top: .2em;
		position: relative;
		z-index: 70;
	}
	#juke-auto-switch .switch.large label{
		/*width:95%;*/
		width:70px;
		height: 2.3rem;
		background-image: url('/images/jellycaster/off.png');
		background-color:transparent;
		background-position: center;
		background-size: 100% 100%;
		position:relative;
		z-index:9;
	}
	#juke-auto-switch .switch input:checked+label{
		/*width:95%;*/
		width:70px;
		height: 2.3rem;
		background-image: url('/images/jellycaster/on.png');
		background-color:transparent;
		background-position: center;
		background-size: 100% 100%;
	}
	#juke-auto-switch .switch.large input:checked+label:after {
		/*left: 4.1rem;*/
		left: 2.2rem;
	}
	#juke-auto-switch {
		/*margin-top: 5px;*/
		margin-top: 2px;
		margin-right: 10px;
    padding-bottom: 0px;
	}
	#juke-auto-switch .auto-label {
		position: absolute;
		z-index: 60;
		/*left: -50px;*/
		/*left: -27px;*/
		left: 25px;
		top: 10px;
		text-shadow: none;
		color: #e0e0e0;
		font-size: 12px;
		margin:0;
	}
	#juke-auto-switch .outer-label{
		margin-top:-12px;
		font-size: 0.9rem;
		/*font-size: 0.7rem;*/
	}
	#juke-auto-switch span{
		text-shadow: 0px 0px 2px #DFDFDF, 0 0 0 #000, 0px 0px 2px #DFDFDF;
		font-size: 15px;
		color: #4d4d4d;
  }
	#juke-auto-switch, #juke-auto-switch .switch, #juke-auto-switch div,  #autobox {
		border: 0 !important;
		outline: none !important;
	}

	#jelly_base2 {
	    position: relative;
	    min-width: auto !important;
	    width: 100% !important;
	    max-width: 950px !important;
	    margin-left: 0;
	    background: none;
	    padding:16px 5px 5px 5px;
	}

	#jelly_base2.player_base_pro {
		max-width:1050px !important;
	}

	 @media only screen and (max-width:938px) {
		span.emoji{
			clear:left;
		}
	}

	.player_frame2 {
		padding:10px;
		width: 950px !important;
		max-width: 950px !important;
	}
	.player_frame_pro2 {
		padding:10px;
		margin-left: -20px;
		width: 1050px !important;
		max-width: 1050px !important;
	}
	.player_frame_dvr2 {
		padding:10px;
		margin-left: 0px;
		width: 990px !important;
		max-width: 990px !important;
	}

	.textchat_frame2 {
 		width:100%;
 		min-width:auto;
 		max-width:none;
 		height:364px;
		background-color:#f5f5f3;
		background: -webkit-linear-gradient(#f5f5f3, #cbcbbe); /* For Safari 5.1 to 6.0 */    /* ccd8dd */
		background: -o-linear-gradient(#f5f5f3, #cbcbbe); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(#f5f5f3, #cbcbbe); /* For Firefox 3.6 to 15 */
		background: linear-gradient(#f5f5f3, #cbcbbe); /* Standard syntax */

		overflow-y:scroll;
		overflow-x:hidden;
 	}

 	.player_frame_pro2 .textchat_frame2 {
 		height:361px;
 	}
	.dvr_info_frame{
		margin:5px 5px 10px 15px;
		padding:0px 10px;
		background-color: #eaeaea;
		 background: -webkit-linear-gradient(#eaeaea, #bababa); /* For Safari 5.1 to 6.0 */    /* ccd8dd */
		 background: -o-linear-gradient(#eaeaea, #bababa); /* For Opera 11.1 to 12.0 */
		 background: -moz-linear-gradient(#eaeaea, #bababa); /* For Firefox 3.6 to 15 */
		 background: linear-gradient(#eaeaea, #bababa); /* Standard syntax */
		height: 100%;
		border: 1px inset #aaa;
overflow: hidden;
	}
	.dvr_info_frame div{
		margin-top: 5px;
	}
	.dvr_info_frame .replaytitle {
		border-bottom: 1px solid #777;
		color: #000 !important;
		padding-bottom: 3px;
	}
	.dvr_info_frame .showts {
		font-size: 12px;
	}
	.dvr_info_frame .tipplease {
		border-bottom: 1px solid #777;
		padding-bottom: 6px;
		font-size: 13px !important;
	}
	.dvr_info_frame #replay_msg_area {
		margin-top:15px;
		padding: 0px 0px 10px 5px;
		overflow-y:scroll;
		overflow-x:hidden;

    display: none;
    width: 100%;
		/*height: 55%;*/
		/*bottom: 0px;*/
	}

	.dvr_info_frame #replay_msg_area div {
		margin: 0px;
	}

	.bcdet_killdvr{
		display: inline;
		clear: both;
		float: right;
		padding: 10px 5px 0px 0px;
		font-weight: bold;
	}

	.bcdet_killdvr a{
		color: #9D0B0E;
	}

	/* @media only screen and (max-width: 64.063em) {*/
	/*	.dvr_info_frame #replay_msg_area {*/
	/*		height: 50%;*/
	/*	}*/
	/*}*/
	/* @media only screen and (max-width: 50.063em) {*/
	/*	.dvr_info_frame #replay_msg_area {*/
	/*		height: 40%;*/
	/*	}*/
	/*}*/
	/* @media only screen and (max-width: 45.063em) {*/
	/*	.dvr_info_frame #replay_msg_area {*/
	/*		height: 150px;*/
	/*	}*/
	/*}*/

	#chat-init{
		padding-top: 5px;
		padding-left: 10px;
		font-size: 11px;
	}

 	span.badge-button,
 	span.enter-tokens,
 	span.tip-button,
 	span.emoji,
 	span.message-artist {
 		display:inline-block;
 		float:left;
 		color:#fff;
 		min-height:55px;
 	}

 	span.badge-button,
 	span.enter-tokens,
 	span.tip-button {
	    margin-top: .75rem;
	}
 	span.tip-button {
			margin-right: 20px;
	}
 	span.badge-button .ui-button-icon-primary {
	    display: none;
	}

	span.badge-button .ui-button-text {
	    padding: 0;
	}

	span.badge-button {
	    padding-left: 5px;
	}

	span.badge-button button.ui-button.badge_artist {
	    background-image: none !important;
	    border: 0;
	    background-color: #f3c430 !important;
	    padding: 0 !important;
	    width: 50px;
	    height: 50px;
	    margin-right: 2rem;
	}

	span.badge-button button.ui-button.badge_artist i {
	    font-size: 2rem;
	    left: -1px;
	    position: relative;
	}

	span.enter-tokens {
	    font-size: 15px !important;
	    margin-right: 1.7rem;
			line-height: 15px !important;
	}

	span.enter-tokens input {
	    width: 100px;
	    margin-top: 0.5rem;
	    background-color: #fff;
	    text-align: center;
	    color: #000;
	}

	span.tip-button .ui-button.tip_artist {
	    width: 173px;
	    height: 50px !important;
	    background-image: none !important;
	    background-color: #F3C430 !important;
	    text-shadow: 0 0 !important;
	    font-size: 13px;
	    text-transform: uppercase;
	    margin-right: 2.2rem;
	    border: 0;
	}

	.player_frame_pro2 span.tip-button .ui-button.tip_artist {
	    margin-right: 4.0rem;
	}

	span.tip-button .ui-button .ui-icon.tip_artist_icon {
	    background-image: url('/images/vieo/coins-icon.png');
	    left: auto;
	    top: 1.3rem;
	    right: 1rem;
	    width: 24px;
	    height: 21px;
	}

	span.tip-button .ui-button .ui-button-text {
		padding: 0 0 0 1rem;
		text-align: left;
		color: #000;
	}

	span.emoji {
	    margin-right: 0.2rem;
	}

	span.emoji_spacer {
	    margin-right: 0.2rem;
			display: inline;
	}

	span.message-artist {
		max-width:27.4rem;
		white-space:nowrap;
		margin-right: 5px;
	}

	.player_base_pro2 span.message-artist {
		max-width:32rem;
	}

	.player_frame_pro2 span.message-artist {
		max-width:32rem;
	}

	span.message-artist .ui-button.sendpostbutton {
	    background-image: none !important;
	    background-color: #F3C430 !important;
	    border: 0;
	    text-shadow: 0 0 !important;
	    color: #fff !important;
	    border-radius: 0;
	    position: relative;
	    vertical-align: top;
	    left: -5.6px;
	    width: 67px;
	    /*height: 63px;*/
	    height: 58px;
	    text-transform: uppercase;
	    font-size: 13px;
	    font-weight: 100;
			margin-top: 1px;
	}

	span.message-artist textarea.postmsg {
	    /*height: 63px;*/
	    height: 58px;
	    /*max-width: 82.8%;*/
	    max-width: 70% !important;
			min-width: 60% !important;
	    border: 0;
	    box-shadow: 0 0;
	    margin:1px 0;
	}

	.player_base_pro2 span.message-artist textarea.postmsg {
	    max-width: 26.6rem;
	}
	.player_frame_pro2 span.message-artist textarea.postmsg {
	    max-width: 26.6rem;
	}

	@media only screen and (max-width:920px) {
		span.enter-tokens {
			margin-right:1rem !important;
			margin-bottom:1rem;
		}
		span.badge-button button.ui-button.badge_artist {
			margin-right:1rem !important;
		}
		span.tip-button .ui-button.tip_artist {
			margin-right:0 !important;
		}
	}

	@media only screen and (max-width:800px) {
		span.enter-tokens {
			margin-right:0.3rem !important;
			margin-bottom:1rem;
		}
		span.badge-button button.ui-button.badge_artist {
			margin-right:0.5rem !important;
		}
		span.tip-button .ui-button.tip_artist {
			margin-right:0 !important;
		}
	}

	@media only screen and (max-width:490px) {
		span.message-artist textarea.postmsg {
			max-width:56vw !important;
		}
		span.enter-tokens {
			margin-bottom:0.5rem;
		}
	}

	@media only screen and (max-width: 64.063em) {
		span.emoji_spacer {
			display: none;
		}
	}

	@media only screen and (max-width: 72em) {
		.player_frame_pro2 span.tip-button .ui-button.tip_artist {
  	    margin-right: 0.0rem;
		}
	}

	@media only screen and (max-width:440px) {
		span.tip-button .ui-button .ui-icon.tip_artist_icon {
			display: none;
		}
		span.tip-button .ui-button.tip_artist {
	    width: 130px;
			margin-left: 10px !important;
		}
		span.badge-button button.ui-button.badge_artist {
			display: none;
		}
		span.enter-tokens {
			margin-left: 10px !important;
		}
		#jelly_viewers #chat_lights{
			display: none;
		}
	}

	#jelly_viewers #chat_lights{
		float:right;
		clear:both;
		margin: 3px 5px 0px 0px;
	}

/*=====  End of VIEO VIDEO PLAYER STANDARD AND HD  ======*/

/*============================================
=            VIEO PHASE 3 CHANGES            =
============================================*/

	.tooltip {
		z-index:9999999;
	}

	.row.expanded {
		max-width:none;
		margin:0;
	}

#featured{
	background-color: rgba(255,204,0,0.7);
}
#featured .outer {
	cursor: pointer;
}
#featured .bottom-embed {
	background-color: #000;
	color: #fff;
	width: 100%;
	/*height: 24px;*/
	/*max-height: 24px;*/
	/*min-height: 24px;*/
height: 35px;
max-height: 35px;
min-height: 35px;
	text-align: center;
	font-size: 18px;
padding-top: 5px;
}
#featured .bottom-embed a {
	color: #fff;
}
.facy-embed{
	margin: 7px;
}
/*#featured-row {*/
/*margin-left: auto;*/
/*margin-right: auto;*/
/*float: none !important;*/
/*background-color:#ff0000;*/
/*}*/

	#featured .overlay {
	    position: absolute;
	    bottom: 0;
	    width: 100%;
	    background-color: rgba(0,0,0,0.7);
	    color: #fff;
	    padding: 2rem 1rem 2rem 2rem;
	    max-height: 130px;
	    height: 100%;
	    -webkit-transition: all 400ms ease-in-out;
	    -moz-transition: all 400ms ease-in-out;
	    -ms-transition: all 400ms ease-in-out;
	    -o-transition: all 400ms ease-in-out;
	    transition: all 400ms ease-in-out;
cursor: pointer;
	}

	#featured .featured-image {
		width:100%;
cursor: pointer;
	}

	#featured .overlay .text-container {
		display:inline-block;
		overflow: hidden;
		max-height: 97px;
		max-width: 75%;
	    -webkit-transition: all 400ms ease-in-out;
	    -moz-transition: all 400ms ease-in-out;
	    -ms-transition: all 400ms ease-in-out;
	    -o-transition: all 400ms ease-in-out;
	    transition: all 400ms ease-in-out;

	}

	#featured .overlay:hover,
	#featured .overlay:hover .text-container {
		max-height:100%;
	}

	#featured .overlay .icon {
	    position: absolute;
	    top: -2.6rem;
	    right: 0.5rem;
	    -webkit-transition: all 400ms ease-in-out;
	    -moz-transition: all 400ms ease-in-out;
	    -ms-transition: all 400ms ease-in-out;
	    -o-transition: all 400ms ease-in-out;
	    transition: all 400ms ease-in-out;
	}

	#featured .overlay:hover .icon {
		top: 0.5rem;
	}

	#featured .overlay .name {
	    font-size: 29px;
	    font-weight: bold;
	    color: #efba55;
	    margin-bottom: 0.5rem;
	}

	#featured .overlay .sub-title {
	    font-size: 19px;
	    margin-bottom:2rem;
	}

	#featured .overlay .next-show,
	#featured .overlay .genre,
	#featured .overlay .views {
	    font-weight: bold;
	    margin-bottom: 1rem;
	}

	#featured .overlay .yellow {
	    font-weight: normal;
	    color: #efba55;
	}

	#featured .overlay .excerpt {
	    line-height: 2;
	}

	#featured .overlay .options-icons {
	    float: right;
	    display: inline-block;
	    margin-top: 2rem;
	    width:25%;
	    -webkit-transition: all 300ms ease-in-out;
	    -moz-transition: all 300ms ease-in-out;
	    -ms-transition: all 300ms ease-in-out;
	    -o-transition: all 300ms ease-in-out;
	    transition: all 300ms ease-in-out;
	}

	#featured .overlay:hover .options-icons {
		width:33px;
	    margin-top: 4rem;
	    text-align: center;
	}

	#featured .overlay:hover .options-icons img {
	    margin: 10px auto;
	}

	#timeline {
	    position: relative;
	    background-color: #fff;
	    padding: 2.5rem 0;
	}

	#timeline:before {
		content: '';
		position: absolute;
		left: 0;
		top: 50%;
		-webkit-transform: translate(0,-50%);
		transform: translate(0,-50%);
		width: 100%;
		height: 2px;
		background-color: #acacac;
	}

	#timeline a.feed-link {
		position: relative;
	    display: inline-block;
	    margin: 1rem 0.7rem;
	    border:0;
		text-decoration: none;
	}

	#timeline .status {
	    position: absolute;
	    bottom: -9px;
	    right: 0;
	    text-transform: uppercase;
	    color: #fff;
	    text-decoration: none;
	    font-size: 12px;
	    display: inline-block;
	    padding: 0.2rem 0.5rem;
	    border-radius: 10px;
	}

#timeline .label-name {
		position: absolute;
		top: -9px;
		left: -9px;
		text-transform: uppercase;
		/*color: #fff;*/
color: #333;
		text-decoration: none;
		font-size: 8px;
		display: inline-block;
		padding: 0.2rem 0.5rem;
		border-radius: 10px;
		overflow: hidden;
		max-width: 110px !important;
		white-space: nowrap !important;
/*background-color: #666;*/
background-color: #fefefe;
border: 1px solid #333;
}

#timeline .status.sched {
	right: -5px;
	font-size: 10px;
	line-height: 15px;
}

	#timeline .status.new {
		background-color: #9c2b32;
	}

	#timeline .status.live {
	    background-color: #6cbc4c;
	}

	#timeline .status.recent, #timeline .status.sched {
	    background-color: #107b9e;
	}

	#timeline .container {
		padding: 0 10px;
	}

	#timeline .slideControls {
		position: absolute;
		width: 100%;
		top: 26px;
		left: 0;
	}

	#timeline .slideControls i {
		font-size: 4rem;
	}

	#timeline .slideControls .slideNext {
		right: 0;
		position: absolute;
		cursor: pointer;
	}

	#timeline .slideControls .slidePrev {
		left: 0;
		position: absolute;
		cursor: pointer;
	}

	#timeline .carousel {
		padding: 0 25px;
		position: relative;
	}

	#timeline .carousel .slide {
		padding: 20px;
		text-align: center;
		height: 50px;
	}
	#timeline .image-container .event-img {
		width: 86px;
		max-width: 86px;
		height: 87px;
		max-height: 87px;
		border-radius: 50%;
		  -webkit-border-radius: 50%;
			-moz-border-radius: 50%;
	}


/* timeline lineup - new 10/2016*/
	#tl_outer {
		margin: 0; padding: 0;
		height: 116px !important;
		min-height: 115px !important;
		max-height: 116px !important;
		background-color: #eee; /*  fcfcf8 #fafaf1;  fffbdd fff3c4   fff8c4*/
			background: -webkit-linear-gradient(#eee, #fff); /* For Safari 5.1 to 6.0 */  /* fffef0 fafaf7 */
			background: -o-linear-gradient(#eee, #fff); /* For Opera 11.1 to 12.0 */
			background: -moz-linear-gradient(#eee, #fff); /* For Firefox 3.6 to 15 */
			background: linear-gradient(#eee, #fff); /* Standard syntax */
	}
	#tl_inner{
		margin: 0; padding: 0;
		display:none;
	}
  #timelineLU {
		position: relative;
		background-color: #eee; /*  fcfcf8 #fafaf1;  fffbdd fff3c4   fff8c4*/
			background: -webkit-linear-gradient(#eee, #fff); /* For Safari 5.1 to 6.0 */  /* fffef0 fafaf7 */
			background: -o-linear-gradient(#eee, #fff); /* For Opera 11.1 to 12.0 */
			background: -moz-linear-gradient(#eee, #fff); /* For Firefox 3.6 to 15 */
			background: linear-gradient(#eee, #fff); /* Standard syntax */
		padding: 0.15rem .7rem 0 .7rem;
		max-height: 116px !important;
		overflow-y: hidden;
	}

	#timelineLU:before {
		content: '';
		position: absolute;
		left: 0;
		top: 50%;
		-webkit-transform: translate(0,-50%);
		transform: translate(0,-50%);
		width: 100%;
		height: 2px;
		background-color: #acacac;
	}

	#timelineLU a.feed-link {
		position: relative;
	    display: inline-block;
	    margin: 1rem 0.7rem;
	    border:0;
		text-decoration: none;
	}

	#timelineLU .status {
	    position: absolute;
	    bottom: -9px;
	    right: 0;
	    text-transform: uppercase;
	    color: #fff;
	    text-decoration: none !important;
	    font-size: 12px;
	    display: inline-block;
	    padding: 0.2rem 0.5rem;
	    border-radius: 10px;
white-space: nowrap !important;
	}

#timelineLU .label-name {
		position: absolute;
		top: -9px;
		left: -9px;
		text-transform: uppercase;
		/*color: #fff;*/
color: #333;
		text-decoration: none;
		font-size: 8px;
		display: inline-block;
		padding: 0.2rem 0.5rem;
		border-radius: 10px;
		overflow: hidden;
		max-width: 110px !important;
		white-space: nowrap !important;
/*background-color: #666;*/
background-color: #fefefe;
border: 1px solid #333;
}

#timelineLU .status.sched {
	right: -5px;
	font-size: 10px;
	line-height: 15px;
}

	#timelineLU .status.new {
		background-color: #9c2b32;
	}

	#timelineLU .status.live {
	    background-color: #6cbc4c;
	}

	#timelineLU .status.recent, #timelineLU .status.sched {
	    background-color: #107b9e;
	}

	#timelineLU .container {
		padding: 0 10px;
	}

	#timelineLU .slideControls {
		position: absolute;
		width: 100%;
		top: 23px;
		left: 0;
	}

	#timelineLU .slideControls i {
		font-size: 4rem;
	}

	#timelineLU .slideControls .slideNext {
		right: 0;
		position: absolute;
		cursor: pointer;
	}

	#timelineLU .slideControls .slidePrev {
		left: 0;
		position: absolute;
		cursor: pointer;
	}

	#timelineLU .carousel {
		padding: 0 25px;
		position: relative;
	}

	#timelineLU .carousel .slide {
		padding: 20px;
		text-align: center;
		height: 50px;
	}
	#timelineLU .image-container .event-img {
		width: 80px;
		max-width: 80px;
		height: 80px;
		max-height: 80px;
		border-radius: 50%;
		  -webkit-border-radius: 50%;
			-moz-border-radius: 50%;
	}


	#masonary .large-container {
		position: relative;
		overflow:hidden;
		max-width: 28.592%;
		max-height: 404px;
		width:100%;
cursor: pointer;
	}

	#masonary .large-container .image-container,
	#masonary .medium-container .image-container,
	#masonary .small-container .image-container  {
	    position: relative;
/*z-index: 1;*/
	}

	#masonary .large-container .image-container .featured-image,
	#masonary .medium-container .image-container .featured-image,
	#masonary .small-container .image-container .featured-image {
		width:100%;
	}

	#masonary{
		position:relative;
		max-width:100%;
		overflow:hidden;
	}

#masonary .label-name {
	position:absolute;
	top:3px;
	left:5px;
	font-size: 10px;
	font-weight: 700;
	color: #fff;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 1), 0 0 1px rgba(0, 0, 0, 1), 0 0 2px rgba(0, 0, 0, 1);
	white-space: nowrap;
	/*z-index: 2;*/
}

	/* This is for CSS Cropping
	#masonary .large-container .image-container:before {
	    content: '';
	    display: block;
	    width: 100%;
	    padding-top: 100%;
	}

	#masonary .medium-container .image-container:before {
	    content: '';
	    display: block;
	    width: 100%;
	    padding-top: 49.651972157773%;
	}

	#masonary .small-container .image-container:before {
	    content: '';
	    display: block;
	    width: 100%;
	    padding-top: 99.53488372093%;
	}

	#masonary .grid-item .image-container img {
	    position: absolute;
	    top: 50%;
	    -webkit-transform: translate(0,-50%);
	    width: auto;
	    max-width: none;
	}

	#masonary .grid-item .image-container.align-left img{
		left: 0;
	}

	#masonary .grid-item .image-container.align-right img{
		right: 0;
	}

	#masonary .grid-item .image-container.align-top img{
	    top: 0;
	    left: 50%;
	    -webkit-transform: translate(-50%,0);
	    transform: translate(-50%,0);
	}

	#masonary .grid-item .image-container.align-bottom img{
	    top: auto;
	    bottom:0;
	    left: 50%;
	    -webkit-transform: translate(-50%,0);
	    transform: translate(-50%,0);
	}

	#masonary .grid-item .image-container.align-center img{
	    top: 50%;
	    left: 50%;
	    -webkit-transform: translate(-50%,-50%);
	    transform: translate(-50%,-50%);
	} */

	#masonary .medium-container {
		position: relative;
		overflow:hidden;
		max-width: 28.592%;
		max-height: 202px;
		width:100%;
cursor: pointer;
	}

	#masonary .small-container {
		position: relative;
		overflow:hidden;
		max-width: 14.296%;
		max-height: 202px;
		width:100%;
cursor: pointer;
	}

	#masonary .grid-item[data-live]:before {
	    background-image: url('/images/vieo/hp/live-icon-new.png');
	    content: '';
	    position: absolute;
	    top: 10px;
	    right: 10px;
	    /*z-index: 9999;*/
z-index: 99 !important;
	    width: 45px;
	    height: 45px;
	    background-size: cover;
	    opacity:1;
	    -webkit-transition: all 300ms ease-in-out;
	    -moz-transition: all 300ms ease-in-out;
	    -ms-transition: all 300ms ease-in-out;
	    -o-transition: all 300ms ease-in-out;
	    transition: all 300ms ease-in-out;
	}

	#masonary .grid-item[data-juke]:before {
	    background-image: url('/images/juke/juke-icon45.png');
	    content: '';
	    position: absolute;
	    top: 10px;
	    right: 10px;
	    /*z-index: 9999;*/
z-index: 99 !important;
	    width: 45px;
	    height: 45px;
	    background-size: cover;
	    opacity:1;
	    -webkit-transition: all 300ms ease-in-out;
	    -moz-transition: all 300ms ease-in-out;
	    -ms-transition: all 300ms ease-in-out;
	    -o-transition: all 300ms ease-in-out;
	    transition: all 300ms ease-in-out;
	}
	#masonary .grid-item[data-dvrjuke]:before {
	    background-image: url('/images/juke/dvrjuke-icon45.png');
	    content: '';
	    position: absolute;
	    top: 10px;
	    right: 10px;
	    /*z-index: 9999;*/
z-index: 99 !important;
	    width: 45px;
	    height: 45px;
	    background-size: cover;
	    opacity:1;
	    -webkit-transition: all 300ms ease-in-out;
	    -moz-transition: all 300ms ease-in-out;
	    -ms-transition: all 300ms ease-in-out;
	    -o-transition: all 300ms ease-in-out;
	    transition: all 300ms ease-in-out;
	}

	#masonary .grid-item[data-dvr]:before {
	    background-image: url('/images/vieo/hp/dvr-icon.png');
	    content: '';
	    position: absolute;
	    top: 10px;
	    right: 10px;
	    /*z-index: 9999;*/
z-index: 99 !important;
	    width: 45px;
	    height: 45px;
	    background-size: cover;
	    opacity:1;
	    -webkit-transition: all 300ms ease-in-out;
	    -moz-transition: all 300ms ease-in-out;
	    -ms-transition: all 300ms ease-in-out;
	    -o-transition: all 300ms ease-in-out;
	    transition: all 300ms ease-in-out;
	}

	#masonary .grid-item[data-scheduled]:before {
	    background-image: url('/images/vieo/hp/scheduled-icon-blue.png');
	    content: '';
	    position: absolute;
	    top: 10px;
	    right: 10px;
	    /*z-index: 9999;*/
z-index: 99 !important;
	    width: 45px;
	    height: 45px;
	    background-size: cover;
	    opacity:1;
	   	-webkit-transition: all 300ms ease-in-out;
	    -moz-transition: all 300ms ease-in-out;
	    -ms-transition: all 300ms ease-in-out;
	    -o-transition: all 300ms ease-in-out;
	    transition: all 300ms ease-in-out;
	}

	#masonary .grid-item[data-live]:hover:before,
	#masonary .grid-item[data-juke]:hover:before,
	#masonary .grid-item[data-dvr]:hover:before,
	#masonary .grid-item[data-dvrjuke]:hover:before,
	#masonary .grid-item[data-scheduled]:hover:before {
		opacity:0;
	}

	#masonary:after {
	    content:'';
	    display: table;
	    clear: both;
	}

	#masonary .overlay {
	    position: absolute;
	    bottom: 0;
	    width: 100%;
	    background-color: rgba(0,0,0,0.7);
	    color: #fff;
	   	padding: 0 1rem 0 2rem;
	    max-height: 0;
	    height: 100%;
	    -webkit-transition: all 400ms ease-in-out;
	    -moz-transition: all 400ms ease-in-out;
	    -ms-transition: all 400ms ease-in-out;
	    -o-transition: all 400ms ease-in-out;
	    transition: all 400ms ease-in-out;
/*z-index: 3;*/

	}

#masonary .overlay .text-container {
	display:block;
	overflow: hidden;
	max-height: 97px;
	max-width: 100%;
	-webkit-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-ms-transition: all 400ms ease-in-out;
	-o-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
}

	#masonary div[class$="-container"]:hover .overlay {
		padding: 4rem 2rem;
	}

	#masonary div[class$="-container"]:hover .overlay,
	#masonary div[class$="-container"]:hover .text-container {
		max-height:100%;
	}

	#masonary .overlay .icon {
	    position: relative;
	    -webkit-transition: all 400ms ease-in-out;
	    -moz-transition: all 400ms ease-in-out;
	    -ms-transition: all 400ms ease-in-out;
	    -o-transition: all 400ms ease-in-out;
	    transition: all 400ms ease-in-out;
	    max-width: 45px;
	    margin-bottom: 30px;
	}

	#masonary .overlay .name {
	    font-size: 25px;
	    font-weight: bold;
	    color: #efba55;
	    margin-bottom: 0.5rem;
	}

	#masonary .overlay .sub-title {
	    font-size: 17px;
	    margin-bottom:2rem;
	}

	#masonary .overlay .next-show {
	    font-weight: bold;
	    /*margin-bottom: 1rem;*/
	    margin-bottom: 0.9rem;
	    font-size: 15px;
	}

#masonary .overlay .viewers {
		font-weight: bold;
	    /*margin-bottom: 1rem;*/
	    margin-bottom: 0.9rem;
		font-size: 15px;
}

	#masonary .overlay .genre {
	    font-weight: bold;
	    /*margin-bottom: 1rem;*/
	    margin-bottom: 0.9rem;
	    font-size: 15px;
	}

	#masonary .overlay .yellow {
	    font-weight: normal;
	    color: #efba55;
	}

	#masonary .overlay .options-icons {
	    display: inline-block;
	    top: -0.9rem;
	    -webkit-transition: all 300ms ease-in-out;
	    -moz-transition: all 300ms ease-in-out;
	    -ms-transition: all 300ms ease-in-out;
	    -o-transition: all 300ms ease-in-out;
	    transition: all 300ms ease-in-out;
	    position: relative;
	}

	#masonary .large-container:hover .options-icons {
		text-align: center;
	}

	#masonary .large-container:hover .options-icons img {
	    margin: 10px auto;
	}

	#masonary div[class$="-container"].small-container .overlay {
	    padding: 0 10px;
	}

	#masonary div[class$="-container"].small-container:hover .overlay {
	    padding: 10px;
	}

	#masonary div[class$="-container"].medium-container .overlay {
	    padding: 0 20px;
	}

	#masonary div[class$="-container"].medium-container:hover .overlay {
	    padding: 20px;
	}

	#masonary div[class$="-container"].small-container .name {
	    font-size: 16px;
	}

	#masonary div[class$="-container"].medium-container .name {
	    font-size:18px;
/*margin-top: 0px;*/
	}

	#masonary div[class$="-container"].small-container .sub-title {
	    font-size: 12px;
	    margin: 0 0 5px;
	}

	#masonary div[class$="-container"].medium-container .sub-title {
	    font-size: 14px;
	    margin: 0 0 5px;
	}

	#masonary div[class$="-container"].small-container .next-show {
	    font-size: 12px;
	    margin: 0 0 5px;
	}

	#masonary div[class$="-container"].small-container .viewers {
			font-size: 12px;
			margin: 0 0 5px;
	}

	#masonary div[class$="-container"].small-container .genre {
	    font-size: 12px;
	}

	#masonary div[class$="-container"].medium-container .next-show {
	    font-size: 14px;
/*margin: 0;*/
margin: 0 0 2px;
	}


#masonary div[class$="-container"].medium-container .viewers {
		font-size: 14px;
/*margin: 0;*/
margin: 0 0 2px;
}

	#masonary div[class$="-container"].medium-container .genre {
	    font-size: 14px;
	}

	#masonary .small-container .overlay .icon {
	    float: right;
	    margin-bottom: 15px;
	}

	#masonary .medium-container .overlay .icon {
	    float: right;
	    margin-bottom: 10px;
	}

	#masonary .small-container .overlay .options-icons {
	    float: right;
	    top: 5px;
	    right: 19px;
	}

	#masonary .medium-container .overlay .options-icons {
	    float: right;
	    top: 5px;
	    right: 19px;
	}

	#masonary .small-container .overlay .text-container,
	#masonary .medium-container .overlay .text-container {
	    clear: both;
	}

/*#masonary .medium-container .overlay .text-container .icon {*/
/*		margin-bottom: 5px;*/
/*}*/

	@media only screen and (max-width: 1310px) {
		#masonary .small-container {
			max-width: 16%;
		}
	}

	@media only screen and (max-width: 1170px) {
		#masonary .large-container {
			max-width: 33%;
		}

		#masonary .medium-container {
			max-width: 36%;
		}

		#masonary .small-container {
			max-width: 18%;
		}
	}

	@media only screen and (max-width: 1024px) {
		#masonary .large-container {
			max-width: 50%;
		}

		#masonary .medium-container {
			max-width: 50%;
		}

		/*#masonary div[class$="-container"].medium-container:hover .overlay {*/
		/*    padding: 60px 20px;*/
		/*}*/

		#masonary .small-container {
			max-width: 25%;
		}
	}

	@media only screen and (max-width: 1024px) {
		#masonary .large-container {
			max-width: 50%;
		}

		#masonary .medium-container {
			/*max-width: 100%;*/
			max-width: 50%;
		}

		#masonary .small-container {
			max-width: 25%;
		}
	}

	@media only screen and (max-width: 770px) {
		#masonary .large-container {
			max-width: 65%;
		}

		#masonary .medium-container {
			/*max-width: 100%;*/
			max-width: 65%;
		}

		#masonary .small-container {
			max-width: 35%;
		}

		#masonary .overlay .text-container {
			display:block;
		}
	}

	@media only screen and (max-width: 600px) {
		#masonary .large-container {
			max-width: 100%;
		}

		#masonary .medium-container {
			max-width: 100%;

		}

		#masonary .small-container {
			max-width: 50%;
		}
	}

/* add border around mason tiles - SJ */
@media only screen and (min-width: 40.063em) {
	#masonary .grid-item{
		border: 5px solid rgba(205, 205, 205, 0.1);
	}
	#masonary {
		margin: 5px;
	}
}
/* end border */

/*=====  End of VIEO PHASE 3 CHANGES  ======*/
#footerbase
{
	position:absolute;
	bottom:0 !important;
	width: 100%;
}