/*------------------------------------------------------------------
[Master Stylesheet]

Project:		FlashFlashRevolution
Version:		1.1
Last change:	05/15/08 [adstyle fix, tw]
Authors:		Troy Whiteley (tw)

[Table of contents]

1. Body
2. Html overrides
3. Text Links
4. What is ffr? / .whatisffr
5. Divider lines
6. Alignment
7. News date / .news-date
8. Zebra stripes / .zebra
9. Comment votes
10. Containers
11. Sidebar sections
12. Information boxes
13. Header
14. Footer
15. Comments
16. Profile Menu / #profile_menu
17. Tokens
18. Fixes
19. Events
20. Daily Stats Page
21. Tournament Dashboard
-------------------------------------------------------------------*/
 

/*------------------------------------------------------------------
[1. Body]
*/
body {
	font-family: Tahoma, "Trebuchet MS", Helvetica, sans-serif;
	font-size: 11px;
	background: url('/images/2008/background-arrows.png') #79838c;
}

/*------------------------------------------------------------------
[2. Html overrides]
*/
strong{font-weight: 900;}
h2{font-size:14px;font-weight:bold;}
h2 a:link,h2 a:hover,h2 a:visited,h2 a:active{text-decoration:none;color:#000;}
strong{font-weight:bold;}

a:link,a:visited,a:active{color:#4a84b5;text-decoration:none;}
a:hover{color:#4a84b5;text-decoration:underline;}
.nohover a:hover { background-color: transparent; text-decoration:none; color: initial}

td,th{padding:2px;}
th{font-weight:bold;}
hr.thin {
	height: 1px;
	background: #ABC8D1;
	border: 0px none;
}
.table-borders table {
	border-collapse: collapse;
	border: 1px #d9d9d9 solid;
	width: 100%;
}
.table-borders table td, .table-borders table th {
	border: 1px #d9d9d9 solid;
	padding: 5px;
}
.table-borders table th {
	text-align: center;
}
/*------------------------------------------------------------------
[3. Text Links]
*/
.dark-text,.dark-text a:link,.dark-text a:active,.dark-text a:visited{color:#000;text-decoration:none;}
.dark-text a:hover{color:#000;text-decoration:underline;}
.light-text,.light-text a:link,.light-text a:active,.light-text a:visited{color:#868b90;text-decoration:none;}
.light-text a:hover{color:#868b90;text-decoration:underline;}

/*------------------------------------------------------------------
[4. What is ffr? / .whatisffr]
*/
.whatisffr {
	width: 612px;
	height: 17px;
	margin-left: 1px;
	background: url('/images/2008/whatisffr-normal.png');
}
.whatisffr:hover{background:url('/images/2008/whatisffr-rollover.png');}

/*------------------------------------------------------------------
[5. Divider lines]
*/
.small-div {
	width: 160px;
	height: 1px;
	margin: 6px 0 6px 0;
	background: url('/images/2008/small-div.png') no-repeat;
}
.smaller-div {
	width: 160px;
	height: 1px;
	margin: 3px 0 3px 0;
	background: url('/images/2008/small-div.png') no-repeat;
}
.yourstats-div {
	width: 224px;
	height: 1px;
	margin: 0 0 6px 0;
	background: url('/images/2008/small-div.png') no-repeat;
}
.news-div {
	clear: both;
	width: 600px;
	height: 1px;
	margin: 6px 0 6px 0;
	background: url('/images/2008/news_div.png') #d9d9d9 no-repeat right;
}

/*------------------------------------------------------------------
[6. Alignment]
*/
.float-left{float:left;}
.float-right{float:right;}
.right-text{text-align:right;}
.clear{clear:both;}
.left-img-link{float:left;padding:0 6px 0 0;}
.center{text-align:center;}
.spacer{height:20px;}
.small-spacer{height:6px;}
.no-wrap{white-space:nowrap;}

/*------------------------------------------------------------------
[7. News date / .news-date]
*/
.news-date{color:#7f8080;width:600px;}
.news-date a:link,.news-date a:visited,.news-date a:active{color:#5095d0;text-decoration:none;}
.news-date a:hover{color:#5095d0;text-decoration:underline;}

/*------------------------------------------------------------------
[8. Zebra stripes / .zebra]
*/
.zebra1 td{background:#e0ecf6;}
.zebra2 td{background:#fff;}
.column-alt .zebra1 td:nth-child(odd) {background: #D4E2EE;}
.column-alt .zebra2 td:nth-child(odd) {background: #f5f5f5;}

.css3_zebra tbody tr:nth-child(odd) td{background: #e0ecf6;}
.css3_zebra tbody tr:nth-child(even) td{background:#fff}

/*------------------------------------------------------------------
[9. Comment votes]
*/
.comment-vote{padding-right:16px;}
.comment-green{color:#6ABA5F;}
.comment-red{color:#BC3D40;}
.hidden-comment{color:#909090;text-align:right;width:100%;}
.hidden-comment a{cursor:pointer;}

/*------------------------------------------------------------------
[10. Containers]
*/
#wrapper{margin:0 auto;width:995px;background:#79838c url('/images/2008/faux.png') repeat-y center;}
#site_stats{
	width:999px;
	float:left;
	height:23px;
	background:#3c3c3c;
	color:#ccc;
	padding:3px;
}
#site_stats img{float:right;padding:0 0 0 3px;}
#header{
	width:995px;
	float:left;
	height:107px;
	background: #28aad1 url('/images/2008/header-bg-transparent.png') repeat-x;
}
#subheader{float:left;width:995px;}
#leftcolumn{
	border-left:1px #656565 solid;
	border-right:1px #999 solid;
	background:#dedede;
	min-height:350px;
	width:180px;
	float:left;
}
#leftcolumn td,#leftcolumn td img{padding:0;}
#content{
	float:left;
	margin:0;
	padding:10px;
	min-height:350px;
	width:611px;
	display:inline;
}
#content.nopadd{
	padding:0px;
	width:621px;
}
#content p{padding:0 20px 20px 0;}
#content p a:link,#content p a:visited,#content p a:active{color:#4a84b5;text-decoration:none;}
#content p a:hover{color:#4a84b5;text-decoration:underline;}
#rightcolumn{
	border-left:1px #999 solid;
	border-right:1px #656565 solid;
	color:#333;
	background:#dedede;
	min-height:350px;
	width:180px;
	float:left;
}

/*------------------------------------------------------------------
[11. Sidebar Sections]
*/
.sidebar-section{padding:10px;border-bottom:1px solid #999;}
#game_list{color: #595959;line-height:120%;}
#game_list li{margin:6px 0;}
#game_list a:link,#game_list a:hover,#game_list a:visited,#game_list a:active{color:#595959;text-decoration:none;word-wrap: break-word;}

#community_list li{margin:6px 0 6px 15px;list-style-image:url('/images/2008/bullet.png');list-style-position:outside;}
#community_list a:link,#community_list a:visited,#community_list a:active{color:#595959;text-decoration:none;word-wrap: break-word;font-weight:bold;}
#community_list a:hover{color:#595959;text-decoration:underline;}
#community_list .avatar_container{ width: 30px; float:left; }
#community_list li.indent {margin:0px 0 6px 15px;}

.ffr_bullet_list li{margin:6px 0 6px 15px;list-style-image:url('/images/2008/bullet.png');list-style-position:outside;}
.ffr_bullet_list a:link,.ffr_bullet_list a:visited,.ffr_bullet_list a:active{color:#5095d0;text-decoration:none;word-wrap: break-word;}
.ffr_bullet_list a:hover{color:#5095d0;text-decoration:underline;}

#subscriber_list li{margin:6px 0 6px 15px;list-style-image:url('/images/2008/bullet.png');list-style-position:outside;}
#subscriber_list a:link,#subscriber_list a:visited,#subscriber_list a:active{color:#5095d0;text-decoration:none;word-wrap: break-word;}
#subscriber_list a:hover{color:#5095d0;text-decoration:underline;}

#latest_forum_posts li{margin:6px 0 6px 15px;list-style-image:url('/images/2008/bullet.png');list-style-position:outside;}
#latest_forum_posts a:link,#latest_forum_posts a:visited,#latest_forum_posts a:active{color:#595959;text-decoration:none;word-wrap: break-word;}
#latest_forum_posts a:hover{color: #595959;text-decoration:underline;}

#latest_profiles{color:#595959;line-height:120%;}
#latest_profiles li{margin:6px 0;white-space:nowrap;overflow:hidden;}
#latest_profiles a:link,#latest_profiles a:hover,#latest_profiles a:visited,#latest_profiles a:active{color:#595959;text-decoration:none;word-wrap: break-word;}

#latest_videos{color:#595959;line-height:120%;}
#latest_videos li{margin:6px 0 6px 0;white-space:nowrap;overflow:hidden;}
#latest_videos a:link,#latest_videos a:hover,#latest_videos a:visited,#latest_videos a:active{color:#595959;text-decoration:none;word-wrap: break-word;}

#random_widget{color:#595959;line-height:120%;}
#random_widget li{margin:6px 0;white-space:nowrap;overflow:hidden;}
#random_widget a:link,#random_widget a:hover,#random_widget a:visited,#random_widget a:active{color:#595959;text-decoration:none;word-wrap: break-word;}

#recent_play_container{
	color:#4d5052;
	float:left;
	width:126px;
	overflow:hidden;
	line-height:100%;
}
.recent-play-stat{width:160px;text-align:right;overflow:hidden;}
.recent-play-stat a:link,.recent-play-stat a:hover,.recent-play-stat a:active,.recent-play-stat a:visited{
	width:160px;
	text-align:right;
	text-decoration:none;
	color:#5095d0
}

.column-header{color: #000;}
.column-header a:link,.column-header a:hover,.column-header a:active,.column-header a:visited{color:#000;text-decoration:none;}

.thumb-profile-pic{
	float:left;
	padding:0 6px 0 0;
	max-width:50px;
	max-height:50px;
	min-width:50px;
}
.thumb-profile-pic .padding{width:36px;display:block;}
.thumb-profile-pic img{height:50px;width:50px;}
.profile-pic-offset{margin-left:56px;}
.video-thumb{width:130px;height:97px;margin:auto;}
.video-thumb img{width:130px;height:97px;margin:auto;}

/*------------------------------------------------------------------
[12. Information Boxes]
*/
#about_box{width:612px;height:260px;}
#about_close_text{color:#fff;padding:10px;}
#update_box {
	width:612px;
	background:#e0ecf6;
	color:#595959;
	border:#65a1d4 1px solid;
	text-align:left;
}
#update_text{padding:10px;}
#update_close_text{padding:10px;float:right;}
#footer-container{width:995px;overflow:hidden;margin:0 auto;}


.input_button {
	background: #cfcfcf url('/images/2008/input_button.png') repeat-x;
	font-size: 12px;
	border: 1px solid #707070;
	border-radius: 3px;
	padding: 2px 7px 4px;
	height: 14px;
	display: inline-block;
	margin-bottom: 3px;
}

input.input_button {
	font-family: Tahoma,"Trebuchet MS",Helvetica,sans-serif;
	height: 22px;
    padding: 0 4px 2px;
    vertical-align: top;
}

input.input_button, a.input_button, a.input_button:link, a.input_button:visited, a.input_button:active, a.input_button:hover {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}

input.input_button:hover, a.input_button:hover, input.input_button_active, a.input_button_active  {
	background: #a7d9f5 url('/images/2008/input_button_hover.png') repeat-x;
	border: 1px solid #3c7fb1;
}

#leftcolumn .primary-links {
	box-sizing: border-box;
}

#leftcolumn .primary-links a:link,
#leftcolumn .primary-links a:hover,
#leftcolumn .primary-links a:visited,
#leftcolumn .primary-links a:active {
	color:#FFF;
	text-decoration:none;
	word-wrap: break-word;
}
#leftcolumn .primary-links a {
	box-sizing: border-box;
    width: 100%;
    color: #FFF;
    background-color: transparent;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    height: 36px;
    line-height: 36px;
    padding: 0 10px;
    margin: 5px 0 0;
    border-radius: 5px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    font-size: 14px;
    font-weight: bold;
    overflow: hidden;
	display: block;
}
#leftcolumn .primary-links a:focus, #leftcolumn .primary-links a:hover {
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,.12), 0 2px 2px rgba(0,0,0,.2);
    box-shadow: 0 0 2px rgba(0,0,0,.12), 0 2px 2px rgba(0,0,0,.2);
}
#leftcolumn .primary-links .ffrDownload {
    background-color: #28aad1;
}
#leftcolumn .primary-links .ffrDownload:active, #leftcolumn .primary-links .ffrDownload:focus, #leftcolumn .primary-links .ffrDownload:hover {
    background-color: #2bb7e1;
}
#leftcolumn .primary-links .ffrTournament {
	background-color: #5bc128;
}
#leftcolumn .primary-links .ffrTournament:active, #leftcolumn .primary-links .ffrTournament:focus, #leftcolumn .primary-links .ffrTournament:hover {
	background-color: #5fcc28;
}
#leftcolumn .primary-links a:first-child {
	margin: 0;
}

.sidebar-section.social-media {
	padding: 11px 3px 10px;
	text-align: center;
}
.sidebar-section.social-media a {
	
	box-sizing: border-box;
	display: inline-block;
	width: 28px;
	height: 27px;
	font-size: 17px;
	color: #fff !important;
	border-radius: 5px;
	background: #000;
	text-align: center;
	padding: 4px 0 0 0;
	margin: 0 0 0 2px;
}
.sidebar-section.social-media a:first-child {
	margin: 0;
}
.sidebar-section.social-media a:hover {
	opacity: 0.9;
}
.sidebar-section.social-media a.facebook {
	background: #4267B2;
}
.sidebar-section.social-media a.twitch {
	background: #6441A4;
}
.sidebar-section.social-media a.twitter {
	background: #1DA1F2;
}
.sidebar-section.social-media a.discord {
	background: #5865F2;
}
.sidebar-section.social-media a.youtube {
	padding: 3px 0 0 1px;
	background: #FF0000;
}
/*------------------------------------------------------------------
[13. Header]
*/
#header_logo{float: left;}
#user_controls {
	background:url('/images/2008/user-controls-transparent.png') no-repeat right;
	font-family: Tahoma;
	height:108px;
	width:365px;
	overflow:hidden;
	float:right;
	text-align:right;
	vertical-align: middle;
}
#dark_mode_toggle > a {
    background: #ffffff2e;
    display: inline-block;
    padding: 5px 5px 5px 8px;
    border-bottom-left-radius: 11px;
    margin: 0 1px 0 0;
    border-left: 1px #2591b1 solid;
    border-bottom: 1px #2591b1 solid;
    color: #fff;
}
#dark_mode_toggle > a:hover {
    background: #08799b;
	text-decoration: none;
}
#user_control_links{color:#fff;margin:10px 4px 0 0;}
#user_control_links a:link,#user_control_links a:hover,#user_control_links a:active,#user_control_links a:visited{color:#fff;text-decoration:none;}

#top_adspace{
	width:748px;
	height:108px;
	border-left:1px #656565 solid;
	border-right:1px #999 solid;
	border-bottom:1px #999 solid;
	background:#dedede;
	float:left;
	position:absolute;
}
#top_ad{
	width:728px;
	height:90px;
	margin:10px;
	color:#000;
}
#top_ad td,#top_ad img{padding:0;}
#subhead_userinfo{
	font-family: Tahoma;
	width:230px;
	height:87px;
	border-right:1px #656565 solid;
	border-bottom:1px #999 solid;
	background:#c0c7ce;
	float:right;
	padding:10px;
}
#subhead_userinfo .profile_pic{
	max-width:70px;
	max-height:70px;
	padding-right:10px;
	float:left;
}
#userinfo_container{
	color:#4d5052;
	float:left;
	width:150px;
	overflow:hidden;
	line-height:100%;
}
.userinfo-stat{
	width:150px;
	text-align:right;
	text-decoration:none;
	color:#4d5052;
}
.messages a:link,.messages a:hover,.messages a:active,.messages a:visited {
	width:150px;
	text-align:right;
	text-decoration:none;
	color:#4d5052;
}

