/* Mode switching:
>472px: page margin tiny -> small + font size. card margin larger
>640px: switch to desktop layout for main-header__meta
>720px: title font size
>762px: tweaks for banner align
>778px: switch to 2 column mode
*/

html { font-size: 13px }

body {
	line-height: 1.5;
	font-family: "Arial", sans-serif;
	margin: 0;
	background: #f2f2f2;
	margin-bottom: 3rem;
	color: #555;
}
input, textarea {
	font-family: "Arial", sans-serif;
	font-size: 1rem;
}

h1 {
	font-size: 1.8rem;
	line-height: 1;
	margin-bottom: -0.08em;
	margin-top: 0;
	font-weight: 700;
	color: #fff;
}

h2 {
	font-size: 1.26rem;
	line-height: 1.1;
	padding-bottom: 0.9em;
	margin-bottom: 0;
	margin-top: 0;
	color: #000;
}

h3 {
	margin: 0;
	font-size: 1rem;
	font-weight: 700;
	color: #444;
}

p {
	margin-top: 0;
	margin-bottom: 0.8rem;
}

a {
	color: #ef4833;
	text-decoration: none;
}

img { border:0 }

.secondary {
	font-size: 0.9rem;
	color: #aaa;
}

* {
	box-sizing: border-box;
}

.show {
	display: block;
}

.container {
	position: absolute;
	top: 200px;
	width: 100%;
	z-index: 2;
	padding: 0 0 10px;
}
.contentpad { margin-left:2.5%; margin-right:2.5% }
.container > * {
	text-align:center;
}

.thumbnail--large {
	width: 120px;
	height: 120px;
	border-radius: 10px;
}

.thumbnail--medium {
	width: 75px;
	height: 75px;
	border-radius: 8px;
}

.thumbnail--small {
	width: 50px;
	height: 50px;
	border-radius: 7px;
}

.button-dropdown {
	display: inline-block;
	zoom: 1;
	background: transparent;
	text-align: center;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.button-dropdown__content {
	position: relative;
}

.button-dropdown--text {
	padding: 0 2.375rem 0 1rem;
	transition: all 0.15s;
	color: rgba(255, 255, 255, 0.8);
	position: relative;
}

.button-dropdown--text .button-dropdown__content::before {
	background: rgba(255, 255, 255, 0.8);
}

.button-dropdown--text .button-dropdown__content::after {
	background: rgba(255, 255, 255, 0.8);
}

.button-dropdown--text:hover, .button-dropdown--text.open {
	color: #fff;
}

.button-dropdown--text:hover .button-dropdown__content::before, .button-dropdown--text.open .button-dropdown__content::before {
	background: #fff;
}

.button-dropdown--text:hover .button-dropdown__content::after, .button-dropdown--text.open .button-dropdown__content::after {
	background: #fff;
}

.button-dropdown--icon {
	padding: 0 1rem;
	position: relative;
}

.button-dropdown--icon .button-dropdown__content {
	height: 1.5rem;
}

.button-dropdown--icon .button-dropdown__content svg {
	fill: #fff;
	width: 1.5rem;
	height: 1.5rem;
}

.button-dropdown--icon-float {
	padding: 0 1rem;
	position: relative;
}

.button-dropdown--icon-float .button-dropdown__content {
	height: 1.5rem;
}

.button-dropdown--icon-float .button-dropdown__content::before, .button-dropdown--icon-float .button-dropdown__content::after {
	display: none;
}

.button-dropdown--icon-float .button-dropdown__content svg {
	fill: rgba(255, 255, 255, 0.8);
	width: 1.25rem;
	height: 1.25rem;
	transition: all 0.15s;
}

.button-dropdown--icon-float:hover .button-dropdown__content svg {
	fill: #fff;
}

.button-dropdown--icon-float.open .button-dropdown__content svg {
	fill: #fff;
}

.button-group {
	display: flex;
	width: 100%;
}

.button-group__item {
	background: transparent;
	border: 1px solid #dedede;
	color: #777;
	margin-right: -1px;
	padding: 0 1.266rem;
	height: 35px;
	width: 100%;
	transition: all 0.15s;
	cursor: pointer;
	display: inline-block;
	zoom: 1;
}

.button-group__item:first-child {
	border-radius: 4px 0 0 4px;
}

.button-group__item:last-child {
	border-radius: 0 4px 4px 0;
}

.button-group__item--active {
	background: #4ecdc4;
	color: #fff;
	border-color: #24BCAF;
}

.button-audio-control {
	position: relative;
	cursor: pointer;
	display:inline-block;
	text-align:center;
	width: 72px;
	top: -2px;
}
.button-audio-control span {
	width: 72px;
	height: 72px;
	display:inline-block; }

.jp-stopx {
	background-image: url("../futuri/_stop-ai.svg.php?fill=%23ef4833");
}

.jp-playx {
	background-image: url("../futuri/_play-ai.svg.php?fill=%23ef4833");
}

.jp-stopx#playbtn2,
.jp-playx#playbtn2 {
	background-size: 34px 34px;
	margin-left: -1px;
	margin-top: -1px;
}
.jp-stopx#playbtn2 {
	background-image: url("../futuri/_stop-ai.svg.php?fill=%23fff");
}
.jp-playx#playbtn2 {
	background-image: url("../futuri/_play-ai.svg.php?fill=%23fff");
}

