#page-leaderboard #side-nav{left:-222px}#page-leaderboard #main{margin-left:0}#page-leaderboard.show-menu #side-nav{left:0}#page-leaderboard.show-menu #main{margin-left:222px}#page-leaderboard.show-menu #leaderboard .name span{display:none}.html5 #leaderboard{list-style:none;margin-left:0;padding-left:0}.html5 #leaderboard li{overflow:hidden;padding:5px 400px 5px 114px;position:relative}.html5 #leaderboard li .avatar{display:block;float:left;height:50px;left:66px;position:absolute;width:50px;-webkit-border-radius:50px;-moz-border-radius:50px;-ms-border-radius:50px;-o-border-radius:50px;border-radius:50px;border:2px solid #ccd6dd}.html5 #leaderboard li .name-bio{float:left;font-size:11px;line-height:16px;position:relative;width:100%;margin-left:15px}.html5 #leaderboard li .name-bio .buttons{pointer-events:all;float:right;height:100%;line-height:52px;font-size:14px;display:none}.html5 #leaderboard li .name-bio .buttons a{margin-left:15px}.html5 #leaderboard li .name-bio .buttons a:hover{text-decoration:none}.html5 #leaderboard li .name-bio .buttons a i{vertical-align:middle}.html5 #leaderboard li .name-bio .name{display:inline-block;float:left;font-size:16px;font-weight:600;line-height:50px;overflow:hidden;white-space:nowrap;margin-right:15px;color:darkslategray}.html5 #leaderboard li .name-bio .name span{font-weight:400}.html5 #leaderboard li .name-bio .uname{color:#5dc9e4;display:inline-block;font-size:13px;line-height:50px;margin-bottom:4px;float:left}.html5 #leaderboard li .name-bio .bio{font-size:11px;height:32px;line-height:16px;overflow:hidden;margin:0}.html5 #leaderboard li .nums{height:100%;position:absolute;right:0;top:0;width:360px}.html5 #leaderboard li .nums [class^="num-"]{color:#666;cursor:default;float:left;height:100%;padding:12px 0 0 0;text-align:center;width:120px}.html5 #leaderboard li .nums [class^="num-"] .num{color:darkslategray;display:block;font-size:16px;font-weight:600;line-height:40px}.html5 #leaderboard li .nums [class^="num-"] .spike{height:24px;margin:8px auto 0 auto;position:relative;width:93px}.html5 #leaderboard li .nums [class^="num-"] .spike .avg{background-color:#f2fbfe;color:#666;font-size:11px;height:24px;left:0;line-height:24px;opacity:0;position:absolute;text-align:center;top:0;width:93px}.html5 #leaderboard.narrow-list li{padding-right:340px}.html5 #leaderboard.narrow-list li .avatar{left:60px}.html5 #leaderboard.narrow-list li .name-bio{margin-left:8px}.html5 #leaderboard.narrow-list li .nums{width:330px}.html5 #leaderboard.narrow-list li .nums [class^="num-"]{width:110px}.mshadow{-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#000000')"}.html5 #leaderboard li .nums [class^="num-"]:hover .spike .avg{opacity:1;-ms-filter:"alpha(opacity=100)"}.html5 #leaderboard li:nth-child(2n){background:#f3f6f8}.html5 #leaderboard li:before{content:attr(data-pos);font-size:18px;font-weight:700;left:5px;position:absolute;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;font-smoothing:antialiased;color:#ccd6dd;width:50px;height:50px;text-align:center;line-height:50px}.html5 #leaderboard li:hover .name-bio .buttons{display:inline-block}.html5 #leaderboard li:hover .name-bio .buttons button,.html5 #leaderboard li:hover .name-bio .buttons a{float:left;margin-right:5px;white-space:nowrap}.html5 #leaderboard-filter{position:relative}.html5 #leaderboard-filter .metric-label,.html5 #leaderboard-filter .timezone-label{font-weight:600;line-height:33px;margin:0 12px}.html5 #leaderboard-filter .metric-label{margin:0;width:114px}.html5 #leaderboard-filter .toggle{list-style:none;margin:0;padding:0}.html5 #leaderboard-filter .toggle li{float:left}.html5 #leaderboard-filter .toggle li a{border:1px solid #ccd6dd;border-left:0;border-right:0;color:darkslategray;display:inline-block;height:33px;line-height:31px;margin:0;margin-bottom:15px;padding:0 30px 0 30px;position:relative;width:100%;-webkit-box-shadow:0 2px 0 rgba(0,0,0,0.05);-moz-box-shadow:0 2px 0 rgba(0,0,0,0.05);-ms-box-shadow:0 2px 0 rgba(0,0,0,0.05);-o-box-shadow:0 2px 0 rgba(0,0,0,0.05);box-shadow:0 2px 0 rgba(0,0,0,0.05);background-color:#f3f6f8;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.html5 #leaderboard-filter .toggle li a:hover{background-color:#fff;-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none;text-decoration:none}.html5 #leaderboard-filter .toggle li a:active,.html5 #leaderboard-filter .toggle li a.active{background-position:0 0;line-height:31px;background-color:#e1e8ed;-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none}.html5 #leaderboard-filter .toggle li:first-child a{-webkit-border-radius:5px 0 0 5px;-moz-border-radius:5px 0 0 5px;-ms-border-radius:5px 0 0 5px;-o-border-radius:5px 0 0 5px;border-radius:5px 0 0 5px;border-left:1px solid #ccd6dd;border-right:1px solid #ccd6dd}.html5 #leaderboard-filter .toggle li:last-child a{-webkit-border-radius:0 5px 5px 0;-moz-border-radius:0 5px 5px 0;-ms-border-radius:0 5px 5px 0;-o-border-radius:0 5px 5px 0;border-radius:0 5px 5px 0;border-left:1px solid #ccd6dd;border-right:1px solid #ccd6dd}.html5 #leaderboard-filter .timezone{width:160px}.html5 #leaderboard-nav{border:1px solid #e6e6e6;padding:0 8px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px}.html5 #leaderboard-nav a{background-image:url('/images/skip.png');background-repeat:no-repeat;color:#999;height:32px;line-height:16px;float:left;font-size:12px;margin:8px 0;width:256px}.html5 #leaderboard-nav a img{display:block;height:32px;width:32px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px}.html5 #leaderboard-nav a:hover{color:#000}.html5 #leaderboard-nav a.next{background-position:100% -32px;padding-right:32px;text-align:right}.html5 #leaderboard-nav a.next img{float:right;margin-left:8px}.html5 #leaderboard-nav a.next:hover{background-position:100% 0}.html5 #leaderboard-nav a.prev{background-position:0 0;padding-left:32px}.html5 #leaderboard-nav a.prev img{float:left;margin-right:8px}.html5 #leaderboard-nav a.prev:hover{background-position:0 -32px}.html5 #leaderboard-nav .this{border-left:1px solid #e6e6e6;border-right:1px solid #e6e6e6;float:left;font-size:12px;line-height:16px;padding:8px 0;position:relative;text-align:center;width:238px}