body {
    margin: 0;
    margin-bottom: 15px;
  }
  body, div, h1, h2, input, textarea, select, a { font-family: arial; font-size: 9pt; }

  ul {
    margin: 0;
    padding: 0;
  }

  td, th { font-family: arial; font-size: 9pt; text-align: left; }

  .odd td, td.odd {
    background: #e6e6e6;
  }
  .even td, td.even {
    background: #fff;
  }

  input, select, textarea {
    border: 1px solid #000;
    padding-left: 3px;
    padding-right: 3px;
    background-color: #fff;
  }
  textarea {
    padding-right: 0;
  }
  select {
    padding-right: 0;
  }

  form { margin: 0; padding: 0; }

  h1, h2 {
    display: inline;
    margin: 0; padding: 0;
    font-size: 1.5em;
    font-weight: normal;
    letter-spacing: 1px;
  }
  h2 {
    font-size: 1.2em;
    font-weight: bold;
    border-bottom: 1px solid #eb332e;
  }
  h2.talkgroup {
    border: none;
    font-size: .9em;
    margin-left: 15px;
    font-weight: normal;
    font-family: courier new;
    padding-top: 1px;
  }

  a {
    color: #000;
    text-decoration: none;
    border-bottom: 1px solid #000;
  }
  a:hover {
    border-color: #eb332e;
  }

  #head {
    width: 800px;
    height: 60px;
    display: table;
    background: url('./head.png') repeat-x;
  }
  #head #top {
    position: absolute;
    top: 0;
    left: 0;
    width: 318px;
    height: 60px;
    background: url('./top.png') no-repeat;
    z-index: 0;
  }
  #head #top #logo {
    width: 143px;
    height: 28px;
    margin-top: 25px;
    margin-left: 20px;
    background: url('./logo.png') no-repeat;
  }
  #head #top #logo.print {
    margin-top: 16px;
  }
  #head #menu {
    position: absolute;
    left: 0;
    height: 25px;
    width: 722px;
  }
  #head #menu ul {
    float: right;
    height: 25px;
    list-style: none;
    padding: 0;
    margin-top: 4px;
  }
  #head #menu li {
    float: left;
    list-style: none;
    padding-left: 10px;
    padding-right: 10px;
    border-left: 1px solid #fff;
    *padding-bottom: 3px;
  }
  #head #menu li.first {
    border-left: none;
  }
  #head #menu li.last {
    padding-right: 0;
  }
  #head #menu li a {
    color: #fff;
  }
  #head #menu li a:hover {
    border-bottom: 1px solid #eb332e;
  }
  #head #menu li.current a {
    font-weight: bold;
  }
  #head #account {
    position: absolute;
    top: 0px;
    left: 0px;
    padding-top: 2px;
    padding-left: 20px;
    color: #fff;
    height: 25px;
    z-index: 50;
  }
  #head #account strong {
    border-bottom: 1px solid #eb332e;
  }
  .corner {
    float: right;
    clear: right;
    width: 78px;
    height: 25px;
    background: url('./corner.gif') no-repeat;
    background-color: #fff;
  }
  #foot {
    clear: both;
    width: 800px;
    display: table;
    background: url('./head.png') repeat-x;
    color: #fff;
  }
  #foot #info {
    float: left;
    padding-left: 5px;
    padding-top: 5px;
    font-size: 8pt;
    margin-right: 20px;
  }
  #foot #execution {
    float: right;
    padding-top: 6px;
    font-size: 7pt;
    text-align: center;
  }

  #title {
    width: 800px;
    clear: both;
    display: table;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-bottom: 6px;
    text-align: right;
  }
  #title h1 {
    display: inline;
    border-bottom: 2px solid #eb332e;
    margin-right: 78px;
  }

  #body {
    clear: right;
    width: 800px;
    display: table;
    border-top: 1px dotted #000;
    border-bottom: 1px dotted #000;
    height: 250px;
  }

  #airtime-search {
    clear: both;
    width: 100%;
    height: 60px;
    background-color: #e9e7e3;
    border: 1px dotted #000;
    border-top: none;
    display: table;
  }
  #airtime-search .name {
    padding-left: 3px;
    _padding-bottom: 4px; /* ie hack -- underscore */
  }
  #airtime-search .name span {
    border-bottom: 1px solid #eb332e;
    font-weight: bold;
  }
  #airtime-search #keyword {
    float: left;
    width: 38%;
  }
  #airtime-search #keyword div {
    height: 30px;
  }
  #airtime-search #keyword .name {
    margin-left: 5%;
    margin-right: 5%;
    height: 20px;
    padding-top: 10px;
  }
  #airtime-search #keyword .input {
    padding-left: 5%;
    padding-right: 5%;
  }
  #airtime-search #keyword .input input {
    width: 100%;
  }
  #airtime-search #hsid {
    float: left;
    width: 20%;
  }
  #airtime-search #date-year {
    float: left;
    width: 13%;
  }
  #airtime-search #date-month {
    float: left;
    width: 18%;
  }
  #airtime-search #hsid div, #airtime-search #date-month div, #airtime-search #date-year div {
    height: 30px;
    margin-left: 10%;
    margin-right: 10%;
  }
  #airtime-search #hsid .name, #airtime-search #date-month .name, #airtime-search #date-year .name {
    height: 20px;
    padding-top: 10px;
  }
  #airtime-search #hsid select, #airtime-search #date-month select, #airtime-search #date-year select {
    width: 100%;
  }
  #airtime-search #submit {
    float: left;
    width: 10%;
  }
  #airtime-search #submit div {
    padding-top: 20px;
    margin-left: 5%;
    margin-right: 5%;
    text-align: center;
  }
  #airtime-search #submit .input input {
    background: transparent;
    padding-left: 5px;
    padding-right: 5px;
  }

  #airtime table {
    clear: both;
    width: 100%;
  }
  #airtime #totals {
    height: 20px;
  }
  #airtime #totals td {
    border-top: 1px dotted #000;
    padding-right: 10px;
    text-align: right;
    font-size: 8pt;
  }
  #airtime .no-results td {
    font-style: italic;
  }
  #airtime .name td,
  #airtime .no-results td {
    clear: both;
    height: 25px;
    padding-left: 10px;
    padding-right: 10px;
    border-top: 1px dotted #000;
    border-bottom: 1px dotted #000;
  }
  #airtime .name td h2 {
    float: left;
  }
  #airtime .name .airtime {
    font-size: 8pt;
    padding-top: 2px;
    float: right;
  }
  #airtime .data td {
    padding-left: 30px;
    padding-right: 30px;
  }
  #airtime .data td table,
  #airtime .data td .no-results {
    margin-top: 5px;
    margin-bottom: 5px;
    width: 100%;
  }
  #airtime .data .no-results {
    font-style: italic;
  }
  #airtime .data td table th {
    border-bottom: 1px solid #e9e7e3;
    padding-left: 10px;
    padding-bottom: 2px;
  }
  #airtime .data td table td {
    height: 20px;
    border: none;
    padding-left: 10px;
  }
  #airtime .data td table tr.totals th, #airtime .data td table tr.totals td {
    border-top: 1px solid #e9e7e3;
  }
  #airtime .data td table tr.totals th {
    font-weight: normal;
    font-style: italic;
    border-bottom: none;
  }
  #airtime .data td table td.talkgroup, #airtime .data td table td.serialno {
    font-family: courier new;
  }
  #airtime .data td table td.talkgroup { width: 20%; }
  #airtime .data td table td.serialno { width: 20%; }
  #airtime .data td table td.airtime { width: 20%; }
  #airtime .data td table td.overage { width: 20%; }
  #airtime .data td table td.charge { width: 20%; }

  /***************
   * call logs
   ***************/
  #call-form {
    clear: both;
    width: 100%;
    background-color: #e9e7e3;
    border: 1px dotted #000;
    border-top: none;
    display: table;
    padding-top: 5px;
  }
  #call-form #call-notice {
    padding-left: 30px;
    padding-top: 15px;
    padding-bottom: 20px;
    border-bottom: 1px dotted #000;
    margin-bottom: 5px;
  }
  #call-form .name span {
    border-bottom: 1px solid #eb332e;
    font-weight: bold;
  }
  #call-form div.row {
    margin-bottom: 10px;
    display: table;
    width: 100%;
    clear: both;
  }
  #call-form .row #call-name,
  #call-form .row #call-address,
  #call-form .row #call-problem,
  #call-form .row #call-duration,
  #call-form .row #call-type {
    float: left;
    width: 40%;
    margin-left: 50px;
  }
  #call-form .row #call-phone,
  #call-form .row #call-email,
  #call-form .row #call-solution,
  #call-form .row #call-submit,
  #call-form .row #call-category {
    float: left;
    width: 40%;
    margin-left: 60px;
  }
  #call-form .row #call-category .group,
  #call-search .group {
    background-color: #e9e7e3;
    font-weight: bold;
    border-top: 1px dotted #000;
    border-bottom: 1px dotted #000;
  }
  #call-submit {
    text-align: center;
  }
  #call-submit input {
    margin-top: 20px;
    background: transparent;
  }
  #call-form .row .name {
    padding-bottom: 5px;
    padding-left: 2px;
  }
  #call-form .row .name em,
  #call-form #call-notice em {
    color: #ff0000;
    font-size: 8pt;
  }
  #call-form .row .input input {
    width: 100%;
  }
  #call-form .row .input textarea {
    width: 100%;
    height: 75px;
  }
  #call-form .row .input select {
    width: 100%;
  }

  #call-search {
    clear: both;
    width: 100%;
    height: 60px;
    background-color: #e9e7e3;
    border: 1px dotted #000;
    border-top: none;
    display: table;
  }
  #call-search .name span {
    border-bottom: 1px solid #eb332e;
    font-weight: bold;
  }
  #call-search #call-search-phone,
  #call-search #call-search-name {
    float: left;
    width: 15%;
    margin-left: 20px;
  }
  #call-search #call-search-category {
    float: left;
    width: 20%;
    margin-left: 20px;
  }
  #call-search #call-search-year,
  #call-search #call-search-month {
    float: left;
    width: 12%;
    margin-left: 20px;
  }
  #call-search input,
  #call-search select {
    width: 100%;
  }
  #call-search #call-search-phone .name, 
  #call-search #call-search-name .name, 
  #call-search #call-search-category .name,
  #call-search #call-search-year .name, 
  #call-search #call-search-month .name {
    padding-left: 1px;
    padding-top: 8px;
    padding-bottom: 5px;
  }
  #call-search #call-search-category select,
  #call-search #call-search-year select,
  #call-search #call-search-month select {
    width: 100%;
  }
  #call-search #call-search-submit {
    text-align: center;
    float: right;
    width: 12%;
  }
  #call-search #call-search-submit input {
    width: auto;
    margin-top: 20px;
    background: transparent;
  }

  #call-log {
    clear: both;
    width: 100%;
  }
  #call-log #call-weeks {
    clear: both;
    width: 100%;
    list-style: none;
  }
  #call-log #call-weeks li {
    float: right;
    display: block;
  }
  #call-log table {
    clear: both;
    width: 100%;
  }

  #call-log .summary td {
    clear: both;
    height: 30px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    border-top: 1px dotted #000;
  }
  #call-log .call td {
    border-top: 1px dotted #000;
    padding-top: 5px;
    padding-bottom: 10px;
  }
  #call-log .call h2 {
    clear: both;
    margin-left: 20px;
  }
  #call-log .call h3 {
    position: relative;
    top: -1px;
    padding-left: 5px;
    font-size: .75em;
    display: inline;
  }
  #call-log .call .row {
    margin-top: 5px;
    margin-left: 25px;
    margin-right: 25px;
    display: table;
    width: 100%;
    clear: both;
  }
  #call-log .call .row .name,
  #call-log .call .row .category,
  #call-log .call .row .problem {
    margin-left: 2.5%;
    float: left;
    width: 45%;
  }
  #call-log .call .row .phone,
  #call-log .call .row .date,
  #call-log .call .row .solution {
    margin-left: 2.5%;
    float: left;
    width: 45%;
  }


  #call-log #totals {
    height: 20px;
  }
  #call-log #totals td {
    border-top: 1px dotted #000;
    padding-right: 10px;
    text-align: right;
    font-size: 8pt;
  }
  #call-log .week td {
    clear: both;
    height: 30px;
    padding-left: 10px;
    padding-right: 10px;
    border-top: 1px dotted #000;
  }
  #call-log .week td .week {
    float: left;
    padding-bottom: 1px;
  }
  #call-log .week td .summary {
    font-size: 9pt;
    padding-top: 1px;
    float: right;
  }
  #call-log .day td {
    clear: both;
    height: 25px;
    padding-left: 25px;
    padding-right: 10px;
    border-top: 1px dotted #000;
    border-bottom: 1px dotted #000;
  }
  #call-log .day td h2 {
    float: left;
  }
  #call-log .day .summary {
    font-size: 8pt;
    padding-top: 2px;
    float: right;
  }
  #call-log .data td {
    padding-left: 30px;
    padding-right: 30px;
  }
  #call-log .data td table {
    margin-top: 5px;
    margin-bottom: 5px;
    width: 100%;
  }
  #call-log .data td table th {
    border-bottom: 1px solid #e9e7e3;
    padding-left: 10px;
    padding-bottom: 2px;
  }
  #call-log .data td table td {
    height: 20px;
    border: none;
    padding-left: 10px;
  }
  #call-log .data td table tr.totals th, #call-log .data td table tr.totals td {
    border-top: 1px solid #e9e7e3;
  }
  #call-log .data td table tr.totals th {
    font-weight: normal;
    font-style: italic;
    border-bottom: none;
  }
  #call-log .data td table td.phone {
    font-family: courier new;
  }
  #call-log .data td table td.name { width: 200px !important; width: 150px; }
  #call-log .data td table td.phone { width: 75px !important; width: 150px; }
  #call-log .data td table td.category { width: 200px !important; width: 175px; }
  #call-log .data td table td.type { padding: 0; width: 100px !important; width: 75px; }
  #call-log .data td table td.duration { width: 25px !important; width: 50px; }
  #call-log .data td table td.time { width: 65px !important; }

  #calendar-search {
    clear: both;
    width: 100%;
    height: 60px;
    background-color: #e9e7e3;
    border: 1px dotted #000;
    border-top: none;
    display: table;
  }
  #calendar-search .name span {
    border-bottom: 1px solid #eb332e;
    font-weight: bold;
  }
  #calendar-search #calendar-search-type {
    float: left;
    width: 20%;
    margin-left: 20px;
  }
  #calendar-search #calendar-search-name {
    float: left;
    width: 20%;
    margin-left: 20px;
  }
  #calendar-search #calendar-search-subject {
    float: left;
    width: 30%;
    margin-left: 20px;
  }
  #calendar-search #calendar-search-year,
  #calendar-search #calendar-search-month,
  #calendar-search #calendar-search-day {
    float: left;
    width: 10%;
    margin-left: 20px;
  }
  #calendar-search #calendar-search-month {
    width: 13%;
  }
  #calendar-search #calendar-search-day {
    width: 7%;
  }
  #calendar-search #calendar-search-type .name,
  #calendar-search #calendar-search-subject .name,
  #calendar-search #calendar-search-name .name, 
  #calendar-search #calendar-search-year .name, 
  #calendar-search #calendar-search-month .name,
  #calendar-search #calendar-search-day .name {
    padding-left: 1px;
    padding-top: 8px;
    padding-bottom: 5px;
  } 
  #calendar-search select,
  #calendar-search #calendar-search-subject input {
    width: 100%;
  }
  #calendar-search option.group {
    background-repeat: no-repeat;
    background-color: #e9e7e3;
    font-weight: bold;
    border-top: 1px dotted #000;
    border-bottom: 1px dotted #000;
    background-position: 0 -16px;
  }
  #calendar-search option.group_administrators {
    background-image: url('./group_administrators.png');
  }
  #calendar-search option.group_rentals {
    background-image: url('./group_rentals.png');
  }
  #calendar-search option.group_field {
    background-image: url('./group_field.png');
  }
  #calendar-search option.group_shop {
    background-image: url('./group_shop.png');
  }
  #calendar-search #calendar-search-submit {
    text-align: center;
    float: right;
    width: 12%;
  }
  #calendar-search #calendar-search-submit input {
    margin-top: 20px;
    background: transparent;
  }

  #calendar table {
    clear: both;
    width: 750px;
    margin-left: 25px;
    border: 1px dotted #000;
    border-bottom: none;
    margin-bottom: 20px;
  }
  #calendar table.searching {
    border: none;
  }
  #calendar table.searching li {
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 1px dotted #000;
  }
  #calendar table tr td {
    width: 25%;
    border-left: 1px dotted #000;
  }
  #calendar table tr td.first {
    border-left: none;
  }
  #calendar table tr td .day {
    clear: both;
    height: 20px;
    background-color: #e9e7e3;
    border-bottom: 1px dotted #000;
    width: 100%;
  }
  #calendar table tr td .day h2 {
    float: left;
    margin-top: 2px;
    margin-left: 5px;
    font-size: .9em;
  }
  #calendar table tr td .day span.today {
    float: left;
    margin-top: 2px;
    margin-left: 5px;
    font-size: .8em;
  }
  #calendar table tr td span.details {
    float: right;
    margin-top: 2px !important;
    padding-top: 0 !important;
    padding-top: 1px;
    margin-right: 5px;
    font-size: .8em;
  }
  #calendar table tr td span.details a {
    font-size: 1.0em;
  }
  #calendar table tr td .events {
    clear: both;
    min-height: 50px !important;
    display: table;
    height: 50px;
    border-bottom: 1px dotted #000;
    padding: 5px 5px 5px 5px;
    width: 100%;
  }
  #calendar .events div.today {
    float: left;
    width: 45%;
    padding-left: 5px;
  }
  #calendar .events ul {
    clear: left;
    float: left;
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
  }
  #calendar .events ul li {
    margin-bottom: 3px;
  }
  #calendar .events ul.today {
    width: 50%;
  }
  #calendar .events ul .event a {
    background: url('./events.png') no-repeat;
    padding-bottom: 1px;
    padding-left: 20px;
    height: 16px;
    border: none;
  }
  #calendar .events ul .event a:hover {
    font-weight: bold;
    background-position: 0 -16px;
  }
  #calendar .events ul .event div {
    padding-left: 20px;
    font-size: 7.5pt;
  }
  #calendar .events ul .none {
    font-size: 10px;
    font-style: italic;
  }
  #calendar .events ul .count {
    margin-bottom: 10px;
    border-bottom: none;
  }
  #calendar .events ul .slast {
    border-bottom: none;
  }
  #calendar .events ul .count strong {
    border-bottom: 1px solid #eb332e;
  }
  #calendar .events ul .group_field a {
    background: url('./group_field.png') no-repeat;
    padding-bottom: 1px;
    padding-left: 20px;
    height: 16px;
    border: none;
  }
  #calendar .events ul .group_field a:hover {
    font-weight: bold;
    background-position: 0 -16px;
  }
  #calendar .events ul .group_shop a {
    background: url('./group_shop.png') no-repeat;
    padding-bottom: 1px;
    padding-left: 20px;
    height: 16px;
    border: none;
  }
  #calendar .events ul .group_shop a:hover {
    font-weight: bold;
    background-position: 0 -16px;
  }
  #calendar .events ul .group_rentals a {
    background: url('./group_rentals.png') no-repeat;
    padding-bottom: 1px;
    padding-left: 20px;
    height: 16px;
    border: none;
  }
  #calendar .events ul .group_rentals a:hover {
    font-weight: bold;
    background-position: 0 -16px;
  }
  #calendar .events ul .group_administrators a {
    background: url('./group_administrators.png') no-repeat;
    padding-bottom: 1px;
    padding-left: 20px;
    height: 16px;
    border: none;
  }
  #calendar .events ul .group_administrators a:hover {
    font-weight: bold;
    background-position: 0 -16px;
  }
  #calendar .events ul li span {
    font-size: 10px;
  }
  #calendar .events ul li span a {
    font-size: 10px;
  }
  #calendar-add {
    clear: both;
    width: 100%;
    height: 60px;
    background-color: #e9e7e3;
    border: 1px dotted #000;
    border-top: none;
    display: table;
  }
  #calendar-add #calendar-notice {
    padding-left: 30px;
    padding-top: 15px;
    padding-bottom: 20px;
    border-bottom: 1px dotted #000;
    margin-bottom: 5px;
  }
  #calendar-add .name span {
    border-bottom: 1px solid #eb332e;
    font-weight: bold;
  }
  #calendar-add .name em {
    color: #ff0000;
    font-size: 8pt;
  }
  #calendar-add #calendar-add-subject, 
  #calendar-add #calendar-add-details {
    float: left;
    width: 27%;
    margin-left: 20px;
  }
  #calendar-add #calendar-add-time, 
  #calendar-add #calendar-add-length {
    float: left;
    width: 10%;
    margin-left: 20px;
  }
  #calendar-add #calendar-add-subject .name, 
  #calendar-add #calendar-add-details .name, 
  #calendar-add #calendar-add-time .name,
  #calendar-add #calendar-add-length .name {
    padding-left: 1px;
    padding-top: 7px;
    padding-bottom: 5px;
  } 
  #calendar-add #calendar-add-details .name {
    padding-bottom: 4px;
  }
  #calendar-add select,
  #calendar-add input,
  #calendar-add textarea {
    width: 100%;
  }
  #calendar-add textarea {
    height: 50px;
    margin-bottom: 8px;
  }
  #calendar-add #calendar-add-submit {
    float: right;
    width: 9%;
    margin-right: 20px;
    margin-top: 25px;
  }
  #calendar-add #calendar-add-submit input {
    width: 100%;
    background: transparent;
  }

  #calendar-info {

  }
  #calendar-info .time-row {
    clear: both;
    width: 680px;
    border-bottom: 1px dotted #000;
    margin-left: 50px;
    margin-right: 50px;
    display: table;
    background-color: transparent !important;
    background-color: #eb332e;
  }
  #calendar-info .time-row .time {
    float: left;
    display: block;
    padding-top: 5px;
    display: table-cell;
    padding-bottom: 5px;
    margin-bottom: 5px;
    width: 80px;
    height: 100%;
    text-align: center;
    background-color: #fff;
  }
  #calendar-info .time-row .time h2 {
    font-size: 1em;
    border: none;
  }
  #calendar-info .time-row .taken {
    background: #eb332e;
  }
  #calendar-info .time-row .taken h2 {
    color: #fff;
  }
  #calendar-info .taken {
    border-bottom: none;
  }
  #calendar-info .time-row .details {
    float: left;
    display: table-cell;
    height: 100%;
    border-left: 1px dotted #000;
    padding: 5px;
    width: 575px !important;
    width: 600px;
    background-color: transparent !important;
    background-color: #fff;
    text-align: justify;
  }
  #calendar-info .time-row .details .info-header {
    margin-bottom: 10px;
  }
  #calendar-info .time-row .details .remove {
    margin-left: 20px;
    display: inline;
    font-size: 7pt;
  }
  #calendar-info .time-row .details .remove a {
    font-size: 7pt;
    border: none;
  }
  #calendar-info .time-row .details .remove a:hover {
    color: #eb332e;
  }
  #calendar-info .time-row .details em {
    font-size: .8em;
  }
  #calendar-info .time-row .details em.date {
    margin-left: 20px;
  }
  #calendar-info .time-row .details em strong {
    font-size: 1.10em;
  }
  #calendar-info .time-row .details .length {
    padding-top: 10px;
  }
  #calendar-info .first {
    border-top: 1px dotted #000;
  }
  #calendar-info .last {
    margin-bottom: 15px;
  }

  /****************
   * settings
   ****************/
  #settings {
    clear: both;
    width: 100%;
    background-color: #e9e7e3;
    border: 1px dotted #000;
    border-top: none;
    border-bottom: none;
    display: table;
    padding-top: 5px;
    height: 250px;
  }
  #settings #setting-notice {
    padding-left: 30px;
    padding-top: 15px;
    padding-bottom: 20px;
    border-bottom: 1px dotted #000;
    margin-bottom: 5px;
  }
  #settings .name span {
    border-bottom: 1px solid #eb332e;
    font-weight: bold;
  }
  #settings div.row {
    margin-bottom: 10px;
    display: table;
    width: 100%;
    clear: both;
  }
  #settings .row #setting-password {
    float: left;
    width: 25%;
    margin-left: 50px;
  }
  #settings .row #setting-username,
  #settings .row #setting-fullname,
  #settings .row #setting-lastlogin {
    float: left;
    width: 40%;
    margin-left: 50px;
  }
  #settings .row #setting-group,
  #settings .row #setting-email,
  #settings .row #setting-passwordb,
  #settings .row #setting-joindate {
    float: left;
    width: 40%;
    margin-left: 60px;
  }
  #settings .row #setting-submit {
    float; left;
    width: 80%;
    margin-left: 60px;
  }
  #settings-submit {
    text-align: center;
  }
  #settings-submit input {
    margin-top: 20px;
    background: transparent;
  }
  #settings .row .name {
    padding-bottom: 5px;
    padding-left: 2px;
  }
  #settings .row .name em,
  #settings #setting-notice em {
    color: #ff0000;
    font-size: 8pt;
  }
  #settings .row .input input {
    width: 100%;
  }
  #settings .row .input textarea {
    width: 100%;
    height: 75px;
  }
  #settings .row .input select {
    width: 100%;
  }

  #body h2.title {
    clear: both;
    width: 100%;
    margin-left: 30px;
    padding-top: 5px;
    padding-bottom: 3px;
    margin-bottom: 15px;
    letter-spacing: 0;
    display: block;
    border-bottom: 0;
  }
  #body h2.title span {
    border-bottom: 1px solid #eb332e;
  }
  #body #date {
    float: left;
    _padding-bottom: 1px;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 10px;
    letter-spacing: 1px;
  }
  #date div {
    clear: both;
    float: left;
    margin-top: 5px;
    margin-left: 25px;
    line-height: 18px;
  }
  #body #date-printed {
    float: right;
    _padding-bottom: 1px;
    margin-top: 18px;
    font-size: 7pt;
  }
  #body #date-printed strong {
    font-weight: normal;
  }
  #body #options {
    width: 150px;
    float: right;
    margin-top: 15px;
  }
  #body #options ul {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  #body #options ul #print a {
    background: url('./printable.png') no-repeat;
    padding-bottom: 1px;
    padding-left: 20px;
    height: 16px;
    border: none;
  }
  #body #options ul #print a:hover {
    font-weight: bold;
    background-position: 0 -16px;
  }
  #body #notice {
    clear: both;
    margin-bottom: 15px;
    margin-left: 10px;
  }
  #notice div {
    margin-left: 42px;
  }
  #body #date strong, #body #date-printed strong, #body #notice strong {
    border-bottom: 1px solid #eb332e;
  }

  #container-login {
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 20%;
  }
  #container-login #login {
    clear: both;
    width: 500px;
    background-color: #e9e7e3;
    border: 1px dotted #000;
    display: table;
    padding-bottom: 10px;
  }
  #login .row {
    clear: both;
    width: 100%;
    margin-bottom: 5px;
  }
  #login #login-notice {
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 50px;
    margin-right: 50px;
  }
  #login #login-notice a {
    border-bottom: 1px solid #000;
  }
  #login #login-notice a:hover {
    border-color: #eb332e;
  }
  #login #login-notice strong {
    border: 0;
  }
  #login .row-submit {
    clear: both;
    text-align: center;
    padding-top: 10px;
  }
  #login .row-submit input {
    background: transparent;
  }
  #login .row,
  #login .row-checkbox {
    clear: both;
    width: 250px;
    margin-left: 25%;
  }
  #login .row .name,
  #login .row .input {
    width: 100%;
  }
  #login .row .name {
    padding-bottom: 5px;
    padding-left: 1px;
  }
  #login .row .name span,
  #login .row-checkbox .name span {
    font-weight: bold;
    border-bottom: 1px solid #eb332e;
  }
  #login .row .name em,
  #login #login-notice em {
    color: #ff0000;
    font-size: 8pt;
  }
  #login .row .input input {
    width: 100%;
  }
  #login .row-checkbox .name {
    float: left;
    padding-bottom: 2px;
  }
  #login .row-checkbox .input {
    float: right;
  }
  #login .row-checkbox .input input {
    border: none;
    background: transparent;
  }
  #login .forgot-account {
    border-top: 1px dotted #000;
    padding-top: 5px;
    margin-top: 10px;
    text-align: center;
  }

  #reset {
    margin-top: 30px;
    margin-bottom: 30px;
    margin-left: 150px;
    margin-right: 150px;
    width: 500px;
    background-color: #e9e7e3;
    border: 1px dotted #000;
    text-align: justify;
  }
  #reset .row {
    clear: both;
    width: 100%;
    display: table;
  }
  #reset .radio .inputr {
    float: left;
    width: 10%;
    margin-left: 40px;
  }
  #reset .radio .value {
    float: left;
    margin-left: 0px;
    width: 70%;
  }
  #reset .radio {
    padding-top: 10px;
  }
  #reset .last  {
    padding-bottom: 10px;
    border-bottom: 1px dotted #000;
  }
  #reset .radio input {
    border: none;
    background: transparent;
  }
  #reset #reset-forms {
    clear: both;
  }
  #reset .submit {
    border-top: 1px dotted #000;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
  }
  #reset .submit input {
    background-color: transparent;
  }
  #reset .row .name,
  #reset .row .input {
    width: 75%;
    margin-left: 12.5%
  }
  #reset .row .name {
    margin-top: 10px;
    padding-bottom: 5px;
    padding-left: 1px;
  }
  #reset .row .name span {
    font-weight: bold;
    border-bottom: 1px solid #eb332e;
  }
  #reset .row .name em {
    color: #ff0000;
    font-size: 8pt;
  }
  #reset .row .input {
    margin-bottom: 5px;
  }
  #reset .row .input input {
    width: 100%;
  }
  #reset .descript {
    font-size: .9em;
    margin-left: 12.5%;
    width: 75%;
    margin-bottom: 10px;
  }
  #reset .completed {
    margin: 10px;
    min-height: 75px;
    height: auto !important;
    height: 75px;
  }

  #container-error {
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 12.5%;
  }
  #container-error #error-info {
    clear: both;
    width: 600px;
    background-color: #e9e7e3;
    border: 1px dotted #000;
    display: table;
    padding-top: 20px;
    padding-bottom: 30px;
    padding-left: 20px;
  }
  #error-info #error-desc {
    padding-top: 20px;
    padding-bottom: 20px;
    text-indent: 25px;
  }

  #welcome {
    width: 760px !important;
    width: 800px;
    padding-left: 20px;
    padding-right: 20px;
    background-color: #e9e7e3;
    border: 1px dotted #000;
    border-top: none;
    padding-bottom: 10px;
    text-align: justify;
  }
  #welcome h2 {
    display: table !important;
    display: block;
    margin-top: 10px;
    margin-bottom: 8px;
  }
  #messages {
    width: 760px !important;
    width: 800px;
    padding: 8px 20px 0 20px;
    background-color: #e9e7e3;
    border: 1px dotted #000;
    border-top: none;
    padding-bottom: 10px;
    text-align: justify;
    font-weight: bold;
  }
  #messages img {
    position: relative;
    top: 2px;
    left: -5px;
  }