body {
  font: normal 15px/20px sans-serif;
  color: #444444;
  background: white url(/_/img/Bckgrd.gif) left top repeat; }

#page, #display-page {
  width: 900px;
  margin: 0 auto;
  position: relative; }

#display-page {
  background: white;
  padding: 25px;
  border: 1px solid #dddddd; }

.header {
  margin: 0 0 20px 0;
  padding: 1em 0 1em 146px;
  border-bottom: 6px double #888888;
  background: transparent url(/assets/img/sabc.gif) left center no-repeat; }

h1 {
  margin: 0;
  font-size: 26px; }

h2 {
  margin: 0;
  font-size: 16px; }

hr {
  margin: 20px 0; }

input {
  font: normal 15px/15px sans-serif;
  border: 1px solid #444444;
  border-color: #bbbbbb #aaaaaa #666666 #999999;
  border-width: 1px 1px 2px;
  padding: 3px;
  text-transform: uppercase;
  background-color: #f8f8f8;
  outline: none; }
  input:focus {
    background-color: #ffffdd; }
  input.error {
    background-color: #ffdddd;
    border-color: #eeaaaa #dd9999 #aa5555 #cc8888; }

div#errors {
  background: #ffdddd;
  padding: 0.5em 0;
  margin: 0.5em 0 1em; }
  div#errors p {
    margin: 0;
    text-align: center;
    font-weight: bold; }

form#login {
  padding: 6px 2.5%;
  background: white;
  float: left;
  width: 30%; }

div#claims-message p {
  text-align: center; }

form#reim {
  width: 100%;
  margin-top: 1.5em; }
  form#reim small {
    margin: 0; }
  form#reim table {
    width: 100%; }
    form#reim table.employee-data td.label {
      width: 30%; }
    form#reim table.expense-data {
      margin: 1em auto 0; }
      form#reim table.expense-data td.label {
        width: 44%; }
      form#reim table.expense-data td.input {
        width: 12%; }
      form#reim table.expense-data input {
        width: 5em; }
      form#reim table.expense-data td.hint {
        width: 44%;
        font-size: 10px;
        line-height: 11px; }
    form#reim table.upload-receipts td.label {
      width: 40%; }
    form#reim table.attachment-val {
      width: 70%;
      margin: 1em 14% 0; }
      form#reim table.attachment-val td.label {
        width: 15%; }
      form#reim table.attachment-val td.input {
        width: 1%; }
      form#reim table.attachment-val input {
        width: 1em; }
      form#reim table.attachment-val td.hint {
        width: 84%;
        font-size: 11px;
        line-height: 12px; }
    form#reim table.check-pickup {
      width: 70%;
      margin: 1em 14% 0; }
      form#reim table.check-pickup td.label {
        width: 30%; }
      form#reim table.check-pickup td.input {
        width: 1%; }
      form#reim table.check-pickup input {
        width: 1em; }
      form#reim table.check-pickup td.hint {
        width: 69%;
        font-size: 11px;
        line-height: 12px; }
  form#reim label {
    display: block;
    text-align: right;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: bold;
    line-height: 22px;
    margin-right: 4px; }
  form#reim tr.planyear {
    text-align: center; }
    form#reim tr.planyear td {
      padding-bottom: 8px; }
    form#reim tr.planyear label {
      display: inline; }
    form#reim tr.planyear input {
      width: 7em; }
  form#reim .attachment-directions {
    text-align: center; }
    form#reim .attachment-directions p, form#reim .attachment-directions h3 {
      margin: 0; }
  form#reim input#form_company_name, form#reim input#form_employee_name, form#reim input#form_employee_email {
    width: 60%; }
  form#reim input#form_employee_ssn {
    width: 25%; }
  form#reim input#form_employee_signature {
    width: 100%; }
  form#reim input#form_signed_date {
    width: 60%;
    text-align: center;
    border-color: transparent transparent #666666;
    background: transparent; }
  form#reim input#form_employee_phone_first3, form#reim input#form_employee_phone_mid3 {
    width: 2.5em;
    text-align: center; }
  form#reim input#form_employee_phone_last4 {
    width: 3em;
    text-align: center; }
  form#reim input#form_employee_phone_ext {
    width: 3.5em; }
  form#reim input.receipt {
    border: 0;
    background: transparent; }
  form#reim small.disclaimer, form#reim small.attachment-val {
    display: block;
    line-height: 1.1;
    margin: 2em 15% 1em; }
  form#reim a.drop-file {
    color: #ee6666;
    text-decoration: none;
    padding: 1px 0.3em; }
    form#reim a.drop-file:hover {
      background-color: #ee6666;
      color: white; }

div.buttons {
  text-align: center;
  margin: 20px 0; }

ul {
  list-style: none;
  padding-left: 0;
  margin-left: 0; }
  ul label {
    display: block;
    float: left;
    width: 7em;
    padding-top: 4px;
    margin-right: 0.6em;
    font-weight: bold; }

li {
  margin: 0.35em 0; }

#notice {
  border: 3px double #444444;
  margin: 13px 0 13px 36.5%;
  padding: 13px;
  margin-bottom: 6em; }

.footer {
  clear: both;
  padding-top: 1em;
  border-top: 2px solid #888888; }
  .footer li {
    float: left;
    width: 19%;
    margin: 0 0.5%;
    text-align: center; }

.clearfix {
  height: 1px;
  clear: both; }

#verisign {
  position: absolute;
  left: 0;
  top: 105%; }

#data {
  font-size: 15px; }
  #data h1, #data h2, #data h3 {
    text-align: center; }
  #data h1 {
    margin: 0; }
  #data h2 {
    margin: 0 0 1em; }
  #data table {
    width: 100%; }
    #data table.singleyear {
      width: 54%;
      margin: 0 23%; }
  #data ul {
    text-align: center;
    margin: 1.5em 0; }

td.spacer, th.spacer {
  width: 25px; }
td.currency, th.currency {
  text-align: right; }
td.checkno, td.date, th.checkno, th.date {
  text-align: center; }

#balances th, #balances td {
  text-align: right; }

#balances th, #checks th {
  padding-bottom: 2px;
  border-bottom: 1px solid #dddddd; }
#balances td, #checks td {
  padding-top: 3px; }

#balances-display small {
  display: block;
  text-align: center;
  margin: 2em 0; }

#errorpage {
  padding: 2em;
  margin: 4em 150px;
  border: 1px solid #666666;
  background: white; }
  #errorpage h2 {
    font-size: 85%;
    color: #888888;
    text-transform: uppercase;
    margin: 0; }
  #errorpage h1 {
    margin-top: 0; }