/*------------------------------------------------------------------
[13. Footer]
*/
#footer_bar{
	margin:0 auto;
	width:993px;
	background:#6298c4;
	border:1px #3d698d solid;
	height:10px;
}
#footer_ad{
	margin:0 auto;
	width:993px;
	background:#fff;
	border:1px #3d698d solid;
}
#footer_text{
	margin:0 auto;
	width:993px;
	padding:3px;
	text-align:right;
	color:#fff;
}
#footer_text .light-text{color:#cdcdcd;}
#footer_text a:link,#footer_text a:active,#footer_text a:visited{color:#fff;text-decoration:none;}
#footer_text a:hover{color:#fff;text-decoration:underline;}

/*------------------------------------------------------------------
[15. Comments]
*/
#content ol.commentlist p {
	padding: 0 0 8px 0;
}
.comment-body {
	width:571px;
	background:#dedede url('/images/2008/comment-header.png') top no-repeat;
	padding:16px 10px 0 10px;
	margin-top:2px;
	text-align:left;
}
.comment-actions {
	border-width: 1px 0 0 0;
	border-style: solid;
	text-align: right;
	padding: 5px;
	height: 16px;
}
.commentlist a:link,.commentlist a:active,.commentlist a:visited{color:#595959;text-decoration:none;}
.commentlist a:hover{color:#595959;text-decoration:underline;}

.admin_comment-background .comment-actions a:link, .admin_comment-background .comment-actions a:active, .admin_comment-background .comment-actions a:visited{color:#CC0000;text-decoration:none;}
.admin_comment-background .comment-actions a:hover{color:#CC0000;text-decoration:underline;}

.staff_comment-background .comment-actions a:link, .staff_comment-background .comment-actions a:active, .staff_comment-background .comment-actions a:visited{color:#72ab6d;text-decoration:none;}
.staff_comment-background .comment-actions a:hover{color:#72ab6d;text-decoration:underline;}

.legend_comment-background .comment-actions a:link, .legend_comment-background .comment-actions a:active, .legend_comment-background .comment-actions a:visited{color:#778C7A;text-decoration:none;}
.legend_comment-background .comment-actions a:hover{color:#778C7A;text-decoration:underline;}

.subscriber_comment-background .comment-actions a:link, .subscriber_comment-background .comment-actions a:active, .subscriber_comment-background .comment-actions a:visited{color:#4a84b5;text-decoration:none;}
.subscriber_comment-background .comment-actions a:hover{color:#4a84b5;text-decoration:underline;}

.simcreator_comment-background .comment-actions a:link,.simcreator_comment-background .comment-actions a:active,.simcreator_comment-background .comment-actions a:visited{color:#e69e20;text-decoration:none;}
.simcreator_comment-background .comment-actionsa:hover{color: #e69e20;text-decoration:underline;}

.velocity_comment-background .comment-actions a:link, .velocity_comment-background .comment-actions a:active, .velocity_comment-background .comment-actions a:visited{color:#72ab6d;text-decoration:none;}
.velocity_comment-background .comment-actions a:hover{color:#72ab6d;text-decoration:underline;}

.admin_comment-background{background:#ffc8c8 url('/images/2008/comment-header.png') top no-repeat;}
.legend_comment-background{background:#B2D1B6 url('/images/2008/comment-header.png') top no-repeat;}
.subscriber_comment-background{background:#b9d2e6 url('/images/2008/comment-header.png') top no-repeat;}
.staff_comment-background{background:#a8e3a1 url('/images/2008/comment-header.png') top no-repeat;}
.simcreator_comment-background{background:#f7ed95 url('/images/2008/comment-header.png') top no-repeat;}
.velocity_comment-background{background:#B1EFD1;padding: 0px 5px 0;background-position: 0 0;box-shadow:6px 6px 2px -3px rgba(0,0,0, 0.25);}
.velocity_comment-background > div { padding: 7px 0 0 0; }

/*------------------------------------------------------------------
[16. Profile Menu / #profile_menu]
*/
#profile_menu ul{
	padding:0;
	margin:0;
	list-style:none;
	float:left;
	color:#d0d3d6;
}
#profile_menu li{
	float:left;
	position:relative;
	text-align:left;
	color:#d0d3d6;
	padding:3px 10px 2px;
	border-right:1px solid #46535d;
	background:url('/images/2008/menubar-button-bg.png') repeat-x;
	min-height:15px;
	margin-top:1px;
}
#profile_menu li:hover,#profile_menu li.over{background:url('/images/2008/menubar-button-bg-over.png') repeat-x;}
#profile_menu li a:link,#profile_menu li a:hover,#profile_menu li a:active,#profile_menu li a:visited{color:#d0d3d6;}
#profile_menu li ul{
	display:none;
	position:absolute;
	top:1em;
	left:0;
	background:#34424e;
	border:#48545f 1px solid;
}
#profile_menu li ul li{
	min-height:18px;
	background:#34424e;
	border:0;
	list-style-image:url('/images/2008/menubar-list-bullet.png');
	list-style-position:inside;
	width:130px;
}
#profile_menu li ul li:hover,#profile_menu li ul li.over{
	background:#414e59;
	list-style-image:url('/images/2008/menubar-bullet-over.png');
	list-style-position:inside;
}
#profile_menu li ul li a:link,#profile_menu li ul li a:hover,#profile_menu li ul li a:active,#profile_menu li ul li a:visited{color:#d0d3d6;}
#profile_menu li>ul{top:19px;left:-1px;z-index:3;}
#profile_menu li:hover ul,#profile_menu  li.over ul{display:block;width:150px;height:auto;}
#profile_menu_wrapper {text-align:right;background:#394652 url('/images/2008/menubar-bg.png') repeat-x;width:995px;height:22px;}
#profile_menu li ul li.menuDivider{
	list-style:none;
	list-style-image:none;
	color:#9c9ea1;
	font-weight:bold;
}
#profile_menu li ul li.menuDivider:hover,#profile_menu li ul li.menuDivider.over{background:#34424e;}

/*------------------------------------------------------------------
[17. Tokens]
*/
.token-clear{clear:both;height:4px;}
.token-header{color:#595959;padding-bottom:4px;display:block;}
.token-container-bg{width:175px;height:34px;padding:0px;border:1px solid #000;margin-left:36px;}
.token-container{width:175px;height:34px;text-align:right;background:url('/images/token-css-test/token-bg_css.png');}
.token-container .info{float:left;}
.token-container .info img{padding:8px 2px 0 0;float:left;opacity:.75;filter: alpha(opacity=75); -moz-opacity: 0.75;}
.token-image{float:left;width:20px;height:30px;}
.token-container .info .count{float:left;width:30px;height:26px;background:#65a1d4;margin:0 4px 0 0;padding:8px 0 0 0;}
.token-container .info .count .text{color:#cddfee;}
.token-container .info .count .text strong{color:#fff;}
.token-container .info .text{padding:4px;white-space:nowrap;text-align:left;width:100px;overflow:hidden;}
.token-container #token-right .text{margin:0;padding: 20px 2px 0 0;color:#000;font-size:9px;}
.token-container #token-right object,.token-container #token-right embed,.token-container #token-right img{float:right;cursor:pointer;}

/*------------------------------------------------------------------
[18. Fixes]
*/
.line-fix{line-height:100%;}
.login-button-fix {margin:-3px 0 0 0;}
.video-fix{width:120px;}
.recently-played-fix {overflow:hidden;}
/*------------------------------------------------------------------
[19. Event Details]
*/
img.halloween{
   opacity: 0.2;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
   }

img.halloween:hover {
      opacity: 1;
}

#header #snow-bg {
	height: 107px;
	background-image: url("/images/2008/snow1.png"), url("/images/2008/snow2.png"), url("/images/2008/snow3.png");
	-webkit-animation:snow 20s linear infinite;
	-moz-animation:snow 20s linear infinite;
	-ms-animation:snow 20s linear infinite;
	-o-animation:snow 20s linear infinite;
	animation:snow 20s linear infinite;
}

@keyframes snow {
	0% 		{ background-position:0px 0px, 0px 0px, 0px 0px }
	100% 	{ background-position:500px 1000px, 400px 400px, 300px 300px }
}
@-webkit-keyframes snow {
	0% 		{ background-position:0px 0px, 0px 0px, 0px 0px }
	100% 	{ background-position:500px 1000px, 400px 400px, 300px 300px }
}

/*------------------------------------------------------------------
[20. Daily Stats Page]
*/
.stat_daily_period {
	width: 100%;
	text-align: center;
	margin-bottom: 15px;
}
	.stat_daily_period .day {
		width: 75px;
	}
	
	
.stat_daily_total {
	width: 100%;
}
	.stat_daily_total thead {
		font-weight: bold;
	}
	.stat_daily_total td {
		padding: 3px 6px;
	}
	.stat_daily_total .col1 { width: 70px; }
	.stat_daily_total .col2 { width: 85px; }
	.stat_daily_total .col3 { width: 85px; }
	.stat_daily_total .col4 { width: 85px; }
	.stat_daily_total .col5 { width: 85px; }
	.stat_daily_total .col6 { width: 85px; }
	.stat_daily_total .col7 { width: 85px; }
	.stat_daily_total .col8 { width: 85px; }

.stat_daily_ranks_holder {
	width: 100%;
}

	.stat_daily_ranks_holder .col {
		width: 33%;
		padding: 10px;
	}
	.stat_daily_ranks_holder .col-thin {
		width: 20%;
		padding: 10px;
	}
	.stat_daily_ranks_holder .col-thick {
		width: 60%;
		padding: 10px;
	}

.stat_daily_ranks {
	width: 100%;
}
	.stat_daily_ranks thead {
		text-align: center;
		font-weight: bold;
	}
	
	.stat_daily_ranks .col1 { width: 16px; text-align:center;}
	.stat_daily_ranks .col3 { width: 16px; text-align:right;}
	
	
.stat_daily_grandtotal {
	width: 100%;
}
	.stat_daily_grandtotal .col1 { width: 16px; text-align:center;}
	.stat_daily_grandtotal .col2 { }
	.stat_daily_grandtotal .col3 { text-align:right;}
	.stat_daily_grandtotal .col4 { width: 100px; text-align:right;}
	
.stat_daily_game_table {
	width: 100%;
}
	.stat_daily_game_table thead {
		font-weight: bold;
	}
	.stat_daily_game_table td {
		padding: 3px 6px;
		overflow: hidden;
	}
	.stat_daily_game_table .col2 { width: 85px; }
	.stat_daily_game_table .col3 { width: 125px; }
	.stat_daily_game_table .col4 { width: 70px; }
	.stat_daily_game_table .col5 { width: 70px; }
	.stat_daily_game_table .col6 { width: 70px; }
	.stat_daily_game_table .col7 { width: 65px; }
	.stat_daily_game_table .col7 { width: 70px; text-align:center; }
	
.stat_daily_flag {
	color: #F2F2F2;
	visibility: hidden;
}
.stat_daily_flag.active { visibility: visible; }
.stat_daily_flag.aaa.active { color: #967D10; }
.stat_daily_flag.fc.active { color: #129610; }
.stat_daily_flag.sr.active { color: #8D1096; }

.level_search {
	padding: 10px;
	text-align: center;
}
	.level_search .search_single input {
		width: 201px;
	}
	
	.level_search .search_multi input {
		width: 97px;
		padding: 0 1px 0 0;
	}
	
	.level_search .search_dropdown select {
		width: 203px;
	}
	
	.level_search #search_type_selection {
		width: 150px;
	}

.song_item {
	border-top: #B5B5B5 1px solid;
	width:100%;
	background-repeat: no-repeat;
	background-position: left bottom;
}
	.song_item.zebra1, .song_item.zebra1 td, .song_item.zebra2 td {
		background-color: transparent;
	}
	
	.song_item.zebra0 {
		background-color: #F1F8FC;
	}
	
	.song_item .genre {
		border-right: 2px solid #ccc;
		padding: 6px 0;
		text-align: center;
		width: 46px;
		color: #ccc;
		font-size: 24px;
		cursor: default;
	}
	
	.song_item td.content {
		padding: 8px 4px;
		background-repeat: no-repeat;
		background-position: left bottom;
	}
	
	.song_item .name {
		font-size: 14px;
		font-weight: bold;
	}
		
	.song_item .data {
		width: 100%;
	}
		.song_item .data .col1 {
			width: 50px;
		}
		.song_item .data .col3 {
			width: 40px;
			text-align: right;
		}
		.song_item .data .col4 {
			width: 310px;
		}
		.song_item .data .col5 {
			width: 60px;
			text-align: right;
		}
		.song_item .data .col6 {
			width: 20px;
			text-align: right;
		}
		
	.song_item .data .info span.div {
		display:inline-block;
		margin: 0 15px 0 15px;
		width:15px;
		height:3px;
		border-top:1px #aaa dashed;
	}
.page_pagnation {
	border-top: 1px #ccc solid;
	padding:15px;
	text-align: center;
}
ul.list {
	margin: 0 0 9px;
}
ul.list li {
    list-style-image: url("/images/2008/bullet.png");
    list-style-position: outside;
    margin: 6px 0 6px 15px;
}
ul.underline li attr {
	border-bottom: 1px dashed #000;
}
.news-list-table {
	margin: 5px 0 9px;
	width: 100%;
}
.news-list-table attr {
	border-bottom: 1px dashed #000;
}
.news-list-table td {
	background: url("/images/2008/bullet.png") left center no-repeat;
	padding: 0 0 0 15px;
}

.page-alert-error {
    background: #F8D5D5;
    border-color: #DB6969;
}
.page-alert-error, .page-alert-warning {
    border-radius: 5px;
    border-style: solid;
    border-width: 1px 1px 1px 5px;
    margin: 5px 15px;
    padding: 5px;
}

#content hr {
	height: 1px;
	background: #999;
	border: 0;
	margin: 9px 0;
}

#chartCalc {
	width: 100%;
	text-align: left;
	border-bottom: 1px solid #8ab2c1;
	margin-bottom: 5px;
}
#chartCalc::after {
	content: "";
	clear: both;
	display: block;
}
	#chartCalc .song_note {
		background: transparent no-repeat top left;
		width:32px;
		height:32px;
	}
	#chartCalc .song_note.inline {
		margin-right:3px;
		display:inline-block;
	}
	#chartCalc .song_note.small {
		width: 16px;
		height: 16px;
	}
	#chartCalc .song_note.small.blue { background-image: url(/images/notes/note_blue.small.png); }
	#chartCalc .song_note.small.red { background-image: url(/images/notes/note_red.small.png); }
	#chartCalc .song_note.small.yellow { background-image: url(/images/notes/note_yellow.small.png); }
	#chartCalc .song_note.small.green { background-image: url(/images/notes/note_green.small.png); }
	#chartCalc .song_note.small.orange { background-image: url(/images/notes/note_orange.small.png); }
	#chartCalc .song_note.small.pink { background-image: url(/images/notes/note_pink.small.png); }
	#chartCalc .song_note.small.purple { background-image: url(/images/notes/note_purple.small.png); }
	#chartCalc .song_note.small.cyan { background-image: url(/images/notes/note_cyan.small.png); }
	#chartCalc .song_note.small.white { background-image: url(/images/notes/note_white.small.png); }
	#chartCalc .song_note.l0 { transform: rotate(90deg); }
	#chartCalc .song_note.l2 { transform: rotate(180deg); }
	#chartCalc .song_note.l3 { transform: rotate(270deg); }
	
	#chartCalc .section:first-child {
		border-left: 0;
	}
	#chartCalc .section {
		box-sizing: border-box;
		float: left;
		padding: 8px;
		width: 33.33%;
		border-top: 1px solid #8ab2c1;
		border-left: 1px solid #8ab2c1;
		min-height: 430px;
	}
	
	#chartCalc .value {
		margin: 0 0 10px;
		display:inline-block;
		width: 100%;
	}
	#chartCalc .listItem:before {
		content:" - ";
	}
	#chartCalc .listItem {
		display:inline-block;
		width: 100%;
	}
	#chartCalc .section.info .value:before {
		content:" - ";
	}
	#chartCalc .section h1 {
		font-weight: bold;
		font-size: 13px;
		margin: 0 0 4px;
	}
	#chartCalc .section h1.spacer {
		border-top: 1px solid #8ab2c1;
		margin: 8px -8px 4px;
		padding: 4px 8px 0;
	}
	
	#chartCalc .color_count {}
		#chartCalc .color_value {
			margin-bottom: 5px;
		}
			#chartCalc .color_value .song_note {
				vertical-align: middle;
				display: inline-block;
				margin-right: 4px;
			}

/*------------------------------------------------------------------
[21. Tournament Dashboard]
*/
#tournament_dash {
	margin: 0 2px 0 186px;
	padding: 5px;
}

#tour_header {
	background: #ECECEC;
	height: 33px;
	width: 792px;
	padding: 0 2px;
	text-align: center;
	margin: 0 0 8px;
}

#tour_tabs {
	display: inline-block;
	margin: 0 auto;
}
	#tournament_dash .tour_tab {
		float: left;
		padding: 5px 9px;
		background: #DEDEDE;
		margin: 4px 2px;
		border: 1px solid #999999;
		cursor: pointer;
	}
	#tournament_dash .tour_tab.active {
		background: #70E0FF;
	}
	#tournament_dash .tour_tab:hover {
		background: #D0D0D0;
	}
	#tournament_dash .tour_tab.active:hover {
		background: #64CFEC;
	}
	
	#tournament_dash a.tour_tab, 
	#tournament_dash a.tour_tab:link,
	#tournament_dash a.tour_tab:hover,
	#tournament_dash a.tour_tab:visited,
	#tournament_dash a.tour_tab:active {
		text-decoration:none;
		color:#000;
	}
	
	#tournament_dash attr {
		border-bottom: 1px dashed;
	}

	#tournament_dash .table {
	   display: table;
	   border:1px solid #567;
	   border-spacing: 3px; /* cellspacing */
	   background-color: #def;
	}

	#tournament_dash .row {
	   display: table-row;
	}

	#tournament_dash .table .row a {
		color: #000 !important;
	}
	
	#tournament_dash .table .row > div {
	   display: table-cell;
	   width: 59px;
	   padding: 3px;
	   border: 1px solid #abc;
	   background-color: #eee;
	   text-align: center;
	}
	#tournament_dash .table .row .username {
	   width: 200px;
	   text-align: left;
	}
	#tournament_dash .table .row.s_0 > div { 		/* elim */
		background: #F00;
	}
	#tournament_dash .table .row.s_1 > div { 		/* aaa */
		background: #0F0;
	}
	#tournament_dash .table .row.s_2 > div { 		/* e */
		background: #EEE;
	}
	#tournament_dash .table .row.s_3 > div { 		/* tiebreaker */
		background: #A8A8EC;
	}
	#tournament_dash .table .row.s_3 > div.username {
		background: #A8A8EC url('/tournament/squidward.png') no-repeat !important;
		padding: 0 0 0 23px !important;
		width: 190px;
	}
	#tournament_dash .table .row.s_4 > div { 		/* cutoff */
		background: #FF0;
	}
	#tournament_dash .table .row.s_5 > div { 		/* noscore */
		background: #FEFFAC;
	}

	#tournament_dash .tour_footer {
		border-left: 1px solid #556677;
		border-right: 1px solid #556677;
		border-bottom: 1px solid #556677;
		padding: 3px;
	}
	#tournament_dash .roundDatesGrid {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: 1fr;
		gap: 1px 1px;
	}

	#tournament_dash .roundDatesGrid > div {
		font-weight: bold;
	}

	#tournament_dash .roundDatesEnd {
		text-align: right;
	}

	#tournament_dash .remainingBar {
		background: #D9D6D6;
		width: 100%;
		height: 20px;
		position: relative;
		margin: 0 0 5px;
	}

	#tournament_dash .remainingBarFill {
		position: absolute;
		height: 20px;
		background: #28aad1;
		float: left;
	}

	#tournament_dash .remainingBarFill.danger {
		background: #d12828;
	}
	#tournament_dash .remainingBarFill.rainbow {
		background: linear-gradient(124deg, #ff2400, #e81d1d, #e8b71d, #e3e81d, #1de840, #1ddde8, #2b1de8, #dd00f3, #dd00f3);
		background-size: 1800% 1800%;
		animation: tour_rainbow 10s linear infinite;
	}

	#tournament_dash .barTime {
		position: absolute;
		font-weight: bold;
		top: 3px;
	}

	#tournament_dash .barTime.right {
		text-align: right;
		color: #fff;
	}

