/* Text: fonts, sizes and weights: */
pre, code { font-family: monospace; }
textarea { font-family: Arial, Helvetica, sans-serif; }
.grey { color: gray; }
span.definition { border-bottom: 1px dashed; }

/* Forms */
form { margin: 0; border: 0; padding: 0; }
div.controls { margin: 0; padding: 3px 3px 3px 13em; }
div.controls button { min-width: 6em; margin: 3px; /* padding: 0 1em; */ }
span.requiredmarker { color: red; font-weight: bold; font-size: larger; }
span.conditionalmarker { color: orange; font-weight: bold; font-size: larger; }
input.required  { border: 2px solid black; }
/*
input.optional  { border: 2px solid black; }
input.dependant { border: 2px solid black; }
*/
/* Forms: Sub Forms */
form.subform { margin: 1.12em 0 0.56em 0; border: 1px dashed black; padding: 0 1em; }
form.subform div.controls { background: none; margin: 0; padding: 3px 3px 3px 12em; color: black; }
#body form.subform dd { margin-left: 12em; }
#body form.subform dt { width: 11em; }

/* Tabs */
/*
<div class="tab_container">
  <div class="tab_buttons">
    <ul class="tab_buttons">
      <li><p><a onclick="">Label</a></p></li>
    </ul>
  </div>
  <div class="tab_panes">
    <div class="tab_pane" id="tab_settings" style="display: none;">
    </div>
  </div>
</div>
*/
div.tab_container { border: 1px solid grey; }
div.tab_buttons   { padding: 0 1em; }
div.tab_panes     { padding: 0 1em 1em; }
div.tab_pane      { }
ul.tab_buttons    { list-style: none; margin: 0; padding: 0; }
ul.tab_buttons li { display: inline-block; }

/* Operations Buttons */
#body ul.operations { list-style: none; position: relative; }
#body ul.operations ul { list-style: none; }
#body ul.operations li { display: inline-block; }

/* Lists */
ul, ol { margin: 0 0 0 1.5em; padding-left: 0; }
li { margin: 0.56em 0; }
dd ul { margin: 0; }
dd ul li { margin: 0 0; list-style: none; }
dd { margin: 0.56em 0 0.56em 13em; text-align: left; }
dt { margin-top: 0; width: 12em; float: left; clear: both; font-weight: bold; }
dd:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html dd { height: 1%; }
table.dl { border-collapse: collapse; }
tr.dl { background: none; }
th.dt, td.dd { vertical-align: top; }
th.dt { width: 11em; padding: 0.28em 0; text-align: left; font-weight: bold; }
td.dd { padding: 0.28em 1em; border-left: 1px solid ButtonShadow; }
th.dt + td.dd { border-left: none; }
table.dl tfoot tr.dl { border: none; }
table.dl tfoot td.dd { border-top: 1px solid ButtonShadow; }
table.dl th.dt { text-align: left; }

/* Tables */
table { border-collapse: collapse; }
thead th { margin: 0; padding: 2px 5pt; text-align: left; }
thead th.sortable { background-position: right center; background-repeat: no-repeat; }
tbody td { padding: 1px 5pt; }
tfoot tr { border-top: 1px solid ButtonHighlight; border-right: 1px solid ButtonShadow; border-bottom: 1px solid ButtonShadow; border-left: 1px solid ButtonHighlight; }
tfoot td { padding: 1px 5pt; }
/* Tables: Colours */
thead th { color: #404040; background-color: ButtonFace; border-top: 1px solid ButtonHighlight; border-right: 1px solid ButtonShadow; border-bottom: 1px solid ButtonShadow; border-left: 1px solid ButtonHighlight; }
tbody tr { background: white url("tr_background.png"); background-repeat: repeat-x; background-position: bottom; }
thead tr, tfoot tr { background-image: none; }
/* Print Layout */
@media print {
  table { border-collapse: collapse; }
  tr { border-right: none; border-left: none; background: none; }
  thead tr { border-top: 1px solid black; border-bottom: 1px solid black; }
  tbody tr { border-bottom: 1px solid grey; }
  tfoot tr { border-top: 1px solid black; border-bottom: 1px solid black; }
  thead th, tbody td { padding: 2px 0 2px 1em; text-align: left; border: none; }
  thead th:first-child, tbody td:first-child { padding-left: 0; }
}
/* Form Field Grid Layouts */
table.grid { border-collapse: separate; border-spacing: 5pt; }
table.grid th { text-align: left; color: inherit; background-color: inherit; border-top: inherit; border-right: inherit; border-bottom: inherit; border-left: inherit; }
table.grid tr { background: none; }
table.grid td { width: 12em; padding: 1px 0; }

/* Print Layout */
@media print {
  ul.operations, dl.operations { display: none; }
  colgroup.operations { visibility: collapse; }
  form.subform    { display: none; }
  #page-control { display: none; }
}

/* Miscellanious */
img.icon { border: 0; }
.greyed { color: #777777; }
a img { border: 0; }
@media screen { *.scrollable { height: 20em; overflow: scroll; } }
div.floatright { float: right; }
p.refresh-indicator { margin: 0; text-indent: -5000px; height: 16px; width: 16px; background: url("icon_refresh_black.gif") no-repeat; }
/* .log_VERBOSE { display: none; } */

/* Error Messages, etc */
p.verbose     {                            color: grey;  margin: 0.56em 0; padding: 0.56em; position: relative; }
div.verbose   {                            color: grey;  margin: 0.56em 0; padding: 1px 0.56em; position: relative; }
span.verbose  {            color: grey;    }
p.info        { background-color: #7FC0FF; color: black; margin: 0.56em 0; padding: 0.56em; position: relative; }
div.info      { background-color: #7FC0FF; color: black; margin: 0.56em 0; padding: 1px 0.56em; position: relative; }
tr.info       { background-color: #7FC0FF; color: black; background-image: none; }
tr.log_DEBUG  { background-color: #7FC0FF; color: black; background-image: none; }
span.info     {            color: #3333FF; }
p.done        { background-color: #7FC77F; color: black; margin: 0.56em 0; padding: 0.56em; position: relative; }
div.done      { background-color: #7FC77F; color: black; margin: 0.56em 0; padding: 1px 0.56em; position: relative; }
tr.done       { background-color: #7FC77F; color: black; background-image: none; }
tr.log_NOTICE { background-color: #7FC77F; color: black; background-image: none; }
span.done     {            color: #009900; }
p.warning     { background-color: #FFD27F; color: black; margin: 0.56em 0; padding: 0.56em; position: relative; }
div.warning   { background-color: #FFD27F; color: black; margin: 0.56em 0; padding: 1px 0.56em; position: relative; }
tr.warning    { background-color: #FFD27F; color: black; background-image: none; }
tr.log_WARNING{ background-color: #FFD27F; color: black; background-image: none; }
span.warning  {            color: #CC7700; }
p.error       { background-color: #FFA8A8; color: black; margin: 0.56em 0; padding: 0.56em; position: relative; }
div.error     { background-color: #FFA8A8; color: black; margin: 0.56em 0; padding: 1px 0.56em; position: relative; }
tr.error      { background-color: #FFA8A8; color: black; background-image: none; }
tr.log_ERROR  { background-color: #FFA8A8; color: black; background-image: none; }
span.error    {            color: #CC0000; }

/* Debugging Messages */
.debugging_messages .trace   { color: blue; }
.debugging_messages .debug   { color: #7777FF; }
.debugging_messages .notice  { color: green; }
.debugging_messages .warning { color: #FFA500; }
.debugging_messages .error   { color: red; }
.debugging_messages .fatal   { color: #FF0077; }