/* This styles affect the display of the HTML calendar.
   Feel free to change them to suit your tastes.
*/
body { 
    font-family: "Lucida Sans Unicode",Helvetica,Ariel,sans-serif;
    font-size: 10pt;
}

table { 
    page-break-inside: avoid;
    display: table;
    border-color: grey;
}

tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}

tr {
    display: table-row;
}

td {
    display: table-cell;
    border: 1px solid #cccccc;
}
/* The page heading */
div.title {
    text-align:center;
    font-size:x-large;
    width:100%;
}

/* styles for the list pages */
table.listtable {
    margin-left:auto;
    margin-right:auto;
}

table.listtable thead {
    text-align:center;
    font-size:large;
    color: white;
    background:#333;
}

table.listtable td {
    vertical-align:top;
    padding: 5px;
}

table.listtable tr td:nth-child(2) {
    color: #4E79A7;
    border-color: #4E79A7;
    background:#def8;
}

span.list_description {
    font-style: italic;
}
span.list_reading {
    border: 1px dotted black;
    background-color: #cccccc;
    text-align: left;
    color: black;
}
span.list_materials {
    color: black;
    background-color: #cc338866;
}

/* Each month in the full html table is a table.monthtable */
table.monthtable {
    width: 95%;
    max-width: 1600px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 30px;
    padding-right: 30px;
    border-collapse:collapse;
    border-spacing: 2px;
    table-layout: fixed;
    /* background-color:#f8f8f8; */
}

table.monthtable td {
    vertical-align:top;
    border-style:solid;
    border-width:5px 0 0 0;
    margin: 0em;
    padding: 0.4em 0.7em;
    border-color: #cccccc;
}

/* These control the general properties of an individual date entry. */

/* The month name box */
td.monthtd {
    text-align:center;
    font-size:large;
    color: white;
    background:#333;
}

/* The day of the week boxes */
td.daytd {
    color: white;
    background:#444;
    width:100%;
    text-align:center;
}

/* An entry that has something in it */
td.eventtd {
    font-size:75%;
}

/* An entry not during the quarter */
td.notinquarter {
    background-color:#bfbfbf;
}

/* Highlights today's entry in the calendar
table.monthtable td.today {
    border-width : 8px 13px 8px 8px;
    border-color : dimgray;
    background-color: dimgray;
    marker : 1;
} */

table.monthtable td.today {
    border-width : 5px 5px 5px 5px;
    border-color : SkyBlue;
    marker : 1;
}


/* The date label */
span.datespan {
    font-size:medium;
    float:right;
    color:DimGray;
}


/* these control the styles of the entries inside
   an individual date entry. The span's are intended
   to control font styles.  The div's are intended 
   for properties applying to the entire entry.
*/

span.summary{
}
span.description {
    font-style: italic;
    font-size: 12pt;
}
span.reading {
    border: 1px dotted black;
    background-color: #cccccc;
    text-align: justify;
    color: black;
}
span.materials {
    color: black;
    background-color: #cc338866;
    text-align: justify;
}
span.location {
    display: none;
}
div.lecture br:nth-child(4) {
    display: none;
}

div.lecture {
    color: #4E79A7;
    border-color: #4E79A7;
    background:#def8;
/*    background: -moz-linear-gradient(top, Khaki, White);    */
    padding: 4px;
    margin:  2px;
}

/* remove sections from the color key */
div.colorkey > a > table > tbody > tr > td:nth-child(2) {
    display: none;
    width: 0;
}

/* remove labs from the color key */
div.colorkey > a > table > tbody > tr > td:nth-child(3) {
    display: none;
    width: 0;
}

/*table.monthtable > tbody > tr > td:nth-child(even) {
    width: 50%;
}*/

div.section {
    background-color:Tan;
/*    background: -moz-linear-gradient(top, Tan, White);    */
    padding: 4px;
    margin:  2px;
}

div.lab {
    background-color:Peru;
/*    background: -moz-linear-gradient(top, Peru, White);    */
    padding: 4px;
    margin:  2px;
}

div.exam {
    color: #E15759;
    border-color: #E15759;
    background-color:#fdd8;
/*    background: -moz-linear-gradient(top, DarkSalmon, White);    */
    padding: 4px;
    margin:  2px;
    font-size: medium;
}

div.hw {
    color: #F28E2C;
    border-color: #F28E2C;
    background:#fed8;
/*    background: -moz-linear-gradient(top, AntiqueWhite, White);    */
    padding: 4px;
    margin:  2px;
    font-size: medium;
}

div.oh {
    color: #52807c;
    border-color: #76B7B2;
    background-color: #cfe6e266;
/*    background: -moz-linear-gradient(top, HoneyDew, White);    */
    padding: 4px;
    margin:  2px;
}

div.holiday {
    color: #59A14F;
    border-color: #59A14F;
    background-color:#dfd8;
/*    background: -moz-linear-gradient(top, YellowGreen, White);    */
    padding: 4px;
    margin:  2px;
    font-size: medium;
/*    height: 30px;*/
}

div.other {
    color: #AF7AA1;
    border-color: #AF7AA1;
    background-color: #edf8;
/*    background: -moz-linear-gradient(top, Plum, White);    */
    padding: 4px;
    margin:  2px;
    font-size: medium;
}


@media print {
  TABLE, IMG { page-break-during: avoid }
}