@keyframes tour_rainbow { 
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}
/*------------------------------------------------------------------
[22. Engine Downloads]
*/
h2.border {
	margin: -10px -10px 5px -10px;
	border-bottom: 1px dashed #000;
	padding: 10px;
}

h2.border-top {
	border-top: 1px solid #000;
}

.engine-downloads {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: 1fr;
	grid-column-gap: 30px;
}
	.engine-downloads .download-button {
		background: #f9f9f9;
		border: 1px solid #c0c0c0;
		border-radius: 4px;
		width: 100%;
		height: 64px;
		font-size: 20px;
		display: flex;
		justify-content: center;
		align-items: center;
		transition: all ease-in-out .25s;
		text-decoration: none;
	}
	
	.engine-downloads .download-button:hover {
		color: #215A89;
		background: #ECECEC;
		cursor: pointer;
	}
	
	#content .engine-downloads .download p {
		padding: 10px 0 5px;
	}
	
	.engine-downloads .download .title {
		font-weight: bold;
		font-size: 14px;
	}
	
.engine-changelog {	
	margin: 10px 0 15px;
}
	.engine-changelog h3 {
		font-weight: bold;
		margin: 0 0 5px 0;
	}
	
	.engine-changelog pre {
		overflow-x: auto;
	}

/*------------------------------------------------------------------
[23. FFR Shop]
*/
.purchase-item {
	border: 1px solid #999;
	margin: 0 0 15px;
	padding: 5px;
}
.purchase-item.locked {
	background: #FFCCCC;
}
.purchase-item.unlocked {
	background: #9EFF93;
}	

