BODY{
    background-color: #EEF;
    font-family:  Verdana, Geneva, sans-serif;
    line-height: 1.5;
}

H1{
    text-align: center;
    font-size: 16pt;
}
H2{
    text-align: center;
    font-size: 12pt;
}

.TabPanel{      /* Give a pretty surround */
    margin-left: 4px;
    margin-right: 4px;
}

TABLE{
    border-collapse: collapse;      /* Needed to enable row borders to display */
}

.bookTable{
    width: 100%;
    margin-left: 4px;
    margin-right: 4px;
}

.bookTable > TR{
    vertical-align: top;
    border-top: 2px solid #DDD; /* Light grey */
}


.bookTable > TR:first-child{
    border-top: none;
}


.meetingsTable{
    width: 100%;
    margin-left: 4px;
    margin-right: 4px;
}

.meetingsTable > TR{
    vertical-align: top;
    border-top: 2px solid #DDD; /* Light grey */
}


.meetingsTable > TR:first-child{
    border-top: none;
}

.meetingsTable .month{
    width: 4em;
}

.meetingsTable .dayOfMonth{
    width: 2em;
}

.meetingsTable .dayOfWeek{
    width: 4em;
}

.meetingsTable .hostXX{
    width: 16em;
}




.bookTable .title{
    font-weight: bold;
    white-space: nowrap;
}

.author{
    font-style: italic;
}

.reviewTableContainer{
    border-left: 2px solid  #DDD;
}

.reviewsTable{
    width: 100%;
}

.reviewsTable > TR{
    vertical-align: top;
    border-top: 2px dashed  #DDD;
}

.reviewsTable > TR:first-child{
    border-top: none;
}

.reviewsTable TD{
   /* border-top: 1px solid green; */
    border-bottom: none;
    border-right: none;
    vertical-align: top;

}

.reviewsTable TD:first-child{
    border-top: none;           /* Cancel the dividing line on the first one */
}

.reviewer{
    font-style: italic;
    float: left;
}

.reviewer::after {
    content: ":";
    padding-right: 0.5em;
}

.review{
    font-family: "Times New Roman", Times, serif;
    font-size: 11pt;
}

.editButtonCell{
    width: 24px;        /* The cell containing the book edit button */
}

.editAuthorityPanel{        /* Lock to the bottom of the window */
    position: fixed;
    bottom: 0;
}

.editAuthorityControls{
    background-color: pink;
    border:  red outset 4px;
}

.Hidden{
    visibility: hidden;     /* Used to hide password field */
}

.Dialog .LabelCol{
    font-weight: bold;
    white-space: nowrap;
}

.Dialog .Heading2{
    font-weight: bold;
    font-size: larger;
}

.Dialog TR{
    vertical-align: top;
}

#heading {
      text-align: center;
}

#heading IMG{
        height: 6em;
      margin-left: 12px;
      margin-right: 12px;
}

#footer {
      text-align: center;
}
#footer IMG{
        height: 20em;
}