body {
  font-family: "Verdana", "Arial", sans-serif;
  font-size: 12pt;
  color: black;
  background: white;
  text-align: justify;
}

hr {
  color: rgb(80,120,200);
  height: 1px;
  margin-top: 1em;
  margin-bottom: 1em;
}

form {
  font-size: 10pt;
}

form input {
  font-size: 9pt;
}

table.data {
  font-family: "Arial", sans-serif;
  text-align: left;
  width: 100%;
  font-size: 90%;
}

table.data a {
  text-decoration: none;
  color: rgb(90, 50, 30);
}

table.data a:hover {
  color: rgb(10, 81, 161);
}

th, td {
  padding-right: 10px;
}

th.small {
  font-size: 75%;
  font-weight: normal;
}

td.icon {
  text-align: center;
}

.slogan {
  font-family: "Georgia", "Times New Roman", serif;
  font-style: italic;
}

.slogan a {
  color: rgb(10, 81, 161);
}

.slogan a:hover {
  color: rgb(82, 158, 191);
}

.slogan a.big {
  font-size: 120%;
  font-weight: bold;
  letter-spacing: 1px;
}

h1 {
  font-size: 180%;
  font-family: "Arial", sans-serif;
  font-weight: bold;
  font-style: italic;
}

h2 {
  font-size: 150%;
  font-family: "Arial", sans-serif;
  font-weight: bold;
  color: rgb(10, 81, 161);
  padding-left: 0.5em;
}

h3 {
  font-size: 120%;
  font-family: "Arial", sans-serif;
  font-weight: bold;
  text-align: left;
  padding-bottom: 0;
  margin-bottom: 0;
}

ul {
  padding-left: 1em;
  line-height: 16pt;
}

ul a {
  color: rgb(10, 81, 161);
}

ul a:hover {
  color: rgb(82, 158, 191);
}

.menu {
  font-family: "Verdana", "Arial", sans-serif;
  font-size: 10pt;
}

.capsheader {
  font-family: "Arial Narrow", "Arial", sans-serif;
  font-size: 22pt;
  font-weight: bold;
  font-style: italic;
  text-transform: uppercase;
}

a.menulink img {
  border: none;
}

a.menulink {
  text-decoration: none;
  color: black;
  font-size: 10pt;
}

a.menulink:hover {
  color: rgb(10, 81, 161);
}

.barheader {
  font-family: "Arial", sans-serif;
  font-size: 22pt;
  font-weight: bold;
  font-style: italic;
  margin-top: 8px;
}

.bottom {
  font-size: 8pt;
  text-align: center;
}

.bottom a {
  color: black;
  text-decoration: none;
}

.bottom a:hover {
  color: rgb(10, 81, 161);
}

.sidebar {
  font-family: "Arial", sans-serif;
  padding-left: 10px;
  padding-right: 10px;
  border-left: 3px solid rgb(103, 198, 221);
  text-align: left;
}

.sidebar a {
  color: black;
  font-size: 140%;
  line-height: 170%;
  text-decoration: none;
}

.sidebar a:hover {
  color: rgb(10, 81, 161);
  text-decoration: underline;
}

.pagearea {
  padding: 10px;
}

table.hawb_list {
  font-size: 8pt;
  text-align: left;
  padding: 0; margin: 0;
}

table.hawb_list.printed {
  font-size: 10px;
  font-family: Times, serif;
}

table.hawb_list th {
  white-space: nowrap;
}

table.hawb_list tr.odd {
  background: rgb(230, 230, 230);
}

table.hawb_list.printed tr.odd td, table.hawb_list.printed tr.even td, table.hawb_list.printed tr.subtotal td {
  background: white;
}

table.hawb_list tr.subtotal td {
  background: rgb(255, 255, 220);
  font-weight: bold;
  border-top: 1px solid gray;
  border-bottom: 3px double black;
  padding-bottom: 8px;
}

