@import url(https://fonts.googleapis.com/css?family=Open+Sans:700,300,800,400);



html {

-ms-text-size-adjust: 100%;

-webkit-text-size-adjust: 100%;

}



body {

color: #333;

font-family: '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: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;

}

.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;

max-width: 1120px;

overflow: auto;

padding: 0 10px;

box-sizing: border-box;

}

.row-body {

border-bottom: 0;

width: 100%;

margin: 0 auto;

max-width: 1120px;

overflow: hidden;

padding: 0 10px;

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%; }



.row-page .three { width: 25%; float: right; }

.row-page .nine { width: 75%; float: left; }

.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 }

.dash-stats {

width: 33.333%;

}

.dash-half {

width: 50%;

float: left;

}

.stats-values {

font-size: 14px;

font-weight: bold;

}

.dashboard-info {

margin-top: 10px;

float: left;

width: 100%;

}

.dashboard-info a {

color: #fe4646;

font-weight: bold;

}

.dashboard-info a:hover {

color: #de4242;	

}

.neutral {

color: #999;

}

.positive {

color: #27ae60;

}

.negative {

color: #FF5757;

}

.dash-values {

font-size: 22px;

}

.chart {

display: table;

table-layout: fixed;

width: 80px;

height: 30px;

margin: 0;

padding: 15px 0 0 0;

}

.chart li {

position: relative;

display: table-cell;

vertical-align: bottom;

height: 30px;

padding-right: 1px;

}

.chart span {

margin: 0 0;

display: block;

background: #fe4646;

}

.chart span:hover {

background: #de4242;

}

.stats-container h3 {

font-weight: 400;

font-size: 22px;

}

.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.jpg');



}

@-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;

max-width: 1100px;

overflow: auto;

padding: 0 10px;

}

.topbar {

position: fixed;

top: 0;

right: 0;

left: 0;

z-index: 1000;

height: 55px;

background: #2b2b2b;

margin-bottom: 40px;

}

.topbar_margin {

width: 100%;

height: 55px;

}

.bottombar {

position: fixed;

bottom: 0;

right: 0;

left: 0;

z-index: 1000;

height: 55px;

background: #F1F1F1;

border-top: 1px solid #CCC;

}

.bottombar-container {

margin: 0 auto;

max-width: 1100px;

padding: 0 10px;

}

.menu-image {

float: right;

height: 55px;

font-size: 12px;

color: #fff;

padding: 0 6px;

cursor: pointer;

}

.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);

}

.menu_visitor {

float: right;

margin-top: 20px;

padding-right: 10px;

color: #fff;

}

.menu_arrow {

margin: 25px 0 0 5px;

float: right;

min-width: 10px;

min-height: 5px;

background: url('images/downarrow.png') no-repeat;

background-size: 10px;

}

.menu-dd-container {

max-width: 1120px;

width: 100%;

top: 55px;

position: absolute;

display: none;

padding-right: 20px;

box-sizing: border-box;

}

.menu-dd-content {

background: #252525;

min-width: 200px;

width: auto;

float: right;

}

.menu-dd-row {

padding: 10px;

text-align: right;

}

.menu-dd-row:hover {

background: #333;

}

.menu-dd-extra {

color: #FF6060

}

.menu-dd-mobile {

display: none;

}

.menu-divider {

height:1px;

width: 100%;

background: #333;

}

.menu-dd-content a {

color: #DDD;

text-decoration: none;

width: 100%;

}

.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;

}

.menu_btn img {

margin-top: 19px;

width: 16px;

height: 16px;

}

.menu_btn:hover {

background: rgba(0, 0, 0, .12);

}

.menu_btn:active {

background: rgba(0, 0, 0, .35);

}

.menu-btn {

padding: 5px 10px;

margin: 13px 0 0 10px;

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;

}

.search-input input {

border-radius: 3px;

outline: none;

border: 0;

padding: 7px;

margin-top: 12px;

background: #3C3C3C;

width: 350px;

color: #fff;

}

.search-input input:hover, .search-input input:focus {

background: #4E4E4E;

}

.search-container, .search-list-container {

max-width: 1120px;

width: 100%;

display: none;

top: 55px;

margin: 0 auto;

color: #BBB;

padding: 0 10px;

box-sizing: border-box;

}

.search-list-container .search-content {

background: #FFF;

}

.search-container a {

color: #DDD;

}

.search-container a:hover {

text-decoration: none;

cursor: pointer;

color: #FFF;

}

.search-content {

z-index: 999;

top: 55px;

background: #252525;

overflow: auto;

}

