* {
	box-sizing: border-box;
}
body {
	background-color: #E8964C;
	background-image: url('../images/pages/bg-mountains.jpg'), linear-gradient(0deg, #12021D 0%, #12021D 40%, #E8964C 70%, #AF663D 100%);
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center bottom;
	background-position: center -30vw, center;
	background-repeat: no-repeat;
	margin: 5px 0;
	padding: 0;
	font-family: Helvetica, arial, sans-serif;
}
#header_left img, #header_right img {
	height: 2.05vw;
}
@media only screen and (max-width: 800px) {
	body {
		height: 100vh;
		overflow-y: scroll;
		background-color: #E8964C;
		background-image: url('../images/pages/bg-mountains-640w.jpg'), linear-gradient(0deg, #12021D 0%, #12021D 60%, #E8964C 70%, #AF663D 100%);
		background-size: 200vw auto, auto;
		background-position: center -65vw, center;
	}
	#header_left img, #header_right img {
		height: 2.6vw;
	}
}
@media only screen and (max-width: 400px) {
	body {
		background-image: url('../images/pages/bg-mountains-320w.jpg'), linear-gradient(0deg, #12021D 0%, #12021D 60%, #E8964C 70%, #AF663D 100%);
	}
}
header {
	position: relative;
	margin-bottom: 0;
	padding-bottom: 0;
}
header table {
	width: 100%;
	border-collapse: collapse;
}
header table td {
	padding: 0;
}
header table td {
	vertical-align: bottom;
}
#header_left, #header_right {
	width: 3%;
}
#header_center {
	width: 94%;
}
#header_center img {
	border-top-left-radius: 40px;
	border-top-right-radius: 40px;
	border: none;
}
#header_center img.event-link {
	opacity: 0.8;
	transition: opacity 0.3s ease-in;
}
#header_center a img.event-link:hover {
	opacity: 1;
}
header img {
	width: 100%;
	vertical-align: bottom;
}
nav {
	position: relative;
	text-align: center;
	background: -webkit-linear-gradient(#C00, #500); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#C00, #500); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#C00, #500); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#C00, #500); /* Standard syntax */
}
#menu_center a {
	display: inline-block;
	font-size: 14px;
	font-weight: bold;
	color: white;
	text-decoration: none;
	border-radius: 10px;
}
#menu_center a:hover {
	color: #F0C92E;
}
#menu_left {
	left: 0px;
	top: 7px;
}
#menu_right {
	right: -2px;
	top: 3px;
}
#menu_left, #menu_right {
	position: absolute;
}
#menu_left a, #menu_right a {
	margin: 0;
}
#thispage {
	background-color: #F60;
	color: white;
}
#chosen {
	border: solid 1px #FC0;
	height: 20px;
	vertical-align: middle;
}
#toChoose {
	border: solid 1px #300;
	height: 20px;
	vertical-align: middle;
}
#notifs-bubble {
	position: relative;
	display: inline-block;
	width: 30px;
	height: 30px;
	background-size: auto 20px;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 16px;
}
#notifs-bubble.notifs {
	background-color: #F60;
	background-image: url('../images/notifications.png');
}
#notifs-bubble.notifs:hover {
	background-color: #F90;
}
#notifs-bubble.no-notifs {
	background-color: #C96;
	background-image: url('../images/no-notifications.png');
}
#notifs-bubble.no-notifs:hover {
	background-color: #C19B76;
}
#notifs-nb-alert {
	position: absolute;
	right: -2px;
	bottom: -2px;
	background-color: rgba(255,51,51, 0.8);
	color: white;
	font-weight: bold;
	padding: 1px 4px;
	font-size: 12px;
	border-radius: 5px;
}
.no-notifs #notifs-nb-alert, .no-notifs #nb-notifs, .no-notifs #notifs-list, .no-notifs #notifs-options, .notifs #no-notif {
	display: none;
}
.notifs:hover #notifs-nb-alert {
	background-color: rgba(255,51,51, 1);
}
.notifs-container {
	width: 0px;
	max-height: 0px;
	transition: max-height 0.3s ease-out, width 0s linear 0.3s;
	overflow: hidden;
	position: absolute;
	z-index: 30;
	right: -8px;
	top: 0px;
	padding-top: 33px;
}
#notifs-list {
	background-color: #DDF;
	border-left: solid 1px #999;
	border-bottom: solid 1px #999;
	max-height: 200px;
	overflow-y: scroll;
}
.notif-container {
	display: block;
	width: 100%;
	color: #008;
	text-decoration: none;
	min-height: 60px;
	height: min-content;
	overflow: hidden;
	padding: 0;
}
#notifs-options input {
	width: 100%;
	padding: 5px 0px;
	font-weight: bold;
	background-color: #CCF;
	color: #66F;
	cursor: pointer;
}
#notifs-options input:hover {
	background-color: #DDF;
	color: #99F;
}
#notifs-options input:active {
	background-color: #EEF;
	color: #AAF;
}
.notif-container:hover {
	background-color: #EEF;
}
.notif-container:not(:last-child) {
	border-bottom: solid 1px #AAA;
}
.notif-options {
	text-align: right;
}
.notif-value {
	font-size: 0.8em;
	text-align: left;
	padding: 0px 7px 4px 7px;
}
#no-notif {
	position: relative;
	background-color: #EEF;
	padding: 10px 0px;
	text-align: center;
	font-style: italic;
	color: #006;
	border-left: solid 1px #999;
	border-bottom: solid 1px #999;
}
#nb-notifs {
	position: relative;
	background-color: #EEF;
	font-size: 1.2em;
	color: navy;
	font-family: Courier New;
	padding-top: 5px;
	padding-bottom: 3px;
	border-bottom: solid 1px #99C;
	border-left: solid 1px #99C;
}
.close-notif {
	padding: 1px 4px;
	margin: 1px 2px;
	color: #D03;
	border-radius: 4px;
	display: inline-block;
	line-height: 0.95rem;
}
.close-notif:hover {
	background-color: #e97;
	color: white;
}
#no-notif a, #nb-notifs a {
	position:absolute;
	right: 2px;
	bottom: -1px;
	width: auto;
	opacity: 0.6;
	padding: 0;
}
#no-notif a:hover, #nb-notifs a:hover {
	opacity: 0.8 !important;
}
#no-notif img, #nb-notifs img {
	width: 13px;
	border: none;
}
#notifs-bubble:hover .notifs-container {
	width: 350px;
	max-height: 300px;
	transition: max-height 0.4s ease-in;
}
main {
	display: block;
	background-color: white;
	margin-left: 10px;
	margin-right: 10px;
	padding: 10px;
}
header, nav, main, footer {
	margin-left: auto;
	margin-right: auto;
}
.slide-img {
	width: 100%;
	vertical-align: middle;
}
.fp-thumbnail {
	background-position: center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
a img {
	border: none;
}
#left_section h1 {
	display: none;
}
#left_section h2 {
	margin-left: 10px;
	font-family: Verdana;
	color: #560000;
}
#left_section h2 img {
	height: 20px;
}
#left_section, #right_section {
	display: inline-block;
	vertical-align: top;
}
#right_section .sidebar_container {
	width: 100%;
	margin-left: 5px;
	margin-right: 5px;
	background-image: url('../images/sidebar.png');
	background-color: #80CE2F;
	background-repeat: repeat;
	border-radius: 10px;
}
#right_section .sidebar_icon {
	width: 50px;
	padding-left: 10px;
}
#right_section .sidebar_icon img {
	vertical-align: middle;
}
#right_section .sidebar_title {
	font-size: 120%;
	color: white;
	font-weight: bold;
	vertical-align: middle;
}
#right_section .sidebar_title a {
	color: white;
	text-decoration: none;
	display: block;
	width: 100%;
	height: 100%;
}
.right_subsection a {
	position: relative;
}
#forum_section h2 {
	font-weight: bold;
	font-size: 0.9em;
	text-decoration: none;
	margin: 0;
	margin-right: 35px;
	padding: 2px 0px 1px 3px;
	color: #060;
}
#forum_section h3 {
	font-weight: normal;
	font-size: 0.8em;
	margin: 0;
	padding: 0;
	color: #676;
	padding: 0px 0px 2px 5px;
}
#forum_section a {
	display: block;
	border-top: solid 1px black;
	text-decoration: none;
	word-wrap: break-word;
	word-break: break-word;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}