table.hawb_list.printed tr.subtotal td {
  border-top: 1px solid black;
  padding-bottom: 12px;
}

table.hawb_list.printed tr.header th {
  border-bottom: 2px solid black;
}

td.special_instructions {
  color: gray;
}

table.hawb_display {
  font-size: 9pt;
  text-align: left;
}

table.hawb_display td, table.hawb_display th {
  border-bottom: 1px solid black;
}

table.hawb_display td {
  white-space: nowrap;
}

div.invoice {
  font-family: "Courier New", "Courier", monospace;
  font-size: 9pt;
  border: 2px solid black;
  padding: 10px;
  width: 47em;
  white-space: pre;
}

div.invoice.pdf {
  border: none;
  white-space: pre-wrap;
  width: 80em;
}

div.invoice b {
  color: rgb(0, 0, 140);
}

table.bol {
  border-collapse: collapse;
  border: 2px solid black;
  font-family: Arial, sans-serif;
  font-size: 10pt;
}

table.bol td, table.bol th {
  padding-right: 0;
}

table.bol td.thick_border {
  border: 2px solid black;
}

table.bol td.no_border {
  border: 1px solid white;
}

table.bol td.dark_cell {
  background: rgb(180, 180, 180);
}

table.bol td.header {
  color: green;
  font-weight: bold;
  font-size: 12pt;
}

table.bol td.column_top {
  font-weight: bold;
  font-size: 9pt;
  text-align: center;
}

table.bol td.insurance {
  padding-left: 12px;
  font-size: 8pt;
}

table.bol td.hotline {
  background: green;
  color: white;
  text-align: center;
  font-weight: bold;
}

table.bol td.input {
  font-weight: bold;
  text-align: right;
  padding-right: 5px;
}

table.bol td.label {
  font-size: 8pt;
  line-height: 8pt;
  padding-left: 6px;
  border-bottom: none;
}

table.bol td.thick_border.notop {
  border-top: none;
}

p.creators {
  font-size: 9pt;
  text-align: right;
}

span.parenthetical {
  font-size: 85%;
}

div.image_block {
  padding: 5px 0;
}

table.srq {
  font-family: "Arial", sans-serif;
  font-size: 10pt;
  border: 2px solid black;
  border-collapse: collapse;
}

table.srq.print {
  page-break-after: always;
  font-size: 8pt;
  border: 2px solid black;
}

table.srq td {
  white-space: nowrap;
  border: 1px solid black;
}

table.srq td.field_name {
  font-weight: bold;
}

table.srq td.heading {
  background: rgb(180, 180, 180);
  font-weight: bold;
  text-align: center;
}

table.srq td.changed {
  background-color: yellow;
}

table.srq td.input {
  border-right: none;
  border-left: none;
}

table.srq td input {
  width: 100%;
  font-size: 8pt;
  padding: 0;
  margin: 0;
}

table.srq td select {
  font-size: 8pt;
  padding: 0;
  margin: 0;
}

table.srq a {
  color: blue;
}

table.srq a:hover {
  color: rgb(120,120,120);
}

div.popup_dialog {
  display: none;
  position: absolute;
  border: 2px solid rgb(160,160,160);
  border-style: outset;
  background-color: rgb(240,240,240);
  padding: 4px;
  font-size: 90%;
}

table.calendar {
  border-collapse: collapse;
  margin-top: 4px;
}

table.calendar td {
  border: 1px solid rgb(100,100,100);
  text-align: center;
  padding: 1px 4px;
  font-weight: normal;
  background-color: rgb(200,200,200);
}

table.calendar td.day {
  background-color: rgb(255,255,240);
}

table.calendar td a {
  font-weight: bold;
  color: blue;
  text-decoration: none;
}

table.calendar td a:hover {
  text-decoration: underline;
}

td.mass_note {
  background-color: rgb(215,215,215);
}

ol.tc_letter, ol.tc_number {
  margin-top: 0;
  margin-bottom: 0;
}