/*------------------------------------------------------------------
[25. Teams]
*/

/*------------------------------------------------------------------
[24. Leaderboards]
*/
.teams h2 {
	text-align: center;
	border-bottom: 1px dashed #000;
	padding: 0 0 10px;
	margin: 0 0 10px;
}
.teams .header {
	text-align: center;
	background-color: #333;
	color: #eee;
	width: 100%;
	font-weight: bold;
	padding: 10px 8px 6px;
	line-height: 12px;
	box-sizing: border-box;
}
.teams .header img {
	display: inline;
	vertical-align: middle;
	margin-top: -3px;
}
.teams .header a, .teams .header a:hover {
	color: #fff;
}
.teams .table {
	border-top: 1px solid #dddddd;
    width: 100%;
    margin-bottom: 20px;
    border-collapse: collapse;
    border-spacing: 0;
}
.teams .table thead th {
	padding: 0;
}
.teams .table td {
    padding: 2px;
    vertical-align: middle;
	border-bottom: 1px solid #dddddd;
	height:28px;
}
.teams .table td img {
	max-width: 28px;
	max-height: 28px;
}
.teams tbody > tr:nth-child(2n+1) > td {
	background-color: #f9f9f9;
}

/*------------------------------------------------------------------
[25. Leaderboards]
*/
.leaderboards .table {
    width: 100%;
    margin-bottom: 20px;
}
.leaderboards table {
    max-width: 100%;
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;
}
.leaderboards .table th, .leaderboards .table td {
    padding: 8px;
    line-height: 20px;
    text-align: left;
    vertical-align: top;
    border-top: 1px solid #dddddd;
}
.leaderboards .table-condensed th,.leaderboards .table-condensed td{
padding:4px 5px;
}
.leaderboards .breadcrumb{
	padding:8px 15px;
	margin:0 0 20px;
	list-style:none;
	background-color:#f5f5f5;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}
.leaderboards .breadcrumb>li{
	display:inline-block;
	*display:inline;
	*zoom:1;
	text-shadow:0 1px 0 #ffffff;
}
.leaderboards .breadcrumb>li>.divider{
	padding:0 5px;color:#ccc;
}
.leaderboards .breadcrumb>.active{
	color:#999999;
}
.leaderboards .input[type="text"] {
	display: inline-block;
	height: 20px;
	padding: 4px 6px;
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 20px;
	color: #555555;
	border-radius: 4px;
	vertical-align: middle;
	transition: border linear .2s, box-shadow linear .2s;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	background-color: #ffffff;
	border: 1px solid #cccccc;
}
.leaderboards .btn {
	display: inline-block;
	margin-bottom: 0;
	line-height: 20px;
	vertical-align: middle;
	color: #333333;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	background-color: #f5f5f5;
	background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
	background-repeat: repeat-x;
	border: 1px solid #cccccc;
	border-bottom-color: #b3b3b3;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
}
.leaderboards .btn-small {
    padding: 2px 10px;
    font-size: 11.9px;
    border-radius: 3px;
}
.leaderboards .progress {
	height: 20px;
	margin-bottom: 20px;
	overflow: hidden;
	background-color: #f5f5f5;
	border-radius: 4px;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
}
.leaderboards .progress-bar {
	float: left;
	width: 0;
	height: 100%;
	font-size: 12px;
	line-height: 20px;
	color: #fff;
	text-align: center;
	background-color: #337ab7;
	box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
	transition: width .6s ease;
}
.leaderboards .progress-bar-info {
	background-color: #5bc0de;
}
.leaderboards .input-group input {
	border-radius: 4px;
	vertical-align: middle;
	display: inline-block;
	height: 20px;
	padding: 4px 6px;
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 20px;
	color: #555555;transition: border linear .2s, box-shadow linear .2s;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	background-color: #ffffff;
	border: 1px solid #cccccc;
}
.leaderboards .alert, .leaderboards .alert h4 {
    color: #c09853;
}
.leaderboards .alert {
    padding: 8px 35px 8px 14px;
    margin-bottom: 20px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    background-color: #fcf8e3;
    border: 1px solid #fbeed5;
    border-radius: 4px;
}
.leaderboards .alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #468847;
}
.leaderboards .alert-danger, .leaderboards .alert-error {
    background-color: #f2dede;
    border-color: #eed3d7;
    color: #b94a48;
}
.leaderboards .additional_info{
	padding-left: 10px;
	list-style-type: square;
}
.leaderboards .breadcrumb > li + li:before {
    color: #CCCCCC;
    content: "/ ";
    padding: 0 5px;
}
.leaderboards .report, .leaderboards form{
	margin: 0 auto;
}
.leaderboards .alert tr{
	vertical-align: bottom;
}
.leaderboards .important{
	font-size: 220%;
}
.leaderboards .col-md-1 th img{
	display: inline;
	vertical-align: middle;
}
.leaderboards .col-md-2 td img{
	display: block;
	margin: 0 auto;
	padding: 0;
}
.leaderboards .col-md-2 td, .leaderboards .col-md-2 th{
	height: 28px;
	padding: 2px;
	vertical-align: middle;
	text-align: center;
}
.leaderboards .col-md-2 td a{
	color: #000;
}
.leaderboards .col-md-2 th abbr a{
	color: #eee;
}
.leaderboards .col-md-1 th, .leaderboards .col-md-2 th {
	background-color: #333;
	color: #eee;
}
.leaderboards .avatar{
	max-height: 28px;
	max-width:	28px;
}
.leaderboards #glowing-border{
	outline: none;
	box-shadow: inset 0 0 10px #000; 
}
.leaderboards #autheduser{
	outline: none;
	box-shadow: inset 0 0 10px #000;  
}