.icon {
	display: inline-block;
	width: 21px;
	height: 21px;
	box-sizing: content-box;
}

.icon-amazon {
	fill: #ff9900;}
.icon-apple {
	fill: #000;}
.icon-facebook {
	fill: #3b5998;}
.icon-twitter {
	fill: #6cadde;}

.clear {clear:both}

.flag {
	display: flex;
	align-items: center;
	width: 100%;
}

.flag__image {
	padding-right: 5px;
}

.flag--icon .flag__image {
	line-height: 0;
	padding-left: 10px;
}

.flag__content--icon {
	border-bottom: 1px solid #eaeaea;
	flex-grow: 2;
	font-size: 14px;
}
.flag__content--icon .icon {
	width:20px;
	height:20px;
}

.flag--large {
	position: relative;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.flag--large__content {
	position: relative;
	margin-top: 1rem;
	font-size: 0.85rem;
	min-width: 225px;
	flex-grow: 9;
	width: 100%;
}
.flag--large__content h1 {
	color: inherit;
	min-height: 30.8px;
	margin-top: -6px; /*for linkicons*/
	margin-bottom: 2px;
}
.flag--large__content #artist {
	min-height: 43px;
	line-height: 1.2em;
	max-height:55px;
	overflow:hidden;
}
.main-header__meta .album {
	color: #B5B5B5;
	display: block;
	margin-top:4px;
}

.flag--large .button-audio-control {
	margin: 0 1rem 0 0;
}

.flag--large__image {
	white-space: nowrap;
	margin-bottom: -5px;
}
.flag--large__image img {
	margin-right: 1.8rem;
}

@media all and (min-width: 472px) {
	.contentpadX { margin: 0 15px;}
}
@media all and (min-width: 640px) {/*switch to desktop layout*/
	.content {margin-top: 0;}
	.container {
		top: 260px;}
	.flag--large__image img {
		margin-right: 1rem; }
	.flag--large {
		flex-direction: row; }
	.flag--large__content {
		text-align: left;
		margin-top: 0;}
}

.flag--artist {
	border-bottom: none;
}

.list {
	margin: 0;
	padding: 1.5rem 0;
	list-style: none;
	width: 100%;
}

.list li a {
	color: #777;
}

.list li > a {
	display: inline-block;
	zoom: 1;
	padding: 0.5rem 2rem;
	color: #777;
}

@media all and (min-width: 472px) {
	.list li > a {
		font-size: 0.9rem;
		padding: 0.5rem 4rem 0.5rem 2rem;
	}
}

.list--flag {
	padding: 0;
}

.list--flag li:last-child .flag__content {
	border-bottom: 0;
}

.list--flag .meta .secondary {
	text-align:right;
}

.list--flag .flag--song {
	display: table;
}

.list--flag .flag__content {
	padding: 0.3rem 0;
}
@media all and (min-width: 720px) {
	.list--flag .flag__content {
		padding: 1rem 0;
	}
}

.list--flag .flag__content--icon {
	padding: .9rem 0;
}

.list--flag .meta {
	float: right;
	width: 7.1rem;
}

.list--flag .meta .icon {
	padding: 0 0 0 1rem;
	box-sizing: content-box;
	width: 1em;
	fill: #aaa;
	transition: all 0.15s;
}

.list--flag .meta .icon-amazon {
	position: relative;
	top: 2px;
}

.list--flag .meta .icon-amazon:hover {
	fill: #ff9900;
}

.list--flag .meta .icon-apple:hover {
	fill: #000;
}

.dropdown {
	list-style: none;
	margin: 0 -1rem;
	width: calc(100% + 2rem);
	background: #fff;
	position: absolute;
	z-index: 1000;
	font-size: 1rem;
	text-align: left;
	left: 0;
	margin-top: 1.1rem;
	box-shadow: 0 1px 11px rgba(0, 0, 0, 0.3);
	transition: all 0.15s ease-in-out;
	display: none;
}

.dropdown.open {
	display: block;
	opacity: 1;
}

.dropdown .flag--icon {
	transition: all 0.15s;
}
.dropdown .flag--icon:hover {
	background: #f2f2f2;
}
.dropdown .flag__image {
	padding-left: 1rem;
}

@media all and (min-width: 640px) {
	.dropdown {
		width: auto;
		margin-top: 1.4rem;
	}
}

.button-dropdown--text li {
	border-left: 3px solid transparent;
}
.button-dropdown--text li:hover {
	border-color: #4ecdc4;
	background: #f2f2f2;
}

.dropdown::after { /*the pointer*/
	content: "";
	position: absolute;
	top: -7px;
	left: 2.3rem;
	width: 0;
	height: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 7px solid #fff;
}

.dropdown h2 {
	color: #444;
}

.dropdown--right {
	right: 0;
}

.dropdown--right::after {
	right: 2.3rem;
	left: auto;
}

@media all and (min-width: 472px) {
	.dropdown--right::after {
		right: 1.5rem;
	}
}

.dropdown__section {
	padding: 1.5rem;
	clear: both;
}

.dropdown__section:nth-child(odd) {
	background: #f2f2f2;
	border-top: 1px solid #eaeaea;
}

.button-dropdown--icon .dropdown {
	width: 9em;
}
.button-dropdown--icon .dropdown::after {
	left: 1.3rem;
}
.button-dropdown--icon .dropdown--right {
	right: 0;
	left: auto;
}
.button-dropdown--icon .dropdown--right::after {
	right: 1.6rem;
	left: auto;
}

@media all and (min-width: 640px) {
}

#options.dropdown--right {
	width:270px;
	position: fixed;
	right: 49px;
	top: 60px;
}

.volume-slider {
	position: relative;
	width: 100%;
	display: flex;
	align-items: center;
	margin: 3px 0 9px;
}

.volume-slider .mute {
	line-height: 0;
	cursor: pointer;
}

.volume-slider .icon-mute-2 {
	display: none;
}

.volume-slider.muted .icon-volume {
	display: none;
}

.volume-slider.muted .icon-mute-2 {
	display: inline-block;
	zoom: 1;
}

.volume-slider .mute svg {
	width: 1.3rem;
	height: 1.3rem;
	padding-right: 0.6rem;
	fill: #5c5c5c;
	box-sizing: content-box;
}

.volume-slider #volume-control {
	height: 22px;
	width: 100%;
	position: relative;
}
.volume-slider #volume-inner {
	width: 100%;
	height: 8px;
	margin-top: 7px;
	background: #dfdfdf;
	border-radius: 8px;
	position: relative;
}

#volume-fill {
	position: absolute;
	width: 60%;
	height: 100%;
	border-radius: 8px;
	left: 0;
	top: 0;
	background: #5c5c5c;
}

