#leader_board { 
 opacity: .9; 
}

#leader_board:hover { 
 opacity: .99; 
}

.leader_board { background-size: 500px 100%; }
.leader_board .inner_leader_board { position:relative;  padding: 10px; width: 100%;  border-radius: 3px; box-shadow: 1px 1px 6px #444; 
color: #000; font-family: 'Roboto';
}

.leader_board .inner_leader_board .entry { padding: 5px 5px 5px 5px; border-bottom: rgba(0, 0, 0, 0.1) 1px solid; font-size: 14px; }
.leader_board .inner_leader_board .entry:last-of-type { border: 0px; }
.leader_board .inner_leader_board .entry .rank { display: block; float: left; margin-right: 5px; width: 20px; }
.leader_board .inner_leader_board .entry .username { float: left; width: calc(100% - 125px); text-align: left; padding-right: 5px; margin-left: 4px; overflow: hidden; white-space:nowrap; }
.leader_board .inner_leader_board .entry .score { width: 70px; float: left; }

.leader_board .tile { display: block; width: 24px; height: 24px; float: left; margin-top: -1px; position: relative; }
.leader_board .tile.letter span[data-letter]::before { font-size: 4.3mm; }
.leader_board .tile.letter span[data-letter]::after  { font-size: 3.275mm; }


.leader_board .inner_leader_board_data { background-color:rgba(255, 255, 255, 0.3); padding: 5px; border-radius: 5px; margin-top: 5px;
overflow-y: auto; max-height: 300px; }

.leader_board .leader_board_title { font-size: 26px; text-transform: uppercase; font-family: 'Staatliches'; color: #eee; text-shadow: 0px 0px 5px #222; }
.leader_board .close_leader { cursor: pointer; position:absolute; top: 10px; right: 10px;  font-size: 24px; color: #744729; text-shadow: 0px 0px 9px #eee;  }

.theme_space .leader_board .close_leader, 
.theme_sky .leader_board .close_leader, 
.theme_river .leader_board .close_leader, 
.theme_fire .leader_board .close_leader
{
	color: #fff;	
}

.leader_board .leader_buttons a:hover {
	opacity: 1;	
}
.leader_board .leader_buttons a:active, .leader_board .leader_buttons a.active {
	opacity: .9;	
}

.leader_board .rkbt { width: auto; margin-left: 0px; margin-right: 8px; font-size: 12px; opacity: .4 }
.leader_board .rkbt > span { padding: 5px 10px; }
.leader_board .rkbt.active { opacity: 1; }

.leader_board .loading_small img { width: 20px; height: 20px; }

.leader_board .word { padding-left: 54px; color: #333; font-weight: bold; font-size: 10px; }
.leader_board .load_from_move { cursor: pointer; }