.leaderboards .lbg {
	background: linear-gradient(to right, var(--L, #FFFFFF), var(--R, #FFFFFF));
}

/* Top 10 */
.lbgc-l1 { --L: #f8c05b; }
.lbgc-l2 { --L: #dbdbdb; }
.lbgc-l3 { --L: #e6a464; }
.lbgc-l4 { --L: #888; }
.lbgc-l5 { --L: #888; }
.lbgc-l6 { --L: #888; }
.lbgc-l7 { --L: #888; }
.lbgc-l8 { --L: #888; }
.lbgc-l9 { --L: #888; }
.lbgc-l10 { --L: #888; }

/* Divisions - Primary */
.lbgd-l1 { --L: #C27BA0; }
.lbgd-l2 { --L: #8E7CC3; }
.lbgd-l3 { --L: #6D9EEB; }
.lbgd-l4 { --L: #93C47D; }
.lbgd-l5 { --L: #FFD966; }
.lbgd-l6 { --L: #E06666; }
.lbgd-l7 { --L: #919C86; }
.lbgd-l8 { --L: #D2C7AC; }
.lbgd-l9 { --L: #9A94A8; }

/* Divisions - Secondary */
.lbgd-r0 { --R: #C27BA0; }
.lbgd-r1 { --R: #BC7BA3; }
.lbgd-r2 { --R: #B77BA7; }
.lbgd-r3 { --R: #B27BAA; }
.lbgd-r4 { --R: #AD7BAE; }
.lbgd-r5 { --R: #A87BB1; }
.lbgd-r6 { --R: #A27BB5; }
.lbgd-r7 { --R: #9D7BB8; }
.lbgd-r8 { --R: #987BBC; }
.lbgd-r9 { --R: #937BBF; }
.lbgd-r10 { --R: #8E7CC3; }
.lbgd-r11 { --R: #8A7FC7; }
.lbgd-r12 { --R: #8782CB; }
.lbgd-r13 { --R: #8486CF; }
.lbgd-r14 { --R: #8089D3; }
.lbgd-r15 { --R: #7D8DD7; }
.lbgd-r16 { --R: #7A90DB; }
.lbgd-r17 { --R: #7693DF; }
.lbgd-r18 { --R: #7397E3; }
.lbgd-r19 { --R: #709AE7; }
.lbgd-r20 { --R: #6D9EEB; }
.lbgd-r21 { --R: #70A1E0; }
.lbgd-r22 { --R: #74A5D5; }
.lbgd-r23 { --R: #78A9CA; }
.lbgd-r24 { --R: #7CADBF; }
.lbgd-r25 { --R: #80B1B4; }
.lbgd-r26 { --R: #83B4A9; }
.lbgd-r27 { --R: #87B89E; }
.lbgd-r28 { --R: #8BBC93; }
.lbgd-r29 { --R: #8FC088; }
.lbgd-r30 { --R: #93C47D; }
.lbgd-r31 { --R: #9DC67A; }
.lbgd-r32 { --R: #A8C878; }
.lbgd-r33 { --R: #B3CA76; }
.lbgd-r34 { --R: #BECC73; }
.lbgd-r35 { --R: #C9CE71; }
.lbgd-r36 { --R: #D3D06F; }
.lbgd-r37 { --R: #DED26C; }
.lbgd-r38 { --R: #E9D46A; }
.lbgd-r39 { --R: #F4D668; }
.lbgd-r40 { --R: #FFD966; }
.lbgd-r41 { --R: #FBCD66; }
.lbgd-r42 { --R: #F8C266; }
.lbgd-r43 { --R: #F5B666; }
.lbgd-r44 { --R: #F2AB66; }
.lbgd-r45 { --R: #EF9F66; }
.lbgd-r46 { --R: #EC9466; }
.lbgd-r47 { --R: #E98866; }
.lbgd-r48 { --R: #E67D66; }
.lbgd-r49 { --R: #E37166; }
.lbgd-r50 { --R: #E06666; }
.lbgd-r51 { --R: #D86B69; }
.lbgd-r52 { --R: #D0706C; }
.lbgd-r53 { --R: #C8766F; }
.lbgd-r54 { --R: #C07B72; }
.lbgd-r55 { --R: #B88176; }
.lbgd-r56 { --R: #B08679; }
.lbgd-r57 { --R: #A88B7C; }
.lbgd-r58 { --R: #A0917F; }
.lbgd-r59 { --R: #989682; }
.lbgd-r60 { --R: #919C86; }
.lbgd-r61 { --R: #97A089; }
.lbgd-r62 { --R: #9EA48D; }
.lbgd-r63 { --R: #A4A891; }
.lbgd-r64 { --R: #ABAD95; }
.lbgd-r65 { --R: #B1B199; }
.lbgd-r66 { --R: #B8B59C; }
.lbgd-r67 { --R: #BEBAA0; }
.lbgd-r68 { --R: #C5BEA4; }
.lbgd-r69 { --R: #CBC2A8; }
.lbgd-r70 { --R: #D2C7AC; }
.lbgd-r71 { --R: #CCC1AB; }
.lbgd-r72 { --R: #C6BCAB; }
.lbgd-r73 { --R: #C1B7AA; }
.lbgd-r74 { --R: #BBB2AA; }
.lbgd-r75 { --R: #B6ADAA; }
.lbgd-r76 { --R: #B0A8A9; }
.lbgd-r77 { --R: #AAA3A9; }
.lbgd-r78 { --R: #A59EA8; }
.lbgd-r79 { --R: #9F99A8; }
.lbgd-r80 { --R: #9A94A8; }
.lbgd-r81 { --R: #9D97AA; }
.lbgd-r82 { --R: #A09AAC; }
.lbgd-r83 { --R: #A39DAE; }
.lbgd-r84 { --R: #A6A1B1; }
.lbgd-r85 { --R: #A9A4B3; }
.lbgd-r86 { --R: #ACA7B5; }
.lbgd-r87 { --R: #AFABB8; }
.lbgd-r88 { --R: #B2AEBA; }
.lbgd-r89 { --R: #B5B1BC; }
.lbgd-r90 { --R: #B8B5BF; }

/* Tier Points - Primary */
.lbgt-l1 { --L: #D5D5D5; }
.lbgt-l2 { --L: #E79292; }
.lbgt-l3 { --L: #E7C592; }
.lbgt-l4 { --L: #E7E792; }
.lbgt-l5 { --L: #B3D485; }
.lbgt-l6 { --L: #8AD18A; }
.lbgt-l7 { --L: #7BBA9A; }
.lbgt-l8 { --L: #FFFFFF; }

/* Tier Points - Secondary */
.lbgt-r0 { --R: #D5D5D5; }
.lbgt-r1 { --R: #D6CECE; }
.lbgt-r2 { --R: #D8C7C7; }
.lbgt-r3 { --R: #DAC0C0; }
.lbgt-r4 { --R: #DCBABA; }
.lbgt-r5 { --R: #DEB3B3; }
.lbgt-r6 { --R: #DFACAC; }
.lbgt-r7 { --R: #E1A6A6; }
.lbgt-r8 { --R: #E39F9F; }
.lbgt-r9 { --R: #E59898; }
.lbgt-r10 { --R: #E79292; }
.lbgt-r11 { --R: #E79792; }
.lbgt-r12 { --R: #E79C92; }
.lbgt-r13 { --R: #E7A192; }
.lbgt-r14 { --R: #E7A692; }
.lbgt-r15 { --R: #E7AB92; }
.lbgt-r16 { --R: #E7B092; }
.lbgt-r17 { --R: #E7B592; }
.lbgt-r18 { --R: #E7BA92; }
.lbgt-r19 { --R: #E7BF92; }
.lbgt-r20 { --R: #E7C592; }
.lbgt-r21 { --R: #E7C892; }
.lbgt-r22 { --R: #E7CB92; }
.lbgt-r23 { --R: #E7CF92; }
.lbgt-r24 { --R: #E7D292; }
.lbgt-r25 { --R: #E7D692; }
.lbgt-r26 { --R: #E7D992; }
.lbgt-r27 { --R: #E7DC92; }
.lbgt-r28 { --R: #E7E092; }
.lbgt-r29 { --R: #E7E392; }
.lbgt-r30 { --R: #E7E792; }
.lbgt-r31 { --R: #E1E590; }
.lbgt-r32 { --R: #DCE38F; }
.lbgt-r33 { --R: #D7E18E; }
.lbgt-r34 { --R: #D2DF8C; }
.lbgt-r35 { --R: #CDDD8B; }
.lbgt-r36 { --R: #C7DB8A; }
.lbgt-r37 { --R: #C2D988; }
.lbgt-r38 { --R: #BDD787; }
.lbgt-r39 { --R: #B8D586; }
.lbgt-r40 { --R: #B3D485; }
.lbgt-r41 { --R: #AED385; }
.lbgt-r42 { --R: #AAD386; }
.lbgt-r43 { --R: #A6D386; }
.lbgt-r44 { --R: #A2D287; }
.lbgt-r45 { --R: #9ED287; }
.lbgt-r46 { --R: #9AD288; }
.lbgt-r47 { --R: #96D188; }
.lbgt-r48 { --R: #92D189; }
.lbgt-r49 { --R: #8ED189; }
.lbgt-r50 { --R: #8AD18A; }
.lbgt-r51 { --R: #88CE8B; }
.lbgt-r52 { --R: #87CC8D; }
.lbgt-r53 { --R: #85CA8E; }
.lbgt-r54 { --R: #84C790; }
.lbgt-r55 { --R: #82C592; }
.lbgt-r56 { --R: #81C393; }
.lbgt-r57 { --R: #7FC095; }
.lbgt-r58 { --R: #7EBE96; }
.lbgt-r59 { --R: #7CBC98; }
.lbgt-r60 { --R: #7BBA9A; }
.lbgt-r61 { --R: #88C0A4; }
.lbgt-r62 { --R: #95C7AE; }
.lbgt-r63 { --R: #A2CEB8; }
.lbgt-r64 { --R: #AFD5C2; }
.lbgt-r65 { --R: #BDDCCC; }
.lbgt-r66 { --R: #CAE3D6; }
.lbgt-r67 { --R: #D7EAE0; }
.lbgt-r68 { --R: #E4F1EA; }
.lbgt-r69 { --R: #F1F8F4; }
.lbgt-r70 { --R: #FFFFFF; }

#seasons_dash {
	margin-bottom: 1rem;
}

#seasons_header {
	background: #ECECEC;
	height: 33px;
	padding: 0 2px;
	text-align: center;
	margin: 0 0 8px;
}

#seasons_tabs {
	display: inline-block;
	margin: 0 auto;
}

#seasons_tabs a {
	text-decoration: none;
	color: inherit;
}

#seasons_dash .seasons_tab,
#seasons_dash .seasons_dropdown {
	float: left;
	padding: 5px 9px;
	background: #DEDEDE;
	margin: 4px 2px;
	border: 1px solid #999999;
	cursor: pointer;
}

#seasons_dash .seasons_dropdown {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background: #DEDEDE;
	border: 1px solid #999999;
	color: #333;
	font-size: inherit;
    font-family: inherit;

	background: #DEDEDE url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath d='M2 3.5L.5 1h3L2 3.5z' fill='%23000' fill-rule='evenodd'/%3E%3C/svg%3E") no-repeat;
	background-position: right 0.5rem center;
	background-size: 8px;
	padding-right: 20px;

	width: inherit;
    height: inherit;
    line-height: inherit;
    border-radius: 0;
}

#seasons_dash .seasons_dropdown:hover {
	background-color: #D0D0D0;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath d='M2 3.5L.5 1h3L2 3.5z' fill='%23000' fill-rule='evenodd'/%3E%3C/svg%3E");
}

#seasons_dash .seasons_dropdown.active {
	background-color: #70E0FF;
}

#seasons_dash .seasons_dropdown.active:hover {
	background-color: #64CFEC;
}

#seasons_dash .seasons_tab.active {
	background: #70E0FF;
}

#seasons_dash .seasons_tab:hover {
	background: #D0D0D0;
}

#seasons_dash .seasons_tab.active:hover {
	background: #64CFEC;
}

#seasons_dash .seasonDatesGrid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: 1fr;
	gap: 1px 1px;
}

#seasons_dash .seasonDatesGrid > div {
	font-weight: bold;
}

#seasons_dash .seasonDatesEnd {
	text-align: right;
}

#seasons_dash .remainingBar {
	background: #D9D6D6;
	width: 100%;
	height: 20px;
	position: relative;
	margin: 0 0 5px;
}

#seasons_dash .remainingBarFill {
	position: absolute;
	height: 20px;
	background: #28aad1;
	float: left;
}

#seasons_dash .remainingBarFill.danger {
	background: #d12828;
}
#seasons_dash .remainingBarFill.rainbow {
	background: linear-gradient(124deg, #ff2400, #e81d1d, #e8b71d, #e3e81d, #1de840, #1ddde8, #2b1de8, #dd00f3, #dd00f3);
	background-size: 1800% 1800%;
	animation: tour_rainbow 10s linear infinite;
}

#seasons_dash .barTime {
	position: absolute;
	font-weight: bold;
	top: 3px;
}

#seasons_dash .barTime.right {
	text-align: right;
	color: #fff;
}

/*************** Multiplayer Match Info ***************/
.match-info {
	background: #dedede;
	border-radius: 8px;
	padding: 10px;
	text-align: center;
	margin: 0 0 10px 0;
	border: 1px solid #c6c5c5;
}
.match-info .name>span {
	display: inline-block;
	font-size: 22px;
	font-weight: bold;	
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width: 600px;
}
.match-info .description>span {
	display: inline-block;
	background: #ccc;
	padding: 5px 8px;
	border-radius: 8px;
}
.match-info .description {
	margin: 10px 0 0 0;
}

.match .details {
	background: #e1f4fb;
	position: relative;
	height: 55px;
	border: 1px solid #c6c5c5;
	border-radius: 8px 8px 0 0;
}
.match .details>div {
	position: absolute;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.match .details .name {
	font-size: 16px;
	top: 10px;
	left: 10px;
	width: 600px;
}
.match .details .author {
	left: 10px;
	top: 33px;
}
.match .details .date {
	top: 11px;
	right: 11px;
}
.match .details .mode {
	top: 31px;
	right: 10px;
}
.match .details .engine {
	display: inline-block;
	background: #c8d6e8;
	padding: 4px 6px;
	font-size: 10px;
	border-radius: 8px;
	margin: -3px 0 0 10px;
}
.match .cap {
	background: #e1f4fb;
	height: 25px;
	border-radius: 0 0 8px 8px;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	border-color: #c6c5c5;
	margin: 0 0 25px 0;
}

.match .entry {
	position: relative;
	height: 35px;
	line-height: 35px;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	border-color: #c6c5c5;
}
.match .entry.header {
	line-height: 22px;
	height: 22px;
	font-weight: bold;
	background: #eef9fd;
}
	
.match .entry>div {
	position: absolute;
	overflow: hidden;
	white-space: nowrap;
}
.match .entry .pa {
	text-align: center;
	width: 60px;
}
.match .entry .position { 
	text-align: center;
	width: 25px;
	font-weight: bold;
	font-size: 14px;
	color: #666;
}
.match .entry .name {
	font-size: 14px;
	left: 25px;
	width: 200px;
}
.match .entry .name .disconnect {
  color: #777;
  font-size: 10px;
}
.match .entry .name img {
	max-height: 24px;
	max-width: 24px;
	vertical-align: middle;
}
.match .entry .score {
	left: 245px;
	width: 90px;
}

.match .entry .raw {
	left: 335px;
	width: 85px;
	color: #6f6f6f;
}

.match .entry .rate { left: 190px; color: #6f6f6f; text-align: right; }
.match .entry .perfect { left: 420px; color: #02a402; }
.match .entry .good { left: 480px; color: #198019; }
.match .entry .average { left: 540px; color: #bf7500; }
.match .entry .miss { left: 600px; color: #fe0000; }
.match .entry .boo { left: 660px; color: #804100; }
.match .entry .combo { left: 720px; }