#highscores{
	width: calc(100% - 40px);
    margin-left: 20px;
    margin-bottom: 30px;
    color: #5A2800;
    font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
}

#highscores_header{
	width:100%;
	height:32px;
	margin-top:10px;
	text-align:center;
	font-family: Martel, Tahoma, Geneva, sans-serif;
	font-size:32px;
}

#highscores_options{
	width:100%;
	margin-top:20px;
}

#highscores_type{
	width:150px;
	float:left;
}

#highscores_type select{
	width:calc(100% - 10px);
	height:16px;
	background-color:rgba(255,255,255,0.3);
	padding:4px;
	border:solid 1px #c4b091;
	box-sizing:content-box;
	margin:0px;
	outline:0;
	color: #5A2800;
}

#highscores_find{
	width:200px;
	float:left;
	margin-left:10px;
}

#highscores_find input[type=text]{
	width:calc(100% - 34px);
	height:16px;
	background-color:rgba(255,255,255,0.3);
	padding:4px;
	border:solid 1px #c4b091;
	border-right:0;
	box-sizing:content-box;
	margin:0px;
	outline:0;
	color: #5A2800;
	float:left;
}
#highscores_find input[type=text]::placeholder{
	color:rgba(90,40,0,0.5);
}

#highscores_find_search{
	width:16px;
	height:16px;
	background-color:rgba(255,255,255,0.3);
	padding:4px;
	border:solid 1px #c4b091;
	border-left:0;
	box-sizing:content-box;
	float:left;
	cursor:pointer;
}
#highscores_find_search img{
	width:16px;
	height:16px;
}

.highscores_pages{
	height:24px;
	margin-top:1px;
	float:right;
}

.highscores_page_section{
	height:16px;
	margin-left:10px;
	margin-top:5px;
	float:left;
}

.highscores_page_select{
	height:16px;
	margin-left:10px;
	float:left;
}

.highscores_page_select select{
	height:16px;
	background-color:rgba(255,255,255,0.3);
	padding:4px;
	border:solid 1px #c4b091;
	box-sizing:content-box;
	margin:0px;
	outline:0;
	color: #5A2800;
}

.highscores_page_button{
	width:16px;
	height:16px;
	margin-left:10px;
	background-color: rgba(255,255,255,0.3);
    padding: 4px;
    border: solid 1px #c4b091;
	text-align:center;
	float:left;
}

#highscores_list{
	width:100%;
	margin-top:20px;
}

.highscores_table_row{
	width:100%;
	height:28px;
	margin-top:2px;
}
.highscores_table_row:first-child{
	margin-top:0;
}

.highscores_table_nodata{
	text-align:center;
	font-size:14px;
	margin-top:15px;
}

.highscores_table_section{
	height:14px;
	padding-left:8px;
	padding-top:6px;
	padding-bottom:8px;
	float:left;
}

.highscores_table_section_header{
	background-color:#333;
	font-family: Verdana, Arial, Times New Roman, sans-serif;
	font-size:10pt;
	font-weight:bold;
	color:#fff;
}
.highscores_table_section_value{
	background-color:#d4c0a1;
	font-size:10pt;
}

.highscores_table_section_value img{
	width:18px;
	height:12px;
}

.highscores_table_1{
	width:50px;
}
.highscores_table_2{
	width:26px;
	margin-left:2px;
}
.highscores_table_3{
	width:170px;
	margin-left:2px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.highscores_table_4{
	width:100px;
	margin-left:2px;
}
.highscores_table_5{
	width:calc(100% - 394px);
	margin-left:2px;
}

#highscores_bottom{
	width:100%;
	margin-top:20px;
}

@media screen and (max-width: 576px) {
	.highscores_table_1{
		width:30px;
	}
	.highscores_table_3{
		width:120px;
	}
	.highscores_table_4{
		display:none;
	}
	.highscores_table_5{
		width:calc(100% - 214px);
	}
	#highscores_type{
		width:calc(50% - 5px);
	}
	#highscores_find{
		width:calc(50% - 5px);
	}
	#highscores_options .highscores_pages{
		margin-top:10px;
	}
}