#volumeknob {
	position: absolute;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	left: calc(60% + 8px);
	top: -3px;
	background: #fff;
	box-shadow: 0 0 5px #555;
}

.button-bar {
	display: flex;
	justify-content: space-between;
	margin-bottom: -16px;
}
.button-bar .button-dropdown--icon {
	padding: 0;
	font-size: 0.75rem;
}
.button-bar .button-dropdown__content--icon {
	margin-bottom: -2px;
	display: block }

.banner {
	position: relative;
}
.banner > * { margin: 0 auto }

.content {
	max-width: 764px;
	margin: 8px auto 0 auto;
}

.content-lower {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: space-between;
	margin-top: 1.4rem;
}

.cardcontainer {
	flex-basis: 406px }

.banner-right { margin-top: 1.5rem; }

/* ie10 fixes */
/*.no-flexboxlegacy .flag div, .no-flexboxlegacy .flag button { float:left; }
.no-flexboxlegacy .flag--artist, .no-flexboxlegacy .flag--large__content, .no-flexboxlegacy .flag__content { float:left; }
*/

@media all and (min-width: 778px) { /*switch to 2 column mode*/
	.content-lower {
		flex-direction: row;
		margin-bottom: 1.2rem;
	}
	.banner-right { margin-top: 0 }
	.no-flexboxlegacy .cardcontainer {flex-basis: 367px}
}

