rails_galm/public/stylesheets/3_layout.css

#container {
  width: 50em;
  margin: 0.5em auto;
  background-color: #fff;
  padding: 0.75em 1.5em;
  border: outset 1px;
}

.listing {
  width: 100%;
}

.listing th,
.listing td {
  font-size: 69%;
}

.listing tr:hover {
  background-color: #b4cfe7;
  cursor: pointer;
}

.listing th,
.listing td {
  border: 1px solid #fff;
  padding: 0.125em 0.375em;
}

.listing th {
  background-color: #ebe9e5;
}

.listing .number {
  width: 2em;
  text-align: right;
}

.listing .name {
  width: 6em; 
}

.listing .street {
  width: 12em;
}

.listing .city {
  width: 7em;
}

.listing .state {
  width: 1.5em;
}

.listing .zip {
  width: 3em;
}

.listing .date {
  width: 5em;
}

.listing .payrate {
  width: 2.5em;
}

#employee_data {
  width: 18em;
  float: left;
}

#employee_data fieldset {
  width: 16.25em;
}

#employee_data col {
  width: 1.625em;
}

#employee_firstname,
#employee_lastname {
  width: 9em;
}

#employee_street {
  width: 19em;
}

#employee_city {
  width: 13em;
}

#employee_state,
#employee_dl_state {
  width: 1.5em;
}

#employee_zip {
  width: 3.5em;
}

#employee_dob,
#employee_hired,
#employee_dl_expire {
  width: 6em;
  text-align: center;
}

#employee_phone,
#employee_ssn {
  width: 7em;
}

#employee_payrate {
  width: 3.5em;
  text-align: right;
}

#employee_tax_status,
#employee_dependents {
  width: 1.5em;
  text-align: center;
}

#employee_dl_number {
  width: 9em;
}

#employee_truck,
#employee_trailer {
  width: 5.5em;
}

#driver_loads {
  float: right;
}

#driver_loads fieldset {
  width: 30em;
  height: 32.125em;
}

#load_detail {
  float: left;
  width: 50%;
}

#load_detail fieldset,
#load_expense fieldset {
  width: 22.75em;
}

#load_detail col {
  width: 1.625em;
}

#load_number {
  width: 5em;
}

#load_hub_in,
#load_hub_out {
  width: 4em;
}

#load_start_date,
#load_end_date {
  width: 6em;
  text-align: left;
}