.search-content .notification-inner, .search-content .track-inner {

padding: 10px 20px;

border-bottom: 1px solid #333;

}

.search-content .track-inner:hover {

background: #2b2b2b;

}

.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: 20px;

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: -140px;

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 20px;

}

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: -146px 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;

}

.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;

}

.message-container {

border-right: 1px solid #EEE;

}

.message-container a {

color: #666;

text-decoration: none;

}

.message-container a:hover {

color: #E45C5C;

}

.message-content {

color: #999;

}

.message-inner, .sidebar-inner {

padding: 10px 20px;

}

.track-inner, .list-inner {

padding: 10px;

}

.divider {

height: 1px;

width: 100%;

background: #EEE;

}

.list-container {

border-bottom: 1px solid #EEE;

border-right: 1px solid #EEE;

overflow: auto;

padding: 10px;

}

.sound-inner {

padding: 10px;

}

.track-actions {

width: 100%;

overflow: auto;

}

.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;

}

.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;

}

.comment-active {

border-bottom: 3px solid #fe4646;

}

.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;

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 26px;

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 26px;

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 {

padding: 5px 8px 5px 26px;

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;

}

.like-button:hover {

background: #EFEFEF url('images/icons/like_btn_h.png') 5px center no-repeat;

background-size: 17px;

color: #000;

}

.liked-button {

padding: 5px 8px 5px 26px;

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;

}

.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;

}

.views_counter {

background-image: url('images/icons/views.png');

}

.comments_counter {

background-image: url('images/icons/comment_n.png');

}

.downloads_counter {

background-image: url('images/icons/download_btn_n.png');

}

.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%;

overflow: auto;

}

.playlist-actions-content {

font-size: 12px;

float: left;

padding: 1px 0 10px 0;

}

.playlist-artwork {

}

.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: url('images/icons/close_h.png');

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;

}

.button-normal:hover {

border: 1px solid #AAA;

color: #666;

}

.button-normal:active {

border: 1px solid #888;

background: #888;

color: #FFF;

}

#load-more {

padding: 15px 0 6px 0;

height: 30px;

border-right: 1px solid #EEE;

}

.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 10px 0;

margin-left: -1px;

border-left: 1px solid #eee;

}

.sidebar-content {

background: #fff;

color: #6B6B6B;

overflow: hidden;

}

.sidebar-header {

padding: 10px 20px;

font-size: 13px;

font-weight: bold;

text-transform: uppercase;

color: #777;

border-bottom: 1px solid #EEE;

}

.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 0 20px;

overflow: auto;

}

.sidebar-suggestions-image {

float: left;

width: 35px;

}

.sidebar-suggestions-image img {

width: 35px;

border-radius: 3px;

}

.sidebar-suggestions-info {

margin: 0 30px 0 45px;

}

.sidebar-suggestions-small {

font-size: 11px;

padding-top: 5px;

cursor: default;

}

.sidebar-suggestions-track {

overflow: hidden;

white-space: nowrap;

text-overflow: ellipsis;

}

.sidebar-suggestions-track a {

color: #333;

}

.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 20px;

display: block;

text-decoration: none;

color: #8A8A8A;

height: 23px;

}

.sidebar-link a:hover {

background: #F1F1F1;

color: #666;

}

.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 0 20px;

font-size: 10px;

font-weight: bold;

color: #777;

overflow: auto;

}

.sidebar-stats-box {

width: 50%;

float: left;

padding-top: 13px;

text-transform: uppercase;

}

.sidebar-stats-today {

color: #FE4646;

}

.sidebar-text-right {

text-align: right;

font-size: 20px;

font-weight: normal;

padding: 3px 0 0 0;

height: 28px;

}

.sidebar-stats-box-right {

text-align: right;

}

.upload-status-bar, .sidebar-stats-bar {

margin-top: 13px;

height: 6px;

width: 100%;

overflow: hidden;

background: #CCC;

float: left;

}

.upload-status-bar {

margin-top: 11px;

}

.sidebar-stats-divider {

margin-top: 13px;

float: left;

}

.upload-status-bar-percentage, .sidebar-stats-bar-percentage {

background-color: #FE4646;

height: 6px;

}

.upload-text {

font-size: 11px;

font-weight: bold;

color: #777;

overflow: auto;

text-transform: uppercase;

}

.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: #f1f1f1;

color: #666;

}

.sidebar-link-active a, .sidebar-link-active 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 0 20px;

word-wrap: break-word;

}

.sidebar-license {

margin-top: 3px;

}

.sidebar-social-container {

overflow: auto;

padding: 10px 10px 0 20px;

}

