body{font:14px proxima-nova,'Helvetica Neue',Helvetica,Arial,sans-serif;min-height:500px}
.debug{background:rgba(255,255,255,0.9);position:absolute;bottom:20px;left:20px;z-index:9999;}
.debug div{margin:5px;}
.debug div span{margin-right:5px}
.dw{font-family:proxima-nova,'Helvetica Neue',Helvetica,Arial,sans-serif;color:#fff}
.dw-inline{font-family:proxima-nova,'Helvetica Neue',Helvetica,Arial,sans-serif;margin-left:-5px}
.dwbg{background:none}
.dwc{padding:0}
.dwl{font-size:12px;text-transform:uppercase;color:#ccc}
.dwwr,.dwwc{padding:0}
.dwi,dwc{margin:0}
.time-overlay{width:471px;display:none;background:rgba(0,0,0,0.8);border:3px solid rgba(255,255,255,0.1);position:absolute;top:75px;left:20px;z-index:9999;border-radius:10px;padding:20px;color:#fff;}
.time-overlay .collapsable .inflated{display:block}
.time-overlay .collapsable .collapsed{display:none}
.time-overlay .collapsable.collapsed .inflated{display:none}
.time-overlay .collapsable.collapsed .collapsed{display:block}
.time-overlay h1{text-transform:uppercase;font-weight:bold;margin-bottom:22px;border-bottom:4px solid #fff}
.time-overlay label{text-transform:uppercase;display:block;font-size:20px;font-weight:bold;border-bottom:4px solid #fff}
.time-overlay input{font-size:26px;font-weight:normal;background:#000;color:#ccc;border:1px solid #666;margin:10px 0 10px 0}
.time-overlay input.hidden-field{visibility:hidden;padding:0;margin:0}
.time-overlay a{font-weight:bold;text-transform:uppercase;font-size:26px}
.time-overlay #setting-list{font-size:16px;width:100%;margin:10px 0 10px 0;border-spacing:5px 5px;}
.time-overlay #setting-list .title{font-weight:bold;}
.time-overlay #setting-list .title span{font-weight:normal;color:#aaa}
.time-overlay #setting-list tr{height:55px}
.time-overlay #setting-list a{font-size:16px}
.CollapsableListViewToggleAll{text-align:right;margin:10px 0;}
.CollapsableListViewToggleAll .cUp{display:inline-block}
.CollapsableListViewToggleAll .cDn{display:none}
.CollapsableListViewToggleAll.collapsed .cUp{display:none}
.CollapsableListViewToggleAll.collapsed .cDn{display:inline-block}
.headerview .tweet-view-control{position:absolute;top:0;right:0;padding:10px 10px 0 10px}
.headerview .label{text-transform:uppercase;font-size:14px;margin:0;color:#fff;margin-top:14px;font-weight:bold}
.headerview .label-data{color:#ccc;text-transform:uppercase;font-size:20px;margin:0;cursor:pointer;}
.headerview .label-data span{padding:0 3px 0 3px}
.headerview .label-data span:hover{text-decoration:underline}
.headerview .active{background:#fff;color:#000}
.headerview .label-data .active:hover{text-decoration:none}
.headerview #filter-name{width:300px}
.header-controls{overflow:hidden;width:70%;position:absolute;right:0;top:0;}
.header-controls li{min-width:18%;padding-left:10px;float:left;margin-left:20px;border-left:3px solid #222}
.artist-legend{background:#000;position:relative;margin:0 0 20px 0;font-family:proxima-nova,'Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:normal;color:#fff;border-radius:10px;line-height:1;border:3px solid #7b01c1;overflow:hidden;cursor:pointer;}
.artist-legend .legend-item-wrapper{background:#000;display:table-cell;text-align:left;padding:0 5px 0 5px}
.artist-legend .artist-name,.artist-legend .header{height:20px}
.artist-legend .rank{position:absolute;top:0;left:0;font-size:50px;color:#000}
.artist-legend .stat{float:right;font-size:35px;font-family:proxima-nova,'Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:bold;margin:5px;}
.artist-legend .stat small{display:block;font-size:20px;font-weight:normal;text-align:right}
.time-range{display:none;}
.time-range input{display:none;font-family:proxima-nova,'Helvetica Neue',Helvetica,Arial,sans-serif;background:#000;border:none;color:#fff}
.time-range button{margin:2px 0;padding:0;font-family:proxima-nova,'Helvetica Neue',Helvetica,Arial,sans-serif;border:none;background:#000;color:#ccc;font-size:20px;text-transform:uppercase;line-height:1;border-radius:5px}
.tweet-control .label-data{width:300px}
.tweet-stats{margin:10px;}
.tweet-stats span{font-family:league-gothic,'Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:normal;font-size:45px;line-height:1;text-transform:uppercase;color:#fff}
.pink{background:#000;border-color:#e71583;color:#fff;}
.pink h2{display:block;text-transform:uppercase;line-height:1;color:#fff}
.pink span{padding:0 5px 0 5px;line-height:1}
.pink .rank{font-family:league-gothic,'Helvetica Neue',Helvetica,Arial,sans-serif;background:#e71583;padding:0 10px 0 5px;border-radius:0 0 10px 0;color:#fff}
.pink .stat{color:#e71583}
.pink .legend-item-wrapper{padding-top:3px;background:rgba(231,21,131,0.7)}
.blue{background:#000;border-color:#042eef;color:#fff;}
.blue h2{display:block;text-transform:uppercase;line-height:1;color:#fff}
.blue span{padding:0 5px 0 5px;line-height:1}
.blue .rank{font-family:league-gothic,'Helvetica Neue',Helvetica,Arial,sans-serif;background:#042eef;padding:0 10px 0 5px;border-radius:0 0 10px 0;color:#fff}
.blue .stat{color:#042eef}
.blue .legend-item-wrapper{padding-top:3px;background:rgba(4,46,239,0.7)}
.purple{background:#000;border-color:#7b01c1;color:#fff;}
.purple h2{display:block;text-transform:uppercase;line-height:1;color:#fff}
.purple span{padding:0 5px 0 5px;line-height:1}
.purple .rank{font-family:league-gothic,'Helvetica Neue',Helvetica,Arial,sans-serif;background:#7b01c1;padding:0 10px 0 5px;border-radius:0 0 10px 0;color:#fff}
.purple .stat{color:#7b01c1}
.purple .legend-item-wrapper{padding-top:3px;background:rgba(123,1,193,0.7)}
.red{background:#000;border-color:#c9000f;color:#fff;}
.red h2{display:block;text-transform:uppercase;line-height:1;color:#fff}
.red span{padding:0 5px 0 5px;line-height:1}
.red .rank{font-family:league-gothic,'Helvetica Neue',Helvetica,Arial,sans-serif;background:#c9000f;padding:0 10px 0 5px;border-radius:0 0 10px 0;color:#fff}
.red .stat{color:#c9000f}
.red .legend-item-wrapper{padding-top:3px;background:rgba(201,0,15,0.7)}
.orange{background:#000;border-color:#f94400;color:#fff;}
.orange h2{display:block;text-transform:uppercase;line-height:1;color:#fff}
.orange span{padding:0 5px 0 5px;line-height:1}
.orange .rank{font-family:league-gothic,'Helvetica Neue',Helvetica,Arial,sans-serif;background:#f94400;padding:0 10px 0 5px;border-radius:0 0 10px 0;color:#fff}
.orange .stat{color:#f94400}
.orange .legend-item-wrapper{padding-top:3px;background:rgba(249,68,0,0.7)}
.teal{background:#000;border-color:#04bdc8;color:#fff;}
.teal h2{display:block;text-transform:uppercase;line-height:1;color:#fff}
.teal span{padding:0 5px 0 5px;line-height:1}
.teal .rank{font-family:league-gothic,'Helvetica Neue',Helvetica,Arial,sans-serif;background:#04bdc8;padding:0 10px 0 5px;border-radius:0 0 10px 0;color:#fff}
.teal .stat{color:#04bdc8}
.teal .legend-item-wrapper{padding-top:3px;background:rgba(4,189,200,0.7)}
.green{background:#000;border-color:#52c910;color:#fff;}
.green h2{display:block;text-transform:uppercase;line-height:1;color:#fff}
.green span{padding:0 5px 0 5px;line-height:1}
.green .rank{font-family:league-gothic,'Helvetica Neue',Helvetica,Arial,sans-serif;background:#52c910;padding:0 10px 0 5px;border-radius:0 0 10px 0;color:#fff}
.green .stat{color:#52c910}
.green .legend-item-wrapper{padding-top:3px;background:rgba(82,201,16,0.7)}
.tpm h1{font-family:proxima-nova,'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:25px;font-weight:normal;color:#fff;width:40%;width:40%;min-width:500px;margin-left:10px;line-height:30px;margin-top:20px;}
.tpm h1 span{float:left;display:block;margin-right:5px;font-size:40px;font-weight:bold}
.pull-left{float:left}
.pull-right{float:right}
#full-tweet{display:none;position:absolute;top:0;left:0;z-index:9999;width:100%;height:100%;background:rgba(0,0,0,0.6);text-align:center;}
#full-tweet .artist-tweet{text-align:left;width:100%;}
#full-tweet .artist-tweet h2,#full-tweet .artist-tweet h3{margin:0 20px 0 20px}
#full-tweet .artist-tweet h2{margin-top:5px}
#full-tweet .artist-tweet p{font-weight:bold;margin:20px}
#full-tweet .artist-tweet footer{margin:20px 20px 0 20px}
.tweets{position:absolute;stop:0;right:0;margin:-13px 0;z-index:10;-webkit-overflow-scrolling:touch;overflow-y:scroll}
::-webkit-scrollbar{display:none}
.artist-tweet{background-color:#222;font-size:16px;height:auto;margin:0;padding:0;width:31%;z-index:3000;}
.artist-tweet header{margin:3px;padding:0;color:#ccc;background:#000;height:50px;}
.artist-tweet header a{color:#eee;height:48px;width:48px}
.artist-tweet header h2,.artist-tweet header h3{font-family:proxima-nova,'Helvetica Neue',Helvetica,Arial,sans-serif;line-height:1;padding:0;margin:5px 0 0 5px;color:#fff}
.artist-tweet header h2{font-weight:bold;font-size:24px;}
.artist-tweet header h2 span{font-weight:normal}
.artist-tweet header h3{font-size:14px;color:#ddd}
.artist-tweet header .profile-image-link{float:left;margin:0 10px 0 0;width:35px;height:35px;}
.artist-tweet header .profile-image-link img{margin:5px;width:35px;height:35px}
.artist-tweet header .zoomButton{position:absolute;top:0;right:0;width:48px;height:48px;cursor:pointer}
.artist-tweet header .timestamp{position:absolute;top:10px;right:10px;width:auto;height:auto;color:#999}
.artist-tweet p{background:#222;margin:0 5px;font-size:18px;color:#ccc;}
.artist-tweet p a{color:#ccc}
.artist-tweet .meta-content{background:#222;padding:10px 8px 8px 0;}
.artist-tweet .meta-content > *{margin:0}
.artist-tweet .meta-content > div{background:#222;color:#000;font-size:20px}
.artist-tweet .meta-content footer,.artist-tweet .meta-content > div{font-family:proxima-nova,'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:16px}
.artist-tweet .meta-content footer{position:relative;margin:10px 5px 0 5px;color:#999;}
.artist-tweet .meta-content footer .timestamp{float:right;color:#999}
.artist-tweet .retweet-text{margin-left:5px}
.artist-tweet .tweet-actions{position:absolute;bottom:0;right:0;}
.artist-tweet .tweet-actions a{padding:2px 0 0 20px}
.artist-tweet .tweet-actions .reply{background:url("http://si0.twimg.com/images/dev/cms/intents/icons/reply.png") left no-repeat}
.artist-tweet .tweet-actions .replyhover{background:url("http://si0.twimg.com/images/dev/cms/intents/icons/reply_hover.png") left no-repeat}
.artist-tweet .tweet-actions .retweet{background:url("https://si0.twimg.com/images/dev/cms/intents/icons/retweet.png") left no-repeat}
.artist-tweet .tweet-actions .retweethover{background:url("https://si0.twimg.com/images/dev/cms/intents/icons/retweet_hover.png") left no-repeat}
.artist-tweet .tweet-actions .favorite{background:url("http://si0.twimg.com/images/dev/cms/intents/icons/favorite.png") left no-repeat}
.artist-tweet .tweet-actions .favoritehover{background:url("http://si0.twimg.com/images/dev/cms/intents/icons/favorite_hover.png") left no-repeat}