.sidebar-widget {
}

.sidebar-widget h2 {
	border-bottom: 1px solid #dedede;
}

.sidebar-widget p {
	color: #777;
}

.sidebar-widget__content {
	margin-top: 1rem;
}

.banner-right {
	margin-bottom: 1rem;
}
.cardcontainer {
	background: #fff;
	position: relative;
}
.card {
	padding: 0;
	position: relative;
}

@media all and (min-width: 472px) {
	.cardcontainer {
		box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3);
	}
	.card {
		padding: 0 0.9rem;
	}
}
.card__header {
	border-bottom: 1px solid #eaeaea;
	margin-bottom: 1.5rem;
}

.card__header h2 {
	color: #00B19F;
	display: inline-block;
	zoom: 1;
	position: relative;
}

.card__header h2::after {
	content: "";
	position: absolute;
	bottom: -1px;
	left: 0;
	height: 1px;
	width: 100%;
	background: #4ecdc4;
}

.card .flag--artist {
	margin-bottom: 1rem;
}

.card p:last-child {
	margin-bottom: 0;
}


.player::after { /* This ugly fix covers the blur edge */
	content: "";
	background: #f2f2f2;
	z-index: 0;
	position:absolute;
	width: 100%;
	height: 14px;
	left: 0;
}

.main-header__content {
	position: relative;
	z-index: 200;
}

