table.main {
    margin: 20px auto 0 auto;
    padding: 0;
    border-spacing: 0px;
    border: none;
    clear-after: all;
}

table.main tr td { }

table.main tr td.cal { background-color: #ffffff; padding: 10px; }

table.main tr td.day { background-color: #ffffff; width: 330px; max-width: 330px; padding: 4px 10px 10px 10px; }

table.main tr td.day div.dayCases { border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; margin-top: 10px; clear: both; width: 330px; text-align: center; padding: 8px 0 10px 0; }

table.main tr td.day div.dayCases div.question { font-weight: 600; display: inline-block; margin-right: 4px; font-size: 18px; }

div#dayAnswer { display: inline-block; font-size: 18px; }
div#dayAnswer b { font-weight: 600; color: #fb6c29 }

table.main tr td.clock { background-color: #ffffff; width: 348px; text-align: center; height: 300px; padding: 6px; }

table.main tr td table.calWeekDays {
    width: 630px;
    padding: 0;
    border-spacing: 0;
    border: none;
}

table.main tr td table.calWeekDays tr td {
    width: 90px;
    cursor: pointer; cursor: hand;
    padding: 0px;
}

table.main tr td table.calWeekDays tr td div {
    font-size: 17px;
    text-align: center;
}

table#calTable {
    width: 630px;
    padding: 0;
    border-spacing: 0;
    border: none;
}

table#calTable tr {
    vertical-align: top;
}

table#calTable tr td {
    width: 90px;
    height: 70px;
    cursor: pointer; cursor: hand;
    padding: 0;
}

table#calTable tr td:hover { background-color: #faf1dd; }

table#calTable tr td.today { }
table#calTable tr td.today div { font-weight: 600; }
table#calTable tr td.focus { border: 1px solid #f86b2d; width: 88px; height: 68px; }
table#calTable tr td.range { background-color: #fdeab5; }
table#calTable tr td.range:hover { background-color: #f9dea5; }

table#calTable tr td div { float: right; font-size: 20px; display: inline-block; padding: 2px 4px 0px 0px; }
table#calTable tr td.weekend div { color: #fc5d17; }
table#calTable tr td.othermonthworkday div { color: #c0c0c0; }
table#calTable tr td.othermonthweekend div { color: #f0bebe; }

div#calRange {
    width: 500px;
    height: 50px;
    background-color: #fdeab5;
    visibility: hidden;
    border-radius: 8px;
    display: inline-block;
    margin-top: 10px;
}

div#calRangeText {
    position: absolute;
    visibility: hidden;
}

div#calRangeText div.text {
    font-weight: 400;
    font-size: 17px;
    display: table-cell;
    vertical-align: middle;
    width: 460px;
    height: 48px;
    text-align: center;
}

div#calRangeX {
    font-size: 24px;
    line-height: 20px;
    width: 20px;
    color: #e75166;
    text-align: center;
    display: inline-block;
    position: absolute;
    visibility: hidden;
    cursor: pointer;
    cursor: hand;
}

div#calRangeX:hover {
    color: #fa0b2d;
}