styles.css

.backNav {
    background-color:yellow;
    font-size:1.1em;
    text-align:center;
    cursor:pointer;
    text-decoration:none;
    width:95%;
    margin: 0 auto;
    border-bottom:2px outset LightBlue;
    display:block;
    padding: 12px 24px;
    font-weight: bold;
}
.backNav:hover {
    background-color: gold;
    color: DarkBlue;
}

#ApiOptionsForm .api-option-label {
    display: block;
    margin-bottom: 3px;
}

#ApiOptionsForm fieldset {
    border: 1px solid lightgray;
    padding: 6px 12px;
    border-radius: 6px;
}

#ApiOptionsForm legend {
    float: none;
    width: auto;
    margin-left: 3px;
    padding: 0 6px;
    font-weight: bold;
    font-size: 1.1em;
    border: 1px solid lightgray;
    border-radius: 3px;
}

#LitCalTable {
    width:90%;
    margin:30px auto;
    /*border:1px solid Blue;
    border-radius: 6px;*/
    padding:10px;
    /*background:LightBlue;*/
    background: white;
    /*border-collapse: separate;*/
    border-collapse: collapse;
    border-spacing: 1px;
}

#LitCalTable caption {
    caption-side: top;
    text-align: center;
}

#LitCalTable colgroup .col2 {
    width: 10%;
}

#LitCalTable td {
    padding: 4px 6px;
    border: 1px dashed lightgray;
}

#LitCalTable td.rotate {
    width: 1.5em;
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
}

#LitCalTable td.rotate div{
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 1.8em;
    font-weight:bold;
    writing-mode: vertical-rl;
    transform: rotate(180.0deg);
}

#LitCalTable .monthHeader {
    text-align: center;
    background-color: #ECA;
    color: darkslateblue;
    font-weight: bold;
}

#LitCalTable .dateEntry {
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    font-size:.8em;
}

#LitCalTable .eventDetails {
    color: #BD752F;
}

#LitCalTable .liturgicalGrade {
    text-align: center;
    font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

#LitCalTable .liturgicalGrade.liturgicalGrade_0 {
    visibility: hidden;
}

#LitCalTable .liturgicalGrade_0, #LitCalTable .liturgicalGrade_1, #LitCalTable .liturgicalGrade_2 {
    font-size: .9em;
}

#LitCalTable .liturgicalGrade_3 {
    font-size: .9em;
}

#LitCalTable .liturgicalGrade_4, #LitCalTable .liturgicalGrade_5 {
    font-size: 1em;
}

#LitCalTable .liturgicalGrade_6, #LitCalTable .liturgicalGrade_7 {
    font-size: 1em;
    font-weight: bold;
}

.liturgicalGrade.liturgicalGrade_0, .liturgicalGrade.liturgicalGrade_1, .liturgicalGrade.liturgicalGrade_2 {
    font-style: italic;
    color: gray;
}

#LitCalTable td.purple {
    background-color: plum;
    color: black;
}

#LitCalTable td.EASTER_TRIDUUM.purple {
    background-color: palevioletred;
    color: white;
}

#LitCalTable td.white {
    background-color: whitesmoke;
    color: black;
}

#LitCalTable td.red {
    background-color: lightpink;
    color: black;
}

#LitCalTable td.pink {
    background-color: mistyrose;
    color: black;
}

#LitCalTable td.green {
    background-color: lightgreen;
    color: black;
}

#LitCalMessages {
    width: 75%;
    margin:30px auto;
    border:1px solid darkslategray;
    padding:10px;
    background: lightgray;
}

#LitCalMessages th {
    font-size: 1.3em;
    padding: 10px;
}

#LitCalMessages td {
    padding: 5px;
    border-bottom: 1px solid White;
}

#LitCalMessages td:first-child {
    border-right: 1px groove White;
}