@import url(https://fonts.googleapis.com/css?family=Open+Sans:700,300,800,400);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
html {
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}

body {
color:#333;
font-family: 'Nanum Gothic', Open Sans,Tahoma,Arial,sans-serif;
font-size:13px;
margin:0;
padding:0;
background: #FFF;
}
img {  }

h1 { font-size: 52px; margin: 0; padding: 5px 15px;}
h3 { font-size: 28px; margin: 0; }
h4 { font-size: 24px; margin: 10px 0 0 0; }

h1, h3, h4, h5 {
font-weight: 300;
}
a {
color: #333;
text-decoration: none;
}

a:hover {
color: #000;
}
code, pre {
word-wrap: break-word;
}
code.api-request {
background: #f2f2f2;
}
option {
font-weight: bold;
}
option:hover {
cursor: pointer;
}
table {
border-collapse:collapse;
}
table, td, th {
border: 1px solid #CCC;
padding: 3px;
}

img { border: 0 }

form {
margin: 0 0 0 0; /* Firefox fix - creates a blank space on the edit user page */
}
input, textarea, select{ font-family: inherit; }
/* Selectie */
::selection {
background:#000;
color:#fff;
}
::-moz-selection {
background:#000;
color:#fff;
}
::-webkit-selection {
background:#000;
color:#fff;
}
input[type="submit"] {
color: #AAA;
font-size: 13px;
background: #FFF;
border: 1px solid #BFBFBF;
text-align: center;
width: auto;
padding: 6px 10px 6px 10px !important;
text-decoration: none;
margin: 0;
border-radius: 3px;
cursor: pointer;
outline: none;
font-weight: bold;
}
input[type="submit"]:hover {
border: 1px solid #AAA;
color: #666;
}
input[type="submit"]:active{
border: 1px solid #888;
background: #888;
color: #FFF !important;
}
input:-webkit-autofill {
-webkit-box-shadow: 0 0 0 1100px white inset;
}
/* This fixes the ugly native rounded corners & shadows on iOS */
input[type="text"], input[type="submit"], textarea {
-webkit-appearance: none;
}
select {
max-width: 175px;
outline: 0;
}
/*Layout design changes starts*/
.nav-menu {
float: left;
width: 100%;
}
/*Layout design changes ends*/
.row-top {
background: #fff;
padding: 20px 0 10px 0;
border-bottom: 1px solid #c3c3c3;
overflow: auto;
}
.row-page {
border-bottom: 0;
width: 100%;
margin: 0 auto;
/*Layout design changes starts*/
max-width: 1200px;
padding: 0;
/*Layout design changes ends*/
overflow: auto;
box-sizing: border-box;
}
.row-body {
border-bottom: 0;
width: 100%;
margin: 0 auto;
/*Layout design changes starts*/
max-width: 1200px;
/*Layout design changes ends*/
overflow: hidden;
padding: 0;
box-sizing: border-box;
}
.row-footer {
padding: 20px 0 10px 0;
overflow: auto;
}
.row-body .one { width: 8.333%; }
.row-body .two { width: 16.667%; }
.row-body .three { width: 25%; }
.row-body .four { width: 33.333%; }
.row-body .five { width: 41.667%; }
.row-body .six { width: 50%; }
.row-body .seven { width: 58.333%; }
.row-body .eight { width: 66.667%; }
.row-body .nine { width: 75%; }
.row-body .ten { width: 83.333%; }
.row-body .eleven { width: 91.667%; }
.row-body .twelve { width: 100%; }

/*Right sidebar to left sidebar starts*/
.row-page .three { width: 25%; float: left; }
.row-page .nine { width: 75%; float: right; }
/*Right sidebar to left sidebar ends*/
.row-page .stats-container {  width: 25%; padding-top: 10px;}
.row-body .stats-container {  padding-top: 10px;}
.row-page .twelve { width: 100%; }
.row-page .table-id { width: 7%; padding: 5px 0; word-wrap: break-word; }
.row-page .table-user { width: 33%; padding: 5px 0; word-wrap: break-word; }
.row-page .table-user img { height: 15px; width:15px; border-radius: 3px; margin-right: 5px; vertical-align: middle; }
.row-page .table-mail { width: 45%; padding: 5px 0; word-wrap: break-word; }
.row-page .table-edit { width: 8%; padding: 5px 0; word-wrap: break-word; }
.row-page .table-delete { width: 7%; padding: 5px 0; word-wrap: break-word; }
.row-page .table-category-name { width: 83%; padding: 5px 0; word-wrap: break-word; }
.row-page .table-report-id { width: 7%; padding: 5px 0; word-wrap: break-word; }
.row-page .table-report-type { width: 13%; padding: 5px 0; word-wrap: break-word; }
.row-page .table-user { width: 33%; padding: 5px 0; word-wrap: break-word; }
.row-page .table-user img { height: 15px; width:15px; border-radius: 3px; margin-right: 5px; vertical-align: middle; }
.row-page .table-report-message { width: 20%; padding: 5px 0; word-wrap: break-word; }
.row-page .table-report-safe { width: 10%; padding: 5px 0; word-wrap: break-word;}
.admin-rows { width: 100%; float: left; overflow: auto; }
.admin-rows a { cursor: pointer }

.stats-container h3 {
font-weight: 400;
}
.payment-content {
padding: 5px 0;
width: 100%;
float: left;
}
.payment-row {
padding: 5px 0;
}
.list-content {
padding-bottom: 5px;
overflow: auto;
clear: both;
}
.list-button {
margin: 2px 0 0 0 !important;
}
.page-button {
float: left !important;
margin: 10px 10px 0 0 !important;
}
.report-title {
font-size: 18px;
}
.report-content {
padding: 5px 0;
width: 100%;
float: left;
white-space: pre-line;
}
.report-content img {
margin-bottom: -2px;
}
.manage-users-container {
padding: 10px 20px;
border-bottom: 1px solid #EEE;
}
.manage-users-container a {
text-decoration: none;
cursor: pointer;
}
.manage-users-image img {
width: 35px;
float: left;
}
.manage-users-content {
padding: 0 55px 0 45px;
word-break: break-all;
}
.manage-users-buttons {
float: right;
overflow: auto;
margin-top: -35px;
}
.manage-users-buttons a {
float: right;
}
.manage-list-name {
font-size: 14px;
padding-bottom: 5px;
}
.manage-list-buttons {
margin-top: -30px;
}
.row-top .threeads {
width: 33.3333%;
}
.row-one {
float: left;
width: 15%;
}
.row-two {
float: left;
width: 10%;
}
.row-three {
float: left;
width: 60%;
word-break:break-all;
}
.row-four {
float: left;
width: 15%;
text-align: right;
}
.row-welcome {
border-bottom: 0;
width: 100%;
margin: 0 auto;
overflow: auto;
background: url('images/background.png');
-webkit-animation: background 50s linear infinite;
-moz-animation: background 50s linear infinite;
animation: background 50s linear infinite;
}
@-webkit-keyframes background {
0% { background-position: 0 0; }
100% { background-position: 100% 0; }
}
@-moz-keyframes background {
0% { background-position: 0 0; }
100% { background-position: 100% 0; }
}
@keyframes background {
0% { background-position: 0 0; }
100% { background-position: 100% 0; }
}
.row {
width: 100%;
margin: 0 auto;
max-width: 1100px;
overflow: auto;
}
.row .one { width: 8.333%; }
.row .two { width: 16.667%; }
.row .three { width: 25%; }
.row .four { width: 33.333%; }
.row .five { width: 41.667%; }
.row .six { width: 50%; }
.row .seven { width: 58.333%; }
.row .eight { width: 66.667%; }
.row .nine { width: 75%; }
.row .ten { width: 83.333%; }
.row .eleven { width: 91.667%; }
.row .twelve { width: 100%; }

.column, .columns {
float: left;
min-height: 1px;
position: relative;
}
[class*="column"] + [class*="column"]:last-child { float: right; }

[class*="column"] + [class*="column"].end { float: left; }

.header {
margin: 0 auto;
/*Layout design changes starts*/
max-width: 1200px;
/*Layout design changes ends*/
overflow: auto;
padding: 0 10px;
}
.topbar {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 1000;
/*Layout design changes starts*/
/*HIDE red part start*/
/*Menu added start*/
height: 119px;
/*Menu added end*/
/*HIDE red part end*/
background: #ffffff;
padding-top: 0px;
border-bottom:1px solid #c4c5c8;
/*Layout design changes ends*/
margin-bottom: 40px;
}
.topbar_margin {
width: 100%;
/*Layout design changes starts*/
/*HIDE red part start*/
height: 119px;
/*HIDE red part end*/
/*Layout design changes ends*/
}
.menu-image {
float: right;
height: 55px;
font-size: 12px;
color: #fff;
padding: 0 0 0 6px;
cursor: pointer;
/*Layout design changes starts*/
margin-top: 15px;
/*Layout design changes ends*/
}
/*Layout design changes starts*/
/*.menu-image:hover {
background: rgba(0, 0, 0, .12);
}

.menu-image:active {
background: rgba(0, 0, 0, .35);
}
.menu-image-active {
background: rgba(0, 0, 0, .12);
}
.menu_hover_messages, .menu_hover_notifications {
background: rgba(0, 0, 0, .12);
}*/
/*Layout design changes ends*/
.menu_visitor {
float: right;
margin-top: 20px;
padding-right: 10px;
color: #fff;
}
.menu_arrow {
margin: 25px 0 0 5px;
float: right;
min-width: 9px;
min-height: 5px;
background: url('images/sprite_common_header.png') no-repeat 0px 0px;
}
.menu-dd-container {
width: 100%;
/*Layout design changes starts*/
max-width: 1200px;
/*HIDE red part start*/
top: 80px;
/*HIDE red part end*/
padding-right: 0px;
/*Layout design changes ends*/
position: absolute;
display: none;
box-sizing: border-box;
}
.menu-dd-content {
background: #ffffff;
width: auto;
min-width: 200px;
float: right;
border: 1px solid #c4c5c8;
}
.menu-dd-row {
padding: 10px;
text-align: right;
}
.menu-dd-row:hover {
background: #f3f3f7;
color: #757271;
}
.menu-dd-extra {
color: #FF6060;
}
.menu-dd-mobile {
display: none;
}
.menu-divider {
height:1px;
width: 100%;
background: #F1F1F1;

}
.menu-dd-content a {
color: #757271;
text-decoration: none;
width: 100%;
font-size: 12px;
}
.menu-dd-content a:hover {
color: #FFF;
}
.menu_img {
float: right;
width: 30px;
height: 30px;
margin-top: 12px;
}
.menu_img img {
width: 30px;
height: 30px;
border-radius: 50%;
}
.menu_btn {
padding: 0 6px;
float: right;
height: 55px;
/*Layout design changes starts*/
margin-top: 15px;
/*Layout design changes ends*/
}
.menu_btn img {
margin-top: 19px;
width: 16px;
height: 16px;
}
/*Layout design changes starts*/
/*.menu_btn:hover {
background: rgba(0, 0, 0, .12);
}
.menu_btn:active {
background: rgba(0, 0, 0, .35);
}*/
/*Layout design changes ends*/
.menu-btn {
padding: 5px 10px;
margin-top: 13px;
float: right;
color: #C6C6C6;
border: 1px solid #C6C6C6;
border-radius: 3px;
cursor: pointer;
}
.menu-btn:hover, .menu-btn:active {
border: 1px solid #FE4646;
background: #FE4646;
color: #FFF;
}
.search-input {
float: left;
/*Layout design changes starts*/
background: url("images/sprite_common_header.png") no-repeat 0 -50px ;
width: 374px;
height: 38px;
margin-left: 135px;
margin-top: 20px;
position: relative;
/*Layout design changes ends*/
}
/*Layout design changes starts*/	
.search-input input {
outline: none;
background: #ffffff;
border: 0 none;
color: #3a3635;
height: 30px;
margin: 3px 0 0 13px;
padding-top: 0;
width: 307px;
}
.search-input .adKeywordDelete {
background: url("images/sprite_common_header.png") no-repeat -180px 0;
width: 23px;
height: 27px;
position: absolute;
right: 45px;
top: 5px;
cursor: pointer;
}
.search-input .btnSearch {
background: url("images/sprite_common_header.png") no-repeat -300px 0;
height: 38px;
vertical-align: top;
width: 38px;
border: none;
cursor: pointer;	
}
/*Layout design changes ends*/
/*.search-input input:hover, .search-input input:active {
background: #4E4E4E;
}*/
.search-container, .search-list-container {
max-width: 1200px;
width: 100%;
display: none;
top: 55px;
margin: 0px auto;
color: #BBB;
padding: 0 10px;
box-sizing: border-box;
}
.search-list-container .search-content {
background: #FFF;
}
.search-container a {
color: #757271;
}
.search-container a:hover {
text-decoration: none;
cursor: pointer;
}
.search-content {
z-index: 999;
top: 55px;
background: #ffffff;
overflow: auto;
border: 1px solid #c4c5c8;
border-top: none;
}
.search-content .notification-inner, .search-content .track-inner {
padding: 10px 20px;
border-bottom: 1px solid #F1F1F1;
}
.search-content .track-inner:hover {
background: #f3f3f7;
}
.search-results {
width: 100%;
float: left;
}
.search-results .subscribe_btn, .search-results .edit_profile_btn, .search-results .sub-loading, .search-results .message_btn {
position: inherit;
}
.search-results .sound-inner {
border-top: 1px solid #EEE;
}
.search-image img {
width: 25px;
float: left;
overflow:auto;
}
.search-text {
padding: 2px 0 5px 35px;
}
.search-icons {
float: right;
margin-top: -20px;
}
.search-icons img {
width: 15px;
height: 15px;
}
.hashtag {
border-bottom: 1px solid #333;
overflow: auto;
}
.hashtag-inner {
padding: 10px 20px;
}
.hashtag a {
cursor: pointer;
float: left;
width: 100%;
overflow: auto;
}
.hashtag a:hover {
background: #2b2b2b;
text-decoration: none;
}
.content {
background: #FFF;
overflow: auto;
border-left: 1px solid #CCC;
border-right: 1px solid #CCC;
}
.cover-container {
padding: 0;
}
.cover-content {
border-bottom: 1px solid #EEE;
background: #fff;
color: #6B6B6B;
overflow: auto;
}
.cover-image {
float: left;
top: 0;
padding-top: 166px;
width: 100%;
}
.cover-image img {
width: 100%;
}
.cover-description {
width: 100%;
float: left;
overflow: auto;
min-height: 35px;
}
.cover-description-content {
margin-left: 0px;
padding-bottom: 5px;
margin-right: 10px;
}
.cover-avatar-content {
width: 112px;
margin: 0 0 10px 20px;
overflow: auto;
}
.cover-avatar {
float: left;
position: absolute;
margin-top: -137px;
width: 112px;
}
.cover-avatar a {
overflow: hidden;
height: 106px;
float: left;
}
.cover-avatar img {
width: 100%;
margin-bottom: -3px;
}
.cover-description-buttons {
margin: -60px 20px 0 0;
position: absolute;
width: 100px;
right: 0;
}
.cover-buttons {
float: left;
margin: 0 0 0 0px;
}
a.cover-button {
float: left;
text-decoration: none;
color: #999;
margin: 0 20px 0 0;
padding: 0 0 13px 0;
}
a.cover-button:hover {
color: #777;
border-bottom: 3px solid #fe4646;
padding-bottom: 10px;
}
a.cover-button-active {
color: #777;
padding: 0 0 10px 0;
border-bottom: 3px solid #fe4646;
}
.cover-text-container {
float: left;
font-size: 22px;
margin: -137px 60px 0 125px;
position: absolute;
text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}
.cover-text-container a {
padding: 3px 5px;
color: #FFF;
margin-left: 20px;
}
.cover-text-container a:hover {
color: #FFF;
}
.cover-text-container img {
margin: 0 0 -2px 7px;

width: 17px;
height: 17px;
}
.cover-username {
}
.cover-location {
padding: 3px 5px; 
font-size: 14px; 
color: #FFF;
display: inline-block;
margin-left: 20px;
}
.message-container {
border-right: 1px solid #EEE;
}
.message-container a {
color: #666;
text-decoration: none;
}
.message-container a:hover {
color: #E45C5C;
}
/*Right sidebar to left sidebar starts*/
.message-content {
    border-left: 1px solid #eeeeee;
    color: #999999;
    margin-left: -1px;
}
/*Right sidebar to left sidebar ends*/
.message-inner, .sidebar-inner {
/*Right sidebar to left sidebar starts*/
margin-left: -1px;
padding: 15px 20px;
border-left: 1px solid #eeeeee;
/*Right sidebar to left sidebar ends*/
}
.track-inner, .list-inner {
padding: 10px;
}
.divider {
height: 1px;
width: 100%;
background: #EEE;
}
.list-container {
border-bottom: 1px solid #EEE;
/*Right sidebar to left sidebar starts*/
border-left: 1px solid #EEE;
margin-left: -1px;
/*Right sidebar to left sidebar ends*/
overflow: auto;
padding: 10px 5px 10px 30px;
}
.sound-inner {
padding: 10px;
}
.track-actions {
width: 100%;
/*Star rating changes starts*/
overflow: hidden;
/*Star rating changes ends*/
}
}
.track-actions-content {
padding: 5px 0 0 0;
}
.track-actions-content a {
color: #666;
}
.track-actions-content a:hover {
color: #333;
}
.track-actions a {
cursor: pointer;
}
.list-avatar {
width: 60px;
float: left;
overflow:auto;
}
.list-avatar img {
width: 60px;
}
.track-author {
padding: 0 0 3px 0;
}
.track-author a {
color: #444;
cursor: pointer;
font-weight: bold;
text-decoration: none;
}
.track-author a:hover {
color: #E45C5C;
}
.message-message {
padding-top: 5px;
word-wrap: break-word;
}
.list-top {
padding: 2px 0 5px 70px;
}
.list-time {
overflow: auto;
color: #AAA;
font-size: 12px;
padding-top: 1px;
}
.track-actions-container {
padding: 10px 0 0 132px;
/*Music player changes starts*/
margin-top: -4%;
/*Music player changes ends*/
}
.message-reply-container {
width: 100%;
padding-top: 10px;
overflow: auto;
}
.message-reply-container .delete_btn, .message-reply-container .report_btn {
display: none;
}
.message-reply-container:hover .delete_btn, .message-reply-container:hover .report_btn {
display: block;
}
.message-reply-content {
color: #666;
padding-top: 2px;
}
.message-reply-author {
float: left;
padding-right: 10px;
}
.comments-container {
padding: 10px 0 0 0;
}
.chat-container .message-reply-author {
padding-right: 0;
}
.message-reply-author a {
color: #666;
cursor: pointer;
font-weight: bold;
}
.message-reply-message {
padding: 0 15px 10px 42px;
word-wrap: break-word;
}
.message-comment-box-container {
padding: 20px 0 0 0;
overflow: auto;
width: 100%;
}
.message-comment-box-form {
padding: 0 0 5px 42px;
}
.comment-reply-textarea {
padding: 6px 7px;
color: #6B6B6B;
font-size: 13px;
overflow: hidden;
width: 100%;
resize: none;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border: 1px solid #DDD;
max-width: 100%;
outline: 0;
min-height: 32px;
border-radius: 3px;
height: 32px;
}
.comment-reply-textarea:focus {
border: 1px solid #AAA;
}
.message-reported {
padding-bottom: 5px;
}
.blocked-button {
float: right;
font-weight: normal;
font-size: 13px;
text-transform: capitalize;
}
.blocked-button a {
cursor: pointer;
color: #999;
text-decoration: none;
}
.blocked-button a:hover {
color: #666;
text-decoration: underline;
}
.unblock-button a {
color: #666;
}
.unblock-button a:hover {
color: #000;
}

