body {
    font-family: sans-serif, helvetica, arial;
}

.menu {
    float: right;
}

.volunteers {
    /*table-layout: fixed;*/
    border-collapse: collapse;
    border: solid 1px #000000;
}

/* add a border to the top of each row */
.volunteers tr {
    border-top: solid 1px #aaaaaa;
    font-size: 9pt;
}

/* turn off the top border for the secondary rows in a person record */
.volunteers  tr.comments {
    border-top: none;
}

.volunteers tr.header {
    border-top: solid 1px #000000;
    vertical-align: top;
    background-color: #4c7193;
    color: #ffffff;
}

.volunteers tr:hover.header {
    background-color: #4c7193;
    color: #ffffff;
}

.volunteers tr {
    padding-left: 3px;
    margin-left: 3px;
}

.person0 {
    background-color: #ffffff;
}

.person1 {
    /*background-color: #ededed;*/
    /*background-color: #c8d6ef;*/
    background-color: #D5E4FF;
}

.volunteers tbody:hover {
     background-color: #a7cff0;
}

.volunteers tr:hover {
     background-color: #a7cff0;
}

.note {
    /* border-top: solid 1px #555555; */
}

.action {
    font-size: 8pt;
}

.checkbox {
    border: 1px;
    border-color: #000000;
}

.compose {
    background-color: #ededed;
    padding-right: 30px;
    padding-bottom: 30px;
}

.compose th {
    vertical-align: top;
    text-align: right;
}

.popup {
  border: 1px solid #000000;
  width: 300px;
  text-align: center;
}

.details {
    border-left: solid 1px #000000;
    border-top: solid 1px #000000;
    border-spacing: 0;
}

.details tr {
    font-size: 10pt;
}

.details td {
    border-right: solid 1px #000000;
    border-bottom: solid 1px #000000;
    padding-left: 5px;
    padding-right: 15px;
    background-color: #ffffff;
}

.details th {
    border-right: solid 1px #000000;
    border-bottom: solid 1px #000000;
    background-color: #4c7193;
    color: #ffffff;
    vertical-align: top;
    padding-left: 5px;
    padding-right: 5px;
}

.invoice {
    border: solid 1px #000000;
    border-spacing: 0;
}

.invoice tr {
    font-size: 10pt;
}

.invoice td {
    /* border-right: solid 1px #000000; */
    /* border-bottom: solid 1px #000000; */
    padding-left: 5px;
    padding-right: 15px;
    background-color: #ffffff;
}

.invoice th {
    /* border-right: solid 1px #000000; */
    /* border-bottom: solid 1px #000000; */
    padding-left: 5px;
    padding-right: 15px;
    background-color: #4c7193;
    color: #ffffff;
    vertical-align: top;
}

#schedule {
    white-space: nowrap;
}