body{
	font-family:Calibri;
	background-color:#071428;
	color:#7893C2;
}
button, input{
	background-color:#071428;
	color:#7893C2;
	border-color:#7893C2;
	padding:5px;
}
input[type=radio]{
	margin-top:10px;
	display:inline;
}
button{
	font-weight:bold;
}
a{
	font-family:Calibri;
	color:#7893C2;
}
.title{
	text-align:center;
	text-shadow: 2px 2px #00181C;
	font-size:24pt;
	font-weight:bold;
	border-bottom:1px solid #7893C2;
	font-variant:small-caps;
	padding:20px;
}
.search{
	text-align:center;
	width:100%;
	margin-bottom:32px;
}
.searchZone{
	display:flex;
	flex-direction:row;
	justify-content:center;
	line-height:28px;
}
.searchZone div{
	margin:10px;
}
#resourcesList{
	margin:12px;
	border-top:1px solid #7893C2;
	min-width:800px;
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
}
.resourceLine{
	display:flex;
	flex-direction:row;
	justify-content:flex-start;
	border-bottom:1px dotted #627092;
	margin-bottom:8px;
	padding-bottom:8px;
}
.resourceLine div{
	text-align:center;
}
.resourcePreview{
	width:64px;
	height:64px;
}
.resourceName{
	width:10%;
	font-weight:bold;
}
.resourceDescription{
	flex:1;
}
.resourceRanked{
	min-width:64px;
	max-width:64px;
}
.resourceDownload{
	width:128px;
}
.headerLine{
	font-weight:bold;
	padding-top:4px;
	margin-bottom:8px;
	border-bottom:1px solid #627092;
}
#searchStats{
	text-align:center;
}

.color-0{
	color:#89C4F4;
}
.color-1{
	color:#87D37C;
}
.color-2{
	color:#F5D76E;
}
.color-3{
	color:#ECF0F1;
}
.color-4{
	color:#BE90D4;
}
.color-5{
	color:#FFB3A7;
}
.color-6{
	color:#36D7B7;
}
.color-7{
	color:#F08F907;
}
.color-8{
	color:#26C281;
}