.playlist-button {
padding: 5px 8px 5px 20px;
margin-right: 5px;
border: 1px solid #DDD;
overflow: hidden;
border-radius: 3px;
cursor: pointer;
height: 15px;
background: url('images/icons/playlist_btn_n.png') 5px center no-repeat;
background-size: 17px;
color: #777777;
display: inline-block;
}
.playlist-button:hover {
background: #EFEFEF url('images/icons/playlist_btn_h.png') 5px center no-repeat;
background-size: 17px;
color: #000;
}
.share-button {
padding: 5px 8px 5px 25px;
margin-right: 5px;
border: 1px solid #DDD;
overflow: hidden;
border-radius: 3px;
cursor: pointer;
height: 15px;
background: url('images/icons/share_btn_n.png') 5px center no-repeat;
background-size: 17px;
color: #777777;
display: inline-block;
}

.share-button:hover {
background: #EFEFEF url('images/icons/share_btn_h.png') 5px center no-repeat;
background-size: 17px;
color: #000;
}
.delete-button {
padding: 5px 8px 5px 18px;
margin-right: 5px;
border: 1px solid #DDD;
overflow: auto;
border-radius: 3px;
cursor: pointer;
height: 15px;
background: url('images/icons/delete_btn_n.png') 5px center no-repeat;
background-size: 17px;
color: #777777;
width: auto;
display: inline-block;
}
.delete-button:hover {
background: #EFEFEF url('images/icons/delete_btn_h.png') 5px center no-repeat;
background-size: 17px;
color: #000;
}
.buy-button {
padding: 5px 8px 5px 18px;
margin-right: 5px;
border: 1px solid #DDD;
overflow: auto;
border-radius: 3px;
cursor: pointer;
height: 15px;
background: url('images/icons/buy_btn_n.png') 5px center no-repeat;
background-size: 17px;
color: #777777;
width: auto;
display: inline-block;
}
.buy-button:hover {
background: #EFEFEF url('images/icons/buy_btn_h.png') 5px center no-repeat;
background-size: 17px;
color: #000;
}
.private-button {
padding: 5px 8px 5px 18px;
margin-right: 5px;
border: 1px solid #DDD;
overflow: auto;
border-radius: 3px;
cursor: pointer;
height: 15px;
background: url('images/icons/private_btn_n.png') 5px center no-repeat;
background-size: 17px;
color: #777777;
width: auto;
display: inline-block;
}
.private-button:hover {
background: #EFEFEF url('images/icons/private_btn_h.png') 5px center no-repeat;
background-size: 17px;
color: #000;
}
.public-button {
padding: 5px 8px 5px 18px;
margin-right: 5px;
border: 1px solid #DDD;
overflow: auto;
border-radius: 3px;
cursor: pointer;
height: 15px;
background: url('images/icons/public_btn_n.png') 5px center no-repeat;
background-size: 17px;
color: #777777;
width: auto;
display: inline-block;
}
.public-button:hover {
background: #EFEFEF url('images/icons/public_btn_h.png') 5px center no-repeat;
background-size: 17px;
color: #000;
}
.like-button {
float: left;
padding: 5px 8px 5px 25px;
margin-right: 5px;
border: 1px solid #DDD;
overflow: hidden;
border-radius: 3px;
cursor: pointer;
height: 15px;
background: url('images/icons/like_btn_n.png') 5px center no-repeat;
background-size: 17px;
color: #777777;
display: inline-block;
}
.track-container .like-button, .track-container .like-button:hover,.playlist-container .like-button, .playlist-container .like-button:hover  {
background-position: 3px center;
background-size: 14px auto;
height: 10px;
padding-left: 12px;
}
.like-button:hover {
background: #EFEFEF url('images/icons/like_btn_h.png') 5px center no-repeat;
background-size: 17px;
color: #000;
}
.liked-button {
float: left;
padding: 5px 8px 5px 25px;
margin-right: 5px;
border: 1px solid #DDD;
overflow: hidden;
border-radius: 3px;
cursor: pointer;
height: 15px;
background: #f1f1f1 url('images/icons/like_btn_h.png') 5px center no-repeat;
background-size: 17px;
color: #777777;
display: inline-block;
}
.track-container .liked-button, .track-container .liked-button:hover, .playlist-container .liked-button, .playlist-container .liked-button:hover {
background-position: 3px center;
background-size: 14px auto;
height: 10px;
padding-left: 12px;
}
.liked-button:hover {
background: #f1f1f1 url('images/icons/like_btn_n.png') 5px center no-repeat;
background-size: 17px;
color: #000;
}
.download-button {
padding: 5px 8px 5px 18px;
margin-right: 5px;
border: 1px solid #DDD;
overflow: auto;
border-radius: 3px;
cursor: pointer;
height: 15px;
background: url('images/icons/download_btn_n.png') 5px center no-repeat;
background-size: 17px;
color: #777777;
width: auto;
display: inline-block;
}
.download-button:hover {
background: #EFEFEF url('images/icons/download_btn_h.png') 5px center no-repeat;
background-size: 17px;
color: #000;
}
.loading-button {
padding: 5px 8px 5px 18px;
margin-right: 5px;
border: 1px solid #DDD;
overflow: auto;
border-radius: 3px;
cursor: pointer;
height: 15px;
background: url('images/loader.gif') 5px center no-repeat;
background-size: 15px;
width: auto;
display: inline-block;
}
.small-loader {
background: url('images/loader.gif') no-repeat;
background-size: 15px;
float: right;
width: 15px;
height: 15px;
margin-top: 1px;
}
.vertical-divider {
padding: 0 10px;
color: #EEE;
float: right;
font-size: 12px;
}
.counter {
width: auto;
padding: 0 0 0 30px;
height: 17px;
float: right;
color: #A8A8A8;
background-size: 17px;
background-repeat: no-repeat;
background-position: 10px 0;
font-size: 12px;
}
.track-container .counter {
width: auto;
padding: 0 0 0 18px;
height: 17px;
float: right;
color: #A8A8A8;
background-size: 15px;
background-repeat: no-repeat;
background-position:0;
font-size: 12px;
}
.views_counter {
background-image: url('images/icons/views.png');
}
.comments_counter {
background-image: url('images/icons/comment_n.png');
padding-left: 18px;
}
.downloads_counter {
background-image: url('images/icons/download_btn_n.png');
}
.playlist-container .comments_counter {
	padding-left: 28px;
}
.like_btn {
background-image: url('images/icons/like_n.png');
}
.comments_counter:hover, .like_btn:hover, .views_counter:hover, .downloads_counter:hover {
color: #777;
}
.like_btn_extended {
float: none;
display: inline;
margin-right: 6px;
padding-right: 0;
}
.playlist-title {
font-size: 15px;
word-wrap: break-word;
}
.playlist-play-content {
padding: 2px 0 10px 0;
float: left;
}
.playlist-content a {
text-decoration: none;
}
.playlist-content-info {
padding-left: 100px;
}
.playlist-buttons-container {
font-size: 12px;
}
.playlist-actions-container {
padding: 10px 0 0 100px;
}
.playlist-actions {
width: 100%;
/*Star rating changes starts*/
overflow: hidden;
/*Star rating changes ends*/
}
.playlist-actions-content {
font-size: 12px;
float: left;
padding: 1px 0 10px 0;
}
/*Playlist image changes start*/
.playlist-artwork {
float: left;
}
/*Playlist image changes end*/
.playlist-artwork img {
width: 75px;
}
.playlist-stats {
float: right;
padding: 6px 0 10px 0;
}
.tracks-small-icon {
background: url(images/icons/tracks_small.png) no-repeat left center;
background-size: 12px;
padding-left: 15px;
color: #666;
float: left;
}
.liked-content {
color: #777;
line-height: 22px;
}
.liked-content a {
color: #555;
text-decoration: none;
}
.liked-content a:hover {
color: #000;
}
.like_user_avatar {
float: none;
display: inline;
margin-right: 6px;
}
.like_user_avatar img {
vertical-align: middle;
width: 16px;
height: 16px;
margin-top: -4px;
}
.like_text_snippet {
color: #999;
margin-top: 2px;
overflow: auto;
}
.comment-btn {
float: right;
display: none;
}
.comment-btn a {
float: right;
border-radius: 3px;
padding: 5px 10px;
color: #BFBFBF;
cursor: pointer;
text-decoration: none;
border: 1px solid;
border-color: #BFBFBF;
font-weight: bold;
}
.comment-btn a:hover {
border-color: #AAA;
color: #AAA;
}
.comment-btn a:active {
background: #888;
border-color: #888;
color: #FFF;
}
.close_btn {
width: 17px;
height: 17px;
float: right;
background: url('images/icons/close.png');
background-size: 17px;
cursor: pointer;
}
.close_btn:hover {
background-size: 17px;
}
.delete_btn {
width: 17px;
height: 17px;
float: right;
background: url('images/icons/delete.png');
background-size: 17px;
cursor: pointer;
}
.delete_btn:hover {
background: url('images/icons/delete_h.png');
background-size: 17px;
}
.report_btn {
width: 17px;
height: 17px;
float: right;
background: url('images/icons/report.png');
background-size: 17px;
cursor: pointer;
}
.report_btn:hover {
background: url('images/icons/report_h.png');
background-size: 17px;
}
.subscribe_btn {
background-color: rgba(255, 255, 255, 0.6);
background-image: url(images/icons/subscribe.png);
background-size: 25px;
background-position: center;
color: #6B6B6B;
border-radius: 3px;
width: 25px;
height: 25px;
float: right;
cursor: pointer;
margin-left: 5px;
border: 1px solid #DDD;
}
.subscribe_btn:hover {
background-color: #f1f1f1;
background-image: url(images/icons/subscribe_h.png);
}
.subscribe_btn:active, .subscribe_btn:focus {
background-color: #DDD;
background-image: url(images/icons/subscribe_h.png);
}
.unsubscribe {
background-image: url(images/icons/unsubscribe.png);
}
.unsubscribe:hover, .unsubscribe:active {
background-image: url(images/icons/unsubscribe_h.png);
}
.sub-loading {
background-color: #fff;
background-image: url(images/loader.gif);
background-size: 20px;
background-position: center;
background-repeat: no-repeat;
color: #6B6B6B;
border-radius: 3px;
width: 25px;
height: 25px;
float: right;
cursor: pointer;
margin-left: 5px;
}
.list-container .sub-loading {
border: 1px solid #DDD;
}
.edit_profile_btn {
background-color: rgba(255, 255, 255, 0.6);
background-image: url(images/icons/profile_edit.png);
background-size: 25px;
background-position: center;
color: #6B6B6B;
border-radius: 3px;
width: 25px;
height: 25px;
float: right;
cursor: pointer;
margin-left: 5px;
border: 1px solid #DDD;
}
.edit_profile_btn:hover {
background-color: #f1f1f1;
background-image: url(images/icons/profile_edit_h.png);
}
.edit_profile_btn:active, .edit_profile_btn:focus {
background-color: #DDD;
background-image: url(images/icons/profile_edit_h.png);
}
.message_btn {
background-color: #FFF;
background-image: url(images/icons/message_btn.png);
background-size: 25px;
background-position: center;
color: #6B6B6B;
border-radius: 3px;
width: 25px;
height: 25px;
float: right;
cursor: pointer;
border: 1px solid #DDD;
}
.message_btn:hover {
background-color: #f1f1f1;
background-image: url(images/icons/message_btn_h.png);
}
.message_btn:active, .message_btn:focus {
background-color: #DDD;
background-image: url(images/icons/message_btn_h.png);
}
.cover-content .message_btn, .cover-content .edit_profile_btn, .cover-content .subscribe_btn {
border: 0;
background-color: rgba(255, 255, 255, 0.6);
}
.cover-content .message_btn:hover, .cover-content .edit_profile_btn:hover, .cover-content .subscribe_btn:hover {
background-color: #FFF;
}
.cover-content .message_btn:active, .cover-content .message_btn:focus, .cover-content .edit_profile_btn:active, .cover-content .edit_profile_btn:focus, .cover-content .subscribe_btn:focus, .cover-content .subscribe_btn:active {
background-color: #DDD;
}
.load-more-comments, .load-more-chat {
padding: 5px 0;
text-align: center;
height: 17px;
}
.load-more-comments a, .load-more-chat a {
color: #999;
text-decoration: none;
cursor: pointer;
}
.load-more-comments a:hover, .load-more-chat a:hover {
color: #666;
}
.load-more-comments img, .load-more-chat img {
width: 85px;
vertical-align: center;
}
.last-comment-wrong {
border-bottom: 1px solid #eee;
padding-bottom: 5px;
}
.comments_preloader {
width: 100%;
}
.delete_preloader img, .comments_preloader img {
width: 85px;
}
.message-reply-avatar {
width: 32px;
float: left;
overflow:auto;
}
.message-reply-avatar img {
border-radius: 0;
width: 32px;
height: 32px;
}
.button-normal {
border: 1px solid #BFBFBF;
background: #fff;
color: #AAA;
border-radius: 3px;
overflow: auto;
padding: 6px 10px 6px 10px;
cursor: pointer;
text-decoration: none;
display: inline;
/*Category Changes starts*/
position: relative;
top:6px;
/*Category Changes ends*/
}
/*Category Changes starts*/
/*categories to genres changes starts*/
.subcategory-listing, .sidebar-link a.subcategory-listing{
padding-left: 29px;
}
.subcategory-listing2l, .sidebar-link a.subcategory-listing2l{
padding-left: 40px;	
}
/*categories to genres changes ends*/
/*Category Changes ends*/
.button-normal:hover {
border: 1px solid #AAA;
color: #666;
}
.button-normal:active {
border: 1px solid #888;
background: #888;
color: #FFF;
}
#load-more {
height: 30px;
/*Right sidebar to left sidebar starts*/
padding: 15px 0 10px 0;
border-left: 1px solid #EEE;
/*Right sidebar to left sidebar ends*/
}
.load-more-comments {
padding: 15px 0 6px 0;
height: 30px;
}
.load_more {
text-align: center;
padding: 3px;
height: 13px; /* The height of preloader-retina-large */
}
.load_more a {
border: 1px solid #BFBFBF;
background: #fff;
color: #BFBFBF;
border-radius: 3px;
overflow: auto;
padding: 5px 10px;
cursor: pointer;
text-decoration: none;
font-weight: bold;
}
.load_more a:hover {
border: 2px solid #AAA;
color: #AAA;
}
.load_more a:active {
border: 2px solid #888;
background: #888;
color: #FFF;
}
.load_more img {
width: 85px;
}
.new-message {
box-shadow: 0px 1px 1px #CCC;
border: 1px solid #BFBFBF;
background: #fff;
color: #6B6B6B;
border-radius: 3px;
overflow: auto;
padding: 5px 10px;
cursor: pointer;
text-decoration: none;
text-align: center;
}
.new-message:hover {
border: 1px solid #AAA;
color: #888;
}
.new-message:active {
box-shadow: #CCC 0px 1px 3px inset;
}
.new-message-url a {
color: #898F9C;
text-decoration: none;
}
.new-message-url a:hover {
color: #666;
}
.timeago, .timeago-standard {
color: #999;
display: inline-block;
}
.timeago:hover, .timeago-standard:hover {
color: #666
}
.pro-icon {
background: url('images/icons/pro.png') no-repeat;
}
.pro-small {
background-size: 13px;
width: 13px;
height: 13px;
display: inline-block;
margin: 0 0 -2px 3px;
}
.pro-normal {
background-size: 17px;
width: 17px;
height: 17px;
display: inline-block;
margin: 0 0 -2px 0;
}
.sidebar-container {
padding: 0 0 40px 0;
/*Right sidebar to left sidebar starts*/
border-right: 1px solid #eee;
/*Right sidebar to left sidebar ends*/
}
.sidebar-content {
background: #fff;
color: #6B6B6B;
overflow: hidden;
}
.sidebar-header {
font-size: 14px;
text-transform: uppercase;
border-bottom: 1px solid #EEE;
/*Layout design changes starts*/
margin-right: 20px;
padding: 1px 0 10px;
margin-top: 15px;
/*Layout design changes ends*/
}
.sidebar-header a {
color: #777;
text-decoration: none;
}
.sidebar-header a:hover {
color: #222;
}
.sidebar-header-extra {
float: right;
}
.sidebar-header-extra a {
color: #CCC;
}
.sidebar-header-extra a:hover {
color: #FF6060;
}
.sidebar-subscriptions {
width: 33.333%;
float: left;
}
.sidebar-subscriptions img {
width: 100%;
margin-bottom: -4px;
}
.sidebar-subscriptions-padding {
padding: 5px;
}
.sidebar-suggestions {
width: 100%;
float: left;
}
.sidebar-suggestions a {
text-decoration: none;
color: #888;
}
.sidebar-suggestions a:hover {
color: #000;
}
.sidebar-suggestions-inner {
padding: 10px 20px 10px 0px;
overflow: auto;
}
.sidebar-suggestions-image {
float: left;
width: 35px;
}
.sidebar-suggestions-image img {
width: 35px;
border-radius: 3px;
}
.sidebar-suggestions-track {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.sidebar-suggestions-track a {
color: #333;
}
.sidebar-suggestions-info {
margin: 0 30px 0 45px;
}
.sidebar-suggestions-small {
font-size: 11px;
padding-top: 5px;
cursor: default;
}
.sidebar-suggestions-tracks {
background: url('images/icons/tracks_small.png') no-repeat center left;
background-size: 12px;
padding: 0 20px 0 15px;
float: left;
color: #8A8A8a;
}
.sidebar-suggestions-followers {
background: url('images/icons/followers.png') no-repeat center left;
background-size: 14px;
padding: 0 20px 0 17px;
float: left;
color: #8A8A8a;
}
.sidebar-link img {
vertical-align: middle;
margin-right: 7px;
height: 20px;
width: 20px;
margin-top: -3px;
}
.sidebar-link a {
padding: 8px 20px 4px 0px;
display: block;
text-decoration: none;
color: #8A8A8A;
height: 23px;
}
.sidebar-link a:hover {
color: #666;
text-decoration: underline;
}
.sidebar-link-divider {
padding: 0 20px;
}
.sidebar-report a {
color: #999;
font-size: 12px;
text-decoration: none;
}
.sidebar-report a:hover {
color: #333;
}
.sidebar-tag a {
background: #EEE;
color: #8A8A8A;
border-radius: 3px;
padding: 5px;
float: left;
margin: 0 10px 10px 0;
text-decoration: none;
}
.sidebar-tag a:hover {
background: #DDD;
color: #666;
}
.sidebar-stats-container {
padding: 10px 20px 10px 0;
font-size: 10px;
font-weight: bold;
color: #777;
overflow: auto;
}
.sidebar-stats-box {
width: 50%;
float: left;
padding-top: 6px;
height: 10px;
text-transform: uppercase;
}
.sidebar-stats-today {
color: #FE4646;
}
.sidebar-text-right {
text-align: right;
font-size: 20px;
font-weight: normal;
padding: 0;
height: 28px;
}
.sidebar-stats-box-right {
text-align: right;
}
.sidebar-stats-bar {
margin-top: 13px;
height: 6px;
width: 100%;
overflow: hidden;
background: #CCC;
float: left;
}
.sidebar-stats-divider {
margin-top: 13px;
float: left;
}
.sidebar-stats-bar-percentage {
background-color: #FE4646;
height: 6px;
}
.sidebar-users {
cursor: pointer;
}
.sidebar-users img {
vertical-align: middle;
margin-right: 7px;
}
img.sidebar-status-icon {
height: 25px;
width: 12px;
}
.sidebar-users a {
margin-top: -1px;
padding: 5px 10px 5px 10px;
border-top: 1px solid #EEE;
display: block;
text-decoration: none;
color: #898F9C;
}
.sidebar-users a:hover {
background: #f7f7f7;
color: #666;
}
.sidebar-online-users {
float: left;
width: 25%;
}
.sidebar-online-users a {
text-decoration: none;
}
.sidebar-online-users img {
width: 100%;
border-radius: 5px;
}
.sidebar-online-users-padding {
padding: 10px 10px 0 0;
}
.sidebar-online-users-inner {
overflow: auto;
padding: 0 10px 0 20px;
}
.plus-button {
overflow: auto;
background: #FFF;
border-radius: 5px;
border: 2px solid #BBB;
color: #BBB;
text-align: center;
line-height: 40px;
height: 42px;
font-size: 14px;
font-weight: bold;
overflow: hidden;
}
.plus-sign {
margin-left: -5px;
}

.plus-button:hover {
color: #fff;
background: #BBB;
}
.sidebar-chat-list {
max-height: 456px;
overflow: auto;
}
.sidebar-header input {
outline: 0;
border: 1px solid #FFF;
background: url('images/icons/search.png') no-repeat top right;
background-size: 12px;
width: 100%;
margin: 0;
padding: 0;
height: 16px;
}
.sidebar-divider {
height:1px;
width: 100%;
background: #EEE;
float: left;
}
.sidebar-list {
margin-top: -1px;
padding: 7px 10px;
border-top: 1px solid #EEE;
font-size: 12px;
}
.sidebar-list img {
width: 20px;
height: 20px;
margin-left: 3px;
vertical-align: middle;
}
.sidebar-description {
padding: 10px 20px 10px 0px;
word-wrap: break-word;
}
.sidebar-license {
margin-top: 3px;
}
.sidebar-social-container {
overflow: auto;
padding: 10px 10px 0 0px;
}
.social-icon {
width: 100%;
border-radius: 3px;
height: 34px;
}
.share-social-icon {
height: 34px;
width: 34px;
border-radius: 3px;
}
.website-icon {
background: #EEE url('images/icons/social/website.png') center center no-repeat;
background-size: 16px;
}
.website-icon:hover {
background: #888 url('images/icons/social/website_h.png') center center no-repeat;
background-size: 16px;
}
.facebook-icon {
background: #EEE url('images/icons/social/facebook.png') center center no-repeat;
background-size: 18px;
}
.facebook-icon:hover {
background: #3b579d url('images/icons/social/facebook_h.png') center center no-repeat;
background-size: 18px;
}
.twitter-icon {
background: #EEE url('images/icons/social/twitter.png') center center no-repeat;
background-size: 20px;
}
.twitter-icon:hover {
background: #55acee url('images/icons/social/twitter_h.png') center center no-repeat;
background-size: 20px;
}
.gplus-icon {
background: #EEE url('images/icons/social/gplus.png') center center no-repeat;
background-size: 18px;
}
.gplus-icon:hover {
background: #DD4B39 url('images/icons/social/gplus_h.png') center center no-repeat;
background-size: 18px;
}
.youtube-icon {
background: #EEE url('images/icons/social/youtube.png') center center no-repeat;
background-size: 18px;
}
.youtube-icon:hover {
background: #CC201F url('images/icons/social/youtube_h.png') center center no-repeat;
background-size: 18px;
}
.vimeo-icon {
background: #EEE url('images/icons/social/vimeo.png') center center no-repeat;
background-size: 18px;
}
.vimeo-icon:hover {
background: #1ab7ea url('images/icons/social/vimeo_h.png') center center no-repeat;
background-size: 18px;
}
.soundcloud-icon {
background: #EEE url('images/icons/social/soundcloud.png') center center no-repeat;
background-size: 18px;
}
.soundcloud-icon:hover {
background: #F7640F url('images/icons/social/soundcloud_h.png') center center no-repeat;
background-size: 18px;
}
.lastfm-icon {
background: #EEE url('images/icons/social/lastfm.png') center center no-repeat;
background-size: 18px;
}
.lastfm-icon:hover {
background: #D00A01 url('images/icons/social/lastfm_h.png') center center no-repeat;
background-size: 18px;
}
.tumblr-icon {
background: #EEE url('images/icons/social/tumblr.png') center center no-repeat;
background-size: 18px;
}
.tumblr-icon:hover {
background: #37465d url('images/icons/social/tumblr_h.png') center center no-repeat;
background-size: 18px;
}
.myspace-icon {
background: #EEE url('images/icons/social/myspace.png') center center no-repeat;
background-size: 18px;
}
.myspace-icon:hover {
background: #018CDD url('images/icons/social/myspace_h.png') center center no-repeat;
background-size: 18px;
}
.pinterest-icon {
background: #EEE url('images/icons/social/pinterest.png') center center no-repeat;
background-size: 18px;
}
.pinterest-icon:hover {
background: #D0383F url('images/icons/social/pinterest_h.png') center center no-repeat;
background-size: 18px;
}
.email-icon {
background: #EEE url('images/icons/social/email.png') center center no-repeat;
background-size: 18px;
}
.email-icon:hover {
background: #666 url('images/icons/social/email_h.png') center center no-repeat;
background-size: 18px;
}
.social-icon-container {
width: 20%;
float: left;
}
.social-icon-padding {
padding: 0 10px 10px 0;
}
.share-icon-container {
float: left;
}
.share-icon-container a {
cursor: pointer;
}
.share-icon-container .social-icon-padding {
padding: 0 10px 0 0;
}
.sidebar-social img {
margin-right: 3px;
width: 16px;
height: 16px;
vertical-align: top;
font-size: 12px;
}
.sidebar-list a {
color: #6B6B6B;
}
.sidebar-avatar {
width: 50px;
float: left;
}
.sidebar-avatar img {
border-radius: 3px;
}
.sidebar-avatar-desc {
height: 42px;
margin-left: 60px;
padding-top: 8px;
font-size: 12px;
}
.sidebar-avatar-edit a {
font-size: 12px;
color: #666;
font-weight: normal;
}
.page-header {
padding: 10px 20px;
font-size: 13px;
font-weight: bold;
text-transform: uppercase;
color: #777;
border-bottom: 1px solid #EEE;
}
.page-header-extra {
/*Right sidebar to left sidebar starts*/
border-left: 1px solid #EEE;
margin-left: -1px;
/*Right sidebar to left sidebar ends*/
}
.message-form-private {
float: right;
}
.private-profile-content {
border-right: 1px solid #EEE;
background: #fff;
color: #6B6B6B;
overflow: auto;
}
.selected-files {
border-bottom: 1px solid #EEE;
padding: 5px 10px;
display: none;
color: #a9a9a9;
}
.header-loader {
float: right;
}
.chat-container {
height: 410px;
padding: 0 20px;
overflow: auto;
}
.chat-form-inner {
padding: 10px 20px;
}
.chat-form-inner input {
border: 0;
outline: 0;
width: 100%;
resize: none;
height: 25px;
min-height: 25px;
max-width: 100%;
overflow: hidden;
}
.chat-error {
padding: 10px 0;
}
textarea {
width: 100%;
max-width: 500px;
height:100px;
}
.logo {
height: 80px;
width: 600px;
float: left;
/*Layout design changes starts*/
margin: 0px 10px 5px 0px;
background: url('images/logo_bugs.png') no-repeat;
/*background-size: 110px 80px;*/
/*Layout design changes ends*/
}
.info {
border: 1px solid #38A8FF;
background: #BEDBFF;
border-radius: 3px;
color: #2A4E9B;
width: 91%;
padding: 5px 7px;
}
.page-settings-container {
/*Right sidebar to left sidebar starts*/
padding: 0 0 0px 0;
/*Right sidebar to left sidebar ends*/
border-right: 1px solid #EEE;
}
.page-login-container {
border-left: 1px solid #DDD;
border-right: 1px solid #DDD;
}
.page-container {
/*Right sidebar to left sidebar starts*/
border-left: 1px solid #EEE;
margin-left: -1px;
/*Right sidebar to left sidebar ends*/
padding: 0 0 10px 0;
}
.page-content {
background: #fff;
color: #6B6B6B;
overflow: auto;
/*Right sidebar to left sidebar starts*/
border-left: 1px solid #EEE;
margin-left: -1px;
/*Right sidebar to left sidebar ends*/
}
.page-inner {
padding: 10px 20px;
overflow: auto;
}
.page-input-container {
width: 100%;
overflow: auto;
padding: 10px 0;
}
.page-input-container input, .page-input-container select, .page-input-container textarea, input.playlist-input {
padding: 6px 8px;
border: 1px solid #BFBFBF;
border-radius: 3px;
outline: none;
margin: 0;
}
.page-input-container input:hover, .page-input-container select:hover, .page-input-container textarea:hover {
border: 1px solid #AAA;
}
.page-input-container input:focus, .page-input-container select:focus, .page-input-container textarea:focus  {
border: 1px solid #888;
}
.page-input-container input[type="submit"] {
margin-top: 0;
}
.page-input-container input[type="file"] {
border: 1px solid #ccc;
border-radius: 3px;
padding: 5px;
}
.page-input-container input[type="file"]:hover {
border: 1px solid #AAA;
}
.page-input-content {
float: left;
}
.page-input-title, .page-input-title-img {
text-align: right;
width: 75px;
margin-right: 10px;
margin-top: 4px;
display: inline-block;
vertical-align: top;
float: left;
color: #444;
} 
.page-input-title-img {
margin-right: 20px;
}
.page-input-title-img img {
border-radius: 3px;
margin-top: 5px;
}
.page-input-sub {
color: #666;
font-size: 11px;
/*Category Changes starts*/
padding-top: 20px;
/*Category Changes ends*/
width: 350px;
}
.report-checkbox {
padding-left: 85px;
padding-bottom: 10px;
max-width: 500px;
}
.report-checkbox textarea {
min-height:100px;
}
.report-checkbox input {
float: left;
}
.report-checkbox label {
padding-left: 5px;
}
.page-title {
font-size: 18px;
}
.page-input-title-img-wall {
width: 100%;
}
.page-input-title-img-wall img {
width: 100%;
}
.stats-boxes-container {
overflow: auto;
width: 100%;
padding-bottom: 10px;
}
.container-short {
overflow: auto;
}
.container {
padding: 15px 0;
overflow: auto;
width: 100%;
float: left;
}
.chart-container {
padding-left: 15px;
}
.chart img {
width: 100%;
}
.preloader {
padding: 10px 0;
width: 36px;
height: 36px;
margin: 0 auto;
}
.preloader-normal {
width: 110px;
height: 10px;
}
.preloader-dark {
width: 110px;
height: 10px;
background: url('images/preloader_dark.gif');
}
.preloader-retina {
width: 85px;
height: 8px;
background: url('images/preloader.gif');
background-size: 85px 8px;
}
.preloader-retina-large {
width: 110px;
height: 10px;
background: url('images/preloader.gif');
background-size: 110px 10px;
}
.preloader-center {
margin: 0 auto;
}
.preloader-left {
display: inline-block;
}
.retrieving-results {
display: inline;
}
.footer {
/*Layout design changes starts*/
/*HIDE blue part start*/
padding: 0px 0 75px 0;
/*HIDE blue part end*/
/*Layout design changes ends*/
}
.footer-container {
font-size: 13px;
color: #919191;
padding: 10px 0;
}
.footer-links, .footer-languages {
padding-bottom: 5px;
}
.footer-links a, .footer-languages a {
color: #7E7E7E;
}
.footer-links a:hover, .footer-languages a:hover {
color: #444;
}
.pages-content {
padding: 20px;
}
.text-inputs {
padding: 3px 0;
}
.ads1 {
margin-top: 10px;
width: 100%;
height: auto;
float: left;
}
.info-message {
width: 100%;
text-align: center;
padding: 20px 0;
font-size: 16px;
}
.error {
padding: 5px;
border: 1px solid #cc0000;
background: #ffc0cf;
color: #b40a34;
border-radius: 3px;
margin: 0 0 10px 0;
}
.theme-content {
color: #999;
width: 100%;
float: left;
}
.theme-inner {
padding: 10px 0;
}
.theme-icon {
width: 60px;
float: left;
overflow: auto;
}
.theme-icon img {
border-radius: 3px;
width: 60px;
}
.theme-top {
padding: 5px 0 5px 70px;
}
.forgot-password {
padding-top: 4px;
float: right;
font-size: 12px;
}
.forgot-password a {
color: #AAA;
}
.forgot-password a:hover {
color: #666;
}
.register-captcha img {
border-radius: 3px;
width: 75px;
float: right;
border: 1px solid #BFBFBF;
}
.welcome-content {
background: #fff;
border: 0;
padding: 25px 0;
}
.welcome-full {
padding: 25px 0;
width: 100%;
border-top: 1px solid #DDD;
border-bottom: 1px solid #DDD;
}
.welcome-pro {
padding: 25px 0;
border-top: 1px solid #DDD;
}
.welcome-inner {
overflow: auto;
padding: 0 20px;
}
.welcome-track {
width: 10%;
float: left;
}
.welcome-track a {
float: left;
overflow: hidden;
}
.welcome-track img {
width: 100%;
vertical-align: middle;
}
.welcome-message {
float: left;
width: 100%;
color: #FFF;
margin-top: 50px;
text-align: center;
}
.welcome-title {
font-weight: lighter;
font-size: 32px;
}
.welcome-desc {
font-weight: lighter;
font-size: 20px;
padding-top: 10px;
}
.welcome-button {
margin: 50px auto 50px auto;
width: 200px;
min-height: 40px;
text-transform: uppercase;
}
.welcome-button a {
padding: 10px 20px;
border: 1px solid #FFF;
color: #FFF;
border-radius: 3px;
font-weight: bold;
cursor: pointer;
display: inline-block;
}
.welcome-button a:hover {
background: #FFF;
border: 1px solid #FFF;
color: #FF6060;
}
.welcome-learn {
margin: 0 auto 3px auto;
font-size: 14px;
}
.welcome-arrow {
padding: 0 0 40px 0;
background: url('images/downarrow_large.png') center bottom no-repeat;
background-size: 25px;
width: 25px;
margin: 0 auto;
cursor: pointer;
}
.welcome-bar {
border-bottom: 1px solid #DDD;
padding: 20px 0;
background: #fff;
}
.welcome-menu {
text-align: center;
font-size: 15px;
}
.welcome-menu a {
margin: 0 20px 0 0;
}
.welcome-box {
width: 33.333%;
float: left;
box-sizing: border-box;
padding: 20px 20px 0 0;
}
.welcome-box-section {
color: #FF6060;
font-size: 20px;
}
.welcome-centered-text {
text-align: center;
}
.welcome-full-section {
color: #666;
font-size: 20px;
margin-bottom: 20px;
}
.welcome-box-title {
font-size: 20px;
}
.welcome-box-desc {
padding: 10px 0 0 0;
font-size: 16px;
color: #666;
}
.notification-box {
padding: 5px 10px 10px 10px;
border: 0px solid;
position: relative;
margin: 10px 20px 0 20px;
color: #fff;
border-radius: 3px;
}
.notification-box-modal {
margin: 10px 10px 0 10px;
}
.notification-box h5 {
font-size: 20px;
margin: 0;
}
.notification-box-error {
background: #FF5757;
}
.notification-box-success {
background: #27ae60;
}
.notification-box-info {
background: #3498db;
}
.notification-box > p {
padding-top: 5px;
padding-right: 20px;
margin: 0;
}
.notification-close {
padding: 5px 4px;
position: absolute;
right: 0;
top: 5px;
background: url(images/icons/close_h.png) no-repeat center left;
background-size: 17px;
width: 17px;
height: 17px;
cursor: pointer;
opacity: 0.75;
}
.notification-close:hover {
opacity: 1;
}
.notification-container {
width: 100%;
margin: 0 auto;
display: none;
color: #AAA;
box-sizing: border-box;
/*Layout design changes starts*/
padding: 0;
max-width: 1200px;
padding: 0;
position: absolute;
right: 11.9%;
top: 84px;
/*Layout design changes ends*/
}
.notification-content {
background: #ffffff;
border: 1px solid #c4c5c8;
max-width: 350px;
width: 100%;
float: right;
}
.notification-content a {
color: #757271;
text-decoration: none;
}
.notification-content a:hover {
color: #757271;
}
.notification-inner {
padding: 10px;
}
.notification-container .notification-row {
float: left;
width: 100%;
border-top: 1px solid #f1f1f1;
border-right: 0;
}
.notification-row {
float: left;
width: 100%;
border-top: 1px solid #f1f1f1;
border-right: 1px solid #f1f1f1;
}
.notification-image {
float: left;
}
.notification-text {
padding-left: 39px;
}
.notification-text img {
vertical-align: bottom;
width: 15px;
height: 15px;
}
.notification-text .chat-snippet {
font-style: italic;
word-wrap: break-word;
}
.notification-container .notification-unread {
background: #252525;
}
.notification-unread {
background: #F1F1F1;
}
.notification-container .notification-padding {
padding: 5px 10px;
overflow: auto;
}
.notification-padding {
padding: 10px 20px;
overflow: auto;
}
#notifications-content .timeago {
float: none;
}
#notifications-content .timeago:hover {
text-decoration: none;
color: #999;
cursor: default;
}
#notifications-content img.notifications {
height: 33px;
width: 33px;
border-radius: 3px;
margin-right: 5px;
}
#notifications-content {
max-height: 435px;
overflow: auto;
}
#notifications-page .timeago {
float: none;
}
#notifications-page .timeago:hover {
text-decoration: none;
}
#notifications-page img.notifications {
height: 33px;
width: 33px;
border-radius: 3px;
margin-right: 5px;
}
.sidebar-button-container {
width: 100%;
}
.sidebar-button-container a {
text-decoration: none;
}
.edit-button, .back-button {
margin: 20px 18px 10px 0px;
border: 2px solid #27AE60;
height: 50px;
border-radius: 5px;
text-align: center;
line-height: 48px;
color: #27AE60;
cursor: pointer;
}
.edit-icon {
background: url('images/icons/edit_n.png') no-repeat;
background-size: 20px;
width: 32px;
padding: 0 15px 10px 15px;
margin-left: -10px;
}
.edit-button:hover {
background: #27AE60;
border-color: #27AE60;
color: #FFF;
}
.edit-button:hover .edit-icon {
background: url('images/icons/edit_h.png') no-repeat;
background-size: 20px;
width: 32px;
padding: 0 15px 10px 15px;
margin-left: -10px;
}
.back-icon {
background: url('images/icons/back_n.png') no-repeat;
background-size: 20px;
width: 32px;
padding: 0 15px 10px 15px;
margin-left: -10px;
}
.back-button:hover {
background: #27AE60;
border-color: #27AE60;
color: #FFF;
}
.back-button:hover .back-icon {
background: url('images/icons/back_h.png') no-repeat;
background-size: 20px;
width: 32px;
padding: 0 15px 10px 15px;
margin-left: -10px;
}
.upload-button {
border: 1px solid #d9d9d9;
height: 29px;
line-height: 27px;
overflow: hidden;
padding: 1px 0 0 24px;
position: relative;
text-align: left;
width: 50px;
cursor: pointer;
background-color: #ffffff;
color: #3a3635;
display: inline-block;
font-size: 12px;
vertical-align: middle;
float: left;
margin: 30px 0 30px 1px;
}

