.quadresults .yearselection {
	list-style-type: none;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(min(10%, 100px), 1fr));
	grid-gap: 10px;
	margin: 20px 0 40px 0;
	padding: 0;
	text-align: center;
}
.quadresults .yearselection li {
	display: inline-block;
	padding: 0 !important;
	margin: 0 !important;
}
.quadresults .yearselection a {
	display: block;
	border: 1px solid #eee;
}
.quadresults .yearselection a:hover {
	border-color: #000;
}
.quadresults .intro, .quadresults .result {
	display: grid;
	grid-template-columns: 10% 30% 30% 30%;
	grid-gap: 20px;
}
.quadtable .intro, .quadtable .result {
	display: grid;
	grid-template-columns: 1fr 12% 12% 12% 12% 13%;
	grid-gap: 0;
}
.quadtable .intro > div:nth-child(n+2), .quadtable .result > div:nth-child(n+2) {
	text-align: center;
}
.quadresults .countryflag {
	margin-right: 8px;
	vertical-align: text-bottom;
	border: 1px solid #888;
}
.quadresults .group {
	text-align: center;
}
.quadresults .intro .place span {
	display: inline-block;
	background: url(medal1.png) no-repeat center right transparent;
	background-size: 100%;
	height: 30px;
	width: 30px;
	margin-left: 10px;
	vertical-align: middle;
}
.quadresults .intro .place2 span {
	background-image: url(medal2.png);
}
.quadresults .intro .place3 span {
	background-image: url(medal3.png);
}
.quadresults .event {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #ccc;
}
.quadresults h2 {
	font-size: 24px;
	margin: 0 0 10px 0 !important;
	padding: 0 !important;
}
.quadresults h3 {
	font-size: 17px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
.quadresults p {
	margin: 0;
}
.quadresults .location {
	margin: 0 0 5px 0;
}
.quadresults .link {
	padding-left: calc(10% + 10px);
	margin: 5px 0 0 0;
}
.quadtable .sortable {
	display: grid;
	background: url(sortflip.png) no-repeat center right transparent;
	background-size: 16px;
	padding-right: 16px;
	height: 100%;
	line-height: 20px;
}
.quadtable .sort-asc {
	background-image: url(sort_desc.png);
}
.quadtable .sort-desc {
	background-image: url(sort_asc.png);
}
.quadtable .sortable div {
	display: block;
	align-self: center;
}
.quadtable .intro > div {
	background-color: #eee;
	font-weight: bold;
}
.quadtable .intro > div, .quadresults .result > div {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 5px 10px;
}
.quadtable .intro > div:last-child, .quadresults .result > div:last-child {
	border-right: 0 none;
}
.quadresults .result:last-child > div {
	border-bottom: 0 none;
}
.quadtable .result:nth-child(2n) > div {
	background-color: #f8f8f8;
}
.quadtable .countryflag {
	vertical-align: middle;
}
.quadtable .name img {
	width: 100%;
	height: auto;
	max-width: 100px;
	max-height: 100px;
	margin-right: 10px;
	vertical-align: top;
	margin-bottom: 0;
	float: left;
}
.quadtable a {
	color: #333333;
}
.quadoverview .intro, .quadoverview .result {
	grid-gap: 0;
}
.quadoverview .intro {
	margin-top: 40px;
}
.quadoverview .intro > div {
	padding: 5px 10px;
}