html,body{padding:0;margin:0;background:#111;font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif;font-size:13px;height:100%;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
body{overflow-y:scroll;min-width:960px}
textarea,input,.textheight{font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif;font-size:11px;line-height:15px}
textarea,input{resize:none;padding:5px;background:#1b1b1b;color:#999;border:1px solid #000;border-bottom:1px solid #2d2d2d;border-right:1px solid #2d2d2d;overflow:hidden}
h1,h2,h3,h4,h5,h6{margin:0;font-weight:normal}
a{text-decoration:none;color:#c00000;cursor:hand;cursor:pointer}
a:hover{text-decoration:underline}
img{border:0}
p{margin:0;padding:0;line-height:15px;font-size:12px}
div,a,span,p,input{-webkit-backface-visibility:hidden}
ul{margin:0;padding:0 0 0 16px}
li ul{margin:5px 0 10px 0}
ul li:last-child ul:last-child{margin-bottom:0}
h1{font-size:18px;padding-left:2px;line-height:36px;overflow:hidden;text-overflow:ellipsis;text-shadow:0 0 1px #666;color:#f4f4f4}
h2{font-size:18px;text-shadow:0 0 1px #666;line-height:38px;color:#333;font-family:Arial !important;letter-spacing:0}
h3{font-size:13px;text-shadow:0 0 1px #999}
h6{font-size:12px;color:#eee;text-transform:uppercase}
input,textarea,h2,.selectable,.comment{-webkit-user-select:text;-khtml-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}
.notify{position:absolute;top:2px;right:2px;min-width:8px;text-align:center !important;background:#c00000;border-radius:2px;padding:2px;font-size:9px;line-height:9px;color:#fff;font-family:Arial;box-shadow:0 0 1px 1px #1b1b1b;text-indent:0}
.notify .anchor{position:absolute;bottom:-4px;right:5px;width:0;height:0;border-top:solid 4px #c00000;border-right:solid 4px transparent}
.loading{background:#ccc url(load4l.gif) no-repeat 50% 50%}
.error{background:#ccc url(warning.png) no-repeat 50% 50%}
#ribbon,.dark .loading{background:#111 url(load3d.gif) no-repeat 50% 50%}
.wide.loading,.dark .poster .loading,.schedule .thumb.loading,.blog-autor .img.loading,#related .loading{background:#111 url(load4d.gif) no-repeat 50% 50%}
.dark .error{background-color:#111}
.epg .loading,#body .list .item .loading,.map .loading,.channels .loading{background-image:url(load3l.gif)}
.pe #menu{z-index:351}
.pe #dark{z-index:350}
.pe #dark{pointer-events:none}
.pe #tv,.pe #money,.pe .side{pointer-events:auto}
.layer .side{z-index:350}
.layer #tv{z-index:351}
.layer #menu{z-index:352}
#tv{position:absolute;left:0;right:0;top:0;height:681px;background:#111;padding:0 50% 0 50%;visibility:hidden}
#dark{position:fixed;top:0;left:0;right:0;bottom:0;color:#ccc}
#menu{position:fixed;top:-49px;left:0;right:0;height:48px;background:#1b1b1b;border-bottom:1px solid #000}
#left{left:-299px;border-right:1px solid #000;box-shadow:-1px 0 3px 3px #000}
#sides{position:absolute;left:0;right:0;top:0;bottom:0}
#right{right:-299px;border-left:1px solid #000;box-shadow:1px 0 3px 3px #000}
#middle{position:absolute;left:0;right:0;top:-633px;bottom:0;width:auto}
#money{position:absolute;top:681px;left:0;right:0;bottom:0;background:rgba(0,0,0,0.8);display:none}
#money>a{position:absolute;top:0;left:0;right:0;bottom:0;cursor:default}
#money>div{position:relative;left:50%;height:50%;max-height:150px;width:0}
#money>div>div{position:absolute;bottom:-52px;left:-369px;background:#111;border:1px solid #000;padding:5px;width:728px;height:90px;border-top:0;border-left:0}
#money iframe{width:100%;height:100%;border:0}
#grab{position:absolute;bottom:0;left:0;width:100%;height:18px;opacity:.5;background:url(grab.gif) no-repeat center center;cursor:ns-resize}
#grab:hover{opacity:1}
#shadow{position:absolute;bottom:-3px;left:0;right:0;height:3px;overflow:hidden}
#shadow div{position:absolute;top:0;left:0;right:0;height:0;overflow:hidden;box-shadow:0 -1px 3px 3px #000}
#menu .left{float:left;background:url(menu.gif);border-right:1px solid #000}
#menu .left>*{float:left;position:relative;height:48px;border-right:1px solid #2d2d2d;border-left:1px solid #000}
#menu .left>*:first-child{border-left:0}
#menu .btn{border:1px solid #333;opacity:.5;background:url(radio.gif) no-repeat;color:#ccc}
#menu .btn:hover{background-color:#242424;opacity:1}
#menu .btn.disabled{background-color:transparent;opacity:.3;cursor:default;color:#888}
#browse{width:48px;overflow:hidden;position:relative;border-right:1px solid transparent}
#browse>div:first-child{position:absolute;left:49px;top:5px;padding:5px;width:175px;height:26px;background:#1b1b1b;color:#999;border:1px solid #000;border-bottom:1px solid #2d2d2d;border-right:1px solid #2d2d2d}
#browse>a{display:block;width:47px;height:48px;position:absolute;top:0;background:url(menu.png) no-repeat}
#browse>a:first-child{width:48px}
#menu a[href="/"]{background-color:transparent;background-position:-288px 0}
#menu a[href="/"]:hover{background-position:-288px -48px}
#menulist .item>.img{background:url(menu.png) no-repeat -288px -5px}
#menulist a[href="/channels"] .img{background-position:-342px -6px}
#menulist a[href="/channels"]:hover .img{background-position:-342px -54px}
#menulist a[href="/editorial"] .img{background-position:-390px -6px}
#menulist a[href="/editorial"]:hover .img{background-position:-390px -54px}
#menulist a[href="/groups/be-at"] .img{background-position:-390px -6px}
#menulist a[href="/groups/be-at"]:hover .img{background-position:-390px -54px}
#menulist a[href="/locations"] .img{background-position:-438px -6px}
#menulist a[href="/locations"]:hover .img{background-position:-438px -54px}
#menulist a[href="/artists"] .img{background-position:-486px -6px}
#menulist a[href="/artists"]:hover .img{background-position:-486px -54px}
#menulist a[href="/events"] .img{background-position:-534px -6px}
#menulist a[href="/events"]:hover .img{background-position:-534px -54px}
#menulist a[href="/"] .img{background-position:-582px -6px}
#menulist a[href="/"]:hover .img{background-position:-582px -54px}
#menulist a[href="/schedule"] .img{background-position:-630px -6px}
#menulist a[href="/schedule"]:hover .img{background-position:-630px -54px}
#menulist a[href="/store/"] .img{background-position:-246px -6px}
#menulist a[href="/store/"]:hover .img{background-position:-246px -54px}
#menulist a.fbook .img{background-position:-678px -6px}
#menulist a.fbook:hover .img{background-position:-678px -54px}
#menulist a.twitter .img{background-position:-726px -6px}
#menulist a.twitter:hover .img{background-position:-726px -54px}
#menulist a.instagram .img{background-position:-774px -6px}
#menulist a.instagram:hover .img{background-position:-774px -54px}
#menulist a.youtube .img{background-position:-822px -6px}
#menulist a.youtube:hover .img{background-position:-822px -54px}
#searchlist .empty{font-size:11px;color:#444;padding:10px 30px;text-align:center}
#account>div{position:relative;float:right;display:none;height:38px;width:57px;margin:5px 5px 5px 0}
#account>a{position:relative;float:right;display:none;border:1px solid #242424;width:26px;height:26px;margin:10px 10px 10px 0;background:url(menu.gif) 0 -11px}
#account>a>div{position:absolute;top:0;left:0;background-image:url(menu.png);width:26px;height:26px}
#account .drop{position:absolute;top:0;right:0;bottom:0;width:18px;background-position:-18px 0;border-color:#000}
#account .icon{position:absolute;top:0;right:19px;bottom:0;width:36px;height:36px;border:1px solid #000}
#account .notify{right:-7px;top:-9px}
#account #chatbutton{display:block}
#account #loginbutton{width:50px;display:block;font-size:12px;color:#999;text-decoration:none;line-height:26px;padding-left:26px;text-align:center}
.member #account>*{display:block}
.member #account #loginbutton{display:none}
#share{padding:14px;float:left}
#share a{color:#111}
#share>div{opacity:.5;float:left}
#share>div:hover{opacity:1}
#messagesbutton{display:none !important;}
#messagesbutton>div{background-position:-26px -132px}
#chatbutton>div{background-position:0 -132px}
#friendsbutton>div{background-position:-52px -132px}
#historybutton>div{background-position:-78px -132px}
#loginbutton>div{background-position:-182px -132px}
#messagesbutton:hover>div{background-position:-26px -158px}
#chatbutton:hover>div{background-position:0 -158px}
#friendsbutton:hover>div{background-position:-52px -158px}
#historybutton:hover>div{background-position:-78px -158px}
#loginbutton:hover>div{background-position:-182px -158px}
#radio{position:relative;float:left;width:48px;height:48px;cursor:default;overflow:hidden;display:none}
#radio .icon{position:absolute;top:5px;left:5px;width:36px;height:36px;border:1px solid #000}
#radio .icon img{width:36px;height:36px}
#radio .playbutton{position:absolute;left:48px;bottom:5px;width:18px;height:15px;background-position:left -15px}
#radio .pausebutton{position:absolute;left:48px;bottom:5px;width:18px;height:15px;background-position:left 0;display:none}
#radio .back{position:absolute;left:70px;bottom:5px;width:18px;height:15px;background-position:left -45px}
#radio .next{position:absolute;left:92px;bottom:5px;width:18px;height:15px;background-position:left -30px}
#radio .drop{position:absolute;top:5px;left:222px;bottom:5px;width:18px;background-position:-18px -36px}
#radio .count{position:absolute;left:196px;bottom:5px;width:22px;height:15px;background-position:3px -90px;opacity:.8}
#radio .count.disabled{background-position:-15px -90px;opacity:.3}
#radio.only .drop{background-position:-18px 0}
#radio .playbar{position:absolute;top:5px;left:48px;width:161px;height:11px;background:#111;border:1px solid #2b2b2b;border-left:0;border-top:0;overflow:hidden;padding:5px 5px 2px 5px}
#radio .prog{float:left;height:10px;border-bottom:1px solid #c00000}
#radio .volume{position:absolute;left:114px;bottom:5px;width:78px;height:15px;background-position:0 -75px}
#radio .volume>div{position:absolute;background:#111;left:20px;top:4px;bottom:4px;right:4px}
#radio .volume div div{float:left;height:100%;width:0;background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAABCAYAAAD0In+KAAAAEUlEQVQImWNIS0v7z8DAwAAADWICMqThLTMAAAAASUVORK5CYII=")}
#radio .volume.drag{opacity:1;background-color:#242424}
#radio .volume.drag div div{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAABCAYAAAD0In+KAAAAEUlEQVQImWM4wMDwn4GBgQEACwQBwJYcnsIAAAAASUVORK5CYII=")}
#radio .playtime,#radio .ticker{position:absolute;top:0;left:5px;right:5px;bottom:0;line-height:17px;color:#888;white-space:nowrap;overflow:hidden}
#radio .ticker{font-size:10px}
#radio .playtime{display:none}
#radio .playtime div{position:absolute;top:0;right:0;bottom:0}
#radio .playbar.drag .playtime,#radio .playbar:hover .playtime{display:block}
#radio .playbar.drag .ticker,#radio .playbar:hover .ticker{display:none}
.side{position:absolute;top:48px;bottom:0;width:288px;padding:5px;background:#111;visibility:hidden}
.side>*{position:absolute;top:5px;left:5px;bottom:5px;right:5px;visibility:hidden}
.side .head{position:relative;line-height:15px;padding:8px 8px 8px 35px;background:#181818;border:1px solid #000}
.side .head span{color:#999;font-size:11px}
.side .head div{position:absolute;top:3px;left:3px;height:26px;width:26px;background:url(menu.png) no-repeat -130px -132px}
.side .head a{position:absolute;background:url(menu.png) -104px -132px;top:3px;right:3px;height:26px;width:26px;display:block}
.side .head a:hover{background-position:-104px -158px}
.side .group{padding-bottom:5px}
#menupanel input{width:232px;padding:8px 26px 8px 28px;background:#1b1b1b;border:1px solid #000;margin:0;height:15px}
#menupanel input::-ms-clear{display:none}
#menupanel .icon{position:absolute;top:3px;left:1px;height:26px;width:26px;background:url(menu.png) no-repeat -130px -132px}
#menupanel .reset{position:absolute;top:6px;left:264px;height:20px;width:20px;background:url(menu.png) no-repeat -40px -184px;visibility:hidden}
#menupanel .reset:hover{background-position:-40px -204px}
#menupanel .group{padding-bottom:2px}
.side>div>.scrollpanel{position:absolute;top:33px;left:0;right:0;bottom:0}
#messagespanel .head div{background-position:-26px -132px !important}
#chatpanel .head div{background-position:0 -132px !important}
#friendspanel .head div{background-position:-52px -132px !important}
#historypanel .head div{background-position:-78px -132px !important}
#loginpanel .head div{background-position:-182px -132px !important}
#accountpanel .head div{background-position:-208px -132px !important}
#privacypanel .head div{background-position:-234px -132px !important}
#emailpanel .head div{background-position:-260px -132px !important}
#subscriptionpanel .head div{background-position:-286px -132px !important}
.chat{visibility:hidden}
.chat .summary{position:absolute;top:35px;left:0;right:0;height:42px;padding:5px 4px 5px 5px;border:1px solid #000;background:#181818;overflow:hidden}
.chat .summary>a{float:left;position:relative;border:1px solid #000;width:40px;height:40px;background-color:#222;margin:0 5px 5px 0}
.chat .summary>a:nth-child(6n+6){margin-right:0}
.chat .summary .find{background:url(menu.png) 0 -184px}
.chat .rooms{position:absolute;top:91px;right:0;bottom:114px;left:0}
.chat .rooms [data-room]{position:absolute;top:0;left:0;right:0;bottom:0}
.chat .rooms .sticky{position:absolute;top:50px;right:0;left:0;padding:10px;font-size:12px;line-height:14px;background:#222;border:1px solid #111;border-top:0;border-bottom:1px solid #000;display:none}
.chat .rooms .scrollpanel{position:absolute;top:167px;left:0;right:0;bottom:0}
.chat .rooms .poster{border:1px solid #000}
.chat .rooms .poster .img{width:286px}
#chatpanel .global{background:transparent}
#chatpanel .empty{background:transparent}
#friendspanel .rooms{bottom:97px}
.lobby.list .total{display:none}
.lobby [data-status]>.close{display:block}
.lobby [data-status].hide>[data-room]:nth-child(6) ~ [data-room]{display:none}
.lobby [data-status].hide>[data-room]:nth-child(7) ~ .total{display:block}
.lobby [data-status].hide>.close{display:none}
#friendspanel .tile{float:left;position:relative;border:1px solid #000;width:40px;height:40px;margin:0 5px 5px 0}
#friendspanel .tile:nth-child(6n+6){margin-right:0}
a.facebook,a.login{text-align:center;text-transform:uppercase;font-size:11px;line-height:15px;padding:5px;display:block;color:#fff;margin:10px 1px 5px 2px;overflow:hidden;border-radius:3px;text-decoration:none}
a.login{border:1px solid #D00;border-bottom:1px solid #400;border-right:1px solid #400;background:#C00;background:linear-gradient(#C00,#900)}
a.facebook{border:1px solid #000;border-bottom:1px solid #005;border-right:1px solid #005;background:#3b5998;background:linear-gradient(#3b5998,#2b416f)}
#right input[type="text"],#right input[type="password"]{position:relative;display:block;width:265px;margin-bottom:2px}
#loginpanel .msg{display:none;font-size:11px;padding:5px 2px 2px 4px;color:#c00}
#player{position:absolute;top:53px;bottom:18px;width:1200px;margin-left:-600px;background:#111;border:1px solid #000;visibility:hidden;overflow:none}
#player .body{position:absolute;bottom:0;left:0;right:0;top:47px}
#player .resize{position:absolute;bottom:0;left:0;right:299px;top:0}
#player .video{position:absolute;bottom:37px;left:0;right:0;top:0}
#player .force{position:absolute;bottom:37px;left:0;right:0;top:0;background:#111;padding:30% 0 0 50%;display:none}
#player .force>div{width:304px;height:140px;margin:-70px 0 0 -150px;font-size:11px}
#player .foot{position:absolute;bottom:0;left:0;right:0;height:36px;border-top:1px solid #000;background:url(menu.gif) left -10px}
#player .right{position:absolute;bottom:0;top:0;right:0;width:298px;border-left:1px solid #000;background:#111}
#player .right>div{position:absolute;bottom:0;top:0;right:0;left:0;background:#111;visibility:hidden}
#player .head{position:absolute;top:0;left:0;right:0;height:46px;border-bottom:1px solid #000;background:url(menu.gif)}
#player .head .info{position:absolute;top:4px;left:4px;bottom:4px;right:560px;padding:3px 0 0 45px;font-size:11px;color:#aaa;line-height:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#player .head .info a{color:#aaa}
#player .head .info span,#player .head .info span a{color:#666}
#player .head .info span.live{color:#fff;background:#c00;display:relative;padding:0 3px;font-size:9px;margin:-1px 5px 0 0}
#player .head .info span.live.soon{color:#111;background:#666}
#player .head .info div{position:absolute;top:0;left:0;border:1px solid #000;width:36px;height:36px}
#fblike{position:absolute;top:13px;right:310px;z-index:365}
#fblike>div{float:right;font-size:10px;color:#666}
#fblike>div{opacity:.5}
#fblike>div:hover{opacity:1}
#player .menu{position:absolute;top:0;right:0;bottom:0;width:298px;border-left:1px solid #000}
#player .menu a{float:left;position:relative;width:48px;height:46px;border-left:1px solid #000;border-right:1px solid #2d2d2d;background:url(menu.png) no-repeat}
#player .menu a.selected{background-color:#111;border-bottom:1px solid #111;border-right:1px solid #111}
#player .menu a:first-child{border-left:0 !important}
#player .menu a:last-child{border-right:0 !important}
#player .playbar{position:absolute;left:36px;top:0;bottom:0;right:150px;cursor:default}
#player .playbar .live{position:absolute;top:0;bottom:0;width:0;left:40%;border-right:1px solid #c00000;pointer-events:none;display:none}
#player .playbutton,#player .pausebutton{position:absolute;top:0;bottom:0;width:36px;border-right:1px solid #000;left:0;background:url(menu.png) -172px -96px}
#player .full{position:absolute;top:0;bottom:0;width:48px;border-left:1px solid #000;right:0;background:url(menu.png) -244px -96px}
#player .pausebutton{background-position:-100px -96px;display:none}
#player .full:hover{background-position:-292px -96px}
#player .playbutton:hover{background-position:-208px -96px}
#player .pausebutton:hover{background-position:-136px -96px}
#player .prog{position:absolute;top:0;left:0;bottom:0;width:0;background:rgba(0,0,0,0.2);border-right:1px dotted #000}
#player .prog div{position:absolute;right:-4px;top:15px;width:6px;height:6px;background:#333;border-radius:3px;box-shadow:0 0 2px #000,inset -1px -1px 1px rgba(0,0,0,0.2),inset 1px 1px 1px rgba(255,255,255,0.3);display:none}
#player .playbar:hover .prog div{display:block}
#player .playbar.drag .prog div{display:block;background:#060}
#player .playtime{position:absolute;top:0;left:0;bottom:0;right:0;line-height:26px;padding:5px;color:#888;text-shadow:0 0 1px #000}
#player .playtime div{position:absolute;top:5px;right:5px;bottom:5px}
#player .volume{position:absolute;top:0;bottom:0;width:100px;border-left:1px solid #000;right:49px}
#player .volume>div{position:absolute;left:13px;top:10px;bottom:10px;right:13px;background:#333}
#player .volume>span{position:absolute;top:0;left:0;right:0;bottom:0;background:url(menu.png) left -96px;display:block}
#player .volume div div{float:left;height:100%;width:0;background:#111}
#player .volume:hover div div{background:#666}
#player .volume div.drag div{background:#900}
#graph{position:absolute;top:0;left:0;bottom:0;right:0;pointer-events:none}
.dark .poster{position:relative;height:160px;color:#ccc;background:#1b1b1b;border-bottom:1px solid #000;border-top:1px solid #000;display:block;margin-bottom:3px}
.dark .poster .img{position:absolute;top:0;left:0;width:298px;height:130px;border-bottom:1px solid #000}
.dark .poster img{display:block}
.dark .poster .info{position:absolute;bottom:0;left:5px;right:5px;height:30px;line-height:30px;font-size:13px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.dark .poster span{position:absolute;display:block;right:0;bottom:0;font-size:11px;color:#999}
.dark .poster:hover{text-decoration:none}
.poster .live{position:absolute;top:0;right:0;width:64px;height:65px;background:url(live.png) no-repeat top right}
.dark .profile{position:relative;height:120px;background:#1b1b1b;border:1px solid #000;display:block}
#schedule .scrollpanel{position:absolute;top:152px;left:0;right:0;bottom:0}
#schedulebutton{background-position:-97px -1px !important}
#schedulebutton:hover{background-position:-97px -49px !important}
#schedule .poster{margin-top:-1px;height:130px}
#schedule .hr{position:absolute;bottom:-20px;left:5px;right:5px}
#related .scrollpanel{position:absolute;top:5px;left:5px;right:5px;bottom:5px}
#relatedbutton{background-position:-145px -1px !important}
#relatedbutton:hover{background-position:-145px -49px !important}
#relatedbutton.selected{border-bottom:1px solid #000}
#comments .scrollpanel{position:absolute;top:5px;left:5px;right:5px;bottom:115px}
#comments .empty{font-size:11px;color:#444;padding:30px;text-align:center}
#commentsbutton{background-position:-1px -1px !important}
#commentsbutton:hover{background-position:-1px -49px !important}
#tracks .scrollpanel{position:absolute;top:5px;left:5px;right:5px;bottom:5px}
#tracks .empty{font-size:11px;color:#444;padding:30px;text-align:center}
#tracksbutton{background-position:-49px -1px !important}
#tracksbutton:hover{background-position:-49px -49px !important}
#sharing{position:absolute;top:5px !important;left:5px !important;right:5px !important;bottom:5px !important}
#sharing .scrollpanel{position:absolute;top:142px;left:0;right:0;bottom:0}
#sharing .thread>div:not(.hr){padding:4px}
#share_type label{display:inline-block;padding-right:20px}
#sharingbutton{background-position:-193px -1px !important}
#sharingbutton:hover{background-position:-193px -49px !important}
#embedsize>a{float:left;border:1px solid black;text-align:center;background:#1b1b1b;color:#ccc;margin-right:3px}
#embedsize>a.small{line-height:40px;width:71px;height:40px}
#embedsize>a.medium{line-height:48px;width:83px;height:48px}
#embedsize>a.large{line-height:66px;width:113px;height:66px;margin:0}
#embedsize>a:hover:not(.selected){background:#333}
#embedsize>a.selected{color:#111;background:#999;cursor:default}
#embedsize>a.selected:hover{text-decoration:none}
#playeraccountbutton{background-image:none !important}
#playeraccountbutton:hover{background-image:none !important}
#ribbon{z-index:1000;display:none;position:fixed;width:80px;height:44px;border:1px solid #000;overflow:hidden}
#ribbon div{width:100%;height:100%}
.trail{position:relative;font-size:12px;color:#bbb;margin:15px 0 15px 10px;height:15px}
.trail .right{position:absolute;top:0;right:10px}
.trail a{color:#999}
.trail a:hover{color:#666;text-decoration:none}
.scrollpanel{position:relative;background:#fafafa;border:1px solid #ddd}
.scrollpanel>div{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden}
.dark .scrollpanel{border:0;background:inherit}
.scrollbar{position:absolute;display:none;right:0;top:0;width:10px;height:30%;opacity:0;-webkit-transition:opacity 300ms;-moz-transition:opacity 300ms;transition:opacity 300ms}
.scrollpanel:hover .scrollbar{opacity:.4}
.scrollbar.down,.scrollbar:hover{opacity:.8 !important}
.scrollbar div{position:absolute;right:3px;top:4px;left:3px;bottom:4px;border-radius:3px;background:#888;box-shadow:-1px 0 0 #666,0 -1px 0 #666,1px 0 0 #666,0 1px 0 #666}
.tooltip{position:absolute;z-index:1000;padding:4px 8px;border-radius:2px;white-space:nowrap;font-size:11px;box-shadow:1px 1px 2px #000;background:#ccc;visibility:hidden}
.tooltip .anchor{position:absolute;height:9px;width:16px;bottom:0;left:50%;margin:0 0 -9px -8px;pointer-events:none;background:url(menu.png) -500px -169px}
.tooltip.below .anchor{top:-6px;bottom:auto;height:0;width:0;border:6px solid transparent;border-bottom:6px solid #ccc;margin:-6px 0 -0 -6px;background:0}
.tooltip.dark{background:#111}
.tooltip.dark .anchor{display:none}
.tooltip .menu{text-align:center;font-size:12px;color:#000;padding:4px 0}
.tooltip .menu hr{height:0;border:0;border-top:1px solid #aaa;border-bottom:1px solid #ddd;margin:3px 0}
.tooltip .menu a{display:block;text-align:left;padding:3px;color:#333;font-size:11px}
.tooltip .menu a:hover{display:block;text-align:left;background:#bbb;text-decoration:none}
.hidden{line-height:18px;font-size:9px;color:#666;text-align:center}
.thread{position:relative;overflow:hidden}
.thread .img{position:absolute;top:4px;left:4px;border:1px solid #111;width:34px;height:34px;background-color:#111}
.thread .img img{width:34px;height:34px}
.thread>*{position:relative;display:block;font-size:11px;background-color:#222;border-top:1px solid #2d2d2d;border-bottom:1px solid #000}
.thread>:last-child{margin-bottom:0}
.thread a{color:#fff}
.thread p{font-size:11px;line-height:13px;text-align:left;color:#999}
.threadpreview{width:93px;height:70px;margin:0 -4px}
.threadpreview img{width:92px;height:69px;border:1px solid #999;position:relative}
.threadinfo{position:relative;width:120px;height:69px;padding-left:97px;margin:0 -4px}
.threadinfo img{position:absolute;top:0;left:0;width:92px;height:69px}
.thread .options{display:none;position:absolute;top:5px;right:5px;width:17px;height:10px;background:url(menu.png) -421px -140px;display:none}
.thread .options:hover{background-position:-421px -166px}
.thread .comment{min-height:38px;padding:2px 4px 4px 46px;word-wrap:break-word}
.thread .comment>div:first-of-type{margin:-2px 0 3px 0}
.thread textarea{padding:2px 4px;margin:2px 0 -4px -2px;width:230px;height:16px}
.thread .buttons{color:#888;font-size:9px;margin-bottom:-2px}
.thread .buttons>*{color:#555}
.thread .buttons a:hover{text-decoration:none;color:#888}
.thread .buttons>*:not(:first-child):before{color:#555 !important;content:"\a0\b7\a0"}
.thread .more{display:block;font-size:9px;padding:2px 0}
.replies{display:none;padding:4px 4px 4px 24px;line-height:16px;margin:1px 0;background:url(radio.gif) #222 no-repeat -15px -86px;color:#999 !important}
.suggestions{display:none;padding:4px 4px 4px 24px;line-height:16px;background:url(suggested.gif) #222 no-repeat 7px 50%;color:#999 !important}
.thread .suggest{padding:4px;line-height:14px;text-align:center;font-size:9px;color:#999 !important}
.thread .suggestion{min-height:16px;padding:2px 4px 24px 42px;color:green;position:relative;background:#222 url(trackid.gif) no-repeat 4px 4px;word-wrap:break-word}
.thread .suggestion .score{position:absolute;bottom:4px;left:42px;right:3px;text-align:right;color:#666;font-size:9px;line-height:14px;background:#181818;padding:3px}
.thread .suggestion .score a:first-child{display:block;position:absolute;left:3px;top:3px}
.thread .suggestion .score a{color:#999}
.thread.hide>.replies:nth-last-child(n+5){display:block}
.thread.hide>.comment:nth-of-type(2) ~ .comment{display:none}
.thread.hide>.comment:nth-last-of-type(-n+4) ~ .comment{display:block}
.thread.hide>.suggestions:nth-last-child(n+3){display:block}
.thread.hide>:nth-child(2) ~ .suggestion{display:none}
.thread.hide>.suggest{display:block}
.thread.hide>.suggest:not(:nth-child(4)){display:none}
.thread .edit div:not([data-user]),.thread .edit a:not([data-user]),.thread .edit .options{display:none !important}
.thread .edit .esc{font-size:9px;color:#666;line-height:15px}
.member .thread .comment:hover .options{display:block}
.member .thread .create{display:block;min-height:36px;padding:2px 4px 6px 46px}
.annon .thread .create{display:none !important}
.thread .create{display:none}
.thread .create:not(.edit){min-height:inherit;padding:2px 4px 5px 46px}
.thread .create:not(.edit) textarea{width:260px;margin-left:-42px}
.textheight{width:222px;min-height:16px;word-wrap:break-word;display:none}
.post{position:absolute;bottom:0;left:0;right:0;height:109px;background:#111;font-size:11px;border-top:5px solid #111}
.post>a:hover{text-decoration:none}
.post .tab{position:relative;float:left;padding:4px 6px 3px 6px;line-height:14px;background:#181818;border-top:1px solid #222;border-right:1px solid #000;color:#666}
.post .time{font-size:9px;float:right;line-height:21px;padding:0 10px;visibility:hidden}
.post .selected{background:#222;padding-bottom:4px;border-top:1px solid #2d2d2d;color:#999;cursor:default}
.post .login{padding:10px}
.post .commentpanel input{position:absolute;bottom:2px;left:3px}
.post .commentpanel label{position:absolute;bottom:3px;left:23px;line-height:17px}
.post .commentpanel textarea{resize:none;width:265px;height:45px;padding:5px;background:#1b1b1b;color:#999;border:1px solid #000;border-bottom:1px solid #2d2d2d;border-right:1px solid #2d2d2d;overflow:hidden}
.post .trackpanel{visibility:hidden}
.post .trackpanel input{width:278px;padding:4px;margin:1px 0 2px 0}
.post .trackpanel span{font-size:9px;line-height:20px}
.post .pendingpanel{display:none}
.post .pendingpanel,.post .loginpanel{padding:26px;text-align:center}
.post>div{position:absolute;left:0;right:0;bottom:0;top:22px;padding:5px;border-top:1px solid #333;background:#222;border-bottom:1px solid #000;color:#999}
.post>div a{display:block;float:right;padding:0 4px;background:#181818;border:1px solid #111;margin:2px 0 5px -1px;color:#555;font-size:9px;line-height:18px}
.post>div a:hover{text-decoration:none;color:#888}
.post.suggestion .trackpanel{visibility:inherit}
.post.suggestion .commentpanel{visibility:hidden}
#player .post>div{border-bottom:0}
#player .commentpanel textarea{width:276px}
#friendspanel .post{height:92px}
.member .post .loginpanel{display:none}
.member .post .commentpanel{display:block}
.member .post .trackpanel{display:block}
.member .post.pending .pendingpanel{display:block}
.member .post.pending .commentpanel{display:none}
.member .post.pending .trackpanel{display:none}
#player .track{position:relative;display:block;font-size:11px;padding:4px 4px 4px 60px;background:#222;border-top:1px solid #2d2d2d;border-bottom:1px solid #000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#bbb;line-height:15px;height:30px}
#player .track .time{position:absolute;top:0;left:0;bottom:0;padding:4px;font-size:10px;color:#666;font-size:10px;line-height:30px;text-align:center;width:50px}
#player .track:hover{background:#181818;border-top:1px solid #222;text-decoration:none}
#player .track span{color:#888}
.hint{color:#666 !important}
::-webkit-input-placeholder{color:#666 !important}
::-moz-placeholder{color:#666 !important}
:-moz-placeholder{color:#666 !important}
:-ms-placeholder{color:#666 !important}
.playtime{font-family:Arial;font-size:9px}
.fb-like{float:left}
.clr{clear:both}
.hr{position:relative;height:18px;line-height:14px;padding:0;text-align:center;background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAEklEQVQIW2NUUlL6z8jAwPAfAApCAmfA5dpBAAAAAElFTkSuQmCC') repeat-x left 8px;border:0}
.hr *{display:inline;background:#111;padding:0 10px;line-height:14px;font-size:9px;color:#666 !important;white-space:nowrap}
.hr a:hover{color:#c00000 !important;text-decoration:none}
.fullscreen{overflow:hidden}
.fullscreen #grab,.fullscreen #body,.fullscreen #menu,.fullscreen #money,.fullscreen #shadow,.fullscreen .side{display:none !important}
.fullscreen #tv{padding:0;bottom:0}
.fullscreen #player{position:fixed;top:0;left:0;right:0;bottom:0}
#foot{position:absolute;clear:both;left:0;right:0;bottom:0;height:210px;width:auto;background-color:#1b1b1b;color:#888;font-size:11px;min-width:960px}
#foot h1{display:none}
#foot ul{margin:10px 0 10px 0;padding:0;list-style-type:none}
#foot li{padding:2px 0 2px 0;height:16px}
#foot .col{width:162px;float:left}
#foot a{color:#eee;padding:0 0 0 24px;margin:0;line-height:16px;height:16px;display:block;float:left;background:url(footer.png) no-repeat left top;opacity:.4}
#foot a:hover{opacity:1;text-decoration:none}
#foot .fb{background-position:0 0}
#foot .twitter{background-position:0 -16px}
#foot .google{background-position:0 -32px}
#foot .instagram{background-position:0 -48px}
#foot .youtube{background-position:0 -192px}
#foot .vevo{background-position:0 -208px}
#foot .android{background-position:0 -64px}
#foot .apple{background-position:0 -80px}
#foot .xbox{background-position:0 -96px}
#foot .windows{background-position:0 -224px}
#foot .en{background-position:0 -112px}
#foot .fr{background-position:0 -128px}
#foot .de{background-position:0 -144px}
#foot .it{background-position:0 -160px}
#foot .es{background-position:0 -176px}
#foot .link a{padding:0;background:0}
.blog{border:1px solid #ddd;padding:10px;margin-bottom:10px;background:#eee}
.blog:last-child{margin-bottom:0}
.blog .head{border:1px solid #ddd;height:194px;margin-bottom:15px;position:relative}
.blog .head>*{position:absolute;top:0;left:0;right:0;bottom:0}
.blog .head h3{position:absolute;bottom:10px;left:10px;font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.blog .foot{position:relative;margin-top:15px;padding:13px 0 3px 43px;border-top:1px solid #ddd;height:32px;line-height:16px}
.blog .foot span{font-size:11px;color:#666}
.blog .foot img{position:absolute;top:10px;left:0;width:36px;height:36px;border:1px solid #ddd}
.blog .foot div{position:absolute;top:13px;right:0;text-align:right;font-size:11px}
.blog .foot div a{color:#666}
.blog .foot div a:hover{color:#c00;text-decoration:none}
.blog .share{padding-top:10px;height:16px}
.blog .more{padding-top:10px;color:#666}
#beatport .info{right:40px}
#beatport .head{background-position:0 -432px}
.beatpage{position:absolute;top:0;left:0;width:504px}
.beatpage a{float:left;overflow:hidden;width:122px;height:145px;margin:0 5px 5px 0;color:#666}
.beatpage a:nth-child(1n+9){margin-bottom:0}
.beatpage a:nth-child(4n+4){margin-right:0}
.beatpage a div{border:1px solid #ddd;height:120px;width:120px}
.beatpage a:hover{text-decoration:none}
.beatpage a:hover div{border:1px solid #c00}
.beatpage a img{height:120px;width:120px}
.beatpage a span{display:block;font-size:11px;line-height:17px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#bandstown .head{background-position:0 -672px}
#soundcloud .head{background-position:0 -272px}
#soundcloud img{float:left;border:1px solid #ddd;width:120px;height:120px}
#soundcloud .title{line-height:40px;font-size:16px;float:right;width:668px;padding-left:5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#soundcloud a{color:#333}
#soundcloud .embed{float:right;width:671px;height:81px;overflow:hidden}
#soundcloud .track{margin-bottom:5px;height:122px}
#soundcloud .track:last-child{margin:0}
.map{position:relative;display:block !important;font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif !important;border:1px solid #ddd;height:30px;width:150px;color:#111;font-size:11px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:15px;height:30px;padding:8px 6px 8px 48px}
.map .img{position:absolute;top:4px;left:4px;border:1px solid #ddd;width:36px;height:36px}
.map .info{position:absolute;top:8px;left:48px;right:5px;bottom:5px}
.map span{color:#888;line-height:13px !important;font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif !important}
a.map:hover{background-color:#eee;text-decoration:none}
.phoney{overflow:hidden}
#body{position:absolute;left:0;right:0;top:0;min-height:100%;background:#eee}
#body>div{width:100%;height:100%}
#content{padding:20px 0 230px 0;min-width:960px;overflow:hidden;background:none repeat scroll 0 0 #eee}
#content .page{position:relative;width:810px;margin:0 auto 0 auto}
#storeframe{display:block;width:100%;height:3000px;border:0;overflow:hidden}
.stats{position:absolute;top:65px;left:20px}
.stats td{white-space:nowrap;min-width:80px;font-size:11px;font-size:11px;padding:0}
.section{margin:10px auto 6px auto;background:#fafafa;border-right:1px solid #ddd;border-bottom:1px solid #ddd;width:809px}
.section>.head{position:relative;padding:5px 16px 5px 65px;background:#fbfbfb url(section.gif) no-repeat left -48px;border-bottom:1px solid #ddd;height:38px;line-height:38px}
.section>.head a{color:#333;font-size:12px}
.section>.body{position:relative;padding:4px 5px 5px 5px;border-top:1px solid #fff}
.section .pagetitle{color:#666;font-size:16px;text-shadow:none;padding-left:10px}
.section .pagetitle:before{content:"\00b7";font-size:25px;position:relative;left:-6px;top:3px}
.section .poster{position:relative;display:block;background-color:#ccc;border:1px solid #ddd;height:296px}
.section>.head input{position:absolute;display:block;top:7px;left:55px;width:729px;margin:0;font-size:18px;height:23px;text-shadow:0 0 1px #666;line-height:18px;color:#333;font-family:Arial !important;letter-spacing:0;padding:5px 9px;background:Transparent;border:1px solid Transparent}
.section>.head input.changes,.section>.head input:focus,.section>.head input:hover{background:#ccc;border:1px solid #888;outline:0;border-radius:3px}
.section>.head.chan{background-position:0 0}
.section>.head.artist{background-position:0 -240px}
.section>.head.venue{background-position:0 -96px}
.section>.head.event{background-position:0 -192px}
.section>.head.brand{background-position:0 -720px}
.section>.head.member{background-position:0 -768px}
.section>.head.group{background-position:0 -184px}
.section>.head.location{background-position:0 -144px}
.section>.head.group{background-position:0 -184px}
.section>.head.news{background-position:0 -864px}
.section .poster>img{position:absolute;top:0;left:0;right:0;bottom:0}
.section .poster>div{position:absolute;top:0;left:0;right:0;bottom:0;background:url(play_large.png) no-repeat center center;opacity:0;-webkit-transition:opacity 500ms;-moz-transition:opacity 500ms;transition:opacity 500ms}
.section a:hover.poster>div{opacity:.85}
.section .summary{position:relative;border:1px solid #ddd;border-bottom:0;padding:5px 5px 5px 100px;height:87px;font-size:11px;line-height:14px;color:#666}
.section .summary>div{position:absolute;top:5px;left:5px;width:85px;height:85px;border:1px solid #ddd}
.section .summary>textarea{position:absolute;top:0;left:0;width:147px;height:87px;right:0;bottom:0;padding:5px 5px 5px 100px;font-size:11px;line-height:14px;margin:0;background:Transparent;border:0;color:#666}
.section .summary>textarea.changes,.section .summary>textarea:focus,.section .summary>textarea:hover{background:#ccc;outline:0;color:#111}
.section .summary>a{position:absolute;top:6px;left:6px;width:85px;height:85px;opacity:0;background:url(play_small.png) no-repeat 50% 50%;-webkit-transition:opacity 250ms;-moz-transition:opacity 250ms;-o-transition:opacity 250ms;transition:opacity 250ms}
.section .summary>a:hover{opacity:.85}
.scrollpanel.info{clear:left;float:left;position:relative;width:395px;height:260px;margin:5px 0 5px 5px;font-size:12px;line-height:16px;text-align:justify}
.scrollpanel.info>div{top:10px;left:10px;right:10px;bottom:10px}
.wide{background-color:#111;padding:5px 50% 1px 50%;margin:-25px 0 20px 0;overflow:hidden;height:340px;display:block}
.wide img{display:block;height:340px;width:2556px;margin-left:-1278px}
#body .btn{border:1px solid #ddd;line-height:15px;display:block;padding:5px;font-size:11px;text-align:center;color:#666;background:url(grad.png) left -23px}
#body .btn:hover{background:#eee;text-decoration:none;color:#333}
.carousel{position:relative;overflow:hidden}
.carousel>*{position:absolute;top:0;left:0;visibility:hidden}
.carousel>*:first-child{visibility:inherit}
.feature{width:806px;height:338px;font-size:11px;line-height:15px;color:#ccc}
.feature>*{float:left;position:relative;border:1px solid #111;background:#111;margin:0 5px 4px 0;overflow:hidden;-webkit-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0)}
.feature>*>.img{position:absolute;top:0;left:0;right:0;bottom:26px;background-position:50% 65%;overflow:hidden;-webkit-transition:top 200ms,bottom 200ms;-moz-transition:top 200ms,bottom 200ms;-o-transition:top 200ms,bottom 200ms;transition:top 200ms,bottom 200ms}
.feature .livei{position:absolute;top:0;right:0;width:64px;height:65px;background:url(live.png) no-repeat top right}
.feature .link{position:absolute;top:0;left:0;right:0;bottom:26px;color:inherit;display:block;background-color:#fff;opacity:0;-webkit-transition:top 200ms,bottom 200ms,opacity 200ms;-moz-transition:top 200ms,bottom 200ms,opacity 200ms;-o-transition:top 200ms,bottom 200ms,opacity 200ms;transition:top 200ms,bottom 200ms,opacity 200ms}
.feature .play .link{background:url(play_large.png) no-repeat center center;opacity:.5}
.feature .play .link:hover{opacity:.85}
.feature .info{position:absolute;bottom:-50px;left:0;right:0;height:50px;padding-top:25px;overflow:hidden;background:#111;overflow:hidden;border-top:1px solid #111;-webkit-transition:bottom 200ms;-moz-transition:bottom 200ms;-o-transition:bottom 200ms;transition:bottom 200ms}
.feature .info a{color:inherit}
.feature .info .year{position:absolute;top:8px;right:10px;font-size:23px;line-height:36px;color:#333;text-align:right;font-family:Arial;letter-spacing:-1px}
.feature .info .date{position:absolute;top:6px;left:6px;border:1px solid #000}
.feature .title{position:absolute;top:0;left:0;right:0;height:25px;padding:0 6px;line-height:25px;font-size:12px;background:#1b1b1b;box-shadow:0 -1px 3px 3px #000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.feature .title span{float:left;padding:0 6px;margin:0 6px 0 -6px;background-color:#900000;color:#fff;text-transform:uppercase;font-size:11px}
.feature .title .rec{background:#009000}
.feature>*:hover>.info,.feature>.over>.info{bottom:0}
.feature>*:hover>.img,.feature>.over>.img,.feature>*:hover>.link,.feature>.over>.link{top:-25px;bottom:51px}
.feature .full{width:797px;height:336px}
.feature .half{width:395px;height:336px}
.feature .quater{width:395px;height:165px}
.feature .eigth{width:194px;height:165px}
.feature .list{width:395px;height:336px;float:right;border:1px solid #ddd}
.feature .list .item:last-child{border-bottom:0}
.feature .eigth.play .link,.feature .quater.play .link{background-image:url(play_small.png)}
.pageleft,.pageright{position:absolute;top:0;bottom:0;width:150px;opacity:.4;background:url(arrow.png) no-repeat -35px 50%;right:-150px;-webkit-transition:opacity 250ms;-moz-transition:opacity 250ms;-o-transition:opacity 250ms;transition:opacity 250ms}
.pageleft{background-position:95px 50%;left:-150px;right:auto}
.pageleft:hover,.pageright:hover{opacity:1}
.item .date{width:30px;height:30px;font-size:11px;padding:3px;text-align:center;line-height:15px;border:1px solid #ddd;background:#eee;color:#333}
.item .date div{color:#888;line-height:15px;text-transform:uppercase}
.item{clear:both;position:relative;overflow:hidden;display:block;height:30px;padding:8px 6px 8px 48px;border-bottom:1px solid #ddd;border-top:1px solid #fff;background-color:#f5f5f5;color:#333;font-size:11px;line-height:15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.item>div{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:11px;line-height:15px}
.item .date{position:absolute;top:4px;left:4px}
.item .img{position:absolute;top:4px;left:4px;width:36px;height:36px;border:1px solid #ddd}
.item>a{color:#333}
.item span{color:#888}
.item span a{color:#888}
.dark .item span a{display:block;float:left;padding:0 4px;background:#181818;border:1px solid #111;margin:2px 5px 0 -1px;color:#555;font-size:9px}
.dark .item span a:hover{text-decoration:none;color:#888}
span.live,span.recorded{color:#fff;background:#c00;display:relative;padding:0 3px;font-size:9px;margin:-1px 5px 0 0;text-transform:uppercase}
span.live.soon{color:#111;background:#666}
span.recorded{color:#111;background:#0c0}
.item .info{position:absolute;top:8px;bottom:7px;right:6px;left:48px;color:#333}
.item .big,.schedule>.time,.browse .time{position:absolute;bottom:5px;right:5px;font-size:23px;line-height:36px;color:#bbb;text-align:right;font-family:Arial;letter-spacing:-1px}
.item.chart .big{width:36px;text-align:center}
.item.chart{padding-right:36px}
.item.year{padding-right:60px}
.item.time{padding-right:60px}
.item.play{padding-right:36px;background:url(play.png) no-repeat right top}
.item.private{padding-right:36px;background:url(play.png) no-repeat right -92px;opacity:.25}
.item.selected{background-position:right -46px}
.item.selected,a.item:hover{background-color:#e3e3e3;text-decoration:none}
.list{position:relative}
.list .item:last-child{margin-bottom:-1px}
.list .time{position:absolute;top:5px;right:5px;font-size:23px;line-height:36px;color:#bbb;width:65px;text-align:center;font-family:Arial;letter-spacing:-1px}
.list .play .info{right:40px}
.list .year .info{right:60px}
.list .year .chart{width:60px}
.list .close,.list .total{background-color:#1b1b1b;position:relative;display:block;padding:4px;border-bottom:1px solid #000;border-top:1px solid #222;color:#999;font-size:11px;text-align:center;font-size:9px}
.list .close:hover,.list .total:hover{background-color:#181818;text-decoration:none}
.list .scrollarea{padding-bottom:7px}
.dark .item .img{border:1px solid #000}
.dark .item{border-bottom:1px solid #000;border-top:1px solid #222;color:#ccc;background-color:#1b1b1b}
.dark a.item:hover,.dark .item.selected{background-color:#181818;border-top:1px solid #222}
.dark .item .big{color:#333}
.dark .item .info{color:#bbb}
.dark .item>a{color:#bbb}
.plist .scrollarea>*{position:relative;display:block;border:1px solid #ddd;height:118px;margin-bottom:5px}
.plist .scrollarea>* img{position:absolute;top:0;left:0;width:276px;height:118px}
.plist .scrollarea>* div{position:absolute;top:0;left:0;right:0;bottom:0;padding:102px 5px 5px 5px;line-height:12px;font-size:13px;background-image:url(overlay_small.png);color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 0 1px #ccc}
.plist .scrollarea>*:last-child{margin-bottom:0}
.plist.scrollpanel>div{border:5px solid #fafafa}
.plist .scrollbar{right:5px}
.plist .scrollbar div{top:7px;bottom:7px}
.plist .loading div{background:transparent}
.dark .plist.scrollpanel>div{border-color:#111}
.dark .plist .scrollarea>*{border-color:#000}
#menulist .item>.img{border:0}
#menulist .item{color:#888;font-size:14px;line-height:30px}
.filter{height:48px;position:absolute;top:0;left:48px;right:0;bottom:0;background:url(grad.png)}
.filter a{display:block;float:left;text-shadow:0 0 1px #999;font-size:14px !important;text-align:center;line-height:48px;border-left:1px solid #ddd;border-right:1px solid #fff;width:75px;color:#666}
.filter a:hover,.filter a.selected{text-decoration:none;color:#c00}
.filter a.selected{background:url(menu.gif) !important;color:#999;border-right:1px solid #000;cursor:default;text-shadow:0 0 1px #000}
.filter a:last-child{border-right:0;width:67px}
.filter div{border-left:1px solid #ddd;float:left;height:48px;width:0}
.browse{position:relative;float:left;border:1px solid #ddd;padding:120px 8px 8px 8px;width:178px;margin:5px 5px 0 0;height:30px;font-size:11px;line-height:15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#666}
.browse a{color:inherit}
.browse span{color:#888}
.browse:hover{text-decoration:none;background:#eee}
a.browse:hover .info,.browse .info:hover{text-decoration:none}
.browse .img{position:absolute;top:0;left:0;right:0;bottom:47px;background-color:#ccc;border-bottom:1px solid #ddd}
.browse .img>div{position:absolute;top:0;left:0;right:0;bottom:0;background:url(play_small.png) no-repeat center center;opacity:0;-webkit-transition:opacity 500ms;-moz-transition:opacity 500ms;transition:opacity 500ms}
.browse .img>span{position:absolute;top:0;right:0;width:64px;height:65px;background:url(live.png) no-repeat top right}
.browse .img:hover>div{opacity:.85}
.browse:nth-of-type(4n){margin-right:0}
.browse:nth-of-type(-n+4){margin-top:0}
.browse.head{width:724px;padding-top:306px;padding-right:65px;margin:0;float:inherit}
.browse.head .date{float:left;margin:-4px 8px 0 -4px}
.browse.head .time{float:right;margin:-4px 8px 0 -4px}
.browse.head .img>div{background-image:url(play_large.png)}
.browse.head .img>.count{background:rgba(0,0,0,0.8);text-align:center;text-transform:uppercase;line-height:296px;color:#fff;text-shadow:0 0 5px #000;font-family:Arial;font-weight:light;font-size:60px}
.browse.head .img:hover>.count{opacity:.9}
.browse.head .img>.count span{font-size:20px}
.browse.news {white-space:normal;}
.browse .date{position:absolute;top:0;left:2px;width:25px;height:28px;padding:5px 0 5px 0;background:url(date_small.png);font-size:11px;color:#fff;text-align:center;font-family:Arial;letter-spacing:0;text-shadow:1px 1px 1px #000;line-height:11px}
.browse .date div{font-size:8px;line-height:11px;text-transform:uppercase;font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif;letter-spacing:0}
.bundle{position:relative;float:left;border:1px solid #ddd;padding:158px 8px 8px 8px;width:135px;margin:6px 6px 0 0;height:30px;font-size:11px;line-height:15px;overflow:hidden;text-overflow:ellipsis;color:#666}
.bundle:hover{background:#eee}
.bundle img{position:absolute;border-bottom:1px solid #ddd;width:151px;height:151px;top:0;left:0}
.bundle:nth-of-type(5n){margin-right:0}
.bundle:nth-of-type(-n+5){margin-top:0}
.schedule{position:relative;width:524px;height:32px;padding:304px 265px 8px 8px;margin:0;border:1px solid #ddd;font-size:11px;line-height:15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#bbb;background:url(menu.gif) repeat-x scroll bottom left #111}
.schedule a{color:#bbb}
.schedule>span{color:#888}
.schedule span a{color:#888}
.schedule span a:hover{color:#888}
.schedule .img{position:absolute;top:0;left:0;right:0;bottom:47px;background-color:#ccc;border-bottom:1px solid #111}
.schedule .img:hover>div{opacity:1}
.schedule .play{position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;background:url(play_large.png) no-repeat center center;-webkit-transition:opacity 500ms;-moz-transition:opacity 500ms;transition:opacity 500ms}
.schedule .date{position:absolute;top:0;left:12px;width:46px;height:80px;padding:18px 14px 10px 12px;background:url(date.png);font-size:35px;color:#fff;text-align:center;font-family:Arial;letter-spacing:-1px;text-shadow:1px 1px 1px #000;line-height:30px}
.schedule .date div{font-size:18px;line-height:20px;text-transform:uppercase;font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif;letter-spacing:0;padding-left:2px}
.schedule a .live,.schedule a .soon{position:absolute;top:0;right:0;width:107px;height:107px;background:url(live_large.png) no-repeat top right}
.schedule a .live{background-position:0 -107px}
.schedule>.share{position:absolute;bottom:14px;right:0;height:20px}
.schedule>.share>div{float:left;height:20px}
.schedule>.thumb{position:relative;float:left;margin:-53px 8px 0 -3px;border:1px solid #333;width:85px;height:85px}
.schedule>.playing{position:absolute;bottom:48px;left:0;right:0;font-size:14px;line-height:15px;overflow:hidden;text-overflow:ellipsis;color:#fff;padding:18px 5px 2px 100px;-webkit-transition:padding 500ms;-moz-transition:padding 500ms;transition:padding 500ms;background:-o-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.8));background:-ms-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.8));background:-moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.8) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,0.8)));background:-webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.8));background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.8));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#80000000',GradientType=0)}
.schedule .playing .now{font-size:10px;color:#ccc;line-height:20px}
.schedule .thumb a{position:absolute;opacity:0;top:7px;width:20px;height:25px;background:url(pager.png);-webkit-transition:opacity 500ms;-moz-transition:opacity 500ms;transition:opacity 500ms}
.schedule .thumb a.back{right:-25px}
.schedule .thumb a.next{right:-45px;background-position:left -25px}
.schedule:hover .thumb a{opacity:1}
.schedule:hover .playing:not(.locked){padding-left:142px}
.schedule:hover .thumb a.off{cursor:default;opacity:.4}
.schedule .playing .progress{position:relative;width:300px;height:4px;background:#888;visibility:hidden}
.schedule .playing .progress div{float:left;width:0;height:4px;background:#c00}
.feature .browse:hover{background-position:0 0}
.channel{float:left;position:relative;width:261px;height:188px;border:1px solid #ddd;margin:5px 5px 0 0}
.channel>.item{position:absolute;bottom:0;left:0;right:0;border-bottom:0;padding:3px 6px 13px 72px}
.channel .date{left:97px}
.channel>a{position:absolute;top:0;left:0;right:0;bottom:47px;border-bottom:1px solid #ddd}
.channel>.img{position:absolute;top:auto;bottom:5px;left:5px;border:1px solid #888;width:60px;height:60px}
.channel>a>span{position:absolute;top:0;right:0;width:64px;height:65px;background:url(live.png) no-repeat top right}
.channel>a .play{position:absolute;top:0;left:0;right:0;bottom:0;background:url(play_small.png) no-repeat center center;opacity:0;-webkit-transition:opacity 500ms;-moz-transition:opacity 500ms;transition:opacity 500ms}
.channel .now{position:absolute;bottom:0;left:0;right:0;bottom:0;font-size:10px;padding-left:2px;line-height:10px;overflow:hidden;text-overflow:ellipsis;color:#eee;padding:10px 5px 5px 72px;background:-o-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.6));background:-ms-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.6));background:-moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.6) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,0.6)));background:-webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.5));background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.6))}
.channel .progress{position:absolute;left:72px;right:8px;bottom:5px;height:2px;background:#ddd;margin-top:4px}
.channel .progress div{float:left;width:0;height:2px;background:#c00}
.channel>a:hover .play{opacity:.85}
.channel.live{width:395px;height:258px}
.channel:not(.live):nth-of-type(3n),.channel.live:nth-of-type(2n){margin-right:0}
.channel:not(.live):nth-of-type(-n+3),.channel.live:nth-of-type(-n+2){margin-top:0}
.toptrend{position:relative;display:block;height:144px;border:1px solid #ddd;border-bottom:0}
.toptrend div{position:absolute;top:0;left:0;right:0;bottom:0;background:url(play_small.png) no-repeat center center;opacity:0;-webkit-transition:opacity 500ms;-moz-transition:opacity 500ms;transition:opacity 500ms}
.toptrend:hover div{opacity:.85}
.body .venue{border:1px solid #ddd;padding:127px 8px 8px 8px;width:249px;margin:5px 5px 0 0;height:30px;float:left;position:relative;background-color:#fff;color:#333;font-size:11px;line-height:15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.body .venue .img{position:absolute;top:0;left:0;right:0;height:118px;border-bottom:1px solid #ddd;background-color:#ccc}
.body .venue span{color:#888}
.body .venue:hover{text-decoration:none}
.body .venue:nth-child(2n){margin-right:0}
.body .venue:nth-child(-n+2){margin-top:0}
.dots{position:relative;margin:5px;margin-top:0;border-top:1px dotted #ddd;height:30px;line-height:30px;text-align:center}
.dots div{position:absolute;left:50%;top:8px}
.dots a{float:left;width:18px;height:18px;background:url(dot.png)}
.dots a span{display:block;width:18px;height:18px;background:url(dot.png) left -18px;opacity:0}
.dots a:first-child{background-position:left -54px;opacity:.5}
.dots a:last-child{background-position:left -36px;opacity:.5}
.dots a:hover{opacity:1}
#bandstown .scrollpanel{height:287px}
#body .plist .item{border-color:#ddd}
#profile .img.globe{background:#eee url(menu.png) 0 -224px}
#profile .img.text{background:#eee url(menu.png) -36px -224px}
#profile .img.video{background:#eee url(menu.png) -144px -224px}
#profile .img.place{background:#eee url(menu.png) -180px -224px}
#profile .img.channel{background:#eee url(menu.png) -252px -224px}
#profile .img.facebook{background:#eee url(menu.png) -288px -224px}
#profile .img.twitter{background:#eee url(menu.png) -324px -224px}
#profile .img.soundcloud{background:#eee url(menu.png) -360px -224px}
.channelplaying{position:relative;width:538px;height:337px;border:1px solid #ddd}
.channelplaying>.item{position:absolute;bottom:0;left:0;right:0;border-bottom:0;padding-left:97px}
.channelplaying .date{left:97px}
.channelplaying>.img{position:absolute;bottom:5px;left:5px;border:1px solid #888;width:85px;height:85px}
.channelplaying>a{position:absolute;top:0;left:0;right:0;bottom:46px;border-bottom:1px solid #ddd}
.channelplaying>a>span{position:absolute;top:0;right:0;width:64px;height:65px;background:url(live.png) no-repeat top right}
.channelplaying>a .play{position:absolute;top:0;left:0;right:0;bottom:0;background:url(play_large.png) no-repeat center center;opacity:0;-webkit-transition:opacity 500ms;-moz-transition:opacity 500ms;transition:opacity 500ms}
.channelplaying .info{position:absolute;bottom:0;left:0;right:0;bottom:0;font-size:14px;padding-left:2px;line-height:12px;overflow:hidden;text-overflow:ellipsis;color:#fff;padding:15px 5px 5px 97px;background:-o-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.6));background:-ms-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.6));background:-moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.6) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,0.6)));background:-webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.5));background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.6));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#80000000',GradientType=0)}
.channelplaying .now{font-size:10px;color:#ccc;line-height:18px}
.channelplaying .progress{position:relative;width:210px;height:4px;background:#888}
.channelplaying .progress div{float:left;width:0;height:4px;background:#c00}
.channelplaying>a:hover .play{opacity:.85}
.memberinfo{width:288px;margin:0 -4px}
.memberinfo>.img{width:286px;height:121px;border:1px solid #111}
.memberinfo .info{line-height:20px;padding:4px 0 0 4px;color:#111}
.memberinfo .info a{display:block;float:right;padding:0 4px;background:#eee;border:1px solid #999;margin:2px 0 0 5px;color:#333;font-size:9px;line-height:15px;white-space:nowrap}
.memberinfo .info a:hover{text-decoration:none;color:#888}
.memberinfo .status{float:left;border-radius:50%;width:6px;height:6px;background:#c00;margin:7px 5px 0 -2px}
.sessioninfo{position:relative;margin:0 -4px -4px -4px;width:112px;height:20px;line-height:20px;padding:82px 30px 0 0;color:#333;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sessioninfo .live{position:absolute;top:0;right:0;width:25px;height:25px;background:url(live_small.png)}
.sessioninfo>.img{position:absolute;top:0;left:0;width:140px;height:80px;border:1px solid #999}
.sessioninfo>.time{position:absolute;bottom:0;right:0}

.blog-summary        {float:left;position:relative;width:245px;height:145px;padding:149px 8px 8px;margin:5px 5px 0 0;border:1px solid #ddd;overflow:hidden;line-height:16px;}
.blog-summary a      {color:#666;}
.blog-summary .title {font-size:14px;line-height:18px;color:#000;display:block;margin-bottom:8px;}
.blog-summary .img   {position:absolute;top:0;left:0;right:0;height:141px;border-bottom:1px solid #ddd;}
.blog-summary .author{position:absolute;bottom:0;left:8px;right:8px;border-top:1px solid #eee;padding:8px 0;color:#888;line-height:15px;background:#fafafa}
.blog-summary .author:after {position:absolute;left:0;top:-17px;height:16px;right:0;background:linear-gradient(rgba(250,250,250,0), rgba(250,250,250,.8));pointer-events:none;content:""}
.blog-summary .name  {display:none;}

.blog-summary a[data-session]        {position:relative;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:16px;padding-left:22px;}
.blog-summary a[data-session]:before {position:absolute;left:0;top:2px;bottom:2px;width:16px;background:#333;border-radius:2px;content:""}
.blog-summary a[data-session]:after  {position:absolute;top:4px;left:5px;width:7px;height:7px;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20d%3D%22M3%2032l26-16L3%200z%22%20fill%3D%22%23fff%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");content:"";}

.blog-summary:nth-child(3n)   {margin-right:0;}
.blog-summary:nth-child(-n+3) {margin-top:0;}

.carousel .blog-summary         {margin:0;padding:10px 10px 35px 542px;height:299px;}
.carousel .blog-summary .img    {width:531px;bottom:0;border:0;height:auto;border-right:1px solid #ddd}
.carousel .blog-summary .author {left:542px;right:10px;padding:10px 0}
.carousel .blog-summary .name   {display:inline}

.plugin img        {max-width:100%;cursor:pointer}
.plugin iframe     {display:block;width: 543px !important}
.plugin .caption   {color:#999;font-size:11px;}
.plugin            {height:0;overflow:hidden;margin:0;border:0;padding:5px;}
.plugin.ready      {margin:10px auto;border:1px solid #eee;text-align:center;height:auto;}

.blog-left   {font-size:12px;line-height:22px;padding:18px;margin-right:205px;border:1px solid #ddd;}
.blog-left p {font-size:12px;line-height:22px;}
.blog-left .schedule {margin:5px 0;width:281px;padding-top:260px;}

.blog-right  {float:right;width:198px}
.blog-right .browse {margin:0 0 5px 0}
.blog-author        {height:32px;background:#111 url(menu.gif);padding:8px;font-size:11px;color:#bbb;line-height:15px;white-space:nowrap;}
.blog-author a      {color:#bbb}
.blog-author span,
.blog-author span a {color:#888}
.blog-author .img {position:relative;float:left;margin:-53px 8px 0 -3px;border:1px solid #333;width:85px;height:85px}
.blog-author .share    {position:absolute;bottom:20px;right:8px;height:20px}
.blog-author .share>div{float:left;height:20px}

.skyscraper       {position:relative;width:160px;height:600px;padding:17px;margin-bottom:5px;border:1px solid #ddd;}
.skyscraper iframe{position:absolute;top:17px;left:17px;width:160px;height:600px;background:#eee;border:0; }