/*!
 * jQuery Mobile
 * http://jquerymobile.com/
 *
 * Copyright 2010, jQuery Project
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 */
/*!* jQuery Mobile * http://jquerymobile.com/ * * Copyright 2010,jQuery Project * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license */
html, body, .ui-mobile [data-role="page"], .ui-mobile [data-role="dialog"], .ui-page {background: #202020;}

.ui-mobile, .ui-mobile body {height: 99.9% !important;}
.ui-content{
	padding: 14px;
}
.ui-header{
	z-index: 1000;
}
.ui-footer-fixed {
  bottom: 0;
  padding-bottom: 0;
  position: fixed !important;
}
*{
    -webkit-text-size-adjust: none; /*фиксим баг в IOS cо шкалированием в landscape*/
    outline: none; /*убираем рамку вокруг ссылок и кнопок*/
    -webkit-touch-callout: none; /*если надо, то запрещаем выделение текста*/
    -webkit-tap-highlight-color:rgba(0,0,0,0); /*убираем фон подсветки ссылок и кнопок*/
}
ol,
ul,
li{
	list-style-type: none;
}
a,
a:hover,
a:active,
a:focus,
a.active{
	outline-offset: 0;
	outline: none;
	text-decoration: none;
}
.ui-header .ui-title,
.ui-footer .ui-title{
	margin: 0;
	text-align: center;
}
.ui-panel-page-content-position-left.ui-panel-page-content-display-push{
	margin-left: 0;
	overflow: hidden;
}
.ui-panel-page-content-position-left .ui-content .wrapper {overflow: hidden;}
.ui-panel-wrapper {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.ui-bar-a,
.ui-page-theme-a .ui-bar-inherit,
html .ui-bar-a .ui-bar-inherit,
html .ui-body-a .ui-bar-inherit,
html body .ui-group-theme-a .ui-bar-inherit{
	height: 44px;
	background: #202020; /*{a-bar-background-color}*/;
	background-image: none;
	border: none;
	text-shadow: none;
	font-weight: bold;
}
.ui-page-theme-a .ui-header.ui-bar-inherit{
	overflow: hidden;
}
.ui-footer.ui-bar-inherit{
	height: 66px;
}
a.logo {
    position: relative;
    display: inline-block;
    padding: 0 0 0 30px;
    /*background: url(/Content/mobileSvg/headphones_white.svg) no-repeat;
	background-size: 24px 23px;*/
    font-size: 20px;
    line-height: 28px;
    color: #FFFFFF;
    text-decoration: none;
}
a.logo:before{
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	width: 22px;
	left: 0;
	background: url(/Content/mobileSvg/headphones_white.svg) no-repeat 50% 0;
	background-size: 100%;
}
html body .ui-group-theme-a .ui-btn,
html head + body .ui-btn.ui-btn-a,
.ui-page-theme-a .ui-btn,
html .ui-bar-a .ui-btn,
html .ui-body-a .ui-btn,
html body .ui-group-theme-a .ui-btn:visited,
html head + body .ui-btn.ui-btn-a:visited{
	display: inline-block;
	background: #202020;
	background-image: none;
	border: none;
	text-shadow: none;
}
.ui-page-theme-a .ui-btn.btn_search:hover,
html .ui-bar-a .ui-btn.btn_search:hover,
html .ui-body-a .ui-btn.btn_search:hover,
html body .ui-group-theme-a .ui-btn.btn_search:hover,
html head + body .ui-btn.ui-btn-a.btn_search:hover,

.ui-page-theme-a .ui-btn.btn_search,
html .ui-bar-a .ui-btn.btn_search,
html .ui-body-a .ui-btn.btn_search,
html body .ui-group-theme-a .ui-btn.btn_search,
html head + body .ui-btn.ui-btn-a.btn_search,
.ui-page-theme-a .ui-btn.btn_search:visited,
html .ui-bar-a .ui-btn.btn_search:visited,
html .ui-body-a .ui-btn.btn_search:visited,
html body .ui-group-theme-a .ui-btn:visited,
html head + body .ui-btn.ui-btn-a:visited,
a.btn_search{
	display: inline-block;
	margin-top: -4px;
	width: 25px;
	height: 25px;
	background: url(/Content/mobileSvg/ic_search_white_48px.svg) no-repeat center;
	background-size: 25px 25px;
	border: none;
	text-shadow: none;
	text-indent:  -9999px;
}
.ui-page-theme-a .ui-btn.btn_bars:hover,
html .ui-bar-a .ui-btn.btn_bars:hover,
html .ui-body-a .ui-btn.btn_bars:hover,
html body .ui-group-theme-a .ui-btn.btn_bars:hover,
html head + body .ui-btn.ui-btn-a.btn_bars:hover,

.ui-page-theme-a .ui-btn.btn_bars,
html .ui-bar-a .ui-btn.btn_bars,
html .ui-body-a .ui-btn.btn_bars,
html body .ui-group-theme-a .ui-btn.btn_bars,
html head + body .ui-btn.ui-btn-a.btn_bars,
.ui-page-theme-a .ui-btn.btn_bars:visited,
html .ui-bar-a .ui-btn.btn_bars:visited,
html .ui-body-a .ui-btn.btn_bars:visited,
html body .ui-group-theme-a .ui-btn:visited,
html head + body .ui-btn.ui-btn-a:visited,
a.btn_bars{
	display: inline-block;
	margin: -5px 0 0 -3px;
	width: 14px;
	height: 26px;
	background: url(/Content/mobileSvg/ic_menu_white_48px.svg) no-repeat;
	background-size: 25px 28px;
	border: none;
	text-shadow: none;
	cursor: pointer;
}
a.btn_bars.nav-bars{
	padding-left: 46px;
}
.ui-page-theme-a .ui-btn:hover,
html .ui-bar-a .ui-btn:hover,
html .ui-body-a .ui-btn:hover,
html body .ui-group-theme-a .ui-btn:hover,
html head + body .ui-btn.ui-btn-a:hover{
	background: #202020;
	background-image: none;
	text-shadow: none;
}
.ui-page-theme-a .ui-btn.play_track:hover, .ui-page-theme-a .ui-btn.TrackLikeCss:hover
 {
	background: transparent;
	background-image: none;
	text-shadow: none;
}


/* Button down */
.ui-page-theme-a .ui-btn:active,
html .ui-bar-a .ui-btn:active,
html .ui-body-a .ui-btn:active,
html body .ui-group-theme-a .ui-btn:active,
html head + body .ui-btn.ui-btn-a:active{
	background: #202020;
	background-image: none;
	border: none;
	outline: none;
	text-shadow: none;
}
.ui-page-theme-a .ui-btn:focus,
html .ui-bar-a .ui-btn:focus,
html .ui-body-a .ui-btn:focus,
html body .ui-group-theme-a .ui-btn:focus,
html head + body .ui-btn.ui-btn-a:focus,
/* Focus buttons and text inputs with div wrap */
.ui-page-theme-a .ui-focus,
html .ui-bar-a .ui-focus,
html .ui-body-a .ui-focus,
html body .ui-group-theme-a .ui-focus,
html head + body .ui-btn-a.ui-focus,
html head + body .ui-body-a.ui-focus{
	box-shadow: none;
}
.ui-page-theme-a a:hover,
html .ui-bar-a a:hover,
html .ui-body-a a:hover,
html body .ui-group-theme-a a:hover{
	color: #FFFFFF;
}
.ui-page-theme-a a:active,
html .ui-bar-a a:active,
html .ui-body-a a:active,
html body .ui-group-theme-a a:active{
	color: #FFFFFF;
}
.ui-btn-left,
.ui-btn-right{
  position: absolute;
  top: 14px;
}
.ui-btn-left{
	left: 11px;
}
.ui-btn-right{
	right: 11px;
}

html body .ui-group-theme-a .td-star .ui-btn,
html head + body .td-star .ui-btn.ui-btn-a,
.ui-page-theme-a .td-star .ui-btn,
html .ui-bar-a .td-star .ui-btn,
html .ui-body-a .td-star .ui-btn,
html body .ui-group-theme-a .td-star .btn-default,
html body .ui-group-theme-a .td-star .ui-btn:visited,
html head + body .td-star .ui-btn.ui-btn-a:visited,
html body .ui-group-theme-a .td-star .btn-default:visited {
	display: inline-block;
	padding: 0;
	margin-top: 0;
	background: none;
	background-image: none;
	border: none;
	text-shadow: none;
	box-shadow: none;
	border-radius: 0;
}

.ui-page-theme-a .td-star .ui-btn:active,
html .ui-bar-a  .td-star.ui-btn:active,
html .ui-body-a .td-star .ui-btn:active,
html body .ui-group-theme-a .td-star .ui-btn:active,
html head + body .td-star .ui-btn.ui-btn-a:active,
html body .ui-group-theme-a .td-star .btn-default:active {
	background: none;
	background-image: none;
	border: none;
	outline: none;
	text-shadow: none;
}
.ui-page-theme-a .td-star .ui-btn:focus,
html .ui-bar-a .td-star .ui-btn:focus,
html .ui-body-a .td-star .ui-btn:focus,
html body .ui-group-theme-a .td-star .ui-btn:focus,
html head + body .td-star .ui-btn.ui-btn-a:focus,
/* Focus buttons and text inputs with div wrap */
.ui-page-theme-a .td-star .ui-focus,
html .ui-bar-a .td-star .ui-focus,
html .ui-body-a .td-star .ui-focus,
html body .ui-group-theme-a .td-star .ui-focus,
html head + body .ui-btn-a .td-star.ui-focus,
html head + body .ui-body-a.ui-focus,
html body .ui-group-theme-a .td-star .btn-default:focus {
	box-shadow: none;
	outline: none;
}
/*-----menu----------*/
.ui-panel-open.ui-panel-position-left.ui-panel-display-push{
    border-right-width: 2px;
}
.nav-panel{
	background-image: none;
	text-shadow: none;
	box-shadow: none;
	border-right: 2px solid #FFFFFF;
	background-color: #202020;
}
.ui-listview span {
	display: block;
	padding: 15px 0 15px 56px;
	font: 14px/16px "Tahoma",  Arial, Helvetica, sans-serif;
	letter-spacing: 0.8px;
	color: #656565;
}
.ui-page-theme-a a.btn-menu,
html .ui-bar-a a.btn-menu,
html .ui-body-a a.btn-menu,
html body .ui-group-theme-a a.btn-menu{
	display: block;
	padding: 15px 0 15px 56px;
	font: 14px/16px "Tahoma",  Arial, Helvetica, sans-serif;
	letter-spacing: 0.8px;
	color: #FFFFFF;
}
.ui-page-theme-a .emptylist a.btn-menu,
html .ui-bar-a .emptylist a.btn-menu,
html .ui-body-a .emptylist a.btn-menu,
html body .ui-group-theme-a .emptylist a.btn-menu  {color: #656565;}


.ui-page-theme-a a.btn-menu:focus,
html .ui-bar-a a.btn-menu:focus,
html .ui-body-a a.btn-menu:focus,
html body .ui-group-theme-a a.btn-menu:focus,
.ui-page-theme-a a.btn-menu:hover,
html .ui-bar-a a.btn-menu:hover,
html .ui-body-a a.btn-menu:hover,
html body .ui-group-theme-a a.btn-menu:hover{
	background-color: #E60067;
	text-decoration: none;
}
.ui-btn-icon-left:after,
.ui-btn-icon-right:after,
.ui-btn-icon-top:after,
.ui-btn-icon-bottom:after,
.ui-btn-icon-notext:after,
html .ui-btn.ui-checkbox-off:after,
html .ui-btn.ui-radio-off:after {
	background-color: #202020;
	-webkit-border-radius: 0;
	border-radius: 0;
}
.ui-btn-icon-left:after,
.ui-btn-icon-right:after,
.ui-btn-icon-top:after,
.ui-btn-icon-bottom:after,
.ui-btn-icon-notext:after {
	content: "";
	position: absolute;
	display: block;
	width: 0;
	height: 0;
}
.ui-listview span:before,
.btn-menu:before{
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	background-size: 100%;
}
.btn-home:before{
	width: 22px;
	left: 12px;
	background: url(/Content/mobileSvg/1439210062_home_house_real_estate_white.svg) no-repeat 50% 45%;
}
.btn-tags:before{
	width: 25px;
	left: 11px;
	background: url(/Content/mobileSvg/ic_queue_music_white_48px.svg) no-repeat 50% 50%;
}
.btn-search:before{
	width: 26px;
	left: 11px;
	background: url(/Content/mobileSvg/ic_search_white_48px.svg) no-repeat 50% 60%;
}
.btn-my-artists:before{
	width: 27px;
	left: 10px;
	background: url(/Content/mobileSvg/ic_star_outline_white_24px.svg) no-repeat 50% 50%;
}
.ui-listview span.my-artists:before {
	width: 27px;
	left: 10px;
	background: url(/Content/mobileSvg/ic_star_outline_desabled_24px.svg) no-repeat 50% 50%;
}
.btn-my-tracks:before{
	width: 20px;
	left: 13px;
	background: url(/Content/mobileSvg/headphones_white.svg) no-repeat 50% 50%;
}
.ui-listview span.my-tracks:before {
	width: 20px;
	left: 13px;
	background: url(/Content/mobileSvg/headphones_desabled.svg) no-repeat 50% 50%;
}
.btn-about-us:before{
	width: 22px;
	left: 13px;
	background: url(/Content/mobileSvg/ic_create_white_48px.svg) no-repeat 50% 45%;
}
.btn-logout:before{
	width: 23px;
	left: 13px;
	background: url(/Content/mobileSvg/ic_exit_to_app_white_48px.svg) no-repeat 50% 50%;
}
/*.btn-contacts:before{
	width: 18px;
	height: 18px;
	left: 17px;
	top: 13px;
	background: url(/Content/mobileImages/menu/img_8.png) no-repeat;
}
.btn-terms-use:before{
	width: 16px;
	height: 21px;
	left: 17px;
	top: 13px;
	background: url(/Content/mobileImages/menu/img_9.png) no-repeat;
}*/
.ui-listview{
	clear: both;
	overflow: hidden;
}
.ui-listview li{
	margin: 4px 0;
}
.nav-panel-inner{
	margin: 0 -14px;
}
.nav-panel-inner a.back-to-left{
	top: 5px;
	left: 11px;
}
.nav-panel-inner hr{
	margin: 5px auto 5px;
	border: none;
	border-top: none;
	width: 90%;
	height: 1px;
	background-color: #575757;
}
.nav-user{
	margin-bottom: 0;
	padding: 0 0;
	font: 15px/18px "Tahoma",  Arial, Helvetica, sans-serif;
	letter-spacing: 0.6px;
	clear: both;
	overflow: hidden;
}
.nav-user li a,
.nav-user li a:hover,
.nav-user li a:active,
.nav-user li a:focus{
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
.nav-user li.user-name{
	float: left;
}
.nav-user li.user-name a{
	padding: 10px 8px;
	display: block;
	text-shadow: none;
}
.nav-user li.user-name a img {margin-right: 10px;}
.nav-user li.user-data{
	float: right;
	padding: 13px 15px 10px 0;
}
.nav-user li.user-data a{
	display: inline-block;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background-color: #00A859;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 20px;
	text-shadow: none;
}
.nav-user li.not-logged{
	float: none;
	margin: 5px 0 0;
}
.nav-user li.to-registration {
	float: none;
}
.nav-user li.to-registration a,
.nav-user li.not-logged a {
	position: relative;
	padding: 13px 5px 13px 55px;
	display: block;
}
.nav-user li.to-registration a:before,
.nav-user li.not-logged a:before{
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	background-size: 100%;
}
.nav-user li.not-logged a:before{
	width: 19px;
	left: 14px;
	background: url(/Content/mobileSvg/ic_vpn_key_white_48px.svg) no-repeat 50% 45%;
}
.nav-user li.to-registration a:before{
	width: 26px;
	left: 10px;
	background: url(/Content/mobileSvg/ic_perm_identity_white_48px.svg) no-repeat 50% 45%;
}
.nav-user li.not-logged a:focus,
.nav-user li.not-logged a:hover,
.nav-user li.to-registration a:focus,
.nav-user li.to-registration a:hover {
	background-color: #E60067;
	text-decoration: none;
}
/*-----end menu--------------*/
/*-----home_content--------*/
.ui-content .wrapper{
    position: absolute;
    top: 43px;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}
.ui-content .wrapper.indexpage {top: 71px;}
a.top-artists{
	display: block;
	color: #FFFFFF;
}
.ui-content .wrapper h2{
	position: fixed;
	top: 43px;
	left: 0;
	margin: 0;
	width: 100%;
	text-align: center;
	background-color: #E60067;
	font: 14px/28px Arial, Helvetica, sans-serif;
	text-shadow: none;
	z-index: 10;
}
.ui-content .wrapper h2.top-artists, .ui-content .wrapper h2 a {color: #FFF; font-weight: bold;}
.ui-content  h2.more-tracks a:hover {cursor: pointer;}
.ui-content  h2.top-artists {
	position: fixed;
	top: 43px;
	left: 0;
	right: 0;
	display: block;
	margin: 0;
	text-align: center;
	background-color: #E60067;
	font: 14px/28px  Arial, Helvetica, sans-serif;
	text-shadow: none;
	color: #FFFFFF;
	z-index: 100;
}
.ui-content  h2.top-artists a {display: block; font: 14px/28px  Arial, Helvetica, sans-serif; color: #FFF;}
.btn-default.play_track span.glyphicon-play,
.btn-default.play_track span.glyphicon-pause,
.btn-play,
.btn-pause{
	position: relative;
	display: block;
	margin: 0;
	width: 33px;
	height: 33px;
	border: 3px solid #000000;
	border-radius: 50%;
}
.btn-default.play_track span.glyphicon-pause,
.btn-pause{
	border: none;
}
.btn-default.play_track span.glyphicon-play:before,
.btn-play:before{
	content: "";
	position: absolute;
	right: 16px;
	top: 6px;
	width: 1px;
	height: 15px;
	background-color: #AFAFAF;
}
.btn-default.play_track span.glyphicon-play:after,
.btn-play:after{
	content: "";
	position: absolute;
	right: 8px;
	top: 7px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 7px 0 7px 8px;
	border-color: transparent transparent transparent #000000;
}
.btn-default.play_track span.glyphicon-pause:before,
.btn-default.play_track span.glyphicon-pause:after,
.btn-pause:before,
.btn-pause:after{
	content: "";
	position: absolute;
	top: 5px;
	left: 9px;
	width: 4px;
	height: 22px;
	background-color: #000000;
}
.btn-default.play_track span.glyphicon-pause:after,
.btn-pause:after{
	left: 20px;
}
.table_artists table{
	width: 100%;
	border: none;
	background-color: #FFFFFF;
}
.table_artists table tr{
	border-top: 1px solid #CCCCCC;
}
.table_artists table tr:first-child, .table_artists table tr:first-child td {
	border-top: none;
}
.table_artists table tr td {padding: 0 4px;}
.table_artists table tr td td {padding: 0;}
.table_artists table tr td.td-star {padding: 0 4px;}


.td-play{
	width: 49px;
}
.ui-mobile a img{
	border-width: 1px;
}
.td-img{
	width: 42px;
	text-align: center;
}
.td-img a{
	position: relative;
	display: block;
	margin: 3px 0;
	width: 42px;
	height: 42px;
	border: 1px solid #AFAFAF;
	background-color: #FFF;
	background-image: url(/Content/images/empty.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.td-img a img{
	width: 100%;
	height: 100%;
}
.td-artist p, .td-artist .go-to-artist {
	margin: 15px 0 0;
	font: bold 14px/18px "Tahoma",  Arial, Helvetica, sans-serif;
	color: #000000;
	text-shadow: none;
	text-overflow: ellipsis;
	overflow: hidden;
	max-width: 160px;
	white-space: nowrap;
}
.td-artist p a, .td-artist p a:hover,
.td-artist .go-to-artist, .td-artist .go-to-artist:hover {
	color: #000000;
	text-shadow: none;
	text-overflow: ellipsis;
}
.td-artist span{
	display: block;
	font: 10px/12px "Tahoma",  Arial, Helvetica, sans-serif;
	color: #656565;
	text-shadow: none;
}
.td-star{
	width: 40px;
	text-align: center;
}
.td-star span{
	top:  6px;
	font-size: 21px;
	color: #E60067;
	text-shadow: none;
}
.td-star span.glyphicon:hover {color: #E60067;}

.td-img a span{
	top: 0;
	left: 1px;
	font-size: 31px;
	line-height: 42px;
	color: rgba(45, 45, 45, 0.9);
	text-shadow: none;
}
tr.active{
	background-color: #F3F3F3;
}
.td-star.active span{
	display: inline-block;
}
.table_artists .track-duration{
	padding-right: 8px;
	width: 42px;
	font: 12px/14px "Tahoma",  Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: right;
}
/*-----end home_content---*/
.player .container{
	width: 100%;
}
.jp-switch{
	position: absolute;
	top: 22px;
	left: -2px;
	width: 30px;
	height: 30px;
}
.jp-switch:before{
	content: "";
	position: absolute;
	top: 5px;
	left: 8px;
	width: 2px;
	height: 14px;
	background-color: #FFFFFF;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.jp-switch:after{
	content: "";
	position: absolute;
	top: 6px;
	left: 17px;
	width: 2px;
	height: 13px;
	background-color: #FFFFFF;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.jp-switch.active:before{
	left: 17px;
}
.jp-switch.active:after{
	left: 8px;
	top: 5px;
	height: 14px;
}
.back-to-top-left {
    position: absolute;
    bottom: 12px;
    right: 9px;
    width: 30px;
    height: 30px;
    background-color: #CCC;
    border-radius: 50%;
}
.back-to-top {
    position: fixed;
    bottom: 80px;
    right: 24px;
    width: 30px;
    height: 30px;
    background-color: #CCC;
    border-radius: 50%;
    z-index: 9999
}
.back-to-top-left:before {
    content: "";
    position: absolute;
    top: 9px;
    left: 11px;
    width: 2px;
    height: 9px;
    background-color: #FFF;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.back-to-top:before{
	content: "";
	position: absolute;
	top: 9px;
	left: 11px;
	width: 2px;
	height: 9px;
	background-color: #FFFFFF;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.back-to-top-left:after {
    content: "";
    position: absolute;
    top: 10px;
    left: 17px;
    width: 2px;
    height: 8px;
    background-color: #FFF;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.back-to-top:after{
	content: "";
	position: absolute;
	top: 10px;
	left: 17px;
	width: 2px;
	height: 8px;
	background-color: #FFFFFF;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.ui-panel-page-container .back-to-top {
	display: none !important;
}
.jp-controls-sub{
	display: none;
	position: absolute;
	top: -61px;
	left: 0;
	width: 100%;
	height: 60px;
	background-color: #202020;
}
.controls-white.jp-controls-sub{
	background-color: transparent;
}
div.jp-interface .jp-controls-sub ul.current-duration{
	top: 41px;
}
div.jp-interface .controls-white.jp-controls-sub ul.current-duration li{
	color: #000000;
}
div.jp-audio .jp-controls-sub ul.unknown{
	top: 9px;
}
div.jp-audio .controls-white.jp-controls-sub .unknown li a{
	color: #000000;
}
.controls-white.jp-controls-sub a.jp-class_1 span,
.controls-white.jp-controls-sub a.jp-class_1 span:before,
.controls-white.jp-controls-sub a.jp-class_1 span:after,
.controls-white.jp-controls-sub a.jp-class_2 span:before,
.controls-white.jp-controls-sub a.jp-class_2 span:after{
	background-color: #000000;
}
div.jp-interface ul.current-duration{
	position: absolute;
	top: -19px;
	width: 100%;
	height: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	clear: both;
	overflow: hidden;
}
.current-duration li{
	position: absolute;
	top: 0;
	width: 50px;
	height: 17px;
	text-align: left;
	font-size: 12px;
	line-height: 15px;
	color: #FFFFFF;
	overflow: hidden;
	z-index: 1;
}
div.jp-type-playlist div.jp-interface .jp-current-time{
	left: 9px;
}
div.jp-type-playlist div.jp-interface .jp-duration{
	right: 9px;
	text-align: right;
}
div.jp-audio ul.unknown{
	position: absolute;
	top: -52px;
	width: 100%;
	height: 20px;
	font-weight: normal;
	clear: both;
	overflow: hidden;
}
.unknown li a{
	position: absolute;
	color: #FFFFFF;
}
.unknown li a.jp-shuffle, .unknown li a.jp-shuffle-off{
	right: 49px;
}

div.jp-audio .controls-white.jp-controls-sub .unknown li a.jp-shuffle-off {color: #e70268;}
.unknown li a span{
	font-size: 17px;
}
.unknown li a span.glyphicon-random{
	width: 20px;
}
a.jp-class_1{
	position: absolute;
	top: -3px;
	left: 51px;
	display: inline-block;
	padding: 10px 3px;
	width: 30px;
	height: 4px;
}
a.jp-class_1 span{
	display: inherit;
	width: 4px;
	height: 4px;
	background-color: #FFFFFF;
}
a.jp-class_1 span:before,
a.jp-class_1 span:after{
	content: "";
	position: absolute;
	top: 10px;
	left: 12px;
	width: 4px;
	height: 4px;
	background-color: #FFFFFF;
}
a.jp-class_1 span:after{
	left: 21px;
}
a.jp-class_2{
	position: absolute;
	display: inline-block;
	left: 50%;
	margin-left: -10px;
	width: 20px;
	height: 18px;
}
.three-two{
	position: relative;
	display: block;
	width: 20px;
	height: 4px;
}
.three-two + .three-two{
	margin-top: 3px;
}
a.jp-class_2 span:before,
a.jp-class_2 span:after{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 3px;
	height: 4px;
	background-color: #FFFFFF;
}
a.jp-class_2 span:after{
	top: 1px;
	left: 5px;
	width: 14px;
	height: 2px;
}
/*-----page-white-----------*/
.page-white .ui-page-header-fixed{
    padding-top: 0 !important;
}
.page-white div.jp-interface ul.jp-controls,
.page-white.ui-page-theme-a .ui-panel-wrapper,
.page-white{
	background: #FFFFFF;
}
.page-white .ui-content .row{
	margin-top: -15px;
}
.player .row {margin-left: -15px; margin-right: -15px;}
.page-white .ui-bar-a,
.page-white.ui-page-theme-a .ui-bar-inherit,
html .page-white .ui-bar-a .ui-bar-inherit,
html .page-white .ui-body-a .ui-bar-inherit,
html body .page-white .ui-group-theme-a .ui-bar-inherit{
	height: 44px;
	background: #FFFFFF;
}
.page-white.ui-page-theme-a .ui-bar-inherit.ui-header,
html .page-white .ui-bar-a .ui-bar-inherit.ui-header,
html .page-white .ui-body-a .ui-bar-inherit.ui-header,
html body .page-white .ui-group-theme-a .ui-bar-inherit.ui-header{
	position: absolute;
	width: 100%;
	background: rgba(255, 255, 255, 0);
	z-index: 1;
}
.page-white .ui-footer.ui-bar-inherit{
    height: 78px;
}
.page-white div.jp-interface ul.jp-controls a.jp-pause:before,
.page-white div.jp-interface ul.jp-controls a.jp-pause:after,
.page-white a.jp-class_1 span,
.page-white .jp-switch:before,
.page-white .jp-switch:after,
.page-white a.jp-class_1 span:before,
.page-white a.jp-class_1 span:after,
.page-white a.jp-class_2 span:before,
.page-white a.jp-class_2 span:after{
	background-color: #000000;
}
.page-white div.jp-interface ul.jp-controls a.jp-pause:before,
.page-white div.jp-interface ul.jp-controls a.jp-pause:after {height: 22px;}

.page-white div.jp-type-playlist div.jp-interface div.jp-trackinfo:hover,
.page-white div.jp-type-playlist div.jp-interface div.jp-trackinfo:focus,
.page-white div.jp-type-playlist div.jp-interface div.jp-trackinfo:active,
.page-white div.jp-type-playlist div.jp-interface div.jp-trackinfo,
.page-white div.jp-interface ul.jp-controls a.jp-favourite span,
.page-white div.jp-interface ul.jp-controls a,
.page-white div.jp-interface ul.jp-toggles a,
.page-white a.jp-class_1 span,
.page-white .unknown li a,
.page-white .current-duration li{
	color: #000000;
}
.page-white div.jp-interface ul.jp-controls a.jp-play:before{
    border: 3px solid #000000;
}
.page-white div.jp-interface ul.jp-controls a.jp-play:after{
    border-color: transparent transparent transparent #000000;
}
/*.page-white div.jp-type-playlist div.jp-interface div.jp-trackinfo{
	bottom: 7px;
}*/
.artist-preview{
	margin-bottom: 50px;
}
.artist-preview img{
	width: 100%;
}
.artist-img{
	position: relative;
    width: 100%;
    height: 100%;
    background: #FFF url(/Content/images/empty.jpg) no-repeat center 10%;
    overflow: hidden;
}
.page-white .artist-img{
	background: #FFF url(/Content/images/empty.jpg) no-repeat center 25%;
}
.overlay-img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(/Content/mobileImages/artists-single/artist_img_bg.png) bottom repeat-x;
	z-index: 5
}
.artist-preview a .album-name{
	margin-bottom: 58px;
	color: #000000;
	text-align: center;
	text-shadow: none;
}
.album-name h4{
	margin-bottom: 7px;
	font: bold 22px/26px  Arial, Helvetica, Arial, sans-serif;
}
.album-name span{
	font: 18px/22px  Arial, Helvetica, Arial, sans-serif;
	color: #008BCB;
}
/*-----end page-white-----*/
/*-----------page-white-----*/
.page-white-black .ui-content .row{
	margin-left: 0;
	margin-right: 0;
	/*margin-top: -15px;*/
}
.page-white-black  .player .row {margin-left: -15px; margin-right: -15px;}

.page-white-black .ui-header{
	z-index: 1000;
}
.page-white-black .ui-header .ui-title{
	padding: 11px 70px;
	font: normal 18px/22px Arial, Helvetica, sans-serif;
}
.page-white-black .ui-header .ui-title span {
	display: block;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
}
ul.artist_tracs{
	position: absolute;
	top: 0;
	width: 100%;
}
.header-success a,
ul.artist_tracs a{
	position: absolute;
	display: inline-block;
	width: 30px;
	height: 30px;
}
a.action-white{
	top: 6px;
	right: 5px;
	background: url(/Content/mobileImages/artists-single/bg_action.png) no-repeat center;
}
a.top-star{
	top: 7px;
	right: 40px;
	color: #FFFFFF;
	text-align: center;
}
a.top-star .glyphicon{
	top: 8px;
	font-size: 16px;
}
a.back-to-left{
	position: absolute;
	display: block;
	padding: 17px;
	top: 5px;
	right: 5px;
	left: 4px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}
.back-to-left:before{
	content: "";
	position: absolute;
	top: 6px;
	left: 12px;
	width: 2px;
	height: 14px;
	background-color: #FFFFFF;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.back-to-left:after{
	content: "";
	position: absolute;
	top: 15px;
	left: 12px;
	width: 2px;
	height: 13px;
	background-color: #FFFFFF;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.page-white-black .ui-tabs{
	padding: 157px 0 0 0;
}
.page-white-black .artist-info-tabs.ui-tabs{
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0;
    overflow: hidden;
}
.page-white-black .artist-preview {
    position: absolute;
    top: 34px;
    right: 0;
    left: 0;
    bottom: 0;
    margin-bottom: 0;
    overflow: hidden;
    z-index: 20;
}
.page-white-black #two .artist-preview {top: 0;}



.artist-info-tabs.ui-tabs .table_artists.table_tracks,
.artist-info-tabs.ui-tabs .about-artist-block {
	position: absolute;
	top: 0;
	/*bottom: 0;*/
	left: 0;
	right: 0;
	margin: 214px 0 0;
	z-index: 30;
}
.artist-info-tabs.ui-tabs .about-artist-block.similars-tags-block {top: 0; margin: 5px 0 0;}
.about-artist-block {background: #FFF;}


html body .page-white-black .ui-group-theme-a .ui-btn.ui-btn-tabs,
html head + body .page-white-black .ui-btn.ui-btn-a,
.page-white-black.ui-page-theme-a .ui-btn.ui-btn-tabs,
html .page-white-black.ui-bar-a .ui-btn.ui-btn-tabs,
html .page-white-black.ui-body-a .ui-btn.ui-btn-tabs,
html body .page-white-black.ui-group-theme-a .ui-btn.ui-btn-tabs:visited,
html head + body .page-white-black.ui-btn.ui-btn-a:visited{
	display: inline-block;
	width: 100%;
	background: #585858;
	background-image: none;
	border: none;
	text-shadow: none;
}


ui-mobile-viewport ui-overlay-a ui-panel-page-container-themed ui-panel-page-container-a ui-panel-page-container


html head + body .page-white-black .ui-tabs-active .ui-btn.ui-btn-a,
.page-white-black.ui-page-theme-a .ui-tabs-active .ui-btn,
html head + body .page-white-black .ui-btn.ui-btn-a.ui-btn-active,
.page-white-black.ui-page-theme-a .ui-btn.ui-btn-tabs.ui-btn-active,
html head + body  .ui-block-a.active .ui-btn.ui-btn-a,
html head + body  .ui-block-b.active .ui-btn.ui-btn-a,
html head + body  .ui-block-c.active .ui-btn.ui-btn-a  {
	background: #E60067;
	cursor: default;
}
.navbar-in li{
	height: 28px;
}
.navbar-in .ui-btn{
	padding: 6px 0;
	font: bold 13px/16px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
.page-white-black .ui-tabs-panel, .page-white-black .tab-pane{
	position: relative;
	height: 100%;
	padding: 0;
}
.page-white-black .contacts-page-scroll .tab-pane {top: 0;}

.table_tracks table{
    margin-bottom: 10px;
	background-color: rgba(255, 255, 255, 0.7);
	text-align: center;
}
.table_tracks table tr{
	height: 52px;
}
.table_tracks table tr.active{
	background-color: rgba(230, 230, 230, 0.7);
}
.table_tracks table .track-number{
	width: 39px;
}
.table_tracks table .track-number a{
	font: bold 14px/16px Arial, Helvetica, sans-serif;
	color: #7F7F7F;
}
.table_tracks table .td-play{
	width: 48px;
}
.table_tracks table .td-play .btn-play,
.table_tracks table .td-play .btn-pause{
	margin: 0 15px 0 0;
}
.table_tracks table .td-star{
	width: 22px;
}
.table_tracks table .track-duration{
	padding-right: 8px;
	width: 42px;
	font: 12px/14px "Tahoma",  Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: right;
}
.table_tracks table .track-name{
	padding-right: 5px;
	text-align: left;
}
.table_tracks table .track-name a{
	font: bold 14px/16px "Tahoma",  Arial, Helvetica, sans-serif;
	color: #000000;
}
.ui-content-white{
	background: #FFFFFF;
}
.ul-about li{
	clear: none;
}
.ul-about li dl{
	margin: 18px 0 1px;
	padding-left: 20px;
	font-family: Arial, Helvetica, sans-serif;
}
.ul-about li dt{
	font-weight: bold;
	font-size: 14px;
	line-height: 14px;
	color: #0C0C0C;
}
.ul-about li dd{
	font-weight: normal;
	font-size: 11px;
	line-height: 13px;
	color: #808080;
}
.about-text{
	padding: 0 20px 100px;
}
.about-text p{
	font: 13px/21px Arial, Helvetica, sans-serif;
	color: #2A2A2A;
}
.ui-content-white .similars-tags:first-child{
	border-bottom: 1px solid #CCCCCC;
}
.similars-tags{
	padding: 2px 20px 5px;
}
.similars-tags ul{
	margin-bottom: 0;
	padding: 0;
	clear: both;
	overflow: hidden;
}
.similars-tags h4{
	margin-bottom: 13px;
	font: bold 15px/18px Arial, Helvetica, sans-serif;
	color: #232323;
	text-align: left;
}
.similars-tags:last-of-type h4{
	margin-top: 6px;
}
.tabs-all .tags-styles li,
.similars-tags li{
	float: left;
	margin: 0 5px 15px 0;
}
.tabs-all .tags-styles a,
.similars-tags a{
	display: inline-block;
	padding: 4px 9px 5px;
	border-radius: 3px;
	border: none;
	font: bold 14px/16px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
.similars-tags a span{
	margin-right: 3px;
	font-size: 13px;
}
@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('/Content/fonts/glyphicons-halflings-regular.eot');
  src: url('/Content/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('/Content/fonts/glyphicons-halflings-regular.woff') format('woff'), url('/Content/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('/Content/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.similars-artists a{
	position: relative;
	padding-left: 35px;
	background-color: #E60067;
}
.similars-artists a:before {
	position: absolute;
	top: 6px;
	left: 7px;
	font-size: 16px;
    font-family: 'Glyphicons Halflings';
	content: "\e006";
}
.tabs-all .tags-styles a,
.similars-tags .tags-styles a{
	background-color: #36AAE7;
}
/*-end page-white-black--*/
/*---home_thumbnails-----*/
.ul-thumbnail li{
	clear: none;
}
.ui-content .wrapper h2.top-artists {
	position: relative;
	background-color: #E60067;
}
.ui-content .wrapper .top-artists a {display: block; color: #FFF;}
.ui-content .wrapper .top-artists a:hover {cursor: pointer;}
.ui-content .wrapper .top-artists span{
	position: absolute;
	top: 9px;
	right: 2px;
	width: 14px;
	height: 6px;
}
/*.ui-content .wrapper h2.top-artists a span:before,
.ui-content .wrapper h2.top-artists a span:after,
.ui-content .wrapper h2.top-artists:before,
.ui-content .wrapper h2.top-artists:after{
	content: "";
	position: absolute;
	width: 14px;
	height: 1px;
	background-color: #FFFFFF;
	border: none;
}
.ui-content .wrapper h2.top-artists:before{
	right: 17px;
	top: 7px;
}
.ui-content .wrapper h2.top-artists:after{
	right: 17px;
	top: 11px;
}
.ui-content .wrapper h2.top-artists a span:before{
	right: 15px;
	top: 6px;
}
.ui-content .wrapper h2.top-artists a span:after{
	right: 15px;
	top: 10px;
}*/
.ul-thumbnail{
	padding: 17px 6px 0 !important;
}
.thumbnail-img{
	padding: 0 12px;
}
.thumbnail-img img{
	width: 100%;
	border: 1px solid #C8C8C8;
	box-shadow: 5px 5px 2px -3px #898989;
	-webkit-box-shadow: 5px 5px 2px -3px #898989;
	-moz-box-shadow: 5px 5px 2px -3px #898989;
	-o-box-shadow: 5px 5px 2px -3px #898989;
}
.thumbnail-overlay{
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(/Content/mobileImages/thumbnails/thumbnail_overlay.png) no-repeat center;
	background-size: cover;
}
.thumbnail-text{
	padding: 7px 14px;
	height: 56px;
	clear: both;
	overflow: hidden;
}
.thumbnail-text span{
	display: inline-block;
	float: left;
	text-align: left;
}
.thumbnail-text span{
	font: bold 16px/18px Arial, Helvetica, sans-serif;
	color: #999999;
}
.thumbnail-text h6{
	margin: 0 auto;
	padding-top: 1px;
	width: 64%;

	text-align: left;
	color: #000000;
}

/*-end home_thumbnails-*/
/*----BANNER---------------*/
.jqm-header.top-banner{
}
.banner-top{
	position: relative;
	width: 100%;
}
.banner-top img{
	width: 100%;
}
.banner-top a{
	padding: 12px;
	top: 50%;
	margin-top: -15px;
	display: inline-block;
	width: 30px;
	height: 30px;
	position: absolute;
	right: 5px;
}
.delete{
	position: absolute;
	top: 6px;
	right: 6px;
	display: inline-block;
	width: 19px;
	height: 19px;
	border-radius: 50%;
	background-color: #FFFFFF;
}
.delete:before,
.delete:after{
	content: "";
	position: absolute;
	top:4px;
	left: 8px;
	width: 3px;
	height: 11px;
	background-color: #000000;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.delete:after{
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

/*----end BANNER-------------------------*/
/*--page_register_successfull-----------*/
.welcome{
	padding: 13px 11px;
	text-align: center;
}
.welcome-icon.ui-grid-c{
	margin-bottom: 34px;
	padding: 15px 0 0;
	clear: both;
	overflow: hidden;
}
.welcome-icon li{
	clear: none;
	width: 50px;
	height: 50px;
}
.welcome-icon li.wel-search{
	background: url(/Content/mobileSvg/ic_search_48px.svg) no-repeat center;
	background-size: 65px 65px;
}
.welcome-icon li.wel-play{
	background: url(/Content/mobileSvg/ic_play_circle_outline_48px.svg) no-repeat center;
	background-size: 56px 56px;
}
.welcome-icon li.wel-microphone{
	background: url(/Content/mobileImages/microphone.png) no-repeat center;
}
.welcome-icon li.wel-headphones{
	background: url(/Content/mobileSvg/headphones.svg) no-repeat center;
	background-size: 47px 47px;
}
.welcome-img{
	padding-left: 27%;
}
.welcome-img img{
	width: 100%;
}
.header-success .ui-title{
	margin: 0;
	padding: 11px 0;
	font: 18px/22px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
.ui-content .wrapper .welcome h2{
	margin-top: 14px;
    background-color: transparent;
	font: bold 20px/24px Arial, Helvetica, sans-serif;
	color: #000000;
}
.ui-content .wrapper .welcome h2:before, .ui-content .wrapper .welcome h2:after {display: none;}
.welcome h1{
	font: bold 28px/31px Arial, Helvetica, sans-serif;
	color: #000000;
}
.welcome a{
	display: inline-block;
	margin-bottom: 15px;
	padding: 5px 15px;
	border: 1px solid #CCCCCC;
	font: bold 14px/16px Arial, Helvetica, sans-serif;
	color: #0065C6;
}
.welcome a:hover,
.welcome a:active,
.welcome a:focus{
	color: #0065C6;
}
/*--end page_register_successfull-----*/
/*--------------------page_about-----------*/
.ui-header .ui-btn-right.btn-text{
	right: 0;
	top: 6px;
	border: none;
	font: 13px/15px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-shadow: none;
}
.btn-text:hover,
.btn-text:active,
.btn-text:focus{
	color: #FFFFFF;
}
.page-white-black .no-padding-tabs.ui-tabs, .no-padding-tabs.ui-tabs, .no-padding-tabs {
  padding: 0;
}
.no-padding-tabs.search-page-tabs, .contacts-page-scroll {
	position: relative;
	height: 100%;
	width: 100%;
	overflow: hidden;
}
.tab-content.search-result-content, .contacts-inner-scroll {
	bottom: 0;
    left: 0;
    overflow: auto;
    position: absolute;
    right: 0;
    top: 28px;
}
a.text-danger{
	color: #E60067;
}
a.text-danger:hover,
a.text-danger:active,
a.text-danger:focus{
	color: #E60067;
}
a.text-blue{
	color: #0065C6;
}
a.text-blue:hover,
a.text-blue:active,
a.text-blue:focus{
	color: #0065C6;
}
.text-about{
	padding: 10px 19px 75px;
}
.text-about p{
	margin: 0 0 22px;
	font-size: 13px;
	line-height: 20px;
	color: #000000;
}
.text-about h5, .text-about .h5 {
	font-weight: bold;
}
/*--------------end page_about-----------*/
/*--------------------------search-----------*/
.ui-header input.search-input{
	height: 27px;
	background: #E6E6E6;
	font: bold 14px/27px "Tahoma",  Arial, Helvetica, sans-serif;
	color: #000000;
}
.ui-header .ui-input-search{
	margin: 0 auto;
	width: 71.8%;
	padding-top: 8px;
	border-width: 0;
}
.ui-header .ui-input-search input{
	padding: 4px 7px;
	min-height: 20px;
}
.ui-header .ui-input-search:after{
	display: none;
}
.ui-header .ui-shadow-inset{
	box-shadow: none;
}
.ui-header .ui-corner-all{
	border-radius: 0;
}
.ui-header .ui-input-has-clear{
	padding-right: 0;
}
.tabs-all .table_artists table tr{
	border-bottom: 1px solid #CCCCCC;
}
.tabs-all .table_artists.table_tracks table tr{
	border-bottom: none;
}
.tabs-all .table_artists table .td-play a{
	margin-left: 0;
}
.td-tracks{
	width: 70px;
	font: 12px/14px "Tahoma",  Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: right;
}
.tabs-all .td-artist a{
	font: bold 14px/16px "Tahoma",  Arial, Helvetica, sans-serif;
	color: #000000;
}
.tabs-all .table_tracks table .track-name a{
	font-weight: normal;
}
.tabs-all h4{
	margin: 7px 0 0 15px;
	font: bold 15px/18px Arial, Helvetica, sans-serif;
	color: #E60066;
}
.tabs-all h4:first-of-type{
	margin: 10px 0 7px 15px;
}
.tabs-all h4:last-of-type{
	margin: 12px 0 7px 15px;
}
.tabs-all .tags-styles{
	padding: 15px;
	clear: both;
	overflow: hidden;
}
.table_tracks table .td-star .glyphicon{
	top: 3px;
}
.no-border table tr:last-child{
	border-bottom: none;
}
.tabs-all .ui-btn{
	display: block;
	margin: 10px auto 0;
	padding: 0;
	width: 111px;
	height: 28px;
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	font: bold 14px/26px "Tahoma",  Arial, Helvetica, sans-serif;
	color: #0065C6;
}
.tabs-all .ui-btn:hover,
.tabs-all .ui-btn:focus,
.tabs-all .ui-btn:active{
	background: #FFFFFF;
	color: #0065C6;
}
.tabs-all.tabs-tracs h4{
	margin: 10px 0 0 15px;
}
.tabs-all-three{
	padding-top: 96px;
}
.tabs-all-three p{
	font: bold 15px/18px Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: center;
}
/*--------------end search-----------------*/
/*--------------------login-------------------*/
.wrapper .ui-content-login p, .wrapper .ui-content-login h1, .wrapper .ui-content-login .selection {
	text-align: center;
}
.wrapper .ui-content-login{
	padding-bottom: 100px;
}
.social-block h1{
	margin: 0 0 6px;
	font-size: 22px;
}
.social-block a.logo{
	/*background: url(/Content/mobileSvg/headphones.svg) no-repeat left center;
	background-size: 24px 24px;*/
	font: bold 20px/24px Arial, Helvetica, sans-serif;
	color: #000000;
}
.social-block a.logo:before{
	background: url(/Content/mobileSvg/headphones.svg) no-repeat 50% 0;
}
.social-networks{
	margin-bottom: 2px;
	padding: 0;
}
.social-networks .ui-btn{
	margin: 4px 0;
	padding: 9px 0 4px;
	width: 100%;
	font-size: 29px;
	line-height: 1.3;
	color: #FFFFFF;
	border-radius: 0;
}
.social-networks i{
	font-size: 29px;
	color: #FFFFFF;
}
.social-networks .ui-Facebook,
.social-networks .ui-Facebook:hover,
.social-networks .ui-Facebook:focus,
.social-networks .ui-Facebook:active{
	background-color: #637BAE;
}
.social-networks .ui-Vkontakte,
.social-networks .ui-Vkontakte:hover,
.social-networks .ui-Vkontakte:focus,
.social-networks .ui-Vkontakte{
	background-color: #57BAE6;
}
.social-networks .ui-Google,
.social-networks .ui-Google:hover,
.social-networks .ui-Google:focus,
.social-networks .ui-Google{
	background-color: #DD4C39;
}
.social-networks a.ui-btn.ui-vk{
	padding: 3px 0 4px;
	background-color: #5A7DA3;
}
.social-networks i.vk{
	font: bold 33px/35px Arial, Helvetica, sans-serif;
	font-style: normal;
}
ul.artist_tracs.login a.ui-btn-right{
	width: auto;
	font-size: 14px;
}
.selection{
	position: relative;
	margin-bottom: 4px;
}
.selection .back-to-top-left{
	display: inline-block;
	top: -3px;
	left: 2px;
	background-color: #FFFFFF;
}
.selection .back-to-top-left:before,
.selection .back-to-top-left:after{
	background-color: #000000;
}
.selection span{
	font: bold 14px/16px Arial, Helvetica, sans-serif;
	color: #000000;
}
.social-block .ui-corner-all,
.social-block .form-control{
	border-radius: 0;
}
.social-block .form-group{
	margin-bottom: 11px;
}
.social-block .form-control{
	height: 33px;
	font-size: 16px;
}
.social-block .form-control{
	height: 33px;
	font-size: 16px;
}

/* disable auto-zoom on iphone input field focus */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.form-control, .form-control:focus {
		font-size: 16px;
	}
}
.social-block .ui-input-text{
	margin: 11px 0 10px;
	font: 14px/16px Arial, Helvetica, sans-serif;
	box-shadow: none;
}
.ui-page-theme-a .ui-login:hover,
.ui-page-theme-a .ui-login:focus,
.ui-page-theme-a .ui-login:active{
	background: #08B47A;
	color: #FFFFFF;
}
.ui-page-theme-a .ui-registration,
.ui-page-theme-a .ui-login{
	display: block;
	width: 100%;
	padding: 10px 15px;
	background: #08B47A;
	font: 16px/18px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: center;
	border: none;
	border-radius: 0;
	box-shadow: none;
}
.ui-page-theme-a .ui-registration:hover,
.ui-page-theme-a .ui-registration:active,
.ui-page-theme-a .ui-registration:focus{
	background: #32A0D8;
	color: #FFFFFF;
	border: none;
	border-radius: 0;
	box-shadow: none;
}
.ui-page-theme-a .ui-registration{
	position: relative;
	background: #32A0D8;
}
.ui-page-theme-a .ui-registration i{
	position: absolute;
	top: -2px;
	right: 7px;
	font-size: 40px;
}
ul.remember-password{
	margin-bottom: 8px;
	padding: 0;
	clear: both;
	overflow: hidden;
}
.remember-password li:first-child{
	float: left;
}
.remember-password li:last-child{
	float: right;
}
.ui-checkbox .ui-btn, .remember-password .ui-btn {
	margin: 0;
	padding-left: 22px;
	background-color: #FFFFFF;
	font: 14px/16px Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: left;
	white-space: normal;
	z-index: 2;
}
.ui-checkbox .ui-btn:hover,
.ui-checkbox .ui-btn:focus,
.ui-checkbox .ui-btn:active{
	background-color: #FFFFFF;
	color: #000000;
}
.remember-password .ui-checkbox{
	margin: 3px 0 0;
}
.remember-password .ui-checkbox input{
	height: 0;
}
html .ui-btn.ui-checkbox-off:after,
html .ui-btn.ui-checkbox-on:after{
	top: 9px;
	left: 0;
	margin: 0;
	width: 15px;
	height: 15px;
	border-radius: 0;
	border: 2px solid #08B47A;
	opacity: 1.0;
}
.ui-btn-icon-left:after,
html .ui-btn.ui-checkbox-off:after{
	background: #FFF;
}
.remember-password .ui-icon-check:after,
html .remember-password .ui-btn.ui-checkbox-on.ui-checkbox-on:after{
	background: url(/Content/mobileSvg/ic_done_24px.svg) no-repeat center;
	background-size: 20px 16px;
}
.remember-password a.ui-btn{
	margin: 3px -1px 10px 0;
	padding-right: 0;
	padding-left: 0;
	background: #FFFFFF;
	font: 14px/16px Arial, Helvetica, sans-serif;
	color: #0065C5;
}
.remember-password a.ui-btn:hover,
.remember-password a.ui-btn:focus,
.remember-password a.ui-btn:active{
	background: #FFFFFF;
	color: #0065C5;
}
.social-block p{
	margin: 0 0 14px;
	font: 14px/17px Arial, Helvetica, sans-serif;
	color: #000000;
}
.social-block p a:hover {color: #428bca;}
/*--------------end login-------------------*/
/*--------------forgotpass----------------*/
.ui-restore .social-block{
	padding-top: 25px;
}
/*--------------end forgotpass----------*/
/*--------------error_404-----------------*/
.error .wrapper{
	margin: 0 auto;
	padding: 85px 0 0;
	width: 284px;
}
.error h4{
	font: bold 22px/26px Arial, Helvetica, sans-serif;
	color: #000000;
}
.error h3{
	font: 104px/106px Arial, Helvetica, sans-serif;
	color: #E60067;
}
.error strong{
	display: inline-block;
	margin: 9px 0 12px;
	font: bold 14px/16px Arial, Helvetica, sans-serif;
	color: #000000;
}
.error p{
	font: 14px/19px "Tahoma", Arial, Helvetica, sans-serif;
	color: #000000;
}
.error a{
	font: bold 14px/17px  Arial, Helvetica, sans-serif;
	color: #0065C6;
}
.error a:hover,
.error a:focus,
.error a:active{
	color: #0065C6;
}
/*--------------end error_404-----------*/
/*--------------contacts------------------*/
.social-block textarea{
	height: 100px !important;
	border-color: #333333;
}
.social-block strong{
	display: inline-block;
	margin: 9px 0 8px;
	font: bold 14px/16px Arial, Helvetica, sans-serif;
	color: #000000;
}
.social-block.p-font p{
	margin: 0 0 23px;
	font-size: 13px;
	line-height: 20px;
}
.required-field{
	position: relative;
	display: none;
	padding-left: 23px;
	font: 14px/16px Arial, Helvetica, sans-serif;
	color: #E50067;
}
.required-field.label-danger {display: block; background-color: transparent;}
.required-field:before{
	position: absolute;
	left: 0;
	top: 0;
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	background-color: #E50067;
}
.required-field:after{
	content: "!";
	position: absolute;
	left: 6px;
	color: #FFFFFF;
	font-weight:  bold;
}
.no-valid .required-field{
	display: block;
}
.social-block .no-valid .ui-input-text,
.social-block .no-valid textarea{
	border-color: #E60067;
}
/*--------------end contacts------------*/
/*--------------genres-------------------*/
ul.ui-genres li{
	margin: 0;
	border-top: 1px solid #CCCCCC;
}
ul.ui-genres li:first-child{
	border-top: none;
}
ul.ui-genres li:first-child a.btn-menu-genres{
	color: #E60067;
}
ul.ui-genres a.btn-menu-genres{
	display: block;
	padding: 15px;
	background: #FFFFFF;
	border: none;
	font: bold 18px/20px Arial, Helvetica, sans-serif;
	letter-spacing: 0.8px;
	color: #000000;
}
ul.ui-genres a.btn-menu-genres:hover,
ul.ui-genres a.btn-menu-genres:focus,
ul.ui-genres a.btn-menu-genres:active{
	background-color: #FFF;
	text-decoration: none;
}
.ui-listview li:first-child{
	margin: 0;
}
.ui-listview li:first-child a.btn-menu-genres {
	padding: 17px 15px 19px;
}

/*--------------end genres-------------*/
/*--------------popup-------------------*/
.ui-popup-container{
	left: 14px !important;
	right: 14px !important;
	max-width: auto !important;
	height: 141px;
}
.ui-popup-send.ui-popup{
	height: 100%;
	border-radius: 0;
	box-shadow: none;
	background: rgba(51,51,51,0.9);
	text-align: center;
}
.popup-inner{
	padding-top: 16px;
}
.popup-inner h3,
.popup-inner p,
.popup-inner a{
	font: 18px/20px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
.popup-inner h3{
	margin: 0 0 13px;
}
.popup-inner p{
	margin: 0 0 23px;
	font-size: 14px;
}
.popup-inner a.ui-btn{
	margin: 0 auto;
	padding: 0;
	width: 45%;
	height: 30px;
	background: #08B47A;
	line-height: 30px;
}
.popup-inner a.ui-btn:hover,
.popup-inner a.ui-btn:focus,
.popup-inner a.ui-btn:active{
	background: #08B47A;
	color: #FFFFFF;
}
.popup-inner a.ui-shadow{
	box-shadow: none;
}
.popup-inner a.ui-corner-all{
	border-radius: 0;
}
/*--------------end popup-------------*/





/*-----------radiobuttons ---------------------*/
.search-options {
	margin: 0;
	clear: both;
	overflow: hidden;
}
.search-options .btn {float: left; border-radius: 0; width: 25%; height: 28px; background: #585858; border: none; font-size: 12px; line-height: 28px; font-weight: bold;}
.search-options .btn.active {background: #E60067;}
.btn-group .btn + .btn {margin-left: 0;}
.search-options .ui-btn-icon-left {padding: 0;}


.btn-group.search-options  {display: block;}
.search-options .ui-radio .ui-btn {text-align: center;}
.ui-page-theme-a .search-options .ui-btn {background: #585858;}
.ui-page-theme-a .search-options .ui-radio-on {background: #E60067;}
.search-options .ui-btn.ui-corner-all {border-radius: 0; -webkit-border-radius: 0;}

html .search-options .ui-btn-icon-left:after, html .search-options .ui-btn-icon-right:after, .search-options .ui-btn-icon-top:after, .search-options .ui-btn-icon-bottom:after, .search-options .ui-btn-icon-notext:after {background-color: #585858;}

.search-options .ui-btn-icon-left.ui-radio-on:after, .search-options .ui-btn-icon-right.ui-radio-on:after, .search-options .ui-btn-icon-top.ui-radio-on:after, .search-options .ui-btn-icon-bottom.ui-radio-on:after, .search-options .ui-btn-icon-notext.ui-radio-on:after {background-color: #E60067; border: none;}

.search-options .ui-btn:focus, .search-options .btn.active,
.search-options .ui-btn:focus, .search-options .btn:focus {
	outline: none;
    outline: none;
    outline-offset: 0
}

.search-options .btn {padding: 0;}
.search-options  .ui-radio {margin: 0; float: left; width: 25%; height: 28px; background: #585858; border: none; font-size: 12px; line-height: 28px; font-weight: bold;}
.search-options  .ui-radio label {width: 100%;}
.search-result-content .ui-content {overflow-x: visible;}
.search-result-content .tabs-all h4 {margin: 0; padding: 10px 10px 0;}
.search-result-content .tabs-all h4:last-of-type  {margin:  0;}
.search-result-content .tabs-all h4:first-of-type {margin:  0;}
.search-result-content .table_artists {padding: 5px 0;}
.show_by {
	position: relative;
	float: right;
	padding:0;
	margin:0;
	z-index: 5;
}
.show_by li {
	display: inline;
	margin: 0 0 0 25px;
	list-style-type: none;
	font-size: 14px;
	line-height: 17px;
	color: #0165C7;
}
.show_by li a {
	color: #0165C7;
}
.show_by li a:hover {
	text-decoration: underline;
}
/*My Tracks*/
.tracklist_options {
	font-size: 14px;
	line-height: 31px;
	color: #FFF;
}
.tracklist_options .btn-default {
	display: inline-block;
	width: 30%;
	padding: 50px 0 0;
	border: none;
	border-radius: 0;
	text-shadow: none;
	box-shadow: none;
	color: #FFF;
}
.tracklist_options .ui-btn {font-size: 14px;}

.tracklist_options .btn-default.play_all,
.tracklist_options .btn-default.play_all:hover,
.tracklist_options .btn-default.play_all:focus {
	position: relative;
	background-color: transparent;
	outline: none;
	/*background: url(/Content/mobileSvg/ic_play_circle_outline_white_48px.svg) no-repeat center top;
	background-size: 40px 40px;*/
}
.tracklist_options .btn-default.play_all:before{
	content: "";
	position: absolute;
	top: -2px;
	left: 50%;
	margin-left: -22px;
	width: 44px;
	height: 44px;
	background: url(/Content/mobileSvg/ic_play_circle_outline_white_48px.svg) no-repeat center top;
	background-size: 100%;
}
.tracklist_options .btn-default.click_download,
.tracklist_options .btn-default.click_download:hover,
.tracklist_options .btn-default.click_download:focus {
	background: url(/Content/mobileSvg/ic_get_app_white_48px.svg) no-repeat center top;
	background-size: 40px 40px;
}

.tracklist_options .btn-default.play_random,
.tracklist_options .btn-default.play_random:hover,
.tracklist_options .btn-default.play_random:focus {
	position: relative;
	background-color: transparent;
	outline: none;
}
.tracklist_options .btn-default.play_random:before{
    content: "";
    position: absolute;
	left: 50%;
	margin-left: -12px;
    top: 4px;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 16px 0px 16px 24px;
    border-color: transparent transparent transparent #FFF;
}
.tracklist_options .btn-default.clear,
.tracklist_options .btn-default.clear:hover,
.tracklist_options .btn-default.clear:focus {
	position: relative;
	background-color: transparent;
	outline: none;
}
.tracklist_options .btn-default.clear:before{
	content: "";
	position: absolute;
	top: -2px;
	left: 50%;
	margin-left: -22px;
	width: 44px;
	height: 44px;
	background: url(/Content/mobileSvg/ic_cancel_48px.svg) no-repeat center top;
	background-size: 100%;
}
.tracklist_options .btn-default.unlike,
.tracklist_options .btn-default.unlike:hover,
.tracklist_options .btn-default.unlike:focus {
	position: relative;
	background-color: transparent;
	outline: none;
}
.tracklist_options .btn-default.unlike:before{
	content: "";
	position: absolute;
	top: -2px;
	left: 50%;
	margin-left: -22px;
	width: 44px;
	height: 44px;
	background: url(/Content/mobileSvg/ic_star_outline_white_24px.svg) no-repeat center top;
	background-size: 100%;
}
.tracklist_options .btn-default.clear_all,
.tracklist_options .btn-default.clear_all:hover,
.tracklist_options .btn-default.clear_all:focus {
	position: relative;
	background-color: transparent;
	outline: none;
}
.tracklist_options .btn-default.clear_all:before{
	content: "";
	position: absolute;
	top: -2px;
	left: 50%;
	margin-left: -22px;
	width: 44px;
	height: 44px;
	background: url(/Content/mobileSvg/ic_cancel_48px.svg) no-repeat center top;
	background-size: 100%;
}
.table_artists .track_info {
	color: #000;
	text-align: left;
}
.table_artists a, .table_artists a:hover {
    color: #000;
}

.table_tracks div.track_time {width: 100%; clear: both; overflow:  hidden;}
.table_tracks div.td-star {float: right;}
.table_tracks .td-star span {font-size: 18px}
.table_tracks .td-star span.glyphicon.glyphicon-star {color: #000;}
.table_tracks .td-star.active span.glyphicon.glyphicon-star {color: #E60067;}




.mytracks_table td {
	padding: 8px 7px 7px 9px;
	color: #000;
}


.mytracks_table td.border-bottom {
	border-bottom: 1px solid #CCC;
}
table.mytracks_table>tbody>tr>td {
	padding: 4px;
	border-top: none;
	vertical-align: top;
}
table.mytracks_table>tbody>tr>td.artistnamecol, table.mytracks_table>tbody>tr>td.track_name {padding: 15px 8px 8px;}
table.mytracks_table>tbody>tr>td.track_name {padding: 7px 8px 8px;}
.mytracks_table td img {
	width: 41px;
	height: 41px;
	border: 1px solid #C8C8C8;
}
.mytracks_table a, .mytracks_table a:hover {color: #000;}
.track_settings .mytracks_table tr:hover td {background: #FFF !important;}
.more_track_info {display: none;}
.btn-default.play_track {
	height: 33px;
	width: 33px;
	padding: 0;
	margin: 4px 0 0;
	border: none;
	border-radius: 0;
	background: none;
	text-shadow: none;
	box-shadow: none;
	font-weight: bold;
}
.btn-default.play_track span {display: block; top: 0; height: 33px; width: 33px;}
/*.btn-default.play_track span.glyphicon-play {background:  url(images/play.png) no-repeat;}
.btn-default.play_track span.glyphicon-pause {background:  url(images/pause.png) no-repeat;}*/
.btn-default.play_track span:hover {outline: none;}
table.dataTable td {text-align: left;}
table.dataTable td td {padding: 0;}
table.dataTable.mytracks_table td td {vertical-align: top;}

table.dataTable td {text-align: left;}
table.dataTable td.TrackNameColumn strong {display: block; white-space: nowrap;  max-width: 120px; overflow: hidden; text-overflow: ellipsis; position: relative;}


table.dataTable.statistics_table thead td {text-align: left; font-size: 1px; line-height: 1px; color: #FFF;}
table.dataTable.statistics_table td {vertical-align: middle; padding: 3px 10px;}
table.dataTable.statistics_table tr.odd {background: #F6F6F6;}
table.dataTable.statistics_table tr.even {background: #FFF;}
table.dataTable.statistics_table td.artistphototd {text-align: center;}
table.dataTable.statistics_table a img {max-height: 32px; max-width: 32px;}
table.dataTable.statistics_table td.width40 {width: 40px;}

table.dataTable td.width60 {width: 60px !important;}
table.mytracks_table.dataTable thead th.width60 {width: 60px !important;}
table.dataTable td.width100 {width: 100px !important;}
table.mytracks_table.dataTable thead th.width100 {width: 100px !important;}
.track_time {
	font-size: 14px;
	line-height: 20px;
	color: #000;
	text-align: right;
}
.track_name {
	display: block;
	margin: 3px 0 5px;
	font-size: 14px;
	line-height: 20px;
	color: #000;
}
.track_name:hover {text-decoration: underline;}
td.track_name {display:table-cell;}
.mytracks_table tr:hover td .track_name, .track_name:hover {text-decoration: underline; cursor: pointer;}
.track_play_like {
	padding: 0; margin: 0; list-style-type: none; font-size: 12px; line-height: 15px; color: #191919
}
.track_added {font-size: 12px; line-height: 15px; color: #666; text-align: right;}
.track_artist_name {}
.track_artist_name strong {font-size: 14px; line-height: 20px; color: #333;}
.track_artist_name a {color: #333;}
.mytracks_table tr:hover td .track_artist_name a, .mytracks_table tr:hover td .track_artist_name a:hover {text-decoration: underline;}
.track_play_like li {display: inline; padding: 0 0 0 15px;  margin: 0 15px 0 0; /*background: url(images/tracks-sprite.png) no-repeat;*/}
.track_play_like li.plays_li {background-position: 0 -198px;}
.track_play_like li.favourites_li{background-position: 0 -229px;}
.track_buttons.btn-group {float: right;}
.track_buttons .btn-default {
	width: 18px;
	height: 18px;
	float: right;
	background: none;
	margin: 0 0 0 10px !important;
	padding: 0;
	border: none;
	box-shadow: none;
}
.track_buttons .btn-default span {
	width: 18px;
	height: 18px;
	font-size: 16px;
}
/*.track_buttons .btn-default.TrackSettingsCss span {background-position: 0 -159px;}
.track_buttons .btn-default.TrackDownloadCss span {background-position: 0 -113px; }
.track_buttons .btn-default.TrackLikeCss span.glyphicon-heart {background-position: 0 -134px;}
.track_buttons .btn-default.TrackLikeCss span.glyphicon-heart-empty {background-position: 0 -284px;}*/

.track_buttons .btn-default.TrackSettingsCss .glyphicon-cog:before {content: '';}
.track_buttons .btn-default.TrackDownloadCss .glyphicon-download:before {content: '';}
.track_buttons .btn-default.TrackLikeCss .glyphicon-heart:before {
	content: "";
	color: #E70268;
}
.track_buttons .btn-default.TrackLikeCss .glyphicon-heart-empty:before {
	content: "";
	color: #333333;
}
/*.track_buttons .btn-default.delTrack {background-position: 0 -286px;}*/
.track_buttons .btn-default.TrackSettingsCss, .track_buttons .btn-default.TrackDownloadCss,

.track_buttons .btn-default span:hover {background-color: transparent !@important;}

.mytracks_table tr:hover .track_buttons .btn-default.TrackSettingsCss, .mytracks_table tr:hover .track_buttons .btn-default.TrackDownloadCss, .mytracks_table tr:hover .track_buttons .btn-default.TrackLikeCss span.glyphicon-heart-empty {
	visibility: visible;
}
.tracks_refresh {
	width: 170px;
	margin: 30px auto 40px;
	padding: 0;
	text-align: center;
	font-size: 22px;
	line-height: 30px;
	color: #000;
    display: none;
}
.tracks_refresh:hover {cursor: pointer;}
.no_tracks h4 {
	margin-top: 5px;
	margin-bottom: 7px;
	font-size: 20px;
	line-height: 25px;
	color: #000;
	text-align: center;
	font-weight: bold;
}
.not-added p {text-align: center;}
.not-added p span.glyphicon {top: 2px; font-size: 15px;}
.no_tracks h5 {
	margin: 0 0 20px;
	font-size: 28px;
	line-height: 30px;
	color: #656565;
	text-align: center;
}
/*.recently_played h3 {
	margin: 0;
	padding: 0 0 0 10px;
	font-size: 15px;
	line-height: 20px;
	color: #000;
	font-weight: bold;
}
.recently_played ul {
	padding: 0;
	margin: 0;
	font-size: 12px;
	line-height: 17px;
	font-family: Tahoma, Geneva, sans-serif;
	list-style-type: none;
}
.recently_played li {
	padding: 10px 3px 10px 10px;
	border-bottom: 1px solid #D9D9D9;
	clear: both;
	overflow: hidden;
}
.recently_played li:hover {
	background: #F3F3F3;
}
.recently_played li img {
	float: left;
	width: 36px;
	height: 36px;
	margin: 0 10px 0 0;
	border: 1px solid #C8C8C8;
}
.recently_played li p {
	margin: 0 0 4px;
}
.recently_played li a {
	color: #000;
}
.recently_played li a:hover {
	text-decoration: underline;
}
.recently_played .btn-default {
	float: right;
	width: 18px;
	height: 18px;
	background: url(images/tracks-sprite.png) no-repeat 0 -286px;
	margin: -2px 0 0 0 !important;
	border: none;
	box-shadow: none;
	display: none;
}
.recently_played .btn-default.delTrack {background-position: 0 -134px; display: block;}
.recently_played li:hover .btn-default {display: block;}
.recently_played .btn-default:hover, .recently_played .btn-default:focus {box-shadow: none; outline: none;}
.img-responsive, .thumbnail>img, .thumbnail a>img{width: 95%; margin: auto;}
.carousel {padding: 0 0 70px;}
.carousel-indicators {
	bottom: 7px;
}

.carousel-inner > .item {
	width: 100%;
	text-align: center;
}
.carousel-inner > .item > img {
	display: inline-block;
}

.carousel-indicators li {
	display: inline-block;
	width: 14px;
	height: 14px;
	margin: 0 1px;
	text-indent: -999px;
	border: none;
	border-radius: 14px;
	cursor: pointer;
	background-color: #B3B3B3;
}
.carousel-indicators .active {
	width: 14px;
	height: 14px;
	background: #000;
	border: none;
	margin: 0 1px;
}*/
.innercontent {margin: 0 -15px;}
.innercontent .col-md-10 {padding: 0;}
.innercontent.search_form {margin: 0;}
.innercontent.track_settings {margin: 0;}
.favourite_artists_page .tracklist_options .btn-default.play_all {margin: 0 15px 0 0;}

.mytracks_table thead {display: none;}

table.dataTable.mytracks_table td.moreoptions {text-align: center;}
.moreoptions a {
	position: relative;
	display: block;
	padding: 10px;
	margin: 10px auto 0;
	width: 25px;
	height: 4px;
	font-size: 17px;
}
.moreoptions a span{
	display: inherit;
	width: 4px;
	height: 4px;
	background-color: #000;
}
.moreoptions a span:before,
.moreoptions a span:after{
	content: "";
	position: absolute;
	top: 10px;
	left: 0;
	width: 4px;
	height: 4px;
	background-color: #000;
}
.moreoptions a span:after{
	left: 20px;
}
/*---*/
.main_table.track_settings,
.table_artists.myartists{
	margin-top: 28px;
}
.social-block.p-font{
	padding-bottom: 100px;
}
/*---*/
.table_artists.myartists table tr td.moreoptions {padding: 0;}
.myartists .moreoptions a {margin: 0 0 0 7px; float: left;}
.myartists .td-star .ui-btn {margin-top: 6px;}
.myartists .td-star span {font-size: 14px; top: 4px;}
.myartists .td-star .btn-default {
	border: none;
	background: none;
}
.ui-mobile .ui-page {min-height: inherit !important; position: relative;}
.ui-panel-wrapper {padding-bottom:  0;}
.ui-page-theme-a .ui-btn.show-more-button {
	display: block;
	width: 100px;
	height: 28px;
	margin: 0 auto 30px;
	padding: 0;
	background:  #FFF;
	border: 1px solid #CDCDCD;
	border-radius: 0;
	font-size: 14px;
	line-height: 28px;
	color: #0062C6;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	box-shadow: none;
}
.ui-page-theme-a .ui-btn.show-more-button:hover {color: #0062C6 !important;}
.ui-page-theme-a .search-result-content .ui-btn.show-more-button {margin-top: 20px;}

.indexpage .ui-btn.show-more-button {margin-top: 20px;}
.modal-backdrop {
	background: #FFF;
	opacity: 0.01;
}
.modal-backdrop.in {opacity: 0.01;}
.modal-dialog {
	position: absolute;
	top: 0;
	right: -5px;
	bottom: 0;
	left: -5px;
	margin: auto;
	padding:  0;
	width: auto;
	height: 125px;
}
.modal-content {
	position: relative;
	background: none;
	opacity: 1;
	box-shadow: none;
	border-radius: 0;
	text-align: center;
	font-size: 15px;
	color: #FFF;
}
.modal-content p {
	font-size:  16px;
	margin: 0 0 5px;
}
.modal-content-bg {position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: #000; opacity: 0.8; z-index: 5}
.modal-body {padding: 10px 0; z-index: 15}
@media screen and (min-width: 768px) {
	.modal-dialog {width: auto;}
	.modal-content {
		background: none;
		opacity: 1;
		box-shadow: none;
		border-radius: 0;
	}
}

.carousel-inner  {text-align: center;}
.carousel-inner > .item > img, .carousel-inner > .item > a > img {display: inline; max-height:  100%;}

.validation-summary-valid {
    display: none;
}
.validation-summary-errors {
	position: relative;
	padding: 0 0 0 25px;
	font-size: 14px;
	line-height: 18px;
	color: #E50067;
	clear: both;
	overflow: hidden;
}
.validation-summary-errors ul {list-style-type: none; padding: 0; margin: 0;}
.validation-summary-errors li {display: inline; list-style-type: none; padding: 0; margin: 0;}

.validation-summary-errors:before{
	position: absolute;
	left: 0;
	top: 0;
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	background-color: #E50067;
}
.validation-summary-errors:after{
	content: "!";
	position: absolute;
	top: 0;
	left: 6px;
	color: #FFFFFF;
	font-weight:  bold;
}


/*.btn-favorite {
 background-color: hsl(43, 100%, 39%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffd775", endColorstr="#c68e00");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#ffd775), to(#c68e00));
  background-image: -moz-linear-gradient(top, #ffd775, #c68e00);
  background-image: -ms-linear-gradient(top, #ffd775, #c68e00);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffd775), color-stop(100%, #c68e00));
  background-image: -webkit-linear-gradient(top, #ffd775, #c68e00);
  background-image: -o-linear-gradient(top, #ffd775, #c68e00);
  background-image: linear-gradient(#ffd775, #c68e00);
  border-color: #c68e00 #c68e00 hsl(43, 100%, 30.5%);
  color: #333 !important;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.56);
  -webkit-font-smoothing: antialiased;
}
*/
.no-results {
	position:absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	font-size: 14px;
	line-height:16px;
	width: 100%;
	height: 20px;
}

.tab-content.artist-page {
	position: absolute;
    top: 28px;
    bottom: 0;
	right: 0;
	left: 0;
	background: url(images/artist_page_bg.png) top repeat-x;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}
.navtabs {background: #585858;}
table.dataTable td.TrackRankColumn {
	width: 33px;
	text-align: center;
	vertical-align: middle;
}
table.dataTable td.TrackPlayColumn {
	width: 40px;
}
table.dataTable td.moreoptions {
	width: 50px;
	padding-right: 8px;
}
table.dataTable.artist_table td.TrackNameColumn {vertical-align: middle}
.track-duration {
	display: block;
}
table.dataTable td.TrackDurationColumn {width: 50px;}
.table_tracks table .track-duration.track_time {
    padding-right: 0;
    width: auto;
    font: 12px/18px "Tahoma", Arial, Helvetica, sans-serif;
    color: #000000;
    text-align: right;
}
table.mytracks_table.artist_table>tbody>tr>td {
	padding: 6px 4px;
}
table.mytracks_table.artist_table>tbody>tr>td.TrackNameColumn {
	padding: 8px 4px;
}
.artist_tracs button span.top-star {
    left: 0;
    top: 2px;
    font-size: 18px;
    color: #FFFFFF;
    text-shadow: none;
}
.artist_tracs button.btn-favorite span.top-star {
	color: #E70268;
}
.artist_tracs button.btn-favorite, .artist_tracs button.btn-default {
    position: absolute;
    right: 48px;
    background: none;
    box-shadow: none;
    border: none;
    padding: 0;
    margin: 0;
    top: 12px;
}
.artist_tracs button.btn-favorite:active, .artist_tracs button.btn-default:active,
.artist_tracs button.btn-favorite:focus, .artist_tracs button.btn-default:focus {
	outline: none;
	text-shadow: none;
}



/*sent popup*/
.contacts-popup-overlay {
    top: 0;
    left: 0;
    right: 0;
    bottom: 1px;
    position: absolute;
    filter: Alpha(Opacity=0.5);
    opacity: 0.5;
    z-index: 1099;
    background-image: url("data:image/gif;base64,R0lGODlhAQABAID/AMDAwAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==");
}
.contacts-popup-container {
    z-index: 1100;
    display: inline-block;
    position: absolute;
    padding: 0;
    outline: 0;
    left: 14px !important;
    right: 14px !important;
    max-width: auto !important;
    height: 141px;
    margin: -70px auto 0;
}
.contacts-popup-inner {
	position: relative;
    height: 141px;
	padding-top: 16px;
    border-radius: 0;
    box-shadow: none;
    background: rgba(51,51,51,0.9);
    text-align: center;
}
.contacts-popup-inner h3,
.contacts-popup-inner p,
.contacts-popup-inner a{
	font: 18px/20px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
.contacts-popup-inner h3{
	margin: 0 0 13px;
}
.contacts-popup-inner p{
	margin: 0 0 23px;
	font-size: 14px;
}
.contacts-popup-inner a.ui-btn{
	margin: 0 auto;
	padding: 0;
	width: 45%;
	height: 30px;
	background: #08B47A;
	line-height: 30px;
}
.contacts-popup-inner a.ui-btn:hover,
.pcontacts-popup-inner a.ui-btn:focus,
.contacts-popup-innera.ui-btn:active{
	background: #08B47A;
	color: #FFFFFF;
}
.contacts-popup-inner a.ui-shadow{
	box-shadow: none;
}
.contacts-popup-inner  a.ui-corner-all{
	border-radius: 0;
}

.album-name {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0;
	background: url(/Content/mobileImages/artists-single/artist_img_bg.png) bottom repeat-x;
    overflow: hidden;
}
.album-name h4 {
	position: absolute;
	bottom: 103px;
	left: 0;
	right: 0;
	font-size:  22px;
	line-height:  26px;
	color:  #000;
	text-align: center;
}
.album-name h6 {
	position: absolute;
	bottom:73px;
	left: 0;
	right: 0;
	font-size:  18px;
	line-height:  24px;
	color:  #008BCB;
	text-align: center;
}
.album-name h4 a, .album-name h6 a,
.album-name h4 a:hover, .album-name h6 a:hover {color: inherit;}
.player-page {
	position: relative;
	height: 100%;
	width: 100%;
}
.player-page img {
	width:  100%;
}
.ui-page-theme-a .page-white .ui-bar-inherit {background: rgba(255, 255, 255, 0)}
.page-white .wrapper {top: 0;}


.ui-page-theme-a .page-white .ui-btn.btn_bars_black:hover,
html .page-white .ui-bar-a .ui-btn.btn_bars_black:hover,
html .page-white .ui-body-a .ui-btn.btn_bars_black:hover,
html body .page-white .ui-group-theme-a .ui-btn.btn_bars_black:hover,
html head + body .page-white .ui-btn.ui-btn-a.btn_bars_black:hover,

.ui-page-theme-a .page-white .ui-btn.btn_bars_black,
html .page-white .ui-bar-a .ui-btn.btn_bars_black,
html .page-white .ui-body-a .ui-btn.btn_bars_black,
html body .page-white .ui-group-theme-a .ui-btn.btn_bars_black,
html head + body .page-white .ui-btn.ui-btn-a.btn_bars_black,
.ui-page-theme-a .page-white .ui-btn.btn_bars_black:visited,
html .page-white .ui-bar-a .ui-btn.btn_bars_black:visited,
html .page-white .ui-body-a .ui-btn.btn_bars_black:visited,
html body .page-white .ui-group-theme-a .ui-btn:visited,
html head + body .page-white .ui-btn.ui-btn-a:visited,
.page-white a.btn_bars_black{
	background: url(/Content/mobileSvg/ic_menu_48px.svg) no-repeat center;
	background-size: 25px 26px;
}
.ui-page-theme-a .page-white .ui-btn.btn_search_black:hover,
html .page-white .ui-bar-a .ui-btn.btn_search_black:hover,
html .page-white .ui-body-a .ui-btn.btn_search_black:hover,
html body .page-white .ui-group-theme-a .ui-btn.btn_search_black:hover,
html head + body .page-white .ui-btn.ui-btn-a.btn_search_black:hover,

.ui-page-theme-a .page-white .ui-btn.btn_search_black,
html .page-white .ui-bar-a .ui-btn.btn_search_black,
html .page-white .ui-body-a .ui-btn.btn_search_black,
html body .page-white .ui-group-theme-a .ui-btn.btn_search_black,
html head + body .page-white .ui-btn.ui-btn-a.btn_search_black,
.ui-page-theme-a .page-white .ui-btn.btn_search_black:visited,
html .page-white .ui-bar-a .ui-btn.btn_search_black:visited,
html .page-white .ui-body-a .ui-btn.btn_search_black:visited,
html body .page-white .ui-group-theme-a .ui-btn:visited,
html head + body .page-white .ui-btn.ui-btn-a:visited,
.page-white a.btn_search_black{
	background: url(/Content/mobileSvg/ic_search_48px.svg) no-repeat center;
	background-size: 25px 25px;
}


.error-message {color: #E60067;}

.ui-input-text input::-moz-placeholder, .ui-input-search input::-moz-placeholder, textarea.ui-input-text::-moz-placeholder {
}
.form-control:-moz-placeholder {
  color: #555555;
}

.form-control::-moz-placeholder {
  color: #555555;
}

.form-control:-ms-input-placeholder {
  color: #555555;
}

.form-control::-webkit-input-placeholder {
  color: #555555;
}

/* Resolves issue #5166: Added to support issue introduced in Firefox 15. We can likely remove this in the future. */
.ui-input-text input::-moz-placeholder,
.ui-input-search input::-moz-placeholder,
textarea.ui-input-text::-moz-placeholder {
	color: #555555;
}
/* Same for IE10 */
.ui-input-text input:-ms-input-placeholder,
.ui-input-search input:-ms-input-placeholder,
textarea.ui-input-text:-ms-input-placeholder {
	color: #555555;
}

html body .ui-group-theme-a .ui-btn.send_msg, html head + body .ui-btn.ui-btn-a.send_msg, .ui-page-theme-a .ui-btn.send_msg, html .ui-bar-a .ui-btn.send_msg, html .ui-body-a .ui-btn.send_msg, html body .ui-group-theme-a .ui-btn.send_msg:visited, html head + body .ui-btn.ui-btn-a.send_msg:visited {
    background: #08b47a none repeat scroll 0 0;
    outline: 0;
}

.page-overlay {
	position: fixed; display: none; top: 0px; left: 225px; right: 0px; bottom: 0px; background:  rgba(255, 255, 255, 0); z-index: 9999;
}
.ui-panel-page-container .page-overlay {display: block;}

.top_left {
	position: fixed;
	top:  71px;
	left: 0;
	right: 0;
	height: 34px;
	background: #202020;
	z-index: 50;
}
.ui-panel-page-content-position-left .top_left {position: relative; top: -214px;}
.top_left .ui-alt-icon.ui-icon-search::after, .top_left .ui-alt-icon .ui-icon-search::after, .top_left .ui-input-search::after {
	background: none;
}
.top_left .ui-input-text, .top_left .ui-input-search {
	position: relative;
	margin: 0;
	padding:  0;
	border: none;
	box-shadow: none;
}
.top_left .ui-input-text input, .top_left .ui-input-search input {
	height: 34px;
	padding: 0 12px;
	line-height: 36px;
	font-size: 16px;
	color: #AAAAAA;
	font-weight: bold;
}
.top_left .ui-input-search:before {
	position: absolute;
	top: 4px;
	right: 15px;
	font-size: 18px;
    font-family: 'Glyphicons Halflings';
	content: "\e003";
	color: #FFF;
}

.top_left .ui-input-text input:placeholder, .top_left .ui-input-search input:placeholder {
	color: #AAAAAA;
}
.top_left .ui-input-text input::webkit-input-placeholder, .top_left .ui-input-search input::webkit-input-placeholder {
	color: #AAAAAA;
}
.top_left .ui-input-text input:-moz-placeholder, .top_left .ui-input-search input:-moz-placeholder {
	color: #AAAAAA;
}
.top_left .ui-input-text input::-moz-placeholder, .top_left .ui-input-search input::-moz-placeholder {
	color: #AAAAAA;
}

.top_left .ui-input-has-clear {
	padding: 0;
}
.top_left .ui-icon-delete {display: none;}

.nav-panel .ui-panel-inner {padding-top: 10px;}
a.btn_bars.close-menu-bars{
	display: block;
	background: none;
	position: relative;
	width: 50%;
	height: 30px;
	padding-left: 0;
	margin-left: 0;
}
.ui-btn-icon-left.close-menu-bars:before{
	content: "";
	position: absolute;
	top: 0;
	left: 22px;
	width: 2px;
	height: 14px;
	background-color: #FFFFFF;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.ui-btn-icon-left.close-menu-bars:after{
	content: "";
	position: absolute;
	top: 21px;
	left: 22px;
	width: 2px;
	height: 13px;
	background-color: #FFFFFF;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.social-block h1.forgot-pass-h1 {
	margin-bottom: 35px;
    color: #000000;
    font: bold 30px/36px Arial,Helvetica,sans-serif;
}
.ui-restore .social-block .form-group {
	margin-bottom: 20px;
}

.not-added {
	padding: 85px 0 0;
	font-size: 13px;
	line-height:  20px;
	width: 80%;
	margin: auto;
}

.not-added a, .not-added a:hover {color: #428bca; text-decoration:  none;}
.password_sent {
    width: 75%;
    margin: -10px auto 0;
}
.password_sent p {
    padding: 0;
    margin: 0 0 25px;
    font-size: 20px;
    line-height: 31px;
    color: #000;
    font-weight: bold;
    text-align: center;
}
.password_sent p span {white-space: nowrap;}
.password_sent p.gr {
    font-size: 20px;
    line-height: 24px;
    color: #4D4D4D;
    text-decoration: none;
    font-weight: normal;
}
.password_sent_image {
    text-align: center;
    padding: 0 0 33px;
}
.fixfixed .ui-header-fixed {
    position: absolute !important;
}
.fixfixed .ui-footer-fixed {
    display: none !important;
}
.ui-mobile .fixfixed  .ui-page {height: 100% !important;}

.readmore_btn {
    display: block;
    width: 100px !important;
    height: 28px;
    margin: 15px auto 0;
    padding: 0;
    background: #FFF;
    border: 1px solid #CDCDCD;
    border-radius: 0;
    font-size: 14px;
    line-height: 28px;
    color: #0062C6;
    text-decoration: none;
    text-align: center;
    font-weight: bold;
    box-shadow: none;
}
.readmore_btn:hover {color: #0062C6 !important; text-decoration:  none;}