table.dataTable.withCheckmarks thead th {
	text-align: center;
}

table.dataTable.withCheckmarks tbody th {
	text-align: right;
}

table.dataTable.withCheckmarks tbody td {
	background-color: #ffcccc;
	text-align: center;
}

table.dataTable.withCheckmarks tbody td.check {
	background-color: #ccffcc;
}

table.dataTable .hilite {
	background-color: #ffffcc;
}

table.dataTable.screenshots {
	width: auto;
}

table.dataTable.screenshots th {
	font-size: 0.9em;
	text-align: center;
}

table.dataTable.screenshots td {
	
	padding: 0;
}

table.dataTable.screenshots img {
	margin: 0;
}

table.dataTable tbody th {
	text-align: right;
}


html.webp .format, html.jpegxr .format, html.jpeg2000 .format, html.apng .format {
	display: inline;
}

html.webp .format:after {
	content: " (in this browser, you are seeing a WEBP)";
}

html.jpegxr .format:after {
	content: " (in this browser, you are seeing a JPEG-XR)";
}

html.jpeg2000 .format:after {
	content: " (in this browser, you are seeing a JPEG 2000)";
}

html.apng .format:after {
	content: " (in this browser, you are seeing a APNG)";
}

.spritesheet {
	width: 100%;
	overflow-x: scroll;
	overflow-y: hidden;
}

.spritesheet img {
	border: none;
	margin: 0;
}

blockquote.person-quote {
	margin: 10px 0;
	border-left: 2px #0000ff solid;
	padding-left: 10px;
}

/*
 * Examples
 */

#dice-example {
	width: 320px;
	height: 242px;
} 

@media only screen and (max-width: 768px) {
	.resizable {
		width: 320px;
		height: 242px;
	}	
}