.main-header__meta {
	position: relative;	
	padding: 25px;
	margin-bottom: 13px;
	background-color: #fff;
	color: #5b5b5b;
	z-index: 5;
	border-radius: 16px;
	box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3);
}
.main-header__meta icon { fill: #ef4833 }

.main-header__float {
	display: none;
	top: 0; left: 0;
	width: 100%;
	color: #fff;
	fill: #fff;
	padding: 0.5rem 1.5rem;
	background: #222;
	position: fixed;
	z-index: 1001;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
	transform: translateY(-100%);
}

.main-header__float .logo,
.main-header__float .logo2 {
	max-height: 45px;
	max-width: 200px;
	width: auto;
}

.main-header__float > div {
	margin: auto;
	max-width: 740px;
	display: flex;
	flex-flow: row;
}
.main-header__float .flag__image {
	padding-right: 1vw;
}

.main-header__float .topbar-buttons {
	align-items: center;
	flex-grow: 9;
}

.main-header__float.show {
	display: block;
	transform: translateY(0);
}

.main-header__float .logo {
	margin-right: 2vw;
}

.main-header__float .float__meta {
	width: 100%;
}

.main-header__float .flag--float {
	width: 100%;
	margin-right: 25px;
}

.main-header__float .flag__content {
	width: 100%;
}

.button-audio-control--small {
	margin-right: 1vw;
	float:left;
	height:34px; }

.button-audio-control--small span {
	width: 34px;
	height: 34px; }

.main-header__float .flag--float h3 {
	color: #fff;
	font-size: 1.0rem;
	line-height: 1.1em;
}

.main-header__float .heading-group {
	font-size: 0.75rem;
}

.player {
	position: relative;
	padding: 0 1rem 1.5rem;
	z-index: 1;
	height: 352px;
	background: #888;
}
@media all and (min-width: 472px) {
	html { font-size: 14px }
}

@media all and (min-width: 720px) {
	html { font-size: 16px }
	.player {
		padding: 0 3rem 3rem;
	}
}

@media all and (max-width: 719px) {
	.main-header__float .logo, .main-header__float .logo2 {
		max-width: 100px;
	}
}

.player.blur {
	background: url("../futuri/images/top-darken.png") repeat-x;
	background-color: rgba(0,0,0,.3);
}

.playerbg {
	background: url(header-bg.jpg) center center no-repeat;
	background-size: cover;
	position: absolute;
	top:-2px; left:-2px;
	height: 356px;
	width: 100%;
}
.playerbg.blur {
	-webkit-filter: blur(5px);
	-moz-filter: blur(5px);
	filter: blur(5px);
	background-position: center center !important;
	background-size: cover !important;
}

.main-header__topbar {
	padding: 1.5rem 0;
	max-width: 728px;
	margin:0 auto;
	height: 352px;
	text-align: center;
}

.header-icon {
	display:inline-block;
	float: left;
}
.header-icon2 {
	display:inline-block;
	float: right;
}

.topbar-buttons {
	display: flex;
	justify-content: space-between;
	align-content: center;
}

#videoad, #videoad2 {
	display:none;
	height: 100%;
	width: 100%;
	position: fixed;
	top: 0; left: 0;
	background: url(80pct_black-trans.png);
	background: rgba(0,0,0,.8);
	padding-top: 20px;
	font-size:17px;
	z-index: 9009;
	overflow:hidden;
}
#videoad > * { margin: auto }
#vmsg { text-align:center; color: #999; }

#synchrobox300, #synchrobox728 {
	z-index: 910;	
	display: none;
}
#synchrobox300 { width:300px; height:250px; position:relative;}
#synchrobox728 { height:90px; margin-top: 1px; margin-bottom: -10px; }
#synchrobox728.w640 { height:100px; }
#synchrobox728.w320 {
	width: 640px;
	height: 100px;
	margin-top: -20px;
	margin-left: -160px;
	margin-left: calc(50% - 320px);
	transform:scale(0.5);
	margin-bottom: -32px;
}

.toptitle { font-size:100% }

@media all and (min-width: 44em) {
	.toptitle { font-size:150% }
}


#song a {color: #FFF}

#current-time {
	font-size: 0.75rem;
	float:none;
	margin-bottom:-10px;
}

#debug {
	color: #777;
	font-size: 13px;
}

.error {
	background-color:#900;
	color:#fff;
	font-weight: bold;
	padding:1px 2px}
.error a{
	color: #fff;
	text-decoration: underline}

.powered-by {
	font-size: 10px;
}

