/**
    FIXME: most of this stuff is from older/unused pages. It needs to be filtered out.
*/


body {
  background-color: #fff;
  font-family: sans-serif, Verdana, Arial, serif, Tahoma;
  color: #003;
	margin: 0 0 0 0;
}

a:link { color: #002; text-decoration: underline; }
a:visited { color: #002; text-decoration: underline;}
a:hover { background-color: #002; color:#fff; text-decoration: underline;}

a.external-link
{
    text-decoration: none;
    border-bottom: 1px dashed black;
}

hr {
  height: 3px;
  border-top: 1px dashed #005;
  border-bottom: 1px dashed #005;
  border-left: none;
  border-right: none;
}

h1 {
  font-size: 18pt;
  padding: 2px 1em 2px 1em;
/*
  color: #cccc99;
  background-color: #585830;
*/
  color: #585830;
  background-color: #cccc99;
  text-align: center;
  border: 1px solid #000;
  padding: 0.3em;
  /*background-image: url('/img/wh-logo-tiny.png');*/
  background-repeat: no-repeat;
  background-position: 98% center;
}

h2 {
  font-size: 14pt;
  padding: 2px 1em 2px 1em;
  border: 1px solid #000;
  color: #585830;
  background-color: #cccc99;
}

h3 {
  /*color: inherited;*/
  font-size: 12pt;
}

blockquote { 
  border: 1px dashed #000;
  font-style: italic;
  padding: 4px;
  color: #000;
  background-color: #f3f3f3;
  
}


span.byoo-sjg-official { 
  color: #337733;
  font-style: italic;
  /*font-weight: bold;*/
}

img.byoo-ogre-counter {
  /*background-color: #ff0000;*/
  border: 1px solid black;
}


tr.even { 
  background-color: #e0e0e0;
}
tr.odd {
  background-color: #ffffff;
}

/** Used by the colorpicker jQuery plugin: */
.ColorBlotch { 
    border: 1px outset black;
    padding: 0 2px 0 2px;
    font-family: monospace;
    cursor: pointer;
    font-size: 1em;
}

.byoo-editor-required {
  color: #007700;
  background-color: #bbffbb;
  /*font-weight: bold;*/
}

.byoo-editor-optional {
  color: #000088;
  background-color: #ccccff;
  /*font-weight: bold;*/
}

.byoo-editor-info {
  color: #444444;
  background-color: #eeeeee;
  /*font-weight: bold;*/
}


.highlight1 {
  color: #000000;
  background-color: #fff;
}

.highlight0 {
  color: #000000;
  background-color: #f0f0f0;
}

.filelist_header { 
  font-size: smaller;
  background-color: #585830;
  color: #cccc99;
}

pre.plain_text {
  font-family: monospace;
  color: #000000;
  background-color: #ffffff;
  border: 1px solid #000000;
  padding: 6px;
}

.code {
  font-family: monospace;
  color: #000000;
  background-color: #f0f0f0;
  border: 2px dotted #222222;
  overflow: auto;
  padding: 6px;
}

.bigquote {
  color: #2222ff;
  background-color: #ffff00;
  border: 1px solid #2222ff;
  padding: 5px;
}

.quote {
  color: #000000;
  background-color: #fff;
  border: 1px inset #cccccc;
  padding: 5px;
  font-style: italic;
  font-size: small;
}

blockquote {
  color: #000000;
  background-color: #fff;
  border: 1px inset #cccccc;
  padding: 0.5em;
}

.legalese {
  color: #000000;
  background-color: #f7f7f7;
  border: 1px inset #cccccc;
  padding: 5px;
  font-style: italic;
  font-size: 9pt;
}

.mild_warning {
  color: #000000;
  background-color: #ffffaa;
  border: 1px solid #ff0000;
  padding: 5px;
}

.achtung {
  color: #ff0000;
  background-color: #ffff00;
  border: 1px inset #ff0000;
  padding: 0.2em 0.5em;
  font-style: italic;
}

.placeholder {
  color: #ffffff;
  background-color: #ff0000;
  border: 4px dashed #ffff00;
  padding: 2px;
  font-style: italic;
  font-weight: bold;
  text-decoration: blink;
}

.file_download_list {
  border: 1px inset #614400;
}

.byoo-pseudobutton
{ 
  border: 2px inset #aaaaaa;
  background-color: #e0e0e0;
  padding: 0.2em 0.5em;
  text-decoration: none;
}
.byoo-pseudobutton.selected
{ 
  border-style: outset;
}

.byoo-message-area { 
  background-color: #eeeeee;
  border: 1px dashed #777777
}

.byoo-awaiting-data {
  background-color: #ffcccc;
  color: #ff3333;
}

.byoo-ogre-record { 
  border: 1px solid black;
  padding: 0.5em;
}

.byoo-text-informational
{ 
  font-size: 80%;
  border: 1px inset black;
  background-color: #cccc99;
}

#BYOOMainArea
{ 
  padding: 0.5em;
}
#BYOOOgreList
{
}

#BYOOSideMenuArea
{
    border: 1px dashed gray;
    padding: 0.5em;
}

#BYOOStatusLine
{ 
  background-color: #e0e0e0;
  color: #202099;
  font-family: monospace;
  border: 1px solid #444444;
}

#BYOOOgreList
{ 
  font-size: 80%;
}

.scrollable
{
  border: 2px inset #e0e0e0;
overflow: auto;
padding: 0.5em;
}

.byoo-option-container
{ 
  border: 1px inset black;
  /*background-color: #e0e0e0;*/
  background-color: #f7f7f7;
  padding: 0.2em 0.5em;
  font-size: 0.8em;
}

.byoo-option-control
{ 
  border: 1px outset black;
  background-color: #e0e0e0;
  padding: 0 0.5em;
  font-size: 80%;
  color: #222222;
  cursor: pointer;
}

.byoo-current-app-link
{ 
  font-size: 120%;
  font-weight: bold;
  font-style: italic;
  /*border: 1px dashed #555555;*/
  /*padding: 2px 2px 2px 2px;*/
}

.byoo-current-ogre-link
{ 
  font-size: 120%;
  font-weight: bold;
  font-style: italic;
  cursor: pointer;
  /*border: 1px dashed #555555;*/
  /*padding: 2px 2px 2px 2px;*/
}

.toggle-is-enabled
{ 
  color: #228822;
}

.byoo-has-unsaved-changes
{ 
  background-color: yellow/* bluish #cfecff*/;
  border: 1px dashed #0066a7;
}

/**
    .klappZuDing-* is used by the jQuery.klappZuDing() plugin
*/
.klappZuDing-content
{
    border: 1px dotted gray;
}

.klappZuDing-label
{
    border: 2px inset gray;
    padding: 0.1em 0.5em 0 0.5em;
    font-size: 0.8em;
    /*font-weight: bold;*/
    background-color: #e0e0e0;
}

.klappZuDing-label-closed
{
    border: 2px outset gray;
    background-color: #eaeaea;
}

.error-message {
    color: red;
}