#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; }