.upload-button:hover {
color: #3a3635;
background: #f2f3f7;
}
.upload-icon {
background: url("images/sprite_common_gnb.png") no-repeat -90px -240px;
display: block;
height: 10px;
left: 8px;
position: absolute;
top: 10px;
width: 10px;
}
.upload-button:hover .upload-icon {
background: url("images/sprite_common_gnb.png") no-repeat -90px -240px;
display: block;
height: 10px;
left: 8px;
position: absolute;
top: 10px;
width: 10px;
}
.success-icon {
background: url('images/icons/success_n.png') no-repeat;
background-size: 22px;
width: 32px;
padding: 0 20px 10px 15px;
margin-left: -10px;
}
.edit-button:hover .success-icon {
background: url('images/icons/success_h.png') no-repeat;
background-size: 22px;
width: 32px;
padding: 0 20px 10px 15px;
margin-left: -10px;
}
.sidebar-fa-image {
float: left;
}
.sidebar-fa-image img {
width: 30px;
height: 30px;
border-radius: 3px;
}
.sidebar-fa-text {
font-size: 12px;
padding-left: 37px;
}
.sidebar-fa-text .timeago {
float: none;
display: inline-block;
}
.sidebar-fa-content {
max-height: 336px;
overflow: auto;
}
.sidebar-fa-content a {
color: #666;
}
.sidebar-fa-content .notification-row {
border: 0;
}
.sidebar-fa-content .notification-padding {
padding: 10px 20px 0px 0px;
}
.input_hidden {
position: absolute;
left: -9999px;
}
.selected {
background-color: #DFDFDF;
}
#values {
float: left;
}
#values label {
display: inline-block;
cursor: pointer;
}
#values label:hover {
background-color: #efefef;
}