#forum_section a:hover h2 {
	color: #0A0;
}
#forum_section a:hover h3 {
	color: #898;
}
#forum_section a:nth-child(2n) {
	background-color: #DFD;
}
#forum_section a:nth-child(2n):hover {
	background-color: #F8FFF8;
}
#forum_section a:nth-child(2n+1) {
	background-color: #EFE;
}
#forum_section a:nth-child(2n+1):hover {
	background-color: #FFF;
}
#forum_section a:nth-child(1) {
	border-top: none;
}
#forum_section {
	border: groove 2px #080;
	margin-bottom: 10px;
}
#news_section h2 {
	font-weight: bold;
	font-size: 0.9em;
	text-decoration: none;
	margin: 0;
	margin-right: 35px;
	padding: 2px 0px 1px 3px;
	color: #016;
}
#news_section h3 {
	font-weight: normal;
	font-size: 0.8em;
	margin: 0;
	padding: 0;
	color: #677;
	padding: 0px 0px 2px 5px;
}
#news_section a {
	display: block;
	border-top: solid 1px black;
	text-decoration: none;
}
#news_section a:hover h2 {
	color: #03A;
}
#news_section a:hover h3 {
	color: #899;
}
#news_section a:nth-child(2n) {
	background-color: #CCE2FA;
}
#news_section a:nth-child(2n):hover {
	background-color: #E9F8FF;
}
#news_section a:nth-child(2n+1) {
	background-color: #E3F9FF;
}
#news_section a:nth-child(2n+1):hover {
	background-color: #F6FFFF;
}
#news_section a:nth-child(1) {
	border-top: none;
}
#news_section a.news_new {
	background-color: #9ec5ef;
}
#news_section a.news_new:hover {
	background-color: #b2d7ff;
}
#news_section a.news_new h3 {
	color: #467;
}
#news_section a.news_new:hover h3 {
	color: #578;
}
#news_section {
	border: groove 2px #080;
	margin-bottom: 10px;
	height: 135px;
}
.nb-pending-news {
	text-align: center;
	color: #06F;
}
.nb-pending-news a {
	color: #06F;
	font-weight: bold;
}
.nb-pending-news a:hover {
	color: #19F;
}
.creation_description a {
	display: block;
	text-decoration: none;
	overflow-wrap: break-word;
	word-wrap: break-word;
	word-break: break-word;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}
