table.vocab {
  border: 2px solid #ccc; 
  margin-bottom: 1em; 
  width: 100%;
}

table.vocab td, table.vocab th 
{ 
  border-bottom: 2px solid #ccc; 
  margin: 0;
  vertical-align:top;
  border-right: 2px solid #ccc; 
  padding: .5em; 
}

table.semantics 
{ 
  width: 100%;
  border: 2px solid #ccc; 
  margin-bottom: 1em; 
  padding: 0;
}

table.semantics td, table.semantics th 
{ 
  border-bottom: 2px solid #ccc; 
  margin: 0;
  vertical-align:top;
}

table.semantics td {
  border-right: 2px solid #ccc; 
  padding: .5em; 
  background-color: #ffb;
}

table.example-good, table.example-bad 
{ 
  width: 100%;
  border: 2px solid #ccc; 
  margin-bottom: 0.2em; 
  margin-top: 0.2em; 
  padding: 0;
}

table.example-good p, table.example-bad p 
{ 
    margin: 0;
    padding: 0.5em;
    background-color: white;
}

table.example-good div, table.example-bad div 
{ 
  margin: 0;
  padding: 0.5em;
  font-family: monospace 
}

table.example-good td, table.example-good th, table.example-bad td, table.example-bad th, table.vocab th
{ 
  border-bottom: 2px solid #ccc; 
  margin: 0;
  padding: 0; 
  vertical-align:top;
}

table.example-good td, table.example-bad td {
  border-right: 2px solid #ccc; 
}

table.example-good td, table.example-bad td
{
  margin: 0;
  padding: 0em;
}

table.example-good pre, table.example-bad pre
{
  margin: 0;
  padding: 0;
}

table.example-good td
{
  background-color: #bdf;
}

table.example-bad td
{
  background-color: #faa;
}

table.quick-reference 
{ 
  width: 100%;
  border-top: 1px solid #ccc; 
  border-left: 1px solid #ccc; 
  margin-bottom: 10px; 
}

table.quick-reference th 
{ 
  background: #eee; 
}

table.quick-reference td, table.quick-reference th 
{ 
  border-right: 1px solid #ccc; 
  border-bottom: 1px solid #ccc; 
  padding: .5em; 
  vertical-align:top;
}

col.quick-ref-key
{
  width: 20%;
}

col.quick-ref-value
{
  width: 80%;
}

#div-quick-access 
{
    position: fixed;
    top: 0;
    right: 0;
    width:15%; 
    max-height: 95%; 
    background:#eee; 
    overflow:auto; 
    border-left:1px solid #ccc; 
    border-bottom:1px solid #ccc; 
    padding: 0.5em;
    font-size: 0.7em;
}

#div-quick-access p {
    margin: 0 0 0.5em 0;
    padding: 0;
}

#div-quick-access ul {
    margin: 0 0 1em 0;
    padding: 0;
}

#div-quick-access li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.skinny
{
    width: 80%;
}

.invisible
{
    display: none;
}

a.vocab-link {
    font-family: monospace;
}

.editorial {
    border: 1px solid black;
    background-color: #eaa;
    padding: 5px;
}

a.action { color: #00C; background: transparent; text-decoration: underline; cursor: pointer }

.reference-title {
    text-decoration: underline;
    font-style: italic;
}