.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 {

border-right: 1px solid #EEE;

}

.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;

box-sizing: border-box;

}

.logo {

height: 45px;

width: 54px;

float: left;

margin: 5px 10px 5px 0;

background: url('images/logo.png') no-repeat;

background-size: 54px 45px;

}

.listenlive {

height: 55px;

width: 109px;

float: left;

margin: 5px 10px 5px 0;

background: url('images/listenlive.png') no-repeat;

background-size: 99px 50px;

}

.info {

border: 1px solid #38A8FF;

background: #BEDBFF;

border-radius: 3px;

color: #2A4E9B;

width: 91%;

padding: 5px 7px;

}

.page-settings-container {

padding: 0 0 10px 0;

border-right: 1px solid #EEE;

}

.page-login-container {

border-left: 1px solid #DDD;

border-right: 1px solid #DDD;

}

.page-container {

border-right: 1px solid #EEE;

padding: 0 0 10px 0;

}

.page-content {

background: #fff;

color: #6B6B6B;

overflow: auto;

}

.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 {

width: 100%;

padding-left: 95px;

box-sizing: border-box;

}

.page-input-left {

padding-left: 0;

}

.page-input-title, .page-input-title-img {

text-align: right;

width: 85px;

margin-right: 10px;

margin-top: 4px;

display: inline-block;

vertical-align: top;

float: left;

color: #444;

} 

.page-input-title-img img {

border-radius: 3px;

margin-top: 5px;

}

.page-input-sub {

color: #666;

font-size: 11px;

padding-top: 4px;

}

.report-checkbox {

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 {

padding: 0px 0 55px 0;

}

.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 a {

color: #FFF;

}

.notification-box a:hover {

color: #F6F6F6;

}

.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 {

max-width: 1120px;

width: 100%;

margin: 0 auto;

display: none;

top: 55px;

color: #AAA;

padding: 0 10px;

box-sizing: border-box;

}

.notification-content {

background: #252525;

max-width: 350px;

width: 100%;

float: right;

}

.notification-content a {

color: #DDD;

text-decoration: none;

}

.notification-content a:hover {

color: #FFF;

}

.notification-inner {

padding: 10px;

}

.notification-container .notification-row {

float: left;

width: 100%;

border-top: 1px solid #333;

border-right: 0;

}

.notification-row {

float: left;

width: 100%;

border-top: 1px solid #EEE;

border-right: 1px solid #EEE;

}

.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 20px 10px 20px;

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 {

margin: 20px 20px 10px 20px;

border: 2px solid #FF8181;

height: 50px;

border-radius: 5px;

text-align: center;

line-height: 48px;

color: #FF8181;

cursor: pointer;

}

.upload-button:hover {

background: #ff6060;

border-color: #ff6060;

color: #FFF;

}

.upload-icon {

background: url('images/icons/upload_n.png') no-repeat;

background-size: 22px;

width: 32px;

padding: 0 20px 10px 15px;

margin-left: -10px;

}

.upload-button:hover .upload-icon {

background: url('images/icons/upload_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 20px;

}

.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) */

}

#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);

}

#more_users, #more_reports, #more_payments {

width: 100%;

float: left;

padding: 15px 0 5px 0;

}

#share, #playlist, #delete, #connect {

position:fixed;

z-index: 101;  

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;

-webkit-appearance: none;

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;

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/player.png") 0 0 no-repeat;

background-size: 60px;

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 .sub-loading {

border: 1px solid #DDD;

}

.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-buttons-container {

font-size: 12px;

float: left;

padding-top: 5px;

}

a.menu-button {

float: left;

text-decoration: none;

color: #c6c6c6;

margin: 0 15px 0 5px;

padding: 19px 0 16px 0;

text-transform: uppercase;

}

a.menu-button:hover {

color: #fff;

border-bottom: 3px solid #fe4646;

padding-bottom: 15px;

}

a.menu-button-active {

color: #fff;

border-bottom: 3px solid #fe4646;

padding-bottom: 15px;

}

#topbar-track-info {

padding: 10px 20px;

overflow: auto;

}

#topbar-artwork {

background: #CCC;

top: 10px;

width: 35px;

height: 35px;

float: left;

}

#topbar-artwork img {

width: 35px;

height: 35px;

}

#topbar-track-details {

margin-left: 45px;

box-sizing: border-box;

}

.topbar-song-name {

font-size: 12px;

text-overflow: ellipsis;

overflow: hidden;

white-space: nowrap;

}

.topbar-author-name {

font-size: 10px;

text-overflow: ellipsis;

overflow: hidden;

white-space: nowrap;

}

