body{color:#333;background:#fff none;margin:0;padding:0 10px;font:12px Helvetica,Arial,Verdana,sans-serif;-webkit-text-size-adjust: 100%;}
a,span{text-decoration:none;background:no-repeat top left}
ul{margin:0;padding:0;list-style-type:none}
li{margin:0;padding:0;list-style-type:none}
img{border:0}
a img{border:0}
h1,h2,h3,h4,h5,h6{margin:0;padding:0}
#content input,#signup-page input{border-radius:0!important}
input:focus{outline:0}
textarea{font:14px Helvetica,Arial,Verdana,sans-serif}
p{line-height:160%}
.clear{clear:both}
#container{margin:auto;width:940px}
#meta-data{display:none}
iframe{border:none}
iframe.youtube { width:650px; height:360px; border:0px; margin:0px; }
@font-face {
font-family:"fontello";src:url(/fonts/fontello.eot);src:url(/fonts/fontello.eot#iefix) format("embedded-opentype"),url(/fonts/fontello.woff) format("woff"),url(/fonts/fontello.ttf) format("truetype"),url(/fonts/fontello.svg#fontello) format("svg");font-weight:400;font-style:normal
}
[class^="icon-"]:before,[class*=" icon-"]:before{font-family:"fontello";font-style:normal;font-weight:400;speak:none;display:inline-block;text-decoration:inherit;text-align:center;font-variant:normal;text-transform:none;line-height:1em;-webkit-font-smoothing:antialiased}
.fontello{font-family:"fontello";font-weight:normal;-webkit-font-smoothing:antialiased}
.icon-nine:before{content:"\39"}
.icon-f:before { content: "\46" }
.icon-l:before { content: "\4c" }
.icon-u:before { content: "\55" }
.icon-x:before { content: "\58"}
.icon-flux:before{content:"\21"}
.icon-youtube:before{content:"\e827"}
.icon-note-beamed:before{content:"\e800"}
.icon-mail:before{content:"\e803"}
.icon-star:before{content:"\e817"}
.icon-menu:before{content:"\e821"}
.icon-cancel-circled:before{content:"\e818"}
.icon-help-circled:before{content:"\e802"}
.icon-info-circled:before{content:"\e801"}
.icon-link:before{content:"\e819"}
.icon-pencil:before{content:"\e81a"}
.icon-comment:before{content:"\e81b"}
.icon-chat:before{content:"\e822"}
.icon-vcard:before{content:"\e823"}
.icon-book-open:before{content:"\e824"}
.icon-down-circled:before{content:"\e815"}
.icon-left-open:before{content:"\e81d"}
.icon-right-open:before{content:"\e81c"}
.icon-cw:before{content:"\e808"}
.icon-loop:before{content:"\e814"}
.icon-play:before{content:"\e804"}
.icon-play-circled:before { content: '\22'; }
.icon-pause:before{content:"\e805"}
.icon-fast-forward:before{content:"\e806"}
.icon-fast-backward:before{content:"\e807"}
.icon-list:before{content:"\e81f"}
.icon-list-add:before{content:"\e81e"}
.icon-chart-area:before{content:"\e820"}
.icon-vimeo:before{content:"\e80c"}
.icon-twitter:before{content:"\e80a"}
.icon-facebook:before{content:"\e80b"}
.icon-gplus:before{content:"\e80d"}
.icon-pinterest:before{content:"\e80e"}
.icon-tumblr:before{content:"\e80f"}
.icon-linkedin:before{content:"\e810"}
.icon-rdio:before{content:"\e813"}
.icon-instagram:before{content:"\e811"}
.icon-soundcloud:before{content:"\e812"}
.icon-shuffle:before{content:"\e809"}
.icon-down:before{content:"\e816"}
.icon-plus:before{content:"\e828"}
.icon-cancel:before{content:"\e829"}
.icon-loading:before{content:"\e82a"}
.icon-home:before{content:"\e82b"}
.icon-up-open:before { content: '\e82d'; }
.icon-down-open:before { content: '\e82c'; }
.icon-loading, .animate-spin {   -moz-animation: spin 2s infinite linear;   -o-animation: spin 2s infinite linear;   -webkit-animation: spin 2s infinite linear;   animation: spin 2s infinite linear;   display: inline-block; }
@-moz-keyframes spin {   0% {     -moz-transform: rotate(0deg);     -o-transform: rotate(0deg);     -webkit-transform: rotate(0deg);     transform: rotate(0deg);   }   100% {     -moz-transform: rotate(359deg);     -o-transform: rotate(359deg);     -webkit-transform: rotate(359deg);     transform: rotate(359deg);   } }
@-webkit-keyframes spin {   0% {     -moz-transform: rotate(0deg);     -o-transform: rotate(0deg);     -webkit-transform: rotate(0deg);     transform: rotate(0deg);   }   100% {     -moz-transform: rotate(359deg);     -o-transform: rotate(359deg);     -webkit-transform: rotate(359deg);     transform: rotate(359deg);   } }
@-o-keyframes spin {   0% {     -moz-transform: rotate(0deg);     -o-transform: rotate(0deg);     -webkit-transform: rotate(0deg);     transform: rotate(0deg);   }   100% {     -moz-transform: rotate(359deg);     -o-transform: rotate(359deg);     -webkit-transform: rotate(359deg);     transform: rotate(359deg);   } }
@-ms-keyframes spin {   0% {     -moz-transform: rotate(0deg);     -o-transform: rotate(0deg);     -webkit-transform: rotate(0deg);     transform: rotate(0deg);   }   100% {     -moz-transform: rotate(359deg);     -o-transform: rotate(359deg);     -webkit-transform: rotate(359deg);     transform: rotate(359deg);   } }
@keyframes spin {   0% {     -moz-transform: rotate(0deg);     -o-transform: rotate(0deg);     -webkit-transform: rotate(0deg);     transform: rotate(0deg);   }   100% {     -moz-transform: rotate(359deg);     -o-transform: rotate(359deg);     -webkit-transform: rotate(359deg);     transform: rotate(359deg);   } }
#loading{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#FFF;margin:auto;z-index:150;}
#loading .icon-loading { color:#ae3aa3;font-size:50px;text-align:center;position:absolute;top:49%;height:50px;line-height:50px;width:100%;display:block; }
#loading .center { position:absolute;top:50%; width:100%; margin-top:-40px; }
.spinner {   width: 80px;   height: 80px;   position: relative;   margin: auto; }
.double-bounce1, .double-bounce2 {   width: 100%;   height: 100%;   border-radius: 50%;   background-color: #ae3aa3;   opacity: 0.6;   position: absolute;   top: 0;   left: 0;      -webkit-animation: bounce 2.0s infinite ease-in-out;   animation: bounce 2.0s infinite ease-in-out; }
.double-bounce2 {   -webkit-animation-delay: -0.5s;   animation-delay: -0.5s; }
@-webkit-keyframes bounce {   0%, 100% { -webkit-transform: scale(0.0) }   50% { -webkit-transform: scale(1.0) } }
@keyframes bounce {   0%, 100% {      transform: scale(0.0);     -webkit-transform: scale(0.0);   } 50% {      transform: scale(1.0);     -webkit-transform: scale(1.0);   } }
#dialog{display:none;position:fixed;top:0;left:0;width:100%;height:100%;margin:auto;z-index:200;background:rgba(255,255,255,0.8)}
#dialog div.default{margin:auto;background:#00aeef;width:300px;color:#fff}
#dialog div.default div.outer{padding:15px;}
#dialog div.default h1{font-size:18px;font-weight:bold;margin-bottom:10px;}
#dialog div strong{font-weight:bold;font-size:16px;}
#dialog div.actions{height:36px;}
#dialog div.actions a{font-size:14px;margin-left:10px;margin-top:10px;display:block;float:right;padding:0px 5px;line-height:26px;font-weight:bold;text-transform:lowercase;background:#3cc6fa;color:#fff}
#dialog div.actions a.cancel{background:#0092c9;color:#fff}
#dialog div.actions a:hover{background:#fff;color:#00aeef}
#dialog div.actions a.disabled{color:#00aeef;cursor:default}
#dialog div.actions a.disabled:hover{color:#00aeef;background:#3cc6fa}
#dialog div.playlistselect{margin-top:10px;position:relative;}
#dialog div.playlistselect input{background:#fff;color:#00aeef;font-size:12px;height:16px;line-height:16px;padding:4px 4px 4px 4px;width:236px;border:2px solid #0092c9;}
#dialog div.playlistselect input.attached{background-color:#cceffc;color:#0092c9}
#dialog div.playlistselect a.arrow{text-align:center;line-height:24px;position:absolute;width:20px;height:24px;top:0px;right:0px;background:#0092c9;color:#fff;font-size:14px;border:2px solid #0092c9;}
#dialog div.playlistselect a.arrow:hover{background:#00aeef;color:#fff}
#dialog div.presets{display:none;position:absolute;top:28px;left:0px;background:#fff;color:#666;width:270px;}
#dialog div.presets div{border:2px solid #0092c9;border-top:0px;cursor:pointer;padding:4px}
#dialog div.presets div:hover{background:#0092c9;color:#fff}
.social-bar{width:100%;padding:5px}
.social-bar span.right{float:right}
.social-bar span.left{float:left}
.social-bar a.icon{display:block;float:right;width:20px;text-align:center;font-size:20px;line-height:20px;color:#00adef;font-weight:400;text-decoration:none;margin:0px 3px;}
.social-bar a.icon span{display:none}
.social-bar span.left a{float:left}
.social-bar a.menu{display:block;line-height:20px;font-size:16px;padding:0px 10px;float:left;font-weight:bold;color:#00adef}
.social-bar a:hover{color:#000}
#content .content{float:left;width:650px;padding:20px}
#content a{color:#00adef}
#content a:hover{color:#000}
#content h1,#content h2,#content h3{letter-spacing:-1px;font-weight:400;font-size:28px;line-height:28px;margin-bottom:5px}
#content h3{font-size:20px;line-height:20px}
#content h1 span, #content h2 span{font-size:11px;text-transform:uppercase;color:#FFF;padding:2px 4px;letter-spacing:normal;font-weight:700;background:#00adef}
#content h1 a,#content h2 a{color:#000}
#content h1 a:hover,#content h2 a:hover{color:#00adef;text-decoration:none}
#content h1.bar span,#content h2.bar span{letter-spacing:0px;text-transform:uppercase;color:#00adef;font-size:14px;padding:0px 5px 0px 0px;line-height:12px;background:#fff;font-weight:normal}
#content h1.bar span b,#content h2.bar span b{font-size:14px;}
#content h1.bar,#content h2.bar{border-bottom:2px solid #00adef;height:18px;font-weight:400;margin-bottom:20px;clear:both;line-height:100%;}
#content h1.bar.pink span,#content h2.bar.pink span{color:#ae3aa3}
#content h1.bar.pink,#content h2.bar.pink{border-bottom:2px solid #ae3aa3}
#content h1.bar.topmargin,#content h2.bar.topmargin{padding-top:20px;}
#content h2.bar{margin-top:15px;}
#content .notice{padding:8px;color:#fff;margin:0 0 20px;background:#ae3aa3}
#content .notice b{display:block;font-size:14px;margin-bottom:4px}
#content .notice a{color:#fff;font-weight:700}
#content .notice a:hover{text-decoration:underline}
#content .article{margin-bottom:50px}
#content .article .info{color:#999}
#content .article .info a.tag{margin-left:10px;text-transform:lowercase}
#content .article .photo{float:right;margin-left:15px;margin-bottom:15px;max-width:400px}
#content .article .banner{display:block;margin-bottom:15px;width:650px}
#content .article .links{display:block;margin-top:30px;line-height:20px;clear:both}
#content .article .links a.more{display:block;float:left;line-height:10px;padding:5px;color:#fff;background:#00adef}
#content .article .links a.more:hover{text-decoration:none;color:#fff;background:#000}
#content .article .links a{color:#00adef;margin-right:20px;font-weight:700}
#content .article .links a:hover{text-decoration:underline}
#content .article .links a em{font-style:normal;font-weight:400;color:#666}
#content .article b{font-size:13px}
#content a.username{color:#00adef;text-decoration:none;font-weight:700}
#content a.username span{color:#00adef}
#content a.username:hover,#content a.username:hover span{color:#000;text-decoration:none}
#content a.tag{color:#ae3aa3;padding:2px}
#content a.tag:hover{color:#fff;text-decoration:none;background:#ae3aa3}
#content a.tag span{color:#CCC;padding:0 1px}
#content a.tag b{font-weight:400;padding-right:6px}
#content a.tag:hover span{color:#db77e8}
#content .article iframe.soundcloud{width:100%}
#content .smallavatar{float:left;width:48px;height:48px;margin-right:15px;background:url(/images/global/avatar-default-48.png) no-repeat center;background-size:100%;}
.floatright{float:right}
.floatleft{float:left}
.left{float:left !important}
.right{float:right !important}
#content a.playbutton span {display:none}
#content a.playbutton.inline{display:inline;float:none;color:#00adef;background:transparent;margin:0;padding:0 2px;font-size:14px;line-height:12px}
#content a.playbutton.inline:hover{color:#000!important}
#content a.button{margin:2px;display:block;float:left;width:28px;height:28px;border-radius:14px;color:#fff!important;padding:0!important;text-align:center;font-size:18px;line-height:28px;background:#00adef;}
#content a.button.icon-pause{background-color:#ae3aa3;color:#FFF!important}
#content a.button:hover{color:#fff!important;background:#000}
#content a.button.gray{background-color:#CCC;color:#666}
#content a.button.gray:hover{background-color:#00adef;color:#fff}
.sidebar .tracklist a.playbutton,.songdata a.playbutton{float:right;margin-top:0}
#content .music .statistics a.button{width:44px;height:44px;border-radius:22px;line-height:44px;font-size:24px;margin:5px 0 5px 10px}
#content .music .statistics{margin-top:10px;height:54px}
#content .music .statistics div{float:left;min-width:80px;text-align:center;font-weight:700;padding:5px 10px;margin-right:10px;color:#999;text-transform:uppercase}
#content .music .statistics b{line-height:28px;font-size:28px !important;font-weight:normal;display:block;color:#000;}
#content div.tracklist {margin-top:20px;width:650px}
#content div.tracklist span {float:left;height:32px;line-height:32px;display:block;margin-left:5px;overflow:hidden}
#content div.tracklist span.title{font-weight:bold;text-transform: uppercase;height:20px;line-height:20px}
#content div.tracklist span.title.song{width:420px;padding-left:60px;}
#content div.tracklist div.track{clear:both;position:relative;border-top:1px solid #CCC;font-size:14px}
#content div.tracklist div.track span.play{width:30px}
#content div.tracklist div.track span.number{color:#666;width:20px;text-align:right;font-size:12px}
#content div.tracklist div.track span.name{width:420px;}
#content div.tracklist div.track span.name a {color:#000;}
#content div.tracklist div.track span.name a:hover{color:#00adef}
#content div.tracklist div.track span.artist{width:200px;color:#999}
#content div.tracklist div.track span.plays{width:100px;font-size:11px;color:#ccc}
#content div.tracklist div.track span.plays span.song-popularity {width:75px;height:10px;margin:10px 5px 0px 0px;background:rgba(0,0,0,0.1)}
#content div.tracklist div.track span.plays span.popularity { height:10px;margin:0px;background:#999 }
#content div.tracklist div.track span.plays span.mostpopular {background:#ae3aa3}
#content div.tracklist div.track span.actions{width:50px;}
#content div.tracklist div.track.hascredits span.credits{position:absolute;width:590px;bottom:6px;left:60px;line-height:11px;height:13px;font-size:11px;color:#999}
#content div.tracklist div.track.hascredits span.credits a.username { color:#666; }
#content div.tracklist div.track.hascredits span.credits a.username:hover { color:#00adef; }
#content div.tracklist div.track.hascredits{ height:50px; }
#content div.tracklist.multiartist span.title.artist { width:200px }
#content div.tracklist.multiartist span.title.song { width:215px }
#content div.tracklist.multiartist div.track span.name { width:215px }
#content div.tracklist a.username { font-weight:normal; }
#content div.tracklist a.button { margin:2px 0px;}
div.embedcode{margin:20px 0 0;height:24px;background:#CCC;}
div.embedcode b{display:block;float:left;width:135px;line-height:24px;text-align:center;cursor:default}
div.embedcode input{float:right;width:505px;height:18px;padding:2px;margin:0;border:1px solid #CCC;}
.albums a.album div.album img.album{display:block;width:124px;}
.albums a.album div.album{display:block;width:124px;height:124px;background:#CCC;background-size:cover;}
.albums a.album div.noartwork{font-size:60px;line-height:124px;color:#FFF;font-weight:normal;text-align:center;}
.albums a.album div.noartwork span.icon-note-beamed{padding-right:8px;}
.albums a.album{display:block;float:left;width:124px;line-height:20px;height:170px;font-size:12px;padding:2px;text-align:left;font-weight:700;overflow:hidden;color:#00adef!important;margin:4px 15px 15px;position:relative}
.albums a.album:hover{color:#fff!important;background:#00adef}
.albums a.album span.place-number{position:absolute;top:10px;left:2px;padding:2px 3px;background:rgba(255,255,255,.9);color:#000;min-width:20px;text-align:center;}
.albums a.album:hover span.place-number{background:#00adef;color:#fff}
.albums a.album span.name{display:block;width:120px;position:absolute;top:130px;left:0;padding:0 4px;text-align:center;}
.albums a.album span.condensed{height:20px;width:120px;overflow:hidden;position:absolute;top:130px;left:0;padding:0 4px;text-align:left;text-overflow:ellipsis;white-space: nowrap;}
.albums a.album span.cutoff{position:absolute;top:180px;}
.albums a.album span.artist{position:absolute;top:150px;left:0;display:block;font-weight:normal;color:#666;font-size:12px;line-height:18px;height:18px;width:120px;padding:0 4px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.albums a.album:hover span.artist{color:#fff}
#content div.song div.playlists a { display:block; }
#content .profile a.friend{float:left;width:100px;height:75px;display:block;color:#00aeef;text-decoration:none;text-align:center;margin:4px}
#content .profile .avatarbar img{margin-left:15px;margin-bottom:10px}
#content .profile .avatarbar p{line-height:140%}
#content .profile a.friend:hover{color:#000}
#content .profile a.friend div{width:48px;height:48px;margin:auto;margin-bottom:5px;background:url(/images/global/avatar-default-48.png) no-repeat center}
#content .profile.banner{position:relative}
#content .profile.banner h1{position:absolute;z-index:10;top:230px;padding-left:20px;line-height:50px;font-size:34px}
#content .profile div.banner {width:650px;height:300px;position:relative;overflow:hidden;margin-bottom:10px;background:#ccc}
#content .profile div.banner .bar{position:absolute;top:230px;left:0;width:650px;font-size:40px;line-height:50px;height:50px;color:#000}
#content .profile div.banner .photo {position:absolute;top:0;left:0;height:300px;width:650px;}
#content .profile div.banner .photo.crop{position:absolute;top:0;left:0;height:0;}
#content .profile div.banner .photo.crop.edit{cursor:move}
#content .profile div.banner .photo img{margin:0!important}
#content .profile div.banner .bar .social-bar span{margin-right:20px}
#content .profile div.banner .bar .social-bar a{display:block;float:right;margin-left:15px;line-height:50px;font-size:20px;font-weight:400}
#content .profile div.banner .bar .social-bar a span{display:none}
#content .profile div.banner .bar .social-bar a:hover{color:#FFF}
#content .profile div.banner a.type,#content .profile.banner div.banner a.genre{display:block;padding:0px 6px;position:absolute;right:0px;}
#content .profile div.banner a.genre{top:20px;line-height:26px;font-size:18px;font-weight:bold}
#content .profile div.banner a.type{top:46px;line-height:22px;font-size:14px;font-weight:normal}
#content .profile.themedark div.banner .bar,#content .profile.themedark div.banner a.genre,#content .profile.themedark div.banner a.type{background:rgba(0,0,0,0.7);color:#fff;}
#content .profile.themedark div.banner a.genre:hover,#content .profile.themedark div.banner a.type:hover{background:#00adef;color:#fff}
#content .profile.themedark h1, #content .profile.themedark div.banner .social-bar a{color:#fff}
#content .profile.themedark div.banner .social-bar a:hover{color:#00adef;background:transparent;}
#content .profile.themedark2 div.banner .bar,#content .profile.themedark2 div.banner a.genre,#content .profile.themedark2 div.banner a.type{background:transparent;color:#000;}
#content .profile.themedark2 div.banner a.genre:hover,#content .profile.themedark2 div.banner a.type:hover{background:#000;color:#00adef}
#content .profile.themedark2 h1, #content .profile.themedark2 div.banner .social-bar a{color:#000}
#content .profile.themedark2 div.banner .social-bar a:hover{color:#00adef;background:transparent;}
#content .profile.themelight div.banner .bar,#content .profile.themelight div.banner a.genre,#content .profile.themelight div.banner a.type{background:rgba(255,255,255,0.9);color:#000;}
#content .profile.themelight div.banner a.genre:hover,#content .profile.themelight div.banner a.type:hover{background:#00adef;color:#fff}
#content .profile.themelight h1, #content .profile.themelight div.banner .social-bar a{color:#000}
#content .profile.themelight div.banner .social-bar a:hover{color:#00adef;background:transparent;}
#content .profile.themelight2 div.banner .bar,#content .profile.themelight2 div.banner a.genre,#content .profile.themelight2 div.banner a.type{background:transparent;color:#fff;}
#content .profile.themelight2 div.banner a.genre:hover,#content .profile.themelight2 div.banner a.type:hover{background:#fff;color:#00adef}
#content .profile.themelight2 h1, #content .profile.themelight2 div.banner .social-bar a{color:#fff}
#content .profile.themelight2 div.banner .social-bar a:hover{color:#00adef;background:transparent;}
#content .user-list div.user{display:block;padding:5px;border-bottom:1px solid #ccc;clear:both;min-height:100px}
#content .user-list div.user p{width:475px;margin-left:60px;margin-top:0}
#content .user-list div.user .avatar{width:48px;height:48px;margin:5px 10px 5px 0;float:left;background:url(/images/global/avatar-default-48.png) no-repeat center}
#content .user-list div.user a.username{font-size:16px}
#content .user-list div.user span.username{color:#ccc;}
#content .user-list a.friend{float:left;width:100px;height:75px;display:block;color:#00adef;text-decoration:none;text-align:center;margin:4px;overflow:hidden}
#content .user-list a.friend:hover{color:#000}
#content .user-list a.friend div{width:48px;height:48px;margin:auto;margin-bottom:5px;background:url(/images/global/avatar-default-48.png) no-repeat center}
#content a.viewmore{color:#FFF;display:block;margin-top:20px;padding:12px;text-align:center;font-size:14px;text-decoration:none;font-weight:400;text-transform:uppercase;letter-spacing:5px;background:#00adef}
#content a.viewmore:hover{color:#FFF;background:#000}
.center{text-align:center}
#footer{margin-top:20px;height:150px;padding:20px;background:#ccc}
#footer ul{float:left;width:200px;margin:0 10px}
#footer ul li b{font-size:16px;line-height:26px}
#footer ul li a{font-size:12px;padding:4px;display:block;color:#666}
#footer ul li a:hover{color:#FFF;background:#333}
#footer ul li.twocol a{width:90px}
#footer ul li.twocol{float:left}
#footer .legal{margin:20px 0;font-size:10px;text-align:right}
#footer .legal a.username{color:#000;font-weight:700;text-decoration:none}
#footer .legal a.username:hover{color:#666}
.jp-audio{width:100%;position:fixed;bottom:-80px;left:0}
.jp-type-single{width:940px;height:33px;position:relative;margin:auto;font-size:12px;display:none;z-index:160;background:#222}
a.jp-play,a.jp-pause{font-size:34px;position:absolute;top:-10px;left:48px;width:54px;height:54px;border-radius:27px;line-height:54px;text-align:center;overflow:hidden;color:#fff;outline:0;z-index:170;background:#00adef}
a.jp-pause,a.jp-play:hover{background:#ae3aa3;color:#FFF}
a.jp-pause:hover{background:#00adef;color:#fff}
div.jp-no-solution,a.jp-pause{display:none}
a.jp-stop,a.jp-mute,a.jp-volume-max,a.jp-unmute{display:none;position:absolute;bottom:-100px}
a.seek-next,a.seek-prev{font-size:18px;position:absolute;top:0;left:11px;width:33px;height:33px;line-height:33px;text-align:center;overflow:hidden;color:#fff;outline:0}
a.seek-next{left:105px}
a.seek-next:hover,a.seek-prev:hover{color:#ae3aa3}
div.jp-progress{overflow:hidden;background:#ccc}
div.jp-audio div.jp-progress{position:absolute;top:14px;height:5px}
div.jp-audio div.jp-type-single div.jp-progress{position:absolute;left:185px;width:140px}
div.jp-seek-bar{width:0;height:100%;cursor:pointer;background:#CCC}
div.jp-play-bar{width:0;height:100%;background:#00adef}
div.jp-seeking-bg{background:#666}
div.jp-current-time,div.jp-duration{position:absolute;left:150px;top:0;line-height:34px;color:#666}
div.jp-duration{left:330px}
a.jp-repeat,a.jp-repeat-off{position:absolute;top:0;left:368px;width:30px;height:34px;overflow:hidden;color:#fff;outline:0;font-size:24px;line-height:32px;text-align:center}
a.jp-repeat-off{color:#ae3aa3}
a.jp-repeat:hover,a.jp-repeat-off:hover{color:#CCC}
div.jp-title-nowplaying{position:absolute;left:410px;top:0;line-height:34px;color:#CCC}
div.jp-title{position:absolute;left:490px;top:0;line-height:34px;color:#ccc}
div.jp-title a{color:#00adef;text-decoration:none}
div.jp-title a:hover{color:#fff;text-decoration:none}
div.jp-title a.username{color:#00adef;font-weight:700;text-decoration:none}
div.jp-title a.username:hover{color:#fff;text-decoration:none}
.record .playbutton{display:inline!important;background:none;float:none}
.record{margin-bottom:6px}
.record small{color:#999}

#newsfeed{margin-top:8px}
#newsfeed a.remove,a.remove{color:#999!important;padding:2px!important}
#newsfeed a.remove:hover,a.remove:hover{color:#FFF!important;text-decoration:none!important;background:red!important}
#newsfeed .article{padding:0;margin:0}
#newsfeed .feed{display:block;border-bottom:1px solid #CCC;font-size:12px;line-height:140%;padding:8px 8px 12px 70px}
#newsfeed .feed div.desc{font-size:14px;line-height:24px;color:#999;width:500px}
#newsfeed .feed small{display:block;margin-top:5px;font-size:10px;color:#999}
#newsfeed .feed small a{font-weight:700;text-decoration:none}
#newsfeed .feed div a{font-size:16px;text-decoration:none}
#newsfeed .feed .smallavatar{margin-left:-60px;margin-top:5px;margin-right:0}
#newsfeed .feed em{color:#666}
#newsfeed .feed em,#newsfeed .feed em a{font-size:12px!important;font-style:normal}
#newsfeed .feed a.headline{font-size:14px;margin-bottom:6px}
#newsfeed .feed a.readmore{color:#fff;padding:2px;background:#00adef}
#newsfeed .feed a.readmore:hover{color:#fff;text-decoration:none;#000}
#newsfeed .newbar{height:10px;border-bottom:2px solid #ccc}
#newsfeed .mini .smallavatar{width:24px;height:24px;margin-top:0;margin-left:-32px;background:contain}
#newsfeed .mini small{display:inline!important}
#newsfeed .mini{padding-left:54px;padding-bottom:8px;color:#666;font-size:12px}
#newsfeed .mini em a{font-weight:700}
#newsfeed .mini div a{font-size:14px;text-decoration:none}
#newsfeed .mine{border-left:2px solid #00adef}
#newsfeed .highlight{border-right:2px solid #ae3aa3}
#newsfeed .commented{color:#ae3aa3;background:#f3e2f1}
#newsfeed .commented em{color:#d48eca}
#newsfeed .commented small{color:#d48eca}
#newsfeed .commented a{color:#ae3aa3}
#newsfeed .commented a:hover{color:#000}
#newsfeed .flux{color:#00adef;background:#e6f7fd}
#newsfeed .flux em{color:#5dcbf5}
#newsfeed .flux small{color:#5dcbf5}
#newsfeed .followed{color:#999;background:#f0f0f0}
#newsfeed .followed em{color:#999}
#newsfeed .followed a{color:#666}
#newsfeed .followed a:hover{color:#000!important}
#newsfeed .alignright{float:right;width:100px;display:block;text-align:center}
#newsfeed .alignright a{font-size:12px!important;line-height:120%}
#newsfeed .music img.photo{max-height:124px!important;margin:0 10px 10px 0;float:left}
#newsfeed .music a img.photo{border:2px solid #FFF}
#newsfeed .music a:hover img.photo{border:2px solid #ae3aa3}
#newsfeed img.photo{max-height:240px!important;margin:10px;margin-right:0}
#newsfeed .photo a .thumb img{display:none}
#newsfeed .photo a img{margin-right:10px;margin-bottom:15px;float:left}
#newsfeed .photo a .thumb{display:block;width:80px;height:80px;margin:auto;margin-bottom:5px;border:1px solid #c80d55;background:no-repeat center}
#newsfeed .photo a:hover .thumb{border:1px solid #666}
#newsfeed .video a .thumb img{display:none}
#newsfeed .video a .thumb{display:block;width:90px;height:68px;float:left;margin-bottom:10px;margin-right:10px;border:1px solid #999;background:no-repeat center}
#newsfeed .alignright a .thumb{float:none;margin:auto;margin-bottom:5px}
#newsfeed .video a:hover .thumb{border:1px solid #333}
#newsfeed .video a .thumb b{display:block;width:90px;height:68px;background:url(/images/videoPlayButton.png) no-repeat center}
#newsfeed .video a:hover .thumb b{background:none}
#newsfeed .nodata{font-size:14px;color:#CCC;font-style:italic}
#newsfeed div.embeddeditem iframe.youtube { width:572px; height:317px; }
#newestitems{display:none}
#newsfeed a.btnviewembedded{display:block;padding:4px;font-size:12px!important;color:#999;line-height:normal;margin:5px 0;font-weight:700;text-align:center;background:#ccc}
#newsfeed a.btnviewembedded:hover{color:#fff!important;background:#00adef}

.videos .video { float:left; width:200px; height:160px; margin:0px 5px 5px 10px; text-align:center; font-weight:bold; }
.videos .screenshot { width:200px; height:104px; background-position:center; background-size: 250px; margin-bottom:6px;position:relative }
.videos a.video span { display:block;position:absolute;left:15px;bottom:15px; width:30px; height:30px; color:#fff;text-align:left;font-size:30px;text-shadow: 1px 1px 3px #000000; }
.videos a.video:hover span { color:#FFF; }
.video .views { display:block; float:right; margin:0px 0px 10px 10px; padding:8px; font-size:18px; font-weight:bold; background-color:#000000; color:#FFFFFF; text-align:right; }

div.merchandise { margin:10px 0px; }
div.merchandise div { float:left; width:400px; height:600px; margin:0px 25px; }
div.merchandise div img { display:block; width:400px; height:400px; margin:auto; margin-bottom:10px;}


a.btnradio{display:block;float:left;height:30px;line-height:30px;font-size:14px;color:#666;margin-right:10px;}
a.btnradio span{display:block;float:left;height:16px;width:16px;border-radius:8px;background-color:#CCC;margin:7px}
a.btnradio:hover span,a.radioselected span{background:#00adef;}
a.btnradio:hover,a.radioselected{color:#00adef!important;}
#signup-page{height:0;width:940px;position:relative;overflow:visible!important;background:#ccc}
#signup-page .form{width:920px;position:absolute;left:20px;top:-400px}
#signup-page h6 span{display:none}
#signup-page h6{width:585px;height:77px;position:absolute;left:-20px;top:-460px;background:url(/images/global/signup-header.png) no-repeat top left}
#signup-page label{font-size:14px;line-height:20px;padding:8px;float:left;width:100px;text-align:right;color:#000}
#signup-page input{font-size:14px;width:250px;line-height:16px;padding:4px;color:#000;border:2px solid #999;margin:4px 0;float:left}
#signup-page input:focus,#signup-page input:hover{color:#ae3aa3;border:2px solid #ae3aa3;background:#FFF}
#signup-page br{clear:both}
#signup-page small{padding:8px;float:left;display:block}
#signup-page a.btnPink{display:block;color:#FFF;text-decoration:none;font-size:14px;font-weight:700;text-transform:lowercase;margin-left:117px;background:#000}
#signup-page a.btnPink span{display:block;padding-left:12px;padding-right:12px;line-height:32px;padding-bottom:2px}
#signup-page a.btnPink:hover{color:#FFF;background:#00adef}
#signup-page a.btnPink:active{color:#FFF;background:#00adef}
#signup-page a.btnradio span{background:#FFF;}
#signup-page a.btnradio:hover span,#signup-page a.radioselected span{background:#000;}
#signup-page a.btnradio:hover,#signup-page a.radioselected{color:#000!important}
#signup-page .usersymbol{display:block;font-size:20px;color:#999;line-height:30px;float:left;padding:4px;font-weight:400}
#article label{float:left;width:100px;line-height:16px;font-size:14px;padding:6px;margin-top:2px;font-weight:700}
#header{height:90px;position:relative}
#header .bar{height:5px;background:#ccc}
#header .logo a{position:absolute;left:10px;top:5px;display:block;width:320px;height:85px;line-height:85px;font-size:78px;color:#00adef}
#header .logo a em{font-style:normal;color:#ae3aa3}
#header .logo a:hover,#header .logo a:hover em{color:#000;background:#FFF}
#header .login{letter-spacing:-1px;top:5px;right:5px;padding:3px;font-size:14px}
#header .login a{display:block;float:right;line-height:10px;padding:10px;font-weight:700;margin-left:3px}
#header .login a.signup{color:#000}
#header .login a.signup:hover{color:#fff;background:#00adef}
#header .login a.login{color:#fff;background:#ae3aa3}
#header .login a.login:hover{background:#000}
#header .login label{border:0;padding:5px;color:#ae3aa3;float:left;font:700 12px/12px Helvetica,Arial,Verdana,sans-serif;background:#FFF}
#header .login input{border:0;padding:4px 4px 4px 0;height:14px!important;color:#ae3aa3;width:80px;margin:0 2px 0 0;float:left;border-radius:0!important;font:12px/12px Helvetica,Arial,Verdana,sans-serif!important;background:#FFF}
#header .login input:focus{outline:0;color:#000}
#header #login-box{display:none;position:absolute;top:38px;right:3px;height:22px;color:#fff;padding:4px;background:#ae3aa3}
#header #login-box a.signin{letter-spacing:normal;float:left;display:block;height:22px;position:relative;padding:0 8px;margin:0;background:#df61d3}
#header #login-box a.signin span{font-weight:700;font-size:12px;color:#FFF;line-height:22px;padding-right:8px;}
#header #login-box a.signin:hover{background:#FFF}
#header #login-box a.signin:hover span{color:#000;}
#header .account .avatar{float:right;width:48px;height:48px;margin-left:5px;border:1px solid #666;background:url(/images/global/avatar-default-48.png) no-repeat top right}
#header .account{color:#000;position:absolute;top:0;right:0;width:238px;text-align:right;padding:5px;background:#CCC}
#header .account a.username{font-size:14px;text-decoration:none;color:#ae3aa3;display:block;padding:1px 4px}
#header .account a.username:hover{color:#FFF;background:#ae3aa3}
#header .account .actions{font-size:12px;color:#999}
#header .account .actions a{color:#000;text-decoration:none;display:block;padding:2px 4px;font-weight:700}
#header .account .actions a:hover{color:#FFF;background:#00adef}
#header .account .notifications{font-size:11px;color:#333}
#header .account .notifications a{color:#666;text-decoration:none}
#header .account .notifications a:hover{color:#000}
#navigation{height:40px;position:relative;background:#00adef}
#navigation .links{position:absolute;left:5px;top:0;width:720px}
#navigation ul{display:block;float:left;height:40px}
#navigation ul li{height:40px;display:block;float:left;position:relative}
#navigation ul li a{font-style:normal;font-weight:400;color:#fff;letter-spacing:-1px;font-size:18px;line-height:40px;padding-right:20px;padding-left:20px;display:block;}
#navigation ul li a:hover{color:#000}
#navigation ul li span{padding-right:10px;}
#navigation ul li:hover span{color:#000;}
#navigation ul li ul{display:none;position:absolute;z-index:100;top:40px;left:10px;width:130px;height:auto;border:1px solid #fff;border-top:0;margin:0;padding:0;padding-bottom:10px;background:#00adef}
#navigation ul li ul li{width:130px;height:auto}
#navigation ul li ul li a{font-style:normal;font-weight:400;color:#000;letter-spacing:-1px;font-size:14px;line-height:24px;padding-right:10px;padding-left:20px;width:100px;display:block;float:left}
#navigation ul li ul li a:hover{color:#fff;background:#000}
#navigation a.drop { margin-right:-18px; }
#navigation a span.icon { font-weight:normal; padding-right:0px; }
#navigation .bar{width:0;height:30px;float:left;margin-top:5px;border-right:1px solid #000}
#navigation .search{position:absolute;right:5px;top:5px;width:310px;height:30px;overflow:hidden}
#navigation .search div{position:relative}
#navigation .search div div{z-index:10;position:absolute;width:310px;top:0;left:0;line-height:30px;font-size:22px;text-transform:uppercase}
#navigation .search div div span{letter-spacing:-1px;display:block;cursor:text;color:#ccc;padding-left:8px;background:#fff}
#navigation .search div div span:hover{color:#00adef}
#navigation .search input{z-index:5;position:absolute;top:0;left:0;letter-spacing:-1px;display:block;padding:0;padding-left:8px;color:#fff;border:0;width:310px;height:30px;line-height:20px;font-size:18px;margin:0;font-weight:400;background:#000}
#navigation .search input:focus{outline:0}
#navigation .search a{display:block;position:absolute;right:0;top:0;line-height:10px;padding:10px;font-weight:700;color:#fff;z-index:100;background:#000}
#navigation .search a:hover{text-decoration:none;background:#ae3aa3}
#content a.follow{color:#FFF;background:#ae3aa3}
#content a.follow:hover{color:#FFF;background:#e055d3}
#content a.follow.alreadyfollow{color:#666;background:#CCC!important}
#content a.follow.alreadyfollow:hover{color:#FFF;background:#e055d3!important}
#content .sidebar{float:left;width:248px;margin-left:2px;padding-top:20px}
#content .sidebar .tiles{margin-bottom:-1px}
#content .sidebar .tiles a{display:block;width:248px;height:100px;margin-bottom:1px;position:relative;overflow:hidden;background:#000}
#content .sidebar .tiles a img{position:absolute;left:0;top:0}
#content .sidebar .tiles a i{font-size:11px;font-style:normal;letter-spacing:-1px;font-weight:700;text-transform:uppercase;position:absolute;right:0;bottom:0;line-height:10px;padding:3px;color:#000;background:#fff}
#content .sidebar .tiles a b{position:absolute;left:0;top:10px;line-height:16px;color:#fff;line-height:10px;padding:7px;font-size:14px;font-weight:400}
#content .sidebar .tiles a.blue b{background:#00adef}
#content .sidebar .tiles a.blue:hover b{color:#fff;background:#000}
#content .sidebar .tiles a.pink b{background:#ae3aa3}
#content .sidebar .tiles a.pink:hover b{color:#fff;background:#000}
#content .sidebar .tiles a.black b{background:#666}
#content .sidebar .tiles a.black:hover b{color:#fff;background:#000}
#content .sidebar h3 span{letter-spacing:-1px;text-transform:uppercase;font-size:12px;padding-right:5px;line-height:12px}
#content .sidebar h3{height:11px;font-weight:400;margin-bottom:15px}
#content .sidebar .box{padding:10px;margin-bottom:5px}
#content .sidebar .box h3 span{color:#000}
#content .sidebar .box h3{border-bottom:2px solid #000}
#content .sidebar .box ul{width:228px;overflow-x:hidden}
#content .sidebar .box li a{display:block;padding:5px}
#content .sidebar .box .album{text-align:center;margin-bottom:15px;font-size:12px}
#content .sidebar .box .album a{color:#000;font-size:14px;font-weight:700;margin-bottom:2px}
#content .sidebar .box .album a img{max-width:214px;margin-bottom:5px;border:2px solid #000}
#content .sidebar .box .album a:hover{color:#fff;background:#000}
#content .sidebar .box .album a.username{display:inline;padding:0;color:#666;font-size:12px}
#content .sidebar .box .album a.username:hover{color:#000}
#content .sidebar .box .more{height:20px;margin-top:5px}
#content .sidebar .box .more a{display:block;line-height:10px;padding:5px;float:right}
#content .sidebar .box .more a:hover{text-decoration:none}
#content .sidebar .box div{margin-bottom:8px}
#content .sidebar .box em{font-style:normal}
#content .sidebar .box.tags ul li a{display:inline-block}
#content .sidebar .box.tags ul li a:before{content:"#"}
#content .sidebar .tagsize5{font-size:30px}
#content .sidebar .tagsize4{font-size:26px}
#content .sidebar .tagsize3{font-size:22px}
#content .sidebar .tagsize2{font-size:16px}
#content .sidebar .tagsize1{font-size:12px}
#content .sidebar .gray{background:#ccc}
#content .sidebar .gray h3 span{background:#ccc}
#content .sidebar .gray a{color:#666}
#content .sidebar .gray a:hover{color:#000;background:#bbb}
#content .sidebar .gray .more a{color:#fff;background:#000}
#content .sidebar .gray .more a:hover{background:#00adef}
#content .sidebar .gray small{font-size:10px;color:#888}
#content .sidebar .blue{color:#004b68;background:#00adef}
#content .sidebar .blue h3 span{background:#00adef}
#content .sidebar .blue li a{color:#004b68}
#content .sidebar .blue li a:hover{color:#000;background:#007fae}
#content .sidebar .blue a{color:#000;padding:2px}
#content .sidebar .blue a:hover{color:#00adef;background:#000}
#content .sidebar .blue .more a{color:#fff;background:#000}
#content .sidebar .blue .more a:hover{color:#000;background:#fff}
#content .sidebar .pink{background:#ae3aa3}
#content .sidebar .pink h3 span{background:#ae3aa3}
#content .sidebar .pink ul{text-align:center;overflow-x:visible}
#content .sidebar .pink li{display:inline}
#content .sidebar .pink li a{color:#52134c;display:inline;padding:0;line-height:100%;padding:2px}
#content .sidebar .pink li a:hover{color:#000}
#content .sidebar .pink .more a{color:#fff;background:#000}
#content .sidebar .pink .more a:hover{color:#000;background:#fff}
#content .sidebar .account{margin-top:0;background:#00adef}
#content .sidebar .account h3 span{background:#00adef}
#content .sidebar .account h2{color:#000}
#content .sidebar .account a{color:#000}
#content .sidebar .account a.selected{color:#FFF;font-weight:700;background:#007fae}
#content .sidebar .account a:hover{color:#00adef;background:#000}
#content .sidebar .account .more a{color:#FFF;background:#000}
#content .sidebar .account .more a:hover{color:#000;background:#FFF}
#content .sidebar .account .more a:hover span{background:url(/images/global/arrow-blackright.png)}
#content .sidebar a.friend{float:left;width:90px;height:75px;display:block;text-decoration:none;margin:4px;line-height:24px;overflow:hidden;position:relative;text-align:center;color:#000}
#content .sidebar a.friend:hover{color:#fff}
#content .sidebar a.friend div{width:48px;height:48px;margin-bottom:5px;border:2px solid #000;margin:auto;background:url(/images/global/avatar-default-48.png) contain no-repeat center}
#content .sidebar a.friend:hover div{border:2px solid #fff}
#content #features-slide{height:300px;position:relative;width:650px;margin:-19px -20px 20px}
#content #features-slide .loading{position:absolute;left:2px;top:2px;width:686px;height:296px;z-index:99;background:#000}
#content #features-slide .loading img{position:absolute;left:337px;top:142px}
#content #features-slide .splash{float:left;width:690px;height:300px;background:#000}
#content #features-slide .splash img{position:absolute;left:2px;top:2px}
#content #features-slide .splash span{display:block;position:absolute;width:650px;left:2px;top:220px;padding:12px 18px 10px;color:#fff;line-height:28px;overflow:hidden;background:#ae3aa3}
#content #features-slide .splash span b{letter-spacing:-1px;font-size:28px;margin:0;padding:0;font-weight:400}
#content #features-slide .splash span small{letter-spacing:-1px;font-weight:700;text-transform:uppercase;font-size:14px;color:#000}
#content #features-slide .splash a:hover span{color:#fff;background:#00adef}
#content #navhelper{display:none}
#content .sidebar .splash-links{float:left;width:250px;height:300px;margin:-19px 0 20px -2px}
#content .sidebar .splash-links ul{width:250px}
#content .sidebar .splash-links ul li a{display:block;float:left;width:230px;height:50px;overflow:hidden;padding-left:20px;color:#000;background:url(/images/homepage/bg-featuredbuttons.png) #ccc}
#content .sidebar .splash-links ul li a:hover,#content .sidebar .splash-links ul li a.active{font-size:12px;font-weight:700;background-position:bottom left}
#content .sidebar .splash-links ul li a b{display:block;font-size:16px;line-height:30px;letter-spacing:-1px;text-transform:uppercase;font-weight:700}
#content .sidebar .splash-links ul li a b span{font-weight:400}
#content .sidebar .splash-links ul li a small{font-style:normal;font-weight:400;line-height:5px;color:#666;font-size:12px}
#content .sidebar .splash-links ul li a:hover b,#content .sidebar .splash-links ul li a.active b{color:#fff}
#content .sidebar .splash-links ul li a:hover small,#content .sidebar .splash-links ul li a.active small{color:#f9f}
#content .sidebar .tracklist{width:auto;}
#content .sidebar .tracklist div{margin-bottom:0;}
#content .sidebar .tracklist .track span{display:block;height:28px;width:170px;line-height:28px;}
#content .sidebar .tracklist .track span a{display:block;height:28px}
#content .sidebar .tracklist .track{height:28px;line-height:28px;border-top:0}
#content .sidebar .tracklist a:hover{color:#FFF;background:none;}
#content .sidebar .blue a.playbutton{color:#FFF!important;background:#000}
#content .sidebar .blue a.playbutton:hover{color:#000!important;background:#FFF}
#content .sidebar .tracklist a.playbutton,.songdata a.playbutton{float:right;margin-top:0}
#content .sidebar .tracklist .username{color:#005978!important}
#content .sidebar .tracklist .username:hover{color:#000!important}
#content .sidebar .tracklist .trackinfo{padding-left:10px;color:#007fae}
#content .sidebar .tracklist .track i{color:#000}
#sideDash a{font-size:14px;display:block;padding:5px}
#sideDash .bar{border-top:2px solid #000;margin:4px 0;height:0}
#sideDash .convowith a{height:48px}
#sideDash .convowith a small{display:block;font-size:11px}
#sideDash a.avatar b{display:block;font-size:18px;font-weight:700;color:#000;padding:2px;padding-right:10px}
#sideDash a.avatar:hover b{color:#FFF}
#sideDash a.follow{background-color:#fff!important;color:#ae3aa3!important;margin-top:5px;margin-bottom:5px;}
#sideDash a.follow:hover{color:#fff!important;background:#3cc6fa!important}
#sideDash a.follow.alreadyfollow{color:#000!important;background:#0092c9!important}
#sideDash a.follow.alreadyfollow:hover{color:#fff!important;background:#000!important}
#btn-latestnews{display:none}
#container .fluxwith{text-align:right}
#container .fluxwith a.fluxwithit{display:block!important;float:right;width:25px;height:20px;line-height:20px;color:#CCC;font-size:18px!important;font-weight:400!important;line-height:18px}
#container .selected a.fluxwithit,#container .others a.fluxwithit{color:#00adef}
#container .fluxwith span{display:none;color:#ae3aa3;float:right;font-weight:700;line-height:20px;font-size:12px}
#container .fluxwith b{display:none;font-weight:400;color:#CCC;float:right;line-height:20px;font-size:12px}
#container .selected b,#container .others b{display:block}
#container .fluxwith a.fluxwithit:hover{color:#ae3aa3}
#container .mine .fluxwith a.fluxwithit:hover{color:#000}
#container .fluxwith a.username{color:#CCC;text-decoration:none;font-size:12px}
#container .fluxwith a.username:hover{color:#00adef}
#container .fluxwith a{font-size:12px!important}
.publishbutton{margin-top:10px}
#articlebox{position:relative}
#articlebox div{bottom:2px;left:2px;z-index:10;position:absolute}
#articlebox div a{display:block;float:left;padding:4px 8px;font-size:14px;color:#999;margin-right:2px;background:#efefef}
#articlebox div a:hover,#articlebox div a.selected{color:#FFF;background:#00adef}
#articlebox input{z-index:-1;position:absolute;bottom:40px}
#file_uploadUploader,#file_upload_artworkUploader{float:right;padding-top:6px}
#file_upload_songUploader{margin-bottom:5px}
#imagepreviewbox{float:right;margin-bottom:5px;position:relative;background:#ccc}
#imagepreviewremove{position:absolute;top:2px;right:2px;color:#fff!important;font-weight:700;width:20px;height:20px;line-height:20px;text-align:center;border:1px solid #fff;background:#ae3aa3}
#imagepreviewremove:hover{color:#ae3aa3!important;background:#FFF}
#autocomplete{position:absolute;left:0;top:0;display:none;background:#ccc}
#autocomplete div{padding:4px;cursor:pointer}
#autocomplete div:hover,#autocomplete div.selected{color:#fff;background:#ae3aa3}
.tags-tip{color:#CCC;font-size:11px;line-height:12px;opacity:0;background:#FFF}
input.tags,input.title,input.source,input.songnumber{font-size:14px;width:240px;line-height:16px;padding:4px;color:#CCC;border:2px solid #CCC;margin:10px 0}
input.tags:hover,input.tags:focus,input.title:hover,input.title:focus,input.source:hover,input.source:focus,input.songnumber:hover,input.songnumber:focus{color:#ae3aa3;border:2px solid #ae3aa3;outline:0}
input.title{font-size:16px;width:360px;color:#000}
input.songtitle{width:500px;margin:0}
input.addartist{width:230px;color:#CCC;margin:0 5px 10px 0;float:left}
#uploadmusic div.artists{margin:0 0 10px}
input.addcredit{width:230px;color:#CCC;margin:0 5px 0 0;float:left}
input.addcredit.user,input.addartist.user{color:#000;border:2px solid #ae3aa3;background:#e7c4e4}
input.artisttitle{width:189px;color:#CCC;margin:0 5px 0 0}
#songdata.hidden {display:none}
#songdata.hidden .songdata{display:none;opacity:0}
.songdata div{margin:0 0 5px}
.songdata div.credits span.type{float:left;font-size:12px;color:#999;}
div.credits{margin:10px 0 10px 38px;min-height:12px;}
div.credits.hidden, span.type.hidden{display:none}
div.credits span.type,div.artists span.type{padding-right:10px}
div.credits span.data span,div.artists span.data span{padding-left:5px}
#uploadmusic a.removesong{margin:2px 1px 0px 4px;background:#ddd}
#uploadmusic a.removesong:hover{background:red}
#uploadmusic .songdata a.removebutton{float:right;margin-top:-2px}
#uploadmusic a.removecredit{display:inline-block;width:12px;height:12px;line-height:12px;size:12px;text-align:center}
#uploadmusic div.addcredits{clear:both;margin-left:37px;background:#ccc;height:30px;border-bottom-right-radius: 15px;border-top-right-radius: 15px;}
#uploadmusic div.addcredits a.button{margin:1px;background:#000;float:right;}
#uploadmusic div.addcredits a.button:hover{background:#ae3aa3;}
#uploadmusic div.addcredits a.btnradio span{background:#fff;}
#uploadmusic div.addcredits a.btnradio{color:#fff!important;}
#uploadmusic div.addcredits a.btnradio:hover span, #uploadmusic div.addcredits a.radioselected span{background:#000}
#uploadmusic div.addcredits a.btnradio:hover, #uploadmusic div.addcredits a.radioselected {color:#000!important}
#uploadmusic a.playbutton{background:#ccc}
input.producertitle{width:189px;color:#CCC;margin:0}
input.songnumber{width:20px;font-size:16px;text-align:right;margin:0 5px 0 0}
textarea.songlyrics{font-size:16px;width:593px;height:18px;padding:8px;color:#ae3aa3;border:2px solid #CCC;display:block;margin:0 0 10px 37px}
textarea.message{font-size:16px;width:578px;height:100px;padding:8px;color:#ae3aa3;border:2px solid #CCC;padding-left:60px;display:block;background:url(/images/global/avatar-default-48.png) no-repeat 5px 5px}
textarea.default{font-size:16px;width:634px;height:100px;padding:8px;color:#ae3aa3;border:2px solid #CCC;display:block}
textarea.default.avatar{width:578px;padding-left:60px;background:url(/images/global/avatar-default-48.png) no-repeat 5px 5px}
textarea.status{height:60px;display:block}
textarea.songlyrics:focus,textarea.default:focus{color:#000;border:2px solid #ae3aa3;outline:0}
textarea.default:hover{color:#000;border:2px solid #ae3aa3}
#content a.imagebutton{background:#00adef!important}
#content a.imagebutton:hover{background:#54d1ff!important}
#content a.btnPink{display:block;color:#FFF;text-decoration:none;font-size:14px;font-weight:700;text-transform:lowercase;background:#CCC}
#content a.btnPink span{display:block;padding-left:12px;padding-right:12px;line-height:32px;padding-bottom:2px}
#content a.btnPink:hover{color:#FFF;background:#ae3aa3}
#content a.btnPink:active{color:#FFF;background:#ae3aa3}
#content a.btnPink:focus{color:#FFF;outline:0;background:#ae3aa3}
#articlebox textarea.articlebox{padding-bottom:40px!important}
#editsettings .avatarsettings{float:right;width:218px;text-align:right}
#editsettings input[type=text],#editsettings input[type=password]{font-size:14px;width:280px;line-height:16px;padding:4px;color:#ae3aa3;border:2px solid #CCC;margin:4px 0;float:left}
#editsettings input[type=text]:focus,#editsettings input[type=password]:focus,#editsettings input[type=text]:hover,#editsettings input[type=password]:hover{color:#000;border:2px solid #ae3aa3;outline:0}
#editsettings input[type=password]{width:180px}
#editsettings input.short{width:255px;}
#editsettings textarea{font-size:16px;width:380px;height:160px;padding:8px;color:#ae3aa3;border:2px solid #CCC;display:block}
#editsettings textarea:focus{color:#000;border:2px solid #ae3aa3;outline:0}
#editsettings textarea:hover{color:#000;border:2px solid #000}
#editsettings textarea.linkedsites{height:80px}
#editsettings label,#uploadmusic label{float:left;width:120px;line-height:16px;font-size:14px;padding:6px;margin-top:2px;font-weight:700}
#editsettings .personal{float:left;width:400px}
#editsettings .password{width:400px}
#editsettings #file_uploadUploader{float:none;margin-bottom:4px}
#editsettings a.savebutton{display:none;color:#00adef!important;background:#000!important}
#editsettings a.savebutton:hover{color:#FFF!important;background:#00adef!important}
#editsettings a.bannerstyle{float:left;display:block;line-height:16px;font-size:14px;padding:4px;margin-top:4px;margin-right:4px;border:2px solid #CCC;background:url(/images/global/bg-transparent.png) center #ccc}
#editsettings a.bannerstyle.themedark{color:#fff;background:rgba(0,0,0,0.7) }
#editsettings a.bannerstyle.themelight{color:#000;background:rgba(255,255,255,0.9) }
#editsettings a.bannerstyle.themedark2{color:#000;}
#editsettings a.bannerstyle.themelight2{color:#fff;}
#editsettings a.bannerstyle:hover{border:2px solid #00adef;}
#editsettings a.bannerstyle.selected{border:2px solid #00adef;background:#00adef;color:#fff}
#editsettings div.radiotype, #editsettings div.radiogenre { margin-left:20px; }
#statistics .graph{height:200px;position:relative;margin-bottom:60px}
#statistics .graph .vbar{float:left;width:40px;text-align:center;position:absolute;bottom:0;margin:0;background:#00adef}
#statistics .graph .vbar span{position:absolute;display:block;width:40px;text-align:center;font-style:normal;font-weight:700}
#statistics .graph .vbar span.views{bottom:5px;color:#FFF}
#statistics .graph .vbar span.signups{top:0;color:#000}
#statistics .graph .vbar span.date{bottom:-18px;color:#00adef}
#statistics .graph .vbar span.plays{top:0;color:#FFF;background:#ae3aa3}
#statistics .graph .key{position:absolute;right:0;bottom:-60px}
#statistics .graph .key span{display:block;float:left;margin:5px;font-weight:700;padding:5px}
#statistics .graph .key span.views{color:#FFF;background:#00adef}
#statistics .graph .key span.signups{color:#FFF;background:#000}
#statistics .graph .key span.plays{color:#FFF;background:#ae3aa3}
#statistics em{color:#CCC}
#statistics .referer,#statistics .ipaddress{color:#999}
#statistics .playbutton{color:#ae3aa3}