body {
	background-color: #EEDDFF;
	font-family: Helvetica, "Arial", sans-serif;
	font-size: 100%;
	margin: 20px;
	text-align: center;
}

footer {
	font-size: 9pt;
	background-color: #DDCCEE;
}

a {
    text-decoration: none;
}

h1 {
	font-size: 24pt;
	font-variant: small-caps;
	font-weight: bold;
}
h2 {
	font-size: 18pt;
	font-variant: small-caps;
	font-weight: bold;
}
h3 {
	font-size: 16pt;
	font-style: italic;
}
h4 {
	font-size: 14pt;
	font-variant: small-caps;
}

p {
	font-size: 12pt;
}

ul {
    list-style: none;
    padding: 0;
}
li {
    list-style-type: none;
    padding: 0;
}

.bigger {
	font-size: 125%;
}
.smaller {
	font-size: 75%;
}

.left {
	text-align: left;
}
.center {
	text-align: center;
}
.right {
	text-align: right;
}

.sectionheader {
	background-color: #DDCCEE;
}

.sectiontext {
	background-color: #EEEEFF;
}

.subtitle {
	font-size: 16pt;
}

.current {
	font-size:120%;
}

.displaytable {
	display: block;
	
}
table, td, th {
	border: 1px solid black;
}
table {	
    border-collapse: collapse;
	margin: 10px;
    max-width:90%;
    table-layout: fixed;
	text-align: center;
	white-space: nowrap;
	word-break: break-word;
}
table.dict {
    text-align: left;
}
table:parent {
    display: flex;
    justify-content: center;
	overflow: scroll;
}
td, th {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
/*	width: 100% !important;*/
}
th {
	background-color: #CCCCCC;
	font-weight: normal;
}
td {
	background-color: #EEEEEE;
}
.shaded {
	background-color: #DDDDDD;
}
.doubleshaded {
	background-color: #CCCCCC;
}
.tripleshaded {
	background-color: #BBBBBB;
}
.empty {
	background-color: #AAAAAA;
}
.nobold {
	font-weight: normal;
}
.italics {
	font-style: italic;
}
.smallcaps {
	font-variant: small-caps;
}
.langcode {
    font-style: normal;
	font-variant: small-caps;
}
.lettersection {
	font-size: 16pt;
    font-style: normal;
   	font-weight: bold;
    text-align: center;
}
.dict td {
    text-align: left;
}
.dict .root .brmn, .dict .root .entry, .dict .root .phonetic {
    color: #663399;
	font-size: 14pt;
	font-weight: bold;
}
.dict td.rootsection {
	background-color: #FFFFFF; 
    text-align: center;
}
.dict .semantics {
	font-size: 12pt;
	font-style: italic;
    text-align: center;
}
.dict .etymology, .dict .cognates {
	font-size: 10pt;
	font-style: italic;
}
.dict .entry {
    font-weight: normal;
}
.dict .phonetic {
	font-size: 11pt;
}
.dict .derivation {
	font-size: 10pt;
}
.dict .partofspeech {
    font-size: 10pt;
    font-style: italic;
}
.dict .meaning {
	font-weight: normal;
}
.dict .usage, .dict .notes, .dict .context {
	font-size: 9pt;
    font-style: italic;
    white-space: pre;
    word-wrap: break-word;
}
@font-face {
  font-family: brightmoonic;
  src: url("http://motu.conlang.org/font/testfont.ttf");
}
.brmn {
    font-family: brightmoonic;
}
td.brmn, .brmn td {
    text-align: right;
}
.garr {
    font-family: brightmoonic;
    writing-mode: vertical-lr;
    vertical-align: text-top;
}
.charactersample {
    font-size:36pt;
}