#values label img {
padding: 7px 5px 6px 5px;
width: 24px;
height: 24px;
}
.button-image {
width: 34px;
height: 40px;
background-image: url('images/icons/events/camera.png');
background-repeat: no-repeat;
background-position: 50% 35%;
overflow: hidden;
float: left;
cursor: pointer;
margin-right: 4px;
background-size: 24px;
}
.button-image:hover {
background-color: #efefef;
}
.inputImage {
opacity: 0.0;
height: 40px;
cursor: pointer;
width: 33px; /* Move it to the left so that the cursor: pointer gets active (it sends the Choose file outside of the view) */
}
.message-private-btn {
background: url('images/icons/private_post.png') no-repeat;
background-size: 16px;
width: 16px;
height: 16px;
cursor: pointer;
}
.message-private-btn:hover {
background: url('images/icons/private_post_h.png') no-repeat;
background-size: 16px;
width: 16px;
height: 16px;
}
#notifications_btn, #messages_btn {
cursor: pointer;
width: 16px;
}
.notificatons-number-container {
float: left;
margin-right: 5px;
}
.admin-notifications-number {
background: #FF3434;
padding: 3px 5px;
border-radius: 3px;
font-weight: normal;
color: #FFF;
font-size: 10px;
margin-left: 3px;
}
.notifications-number {
background: #FF3434;
border-radius: 3px;
padding: 2px 3px;
font-size: 10px;
position: absolute;
margin: -30px 0 0 9px;
color: #fff;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}
.message-private-active {
background: url('images/icons/private_post_a.png') no-repeat;
background-size: 16px;
}
.message-private-active:hover {
background: url('images/icons/private_post_a.png') no-repeat;
background-size: 16px;
}
#more_users, #more_reports, #more_payments {
width: 100%;
float: left;
padding: 15px 0 5px 0;
}
#share, #playlist, #delete, #connect {
position:fixed;
z-index: 1000;  
top:50%;  
left:50%;  
margin:-150px 0 0 -150px;  
width: 300px;
display: none;
}
#playlists {
max-height: 138px;
}
.modal-input input {
border: 1px solid #BFBFBF;
padding: 5px;
border-radius: 3px;
width: 100%;
box-sizing: border-box;
/*Add new user type start*/
/*-webkit-appearance: none;*/
/*Add new user type end*/
outline: 0;
}
.modal-input input:focus, .modal-input input:hover {
border: 1px solid #AAA;
}
.modal-checkbox input {
margin: 5px 5px 0 0;
float: left;
}
.modal-checkbox label {
margin-top: 2px;
float: left;
}
.modal-connect input {
margin: 0 0 7px 0;
}
.modal-captcha {
display: inline-block;
}
.modal-captcha input {
width: 195px;
}
.modal-background {
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.7);
position: fixed;
overflow: auto;
left: 0;
top: 0;
display: none;
z-index: 100;
}
.modal-container {
background: #fff;
width: 300px;
border: 1px solid #BFBFBF;
border-radius: 3px;
overflow: auto;
}
.modal-inner {
padding: 10px;
overflow: auto;
width: 100%;
box-sizing: border-box;
}
.modal-menu-container {
padding: 10px 10px 0 10px;
overflow: auto;
}
.modal-menu-item {
color: #777;
padding: 0 0 13px 0;
float: left;
cursor: pointer;
margin-right: 10px;
}
.modal-menu-item:hover, .modal-menu-item-active {
color: #777;
padding: 0 0 10px 0;
border-bottom: 3px solid #FE4646;
cursor: pointer;
margin-right: 10px;
}
.modal-loading, .header-loader {
width: 110px;
height: 10px;
background: url('images/preloader.gif');
background-size: 110px 10px;
float: right;
margin-top: 5px;
display: none;
}
.modal-desc {
padding: 0 0 5px 0;
color: #666;
}
.modal-desc img {
width: 85px;
}
.modal-btn {
margin: 10px 10px 10px 0;
overflow: auto;
float: right;
}
.modal-btn a {
float: right;
border-radius: 3px;
padding: 5px 10px;
color: #BFBFBF;
cursor: pointer;
text-decoration: none;
border: 1px solid;
border-color: #BFBFBF;
font-weight: bold;
}
.modal-btn a:hover {
border-color: #AAA;
color: #AAA;
}
.modal-btn a:active {
background: #888;
border-color: #888;
color: #FFF;
}
.modal-btn-active a {
color: #FF8181;
border-color: #FF8181;
}
.modal-btn-active a:hover {
border-color: #FF6060;
background: #FF6060;
color: #FFF;
}
.modal-btn-enable a {
color: #27AE60;
border-color: #27AE60;
}
.modal-btn-enable a:hover {
border-color: #27AE60;
background: #27AE60;
color: #FFF;
}
.modal-btn-facebook a {
color: #3B579D;
border-color: #3B579D;
}
.modal-btn-facebook a:hover {
border-color: #3B579D;
background: #3B579D;
color: #FFF;
}
.tab-share, .tab-embed, .tab-login, .tab-register {
display: none;
}
.tab-delete {
padding: 5px 0;
float: left;
width: 100%;
}
.dummy-player {
width: 100%;
padding-bottom: 10px;
overflow: auto;
}
.dummy-artwork {
float: left;
}
.dummy-artwork img {
width: 50px;
}
.dummy-play-btn {
float: left;
background: url('images/icons/play_btn.png') no-repeat;
background-size: 20px 20px;
height: 20px;
width: 20px;
margin-left: 10px;
}
.dummy-author {
float: left;
width: 80px;
height: 7px;
background: #d9d9d9;
margin: 0 0 4px 6px;
}
.dummy-title {
float: left;
width: 140px;
height: 9px;
background: #c2c2c2;
margin: 0 0 0 6px;
}
.dummy-seek {
float: left;
width: 220px;
height: 3px;
background: #c2c2c2;
margin: 7px 0 0 10px;
}
.dummy-avatars {
float: left;
width: 10px;
height: 10px;
background: #c2c2c2;
margin: 10px 0 0 10px;
}
.playlist-entry {
padding: 5px 8px 5px 26px;
margin: 0 0 5px 0;
border: 1px solid #DDD;
width: 100%;
box-sizing: border-box;
float: left;
display: inline;
border-radius: 3px;
cursor: pointer;
background: url('images/icons/playlist_add_n.png') 5px center no-repeat;
background-size: 17px;
color: #777777;
font-size: 12px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.playlist-entry:hover {
background: #EFEFEF url('images/icons/playlist_add_h.png') 5px center no-repeat;
background-size: 17px;
color: #000;
}
.playlist-entry-loading {
padding: 5px 8px 5px 26px;
margin: 0 0 5px 0;
border: 1px solid #DDD;
width: 100%;
box-sizing: border-box;
float: left;
display: inline;
border-radius: 3px;
cursor: pointer;
color: #777777;
font-size: 12px;
background: url('images/loader.gif') 5px center no-repeat;
background-size: 17px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.playlist-added {
background: url('images/icons/playlist_added.png') 5px center no-repeat;
background-size: 17px;
color: #000;
}
.playlist-added:hover {
background: #EFEFEF url('images/icons/playlist_remove.png') 5px center no-repeat;
background-size: 17px;
color: #000;
}
input.playlist-input {
-webkit-appearance: none;
padding: 5px 8px;
min-width: 100px;
float: left;
}
input.playlist-input:focus, input.playlist-input:hover {
border: 1px solid #AAA;
}
.playlist-save {
color: #BFBFBF;
font-weight: bold;
padding: 5px 10px;
margin-left: 10px;
float: left;
box-sizing: border-box;
overflow: hidden;
}
.playlist-save:hover {
border-color: #AAA;
color: #AAA;
}
.playlist-save:active {
background: #888;
border-color: #888;
color: #FFF;
}
#profile-card {
background: #fff;
border: 1px solid #E6E6E6;
width: 300px;
margin: 0 auto;
border-radius: 3px;
position: absolute;
display: none;
z-index: 999;
}
#profile-card .preloader-retina {
margin-bottom: 10px;
}
.profile-card-padding {
padding: 20px 10px 10px 10px;
}
.profile-card-cover img {
width: 100%;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.profile-card-avatar {
margin: -94px 0 0 10px;
}
.profile-card-avatar a {
height: 80px;
width: 80px;
}
.profile-card-avatar img {
width: 80px;
height: 80px;
}
.profile-card-info {
margin: -93px 0 0 100px;
height: 100px;
position: relative;
}
.profile-card-info .cover-text-container {
font-size: 16px;
color: #FFF;
position: relative;
margin: 0;
}
.profile-card-buttons {
overflow: auto;
right: 0;
padding: 10px 10px 10px 10px;
}
.profile-card-buttons-container {
width: 60px;
float: right;
}
.profile-card-stats {
float: left;
font-size: 15px;
color: #666;
margin: 3px 15px 0 3px;
vertical-align: top;
}
.profile-card-stats img {
margin-right: 5px;
vertical-align: bottom;
cursor: pointer;
}
.profile-card-stats a {
color: #666;
text-decoration: none;
}
.profile-card-username {
overflow: auto;
float: left;
padding-top: 10px;
}
.profile-card-username img {
width: 13px;
height: 13px;
}
.profile-card-location {
overflow: auto;
color: #FFF;
float: left;
min-width: 180px;
}
.track-likes {
padding: 7px 0 4px 0;
}
.likes-plus {
background: url('images/icons/likes_plus.png') no-repeat;
background-size: 25px;
overflow: auto;
width: 25px;
height: 25px;
display: inline-block;
}
.track-stats {
float: right;
padding-top: 10px;
}
.track-container .track-stats {
float: left;
padding-top: 3px;
}
.track-buttons-container {
font-size: 12px;
float: left;
padding-top: 5px;
}
.nav-menu a.menu-button:first-child {
	margin-left: 0;
}
a.menu-button {
float: left;
text-decoration: none;
color: #3a3635;
margin: 0 15px 0 5px;
padding: 5px 0 14px 0;
text-transform: uppercase;
font-size: 14px;
}
a.menu-button:hover {
border-bottom: 2px solid #fe4646;
padding-bottom: 12px;
}
a.menu-button-active, a.menu-button-active1 {
border-bottom: 2px solid #fe4646;
padding-bottom: 12px;
}
.topbar-song-name {
font-size: 10px;
margin-left: 140px;
position: absolute;
top: 5px;
}
.topbar-song-name a {
color: #8D8D8D;
}
.topbar-song-name a:hover {
color: #FFF;
}
#loading-bar {
position: fixed;
z-index: 2147483647;
top: 0;
left: -6px;
width: 0;
height: 3px;
background: #fe4646;
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
border-radius: 1px;
-moz-transition: width 500ms ease-out,opacity 400ms linear;
-ms-transition: width 500ms ease-out,opacity 400ms linear;
-o-transition: width 500ms ease-out,opacity 400ms linear;
-webkit-transition: width 500ms ease-out,opacity 400ms linear;
transition: width 500ms ease-out,opacity 400ms linear;
}
#loading-bar dd, dt {
position: absolute;
-moz-box-shadow: #fe4646 1px 0 6px 1px;
-ms-box-shadow: #fe4646 1px 0 6px 1px;
-webkit-box-shadow: #fe4646 1px 0 6px 1px;
box-shadow: #fe4646 1px 0 6px 1px;
}
#loading-bar dd {
opacity: .6;
width: 20px;
right: 0;
clip: rect(-6px,22px,14px,10px);
}
#loading-bar dt {
opacity: .6;
width: 180px;
right: -80px;
clip: rect(-6px,90px,14px,-6px);
}
#content {
border-bottom: 1px solid #DDD;
/*Layout design changes starts*/
background: #ffffff;
/*Layout design changes ends*/
}
.body-content {
background: #FFF;
overflow: hidden;
/*Layout design changes starts*/
/*border-left: 1px solid #DDD;
border-right: 1px solid #DDD;*/
/*Layout design changes ends*/
}
.song-container {

/*Right sidebar to left sidebar starts*/
/*Layout design changes starts*/
/*border-bottom: 1px solid #EEE;*/
border-left: 1px solid #EEE;
padding: 13px 0px 10px 40px;
overflow: hidden;
/*Layout design changes ends*/	
margin-left: -1px;
/*Right sidebar to left sidebar ends*/

}
.song-container-page {
border-bottom: none;
}
.track-container .track-stats a {
text-decoration: none;
float: left;
margin-right: 5px;
}
.song-container a, .embed-container a {
text-decoration: none;
margin-right: 5px;
}
.song-top {
padding: 0 0 0 132px;
min-height: 38px;
}
.track-container .song-play-btn {
float: left;
background-image: url("images/sprite_common_list.png");
display: block;
height: 24px;
margin: 12px auto;
position: relative;
text-align: left;
text-indent: -9999px;
width: 24px;
background-position: -150px 0;
/*HIDE blue part start*/
margin-left: 0px;
/*HIDE blue part end*/
background-size: 300px;
}
.track-container .song-play-btn:hover {
background-image: url("images/sprite_common_list.png");
background-position: -150px -30px;
background-size: 300px;
}
.song-play-btn {
width: 35px;
height: 35px;
float: left;
background: url('images/icons/play_btn.png') no-repeat;
background-size: 35px;
cursor: pointer;
text-indent: -9999px;
}
.song-play-btn:hover {
background: url('images/icons/play_btn_h.png') no-repeat;
background-size: 35px;
}
.player-controls a.jp-play,
.player-controls a.jp-pause {
	width:35px;
	height:35px;
	outline: 0;
	text-indent: -9999px;
	position: absolute;
	margin-top: -35px;
}
.player-controls a.jp-play {
	background: url("images/icons/play_btn.png") no-repeat;
	background-size: 35px;
}
.player-controls a.jp-play:hover {
	background: url("images/icons/play_btn_h.png") no-repeat;
	background-size: 35px;
}
/*Music player changes starts*/
.player-controls a.jp-pause,
.song-play-btn.trackplaying{
	background: url("images/icons/pause_btn_h.png") no-repeat;
	background-size: 35px;
}
.song-play-btn.trackpaused {
	margin-top: 0px;
}
.song-top .song-play-btn.sm2_playing {
	margin-top: 0;
	display: block;
}
.player-controls a.jp-pause:hover,
.song-play-btn.trackplaying:hover {
	background: url("images/icons/pause_btn_h.png") no-repeat;
	background-size: 35px;
}
/*Music player changes ends*/
.player-controls div.jp-audio div.jp-progress {
top: 15px;
}
.song-art {
float: left;
}
.song-art a {
float: left; /* Cover the whole image with anchor */
}
.song-titles {
padding: 0 0 0 45px;
}
.track-container .song-title {
font-size: 13px;
word-wrap: break-word;
color: #5C5C5A;
float: left;
line-height: 19px;
}
.track-container .song-title a span {
margin-left: 2px;	
}
.song-title {
font-size: 15px;
word-wrap: break-word;
}
.song-timeago {
overflow: auto;
float: right;
font-size: 12px;
}
.track-container .song-author {
font-size: 13px;
color: #A07370;
margin-top: 7px;
float: left;
width: 100%;
}
.song-author {
font-size: 13px;
color: #868686;
}
.song-author a {
color: #999;
}
.song-author a:hover {
color: #666;
}
.song-tag {
float: right;
font-size: 12px;
margin-top: 4px;
}
.song-tag a {
background: #EEE;
color: #8A8A8A;
border-radius: 3px;
padding: 3px 5px;
text-decoration: none;
}
.song-tag a:hover {
background: #DDD;
color: #666;
}
.song-container div.jp-audio div.jp-type-single div.jp-progress, .song-container div.jp-audio div.jp-type-single div.jp-time-holder, .embed-container div.jp-audio div.jp-type-single div.jp-progress, .embed-container div.jp-audio div.jp-type-single div.jp-time-holder {
left: 0;
width: 100%;
}
.song-container div.jp-audio, .embed-container div.jp-audio {
width: 100%;
}
.song-container .jp-audio, .embed-container .jp-audio {
display: block;
}
.player-controls {
padding: 0 0 10px 132px;
}
.song-container div.jp-audio div.jp-time-holder, .embed-container div.jp-audio div.jp-time-holder {
top: 25px;
}
.embed-container {
background: #FFF;
overflow: auto;
}
.embed-container .track-likes {
padding: 23px 0 0 0;
margin-bottom: 0;
}
.embed-powered-by {
overflow: auto;
float: right;
}
.embed-powered-by a {
color: #999;
}
.embed-powered-by a:hover {
color: #666;
}
.embed-error-title {
margin: 0 auto;
padding-top: 80px;
width: 250px;
text-align: center;
}
.embed-error-desc {
margin: 0 auto;
padding-top: 5px;
width: 250px;
text-align: center;
}
.embed-error a {
color: #FFF;
text-decoration: none;
}
.embed-error a:hover {
color: #F6F6F6;
}
.user-stats {
color: #444;
}
.stats-column-title {
font-weight: bold;
}
.user-stats-row {
padding: 10px 20px 0 0;
}
.user-stats-row-count {
width: 20px;
color: #999;
font-weight: bold;
display: block;
float: left;
}
.user-stats-title {
display: inline-block;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
width: 80%;
box-sizing: border-box;
padding-right: 5px;
}
.user-stats-title a {
text-decoration: none;
}
.user-stats-title img {
width: 17px;
height: 17px;
padding-right: 3px;
vertical-align: bottom;
}
.user-stats-count {
display: inline-block;
min-width: 25px;
text-align: right;
float: right;
font-weight: bold;
}
.small-info {
padding-top: 10px;
font-size: 12px;
color: #777;
width: 100%;
display: inline-block;
}
.track-info-container {
padding: 20px;
overflow: auto;
}
.track-info-art {
float: left;
width: 112px;
}
.track-info-inputs {
padding: 0 0 0 132px;
}
.track-info-input {
padding: 0 0 15px 0;
overflow: auto;
}
.track-info-title {
float: left;
width: 100%;
}
.track-info-input input, .track-info-input textarea, .track-info-input select {
padding: 6px 8px;
border: 1px solid #BFBFBF;
border-radius: 3px;
outline: none;
margin: 0;
width: 100%;
max-width: none;
margin-top: 5px;
float: left;
box-sizing: border-box;;
}
.track-info-input input:hover, .track-info-input input:focus, .track-info-input textarea:hover, .track-info-input textarea:focus {
border: 1px solid #AAA;
}
.track-info-input select {
width: 100px;
display: block;
margin-right: 10px;
width:68% !important;
}
.track-info-input input[type="radio"] {
width: auto;
margin: 3px 5px 0 0;
float: left;
display: block;
border: 0;
}
.track-info-radio, .license-container {
width: 100%;
margin-top: 5px;
float: left;
}
.license-container {
margin-top: 10px;
}
.license-box-container {
width: 50%;
overflow: auto;
float: left;
padding-right: 10px;
padding-bottom: 10px;
box-sizing: border-box;
}
.license-box-container:last-child {
padding-right: 0;
}
.license-box-content {
border: 1px solid #BFBFBF;
padding: 10px 10px 10px 35px;
background: url('images/icons/playlist_add_n.png') 10px 10px no-repeat;
background-size: 17px;
cursor: pointer;
border-radius: 5px;
}
.license-box-content:hover {
border: 1px solid #AAA;
background: url('images/icons/playlist_add_h.png') 10px 10px no-repeat;
background-size: 17px;
}
.license-box-active {
background: url('images/icons/playlist_added.png') 10px 10px no-repeat;
background-size: 17px;
}
.license-box-active:hover {
background: url('images/icons/playlist_remove.png') 10px 10px no-repeat;
background-size: 17px;
}
.license-box-title {
color: #666;
}
.license-box-desc {
color: #999;
font-size: 12px;
padding-top: 5px;
width: 100%;
overflow: auto;
}
.license-icon {
width: 15px;
height: 15px;
display: inline-block;
}
.license-cc-icon {
background: url('images/icons/license_cc.png') no-repeat;
background-size: 15px;
}
.license-at-icon {
background: url('images/icons/license_at.png') no-repeat;
background-size: 15px;
}
.license-nc-icon {
background: url('images/icons/license_nc.png') no-repeat;
background-size: 15px;
}
.license-nd-icon {
background: url('images/icons/license_nd.png') no-repeat;
background-size: 15px;
}
.license-sa-icon {
background: url('images/icons/license_sa.png') no-repeat;
background-size: 15px;
}
.edit-menu {
margin: 0 0 10px 0;
overflow: auto;
border-bottom: 1px solid #EEE;
}
.edit-menu-item {
color: #777;
padding: 0 0 13px 0;
float: left;
cursor: pointer;
margin-right: 15px;
font-size: 15px;
}
.edit-menu-item:hover, .edit-menu-item-active {
color: #777;
padding: 0 0 10px 0;
border-bottom: 3px solid #FE4646;
cursor: pointer;
}
.required {
color: #FF6060;
}
.upload-btn {
float: left;
width: 100%;
box-sizing: border-box;
text-align: center;
cursor: pointer;
margin-top: 5px;
padding: 6px 0;
position:inherit;
}
.upload-btn input {
width: 112px;
position: absolute;
left: 20px;
height: 30px;
margin-top: -6px; 
opacity: 0.0;
cursor: pointer;
}
.upload-btn input::-webkit-file-upload-button { cursor: pointer; }