.creation_description h2 {
	font-weight: bold;
	font-size: 1em;
	text-decoration: none;
	margin: 0;
	padding: 2px 40px 1px 3px;
	color: #006;
}
.creation_description h2 small {
	font-size: 0.6em;
	position: relative;
	bottom: 0.15em;
}
.creation_description h3 {
	font-weight: normal;
	font-size: 0.8em;
	margin: 0;
	padding: 0;
	padding-right: 25px;
	margin-left: 5px;
	color: #889;
	position: relative;
	top: 2px;
}
.creation_description table {
	border-spacing: 0px;
	border-collapse: separate;
}
.creation_description table td {
	padding: 0px;
}
.creation_comments {
	position: absolute;
	right: 3px;
	top: 1px;
	font-size: 11px;
	color: gray;
}
.creation_comments img {
	position: relative;
	top: 2px;
	width: 12px;
	opacity: 0.8;
}
.creation_date {
	position: absolute;
	right: 2px;
	top: 2px;
	font-size: 11px;
	color: gray;
}
.creation_date img {
	position: relative;
	top: 1px;
	margin-right: 2px;
	width: 11px;
	opacity: 0.8;
}
.creation_coms {
	position: absolute;
	right: 2px;
	bottom: 3px;
	font-size: 11px;
	color: gray;
}
.creation_coms img {
	position: relative;
	top: 2px;
	margin-right: 3px;
	width: 12px;
	opacity: 0.8;
}
#creations_section {
	margin-bottom: 10px;
	border: groove 2px #008;
}
#creations_section table {
	width: 100%;
	padding: 0;
	border-collapse: collapse;
}
.creation_line {
	border-top: solid 1px black;
}
.creation_line:nth-child(1) {
	border-top: none;
}
.creation_line > td {
	padding: 0px;
}
.creation_description:hover h2 {
	color: #00A;
}
.creation_description:hover h3 {
	color: #889;
}
.creation_line:nth-child(2n) .creation_description {
	background-color: #DDF;
}
.creation_line:nth-child(2n) .creation_description:hover {
	background-color: #F8F8FF;
}
.creation_line:nth-child(2n+1) .creation_description {
	background-color: #EEF;
}
.creation_line:nth-child(2n+1) .creation_description:hover {
	background-color: #FFF;
}
.creation_line table {
	display: inline-block;
	margin: 0px 0px 2px 5px;
}
#challenges_section {
	height: 180px;
	border: groove 2px #080;
	margin-bottom: 10px;
}
#challenges_section a {
	display: block;
	border-top: solid 1px black;
	text-decoration: none;
}
#challenges_section a:nth-child(2n) {
	background-color: #DDF;
}
#challenges_section a:nth-child(2n):hover {
	background-color: #F8F8FF;
}
#challenges_section a:nth-child(2n+1) {
	background-color: #EEF;
}
#challenges_section a:nth-child(2n+1):hover {
	background-color: #FFF;
}
#challenges_section a.challenges_section_succeeded:nth-child(2n) {
	background-color: #DFD;
}
#challenges_section a.challenges_section_succeeded:nth-child(2n):hover {
	background-color: #F8FFF8;
}
#challenges_section a.challenges_section_succeeded:nth-child(2n+1) {
	background-color: #EFE;
}
#challenges_section a.challenges_section_succeeded:nth-child(2n+1):hover {
	background-color: #FFF;
}
#challenges_section a:nth-child(1) {
	border-top: none;
}
#challenges_section h2 {
	font-size: 0.8em !important;
	font-weight: bold;
	font-size: 1em;
	text-decoration: none;
	margin: 0;
	padding: 2px 0px 1px 3px;
	color: #00A;
}
#challenges_section h3 {
	font-weight: normal;
	font-size: 0.8em;
	margin: 0;
	padding: 0;
	color: #889;
	padding: 0px 0px 2px 5px;
}
#challenges_section .challenges_section_succeeded h2 {
	color: #060;
}
#challenges_section .challenges_section_succeeded h3 {
	color: #898;
}
#comments_section {
	height: 180px;
	border: groove 2px #080;
	margin-bottom: 10px;
}
#comments_section h2 {
	font-size: 0.8em !important;
	font-weight: bold;
	font-size: 1em;
	text-decoration: none;
	margin: 0;
	padding: 2px 0px 1px 3px;
	color: #00A;
}
#comments_section h3 {
	font-weight: normal;
	font-size: 0.8em;
	margin: 0;
	padding: 0;
	color: #889;
	padding: 0px 0px 2px 5px;
}
#comments_section h2 img {
	position: relative;
	top: 3px;
	width: 16px;
}
#comments_section a {
	display: block;
	border-top: solid 1px black;
	text-decoration: none;
}
#comments_section a:nth-child(2n) {
	background-color: #DDF;
}
#comments_section a:nth-child(2n):hover {
	background-color: #F8F8FF;
}
#comments_section a:nth-child(2n+1) {
	background-color: #EEF;
}
#comments_section a:nth-child(2n+1):hover {
	background-color: #FFF;
}
#comments_section a:nth-child(1) {
	border-top: none;
}
.creation_icon {
	width: 48px;
	border: solid 1px black;
	cursor: zoom-in;
}
.creation_icon.single_creation {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.creation_icon.creation_cup {
	background-color: black;
	background-repeat: no-repeat;
	background-position: top left, top right, bottom left, bottom right;
	background-size: 50% 50%;
	background-size: calc(50% + 1px) calc(50% + 1px);
}
#right_section .subsection > h2 {
	font-size: 120%;
	text-align: center;
	text-decoration: underline;
	color: #560000;
	margin-bottom: 10px;
}
#right_section .subsection {
	margin-bottom: 20px;
}
#right_section ins {
	margin-left: 10px;
}
#top10 {
	border: groove 2px #800;
	margin-top: 5px;
	margin-bottom: 10px;
}
#top10 table {
	width: 100%;
	border-collapse: collapse;
}
#top10 th {
	padding: 5px 0;
}
#top10 th, #top10 td {
	text-align: center;
	border: solid 1px black;
}
#top10 tr:nth-child(1) {
	background-color: #F60;
	color: #800000;
}
#top10 tr:nth-child(2) {
	background-color: #FD9;
}
#top10 tr:nth-child(2) * {
	color: #E80;
}
#top10 tr:nth-child(3) {
	background-color: #E9DDDD;
}
#top10 tr:nth-child(3) * {
	color: #666;
}
#top10 tr:nth-child(4) {
	background-color: #FBB;
}
#top10 tr:nth-child(4) * {
	color: #B00;
}
#top10 tr:nth-child(2), #top10 tr:nth-child(3), #top10 tr:nth-child(4) {
	font-weight: bold;
}
#top10 tr:nth-child(n+5) * {
	color: #C00;
}
#top10 tr:nth-child(2n+5) {
	background-color: #FED;
}
#top10 tr:nth-child(2n+6) {
	background-color: #FDC;
}
#top10 tr a {
	text-decoration: none;
	display: block;
	padding: 8px 0;
}
#top10 tr a:hover {
	opacity: 0.6;
}
.right_subsection {
	height: 250px;
	overflow-x: hidden;
	overflow-y: scroll;
	border-radius: 5px;
}
.pub_section {
	text-align: center;
	max-width: 100%;
	overflow: hidden;
}
#right_section .pub_section {
	position: relative;
	top: -9px;
}
header, nav, main, footer {
	width: 75%;
}
#relief_left, #footer_left {
	left: -20px;
}
#relief_right, #footer_right {
	right: -20px;
}
#menu_left {
	padding-left: 10px;
}
#menu_right {
	padding-right: 10px;
}
#partners {
	text-align: center;
	margin: 10px;
}
#toBegin {
	text-align: center;
	font-size: 120%;
}
#toBegin a {
	text-decoration: none;
}
#toBegin img {
	max-width: 100%;
	width: 310px;
	height: 310px;
	position: relative;
	top: 2px;
	background-color: black;
}
#left_section a {
	color: #F60;
}
#left_section a:hover {
	color: #FB0;
}
#left_section ul {
	list-style-image: url('../images/bullet.png');
}
#left_section .splide ul {
	list-style-image: none;
}
#screenshots {
	width: 100%;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 4px;
}
#screenshots img {
	width: 100%;
	cursor: zoom-in;
}
#relief_bottom, #footer_bottom {
	position: relative;
	width: 100%;
}
#relief_left, #relief_right, #footer_left, #footer_right {
	position: absolute;
	width: 20px;
}
#relief_left, #relief_right {
	top: -20px;
	z-index: -1;
}
#footer_left, #footer_right, #footer_center {
	height: 40px;
	background-image: url('../images/bottom_bg.png');
}
#footer_left {
	background-position: right;
}
#footer_center {
	background-position: center;
	color: white;
	width: 100%;
	font-size: 90%;
	text-align: center;
}
#footer_right {
	background-position: left;
}
footer a {
	color: white;
}
.action_button {
	display: inline-block;
	padding: 5px 10px;
	background-color: #0C0;
	font-weight: bold;
	color: white;
	border-radius: 5px;
	text-decoration: none;
	cursor: pointer;
}
.action_button:hover {
	background-color: #080;
	color: white;
}
#left_section a.button_game, #left_section a.button_game:hover {
	color: white;
}
.button_game {
	margin: 5px 10px;
	font-size: 1.2em;
}
.birthdays-list {
	padding: 10px;
	margin: 5px 5px 15px 15px;
	background-color: #FEE;
	color: #820;
	border-radius: 5px;
	text-align: justify;
}
.birthdays-list img {
	height: 20px;
	position: relative;
	top: 3px;
	margin-right: 3px;
}
.birthdays-list a {
	color: #F60;
	font-weight: bold;
}
.birthdays-list a:hover {
	color: #FB0;
}
.warning-top-message {
	padding: 10px;
	margin: 0 5px 10px 15px;
	background-color: #FB9;
	color: #600;
	border-radius: 5px;
}
.warning-top-message a {
	color: #F30;
}
.warning-top-message a:hover {
	color: #F60;
}
#official_message {
	position: relative;
	padding: 10px;
	margin-left: 15px;
	margin-right: 5px;
	background-color: #9F6;
	color: #063;
	border: dashed 1px #063;
	border-radius: 5px;
	font-size: 0.9em;
}
#official_message .close {
	position: absolute;
	right: 4px;
	top: 0px;
	font-size: 1.1em;
	text-decoration: none;
}
#official_message a {
	font-weight: bold;
	color: #066;
}
#official_message a:hover {
	font-weight: bold;
	color: #060;
}
#official_message hr {
	background-color: #063;
	height: 1px;
	border: 0;
}
.right_section_actions {
	display: block;
	width: 50%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.flag_counter {
	text-align: center;
	height: 1px;
	overflow: hidden;
}
.flag_counter.flag_loaded {
	border-top: solid 1px black;
	height: auto;
	overflow: visible;
}
.flag_counter h3 {
	margin-top: 10px;
	margin-bottom: 5px;
	font-size: 1em;
	color: #560000;
}
.flag_counter img {
	max-width: 100%;
	margin-bottom: 5px;
}
#challenge_ranking {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-top: 7px;
}
#challenge_ranking a {
	color: #6AF;
}
#challenge_ranking a:hover {
	color: #09F;
}
#rankings_section:not(.rank_vs) #top_vs,
#rankings_section:not(.rank_battle) #top_battle,
#rankings_section:not(.rank_clm150) #top_clm150,
#rankings_section:not(.rank_clm200) #top_clm200,
#rankings_section:not(.rank_vs) .action_gotovs,
#rankings_section:not(.rank_battle) .action_gotobattle,
#rankings_section:not(.rank_clm150) .action_gotoclm150,
#rankings_section:not(.rank_clm200) .action_gotoclm200,
#rankings_section:not(.rank_clm150):not(.rank_clm200) #clm_cc {
	display: none;
}
#rankings_section:not(.rank_clm200) .action_gotoclm200 {
	display: none;
}
.ranking_tabs {
	display: table;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
	text-align: center;
}
.ranking_tab {
	position: relative;
	display: table-cell;
	vertical-align: middle;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 14px;
	height: 26px;
	border-top: solid 1px #820;
	border-bottom: solid 1px #820;
}
.ranking_tabs a {
	text-decoration: none;
}
.ranking_badge {
	position: absolute;
	top: -10px;
	right: -8px;
	background-color: rgba(255,51,51, 1);
	display: inline-block;
	width: 19px;
	height: 19px;
	border-radius: 10px;
	font-size: 12px;
	color: white;
	z-index: 1;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: center;
}
.ranking_badge span {
	position: relative;
}
#currently_online {
	min-height: 4px;
}
.ranking_current {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	color: #06F;
	margin-bottom: 10px;
}
.ranking_current .ranking_activeplayer {
	color: #06F;
	font-weight: bold;
}
.ranking_current .ranking_activeplayer:hover {
	color: #39F;
}
.ranking_current .ranking_list_game {
	text-align: left;
	margin-top: 0;
	font-size: 0.9em;
}
.ranking_current .ranking_list_game .action_button {
	position: relative;
	top: -1px;
	padding: 2px 8px;
	font-size: 0.75em;
}
.ranking_activeplayernb {
	font-weight: bold;
	text-decoration: underline;
	cursor: help;	
}
.ranking_activeplayernb:hover {
	color: #39F;
}
.ranking_activeplayertitle {
	position: fixed;
	background-color: rgba(91,91,112, 0.95);
	color: white;
	padding: 3px 5px;
	border-radius: 6px;
	z-index: 10;
	font-size: 0.9em;
	opacity: 1;
	transition: opacity 0.2s ease-in;
}
.ranking_current .action_button {
	margin-top: 3px;
	font-size: 0.8em;
	margin-left: 5px;
	padding: 3px 20px;
}
#rankings_section.rank_battle .tab_battle .ranking_badge {
	display: none;
}
#rankings_section:not(.rank_vs) #ranking_current_vs, #rankings_section:not(.rank_battle) #ranking_current_battle, #rankings_section:not(.rank_clm150):not(.rank_clm200) #ranking_current_clm {
	display: none;
}
#rankings_section:not(.rank_battle) .tab_battle, #rankings_section:not(.rank_vs) .tab_vs, #rankings_section:not(.rank_clm150):not(.rank_clm200) .tab_clm {
	background-color: #FED;
	color: #C00;
	text-decoration: none;
}
#rankings_section:not(.rank_battle) .tab_battle:hover, #rankings_section:not(.rank_vs) .tab_vs:hover, #rankings_section:not(.rank_clm150):not(.rank_clm200) .tab_clm:hover {
	background-color: #FFE7D5;
	color: #C00;
}
#rankings_section.rank_battle .tab_battle, #rankings_section.rank_vs .tab_vs, #rankings_section.rank_clm150 .tab_clm, #rankings_section.rank_clm200 .tab_clm {
	background-color: #FDC;
	color: #C00;
	font-weight: bold;
	cursor: default;
}
#rankings_section .tab_vs {
	border-left: solid 1px #820;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