ol.tc_letter {
  list-style-type: upper-alpha;
}

ol.tc_number {
  list-style-type: decimal;
}

table.report td {
  padding-right: 10px;
}

table.log {
  border-collapse: collapse;
}

table.log th {
  border-bottom: 2px solid black;
}

table.log td.heading {
  border-bottom: 1px solid silver;
  border-top: 3px double black;
}

table.log td.log_text {
  font-size: 10pt;
}

div.float_icon {
  float: left;
  margin: 2px;
  border: 1px solid rgb(240,240,240);
}

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

table.customer_quote td i {
  font-size: 80%;
}

table.customer_quote_list {
  font-size: 11px;
  border-collapse: collapse;
}

table.customer_quote_list tr.odd td { background-color: rgb(220,220,220); }
table.customer_quote_list tr.even td { background-color: rgb(245,245,245); }

.error { color: rgb(255,0,0); } /* Color of error text */
div.error div.error_array { padding-left: 16px; } /* Arrays within error_dump */

/* Quote followup lines */
div.quote_followup {
  text-indent: -20px;
  padding-left: 20px;
  border-top: 1px solid rgb(220,220,220);
  font-family: Arial, Helvetica, sans-serif;
  text-align: left;
}

table.quote_history {
  border-collapse: collapse;
  width: 100%;
}

table.quote_history td, table.quote_history th {
  border: 1px solid black;
}

table.quote_history th.divider {
  background-color: rgb(162,162,162);
}

table.quote_history th.header {
  font-size: 13px;
  background-color: rgb(220,220,220);
  text-align: center;
}

table.quote_history td {
 font-size: 13px;
}

/* Midmonth quote report form */
#midmonthReport {
  background-color: #DDD;
  border: 2px outset #666;
  padding: 4px;
}

#midmonthReport strong { color: red; }

/* Spreadsheet Tracking */
table.spreadsheet_tracking {
  width: 825px;
  border-color: rgb(246,246,246) !important;
  border-collapse: collapse;
}

/* General list headers */
table.spreadsheet_tracking th {
  padding: 1px 1px 0 1px;
  font-size: 9px;
  white-space: nowrap;
  text-align: center;
  background-color: rgb(246,246,246);
}

table.spreadsheet_tracking th.sorted {
  background-color: rgb(221,221,246);
}

/* General list cells */
table.spreadsheet_tracking td {
  padding: 4px;
  border-top: 1px solid;
  border-bottom: 1px solid;
  font-size: 11px;
  white-space: nowrap;
  text-align: center;
}

/* On printable pages, no background colors */
body.print table.spreadsheet_tracking th, body.print table.spreadsheet_tracking td {
  background-color: white !important;
  border-color: black !important;
  font-size: 10px !important;
  padding: 3px 2px;
}

/* Page link area for list elements and forum note */
table.spreadsheet_tracking div.pages, table.spreadsheet_tracking div.forum_note {
  font-size: 12px;
  padding-left: 10px;
}

/* Page links for list elements (no underline) */
table.spreadsheet_tracking div.pages a {
  text-decoration: none;
}

/* Parameters for paging code */
div.paging {
  text-align: center;
  font-size: 14px;
}

/* Individual page number links on page jump list */
a.page_button, div.paging b {
  padding: 0px 5px;
}

/* Background for various list rows */
table.spreadsheet_tracking tr.pending, th.pending { background-color: rgb(255,204,0); }
table.spreadsheet_tracking tr.transit, th.transit { background-color: rgb(153,204,255); }
table.spreadsheet_tracking tr.delivered, th.delivered { background-color: rgb(204,255,204); }

/* Background for various list rows when sorted */
table.spreadsheet_tracking tr.pending td.sorted { background-color: rgb(235,184,0); }
table.spreadsheet_tracking tr.transit td.sorted { background-color: rgb(133,184,235); }
table.spreadsheet_tracking tr.delivered td.sorted { background-color: rgb(184,235,184); }
