*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%}
body{background:url(/~velocity/images/bg-gradient.png) repeat-x fixed #000;font-family:Tahoma,"Trebuchet MS",Helvetica,sans-serif;font-size:11px;color:#fff;text-decoration:none}
a,a:hover,a:link,a:visited{color:#ADE5FF;text-decoration:none}
body>.content{padding:25px 20px;width:950px;margin:0 auto;background:#000;background:rgba(0,0,0,.75);border-left:1px solid #fff;border-right:1px solid #fff;min-height:100%}
form{margin:5px 0 0}
form span{width:75px;padding:5px;height:31px;display: inline-block;text-align: right}
form input[type="text"]{width:833px;padding:5px}
form input[type="submit"]{padding:3px 20px}
.top{min-height:25px}
.engine{min-height:60px;border-bottom:1px solid #fff;padding:0 0 10px;margin:10px 0 0}
.engine .title{font-size:24px;padding:0 0 5px}
.engine .title span{color:#aaa}
.engine .title span.hidden{font-size:12px}
.engine .config input{width:100%;height:32px;padding:5px 10px;border-radius:8px;margin:0 0 5px}
.engine .links{font-size:16px;padding:0 0 5px}
.song_item{border-bottom:#fff 1px solid;width:100%}
.song_item .genre{border-right:2px solid #ccc;padding:6px;text-align:center;width:46px;color:#ccc;font-size:24px;cursor:default}
.song_item .genre.small{font-size:18px;}
.song_item td.content{padding:8px 4px}
.song_item .name{font-size:14px;font-weight:700}
.song_item .data{width:100%}
.song_item .data .info span.div{display:inline-block;margin:0 15px;width:15px;height:3px;border-top:1px #aaa dashed}
.user_info{display:grid;grid-gap:10px;grid-template-columns: 150px auto}
.user_info .avatar img{max-width:145px;max-height:145px}
.user_info .name{font-weight:bold;font-size:24px;vertical-align:middle;}
.user_list{display:grid;grid-gap:10px;grid-template-columns: 74px auto 200px;border-bottom: 1px solid #fff;height:70px}
.user_list .avatar{height:70px;line-height:60px;padding:5px;border-right:1px dashed #fff}
.user_list .avatar img{max-width:60px;max-height:60px;vertical-align:middle}
.user_list .name,.user_list .scores{font-weight:bold;font-size:24px;line-height:70px;vertical-align:middle}
.user_list .scores{text-align:right}
.user_ranks{width:100%}
.user_ranks td{padding:4px;white-space:nowrap}
.user_ranks td:nth-child(even){background:rgba(255,255,255,0.05)}
.user_ranks td.n{background:none}
.user_ranks th{text-align:left}
.user_ranks .numa{min-width:55px}
.user_ranks .numb{min-width:45px}
.user_ranks .songname{width:325px;display:inline-block;text-overflow: ellipsis;overflow:hidden}
.user_ranks .engine_name{padding:15px 5px 5px;text-align: center;font-weight: bold;font-size: 24px;border-bottom: 1px dotted #ffffff}
.leaderboard_top td,.leaderboard_lower td{vertical-align:top}
.leaderboard_top{padding:15px 0 0}
.leaderboard_top .leaderboard_table{width:100%;border-top:1px solid #fff;border-bottom:1px solid #fff}
.leaderboard_top .first{background:rgba(0,0,0,.25);width:50%;height:195px;border-right:1px solid #fff}
.leaderboard_top .entry .avatar,.leaderboard_top .first .avatar{text-align:center;border-right:1px dotted #fff;float:left;overflow:hidden}
.leaderboard_top .first div{padding:5px}
.leaderboard_top .first .name{font-size:16px;font-weight:bold;border-bottom:1px dotted #fff}
.leaderboard_top .first .avatar{width:150px;height:155px}
.leaderboard_top .first .avatar img{max-height:135px;max-width:150px}
.leaderboard_top .first .stats{float:left;padding:5px 10px;width:calc(100% - 150px);height:155px;overflow:hidden}
.leaderboard_top .first .stats .stat{width:58px;display:inline-block}
.leaderboard_top .first .stats .score{font-size:13px;font-weight:700}
.leaderboard_top .first .stats .replay{padding:13px 0 0;text-align:center;width:100%}
.leaderboard_top .entry{height:45px;padding:5px;clear:both}
.leaderboard_top .entry .avatar{width:35px;height:36px;padding:0 4px 0 0}
.leaderboard_top .entry .avatar img{max-height:35px;max-width:38px}
.leaderboard_top .entry .stats{float:left;width:290px;height:35px;padding:0 0 0 5px;overflow:hidden}
.leaderboard_top .entry .stats .name{font-weight:700;font-size:12px}
.leaderboard_top .entry .stats .stat{padding:4px 0 0}
.leaderboard_top .entry .stats .replay{font-weight:400}
.leaderboard_lower{width:100%}
.leaderboard_lower td,.leaderboard_lower th{overflow:hidden;white-space:nowrap;padding:5px;text-align:left}
.leaderboard_lower td:first-child,.leaderboard_lower th:first-child{text-align:right}