.upload-btn-selected {
border: 1px solid #888;
background: #888;
color: #FFF;
}
.upload-btn-selected:hover {
background: #FFF;
}
.upload-btn-selected:active {
color: #666;
}
.upload-btn-text {
float: left;
padding: 0 10px;
width: 90px;
}
#upload-success {
max-width: 300px;
color: #777;
margin: 0 auto;
}
.upload-title {
font-size: 18px;
text-align: center;
margin: 20px auto 0 auto;
}
.upload-desc {
font-size: 14px;
text-align: center;
margin: 20px auto;
}
.go-pro-title {
font-weight: bold;
}
.go-pro-widget-container {
color: #777;
padding: 0;
}
.go-pro-widget-desc {
padding: 5px 0 0 0;
}
.go-pro-container {
padding-top: 30px;
text-align: center;
width: 100%;
overflow: auto;
}
.go-pro-welcome {
padding-top: 20px;
}
.go-pro-desc {
font-size: 15px;
max-width: 500px;
width: 100%;
margin: 0 auto;
}
.go-pro-btn {
min-height: 40px;
padding-top: 20px;
}
.go-pro-widget-btn {
min-height: 30px;
padding-top: 15px;
}
.go-pro-welcome-btn {
min-height: 30px;
padding-top: 25px;
}
.go-pro-go-pro-btn {
min-height: 0;
padding-top: 0;
display: inline-block;
}
.go-pro-btn a {
border-radius: 3px;
padding: 5px 10px;
color: #FF8181;
border: 1px solid #FF8181;
cursor: pointer;
text-decoration: none;
font-weight: bold;
margin-left: 1px;
}
.go-pro-btn a:hover {
border-color: #FF6060;
background: #FF6060;
color: #FFF;
}
.go-pro-header {
background: url('images/background.png') bottom left;
color: #FFF;
padding: 30px 20px;
text-align: center;
}
.go-pro-header-title {
font-size: 24px;
}
.go-pro-header-desc {
font-size: 15px;
}
.current-plan {
padding: 10px 0 0 0;
font-size: 14px;
text-align: center;
}
.current-plan-option {
color: #777;
font-weight: bold;
text-transform: capitalize;
}
.plans-container {
width: 50%;
overflow: auto;
float: left;
}
.feature-container {
border-radius: 5px;
background: #EEE;
padding: 15px;
overflow: auto;
margin: 20px 20px 10px 20px;
font-size: 15px;
}
.feature-description {
margin: 10px 20px 20px 20px;
padding: 0 15px;
}
.feature-option {
width: 50%;
float: left;
}
.plan-option {
width: 25%;
float: left;
}
.plan-info {
width: 50%;
float: left;
}
.plan-history-title {
font-size: 15px;
margin: 20px 20px 10px 20px;
padding: 0 15px;
}
.plan-history-container {
margin: 0 20px 20px 20px;
padding: 15px;
}
.plan-history {
width: 25%;
float: left;
font-size: 13px;
}
.plan-option-free {
color: #FF4040;
}
.plan-option-pro {
color: #308D30;
font-weight: bold;
}
select.plan-options {
border: 1px solid #CCC;
padding: 5px;
border-radius: 3px;
margin: 10px 5px 0 0;
}
/* Start Player CSS */
div.jp-audio,
div.jp-audio-stream {

	/* Edit the font-size to counteract inherited font sizing.
	 * Eg. 1.25em = 1 / 0.8em
	 */

	font-size:1.25em; /* 1.25em for testing in site pages */ /* No parent CSS that can effect the size in the demos ZIP */

	line-height:1.6;
	color: #8D8D8D;
}
div.jp-audio {
	width:420px;
	float: left;
}
#content div.jp-audio {
	float: none;
}
div.jp-audio-stream {
	width:182px;
}

/* The z-index rule is defined in this manner to enable Popcorn plugins that add overlays to video area. EG. Subtitles. */

div.jp-interface {
	position: relative;
	width:100%;
}

div.jp-audio div.jp-type-single div.jp-interface {
	height:17px;
}
div.jp-audio div.jp-type-playlist div.jp-interface {
	height:80px;
}

div.jp-audio-stream div.jp-type-single div.jp-interface {
	height:80px;
}

/* @group CONTROLS */
div.jp-controls-holder {
	clear: both;
	width:440px;
	margin:0 auto;
	position: relative;
	overflow:hidden;
	top:-8px; /* This negative value depends on the size of the text in jp-currentTime and jp-duration */
}

div.jp-interface ul.jp-controls {
	list-style-type:none;
	margin:0;
	padding: 0;
	overflow:hidden;
}

div.jp-audio ul.jp-controls {
	width: 380px;
	padding: 10px 20px 0 20px;
}

div.jp-audio-stream ul.jp-controls {
	width: 142px;
	padding:20px 20px 0 20px;
}

div.jp-video div.jp-type-single ul.jp-controls {
	width: 78px;
	margin-left: 200px;
}

div.jp-video div.jp-type-playlist ul.jp-controls {
	width: 134px;
	margin-left: 172px;
}
div.jp-video ul.jp-controls,
div.jp-interface ul.jp-controls li {
	display:inline;
	float: left;
}

div.jp-interface ul.jp-controls a {
	display:block;
	overflow:hidden;
	text-indent:-9999px;
}
a.jp-play,
a.jp-pause {
	width:40px;
	height:40px;
	outline: 0;
}

a.jp-play {
	background: url("images/player_controls.png") 0 0 no-repeat;
}
a.jp-play:hover {
	background: url("images/player_controls.png") -41px 0 no-repeat;
}
a.jp-pause {
	background: url("images/player_controls.png") 0 -42px no-repeat;
	display: none;
}
a.jp-pause:hover {
	background: url("images/player_controls.png") -41px -42px no-repeat;
}

a.jp-stop, a.jp-previous, a.jp-next {
	width:28px;
	height:28px;
	margin-top:6px;
}

a.jp-stop {
	background: url("images/player_controls.png") 0 -83px no-repeat;
	margin-left:10px;
}

a.jp-stop:hover {
	background: url("images/player_controls.png") -29px -83px no-repeat;
}

a.jp-previous {
	background: url("images/player_controls.png") 0 -112px no-repeat;
}
a.jp-previous:hover {
	background: url("images/player_controls.png") -29px -112px no-repeat;
}

a.jp-next {
	background: url("images/player_controls.png") 0 -141px no-repeat;
}
a.jp-next:hover {
	background: url("images/player_controls.png") -29px -141px no-repeat;
}
/* @end */

/* @group progress bar */
div.jp-progress {
	overflow:hidden;
	background-color: #ddd;
}
div.jp-audio div.jp-progress {
	position: absolute;
	top: 25px;
	height: 5px;
}
div.jp-audio div.jp-type-single div.jp-progress {
	left:140px;
	width:186px;
}
div.jp-audio div.jp-type-playlist div.jp-progress {
	left:166px;
	width:130px;
}
div.jp-seek-bar {
	background: url("images/player_controls.png") 0 -202px repeat-x;
	width:0px;
	height:100%;
	cursor: pointer;
}
div.jp-play-bar {
	background: url("images/player_controls.png") 0 -218px repeat-x ;
	width:0px;
	height:100%;
}

/* The seeking class is added/removed inside jPlayer */
div.jp-seeking-bg {

}
/* @end */

/* @group volume controls */
a.jp-mute,
a.jp-unmute,
a.jp-volume-max {
	width: 18px;
	height: 15px;
	margin-top: 10px;
	outline: 0;
}

div.jp-audio div.jp-type-single a.jp-mute,
div.jp-audio div.jp-type-single a.jp-unmute {
	margin-left: 240px;	
}
div.jp-audio div.jp-type-playlist a.jp-mute,
div.jp-audio div.jp-type-playlist a.jp-unmute {
	margin-left: 154px;
}

div.jp-audio-stream div.jp-type-single a.jp-mute,
div.jp-audio-stream div.jp-type-single a.jp-unmute {
	margin-left:10px;
}

div.jp-audio a.jp-volume-max,
div.jp-audio-stream a.jp-volume-max {
	margin-left: 56px;	
}

a.jp-mute {
	background: url("images/player_controls.png") 0 -170px no-repeat;
}
a.jp-mute:hover {
	background: url("images/player_controls.png") -19px -170px no-repeat;
}
a.jp-unmute {
	background: url("images/player_controls.png") -60px -170px no-repeat;
	display: none;
}
a.jp-unmute:hover {
	background: url("images/player_controls.png") -79px -170px no-repeat;
}
a.jp-volume-max {
	background: url("images/player_controls.png") 0 -186px no-repeat;
}
a.jp-volume-max:hover {
	background: url("images/player_controls.png") -19px -186px no-repeat;
}

div.jp-volume-bar {
	position: absolute;
	overflow:hidden;
	background: url("images/player_controls.png") 0 -250px repeat-x;
	width:46px;
	height:5px;
	cursor: pointer;
}
div.jp-audio div.jp-volume-bar {
	top: 25px;
	left: 360px;
}
div.jp-audio-stream div.jp-volume-bar {
	top:37px;
	left:92px;
}
div.jp-video div.jp-volume-bar {
	top:17px;
	left:72px;
}
div.jp-volume-bar-value {
	background: url("images/player_controls.png") 0 -256px repeat-x;
	width:0px;
	height:5px;
}
.prev-button {
	background: url("images/player_controls.png") -39px -120px no-repeat;
	width: 8px;
	height: 12px;
	margin: 11px 10px 0 0;
	cursor: pointer;
}
.prev-button:hover {
	background: url("images/player_controls.png") -10px -120px no-repeat;
}
.prev-button-disabled {
	background: url("images/player_controls.png") -68px -120px no-repeat;
	cursor: default;
}
.prev-button-disabled:hover {
	background: url("images/player_controls.png") -68px -120px no-repeat;
}
.next-button {
	background: url("images/player_controls.png") -39px -149px no-repeat;
	width: 8px;
	height: 12px;
	margin: 11px 0 0 10px;
	cursor: pointer;
}
.next-button:hover {
	background: url("images/player_controls.png") -10px -149px no-repeat;
}
.next-button-disabled {
	background: url("images/player_controls.png") -68px -149px no-repeat;
	cursor: default;
}
.next-button-disabled:hover {
	background: url("images/player_controls.png") -68px -149px no-repeat;
}
/* @end */

/* @group current time and duration */

div.jp-audio div.jp-time-holder {
	position:absolute;
	top: 35px;
	display: none;
}
div.jp-audio div.jp-type-single div.jp-time-holder {
	left:140px;
	width:186px;
}
div.jp-audio div.jp-type-playlist div.jp-time-holder {
	left:166px;
	width:130px;
}

div.jp-current-time,
div.jp-duration {
	width: 60px;
	font-size: .64em;
}
div.jp-current-time {
	float: left;
	display:inline;
}
div.jp-duration {
	float: right;
	display:inline;
	text-align: right;
}

div.jp-video div.jp-current-time {
	margin-left:20px;
}
div.jp-video div.jp-duration {
	margin-right:20px;
}

/* @end */

div.jp-jplayer audio,
div.jp-jplayer {
	width:0px;
	height:0px;
}

div.jp-jplayer {
	background-color: #000000;
}

/* @group TOGGLES */
/* The audio toggles are nested inside jp-time-holder */
ul.jp-toggles {
	list-style-type:none;
	padding:0;
	margin:0 auto;
	overflow:hidden;
}

div.jp-audio .jp-type-single ul.jp-toggles {
	width: 25px;
	position: absolute;
	top: 17px;
	left: 110px;
}
div.jp-audio .jp-type-playlist ul.jp-toggles {
	width:55px;
	margin: 0;
	position: absolute;
	left: 325px;
	top: 50px;
}

ul.jp-toggles li {
	display:block;
	float:right;
}

ul.jp-toggles li a {
	display:block;
	width:25px;
	height:18px;
	text-indent:-9999px;
	line-height:100%; /* need this for IE6 */
	outline: 0;
}

a.jp-repeat {
	background: url("images/player_controls.png") 0 -290px no-repeat;
}

a.jp-repeat:hover {
	background: url("images/player_controls.png") -30px -290px no-repeat;
}

a.jp-repeat-off {
	background: url("images/player_controls.png") -60px -290px no-repeat;
}

a.jp-repeat-off:hover {
	background: url("images/player_controls.png") -90px -290px no-repeat;
}

a.jp-shuffle {
	background: url("images/player_controls.png") 0 -270px no-repeat;
	margin-left: 5px;
}

a.jp-shuffle:hover {
	background: url("images/player_controls.png") -30px -270px no-repeat;
}

a.jp-shuffle-off {
	background: url("images/player_controls.png") -60px -270px no-repeat;
	margin-left: 5px;
}

a.jp-shuffle-off:hover {
	background: url("images/player_controls.png") -90px -270px no-repeat;
}
/* @end */

/* @group NO SOLUTION error feedback */
.jp-no-solution {
	padding:5px;
	font-size:.8em;
	background-color:#eee;
	border:2px solid #009be3;
	color:#000;
	display:none;
}

.jp-no-solution a {
	color:#000;
}

.jp-no-solution span {
	font-size:1em;
	display:block;
	text-align:center;
	font-weight:bold;
}
/* @end */

/* @animations */
@-webkit-keyframes small-bounce {
0% {-webkit-transform:translateY(0px)}
25%{-webkit-transform:translateY(3px)}
50%{-webkit-transform:translateY(0px)}
75%{-webkit-transform:translateY(-1px)}
100%{-webkit-transform:translateY(0px)}
}
@-moz-keyframes small-bounce {
0%{-moz-transform:translateY(0px)}
25%{-moz-transform:translateY(3px)}
50%{-moz-transform:translateY(0px)}
75%{-moz-transform:translateY(-1px)}
100%{-moz-transform:translateY(0px)}
}
@keyframes small-bounce {
0%{transform:translateY(0px)}
25%{transform:translateY(3px)}
50%{transform:translateY(0px)}
75%{transform:translateY(-1px)}
100%{transform:translateY(0px)}
}
@-webkit-keyframes small-bounce-right {
0%{-webkit-transform:translateX(0px)}
25%{-webkit-transform:translateX(3px)}
50%{-webkit-transform:translateX(0px)}
75%{-webkit-transform:translateX(-1px)}
100%{-webkit-transform:translateX(0px)}
}
@-moz-keyframes small-bounce-right {
0%{-moz-transform:translateX(0px)}
25%{-moz-transform:translateX(3px)}
50%{-moz-transform:translateX(0px)}
75%{-moz-transform:translateX(-1px)}
100%{-moz-transform:translateX(0px)}
}
@keyframes small-bounce-right {
0%{transform:translateX(0px)}
25%{transform:translateX(3px)}
50%{transform:translateX(0px)}
75%{transform:translateX(-1px)}
100%{transform:translateX(0px)}
}
.animation-small-bounce {
-webkit-animation:small-bounce 850ms linear infinite;
-moz-animation:small-bounce 850ms linear infinite;
animation:small-bounce 850ms linear infinite
}
.animation-small-bounce-right {
-webkit-animation:small-bounce-right 850ms linear infinite;
-moz-animation:small-bounce-right 850ms linear infinite;
animation:small-bounce-right 850ms linear infinite
}
/*Tracklist changes starts 13th May 2015*/
.message-tracklist, .message-description,.message-tracklist span, .message-description span {
float: left;
width: 100%;
margin: 15px 0 0px 0;
}
.message-description {
margin-bottom: 25px;	
}
.message-tracklist span, .message-description span{
padding-bottom: 10px;
border-bottom: 1px solid #eeeeee;
margin-bottom:10px; 
color: #777;
font-size: 13px;
font-weight: bold;
}
.trackreport a{
background: url("images/icons/report.png") no-repeat left center;
padding-left: 20px;
background-size: 9%;
line-height: 15px;
height:100%;
min-height:100%;
}
.trackreport a:hover {
background: url("images/icons/report_h.png") no-repeat left center;
background-size: 9%;
}
/*Category Changes Starts*/
.track-cat-select {
width:100% !important;
}
/*Category Changes ends*/
/*Tracklist changes ends 13th May 2015*/
/*categories to genres changes starts*/
.genres-select-option2l, .genres-select-option3l{
font-weight: normal;
}
/*categories to genres changes ends*/
/*categories to genres changes starts*/
.genres-select-option2l{
font-weight: normal;
}
.genres-select-option3l{
font-weight: normal;
}
/*categories to genres changes ends*/
/*Add select genres changes starts*/
.page-container .pagetitle {
width: 85px; 
}
/*Add select genres changes ends*/
/* @end */
/*Star rating changes starts*/
.star-rating-outter, .star_rating_stats, .nologin-star-rating, .user-stared-rating-outter, .playliststar-rating-outter, .playliststar_rating_stats, .nologin-playliststar-rating, .user-playliststared-rating-outter {
	float: left;
}
.track-container .star-rating-outter, .track-container .star_rating_stats, .track-container .nologin-star-rating, .track-container .user-stared-rating-outter, .playlist-container .playliststar-rating-outter, .playlist-container .playliststar_rating_stats, .playlist-container .nologin-playliststar-rating, .playlist-container .user-playliststared-rating-outter {
	width: 100%;
	margin-top: 3px;
}
.track-container .star_rating_stats {
	margin-top: 13px;
}
.star_rating_stats  .stars-container, .playliststar_rating_stats  .playliststars-container {
	margin-top: 0;
	margin-right: 0px;
}
.stars-container, .playliststars-container {
	float:left;
	width: auto;
	margin-right: 10px;
	margin-top: 5px;
}
.playliststar_rating_stats .stars-container {
	margin-top: 0px;
	margin-right: 0px;
}
.rating {
	cursor:pointer;
	clear:both;
	display:block;
}
.rating:after {
	content:'.';
	display:block;
	height:0;
	width:0;
	clear:both;
	visibility:hidden;
}
.cancel,.star {
	float:left;
	width:17px;
	height:16px;
	overflow:hidden;
	text-indent:-999em;
	cursor:pointer;
}
.star-left,.star-right {
	width:8px;
}
.cancel,.cancel
a {
	background:url(images/delete.gif) no-repeat 0 -16px;
	display: none;
}
.star,.star a {
	background:url(images/star.gif) no-repeat 0 0;
}
.star-left,.star-left a, .star_rating_stats .star-left.on {
	background:url(images/star-left.gif) no-repeat 0 0;
}
.star-right,.star-right a, .star_rating_stats .star-right.on {
	background:url(images/star-right.gif) no-repeat 0 0;
}
.cancel a,.star
a {
	display:block;
	width:100%;
	height:100%;
}