.poppane {
	display: none;
	position: absolute;
	top: 10px;
	width: 98%;
	max-width: 740px;
	margin-left: calc(50% - 740px/2);
	background: #fff;
	color: #222;
	z-index:9001;
	padding: 9px 16px;
}
@media all and (max-width: 770px) {
	.poppane { margin-left: 5px; }
}
.poppane h1 {
	font-size: 1.26rem;
	line-height: 2.5em;}
.poppane h2 {
	color: #222;}
.poppane #close,
.poppane #cancel,
.poppane #send {
	padding: 8px 18px;
	display: inline-block;
	cursor: pointer;
	margin-bottom: 8px;
	border-radius: 5px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.poppane #close,
.poppane #cancel {
	background-color: #fff;
	border: 1px solid #f33;
	color: #f33;
	float: left;}
.poppane #send {
	background-color: #f33;
	color: #fff;
	float: right;}
.poppane input,
.poppane textarea {
	width: 100%;
	margin:8px 0;
	border: 1px solid #bbb;
	padding: 6px;
	border-radius: 3px;}
#emailmessage {
	font-size: 80%;
	color: #f22;}

#overlay {
	display: none;
	position: absolute;
	top: 0; left: 0; right: 0;
	height: 2000px;
	padding-top: 150px;
	overflow-y: auto;
	background: url(80pct_black-trans.png);
	background: rgba(0,0,0,.8);
	color: #aaa;
	z-index: 9000;
	text-align: center;
}

.overlay {
	display: none;
	height: 100%;
	width: 100%;
	position: fixed;
	top: 0; left: 0;
	box-sizing: border-box;
	background: url(80pct_black-trans.png);
	background: rgba(0,0,0,.8);
	padding: 5px;
	text-align: center;
	z-index: 9000;
}

#playobtn-base  {
	margin: 32px auto;
	width:210px; height:210px;
	background:url(play480.png);
	background-size: cover;
	cursor:pointer }
@media all and (max-width: 609px) {
	#ovgdpr #playobtn-base {
		margin: 16px auto;
		width:90px; height:90px;}
	#ovgdpr {
		font-size: 12pt;}
}
#playoverlay #playobtn-base { margin-top: 90px }
#playoverlay  { font-weight: bold; font-size:120%; color:#aaa }

.poppane .close {
	position: absolute;
	right:0; top:0; }

.help-inner {
	margin: 15px 20px;
	font-size: 15px; }
@media only screen and (max-width: 384px) {
	.help-inner {
		margin: 9px 12px;
		font-size: 13px; }
}
.privacy .button {display:none}

.close {
	padding: 0.55em 0.7em;
	background: #733426;
	background: rgba(227,79,45,.7);
	cursor: pointer;
	text-shadow:none; }

