/* replaces main.css */

a {
  color: white;
  font-family: sans-serif;
}

body {
  background-color: #1155aa;
  color: white;
  font-family: Verdana, Arial, sans-serif;
  font-size: 100%;
}

.body {
  background-color: #1155aa;
  color: white;
  font-family: Verdana, Arial, sans-serif;
}

.label {
  text-align: right;
  padding: 0;
  padding-right: 3px;
}

.detail-header {
  font-size: larger;
}

.detail-view {
  font-weight: bold;
}

.highlight {
  color: red;
}

.error-label {
  text-align: right;
  color: red;
}

.warning {
  color: #ff9900;
}

.heading1 {
  font-size: 150%;
  color: white;
  font-family: Verdana, Arial, sans-serif;
}

.heading2 {
  font-size: larger;
  color: white;
  font-family: Verdana, Arial, sans-serif;
}

.note {
  color: white;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 100%;
}

.small-note {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 65%;
  color: white;
}

.system-note {
  border-style: inset; 
  padding: 5px; 
  border-color: yellow; 
  border-width: 2px;
  text-align:left;
  width:760px;
}

.bordered {
  border-width: 1;
  border-style: solid;
  border-color: black;          
}

.button {
  border-style: outset; 
  border-width: 2; 
  background-color: #f1e48d; 
  cursor: pointer;
  color: black;
  margin-top: 3px;
}

.section-heading {
  font-size: larger; 
  border-style: solid; 
  border-color: black; 
  padding-top: 10px;
  background-color: #003366;
}

.section-cell {
  padding-top: 10px;
}

.section-divider {
  background-color: #003366; 
  height: 2px;
  width: 100%;
  margin-bottom: 5px;
}

.tableDefault {
  border-width: 0;
  border-style: none;
  border-collapse: collapse;
}

.tableMain {
  width: 760;
  border-width: 0;
  border-style: none;
  border-collapse: collapse;
}

.tableSection {
  width: 100%; 
  margin-top: 10px; 
  border-width: 0;
  border-style: none;
  border-collapse: collapse;
  border-width: 1px; 
  border-style: solid; 
  border-color: black;
}

.spreadsheet {
  border-width: 1;
  border-style: solid;
  border-color: black;
}

.normal {
  cursor: auto;
}

.normal_hover {
  cursor: pointer;
}

.clearfloats {
  clear: both;
}

/* customer record styles */
/* div#customer-record>div { */
div#customer-record div#vertical-right-justify {
  width: 500px;
  margin-left: auto;
  margin-right: auto;
  border: 1px black solid;
}

div#customer-record div#vertical-right-justify div {
  width: 100%;
}

div#customer-record div.label {
}

div#customer-record * label {
  text-align: right;
  font-weight: bold;
  width: 250px;
  float: left;
}

div#customer-record div#vertical-right-justify div.value {
  text-align: left;
}

div.main-sec {
  width: 760px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}

img.framed {
  margin-top: 4px; 
  margin-bottom: 4px;
  border: 4px solid white; 
  border-bottom-width:6px;
}

/* navigation */
table#tab-table td {
  border: 0;
  border-collapse: collapse;
  padding: 0;
  margin: 0;
  width: 75px;
  height: 33px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
}

table#tab-table td img {
  border: none;
}

table#tab-table a {
  text-decoration: none;
}

.highlight {
    color: yellow;
}