﻿.sm2-bar-ui{
	position:relative;
	display:inline-block;
	width:100%;
	font-weight:400;
	-webkit-background-clip:padding-box;
	background-clip:padding-box;
	-moz-osx-font-smoothing:grayscale;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
	min-width:20em;
	border-radius:.2em;
	overflow:hidden;
	transition:max-width .2s ease-in-out
}
.sm2-bar-ui .sm2-playlist li{
	text-align:center;
	margin-top:-2px;
	font-size:95%;
	line-height:1.2em
}
.sm2-bar-ui.compact{
	min-width:1em;
	max-width:15em
}
.sm2-bar-ui ul{
	line-height:1em
}
.sm2-bar-ui.left .sm2-playlist li{
	text-align:left
}
.sm2-bar-ui .sm2-playlist li .load-error{
	cursor:help
}
.sm2-bar-ui.full-width{
	max-width:100%;
	z-index:5
}
.sm2-bar-ui.fixed{
	position:fixed;
	top:auto;
	bottom:0;
	left:0;
	border-radius:0;
	overflow:visible;
	z-index:999
}
.sm2-bar-ui.fixed .bd,.sm2-bar-ui.bottom .bd{
	border-radius:0;
	border-bottom:none
}
.sm2-bar-ui.bottom{
	top:auto;
	bottom:0;
	left:0;
	border-radius:0;
	overflow:visible
}
.sm2-bar-ui.playlist-open .bd{
	border-bottom-left-radius:0;
	border-bottom-right-radius:0;
	border-bottom-color:transparent
}
.sm2-bar-ui .bd,.sm2-bar-ui .sm2-extra-controls{
	position:relative;
	background-color: #222222;
}
.sm2-bar-ui .sm2-inline-gradient{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-image:-moz-linear-gradient(to bottom,rgba(255,255,255,0.125) 5%,rgba(255,255,255,0.125) 45%,rgba(255,255,255,0.15) 52%,rgba(0,0,0,0.01) 51%,rgba(0,0,0,0.1) 95%);
	background-image:linear-gradient(to bottom,rgba(255,255,255,0.125) 5%,rgba(255,255,255,0.125) 45%,rgba(255,255,255,0.15) 50%,rgba(0,0,0,0.1) 51%,rgba(0,0,0,0.1) 95%)
}
.sm2-bar-ui.flat .sm2-inline-gradient{
	background-image:none
}
.sm2-bar-ui.flat .sm2-box-shadow{
	display:none;
	box-shadow:none
}
.sm2-bar-ui.no-volume .sm2-volume{
	display:none
}
.sm2-bar-ui.textured .sm2-inline-texture{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	opacity:.75
}
.sm2-bar-ui.textured.dark-text .sm2-inline-texture{
}
.sm2-bar-ui.textured.dark-text .sm2-playlist-wrapper{
	background-color:transparent
}
.sm2-bar-ui.textured.dark-text .sm2-playlist-wrapper ul li:hover a,.sm2-bar-ui.textured.dark-text .sm2-playlist-wrapper ul li.selected a{
	background-color:#444444;
	background-image:url(../img/black-10.png);
	background-image:none,none
}
.sm2-bar-ui .bd{
	display:table;
	border-bottom:none
}
.sm2-bar-ui .sm2-playlist-wrapper{
	background-color: #222222
}
.sm2-bar-ui .sm2-extra-controls .bd{
	background-color:rgba(0,0,0,.2)
}
.sm2-bar-ui.textured .sm2-extra-controls .bd{
	background-color:rgba(0,0,0,.05)
}
.sm2-bar-ui .sm2-extra-controls{
	background-color:transparent;
	border:none
}
.sm2-bar-ui .sm2-extra-controls .bd{
	display:block;
	border:none
}
.sm2-bar-ui .sm2-extra-controls .sm2-inline-element{
	display:inline-block
}
.sm2-bar-ui,.sm2-bar-ui .bd a{
	color:#f2f2f2
}
.sm2-bar-ui.dark-text,.sm2-bar-ui.dark-text .bd a{
	color:#f2f2f2
}
.sm2-bar-ui.dark-text .sm2-inline-button{
	-webkit-filter:invert(1);filter:url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz1cJ2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCc+PGZpbHRlciBpZD1cJ2ludmVydFwnPjxmZUNvbG9yTWF0cml4IGluPSdTb3VyY2VHcmFwaGljJyB0eXBlPSdtYXRyaXgnIHZhbHVlcz0nLTEgMCAwIDAgMSAwIC0xIDAgMCAxIDAgMCAtMSAwIDEgMCAwIDAgMSAwJy8+PC9maWx0ZXI+PC9zdmc+I2ludmVydA==);
	filter:invert(1);
	filter:none\9
}
.sm2-bar-ui .bd a{
	text-decoration:none
}
.sm2-bar-ui .bd .sm2-button-element:hover{
	background-color:#444444;
	background-image:url(../img/black-10.png);
	background-image:none,none
}
.sm2-bar-ui .bd .sm2-button-element:active{
	background-color:rgba(0,0,0,.25);
	background-image:url(../img/black-25.png);
	background-image:none,none
}
.sm2-bar-ui .bd .sm2-extra-controls .sm2-button-element:active .sm2-inline-button,.sm2-bar-ui .bd .active .sm2-inline-button{
	-ms-transform:scale(.9);
	-webkit-transform:scale(.9);
	-webkit-transform-origin:50% 50%;
	transform:scale(.9);
	transform-origin:50% 50%;
	-moz-transform:none
}
.sm2-bar-ui .bd .sm2-extra-controls .sm2-button-element:hover,.sm2-bar-ui .bd .sm2-extra-controls .sm2-button-element:active,.sm2-bar-ui .bd .active{
	background-color:#444444;
	background-image:url(../img/black-10.png);
	background-image:none,none
}
.sm2-bar-ui .bd .sm2-extra-controls .sm2-button-element:active{
	box-shadow:none
}
.sm2-bar-ui{
	font-size:15px;
	text-shadow:none
}
.sm2-bar-ui .sm2-inline-element{
	position:relative;
	display:inline-block;
	vertical-align:middle;
	padding:0;
	overflow:hidden
}
.sm2-bar-ui .sm2-inline-element,.sm2-bar-ui .sm2-button-element .sm2-button-bd{
	position:relative
}
.sm2-bar-ui .sm2-inline-element,.sm2-bar-ui .sm2-button-element .sm2-button-bd{
	min-width:2.8em;
	min-height:2.8em
}
.sm2-bar-ui .sm2-inline-button{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%
}
.sm2-bar-ui .sm2-extra-controls .bd{
	background-image:none;
	background-color:rgba(0,0,0,.15)
}
.sm2-bar-ui .sm2-extra-controls .sm2-inline-element{
	width:25px;
	min-height:1.75em;
	min-width:2.5em
}
.sm2-bar-ui .sm2-inline-status{
	line-height:100%;
	display:inline-block;
	min-width:200px;
	max-width:20em;
	padding-left:.75em;
	padding-right:.75em
}
.sm2-bar-ui .sm2-inline-element{
	border-right:.075em dotted #666;
}
.sm2-bar-ui .sm2-inline-element.noborder{
	border-right:none
}
.sm2-bar-ui .sm2-inline-element.compact{
	min-width:2em;
	padding:0 .25em
}
.sm2-bar-ui .sm2-inline-element:first-of-type{
	border-top-left-radius:.2em;
	border-bottom-left-radius:.2em;
	overflow:hidden
}
.sm2-bar-ui .sm2-inline-element:last-of-type{
	border-right:none;
	border-top-right-radius:.2em;
	border-bottom-right-radius:.2em
}
.sm2-bar-ui .sm2-inline-status a:hover{
	background-color:transparent;
	text-decoration:underline
}
.sm2-inline-time,.sm2-inline-duration{
	display:table-cell;
	width:1%;
	font-size:75%;
	line-height:.9em;
	min-width:2em;
	vertical-align:middle
}
.sm2-bar-ui .sm2-playlist{
	position:relative;
	height:1.45em
}
.sm2-bar-ui .sm2-playlist-target{
	position:relative;
	min-height:1em
}
.sm2-bar-ui .sm2-playlist ul{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	list-style-type:none;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
.sm2-bar-ui p,.sm2-bar-ui .sm2-playlist ul,.sm2-bar-ui .sm2-playlist ul li{
	margin:0;
	padding:0
}
.sm2-bar-ui .sm2-playlist ul li{
	position:relative
}
.sm2-bar-ui .sm2-playlist ul li,.sm2-bar-ui .sm2-playlist ul li a{
	position:relative;
	display:block;
	height:1.5em;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	text-align:center;
	color:#f2f2f2;
}
.sm2-row{
	position:relative;
	display:table-row
}
.sm2-progress-bd{
	padding:0 .8em
}
.sm2-progress .sm2-progress-track,.sm2-progress .sm2-progress-ball,.sm2-progress .sm2-progress-bar{
	position:relative;
	width:100%;
	height:.65em;
	border-radius:.65em
}
.sm2-progress .sm2-progress-bar{
	position:absolute;
	left:0;
	top:0;
	width:0;
	background-color:#BD2427;
	background-image:url(../img/black-33.png);
	background-image:none,none
}
.volume-shade,.playing .sm2-progress .sm2-progress-track,.paused .sm2-progress .sm2-progress-track{
	cursor:pointer
}
.playing .sm2-progress .sm2-progress-ball{
	cursor:-moz-grab;
	cursor:-webkit-grab;
	cursor:grab
}
.sm2-progress .sm2-progress-ball{
	position:absolute;
	top:0;
	left:0;
	width:1em;
	height:1em;
	margin:-.2em 0 0 -.5em;
	width:14px;
	height:14px;
	margin:-2px 0 0 -7px;
	width:.9333em;
	height:.9333em;
	margin:-.175em 0 0 -.466em;
	background-color:#f2f2f2;
	padding:0;
	-webkit-transition:-webkit-transform .15s ease-in-out;
	transition:transform .15s ease-in-out
}
.sm2-progress .sm2-progress-track{
	background-color:#777777;
	background-image:url(../img/black-33.png);
	background-image:none,none
}
.sm2-playlist-wrapper ul::-webkit-scrollbar-track{
	background-color:rgba(0,0,0,.4)
}
.playing.grabbing .sm2-progress .sm2-progress-track,.playing.grabbing .sm2-progress .sm2-progress-ball{
	cursor:-moz-grabbing;
	cursor:-webkit-grabbing;
	cursor:grabbing
}
.sm2-bar-ui.grabbing .sm2-progress .sm2-progress-ball{
	-webkit-transform:scale(1.15);
	transform:scale(1.15)
}
.sm2-inline-button{
	background-position:50% 50%;
	background-repeat:no-repeat;
	line-height:10em;
	image-rendering:-moz-crisp-edges;
	image-rendering:-webkit-optimize-contrast;
	image-rendering:crisp-edges;
	-ms-interpolation-mode:nearest-neighbor;
	-ms-interpolation-mode:bicubic
}
.download{
	background-image:url(../img/icomoon/entypo-25px-ffffff/PNG/music.png);
	background-image:none,url(../img/icomoon/entypo-25px-ffffff/SVG/music.svg)
}
.play-pause,.play-pause:hover,.paused .play-pause:hover{
	background-image:url(../img/icomoon/entypo-25px-ffffff/PNG/play.png);
	background-image:none,url(../img/icomoon/entypo-25px-ffffff/SVG/play.svg);
	background-size:67.5%;
	background-position:40% 53%
}
.playing .play-pause{
	background-image:url(../img/icomoon/entypo-25px-ffffff/PNG/pause.png);
	background-image:none,url(../img/icomoon/entypo-25px-ffffff/SVG/pause.svg);
	background-size:57.6%;
	background-position:50% 53%
}
.sm2-volume-control{
	background-image:url(../img/icomoon/entypo-25px-ffffff/PNG/volume.png);
	background-image:none,url(../img/icomoon/entypo-25px-ffffff/SVG/volume.svg)
}
.sm2-volume-control,.sm2-volume-shade{
	background-position:42% 50%;
	background-size:56%
}
.volume-shade{
	filter:alpha(opacity=33);
	opacity:.33;
	background-image:url(../img/icomoon/entypo-25px-ffffff/PNG/volume.png);
	background-image:none,url(../img/icomoon/entypo-25px-ffffff/SVG/volume.svg)
}
.menu{
	background-image:url(../img/icomoon/entypo-25px-ffffff/PNG/list2.png);
	background-image:none,url(../img/icomoon/entypo-25px-ffffff/SVG/list2.svg);
	background-size:58%;
	background-position:54% 51%
}
.previous{
    background-image: url(../img/icomoon/entypo-25px-fffffff/PNG/first.png);
    background-image: none,url(../img/icomoon/entypo-25px-ffffff/SVG/first.svg)
}
.next{
	background-image:url(../img/icomoon/entypo-25px-ffffff/PNG/last.png);
	background-image:none,url(../img/icomoon/entypo-25px-ffffff/SVG/last.svg)
}
.previous,.next{
	background-size:49.5%;
	background-position:50% 50%
}
.sm2-extra-controls .previous,.sm2-extra-controls .next{
	backgound-size:53%
}
.shuffle{
	background-image:url(../img/icomoon/entypo-25px-ffffff/PNG/shuffle.png);
	background-image:none,url(../img/icomoon/entypo-25px-ffffff/SVG/shuffle.svg);
	background-size:45%;
	background-position:50% 50%
}
.repeat{
	background-image:url(../img/icomoon/entypo-25px-ffffff/PNG/loop.png);
	background-image:none,url(../img/icomoon/entypo-25px-ffffff/SVG/loop.svg);
	background-position:50% 43%;
	background-size:54%
}
.sm2-extra-controls .repeat{
	background-position:50% 45%
}
.sm2-playlist-wrapper ul li .sm2-row{
	display:table;
	width:100%
}
.sm2-playlist-wrapper ul li .sm2-col{
	display:table-cell;
	vertical-align:top;
	width:0%
}
.sm2-playlist-wrapper ul li .sm2-col.sm2-wide{
	width:100%
}
.sm2-playlist-wrapper ul li .sm2-icon{
	display:inline-block;
	overflow:hidden;
	width:2em;
	color:transparent!important;
	white-space:nowrap;
	padding-left:0;
	padding-right:0;
	text-indent:2em
}
.sm2-playlist-wrapper ul li .sm2-icon,.sm2-playlist-wrapper ul li:hover .sm2-icon,.sm2-playlist-wrapper ul li.selected .sm2-icon{
	background-size:55%;
	background-position:50% 50%;
	background-repeat:no-repeat
}
.sm2-playlist-wrapper ul li .sm2-col{
	border-right:1px solid rgba(0,0,0,.075)
}
.sm2-playlist-wrapper ul li.selected .sm2-col{
	border-color:rgba(255,255,255,.075)
}
.sm2-playlist-wrapper ul li .sm2-col:last-of-type{
	border-right:none
}
.sm2-playlist-wrapper ul li .sm2-cart,.sm2-playlist-wrapper ul li:hover .sm2-cart,.sm2-playlist-wrapper ul li.selected .sm2-cart{
	background-image:url(../img/icomoon/entypo-25px-ffffff/PNG/cart.png);
	background-image:none,url(../img/icomoon/entypo-25px-ffffff/SVG/cart.svg);
	background-position:48% 50%
}
.sm2-playlist-wrapper ul li .sm2-music,.sm2-playlist-wrapper ul li:hover .sm2-music,.sm2-playlist-wrapper ul li.selected .sm2-music{
	background-image:url(../img/icomoon/entypo-25px-ffffff/PNG/music.png);
	background-image:none,url(../img/icomoon/entypo-25px-ffffff/SVG/music.svg)
}
.sm2-bar-ui.dark-text .sm2-playlist-wrapper ul li .sm2-cart,.sm2-bar-ui.dark-text .sm2-playlist-wrapper ul li:hover .sm2-cart,.sm2-bar-ui.dark-text .sm2-playlist-wrapper ul li.selected .sm2-cart{
	background-image:url(../img/icomoon/entypo-25px-ffffff/PNG/cart.png);
	background-image:none,url(../img/icomoon/entypo-25px-ffffff/SVG/cart.svg)
}
.sm2-bar-ui.dark-text .sm2-playlist-wrapper ul li .sm2-music,.sm2-bar-ui.dark-text .sm2-playlist-wrapper ul li:hover .sm2-music,.sm2-bar-ui.dark-text .sm2-playlist-wrapper ul li.selected .sm2-music{
	background-image:url(../img/icomoon/entypo-25px-ffffff/PNG/music.png);
	background-image:none,url(../img/icomoon/entypo-25px-ffffff/SVG/music.svg)
}
.sm2-bar-ui.dark-text .sm2-playlist-wrapper ul li .sm2-col{
	border-left-color:rgba(0,0,0,.15)
}
.sm2-playlist-wrapper ul li .sm2-icon:hover{
	background-color:rgba(0,0,0,.33)
}
.sm2-bar-ui .sm2-playlist-wrapper ul li .sm2-icon:hover{
	background-color:rgba(0,0,0,.45)
}
.sm2-bar-ui.dark-text .sm2-playlist-wrapper ul li.selected .sm2-icon:hover{
	background-color:rgba(255,255,255,.25);
	border-color:rgba(0,0,0,.125)
}
.sm2-progress-ball .icon-overlay{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background:none,url(../img/icomoon/free-25px-ffffff/SVG/spinner.svg);
	background-size:72%;
	background-position:50%;
	background-repeat:no-repeat;
	display:none
}
.playing.buffering .sm2-progress-ball .icon-overlay{
	display:block;
	-webkit-animation:spin .6s linear infinite;
	animation:spin .6s linear infinite
}
@-webkit-keyframes spin{
	0%{
		-webkit-transform:rotate(0deg)
}
	100%{
		-webkit-transform:rotate(360deg)
}
}
@-moz-keyframes spin{
	0%{
		transform:rotate(0deg)
}
	100%{
		transform:rotate(360deg)
}
}
@keyframes spin{
	0%{
		transform:rotate(0deg)
}
	100%{
		transform:rotate(360deg)
}
}
.sm2-element ul{
	font-size:95%;
	list-style-type:none
}
.sm2-element ul,.sm2-element ul li{
	margin:0;
	padding:0
}
.bd.sm2-playlist-drawer{
	z-index:3;
	border-radius:0;
	width:100%;
	height:0;
	border:none;
	background-image:none;
	display:block;
	overflow:hidden;
	transition:height .2s ease-in-out
}
.sm2-bar-ui.fixed .bd.sm2-playlist-drawer,.sm2-bar-ui.bottom .bd.sm2-playlist-drawer{
	position:absolute
}
.sm2-bar-ui.fixed .sm2-playlist-wrapper,.sm2-bar-ui.bottom .sm2-playlist-wrapper{
	padding-bottom:0
}
.sm2-bar-ui.fixed .bd.sm2-playlist-drawer,.sm2-bar-ui.bottom .bd.sm2-playlist-drawer{
	bottom:2.8em
}
.sm2-bar-ui .bd.sm2-playlist-drawer{
	opacity:.5;
	transform:translateZ(0)
}
.sm2-bar-ui.playlist-open .bd.sm2-playlist-drawer{
	height:auto;
	opacity:1
}
.sm2-bar-ui.playlist-open .bd.sm2-playlist-drawer a{
	-webkit-filter:none
}
.sm2-bar-ui.fixed.playlist-open .bd.sm2-playlist-drawer .sm2-playlist-wrapper,.sm2-bar-ui.bottom.playlist-open .bd.sm2-playlist-drawer .sm2-playlist-wrapper{
	padding-bottom:.5em;
	box-shadow:none
}
.sm2-bar-ui .bd.sm2-playlist-drawer{
	transition:all .2s ease-in-out;
	transition-property:transform,height,opacity,background-color,-webkit-filter
}
.sm2-bar-ui .bd.sm2-playlist-drawer a{
	transition:-webkit-filter .2s ease-in-out
}
.sm2-bar-ui .bd.sm2-playlist-drawer .sm2-inline-texture{
	background-position:0 -2.8em
}
.sm2-box-shadow{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	box-shadow:inset 0 1px 6px rgba(0,0,0,.15)
}
.sm2-playlist-wrapper{
	position:relative;
	padding: .25em .5em .5em .25em;
	background-image:none,none;
	border-top:.075em dotted #666;
}
.sm2-playlist-wrapper ul{
	overflow:auto
}
.sm2-playlist-wrapper ul li{
	border-bottom:1px solid rgba(0,0,0,.05)
}
.sm2-playlist-wrapper ul li:nth-child(odd){
	
}
.sm2-playlist-wrapper ul li a{
	display:block;
	padding:.5em .25em .5em .75em;
	margin-right:0;
	font-size:90%;
	vertical-align:middle;
	background-color:#333333;
	border-radius:5px
}
.sm2-playlist-wrapper ul li a.sm2-exclude{
	display:inline-block
}
.sm2-playlist-wrapper ul li a.sm2-exclude .label{
	font-size:95%;
	line-height:1em;
	margin-left:0;
	padding:2px 4px
}
.sm2-playlist-wrapper ul li:hover a{
	background-color:#444444;
	background-image:url(../img/black-20.png);
	background-image:none,none
}
.sm2-bar-ui.dark-text .sm2-playlist-wrapper ul li:hover a{
	background-color:rgba(255,255,255,.1);
	background-image:url(../img/black-10.png);
	background-image:none,none
}
.sm2-playlist-wrapper ul li.selected a{
	background-color: #BD2427;
	background-image:url(../img/black-20.png);
	background-image:none,none
}
.sm2-bar-ui.dark-text ul li.selected a{
	background-color:rgba(255,255,255,.1);
	background-image:url(../img/black-10.png);
	background-image:none,none
}
.sm2-bar-ui .disabled{
	filter:alpha(opacity=33);
	opacity:.33
}
.sm2-bar-ui .bd .sm2-button-element.disabled:hover{
	background-color:transparent
}
.sm2-bar-ui .active,.sm2-bar-ui.playlist-open .sm2-menu:hover{
	box-shadow:inset 0 0 2px rgba(0,0,0,.1);
	background-image:none
}
.firefox-fix{
	position:relative;
	display:inline-block;
	width:100%;
	height:100%
}
.sm2-playlist-wrapper ul::-webkit-scrollbar{
	width:10px
}
.sm2-playlist-wrapper ul::-webkit-scrollbar-track{
	background:#222222;
	border-radius:.2em
}
.sm2-playlist-wrapper ul::-webkit-scrollbar-thumb{
	border-radius:.2em;
	background:#fff
}
.sm2-extra-controls{
	font-size:0;
	text-align:center
}
.sm2-bar-ui .label{
	position:relative;
	display:inline-block;
	font-size:.7em;
	margin-left:.25em;
	vertical-align:top;
	background-color:rgba(0,0,0,.25);
	border-radius:.2em;
	padding:0 3px;
	box-sizing:padding-box
}
.sm2-bar-ui.dark-text .label{
	background-color:rgba(0,0,0,.1);
	background-image:url(../img/black-10.png);
	background-image:none,none
}
.sm2-bar-ui .sm2-playlist-drawer .label{
	font-size:.8em;
	padding:0 3px
}
.sm2-bar-ui .sm2-inline-element{
	display:table-cell
}
.sm2-bar-ui .sm2-inline-element{
	width:1%
}
.sm2-bar-ui .sm2-inline-status{
	width:100%;
	min-width:100%;
	max-width:100%
}
.sm2-bar-ui>.bd{
	width:100%
}
.sm2-bar-ui .sm2-playlist-drawer{
	display:block;
	overflow:hidden
}