#rankings_section .tab_clm {
	border-right: solid 1px #820;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
#right_section #rankings_section h2 {
	margin-top: 10px;
	margin-bottom: 4px;
}
#clm_cc {
	text-align: center;
	position: relative;
	top: -3px;
}
#clm_cc a {
	color: #F60;
}
#clm_cc a:hover {
	color: #FB0;
}
#clm_cc span {
	color: #C99;
}
#rankings_section.rank_clm150 #clm_cc a.clm_cc_150,
#rankings_section.rank_clm200 #clm_cc a.clm_cc_200 {
	cursor: default;
	color: #820;
	font-weight: bold;
	text-decoration: none;
}
#final_call_to_action {
	display: none;
}

#right_section .infinite-scroll-loading {
	text-align: center;
	padding: 15px;
	color: #666;
	font-size: 0.9em;
}
#right_section .infinite-scroll-loading .loading-spinner {
	display: inline-block;
	width: 16px;
	height: 16px;
	border: 2px solid #ccc;
	border-top-color: #820;
	border-radius: 50%;
	animation: spin 0.8s linear infinite;
	margin-right: 8px;
	vertical-align: middle;
}
#right_section .infinite-scroll-loading .loading-text {
	vertical-align: middle;
}
@keyframes spin {
	to { transform: rotate(360deg); }
}
#right_section .loading-row td {
	text-align: center;
	padding: 15px;
}