.topbar-author-name a {

color: #8D8D8D;

}

.topbar-author-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;

background: #F1F1F1;

}

.body-content {

background: #FFF;

overflow: auto;

border-left: 1px solid #DDD;

border-right: 1px solid #DDD;

}

.song-container {

border-bottom: 1px solid #EEE;

border-right: 1px solid #EEE;

overflow: auto;

padding: 20px 20px 10px 20px;

}

.song-container-page {

border-bottom: none;

}

.song-container a, .embed-container a {

text-decoration: none;

}

.song-top {

padding: 0 0 0 132px;

min-height: 38px;

}

.song-play-btn {

width: 35px;

height: 35px;

float: left;

background: url('images/player.png') no-repeat 0 0;

background-size: 105px;

cursor: pointer;

text-indent: -9999px;

}

.song-play-btn:hover {

background: url('images/player.png') no-repeat -35px 0;

background-size: 105px;

}

.player-controls a.jp-play, .player-controls a.jp-pause {

width: 35px;

height: 35px;

text-indent: -9999px;

position: absolute;

margin-top: -35px;

left: 0;

outline: 0;

cursor: pointer;

}

.player-controls a.jp-play {

background: url('images/player.png') no-repeat -70px 0;

background-size: 105px;

}

.player-controls a.jp-play:hover {

background: url('images/player.png') no-repeat -35px 0;

background-size: 105px;

}

.player-controls a.jp-pause {

background: url('images/player.png') no-repeat -70px -35px;

background-size: 105px;

display: none;

}

.player-controls a.jp-pause:hover {

background: url('images/player.png') no-repeat -35px -35px;

background-size: 105px;

}

.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;

}

.song-title {

font-size: 15px;

word-wrap: break-word;

}

.song-timeago {

overflow: auto;

float: right;

font-size: 12px;

}

.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%;

color: #8D8D8D;

}

.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;

}

.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;

}

.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 {

padding: 0 5px;

width: 100%;

float: left;

text-align: center;

box-sizing: border-box;

}

#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 20px;

}

.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;

}

.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;

}

.player-element {

float: left;

margin-right: 10px;

}

.player-nine {

width: 75%;

float: left;

padding: 10px 0;

overflow: hidden;

height: 35px;

}

.player-nine a {

outline: 0;

margin-right: 10px;

cursor: pointer;

}

.player-three {

width: 25%;

float: left;

overflow: auto;

}

.player-container-left {

float: left;

width: 190px;

}

.player-container-middle {

padding: 0 141px 0 190px;

height: 35px;

}

.player-container-right {

float: right;

width: 126px;

margin-top: -35px;

}

#prev-button, #next-button {

float: left;

margin-right: 11px;

}

/* Start Player CSS */

div.jp-audio {

width: 100%;

float: left;

}

#content div.jp-audio {

float: none;

}



/* 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;

}

.player-nine .jp-interface {

height: 35px !important;

}

a.jp-play, a.jp-pause {

width: 35px;

height: 35px;

float: left;

margin-right: 16px;

}

a.jp-play {

background: url("images/player.png") 0 0 no-repeat;

background-size: 105px;

}

a.jp-play:hover {

background: url("images/player.png") -35px 0 no-repeat;

background-size: 105px;

}

a.jp-pause {

background: url("images/player.png") 0 -35px no-repeat;

display: none;

background-size: 105px;

}

a.jp-pause:hover {

background: url("images/player.png") -35px -35px no-repeat;

background-size: 105px;

}

/* @end */



/* @group progress bar */

div.jp-progress {

overflow:hidden;

background-color: #CCC;

}

div.jp-audio div.jp-progress {

position: absolute;

top: 15px;

height: 5px;

}

div.jp-audio div.jp-type-single div.jp-progress {

width: 100%;

margin: 0 15px 0 0;

top: 15px;

float: left;

position: relative;

}

.player-nine .jp-progress {

margin: 15px 0 0 0 !important;

top: 0 !important;

}

div.jp-seek-bar {

width:0px;

height:100%;

cursor: pointer;

background: #CCC;

}

div.jp-play-bar {

width:0px;

height:100%;

background: #fe4646;

}

div.jp-audio {

font-size: 1.25em;

line-height: 1.6;

}

