/**
 * Common
 */

body {
	background          : url(../img/portals/home.jpg) no-repeat center center fixed; 
	
	transition: background 1.5s linear;	
	-webkit-transition: background 1.5s linear;
    -moz-transition: background 1.5s linear;
    -o-transition: background 1.5s linear;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment:fixed;
}


body.bg-home
{
    background-image: url(../img/portals/home.jpg);
}

body.bg-music
{
    background-image: url(../img/music_back2.jpg);
}

body.bg-arts
{
    background-image: url(../img/05_ARTS/arts_back.jpg);
}

body.bg-adventures
{
    background-image: url(../img/06_ADVENTURES/adventures_back.jpg);
}

body.bg-creation
{
    background-image: url(../img/creation_back.jpg);
}

body.bg-connections
{
    background-image: url(../img/07_CONNECTIONS/connections_back.jpg);
}

body.bg-future
{
    background-image: url(../img/02_FUTURE/future_back.jpg);
}

body.bg-university
{
    background-image: url(../img/03_UNIVERSE/university_back.jpg);
}

body.bg-userhome
{
    background-image: url(http://www.zerouniversal.com/img/back_twitt01_low.jpg);
}
 
html,body,div,table,ul,span,p
 {
	font-family: 'Oxygen', sans-serif !important;
 }

.mu-top-bar, .mu-category, .mu-slider, .mu-panel {
	width              : 88%;
	margin             : 0 auto;
}

/**
 * Top Bar
 */

.mu-top-bar {
	padding-top         : 2.5%;
}

.mu-main-logo, .mu-circle-nav, .mu-music-logo {
	float              : left;
	display            : block;
}

.mu-main-logo, .mu-music-logo {
	width              : 20%;
}

.mu-circle-nav {
	width              : 58%;
	margin-left        : 1%;
	margin-right       : 1%;
}

.mu-circle-nav-item {
	float              : left;
	display            : block;
	width              : 13.08%;
	margin-left        : 0.6%;
	margin-right       : 0.6%;
}

.mu-circle-nav-img, .mu-circle-nav-hidden-img {
	width              : 100%;
}

.mu-circle-nav-hidden-img {
	display            : none;
}

.mu-circle-nav-item:hover .mu-circle-nav-hidden-img {
	display            : inline-block;
}

.mu-circle-nav-item:hover .mu-circle-nav-img {
	display            : none;
}

/**
 * Category Box
 */

.mu-category {
	padding            : 0 1%;
	color              : #BBECFF;
}

.mu-category .my-category-active {
	color              : #FAFBFE;
}

/**
 * Slider
 */

.mu-slider {
	margin-top         : 0.5%;
	border-radius      : 10px;
	height             : 11%;
	overflow           : hidden;
	-webkit-box-shadow : inset 0px 0px 7px 0px rgba(255,255,255,1) , inset 0px 1px 4px 0px rgba(255,255,255,1),
	                     inset 0px -1px 4px 0px rgba(255,255,255,1),       2px 2px 6px 1px rgba(0,0,0,0.75);
	-moz-box-shadow    : inset 0px 0px 7px 0px rgba(255,255,255,1) , inset 0px 1px 4px 0px rgba(255,255,255,1),
	                     inset 0px -1px 4px 0px rgba(255,255,255,1),       2px 2px 6px 1px rgba(0,0,0,0.75);
	box-shadow         : inset 0px 0px 7px 0px rgba(255,255,255,1) , inset 0px 1px 4px 0px rgba(255,255,255,1),
	                     inset 0px -1px 4px 0px rgba(255,255,255,1),       2px 2px 6px 1px rgba(0,0,0,0.75);
}

.mu-slider-left, .mu-slider-inner, .mu-slider-right {
	float              : left;
	display            : block;
}

/**
 * Slider: Buttons
 */

.mu-slider-left, .mu-slider-right {
	width              : 2.3%;
	height             : 100%;
	position           : relative;
}


.mu-slider-left-img, .mu-slider-right-img, .mu-slider-left-hover, .mu-slider-right-hover {
	position           : absolute;
	display            : block;
	top                : 40%;
	left               : 25%;
	height             : 20%;
}

.mu-slider-left-hover, .mu-slider-right-hover {
	display            : none;
}

.mu-slider-left:hover .mu-slider-left-hover, .mu-slider-right:hover .mu-slider-right-hover {
	display            : block;
}

/**
 * Slider: Content
 */

.mu-slider-inner {
	width              : 95.4%;
	height             : 100%;
	border-radius      : 15px;
	-webkit-box-shadow : 0px 0px 6px 1px rgba(255,255,255,1);
	-moz-box-shadow    : 0px 0px 6px 1px rgba(255,255,255,1);
	box-shadow         : 0px 0px 6px 1px rgba(255,255,255,1);
	overflow           : hidden;
	position           : relative;
}

.mu-slider-left-shadow, .mu-slider-right-shadow {
	width              : 2%;
	position           : absolute;
}

.mu-slider-left-shadow {
	left               : 0px;
	top                : -3px;
	bottom             : -3px;
	-webkit-box-shadow : inset 6px 0px 6px 0px rgba(0,0,0,0.5);
	-moz-box-shadow    : inset 6px 0px 6px 0px rgba(0,0,0,0.5);
	box-shadow         : inset 6px 0px 6px 0px rgba(0,0,0,0.5);
	z-index            : 2;
	border-radius      : 15px;
}

.mu-slider-right-shadow {
	right              : 0;
	top                : -3px;
	bottom             : -3px;
	-webkit-box-shadow : inset -6px 0px 6px 0px rgba(0,0,0,0.5);
	-moz-box-shadow    : inset -6px 0px 6px 0px rgba(0,0,0,0.5);
	box-shadow         : inset -6px 0px 6px 0px rgba(0,0,0,0.5);
	z-index            : 2;
	border-radius      : 15px;
}

.mu-slider-content {
	/*width            : 150%;*/
	height             : 100%;
	position           : relative;
	left               : 0;
	-webkit-box-shadow : inset 2px 0px 6px 1px rgba(0,0,0,0.75), inset -2px 0px 6px 1px rgba(0,0,0,0.75);
	-moz-box-shadow    : inset 2px 0px 6px 1px rgba(0,0,0,0.75), inset -2px 0px 6px 1px rgba(0,0,0,0.75);
	box-shadow         : inset 2px 0px 6px 1px rgba(0,0,0,0.75), inset -2px 0px 6px 1px rgba(0,0,0,0.75);
	white-space        : nowrap;
}

.mu-slider-img {
	display            : inline-block;
	position           : relative;
	border             : 2px #ddd solid;
	border-right       : 0;
	height             : 100%;
	margin             : 0;
	margin-right       : -4px;
margin-left       : -4px;
	padding            : 0;
        cursor             : pointer;
}

/**
 * Music Panel
 */

.mu-panel {
	width              : 90.4%;
	margin-top         : 2%;
	display            : inline-block;
	position           : relative;
	left: 4.7%;
}

.mu-panel video {
	border-radius:20px;
	overflow:hidden;
}

.mu-panel:after {
    padding-top: 32.138%;
    display: block;
    content: '';
}

.mu-panel-wrapper {
    position: absolute;
    top: 0; bottom: 0; right: 0; left: 0;
}

.mu-panel-bg {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%; 
	height: 100%;
        opacity: 0.8;
}

.mu-panel-video {
	display: block;
	position: absolute;
	top: 2.5%;
	left: 0.7%;
	width: 98.6%;
	height: 94.7%;
}

.mu-panel-video div {
	border-radius: 30px;
	overflow: hidden;
}

.mu-panel-left, .mu-panel-right {
	width              : 40%;
	height             : 92%;
	color              : #fff;
        z-index            : 2;
}

.mu-panel-left {
	position           : absolute;
	left               : 0;
	top                : 4%;
	bottom             : 4%;
}

.mu-panel-right {
	position           : absolute;
	right              : 0;
	top                : 4%;
	bottom             : 4%;
}

.mu-panel-globe {
	position           : absolute;
	display            : block;
	width              : 25%;
	left               : 37.5%;
	top                : 10%;
}

@media only screen and (max-width: 1200px) {
	.mu-panel {
		font-size: 1em;
	}
}

@media only screen and (max-width: 1100px) {
	.mu-panel {
		font-size: 0.85em;
	}
}

@media only screen and (max-width: 985px) {
	.mu-panel {
		font-size: 0.75em;
	}
}


/**
 * Music Panel: Header
 */

.mu-panel .mu-panel-header {
	text-align         : center;
	position           : relative;
	height             : 14%;
}

.mu-panel .mu-panel-header-title {
	font-size          : 18px;
	font-weight        : bold;
}

.mu-panel .mu-panel-header-shadow {
	position           : absolute;
	bottom             : -7%;
	left               : 0;
	width              : 100%;
}

.mu-panel .mu-panel-expand {
	position           : absolute;
	right              : 4%;
	bottom             : 18%;
	font-size          : 0.9em;
	text-decoration    : none !important;
	color              : #fff !important;
}

.mu-panel .mu-panel-backnotes {
	position           : absolute;
	left              : 4%;
	bottom             : 18%;
	font-size          : 0.9em;
	text-decoration    : none !important;
	color              : #fff !important;
}

.mu-panel .mu-panel-toexpand {
	position           : absolute;
	right              : 5%;
	bottom             : 18%;
	font-size          : 0.9em;
	text-decoration    : none !important;
	color              : #fff !important;
}

.mu-panel .mu-panel-toplayall {
	position           : absolute;
	left              : 10%;
	bottom             : 18%;
	font-size          : 0.9em;
	text-decoration    : none !important;
	color              : #fff !important;
}

.mu-panel-backnotes:hover {
	opacity: 0.9;

}

.mu-panel .mu-panel-expand img {
	height             : 15px;
	margin-left        : 4px;
}


/**
 * Music Panel: Content
 */

.mu-panel .mu-panel-content {
	height             : 74%;
	overflow-y         : hidden;
	margin-left        : 2%;
	margin-right       : 15%;
}

.mu-panel .mu-panel-content-img {
	display            : block;
	float              : left;
	width              : 30%;
	margin-right       : 4%;
	margin-left        : 12%;
	margin-bottom      : 3%;
	margin-top         : 3%;
	border             : 2px #fff solid;
	cursor             : pointer;
	-webkit-box-shadow : 0px 0px 4px 2px rgba(0,0,0,0.5);
	-moz-box-shadow    : 0px 0px 4px 2px rgba(0,0,0,0.5);
	box-shadow         : 0px 0px 4px 2px rgba(0,0,0,0.5);
}

.mu-panel .mCSB_scrollTools {
	width              : 10px;
	-webkit-box-shadow : inset -2px 0px 4px 0 rgba(0,0,0,0.5);
	-moz-box-shadow    : inset -2px 0px 4px 0 rgba(0,0,0,0.5);
	box-shadow         : inset -2px 0px 4px 0 rgba(0,0,0,0.5);
}

.mu-panel .mCSB_draggerRail {
	opacity            : 0;
}

.mu-panel .mCSB_dragger_bar {
	width              : 100% !important;
	-webkit-box-shadow : inset 2px 2px 2px 0 rgba(0,0,0,0.75), inset 0px 0px 0px 2px rgba(255,255,255,0.75);
	-moz-box-shadow    : inset 2px 2px 2px 0 rgba(0,0,0,0.75), inset 0px 0px 0px 2px rgba(255,255,255,0.75);
	box-shadow         : inset 2px 2px 2px 0 rgba(0,0,0,0.75), inset 0px 0px 0px 2px rgba(255,255,255,0.75);
	margin-left        : 0 !important;
}


/**
 * Music Panel: Bottom
 */

.mu-panel .mu-panel-bottom {
	height             : 12%;
	text-align         : center;
	font-size          : 0.8em;
	padding-top        : 3%;
	position           : relative;
}

.mu-panel-left .mu-panel-bottom-shadow {
	position           : absolute;
	left               : 2%;
	top                : -4%;
	width              : 100%;
}

.mu-panel .mu-panel-bottom a {
	background-image   : -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #048ADD),
		color-stop(1, #005C99)
	);
	background-image   : -o-linear-gradient(bottom, #048ADD 0%, #005C99 100%);
	background-image   : -moz-linear-gradient(bottom, #048ADD 0%, #005C99 100%);
	background-image   : -webkit-linear-gradient(bottom, #048ADD 0%, #005C99 100%);
	background-image   : -ms-linear-gradient(bottom, #048ADD 0%, #005C99 100%);
	background-image   : linear-gradient(to bottom, #048ADD 0%, #005C99 100%);
	-webkit-box-shadow : 1px 1px 2px 0px rgba(0,0,0,0.75), inset 0px -1px 2px 0px rgba(0,0,0,0.2);
	-moz-box-shadow    : 1px 1px 2px 0px rgba(0,0,0,0.75), inset 0px -1px 2px 0px rgba(0,0,0,0.2);
	box-shadow         : 1px 1px 2px 0px rgba(0,0,0,0.75), inset 0px -1px 2px 0px rgba(0,0,0,0.2);
	border-radius      : 8px;
	padding            : 0.4% 1.5%;
	color              : #fff !important;
	text-decoration    : none !important;
	margin             : 0 0.7%;
}

.mu-panel .mu-panel-bottom a img {
	margin-right       : 1%;
	height             : 11px;
}


/**
 * Music Panel: Right panel specifics
 */

.mu-panel-right .mu-panel-content {
	margin-right       : 2%;
	margin-left        : 14%;
}

.mu-panel-right .mu-panel-bottom-shadow {
	position           : absolute;
	right              : 2%;
	top                : -4%;
	width              : 100%;
}

.mu-panel-right .mu-panel-content .mCSB_container{
	padding            : 4%;
}

#album_cover
{
    position: relative;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
    z-index: 1;
}

#flip_cover
{
cursor:pointer;
}

table.table-music td {
    border-left: 1px solid #8098b6;
    border-top: medium none !important;
}
table.table-music tr:nth-of-type(2n+1) {
    background-color: rgba(255, 255, 255, 0.05);
}
table.table-music tr:nth-of-type(2n) {
    background-color: rgba(237, 245, 255, 0.24);
}

a.tb-music {
	background-image   : -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #048ADD),
		color-stop(1, #005C99)
	);
	background-image   : -o-linear-gradient(bottom, #048ADD 0%, #005C99 100%);
	background-image   : -moz-linear-gradient(bottom, #048ADD 0%, #005C99 100%);
	background-image   : -webkit-linear-gradient(bottom, #048ADD 0%, #005C99 100%);
	background-image   : -ms-linear-gradient(bottom, #048ADD 0%, #005C99 100%);
	background-image   : linear-gradient(to bottom, #048ADD 0%, #005C99 100%);
	-webkit-box-shadow : 1px 1px 2px 0px rgba(0,0,0,0.75), inset 0px -1px 2px 0px rgba(0,0,0,0.2);
	-moz-box-shadow    : 1px 1px 2px 0px rgba(0,0,0,0.75), inset 0px -1px 2px 0px rgba(0,0,0,0.2);
	box-shadow         : 1px 1px 2px 0px rgba(0,0,0,0.75), inset 0px -1px 2px 0px rgba(0,0,0,0.2);
	border-radius      : 8px;
	padding            : 0.4% 10.5%;
	color              : #fff !important;
	text-decoration    : none !important;
	margin             : 0 0.7%;
font-size: 12px;
}


a.tb-download-music {
	background-image   : -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #DDA740),
		color-stop(1, #9e7841)
	);
	background-image   : -o-linear-gradient(bottom, #DDA740 0%, #9e7841 100%);
	background-image   : -moz-linear-gradient(bottom, #DDA740 0%, #9e7841 100%);
	background-image   : -webkit-linear-gradient(bottom, #DDA740 0%, #9e7841 100%);
	background-image   : -ms-linear-gradient(bottom, #DDA740 0%, #9e7841 100%);
	background-image   : linear-gradient(to bottom, #DDA740 0%, #9e7841 100%);
	-webkit-box-shadow : 1px 1px 2px 0px rgba(0,0,0,0.75), inset 0px -1px 2px 0px rgba(0,0,0,0.2);
	-moz-box-shadow    : 1px 1px 2px 0px rgba(0,0,0,0.75), inset 0px -1px 2px 0px rgba(0,0,0,0.2);
	box-shadow         : 1px 1px 2px 0px rgba(0,0,0,0.75), inset 0px -1px 2px 0px rgba(0,0,0,0.2);
	border-radius      : 8px;
	padding            : 0.4% 10.5%;
	color              : #fff !important;
	text-decoration    : none !important;
	margin             : 0 0.7%;
font-size: 12px;
cursor:pointer;
}


a.tb-remove {
	background-image   : -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #B43A3E),
		color-stop(1, #9D3939)
	);
	background-image   : -o-linear-gradient(bottom, #B43A3E 0%, #9D3939 100%);
	background-image   : -moz-linear-gradient(bottom, #B43A3E 0%, #9D3939 100%);
	background-image   : -webkit-linear-gradient(bottom, #B43A3E 0%, #9D3939 100%);
	background-image   : -ms-linear-gradient(bottom, #B43A3E 0%, #9D3939 100%);
	background-image   : linear-gradient(to bottom, #B43A3E 0%, #9D3939 100%);
	-webkit-box-shadow : 1px 1px 2px 0px rgba(0,0,0,0.75), inset 0px -1px 2px 0px rgba(0,0,0,0.2);
	-moz-box-shadow    : 1px 1px 2px 0px rgba(0,0,0,0.75), inset 0px -1px 2px 0px rgba(0,0,0,0.2);
	box-shadow         : 1px 1px 2px 0px rgba(0,0,0,0.75), inset 0px -1px 2px 0px rgba(0,0,0,0.2);
	border-radius      : 8px;
	padding            : 0.4% 10.5%;
	color              : #fff !important;
	text-decoration    : none !important;
	margin             : 0 0.7%;
font-size: 12px;
}
a.tb-remove:hover
{
 opacity: 0.9;
}


a.tb-music:hover {
     opacity: 0.9;
    font-size:0px;
    padding:0px;
}

a.tb-music:hover:after {
     content: 'add to cart';
background-image   : -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #048ADD),
		color-stop(1, #005C99)
	);
	background-image   : -o-linear-gradient(bottom, #048ADD 0%, #005C99 100%);
	background-image   : -moz-linear-gradient(bottom, #048ADD 0%, #005C99 100%);
	background-image   : -webkit-linear-gradient(bottom, #048ADD 0%, #005C99 100%);
	background-image   : -ms-linear-gradient(bottom, #048ADD 0%, #005C99 100%);
	background-image   : linear-gradient(to bottom, #048ADD 0%, #005C99 100%);
	-webkit-box-shadow : 1px 1px 2px 0px rgba(0,0,0,0.75), inset 0px -1px 2px 0px rgba(0,0,0,0.2);
	-moz-box-shadow    : 1px 1px 2px 0px rgba(0,0,0,0.75), inset 0px -1px 2px 0px rgba(0,0,0,0.2);
	box-shadow         : 1px 1px 2px 0px rgba(0,0,0,0.75), inset 0px -1px 2px 0px rgba(0,0,0,0.2);
	border-radius      : 8px;
	padding            : 0.4% 10.5%;
	color              : #fff !important;
	text-decoration    : none !important;
	margin             : 0 0.7%;
font-size: 12px;

}

a.tb-music:hover img{
     display:none;
}

a.tb-free-music {
	background-image   : -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #62BAC2),
		color-stop(1, #389197)
	);
	background-image   : -o-linear-gradient(bottom, #62BAC2 0%, #389197 100%);
	background-image   : -moz-linear-gradient(bottom, #62BAC2 0%, #389197 100%);
	background-image   : -webkit-linear-gradient(bottom, #62BAC2 0%, #389197 100%);
	background-image   : -ms-linear-gradient(bottom, #62BAC2 0%, #389197 100%);
	background-image   : linear-gradient(to bottom, #62BAC2 0%, #389197 100%);
	-webkit-box-shadow : 1px 1px 2px 0px rgba(0,0,0,0.75), inset 0px -1px 2px 0px rgba(0,0,0,0.2);
	-moz-box-shadow    : 1px 1px 2px 0px rgba(0,0,0,0.75), inset 0px -1px 2px 0px rgba(0,0,0,0.2);
	box-shadow         : 1px 1px 2px 0px rgba(0,0,0,0.75), inset 0px -1px 2px 0px rgba(0,0,0,0.2);
	border-radius      : 8px;
	padding            : 0.4% 10.5%;
	color              : #fff !important;
	text-decoration    : none !important;
	margin             : 0 0.7%;
font-size: 12px;
}

a.tb-free-music:hover {
     opacity: 0.9;
    font-size:0px;
    padding:0px;
}

a.tb-free-music:hover:after {
     content: 'download';
background-image   : -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #62BAC2),
		color-stop(1, #389197)
	);
	background-image   : -o-linear-gradient(bottom, #62BAC2 0%, #389197 100%);
	background-image   : -moz-linear-gradient(bottom, #62BAC2 0%, #389197 100%);
	background-image   : -webkit-linear-gradient(bottom, #62BAC2 0%, #389197 100%);
	background-image   : -ms-linear-gradient(bottom, #62BAC2 0%, #389197 100%);
	background-image   : linear-gradient(to bottom, #62BAC2 0%, #389197 100%);
	-webkit-box-shadow : 1px 1px 2px 0px rgba(0,0,0,0.75), inset 0px -1px 2px 0px rgba(0,0,0,0.2);
	-moz-box-shadow    : 1px 1px 2px 0px rgba(0,0,0,0.75), inset 0px -1px 2px 0px rgba(0,0,0,0.2);
	box-shadow         : 1px 1px 2px 0px rgba(0,0,0,0.75), inset 0px -1px 2px 0px rgba(0,0,0,0.2);
	border-radius      : 8px;
	padding            : 0.4% 10.5%;
	color              : #fff !important;
	text-decoration    : none !important;
	margin             : 0 0.7%;
font-size: 12px;
}

a.tb-free-music:hover img{
     display:none;
}

a.tb-a-music:hover:after {
    content: "Add to cart" !important;
    padding: 0.4% 4.5% !important;
}

a.tb-bought-music {
	background-image   : -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #62BAC2),
		color-stop(1, #389197)
	);
	background-image   : -o-linear-gradient(bottom, #62BAC2 0%, #389197 100%);
	background-image   : -moz-linear-gradient(bottom, #62BAC2 0%, #389197 100%);
	background-image   : -webkit-linear-gradient(bottom, #62BAC2 0%, #389197 100%);
	background-image   : -ms-linear-gradient(bottom, #62BAC2 0%, #389197 100%);
	background-image   : linear-gradient(to bottom, #62BAC2 0%, #389197 100%);
	-webkit-box-shadow : 1px 1px 2px 0px rgba(0,0,0,0.75), inset 0px -1px 2px 0px rgba(0,0,0,0.2);
	-moz-box-shadow    : 1px 1px 2px 0px rgba(0,0,0,0.75), inset 0px -1px 2px 0px rgba(0,0,0,0.2);
	box-shadow         : 1px 1px 2px 0px rgba(0,0,0,0.75), inset 0px -1px 2px 0px rgba(0,0,0,0.2);
	border-radius      : 8px;
	padding            : 0.4% 10.5%;
	color              : #fff !important;
	text-decoration    : none !important;
	margin             : 0 0.7%;
font-size: 12px;
}

a.tb-bought-music:hover {
     opacity: 0.9;
    font-size:0px;
    padding:0px;
}

a.tb-bought-music:hover:after {
     content: 'download';
background-image   : -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #62BAC2),
		color-stop(1, #389197)
	);
	background-image   : -o-linear-gradient(bottom, #62BAC2 0%, #389197 100%);
	background-image   : -moz-linear-gradient(bottom, #62BAC2 0%, #389197 100%);
	background-image   : -webkit-linear-gradient(bottom, #62BAC2 0%, #389197 100%);
	background-image   : -ms-linear-gradient(bottom, #62BAC2 0%, #389197 100%);
	background-image   : linear-gradient(to bottom, #62BAC2 0%, #389197 100%);
	-webkit-box-shadow : 1px 1px 2px 0px rgba(0,0,0,0.75), inset 0px -1px 2px 0px rgba(0,0,0,0.2);
	-moz-box-shadow    : 1px 1px 2px 0px rgba(0,0,0,0.75), inset 0px -1px 2px 0px rgba(0,0,0,0.2);
	box-shadow         : 1px 1px 2px 0px rgba(0,0,0,0.75), inset 0px -1px 2px 0px rgba(0,0,0,0.2);
	border-radius      : 8px;
	padding            : 0.4% 10.5%;
	color              : #fff !important;
	text-decoration    : none !important;
	margin             : 0 0.7%;
font-size: 12px;
}

a.tb-bought-music:hover img{
     display:none;
}


a.tb-download-music:hover {
     opacity: 0.9;
    font-size:0px;
    padding:0px;
}

a.tb-download-music:hover:after {
     content: 'download';
background-image   : -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #DDA740),
		color-stop(1, #9e7841)
	);
	background-image   : -o-linear-gradient(bottom, #DDA740 0%, #9e7841 100%);
	background-image   : -moz-linear-gradient(bottom, #DDA740 0%, #9e7841 100%);
	background-image   : -webkit-linear-gradient(bottom, #DDA740 0%, #9e7841 100%);
	background-image   : -ms-linear-gradient(bottom, #DDA740 0%, #9e7841 100%);
	background-image   : linear-gradient(to bottom, #DDA740 0%, #9e7841 100%);
	-webkit-box-shadow : 1px 1px 2px 0px rgba(0,0,0,0.75), inset 0px -1px 2px 0px rgba(0,0,0,0.2);
	-moz-box-shadow    : 1px 1px 2px 0px rgba(0,0,0,0.75), inset 0px -1px 2px 0px rgba(0,0,0,0.2);
	box-shadow         : 1px 1px 2px 0px rgba(0,0,0,0.75), inset 0px -1px 2px 0px rgba(0,0,0,0.2);
	border-radius      : 8px;
	padding            : 0.4% 10.5%;
	color              : #fff !important;
	text-decoration    : none !important;
	margin             : 0 0.7%;
font-size: 12px;
}

a.tb-download-music:hover img{
     display:none;
	
}

a.tb-checkout {
	background-image   : -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #2ecb7b),
		color-stop(1, #1f883b)
	) !important;
	background-image   : -o-linear-gradient(bottom, #2ecb7b 0%, #1f883b 100%) !important;
	background-image   : -moz-linear-gradient(bottom, #2ecb7b 0%, #1f883b 100%) !important;
	background-image   : -webkit-linear-gradient(bottom, #2ecb7b 0%, #1f883b 100%) !important;
	background-image   : -ms-linear-gradient(bottom, #2ecb7b 0%, #1f883b 100%) !important;
	background-image   : linear-gradient(to bottom, #2ecb7b 0%, #1f883b 100%) !important;
	-webkit-box-shadow : 1px 1px 2px 0px rgba(0,0,0,0.75), inset 0px -1px 2px 0px rgba(0,0,0,0.2);
	-moz-box-shadow    : 1px 1px 2px 0px rgba(0,0,0,0.75), inset 0px -1px 2px 0px rgba(0,0,0,0.2);
	box-shadow         : 1px 1px 2px 0px rgba(0,0,0,0.75), inset 0px -1px 2px 0px rgba(0,0,0,0.2);
	border-radius      : 8px;
	padding            : 0.4% 10.5%;
	color              : #fff !important;
	text-decoration    : none !important;
	margin             : 0 0.7%;
font-size: 12px;
text-transform: uppercase;
}

a.tb-checkout:hover {
     opacity: 0.9;
}

.album-expanded
{
    position: absolute; z-index: 2; padding:0px 30px 30px; width:100%; height:75%;
}


.album-expanded .tbox 
{
  margin: 1% 0 0 3% !important;
}

.album-hd
{
min-height: 60px; color: white; z-index: 2; position: relative; line-height: 20px; padding-top: 22px; text-shadow: 1px 1px rgb(0, 0, 0); font-family: georgia;
}

.tbox    {  width:135px ;
           height:135px;
  background-size:cover !important;
overflow:hidden;
	display: inline-block;
    margin: 3% 0 0 10%;
	 border: 2px solid #ffffff;
	 color: #FFF;
}

.tbox #overlay div, .tbox #overlay img {
     cursor: pointer;
}

#overlay    {  /*background:rgba(0,0,0,.75);*/
               text-align:center;
               padding:33px 0 66px 0;
               opacity:0;
               -webkit-transition: opacity .25s ease;
               -moz-transition: opacity .25s ease;
}

.tbox:hover #overlay {
 opacity:1;
height:100%;
}
.tbox:hover{
	height: 140px;
	width: 140px;
}

             .slider-overlay:after {
		    position: absolute;
		    display: block;
		    bottom: 0px;
		    color: white;
		    width:100%;
		    text-align:center;
			font-size:13px;
		    background-image: linear-gradient(rgba(3, 16, 84, 0.22), #031154);
		    background: -webkit-linear-gradient(rgba(3, 16, 84, 0.22), #031154);
		    /* For Safari 5.1 to 6.0 */
		    background: -o-linear-gradient(rgba(3, 16, 84, 0.22), #031154);
		    /* For Opera 11.1 to 12.0 */
		    background: -moz-linear-gradient(rgba(3, 16, 84, 0.22), #031154);
		    /* For Firefox 3.6 to 15 */
		}

	.slider-overlay:after { content: attr(data-name); }
	
	#overlay img
{
width:65px !important;
}

.mu-slider-img
{
	min-width:170px;
}

/**
 * Homepage Quick Nav
 */

.hp-quick-nav {
	list-style: none;
	padding: 0;
	padding-top: 0.5%;
	padding-bottom: 0.5%;
	border-radius: 5px;
	position: fixed;
    margin-left: 0.8%;
    top: 0.8%;
    transform: translateY(22.8%);
    width: 2.75%;
	-webkit-box-shadow: inset 0px 0px 5px 0px rgba(235,235,235,0.76);
	-moz-box-shadow: inset 0px 0px 5px 0px rgba(235,235,235,0.76);
	box-shadow: inset 0px 0px 5px 0px rgba(235,235,235,0.76);
	z-index:1000;
}

.hp-quick-nav-item {
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
}

.hp-quick-nav-item img {
	width: 100%;
}

.hp-quick-nav-right {
	right: 0;
	margin-right: 0.8%;
}

.hp-show-on-hover {
	display: none;
}

.hp-quick-nav a:hover img, .hp-nav a:hover img {
	display: none;
}

.hp-quick-nav a:hover .hp-show-on-hover, .hp-nav a:hover .hp-show-on-hover {
	display: block;
}

#music-slider {
    width: 87% !important;
}

.hovered 
{
	cursor: pointer;
}

@media all and (min-width: 1720px)
{
.tbox    {  width:180px ;
           height:180px;
		   }
		   .tbox:hover{
	height: 185px;
	width: 185px;
}
}

@media all and (min-width: 1550px) and (max-width: 1720px)
{
.tbox    {  width:160px ;
           height:160px;
		   }
		   .tbox:hover{
	height: 165px;
	width: 165px;
}
}

@media all and (min-width: 1130px) and (max-width: 1277px)
{
.tbox    {  width:120px !important;
           height:120px !important;
		   }
		   .tbox:hover{
	height: 125px !important;
	width: 120px !important;
}

	.tbox  #overlay img
{
width:51px !important;
}
	.tbox  #overlay div
{
font-size:17px !important;
}
}

@media all and (max-width: 1129px)
{
.tbox    {  width:100px !important;
           height:100px !important;
		   }
		   .tbox:hover{
	height: 105px !important;
	width: 105px !important;
}
	.tbox  #overlay img
{
width:36px !important;
}
	.tbox  #overlay div
{
font-size:15px !important;
}
}

.tooltip-inner {
    background-color: #244FB3;
}
.tooltip-arrow {
    display: none;
}

@media all and (max-width: 1200px)
{
.mu-panel-header-title { font-size:12px !important; }
.playall_album_ambient { height:15px !important; }
#backornotes img { height:30px !important; }
.slider-overlay::after { font-size:12px !important; }
}

@media all and (min-width: 1201px) and (max-width: 1405px)
{
.mu-panel-header-title { font-size:15px !important; }
.playall_album_ambient { height:18px !important; }
#backornotes img { height:37px !important; }
.slider-overlay::after { font-size:12px !important; }
}

/*
#music-slider {
    width: 1327px !important;
}

.mu-panel{
	width: 1347px !important;	
}

#main_wrapper
{
 text-align:center;
}

.mu-panel-right{
	text-align:left;
}
*/