.hidden {
	display: none !important;
}

/* ONE CODE */

h1.onecode,
h2.onecode,
h3.onecode,
p.onecode {
	text-align: center;
}

p.onecode {
	font-family: Apple Chancery, URW Chancery L, Lucida Calligraphy, Lucida Handwriting, sans-serif;
	font-size: 18pt;
}

/* Character Page */

.pua-notice {
	background: #EECCFF;
	border: solid 1px #AA88BB;
	padding: 12px;
}

ul.proplist {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

ul.proplist li {
	padding: 1px 0px;
	margin: 0px;
}

.charlist td {
	vertical-align: bottom;
	padding: 1pt;
}

.charlist td.chcode {
	padding-right: 16px;
}

.charlist td.chglyph {
	text-align: center;
}

.charlist td.chname {
	padding-left: 16px;
}

.glyph, .glyphchar, .glyphchari, .glyphfontname, .glyphfontnamei {
	margin: 0;
	padding: 0;
	min-width: 100px;
	width: 100px;
	max-width: 100px;
	overflow: hidden;
}

.glyph {
	display: inline-table;
	min-height: 140px;
	height: 140px;
	max-height: 140px;
}

.glyphchar, .glyphfontname {
	display: table-row;
}

.glyphchari, .glyphfontnamei {
	display: table-cell;
}

.glyphchar, .glyphchari {
	vertical-align: bottom;
	min-height: 100px;
	height: 100px;
	max-height: 100px;
	text-align: center;
	font-size: 64px;
}

.glyphfontname, .glyphfontnamei {
	vertical-align: top;
	min-height: 40px;
	height: 40px;
	max-height: 40px;
	text-align: center;
}

/* Character Chart Page */

.invalid { background: black; }
.multi { background: orange; }
.surrogate { background: maroon; }
.control { background: #CCFFCC; }
.defined { background: white; }
.undefined { background: silver; }
.pua { background: #EECCFF; }
.pua.defined { background: #EECCFF; }
.pua.undefined { background: #AA88BB; }
.notinfont { background: gray; }

.charmap {
	table-layout: fixed;
}

.charmap th, .charmap td {
	margin: 0;
	padding: 4px 2px;
	width: 50px;
	min-width: 50px;
	max-width: 50px;
	text-align: center;
	vertical-align: middle;
	overflow: hidden;
}

.charmap th.blockhead {
	text-align: left;
	font-weight: bold;
	background: #4C4C68;
	color: white;
	padding-left: 8px;
}

.charmap th.blockhead a,
.charmap th.blockhead a:link,
.charmap th.blockhead a:visited {
	text-decoration: none;
	color: white;
}

.charmap th.blockhead a:hover,
.charmap th.blockhead a:active {
	text-decoration: none;
	color: #CCCCEE;
}

.charmap td.emptyline {
	padding: 1px 0 0 0;
	background: gray;
}

.charmap td a {
	display: inline-block;
	width: 50px;
	min-width: 50px;
	max-width: 50px;
	text-decoration: none;
	color: black;
}

.charmap td a:link,
.charmap td a:visited {
	text-decoration: none;
	color: black;
}

.charmap td a:hover,
.charmap td a:active {
	text-decoration: none;
	color: #6600CC;
}

.charmap td .chglyph,
.charmap td .chglyph code {
	font-size: 24px;
}

.charmap td .chcode,
.charmap td .chcode code {
	font-size: 9px;
}

.legend td {
	margin: 0;
	padding: 2px 4px;
}

.legend td.swatch {
	width: 40px;
	text-align: center;
}

.charmaplistcontainer {
	display: block;
	width: 1000px;
	margin: 0px;
	padding: 0px;
}

.charmaplistcolumn {
	display: inline-block;
	width: 500px;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}

.charmaplist {
	margin: 0px;
	padding: 0px;
}

.charmaplist td {
	vertical-align: bottom;
	padding: 1pt;
}

.charmaplist td.pua {
	background: none;
}

.charmaplist td.chcode {
	padding-right: 16px;
}

.charmaplist td.chglyph {
	text-align: center;
}

.charmaplist td.chname {
	padding-left: 16px;
}

/* Block List Page */

.blocklist td {
	vertical-align: bottom;
	padding: 1pt;
	padding-right: 16pt;
}

.blocklist .undefblock {
	color: red;
}

.blocklist .pua .undefblock {
	color: #990033;
}

.blocklist #pua td {
	vertical-align: middle;
	padding-top: 6pt;
	padding-bottom: 6pt;
}