/* 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: 15px;

height: 35px;

float: left;

}

a.jp-mute {

background: url("images/player.png") 0 -175px no-repeat;

background-size: 105px;

}

a.jp-mute:hover {

background: url("images/player.png") -35px -175px no-repeat;

background-size: 105px;

}

a.jp-unmute {

background: url("images/player.png") -70px -175px no-repeat;

background-size: 105px;

display: none;

}

a.jp-unmute:hover {

background: url("images/player.png") -70px -175px no-repeat;

background-size: 105px;

}



div.jp-volume-bar {

overflow: hidden;

width: 46px;

height: 5px;

cursor: pointer;

margin-top: 15px;

float: left;

background: #CCC;

}

div.jp-audio div.jp-volume-bar {

top: 15px;

left: 405px;

}

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 {

width:0px;

height:5px;

background: #fe4646;

}

.prev-button {

background: url("images/player.png") 0 -70px no-repeat;

background-size: 105px;

width: 15px;

height: 35px;

cursor: pointer;

display: inline-block;

}

.prev-button:hover {

background: url("images/player.png") -35px -70px no-repeat;

background-size: 105px;

}

.prev-button-disabled, .prev-button-disabled:hover {

background: url("images/player.png") -70px -70px no-repeat;

background-size: 105px;

cursor: default;

}

.next-button {

background: url("images/player.png") 0 -105px no-repeat;

background-size: 105px;

width: 15px;

height: 35px;

cursor: pointer;

display: inline-block;

}

.next-button:hover {

background: url("images/player.png") -35px -105px no-repeat;

background-size: 105px;

}

.next-button-disabled, .next-button-disabled:hover {

background: url("images/player.png") -70px -105px no-repeat;

background-size: 105px;

cursor: default;

}

/* @end */



/* @group current time and duration */



div.jp-audio div.jp-time-holder {

position:absolute;

top: 18px;

display: none;

}

div.jp-audio div.jp-type-single div.jp-time-holder {

left:185px;

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;

}

#current-time, #duration-time {

width: 45px;

float: left;

height: 35px;

line-height: 35px;

font-size: 11px;

}

#current-time {

text-align: right;

margin-right: 15px;

}

#duration-time {

text-align: left;

margin-right: 10px;

}

div.jp-current-time {

float: left;

display:inline;

}

div.jp-duration {

float: right;

display:inline;

text-align: right;

}



/* @end */



div.jp-jplayer audio,

div.jp-jplayer {

width:0px;

height:0px;

}



div.jp-jplayer {

background-color: #000000;

}



a.jp-repeat {

background: url("images/player.png") 0 -140px no-repeat;

background-size: 105px;

float: left;

display: inline-block;

width: 15px;

height: 35px;

}



a.jp-repeat:hover {

background: url("images/player.png") -35px -140px no-repeat;

background-size: 105px;

}



a.jp-repeat-off {

background: url("images/player.png") -70px -140px no-repeat;

background-size: 105px;

float: left;

width: 15px;

height: 35px;

}



a.jp-repeat-off:hover {

background: url("images/player.png") -70px -140px no-repeat;

background-size: 105px;

}

/* @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

}

@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) {

	.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: 3px 0;

	width: 100%;

	min-width: 100%;

	}

	.page-input-content {

	width: 100%;

	padding-left: 0;

	}

	.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;

	}

	.notification-content {

	max-width: none;

	}

	.search-input input {

	width: 100px;

	}

	.menu-dd-container {

	right: 0;

	width: 100%;

	padding: 0;

	}

	.menu-dd-content {

	min-width: auto;

	width: 100%;

	}

	.menu-dd-row {

	padding: 15px;

	text-align: left;

	}

	.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, .dash-stats {

	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;

	}

	.track-actions-content {

	padding-top: 11px;

	}

	.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;

	}

	.liked-button, .like-button, .playlist-button, .share-button {

	padding-right: 1px;

	margin-right: 5px;

	}

	.track-stats, .playlist-stats-text {

	display: none;

	}

	.playlist-stats {

	padding: 10px 0;

	}

	.song-container {

	padding: 20px 15px 0 15px;

	}

	.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 {

	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: 0 10px 55px 10px;

	}

	.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;

	}

	#topbar-artwork {

	float: right;

	}

	#topbar-track-info {

	padding-right: 0;

	}

	#current-time, .player-container-middle, .player-container-right, .topbar-song-name, .topbar-author-name {

	display: none !important;

	}

	.player-nine a {

	margin: 0 10px;

	}

	a.jp-play, a.jp-pause {

	margin-right: 16px;

	}

}

@media only screen and (max-device-width: 360px), only screen and (device-width: 360px) and (device-height: 360px), only screen and (width: 360px) and (orientation: landscape), only screen and (device-width: 360px), only screen and (max-width: 360px) {

	.search-input input {

	width: 75px;

	}

}