div.rating div.on a, .star_rating_stats div.rating div.on a:hover, .playliststar_rating_stats div.rating div.on a:hover {
	background-position:0 -16px;
}
div.rating div.hover a,div.rating div a:hover{
	background-position:0 -16px;
}
.star_rating_stats div.rating div.hover a, .playliststar_rating_stats div.rating div.hover a{
	background-position:0;	
	background: none;
}
.star_rating_stats span, .playliststar_rating_stats span {
	font-size: 12px;
	width: auto;
	padding: 0 0 0 5px;
	color: #a8a8a8;
}
.star-rating-outter span, .playliststar-rating-outter span{
	display: none;
}
.star_rating_stats div.rating div.off a:hover, .user-stared-rating-outter div.rating div.off a:hover, .playliststar_rating_stats div.rating div.off a:hover, .user-playliststared-rating-outter div.rating div.off a:hover {
	background-position: 0;
	background: none;
}
.track-container .star, .track-container .star:hover, .playlist-container .star, .playlist-container .star:hover {
	width: 7px;
	height: 15px;
	float:left;
	overflow:hidden;
	text-indent:-999em;
	cursor:pointer;
}
.track-container .star, .track-container .star a, .playlist-container .star, .playlist-container .star a {
	background:url(images/star-s.gif) no-repeat 0 0;
}
.track-container .star-left, .track-container .star-left a, .track-container .star_rating_stats .star-left.on,
.playlist-container .star-left, .playlist-container .star-left a, .playlist-container .star_rating_stats .star-left.on {
	background:url(images/star-left-s.gif) no-repeat 0 0;
}
.track-container .star-right, .track-container .star-right a, .track-container .star_rating_stats .star-right.on,
.playlist-container .star-right, .playlist-container .star-right a, .playlist-container .star_rating_stats .star-right.on {
	background:url(images/star-right-s.gif) no-repeat 0 0;
}
.track-container div.rating div.hover a, .track-container div.rating div a:hover {
	background-position: 0 -14px;
}
.track-container div.rating div.on a, .track-container .star_rating_stats div.rating div.on a:hover {
	background-position: 0 -14px;
}
.playlist-container div.rating div.on a, .playlist-container .star_rating_stats div.rating div.on a:hover, .playlist-container .playliststar_rating_stats div.rating div.on a:hover {
	background-position:0 -14px;
}
.playlist-container div.rating div.hover a, .playlist-container div.rating div a:hover{
	background-position:0 -14px;
}
/*.track-container .star-left, .track-container .star-right {
	width: 7px;
}*/
/*.track-container .star {
	height: 16px;
}*/
/*Star rating changes ends*/
/*Music player changes starts*/
.song-container .jp-progress, .song-container .jp-time-holder{
	display: none!important;
}
/*Music player changes ends*/
/*Right sidebar to left sidebar starts*/
.sidebar-link {
	/*Layout design changes starts*/
	margin-right: 15px;
	/*Layout design changes ends*/
}
.sidebar-content .sidebar-link{
	border-right:none;	
}
/*Right sidebar to left sidebar ends*/
/*Layout design changes starts*/
.sm2-player-container {
	position: fixed;
	width: 100%;
	bottom: 0;
	background: #ffffff;
	height: 80px;
	z-index: 1000;
	left: 0px;
	right: 0px;
	margin-bottom: 0px;
	padding:0px;
	border-top:1px solid #dddddd;
}
.sm2-player-container-inner {
	max-width: 1120px;
	width: 100%;
	margin 0px auto;
	box-sizing: border-box;
    margin: 0 auto;
    max-width: 1120px;
    overflow: hidden;
    padding: 0 15px 10px 10px;
    height: 50px;
}
.sm2-player-container-inner .sm2-player {
	/*float: right;*/
	width: 100%;
	position: fixed;
	right: 0%;
	margin: 0 auto;
}
.sm2-player-container-inner .sm2-player .sm2-bar-ui.fixed {
	right: 0;
	margin: 0px auto;
	height: 100px;
}
.sm2-player-container-inner .sm2-player-label {
	float: left;
	width: 25%;
}
.sm2-player-container-inner .sm2-player-label .track_img {
	float: left;
	margin-right:5px;
}
#sm2-player .playbtn {
	width: 70px;
	height: 65px;
	margin-top: 9px;
}
.top-nav {
	float: right;
	width:100%;
	clear: both;
}
.top-nav ul {
	list-style: none;
	float: right;
	margin:3px 0 0 0; 
}
.top-nav ul li {
	float: left;
	color: #878685;
}
.top-nav ul li a {
	color: #878685;
	display: inline-block;
	font-size: 13px;
    line-height: 28px;
    padding: 0 6px 0 9px;
    position: relative;
    line-height: 14px;
}
.top-nav ul li a span.bar, .connect-menu li a span.bar {
    background-color: #cccccc;
    height: 6px;
    left: 0;
    position: absolute;
    top: 5px;
    width: 1px;
}
.top-nav ul li:last-child a {
	padding-right: 0;
}
.connect_links {
	position: relative;
	float: right;
	margin-top: 23px; 
	margin-right: 10px;
}
.connect_links button {
    background: url("images/sprite_common_header.png") no-repeat -30px 0px ;
    display: block;
    height: 28px;
    left: 0;
    overflow: hidden;
    position: absolute;
    text-decoration: none;
    text-indent: -1000em;
    top: 0;
    width: 28px;
    z-index: 800;
    border: none;
}
.connect-menu {
	float: right;
	width: auto;
}
.connect-menu{
	float: left;
	list-style: none;
	margin: 0px;
}
.connect-menu li {
	float: left;	
}
.connect-menu li:last-child a{
	margin-right: 0;
	padding-left:10px;
}
.connect-menu li a {
	display: inline-block;
    font-size: 13px;
    line-height: 28px;
    position: relative;
    color: #3a3635;    
    cursor: pointer;
    position: relative;
    margin-right: 6px;
}
.connect-menu li a span.bar {
	height: 8px;
	top: 12px;
}
.padding-left {
	padding-left: 15px;
	width: 
}
.sidebarhead {
	background: url("images/sprite_common_gnb.png") no-repeat 0 -40px;
	padding-left: 30px;
	height: 30px;
	border-bottom:none; 
	line-height: 25px;
	margin-top: 20px;
}
.sidebarlink a{
	padding-left: 30px;
	background-color: #ffffff;
    color: #3a3635;
    display: inline-block;
    font-size: 14px;
    line-height: 28px;
    width: 100%;
}
.sidebarlink a:hover {
	background: none;
	text-decoration: underline;
	color: #3a3635;
}
.sidebarlink a.subcategory-listing {
	/*Menu added start*/
	padding-left: 43px;
	/*Menu added end*/
}
.sidebarlink a.subcategory-listing2l {
	padding-left: 50px;
}
/*.maincontent-track {
	border-left:1px solid #c4c5c8;
    padding: 0 0 0 39px;
    width: 80%!important;	
}*/
.filter-btn {
	float: left;
	/*HIDE red part start*/
	padding: 13px 20px 0px 40px;
	/*HIDE red part end*/
	width: 100%;
	margin: 0px 0 10px 0;
}
.filter-btn .filter-btn-inner {
	float: left;
	width: 100%;
	margin: 20px 0 0px;
}
.filter-btn .filter-btn-inner a{
	background-image: url("images/bg_segment.png");
    background-position: 0 -30px;
    border-right: 1px solid #b2b7ba;
    color: #757271;
    display: block;
    float: left;
    font-size: 13px;
    height: 14px;
    min-width: 37px;
    overflow: hidden;
    padding: 8px 15px;
    text-align: center;
    text-decoration: none;
}
.filter-btn .filter-btn-inner a:first-child{
	background-position: 0 0px;
}
.filter-btn .filter-btn-inner a:last-child{
background-position: 100% -60px;
border-right: 0 none;
}
.filter-btn .filter-btn-inner a:hover {
	color: #3a3635;	
}
.filter-btn .filter-btn-inner a.selected {
	background-position: 0 -150px;
	color: #ffffff;
}
.filter-btn .filter-btn-inner a.selected:first-child {
	background-position: 0 -90px;
}
.filter-btn .filter-btn-inner a.selected:last-child {
	background-position: 100% -150px;
}
#tracklink img {
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}
.sm2-progress {
	margin-top: 25px;
}
.sm2-playlist-drawer .sm2-extra-controls {
	display: none;
}
.playall-btn {
	float: left;
	clear: both;
	margin-top: 20px;
}
.playall-btn a {
	border: 1px solid #b4b2b3;
    color: #3a3635;
    display: inline-block;
    font-size: 12px;
    height: 25px;
    line-height: 2.1;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    background: url("images/btn_play01.png") no-repeat 8px center;
    padding: 0 20px;
}
.playlistcreate {
	width: 90px;
}
.filterborder {
	border-top: 1px solid #c4c5c8;
	width: 100%;
	float: left;
	margin-top: 21px;
}
.column_head {
	float: left;
	width: 100%;
	padding-left: 30px;
	margin-bottom: 3px;
}
.track-container {
	padding-top: 7px;
	padding-bottom: 4px;
}
.column_head .col-span, .track-container .col-span, .column_head .col-span{
	float: left;
}
.column_head .col-span1{
	width: 3%;	
	margin: 0 0 0 20px;
}
.track-container .col-span1 {
	width: 3%;
	margin: 15px 0 0 9px;
	float: left;
}
.column_head .col-span2 {
	width: 88px;
	padding-right: 10px;
} 
.track-container .col-span2 {
	width: 67px;
}
.column_head .col-span3, .track-container .col-span3 {
	width: 11%;
} 
.track-container .col-span3 {
	margin-left: 22px;
}
.column_head .col-span4{
	width: 24%;
} 
.track-container .col-span4 {
	width: 24%;
	margin-left: 5px
}
.column_head .col-span5, .track-container .col-span5 {
	width: 16%;
} 
.column_head .col-span6, .track-container .col-span6 {
	width: 18%;
}
.column_head .col-span7, .track-container .col-span7 {
	width: 22%;
}
.track-container .col-span7 {
	padding-left: 5px;
}
.column_head .col-span8 {
	width: 72px;
	padding-right: 17px;
} 
.addtrackplaylists, .addtrackplaylists:hover {
	float: left;
	background-image: url("images/sprite_common_list.png");
    display: block;
    height: 24px;
    margin: 0 auto;
    position: relative;
    text-align: left;
    text-indent: -9999px;
    width: 24px;
    background-position: -180px 0;
    margin-left: 10px;
    margin-top: 12px;
}
.addtrackplaylists:hover {
	background-position: -180px -30px;	
}
.likes-rating {
	margin-left: 7px;
}
.likes-rating1 {
	margin-left: 5px;
}
.likes-rating .star_rating_stats, .likes-rating1 .star_rating_stats {
	margin-top: 15px;
}
.likes-count {
	float: left;
	width: auto;
	line-height: 25px;
	font-size: 12px;
	color: #999999;
}
.playlist-container .likes-count {
	line-height: 20px;
}
.playlist-container liked-button {
	height: 9px;
}
.colborder, .trackborder {
    border-top: 1px solid #eeeeee;
    float: right;
    margin-top: 1.2%;
    width: 99.2%;
}
.trackborder {
	margin-top: 0.8%;
}
.trackborder {
	width: 100%;
}
.add-action {
	margin-left: 21px;
	margin-top: 13px;
}
.action-head {
	margin-left: 11px;
}
.add-action a, .song-title a {
	margin-right: 0;
}
.playlists-head {
	border-left: 1px solid #eeeeee;
	padding-top: 10px;
	margin-left: -1px;
}
.track-container .share-button,
.track-container .share-button:hover,
.track-container .playlist-button,
.track-container .playlist-button:hover,
.track-container .delete-button,
.track-container .delete-button:hover,
.track-container .buy-button,
.track-container .buy-button:hover,
.track-container .private-button,
.track-container .private-button:hover,
.track-container .public-button,
.track-container .public-button:hover,
.track-container .download-button,
.track-container .download-button:hover,
.playlist-container .share-button,
.playlist-container .share-button:hover,
.playlist-container .playlist-button,
.playlist-container .playlist-button:hover,
.playlist-container .delete-button,
.playlist-container .delete-button:hover,
.playlist-container .buy-button,
.playlist-container .buy-button:hover,
.playlist-container .private-button,
.playlist-container .private-button:hover,
.playlist-container .public-button,
.playlist-container .public-button:hover,
.playlist-container .download-button,
.playlist-container .download-button:hover
 {
	padding-left: 14px;
	background-size: 16px;
	height: 10px;
	background-position: 3px;
	margin-right: 6px;
}
.track-container .private-button,
.track-container .private-button:hover,
.track-container .public-button,
.track-container .public-button:hover,
.playlist-container .private-button,
.playlist-container .private-button:hover,
.playlist-container .public-button,
.playlist-container .public-button:hover {
	margin-right: 0px;
}
.track-container .download-button,
.track-container .download-button:hover,
.track-container .buy-button,
.track-container .buy-button:hover {
	margin-right: 5px;
}
.pl_column_head {
	margin-bottom: 3px;
}
.pl_column_head .col-span1{
	width: 100px;
	margin: 0;
}
.pl_column_head .col-span2 { 
	width: 20%;
}
.pl_column_head .col-span4 {
    width: 35%;
}
.pl_column_head .col-span5 {
	width: 19.4%;
}
.playlist-container {
	padding: 2px 5px 1px 30px;
	border-bottom: none;
}
.playlist-container .col-span {
	float: left;
}
.playlist-container .col-span1 {
	width: 58px;
	height: 54px;
}
.playlist-container .col-span2 {
	width: 37%;
	margin-left: 3.4%;
}
.playlist-container .col-span5 {
	width: 20%;
}
.playlist-container .col-span6 {
	width: 10%;
}
.playlist-container .playlist-artwork a {
	float: left;
	width: 100%;
}
.playlist-container .playlist-artwork a img {
	width: 48px;
	height: 48px;
}
.playlist-container .playlist-title {
	float: left;
	text-align: left;
	clear: both;
	font-size: 13px;
	color: #5c5c5a;
}
.playlist-container .playlist-title {
	color: #5c5c5a;	
	font-size: 13px;
}
.playlist-container .playlist-author {
	float: left;
	text-align: left;
	clear: both;
	margin-top: 7px;
}
.playlist-container .playlist-author a {
	color: #999999;
}
.playlist-container .playlist-actions-content {
	margin-top: 8px;
	margin-left: 0px;
	position: relative;
	left: 8px;
}
.track-container .song-play-btn.trackpaused,.track-container .song-play-btn.trackpaused:hover, .track-container .song-play-btn.trackplaying, .track-container .song-play-btn.trackplaying:hover{
	float: left;
	display: block;
	background:url("images/sprite_common_list.png") repeat scroll -150px -256px;
	width: 24px;
	height: 24px;
	margin: 12px auto 0;
    position: relative;
    text-indent: -9999px;
    background-size: 300px;
	/*HIDE blue part start*/
    margin-left: 0px;
	/*HIDE blue part end*/
}
.track-container .song-play-btn.trackpaused{
	background:url("images/sprite_common_list.png") repeat scroll -150px 0px;
}
.track-container .song-play-btn.trackpaused:hover {
	background:url("images/sprite_common_list.png") repeat scroll -150px -30px;
}
.track-container .song-play-btn.trackplaying:hover {
	background:url("images/sprite_common_list.png") repeat scroll -150px -286px;
}
.action-more {
	background: rgba(0, 0, 0, 0) url("images/sprite_common_list.png") repeat scroll -207px -658px;
	width: 3px;
	height: 15px;
	float: right;
	position: relative;
	text-indent: -999;
	margin-top: 4px;
}
.desk-action {
	display: block;
}
.mob-action {
	display: none;
}
.primay_menu {
	display: none;
	float: left;
	width: 6%;
	height: 17px;
	margin-top: 20px;
	position: relative;
	z-index: 9999;	
	margin-right: 7px;
}
.primay_menu_icon {
	height: 17px;
    margin-left: 0px;
    position: relative;
    width: 100%;
}
.primay_menu_icon a {
	position: absolute;
	left: 0;
	top: 0px;
	width: 100%;
	height: 17px;
	display: block;
	cursor: pointer;
}  
.primay_menu_icon a span {
	background-color: #b3b3b3;
	border-radius: 1px;
	height: 3px;
	position: absolute;
	width: 100%;
	left: 0;
}
.primay_menu_icon a span:first-child {
	top: 0;
	height: 3px;
}
.primay_menu_icon a span:nth-child(2)  {
	top: 7px;
}
.primay_menu_icon a span:last-child {
	bottom: 0;
}
.primay-menu-dd-container.menu-dd-container {
	left: 3%;
	z-index: 1000;
	padding-right: 4px;
	width: 70%;
}
.primay-menu-dd-container .menu-dd-content {
	float: left;
	width: 100%;
}
.primay-menu-dd-container .menu-dd-content .menu-dd-row {
	text-align: left;
	padding: 10px 10px 10px 15px;
}
.playaction-container {
	position: relative;
	float: left;
	width: 60px;
}
.play-icon-inner {
	position: absolute;
	left: 15px;
	top: 16px;
	width: 25px;
	height: 25px;
}
.track-container .mob-action .like-button, .track-container .mob-action .like-button:hover {
	border: none;
	background: url("images/like_btn_n.png") no-repeat;
	height: 7px;
	float: left;
	background-size: 18px auto;
}
.add-btn, .add-btn:hover {
	border: 1px solid #dddddd;
    border-radius: 3px;
    color: #777777;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    background: url("images/plus.png") no-repeat center;
    width: 16px;
    height: 16px;
    background-size: 12px auto;
    padding: 3px 4px 3px 4px;
    float: left;
    margin-right: 6px;
}
.add-btn:hover {
	background: url("images/plus_hover.png") no-repeat center;
	background-size: 12px auto;
}
.mob-action .rating-ctn {
	background: url("images/star.png") no-repeat 0 -1px;
	float: left;
	width: 7px;
	height: 18px;
	background-size: 19px auto;
	padding-left: 15px;
}
.track-container .mob-action .views_counter {
	background: url("images/play.png") no-repeat;
	height: 18px;
	margin-right: 10px;
	background-size: 18px auto;
	padding-left: 18px;
	float: left;
	line-height: 16px;
}
.track-container .mob-action .comments_counter {
	background: url("images/comment_n.png") no-repeat;
	height: 18px;
	background-size: 19px auto;
	padding-left: 21px;
	float: left;
	line-height: 18px;
}
.track-container .mob-action .playlist-button, .track-container .mob-action .playlist-button:hover {
	background: url("images/list.png") no-repeat center;
    width: 16px;
    height: 16px;
    background-size: 12px auto;
    padding: 3px 4px 3px 4px;
}
.track-container .mob-action .playlist-button:hover {
	background: url("images/list_hover.png") no-repeat center;
    background-size: 12px auto;
}
/*Layout design changes ends*/
/*Add new user type start*/
.type-list{
	width: auto !important;
    position: relative;
    margin: 3px 2px 0px 5px !important;
    top: 3px;
}
.space-after {
	position:relative;
	top:2px;
	/*HIDE red part start*/
	margin-right:110px;
	/*HIDE red part end*/
}
/*Add new user type end*/
/*Layout design changes ends*/
@media only screen and (max-device-width: 830px), only screen and (device-width: 830px) and (device-height: 830px), only screen and (width: 830px) and (orientation: landscape), only screen and (device-width: 830px), only screen and (max-width: 830px) {	
	.topbar-song-name, .top-player .jp-progress, .top-player .jp-time-holder {
		display: none !important;
	}
	.top-player .jp-volume-bar {
		top: 25px;
		left: 165px !important;
	}
	.top-player a.jp-mute, .top-player a.jp-unmute  {
		margin-left: 45px !important;
	}
	.top-player ul.jp-controls {
		width: 190px !important;
	}
	div.jp-audio {
		width: 230px;
	}
	/*Connect button design issue starts 12th May 2015*/	
	div.jp-audio, .sidebar-header-extra{
	display: none;
	}
	/*Connect button design issue ends 12th May 2015*/3
	.sidebar-stats-container {
	width: 70%;
	display: block;
	}
	/*Add select genres changes starts*/
	.page-container .pagetitle {
	width: 150px; 
	text-align: left; 
	}
	.page-input-container {
	padding: 0px;
	}
	.page-input-sub {
	padding: 10px 0;
	}
	/*Add select genres changes ends*/
	.sm2-player-container-inner .sm2-player {
		width: 100%;
	}	
	#sm2-player .right-btn-icons .sm2-inline-element:last-child {
		padding-right: 0px;
	}
	.right-btn-icons, #sm2-player .right-btn-icons .sm2-inline-element {
		width: auto!important;
	}
	.sm2-bar-ui.full-width {
		max-width: 790px;
	}
	.topbar {
		width: 100%;
	}
	.topbar_margin {
		width: 100%;
		height: 151px;	
	}	
	/*.maincontent-track {
		width: 100%!important;
	}*/
	.search-input {
		margin-left: 30px;
	}
}
@media only screen and (max-device-width: 600px), only screen and (device-width: 600px) and (device-height: 600px), only screen and (width: 600px) and (orientation: landscape), only screen and (device-width: 600px), only screen and (max-width: 600px) {
	.sidebar-header-extra{
	display: none;
	}
	.body-content, .page-container, .page-settings-container {
	border: 0;
	}
	.header {
	max-width: 1080px;
	padding: 0 10px;
	}
	.menu-button {
	display: none;
	}
	.row-body, .row-page {
	padding: 0;
	}
	.row-body .two, .row-body .six {
	width: 100%;
	}
	.row-body .ten {
	width: 100%;
	}
	.row-body .twenty {
	width: 100%;
	}
	.row .three, .welcome-box {
		width: 100%;
	}
	.row-body .threeads {
		width: 100%;
	}
	.row-body .threeads img {
		width: auto;
		height: auto;
	}
	.row-body .nine {
		width: 100%;
	}
	.row-body .three {
		width: 100%;
	}
	.row .four {
		width: 100%;
	}
	.row .eight {
		width: 100%;
	}
	.row .six { 
		width: 100%; 
	}
	.row .seven {
		width: 100%;
	}
	.row-page .three {
	width: 100%;
	}
	.row-page .nine {
	width: 100%;
	}
	.body {
	border: 0;
	}
	.search-container, .search-list-container, .notification-container {
	padding: 0;
	}
	.footer-links, .footer-languages {
	padding: 0;
	}
	.footer-container {
	line-height: 25px;
	}
	.inputs-container {
	padding: 30px 10px 30px 20px;
	}
	.report-checkbox  {
	padding-left: 0;
	}
	.row-body .five {
	width: 100%;
	}
	.row-one {
	float: left;
	width: 100%;
	padding: 3px 0;
	}
	.row-two {
	float: left;
	width: 100%;
	padding: 3px 0;
	}
	.row-three {
	float: left;
	width: 100%;
	padding: 3px 0;
	text-align: left;
	}
	.row-four {
	float: left;
	width: 100%;
	padding: 3px 0;
	text-align: left;
	}
	.cover-container {
	height: auto;
	}
	.cover-text-container {
	font-size: 18px;
	margin: -130px 0 5px 100px;
	}
	.cover-text-container img {
	width: 14px;
	height: 14px;
	margin: 0 0 -2px 4px;
	}
	.cover-description-buttons {
	float: right;
	overflow: auto;
	display: block;
	width: 65px;
	}
	#values {
	width: 230px;
	}
	.page-input-title {
	width: 100%;
	text-align: left;
	padding: 3px 0;
	}
	.page-input-sub {
	padding: 25px 0;
	width: 100%;
	min-width: 100%;
	}
	.page-input-content {
	width: 90%;
	}
	.row-page .stats-container, .row-body .stats-container {
	width: 100%;
	}
	.admin-rows { border-bottom: 1px solid #ccc; }
	.row-page .table-id, .row-page .table-user, .row-page .table-mail, .row-page .table-edit, .row-page .table-delete { width: 100%; }
	.row-page .table-report-id, .row-page .table-report-type, .row-page .table-user, .row-page .table-category-name, .row-page .table-report-message, .row-page .table-report-safe { width: 100%; }
	.subslist {
	right: 20px;
	}
	.subslist_message {
	right: 53px;
	}
	.notification-container, .search-container {
	position: absolute;
	top: 59px;
	right: 5%;
	width: 90%;
	}
	.search-input input {
	width: 70%;
	}
	.menu-dd-container {
	right: 0;
	width: 100%;
	padding: 0;
	}
	/*.menu-dd-content {
	width: 100%;
	}*/
	.menu-dd-row {
	padding: 10px 20px 10px 10px;
	text-align: right;
	}
	.search-results {
	}
	.search-content .notification-inner, .search-content .track-inner, .hashtag-inner {
	padding: 10px 15px;
	}
	.chat-container  {
	height: 300px;
	}
	.sidebar-chat-list {
	max-height: 350px;
	}
	.cover-description-content {
	margin-left: 20px;
	}
	.cover-avatar {
	width: 86px;
	margin-top: -125px;
	}
	.cover-avatar a {
	float: left;
	overflow: hidden;
	height: 86px;
	}
	.welcome-message {
	width: 100%;
	}
	.welcome-track {
	width: 20%;
	}
	.song-top {
	height: auto;
	min-height: auto;
	padding: 0 0 0 106px;
	}
	.song-art img {
	width: 86px;
	}
	.player-controls, .track-actions-container {
	padding: 0 0 10px 106px;
	}
	.song-tag, .song-timeago, .embed-powered-by, .embed-container .track-actions-content {
	display: none;
	}
	.action-text {
	display: none;
	}
	.liked-button, .like-button, .playlist-button, .share-button, .buy-button, .delete-button, .public-button, .private-button, .download-button, .loading-button {
	width: auto;
	margin: 0 5px 5px 0;
	float: left;
	}	
	.playlist-stats {
	padding: 10px 0;
	}
	.song-container {
	padding: 8px 14px 0 14px;
	}
	.song-title {
	font-size: 13px;
	}
	.message-reply-container .delete_btn, .message-reply-container .report_btn {
	display: block;
	}
	div.jp-audio div.jp-type-single div.jp-interface {
	height:21px;
	}
	.embed-container div.jp-audio div.jp-type-single div.jp-interface {
	height:21px;
	padding-bottom: 20px;
	}
	.admin-stats-image, .license-box-desc, .jp-audio {
	display: none;
	}
	.stats-column-title {
	padding-top: 10px;
	}
	.upload-btn-text {
	font-size: 12px;
	}
	.user-stats-row {
	padding: 10px 0 0 0;
	}
	.license-box-container {
	width: 100%;
	padding-right: 0;
	}
	#upload-success {
	max-width: 100%;
	}
	.welcome-title {
	font-size: 42px;
	}
	.welcome-desc {
	font-size: 20px;
	}
	.welcome-button a {
	font-size: 12px;
	}
	.welcome-content, .welcome-pro {
	padding: 20px 10px;
	}
	.welcome-full-section {
	padding-left: 10px;
	font-size: 18px;
	}
	.welcome-box-section, .welcome-box-title {
	font-size: 18px;
	}
	.welcome-box-title {
	font-size: 16px;
	}
	.footer {
	padding: 10px 15px 0 15px;
	}
	.menu-dd-mobile {
	display: block;
	}
	.go-pro-container {
	text-align: left;
	padding-top: 20px;
	}
	.go-pro-desc {
	max-width: 100%;
	margin: 0;
	}
	.current-plan, .welcome-centered-text {
	text-align: left;
	}
	/*Add select genres changes starts*/
	.page-container .pagetitle {
	width: 150px; 
	text-align: left; 
	}
	.page-input-sub {
	padding: 10px 0;
	}
	.page-input-container {
	padding: 0px;
	}
	.sm2-player-container-inner .sm2-player {
		width: 67%;
	}
	.sm2-bar-ui.full-width {
		max-width: 790px;
	}
	/*Add select genres changes ends*/	
	.topbar {
		width: 100%;
		height: 58px;
	}
	.topbar_margin {
		width: 100%;
		height: 58px;	
	}
	.search-input {
		margin: 10px 0 0 7px;
    	width: 26%;	
    	float: left;	
    	position: relative;
    	right: 25px;
	}
	.search-input .btnSearch {
		position: absolute;
		right: -24px;	
	}
	#notifications_btn, #messages_btn, .menu-image {
		margin-top: 3px;
	}
	.logo {
		float: left;
		background-size: 80% auto;
		width: 75px;
		height: 44px;
		margin-top: 2px;
	}
	.connect_links {
		margin-right: 35%;
	}
	.menu-dd-container {
		top: 220px;
	}
	.maincontent-track {
		width: 100%!important;
	}
	.sidebarhead {
		border-bottom: 1px solid #c4c5c8;
		margin-left: 0;
		width: 92%;
	}
	.sidebarlink a {
		width: 100%;
	}	
	#sm2-player .right-btn-icons .sm2-inline-element:last-child {
		padding-right: 0px;
	}	
	.menu-dd-content {
		min-width: 0;
		width: 100%;
	}
	.song-art a {
		width: 100%;
	}
}
/*Music player changes starts*/
@media only screen and (min-width: 768px) and (max-width: 1299px) {	
	.sm2-player-container-inner .sm2-player {
		width: 100%;
	}
	.sm2-bar-ui.full-width {
		max-width: 790px;
	}
	.logo {
		margin-left: -25px;
	}
	.menu-dd-container {
		right: 12px;
	}
	.notification-container {
		right: 5.5%;
	}
	.sm2-player-container-inner .sm2-player {
		width: 100%;
	}
	#sm2-player .right-btn-icons, #sm2-player .right-btn-icons .sm2-inline-element {
		width: auto!important;
	}		
	#sm2-player .right-btn-icons .sm2-inline-element:last-child {
		padding-right: 0px;
	}
	.playlist-container .col-span6 {
		width: 13%;
	}	
}
@media only screen and (min-width: 600px) and (max-width: 767px) {
	.search-input {
		width: 270px;
	}
	.search-input input {
		width: 250px;
	}
	.search-input .btnSearch {
		position: absolute;
		right: -15px;
	}
	.menu-dd-container {
		right: 13px;
		top:116px;
	}
	.notification-container {
		right: 9%;
		top: 116px;
	}
	.right-btn-icons {
		width: auto!important;
		margin-top: -7px!important;
	}
	.sm2-player-container-inner .sm2-player {
		float: left;
		width: 100%;
	}
	#sm2-player .right-btn-icons .sm2-inline-element {
		padding: 0px;
	}
	a.menu-button {
	    font-size: 11px;
	    margin-right: 5px;
	    padding-left: 0;
	    padding-right: 0;
	}
	.upload-button {
		margin-left: 15px;
	}
	.upload-button {
		padding-left: 24px;
		width: 56px;
	}
	.column_head {
		display: none;
	}
	.track-container .col-span1 {
		width: 7%;
	}
	.track-container .song-art img {
		width: 100%;
	}
	.track-container .col-span2 {
		width: 60px;
	}
	.track-container .col-span3 {
		width: 25%;
	}
	.track-container .col-span3 {
		margin-left: 0px;
	}
	.track-container .col-span4 {
		width: 60%;
		margin-top: 0px;
		margin-left: 10px;
	}
	.song-art a {
		width: 100%;
	}
	.track-container .song-play-btn, .track-container .song-play-btn.trackpaused, .track-container .song-play-btn.trackplaying, .addtrackplaylists, .addtrackplaylists:hover,
	.track-container .song-play-btn:hover, .track-container .song-play-btn.trackpaused:hover, .track-container .song-play-btn.trackplaying:hover {
		margin: 0px;		
	}
	.track-container .song-author {
		margin-top: 0px;
	}
	.track-container .col-span5, .track-container .col-span6 {
	    margin: 20px 0 0 11%;
	    width: 100%;
	}
	.track-container .liked-button, .track-container .like-button {
		padding-left: 27px;
	}
	.playlist-button, .share-button {
			padding-right: 9px
	}
	#sm2-player .right-btn-icons .sm2-inline-element {
		width: auto!important;
	}
	.add-action {
		margin-top: 0px;
	}
	.track-container .col-span3 {
		width: 9%;
		margin-left: 0px;
	}
	.track-container .col-span7 {
		width: 62%;
		padding-left: 0px;
	}
	.playlist-container .col-span6 {
		width: 13%;
	}
	.track-container .col-span5 {
		width: 75%;
		margin-left: 5px;
		margin-top: 0px;
	}
	.track-container .col-span6 {
		width: auto;
		margin-left: 5px;
		margin-top: 15px;
	}
	.trackborder {
		margin-top: 2%;
	}
	.track-container .song-play-btn, .track-container .song-play-btn.trackpaused, .track-container .song-play-btn.trackplaying,
	.track-container .song-play-btn:hover, .track-container .song-play-btn.trackpaused:hover, .track-container .song-play-btn.trackplaying:hover {
		margin-left: 0px;
		margin-bottom: 10px;
	}
	.track-container .liked-button, .track-container .like-button, .track-container .liked-button:hover, .track-container .like-button:hover {
		padding-left: 13px;
	}
	.track-container .star_rating_stats {
		margin-top: 8px;
	}
	.track-container .track-stats {
		padding-top: 0px;
	}
	.topbar_margin {
		/*HIDE blue part start*/
		/*Menu added start*/
		height: 116px;
		/*Menu added end*/
		/*HIDE blue part end*/
	}
	.topbar {
		/*HIDE blue part start*/
		/*Menu added start*/
		height: 116px;
		/*Menu added end*/
		/*HIDE blue part end*/
	}
	.sidebarlink a {
		padding-left: 3px;
		width: 90%;
	}
	.sm2-player-container-inner .sm2-player {
		width: 95.5%;
		padding: 0 10px;
	}
	.row-body .two {
		width: 23.5%;
	}
	.row-body .ten {
		width: 76%;
	}
	.filter-btn {
		border-left: 1px solid #eeeeee;
    	margin-left: -4px;
		width: 88%;
		margin-bottom: 0;
		padding-bottom: 5px;
	}
	.sidebar-content {
		margin: 0 0 0 20px;
    	width: 88%;
	}
	.track-container, #load-more {
		margin-left: -4px;
		width: 88%;
	}
	.cover-buttons {
		padding: 0 15px;
	}
	.footer {
		/*HIDE blue part start*/
		padding: 0px 17px 75px 17px;
		/*HIDE blue part end*/
	}
	.list-container {
		margin-left: -5px;
	}
	.column_head .col-span7, .track-container .col-span7 {
		width: 55%;
		margin-left: 10px;
	}
	.playlist-container {
		padding-left: 8px;
		padding-right: 20px;
	}
	.playlist-container .col-span2 {
		width: 55%;
	}	
	.playlist-container .col-span5 {
		width: 14%;
		margin-left: 3%;
		margin-top: 10px;
	}
	.track-container .mob-action .liked-button, .track-container .mob-action .liked-button:hover, .track-container .mob-action .like-button, .track-container .mob-action .like-button:hover {
		padding-left: 11px;	
		background-size: 18px auto;
    	height: 7px;
	}
	.playlist-container .likes-count {
		line-height: 20px;
	}
	.playlist-container .playliststar-rating-outter,
	.playlist-container .playliststar_rating_stats,
	.playlist-container .nologin-playliststar-rating,
	.playlist-container .user-playliststared-rating-outter {
		margin-top: 0px;
	}
	.playlist-container .col-stats {
		margin-left: 16.8%;
	    margin-top: 4%;
	    width: 76%;
	}	
	.playlist-container .playlist-actions-content {
		width: 9%;
		margin-top: 10px;
		margin-left: 0%;
	}
	.playlist-container .trackborder {
		margin-top: 0;
		width: 97%;
	}
	.desk-action {
		display: none;
	}
	.mob-action, .primay_menu {
		display: block;
	}	
	.track-container .song-play-btn, .track-container .song-play-btn:hover,.track-container .song-play-btn.trackpaused,.track-container .song-play-btn.trackpaused:hover {
		background: url("images/icomoon/entypo-25px-ffffff/PNG/play.png") no-repeat center;
		width: 25px;
		height: 25px;
		float: none;
		margin: 0px auto;
	}	
	
	.track-container .song-play-btn.trackplaying, .track-container .song-play-btn.trackplaying:hover {
		background: url("images/icomoon/entypo-25px-ffffff/PNG/pause.png") no-repeat 1px -5px;
		width: 25px;
		height: 18px;
		float: none;
		margin: 5px auto;
	}
	.track-container .addtrackplaylists, .track-container .addtrackplaylists:hover {
		background: url("images/sprite_common_list.png") no-repeat -31px -325px;
		width: 18px;
		height: 18px;
		float:none;
		margin: 10px auto;
	}
	.track-container .addtrackplaylists:hover {
		background: url("images/sprite_common_list.png") no-repeat -31px -350px;
	}	
	.track-container .song-author {
		margin-top: 3px;
	}
	.track-container .song-title {
		line-height: 15px;
		font-size: 12px;
	}
	.likes-count {
		line-height: 20px;
	}
	.track-container .likes-count {
		line-height: 18px;
		position: relative;
		right: 2px;
		margin-right: 5px;
	}
	.primay_menu {
		display: none;
	}
}
@media only screen and (min-width: 481px) and (max-width: 600px) {
	.topbar.login_top_bar{
		height: 70px;
	}
	.connect_links button {
		display: none;
	}
	.topbar {
	    height: 110px;
	    width: 100%;
	}
	.connect_links {
		margin-right: 4%;
		margin-top: 20px;
	}
	.search-input {
		width: 38%;
		float: left;
		margin-top: 15px;
	}	
	.search-input input {
		width: 100px;
		margin-top: 2px;
	}
	.search-input .btnSearch {
		position: absolute;
		right: -15px;
	}
	.logo {
		float: left;
		margin-top: 5px;
		margin-left: 5px;
	}	
	.menu-dd-container {
		right: 13px;
	}
	.notification-container {
		right: 9%;
	}
	.right-btn-icons {
		width: auto!important;
		margin-top: -7px!important;
	}
	.sm2-player-container-inner .sm2-player {
		float: left;
		width: 100%;
	}
	#sm2-player .right-btn-icons .sm2-inline-element {
		padding: 0px;
	}
	a.menu-button {
	    font-size: 11px;
	    margin-right: 9px;
	    padding-left: 0;
	    padding-right: 0;
	}
	.upload-button {
		margin-left: 15px;
	}
	.upload-button {
		padding-left: 24px;
		width: 56px;
	}
	.column_head {
		display: none;
	}
	.track-container .song-art img {
		width: 100%;
	}
	.track-container .col-span2 {
		width: 60px;
	}
	.track-container .col-span3 {
		width: 25%;
	}
	.track-container .col-span3 {
		margin-left: 0px;
	}
	.track-container .col-span4 {
		width: 65%;
		margin-top: 0px;
		margin-left: 10px;
	}
	.track-container .song-play-btn, .track-container .song-play-btn.trackpaused, .track-container .song-play-btn.trackplaying, .addtrackplaylists, .addtrackplaylists:hover,
	.track-container .song-play-btn:hover, .track-container .song-play-btn.trackpaused:hover, .track-container .song-play-btn.trackplaying:hover {
		margin: 0px;		
	}
	.track-container .song-author {
		margin-top: 0px;
	}
	.track-container .col-span5, .track-container .col-span6 {
	    margin: 20px 0 0 11%;
	    width: 100%;
	}
	.track-container .liked-button, .track-container .like-button {
		padding-left: 27px;
	}
	.playlist-button, .share-button {
			padding-right: 9px
	}
	#sm2-player .right-btn-icons .sm2-inline-element {
		width: auto!important;
	}
	.add-action {
		margin-top: 0px;
	}
	.track-container .col-span3 {
		width: 5.5%;
		margin-left: 0px;
	}
	.track-container .col-span7 {
		width: 62%;
		padding-left: 0px;
	}
	.playlist-container .col-span6 {
		width: 13%;
	}
	.track-container .col-span5 {
		width: 75%;
		margin-left: 10px;
		margin-top: 0px;
	}
	.track-container .col-span6 {
		width: auto;
		margin-left: 10px;
		margin-top: 15px;
	}
	.action-more {
		margin-top: 2px;
	}
	.trackborder {
		margin-top: 1.2%;
	}
	.track-container .song-play-btn, .track-container .song-play-btn.trackpaused, .track-container .song-play-btn.trackplaying,
	.track-container .song-play-btn:hover, .track-container .song-play-btn.trackpaused:hover, .track-container .song-play-btn.trackplaying:hover {
		margin-left: 0px;
		margin-bottom: 10px;
	}
	.track-container .liked-button, .track-container .like-button, .track-container .liked-button:hover, .track-container .like-button:hover {
		padding-left: 11px;
		background-size: 18px auto;
		height: 7px;
	}
	.likes-count {
		line-height: 20px;
	}
	.track-container .likes-count {
		line-height: 18px;
		position: relative;
		right: 3px;+
		margin-right: 5px;
	}
	.track-container .star_rating_stats {
		margin-top: 6px;
	}
	.track-container .track-stats {
		padding-top: 0px;
	}
	.topbar_margin, .topbar {
		height: 70px;
	}	
	
	.menu_btn, .menu-image {
		margin-top: 5px;
	}
	.menu-dd-container {
	    left: 40px;
	    top: 70px;
	    width: 90%;
	}
	.sidebarlink a {
		padding-left: 3px;
		width: 90%;
	}
	.sm2-player-container-inner .sm2-player {
		width: 95.5%;
		padding: 0 10px;
	}
	.row-body .two {
		width: 23.5%;
	}
	.row-body .ten {
		width: 76%;
	}
	.filter-btn {
		border-left: 1px solid #eeeeee;
    	margin-left: -4px;
		width: 88%;
		margin-bottom: 0;
		padding-bottom: 2px;
	}
	.sidebar-content {
		margin: 0 auto;
    	width: 93%;
	}
	.sidebar-stats-container {
		padding-right: 0;
	}
	.sidebar-content .sidebar-link {
		margin-left: 40px;
	}
	.track-container, #load-more {
		margin-left: 0px;
		width: 93%;
	}
	.cover-buttons {
		padding: 0 15px;
	}
	.footer {
		padding: 10px 17px 70px 17px;
	}
	.list-container {
		margin-left: -5px;
	}
	.track-container .col-span1 {
		width: 6%;
	}
	.column_head .col-span7, .track-container .col-span7 {
		width: 60%;
		margin-left: 10px
	}
	.playlist-container {
		padding-left: 8px;
		padding-right: 20px;
	}
	.playlist-container .col-span2 {
		width: 60px;
	}
	.playlist-container .col-span5 {
		width: 78%
	}
	.playlist-container .col-span5 {
		width: 60%;
		margin-left: 3%;
	}
	.playlist-container .col-span5 {
		width: 12%;
		margin-left: 3%;
		margin-top: 0px;
	}
	.playlist-container .like-button, .playlist-container .like-button:hover, .playlist-container .liked-button, .playlist-container .liked-button:hover {
		margin-top: 10px;
	}
	.playlist-container .likes-count {
		line-height: 38px;
	}
	.playlist-container .playliststar-rating-outter,
	.playlist-container .playliststar_rating_stats,
	.playlist-container .nologin-playliststar-rating,
	.playlist-container .user-playliststared-rating-outter {
		margin-top: 0px;
	}
	.playlist-container .col-stats {
		margin-left: 16.8%;
	    margin-top: 4%;
	    width: 76%;
	}	
	.playlist-container .playlist-actions-content {
		width: 9%;
		margin-top: 10px;
		margin-left: 0%;
	}
	.playlist-container .trackborder {
		margin-top: 0;
		width: 97%;
	}
	.desk-action {
		display: none;
	}
	.mob-action,.primay_menu {
		display: block;
	}	
	.track-container .playlist-button, .track-container .playlist-button:hover {
		background-size: 14px auto;
	    float: left;
	    height: 10px;
	    margin-right: 5;
	    padding-left: 11px;
	}
	.sidebarhead {
		width: 100%;
		height: 19px;
	}
	.row-body .two {
		width: 100%;

	}
	.track-container .song-play-btn, .track-container .song-play-btn:hover,.track-container .song-play-btn.trackpaused,.track-container .song-play-btn.trackpaused:hover {
		background: url("images/icomoon/entypo-25px-ffffff/PNG/play.png") no-repeat center;
		width: 25px;
		height: 25px;
		float: none;
		margin: 0px auto;
	}	
	
	.track-container .song-play-btn.trackplaying, .track-container .song-play-btn.trackplaying:hover {
		background: url("images/icomoon/entypo-25px-ffffff/PNG/pause.png") no-repeat 1px -5px;
		width: 25px;
		height: 18px;
		float: none;
		margin: 5px auto;
	}	
	.track-container .addtrackplaylists, .track-container .addtrackplaylists:hover {
		background: url("images/sprite_common_list.png") no-repeat -31px -325px;
		width: 18px;
		height: 18px;
		margin-top: 5px;
	}
	.track-container .addtrackplaylists:hover {
		background: url("images/sprite_common_list.png") no-repeat -31px -350px;
	}	
	.track-container .song-author {
		margin-top: 3px;
	}
	.filter-btn {
		padding-left: 20px;
		width: 94%;
	}
	.track-container .song-title {
		line-height: 15px;
		font-size: 12px;
	}	
	.primay_menu {
		width: 4%;
	}
}
@media only screen and (min-width: 321px) and (max-width: 480px) {
	.logo {
		width: 75px;
		margin-top: 3px;
		margin-right: 12px;
	}
	.topbar {
	    height: 58px;
	    width: 100%;
	}
	.search-input {
		margin-top: 10px;
    	width: 31%;
	}	
	.connect-menu {
		padding-left: 0;
	}		
	.connect_links button {
		display: none;
	}
	.primay_menu {
		width: 5%;
		margin-right: 15px;
	}
	.connect_links {
		margin-right: 5px;
		margin-top: 13px;
	}	
	.notification-container {
		top: 58px;		
		right: 13%;
	}
	.notification-content {
		width: 75%;
	}
	.menu-dd-container {
		right: 3%;
	    top: 58px;
	    width: 40%;
	}
	.right-btn-icons {
		width: auto!important;
		margin-top: -7px!important;
	}
	.right-btn-icons a{
		background-size: 70%;
	}
	.sm2-player-container-inner .sm2-player {
		float: left;
		width: 100%;
	}
	#sm2-player .right-btn-icons .sm2-inline-element {
		padding: 0px!important;
	}
	.filter-btn {
		padding-left: 15px;
		width: 90%;
	}
	a.menu-button {
		font-size: 12px;
		padding-right: 2px;
	}
	.upload-button {
		margin-left: 15px;
	}
	.column_head {
		display: none;
	}
	.track-container .song-art img {
		width: 100%;
	}
	.track-container .col-span3 {
		width: 25%;
	}
	.track-container .col-span3 {
		margin-left: 5px;
	}
	.track-container .col-span4 {
		width: 61%;
		margin-top: 10px;
	}
	.track-container .song-play-btn, .addtrackplaylists, .addtrackplaylists:hover,
	.track-container .song-play-btn.trackpaused,.track-container .song-play-btn.trackpaused:hover,
	.track-container .song-play-btn.trackplaying,.track-container .song-play-btn.trackplaying:hover {
		margin: 0 0 6px 3px;
	}
	.track-container .song-author {
		margin-top: 3px;
	}
	.track-container .song-title {
		line-height: 15px;
		font-size: 12px;
	}
	.track-container .col-span5 {
	    margin: 0 0 0 10px;
	    width: 69%;
	}
	.track-container .col-span6 {
		width: auto;
		margin-left: 0px;
		margin-top: 15px;
	} 	
	.track-container .playlist-button, .track-container .playlist-button:hover {
		margin-right: 10px;
		padding-left: 12px;
		background-size: 14px auto;
		height: 8px;
	}
	.track-container .liked-button, .track-container .like-button {
		padding-left: 27px;
		margin-top: 0px;
	}
	.playlist-button, .share-button {
			padding-right: 9px
	}
	#sm2-player .right-btn-icons .sm2-inline-element {
		width: auto!important;
	}
	.add-action {
		margin-top: 0px;
	}
	.sidebarhead {
		height: 19px;
	}
	.track-container .col-span1 {
		margin-left: 0;
		width: 7%;
	}
	.track-container .col-span3 {
		width: 12%;
		margin-left: 0px;
	}
	.track-container .col-span4 {
		width: 50%;
		margin-left: 10px;
		margin-top: 0px;
	}
	.track-container .liked-button, .track-container .like-button, .track-container .liked-button:hover, .track-container .like-button:hover {
		padding-left: 20px;
	}
	.track-container .mob-action .like-button,
	.track-container .mob-action .like-button:hover {
		padding-left: 8px;	
		background-size: 17px auto;
    	background-position: 0 0;
	}
	
	.track-container .col-span2 {
		width: 60px;
	}	
	#sm2-player .playbtn {
	    height: 52px;
	    margin-top: 0;
	    width: 52px;
	}
	.sm2-player-container-inner .sm2-player {
	    padding: 10px 0px;
	    width: 97%;
	}	
	.trackborder {
		margin-top: 1.2%;
	}
	.filter-btn {
		margin-bottom: 0;
	}
	.sidebar-content {
		width: 91%;
		padding:0 13px; 
	}
	.sidebar-stats-container {
		padding-right: 0px;
	}
	.likes-count {
		line-height: 20px;
	}
	.track-container .likes-count  {
	    position: relative;
	    right: 2px;
	    margin-right: 5px;
	    line-height: 18px;
	}
	.cover-buttons {
		padding: 0 15px;
	}
	a.cover-button {
		margin-right: 12px;
		margin-bottom: 15px;
	}
	a.cover-button:last-child {
		margin-bottom: 0;	
	}
	.footer-container {
		padding-bottom: 105px;
	}
	.column_head .col-span7, .track-container .col-span7 {
		width: 48%;
		margin-left: 10px;
	}
	.playlist-container {
		padding-left: 8px;
		padding-right: 20px;
	}	
	.playlist-container .like-button, .playlist-container .like-button:hover, .playlist-container .liked-button, .playlist-container .liked-button:hover {
		padding-left: 12px;
		margin-top: 10px;
	}
	.playlist-container .likes-count {
		line-height: 38px;
	}
	.playlist-container .playliststar-rating-outter,
	.playlist-container .playliststar_rating_stats,
	.playlist-container .nologin-playliststar-rating,
	.playlist-container .user-playliststared-rating-outter {
		margin-top: 0px;
	}
	.playlist-container .col-stats {
		margin-left: 23%;
	    margin-top: 7%;
	    width: 76%;
	}	
	.playlist-container .playlist-actions-content {
		width: 70%;
		margin-top: 7%;
		margin-left: 20%;
	}
	.playlist-container .trackborder {
		margin-top: 0.7%;
		width: 97%;
	}
	.desk-action {
		display: none;
	}
	.mob-action, .primay_menu {
		display: block;
	}
	.track-container .star-rating-outter, .track-container .star_rating_stats, .track-container .nologin-star-rating, .track-container .user-stared-rating-outter, .playlist-container .playliststar-rating-outter, .playlist-container .playliststar_rating_stats, .playlist-container .nologin-playliststar-rating, .playlist-container .user-playliststared-rating-outter {
		margin-top: 8px;
	}
	.menu_btn, .menu-image {
		margin-top: 5px;
	}
	.menu-dd-container {
	    right: 15px;
    	top: 58px;
    	width: 40%;
	}
	.track-container .song-play-btn, .track-container .song-play-btn:hover,.track-container .song-play-btn.trackpaused,.track-container .song-play-btn.trackpaused:hover {
		background: url("images/icomoon/entypo-25px-ffffff/PNG/play.png") no-repeat center;
		width: 25px;
		height: 25px;
		float: none;
		margin: 0px auto;
	}	
	
	.track-container .song-play-btn.trackplaying, .track-container .song-play-btn.trackplaying:hover {
		background: url("images/icomoon/entypo-25px-ffffff/PNG/pause.png") no-repeat 1px -5px;
		width: 25px;
		height: 18px;
		float: none;
		margin: 5px auto;
	}	
	.track-container .addtrackplaylists, .track-container .addtrackplaylists:hover {
		background: url("images/sprite_common_list.png") no-repeat -31px -325px;
		width: 18px;
		height: 18px;
		float: none;
		margin: 10px auto;
	}
	.track-container .addtrackplaylists:hover {
		background: url("images/sprite_common_list.png") no-repeat -31px -350px;
	}	
	.playlist-container .col-span2 {
		width: 40%;
	}
	.playlist-container .col-span5 {
	    margin-left: 3%;
	    margin-top: 0;
	    width: 16%;
	}
	.playlist-container .playlist-actions-content {
		margin-left: 0;
		margin-top: 10px;
		width: 14%;
	}
	.menu_img img, .menu_img {
		width: 25px;
		height: 25px;
	}
	.menu_btn {
		padding: 0px 4px;
	}
	.menu-image {
		padding-left: 2px;
	}
	.primay-menu-dd-container.menu-dd-container {
		top: 58px;
		width: 50%;
	}
	#load-more {
		padding:15px 0 75px 0 !important;
	}

}
@media only screen and (min-width: 0px) and (max-width: 320px) {
	.connect_links {
		margin-right: 5px;
		margin-top: 15px;
	}	
	.search-input {
		width: 30.5%;
	}
	.search-input input {
		margin-top: 2px;
	}
	.notification-container {
		top: 58px;
		right: 17%;
	}
	.notification-content {
		width: 70%;
	}
	.right-btn-icons {
		width: auto;
	}
	.right-btn-icons a{
		background-size: 70%;
	}
	.sm2-player-container-inner .sm2-player {
		float: left;
		width: 100%;
	}
	.filter-btn {
		padding-left: 15px;
		width: 90%;
	}
	.upload-button {
		margin-left: 15px;
	}
	.column_head {
		display: none;
	}
	.track-container .song-art img {
		width: 100%;
	}
	.track-container .col-span3 {
		width: 25%;
	}
	.track-container .col-span3 {
		margin-left: 5px;
	}
	.track-container .col-span4 {
		width: 61%;
		margin-top: 10px;
	}
	.track-container .song-play-btn,
	.addtrackplaylists,
	.addtrackplaylists:hover,
	.track-container .song-play-btn.trackplaying,
	.track-container .song-play-btn.trackplaying:hover,
	.track-container .song-play-btn.trackpaused,
	.track-container .song-play-btn.trackpaused:hover {
		margin: 0 0 5px 0;
	}
	.track-container .song-author {
		margin-top: 3px;
	}
	.track-container .col-span5 {
	    margin: 0px 0 0 10px;
	    width: 65%;
	}
	.track-container .col-span6 {
		width: auto;
		margin-left: 2px;
		margin-top: 15px;
	} 
	.track-container .liked-button, .track-container .like-button, .track-container .liked-button:hover, .track-container .like-button:hover {
		padding-left: 11px;
		background-position: 0 0;
	    background-size: 18px auto;
	    height: 8px;
	}
	.playlist-button, .share-button {
		background-size: 14px auto;
	    height: 8px;
	    margin-right: 6px;
	    padding-left: 14px;
	    left: 5%;	    
	}
	#sm2-player .right-btn-icons .sm2-inline-element {
		width: auto!important;
	}
	.add-action {
		margin-top: 0px;
	}
	.sidebarhead {
		height: 19px;
	}
	.track-container .col-span3 {
		width: 12%;
		margin-left: 0px;
	}
	.track-container .col-span4 {
		width: 52%;
		margin-left: 10px;
		margin-top: 0;
	}	
	.track-container .col-span2 {
		width: 60px;
	}	
	#sm2-player .playbtn {
	    height: 52px;
	    margin-top: 0;
	    width: 52px;
	}
	.sm2-player-container-inner .sm2-player {
	    padding: 10px 15px;
	    width: 91%;
	}	
	.trackborder {
		margin-top: 1.5%;
	}
	.filter-btn {
		margin-bottom: 0;
	}
	.sidebar-content {
		width: 88%;
		padding:0 17px; 
	}
	.sidebar-stats-container {
		padding-right: 0px;
	}
	.cover-buttons {
		padding: 0 15px;
	}
	a.cover-button {
		margin-right: 12px;
		margin-bottom: 15px;
	}
	a.cover-button:last-child {
		margin-bottom: 0;	
	}
	.footer-container {
		padding-bottom: 105px;
	}
	.column_head .col-span7, .track-container .col-span7 {
		width: 45%;
		margin-left: 5px;
	}
	.playlist-container {
		padding-left: 8px;
		padding-right: 20px;
	}		
	.playlist-container .like-button, .playlist-container .like-button:hover, .playlist-container .liked-button, .playlist-container .liked-button:hover {
		padding-left: 12px;
		margin-top: 10px;
	}
	.playlist-container .likes-count {
		line-height: 38px;
	}	
	.track-container .star-rating-outter,
	.track-container .star_rating_stats,
	.track-container .nologin-star-rating,
	.track-container .user-stared-rating-outter,
	.playlist-container .playliststar-rating-outter,
	.playlist-container .playliststar_rating_stats,
	.playlist-container .nologin-playliststar-rating,
	.playlist-container .user-playliststared-rating-outter {
		margin-top: 3px;
	}
	.playlist-container .col-stats {
		margin-left: 23%;
	    margin-top: 7%;
	    width: 76%;
	}	
	.playlist-container .playlist-actions-content {
		width: 70%;
		margin-top: 7%;
		margin-left: 20%;
	}
	.playlist-container .trackborder {
		margin-top: 0.7%;
		width: 97%;
	}
	.desk-action {
		display: none;
	}
	.mob-action, .primay_menu {
		display: block;
	}
	.menu_btn, .menu-image {
		margin-top: 5px;
	}
	.primay-menu-dd-container.menu-dd-container{
		width: 55%;
	}
	.menu-dd-container {
	    right: 5%;
	    top: 58px;
	    width: 40%;
	}
	.menu-dd-row {
		text-align: right;
		padding: 10px 20px 10px 10px;
	}	
	.track-container .song-play-btn, .track-container .song-play-btn:hover,.track-container .song-play-btn.trackpaused,.track-container .song-play-btn.trackpaused:hover {
		background: url("images/icomoon/entypo-25px-ffffff/PNG/play.png") no-repeat center;
		width: 25px;
		height: 25px;
		float: none;
		margin: 0px auto;
	}	
	
	.track-container .song-play-btn.trackplaying, .track-container .song-play-btn.trackplaying:hover {
		background: url("images/icomoon/entypo-25px-ffffff/PNG/pause.png") no-repeat 1px -5px;
		width: 25px;
		height: 18px;
		float: none;
		margin: 5px auto;
	}	
	.track-container .addtrackplaylists, .track-container .addtrackplaylists:hover {
		background: url("images/sprite_common_list.png") no-repeat -31px -325px;
		width: 18px;
		height: 18px;
		float: none;
		margin: 10px auto;
	}
	.track-container .addtrackplaylists:hover {
		background: url("images/sprite_common_list.png") no-repeat -31px -350px;
	}
	.track-container .song-title {
		line-height: 15px;
		font-size: 12px;
	}
	.track-container .col-span1 {
		margin-left: 0;
		width: 7%;
	}
	.likes-count {
		line-height: 20px;
	}
	.track-container .likes-count {
		line-height: 18px;
	    position: relative;
	    right: 2px;
	    margin-right: 5px;
	}
	.playlist-container .col-span2 {
		width: 33%;
	}
	.playlist-container .col-span5 {
	    margin-left: 3%;
	    margin-top: 0;
	    width: 17%;
	}
	.playlist-container .playlist-actions-content {
		margin-left: 0;
		margin-top: 10px;
		width: 16%;
	}	
	.menu_img img, .menu_img {
		width: 25px;
		height: 25px;
	}
	.menu_btn {
		padding: 0px 4px;
	}
	.menu-image {
		padding-left: 2px;
	}
	.primay-menu-dd-container.menu-dd-container {
		top: 58px;
	}
	.connect-menu {
		padding-left: 0;
	}
	.connect_links button {
		display: none;
	}
	.connect-menu li:last-child a {
		padding-left: 4px;
	}
	.connect-menu li a {
		font-size: 11px;
		margin-right: 4px;
	}
	.search-input input {
		font-size: 12px;
		width: 70%;
	}
	#sm2-player .right-btn-icons .sm2-inline-element {
		padding: 0!important;		
	}
	.sm2-progress {
		width: 100%;
	}
	.right-btn-icons {
		margin-top: -5px!important;
		margin-right: -2px;
	}
	.sidebarhead {
		width: 89%;
	}
	#notifications_btn, #messages_btn {
		width: 13px;
	}	
	.play-icon-inner {
		top: 15px;
		left: 15px;
	}
	#load-more {
		padding:15px 0 75px 0 !important;
	}
}
/*Music player changes ends*/