body {
  background-color: #fff;
  color: #333;
  /*border-top: dashed thick #234F32;
  border-left: dashed thick #234F32;*/
  margin: 0px; padding: 8px;
}

body, p, ol, ul, td {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size:   13px;
  line-height: 18px;
}

#main {
  margin-bottom: 3em;
}

pre {
  background-color: #eee;
  padding: 10px;
  font-size: 11px;
}

a { color: #000; }
a:visited { color: #666; }
a:hover { color: #fff; background-color:#000; }

.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}

#ErrorExplanation {
  width: 400px;
  border: 2px solid 'red';
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#ErrorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#ErrorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#ErrorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

div.uploadStatus {
  margin: 5px;
}

div.progressBar {
  margin: 5px;
}

div.progressBar div.border {
  background-color: #fff;
  border: 1px solid grey;
  width: 100%;
}

div.progressBar div.background {
  background-color: #333;
  height: 18px;
  width: 0%;
}

div.auto_complete {
  width: 350px;
  background: #fff;
}
div.auto_complete ul {
  border:1px solid #888;
  margin:0;
  padding:0;
  width:100%;
  list-style-type:none;
}
div.auto_complete ul li {
  margin:0;
  padding:3px;
}
div.auto_complete ul li.selected { 
  background-color: #ffb; 
}
div.auto_complete ul strong.highlight { 
  color: #800; 
  margin:0;
  padding:0;
}

form#login_form table {
  width: auto;
  
  -webkit-box-shadow: 2px 2px 5px #333;
  -moz-box-shadow: 2px 2px 5px #333;
  box-shadow: 2px 2px 5px #333;
}

form#login_form table th {
  font-weight: bold;
  text-align: right;
  border: none;
  padding: 5px;
}

form#login_form table td {
  text-align: left;
  border: none;
}

ul.messages {
  background-color: #333;
  position: fixed;
  top: 0;
  width: 500px;
  left: 50%;
  margin: 0 0 0 -251px;
  padding: 5px;
  
  font-size: 12px;
  color: #fefefe;
  text-align: center;
  
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  box-shadow: 0px 1px 2px #666;

  z-index: 100;
}

ul.messages li {
  list-style: none;
}

ul.errorlist {
  color: red;
  /*float: right;*/
}

form dt {
  font-weight: normal;
  width: 150px;
}

form dd {
  margin-left: 160px;
}

form dd input[type=text] {
  width: 250px;
}

dl {
  margin: 0px;
}
dt {
  float: left;
  text-align: right;
  width: 85px;
  font-weight: bold;
}

dd {
  margin-left: 90px;
}

div.help {
  float: right;
  width: 540px;
  background: #DDD;
  border-radius: 10px;
}

div.help pre {
  width: 470px;
}

div#process_page {
  width: 800px;
  margin: auto;
  text-align: center;
}

div#process_page > div {
  margin-bottom: 25px;
}

div#process_page div#spinner_widget {
  height: 75px;
}

div#process_page div#spinner {
  display: none;
}

div#process_page div#progress_bar_widget {
  border: thick solid #CCC;
  width: 400px;
  height: 10px;
  margin: auto;
  border-radius: 20px;
}

div#process_page div#progress_bar {
  background-color: #999;
  height: 10px;
  width: 200px;
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
}

div#process_page div#progress_bar_complete {
  background-color: #999;
  height: 10px;
  width: 400px;
  border-radius: 10px;
}

div#process_page div#output_widget {
  width: 600px;
  height: 300px;
  background-color: #ccc;
  border-radius: 10px;
  margin: auto;
  margin-top: 25px;
  margin-bottom: 25px;
  padding: 10px 10px;
  text-align: left;
}

div#process_page div#output_widget div#output {
  height: 300px;
  overflow: scroll;
}

div#process_page div#output_widget div#output p {
  margin: 0px;
}
/** Forms Styles, to be refactored... **/

div.form_row {
  text-align: left;
}

div.form_row div.clear {
  clear: left;
}

div.form_row div.field {
  float: left;
  margin-right: 5px;
  vertical-align: middle;
}

input.quantity {
  width: 3em;
}

.ItemList table.prices {
  border: none;
}

table.prices th {
  text-align: right;
}

table.prices td {
  border: none;
  text-align: left;
}

.menu_section div:hover {
  background-color: #999;
}

form.header_form {
  margin: 0px 10px;
  float: left;
}

.light {
  font-size: small;
  color: #999
}

.top_spacer {
  margin-top: 15px;
}

table.tally {
  border: none;
  width: auto;
}

table.tally th {
  text-align: right;
  padding-right: 4px;
}

table.tally td {
  border: none;
  background: #eee;
  padding: 0px 4px;
}

table.tally td.sum {
  background: #efe;
}

table.details {
  border: none;
  width: auto;
}

table.details th {
  font-weight: bold;
  border-bottom: thin solid black;
  text-align: left;
  padding: 0px 5px;
}

table.details td {
  border: none;
  text-align: left;
  padding: 0px 5px;
}

table.details td a.mini {
  text-decoration: none;
}

table.details td.numeric, table.details th.numeric {
  text-align: right;
}

table.details td.center, table.details th.center {
  text-align: center;
}

table.details tr.sum {
  background: #efe;
}

table.details.wide {
  width: 100%;
}

.red  {
  color: red;
}

table.details a.Operation, table.details input.Operation {
  font-size: 9px;
}

h3 a.Operation {
  font-size: 10px;
}

.table-operations {
  margin-top: 1em;
  padding-right: 5px;
  text-align: right
}

table.details form {
  display: inline;
}

table.summary {
  border: none;
  width: auto;
}

table.summary th {
  text-align: left;
}

table.summary td {
  border: none;
  font-weight: bold;
}

form.delete {
  margin-top: 2em;
}

form.delete input[type=submit] {
  background-color: red;
  color: #fefefe;
  border: solid thin white;
  font-size: 10pt;
}

form.delete input[type=submit]:hover {
  border: solid thin #333;
}

form.delete input[type=submit]:active {
  color: red;
  background: #fefefe;
}

div.tabs {
  padding: 3px 0px;
  border-bottom: solid thin #333;
}

a.tab {
  text-decoration: none;
  padding: 4px;
}

a.tab.current {
  background: #ccc;
}

div.flag i:hover {
  color: orange;
  cursor: pointer;
}

div.flag.flagged, div.flag.flagged i {
  color: orange;
}

div.flag i {
  color: #ddd;
}

div.log_form textarea {
  width: 30em;
  margin-bottom: 0.5em;
}

div.chicklet {
  color: white;
  background: black;
  font-size: 9px !important;
  padding: 1px 5px;
  border-radius: 6px;
  
  float: left;
  margin-right: 4px;
  line-height: normal;
  
  text-shadow: 0px 1px 0px #333;
  /*box-shadow: 0px 0px 1px #666;*/
}

div.blu-ray {
  background: #0095D5;
  
}