.head-bnr {
	text-align: center;
	margin-bottom: 20px;
}

.filter-set {
	padding: 0 40px;
}

.filter-set small {
	opacity: .50;
}

.filter-set .mdl-slider__container {
	margin: 6px -20px 10px 0;
}

h4 {
	padding-left: 20px;
	margin-bottom: 2px;
}

.filter-set label {
	display: block;
	margin: 5px 0;
}

.filter-set .mdl-switch, .filter-set .mdl-radio, .filter-set .mdl-checkbox {
	margin-bottom: 10px;
}

.mdl-layout-title a { text-decoration:none; color:white; }
.mdl-layout__content { overflow-x: auto; }
.page-content { padding: 20px; }
.page-content a { color: #2196f3; }

.contact a {
	margin-left: 10px;
}

.mdl-data-table th { padding-bottom: 10px; }
.table th, .text-nowrap { white-space: nowrap; }
.table a { text-decoration: none; }
.table .hide { display: none; }

/* Spec suffixes/prefixes */
.dollars:before { content: '$'; }
.hrs:after { content: 'hrs'; }
.gb:after { content: 'GB'; }
.inch:after { content: '"'; }
.px:after { content: 'px'; }
.mm:after { content: 'mm'; }
.min:after { content: 'min'; }
.mph:after { content: 'mph'; }
.m:after { content: 'm'; }
.fps:after { content: 'FPS'; }
.g:after { content: 'g'; }
.kg:after { content: 'kg'; }
.v2:after { content: 'x2.0'; }
.v3:after { content: 'x3.0'; }
.vc:before { content: 'C'; }
.dollars:before, .hrs:after, .gb:after, .inch:after, .px:after, .mm:after, .min:after, .mph:after, .m:after, .fps:after, .kg:after, .g:after, .v2:after, .v3:after, .vc:before, .n\/a, .unknown, .suffix { color: #ddd; margin: 0 4px; }
.y, .y\/n, .n { display: inline-block; padding: 0 10px; border-radius: 6px; color: black; }
.y, .y\/n { background-color: #efe; }
.n { background-color: #fee; }

/* Sort stuff */
.tablesorter-header {
	padding-right: 40px !important;
	background-image: url(data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==);
	background-repeat: no-repeat;
	background-position: center right 15px;
	cursor: pointer;
}
.tablesorter-headerAsc { background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7); background-color: #e9e9e9; }
.tablesorter-headerDesc { background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7); background-color: #e9e9e9; }
.tablesorter-filter-row { display: none !important; }

.selected, .selected:hover {
	background-color: rgb(33,150,243) !important;
	color: #fff !important;
}
.selected a, .selected:hover a {
	color: #fff !important;
}

.specs {
	 margin-left: 60px;
}
.specs td img {
	vertical-align: baseline;
	margin-right: 6px;
}
.specs th, .specs td {
	vertical-align: top;
	border-top: 1px solid #ddd;
	padding: 10px 30px 10px 5px;
	min-width: 300px;
}
.specs th {
	text-align: left;
	font-weight: bold;
	min-width: 200px;
}
.unknown .submitlink {
	float: right;
	color: #ccc;
}
.open-external img {
	width: 16px;
	height: 16px;
}

@media screen and (max-width: 1024px) {
	/* On mobiles, the padding is reduced in the drawer */
	h4 {
		padding: 0 8px;
	}
	.filter-set {
		padding: 0 16px;
	}

	.page-content {
		padding: 10px;
	}

	.contact {
		display: none;
	}

	.specs {
		margin-left: 0;
	}
	.specs td, .specs td.label {
		min-width: auto;
		padding: 10px 20px 10px 5px;
	}
	.specs .submitlink {
		display: none;
	}
}