.close:hover { background: #f00; color: #fff }

ul.helptabs {
	margin: 0;
	padding: 0 0 2.8rem 0;
	list-style: none; }

ul.helptabs > li {
	float: left;
	font-weight: bold;
	line-height: 0.6em;
	margin: 0 18px 0 0;
	padding: 7px 0;
	color: #6F6F6F;
	display: inline-block;
	cursor: pointer;
	border-bottom: 4px solid #6F6F6F; }

ul.tabs {
	margin: 0;
	padding: 12px 0 0 0.7rem;
	list-style: none;
	display: flex }

ul.tabs > li {	
	flex: auto;
	font-size: 88%;
	font-weight: bold;
	line-height: 1em;
	text-transform: uppercase;
	text-align: left;
	margin: 0 7px 0 0;
	padding: 8px 6px 8px 12px;
	color: #fff;
	background-color:#AAAAAA;
	cursor: pointer; }

@media all and (min-width: 472px) {
	ul.tabs {
		padding-right: 0.7rem;
		padding-left: 1.2rem }
}
.scrollable {
	overflow-y: auto;
	position: absolute;
	top: 9px;
	bottom: 46px;
	left: 0;
	right: 0}
.Not_scrollable {
	overflow-y: visible;
	height: 99%;
	margin-top: 9px}

.touch .scrollable {
	overflow-y: visible}

.tabs-content {
	position: relative;
	text-align:left;
	min-height:320px;
	height: 100%;}
.tabs-content img { max-width: 100% }

.pad {
	padding: 1px 1.2rem}
/*
.scrollable .pad {
	height: 100%; }
*/

#just-played-content, #futherback-content {
	min-height: 512px }


/* track lists */

.item {
	color: #888;
	font-size: 91%;
	overflow: hidden;
	padding: 0 0 9px 0;
	margin: 0;
	position: relative}

.item-image {
	float: left;
	margin-right: 10px;
	width: 45px;
	height: 45px;
	position: relative}

.item-image img { border-radius: 50% }

@media only screen and (min-width: 472px) {
	.item-image {
		width:55px;
		height:55px}
}
@media only screen and (min-width: 720px) {
	.item-image {
		width:60px;
		height:60px}
}

.item-image.allow-replaying { cursor: pointer}

.item-image .centericon {display:none}
.item-image.allow-replaying .centericon {display:block}

.item-bd,.item-bd-large {
	line-height: 1.3;
	margin-right: 70px;	
	min-height: 65px}

.item-bd>span,.item-bd-large>span {
	white-space: nowrap;
	display: block;
	text-overflow: ellipsis;
	overflow: hidden}

.item-bd-large {
	margin-right: 88px}

.item-actions,.item-actions-large {
	font-size: 78%;
	line-height: 1.2em;
	position: absolute;	
	right: 0;
	top: 0;
	width: 60px}

.item-actions>.btn,.item-actions-large>.btn {
	margin-bottom: 5px;
	font-size: 12px}
.item-actions-large {
	width: 78px}

.item-time {
	display: inline-block}
.item-title { display: block; color: #000 }
.item-artist { display: block }

#linkbuttons {
	margin-right: -0.7rem;
	margin-top: -0.3rem;
	float: right; }
#linkbuttons a {
	width:22px; height:22px;
	display: inline-block;
	zoom: 1;
	background: url(linkicons1.png) no-repeat;
	background-size:380px;
	margin:0 4px 0 0; }
#linkbuttons a.lb_fb { background-position:0 -46.5px;}
#linkbuttons a.lb_twitter { background-position:-22px -46.5px;}
#linkbuttons a.lb_forums { background-position:-67px -46.5px;}
#linkbuttons a.lb_youtube { background-position:-111px -46.5px;}
#linkbuttons a.lb_pin { background-position:-133.9px -46.5px;}
#linkbuttons a.lb_vimeo { background-position:-156.5px -46.5px;}
#linkbuttons a.lb_tunein { background-position:-178.5px -46.5px;}
#linkbuttons a.lb_tumblr { background-position:-200.5px -46.5px;}
#linkbuttons a.lb_app1 { background-position:-244.9px -46.5px;}
#linkbuttons a.lb_app2 { background-position:-266.7px -46.5px;}
#linkbuttons a.lb_instagram { background-position:-288.7px -46.5px;}
#linkbuttons a.lb_meetup { background-position:-311.1px -46.5px;}

.chromeframe {
	background: #ccc;
	color: #000;
	padding: 1px;
	position: absolute;
	z-index:90;
	top:0; left:0; right:0; height: 20px;
}

/* Skin for jPlayer plugin */

div.jp-interface {
	position: relative;
	width:100%;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.jp-jplayer audio,
.jp-jplayer {
	width:0px;
	height:0px;
	position:absolute;
	opacity:0;
}

.jp-no-solution { /* error feedback */
	position:absolute;
	left:115px; top:8px;
	margin:0;
	width:458px;
	z-index:21;
	font-size:10pt;
	padding:6px 10px;
	background-color:#227;
	border:2px solid #FFF;
	color:#FFF;
	display:none;
}
.jp-no-solution a { color:#FF5 }

.jp-no-solution div {
	font-size:13pt;
	text-align:center;
	font-weight:bold;
}