body, td, p {font-family: Arial, Helvetica, Sans Serif; font-size: 10pt;}
h1 {
  font-family: arial, verdana, arial, sans-serif;
  margin: 0 0 7px 0;
  background-color: #424242;
  text-transform: uppercase;
  padding: 8px 0 8px 15px;
  font-size: 14px;
  line-height: 1em;
  color: #fff; 
}

h2 {color: #424242; font-size: 12px;}

h4 {margin-bottom: 2px;}


/* Used for displaying obvious error messages */
.error {
  border: 1px solid #cf2065; background-color: #eee; color: #cf2065;
  font-weight: bold; padding: 6px 5px 6px 5px;
}
/* Used for displaying obvious warning messages */
.warning {
  border: 1px solid #cf2065; background-color: #eee; color: #cf2065;
  font-weight: bold; padding: 6px 5px 6px 5px;
}
/* Used for displaying obvious confirmation messages */
.confirmation {
  border: 1px solid #cf2065; background-color: #eee; color: #cf2065;
  font-weight: bold; padding: 6px 5px 6px 5px;
}

/* Errors on joiner tables */
.joiner-error {
  border: 1px solid #FF0000; background-color: #FFF4F4; color: #900000;
  font-size: x-small; padding: 2px; margin: 0px;
}

span.error {
  border-style: none; background: none; padding: 3px 0px;
}


.clickable {cursor: pointer;}

/* Standard forms used for adding/editing content */
.form-table { border-collapse: collapse; }
.form-table td { padding: 3px 5px 3px 3px; }
.form-table th { padding-right: 6px; vertical-align: bottom;}

/* Top menu */
#area_choices ul { list-style: none; margin-left: 0; padding-left: 0; line-height: 170%; padding-bottom: 8px;}
#area_choices ul li { display: inline; padding: 3px 3px 3px 3px; border-right: 0px solid #DDDDDD; }
#area_choices li a:visited {  }
#area_choices ul li.on { }

/* Tabs once an individual item is selected */
#main_edit_tabs { list-style: none; margin-left: 0; padding-left: 0; }
#main_edit_tabs li { display: inline; padding: 3px 3px 3px 3px; border-right: 0px solid #DDDDDD; }
#main_edit_tabs li a:visited { }
#main_edit_tabs li.on { }

/* Candy-striping for non-tree tables */
.altrow1 {background-color: #EEEEEE; }
.altrow2 {background-color: #DDDDDD; }

/* checkbox column (delete) */
td.checkbox { width: 15px; }

/* Record set navigation for non-tree tables */
#rs_nav { width: auto; }
#rs_nav td { border: 1px #CCC solid; padding: 2px; text-align: center; vertical-align: center;}
#rs_nav td:hover { border-color: #777; }
#rs_nav .current_page { border-color: #000; }
#rs_nav a img { border-style: none; }

/* Candy striping and display styling for tree tables - up to 5 levels deep by default */
.tree_row_invisible { display: none; }

/* blue */
.tree_level1_altrow1 { background-color: #EEEEFF; }
.tree_level1_altrow2 { background-color: #DDDDEE; }

/* green */
.tree_level2_altrow1 { background-color: #EEFFEE; }
.tree_level2_altrow2 { background-color: #DDEEDD; }

/* yellow */
.tree_level3_altrow1 { background-color: #FFFFEE; }
.tree_level3_altrow2 { background-color: #F9F9E0; }

/* red */
.tree_level4_altrow1 { background-color: #FFEEEE; }
.tree_level4_altrow2 { background-color: #F3DDDD; }

/* grey */
.tree_level5_altrow1 { background-color: #EEEEEE; }
.tree_level5_altrow2 { background-color: #DDDDDD; }

/* generic tree node, used for all levels of depth */
.tree_node {
  display: block; height: 20px; padding: 3px 0 3px 0; margin: 0 0 0 0;
}


/* container for entire tree */
#tree_display { margin-bottom: 10px; }

/* Styling for item chosen as a parent of a tree node */
.selected_row { background-color: #FF8888; height: 20px; padding: 3px 0 3px 0; margin: 0 0 0 0; }

/* Empty space to the left of non-tree elements.
   The width is defined in autodev_tree.js as levelWidth
   - one levelWidth for 1st sub-level, two for the 2nd, and so on... */
.tree_intro { float: left; height: 20px; margin: 0 0 0 0; }

/* container for the +/- opener/closer for nodes with children */
.tree_plus_minus { float: left; height: 20px; width: 20px; margin: 0 0 0 0; }

/* the actual node itself */
.tree_element { float: left; cursor: pointer; width: 150px; height: 20px; margin: 0 0 0 0; border 1px solid #0000FF; }
.tree_element_nowidth { float: left; cursor: pointer; height: 20px; margin: 0 0 0 0; border 1px solid #0000FF; }

/* container when a node can't be ordered */
.tree_empty_orderer { float: left; width: 16px; height: 20px; margin: 0 0 0 0; }

/* container for up and down order arrows */
.tree_orderer { float: left; cursor: pointer; width: 16px; height: 20px; margin: 0 0 0 0; }


/* SQL errors and comments */
.sql-error {
  border: 1px solid #FF0000; background-color: #FFF4F4; color: #900000;
  font-weight: normal; padding: 3px 5px 3px 5px; margin-top: 0.5em;
}
.sql_comment {
  border: 1px solid #505050; background-color: #F6F6F6; color: #606060;
  font-weight: normal; padding: 3px 5px 3px 5px; margin-top: 0.5em;
}

/* divs around errors and comments */
.sql-error div { margin: 4px 1em; font-family: monospace; font-size: 90%;}
.sql_comment div { margin: 4px 1em; font-family: monospace; font-size: 90%;}

/* sql summary */
.sql-summary { border: 1px blue solid; padding: 1em; margin: 1em;; background-color: #EEF; }
.sql-summary a { border: 1px #777 solid; color: black; text-decoration: none; background-color: whitesmoke; padding: 0px 2px; }
.sql-summary h2 { color: black; margin-top: 0px; }

/* sql result */
.sql-result { border: 1px black solid; }
.sql-result th { border: 1px black solid; }
.sql-result td { border-right: 1px #777777 solid; border-bottom: 1px #777777 solid; }

/* sql null */
.sql-null {color: #777; font-size: 85%; font-family: sans-serif;}

/* help links */
a.help {font-size: 85%;}

/* data validator tool */
.validator h3 {margin-bottom: 0px; margin-top: 2em; border-bottom: 1px #CCCCCC solid;}
.validator a { color: black; text-decoration: none; display: block; border: 2px transparent solid;}
.validator a:hover { border: 2px blue solid; }
.validator table {margin: 0px; margin-top: 5px; border-spacing: 0px;}

/* borders around labels that contain an input to make it obvious to the user that they can click the text */
.label_highlight { border: 1px solid #dddddd; background: #eeeeee; padding: 1px 1px 1px 1px; }
.label_plain { border: 1px solid #ffffff; padding: 1px 1px 1px 1px; }

.order_col { width: 20px; padding: 3px 2px 3px 2px }

.struct_pk { border-bottom: 1px solid #000044; font-weight: 600; }
.struct_index { border-bottom: 1px dotted #501600; font-weight: 500; }

.date_dropdown {
  width: 80px;
}
.date_dropdown optgroup option {
  text-indent: 1em;
}

.statistics {width: 50%; border-spacing: 1px; margin-bottom: 10px;}
.statistics th {font-weight: bold; padding: 5px; border: 1px #ccc solid;}
.statistics td {padding: 5px; border: 1px #ccc solid;}

#main_data table.main_add_edit {border-spacing: 5px;}


.quick_help {
  display: block;
  line-height: 1.4em;
  font-size: 10px;
  margin: 0 0 0 0;
}


#currency_converter {
  background-color: #EEE;
  border: 1px #CCC solid;
  padding: 0px;
  padding-bottom: 3px;
  margin: 5px 0px 0px;
}

#currency_converter p {
  margin: 2px;
}

#currency_converter h4 {
  background-color: #DDD;
  border-bottom: 1px #CCC solid;
  padding: 2px 2px 2px 15px;
  margin: 0px;
  margin-bottom: 3px;
}

.advice-box {
  border: 1px #777 solid;
  background-color: whitesmoke;
  padding: 5px;
  margin: 1em 0px;
}

.big-advice-box {
  padding: 5px;
  margin: 1em 0px;
  border: 1px solid #cf2065;
  background-color: #eee;
}

.display-none { display: none; }
.display-table-row { display: table-row; }

#rev_view {
  border: 1px #EEE solid;
  height: 100px;
  overflow: scroll;
}