body { font-family:Verdana, Arial Unicode MS,Arial Unicode,Arial,sans-serif;
	margin-top:65px;
	margin-left:0.5em; margin-right:0.5em;  line-height: 2.0em; font-size:1em; }

h1 	{ font-size:135%; margin-top:2em; margin-bottom:2em; }
h2 	{ font-size:125%; margin-top:2em; margin-bottom:2em;}
h3 	{ font-size:125%; margin-top:2em; margin-bottom:2em;}

h1.small { font-size:125%; }
h2.small { font-size:115%; }

/* font-family:'Arial Unicode MS','Arial Unicode','Arial'; */

div, li { padding-left:0em; padding-right:1em; padding-bottom:0.4em;  font-family:Verdana, Arial, sans-serif;  }
div.standard {padding-left:0px; }

.ucd-header-small 	{font-size:70%; }
.ucd-int-hex-small 	{ font-size:85%; }

span { background-color:#efefef; }
.bgClear { background-color:#ffffff; }


.sr {background-color:#efefef; }
.nf {background-color:#ccffcc; }
.nc {background-color:#efcdcd;}

table {margin-top:18px; margin-bottom:24px; margin-left:0px; }
table.intern {margin-top:0px; margin-bottom:0px; margin-left:0px;}

.table-scrollable		{ width:100%; overflow-y: scroll; }

.char				{ font-size:2em; text-align:center;}

textarea			{ max-width:600px; width:100%; }

.ot-container			{ max-width:1000px; margin:0 auto; }
.ot-converter-left		{ max-width:200px; width:20%; }
.ot-converter-right		{ max-width:800px; width:80%; }
.ot-converter-input		{ max-width:750px; width:100%; }
.ot-btn-inthexchar		{ max-width:200px; width:100%; }
.ot-hide-me			{ display:none; }
.ot-name-container		{ display:flex; }
.ot-single-character		{ background-color:yellow; font-size:2em; }

.ot-character-line		{ padding-left:4em; text-indent:-2em; }

.use-search			{ display:inline-block; border:4px solid #00A000; font-size:1em; }

button:focus			{ background-color:#ffff00; }
:focus				{ background-color:#ffff00; }
:focus::placeholder		{ color:yellow; }

.table-only-width		{ width:100%; }

.version-most-important { background-color:yellow; }
.filesize-gt-1-mb	{ background-color:#A00000; color:#ffffff; }
.filesize-gt-100-kb	{ background-color:#FFAA00; }

th { font-size:0.6em; white-space:normal; }

p a	{font-size:100%; }


a:link		{color:#003399; }
a:visited 	{color:#0000A0; }
a:hover 	{color:#003300; background-color:#E8E8E8;border-bottom:solid;border-bottom-width:1px 	}
/*
*/

/*
a:link	 		{ color:#ffffff; text-decoration:none; background-color:#003C78; padding:0 6px 0 6px; }
a:visited		{color:#003399; text-decoration:none; background-color:#f0f0ff; padding:0 6px 0 6px; } 
a:hover 		{color:#ffffff; background-color:#800000; 		
			border-bottom:solid;border-bottom-width:1px;
			text-decoration:none; padding:0 6px 0 6px; }
*/

td 		{font-family:Arial Unicode MS,Arial Unicode,Arial,sans-serif;}
td a:link		{color:#003399; }
td a:visited 	{color:#0000A0; }
td a:hover 	{color:#003300; background-color:#E8E8E8;border-bottom:solid;border-bottom-width:1px; }

@media (min-width:800px) {
	div, li 	{ padding-left:6px; }	
	th 		{ font-size:0.8em; }
}