body
{
    background-color: #eee;
    color: #000;
    font-family: arial, sans-serif;
    margin: 15px;
}

a
{
    color: #000;
}

.cellEdit,
.cellDelete
{
    text-align: center;
}

.edit a,
.cellEdit a
{
    color: #007;
}

.delete a,
.cellDelete a
{
    font-style: italic;
    color: #700;
}

input
{
    font-family: arial, sans-serif;
}

table
{
    border-collapse: collapse;
    border: 1px solid black;
    width: 100%;
    border-spacing: 0;
}

th,
td
{
    text-align: left;
    vertical-align: top;
    padding: 4px;
    border-top: 0;
    border-bottom: 1px solid black;
    border-left: 0;
    border-right: 1px solid #ccc;
    font-size: 85%;
    background-color: #fff;
}

.alternate td
{
    background-color: #eee;
}

.calendar .alternate td
{
    background-color: #fff;
}

th,
td.emptyDelete
{
    border: 0;
    background-color: rgb(247,240,199);
    border-bottom: 2px solid black;
    background-image: url(gold_back.gif);
    background-repeat: repeat-x;
}

th.sorted
{
    background-image: url(sorted_back.gif);
    background-repeat: repeat-x;
    background-color: rgb(253,214,203);
}

td.sorted
{
    background-color: rgb(255,232,226);
}

.alternate td.sorted
{
    background-color: rgb(237,209,205);
}

.chooseTable th,
.addTable th
{
    background-color: rgb(200,220,247);
    background-image: url(blue_back.gif);
    background-repeat: repeat-x;
}

.calendar th
{
    background-color: rgb(187,231,185);
    background-image: url(green_back.gif);
    background-repeat: repeat-x;
}

td input,
.searchText,
.searchButton
{
    font-size: 90%;
}

.found
{
    background-color: yellow;
}

ul li
{
    list-style-type: square;
    padding-bottom: 4px;
}

.footer
{
    font-style: italic;
    border-top: 1px solid black;
    padding-top: 6px;
    margin-bottom: 20px;
    font-size: 90%;
}

h1
{
    text-align: center;
    font-size: 110%;
    border-bottom: 1px solid black;
    padding-bottom: 6px;
    background-color: rgb(239,239,239);
    padding-top: 4px;
    background-image: url(gray_back.gif);
    background-repeat: repeat-x;
}

.about
{
    font-style: italic;
    margin-top: 60px;
}

.number
{
    text-align: right;
}

a img
{
    border: 0;
}

caption
{
    background-color: #fff;
    border: 1px solid black;
    font-size: 90%;
    padding: 3px;
    font-variant: small-caps;
}

textarea
{
    font-family: arial, sans-serif;
    overflow: auto;
    padding: 8px;
    background-image: url(red_back.gif);
    background-repeat: repeat-x;
    padding-top: 40px;
}

td.tableTitle
{
    font-size: 100%;
}

.addPaper input
{
    font-size: 90%;
}

#todayDate,
#todayText
{
    background-color: rgb(247,240,199);
}

td.dateDate
{
    text-align: right;
    width: 20px;
    border-right: 0;
}

td.dateText
{
    border-left: 0;
}

.dateDayHeader,
.dateDayHeaderWeekend
{
    width: 14%;
    font-weight: normal;
}

.dateDayHeader:first-letter
{
    font-weight: bold;
}

.dateDayHeaderWeekend:first-letter
{
    font-weight: bold;
}

tr th.dateDayHeaderWeekend
{
    background-color: rgb(200,220,247);
    background-image: url(blue_back.gif);
}


.calendarLink
{
    font-size: 110%;
}

.calendar caption
{
    font-weight: bold;
}

.calendar
{
    margin-bottom: 20px;
}

.monthMoreInfo
{
    font-weight: normal;
}

/* ____ Time Zones ____ */

.timeZoneContent
{
    position: absolute;
    left: 15px;
    top: 70px;
}

.timeZoneContent .footer
{
    position: absolute;
    left: 10px;
    top: 380px;
    width: 90%;
}

.cities
{
    position: absolute;
    font-size: 11px;
    background-image: url(arrow.gif);
    background-repeat: no-repeat;
    padding-left: 8px;
    padding-right: 2px;
    background-color: #fff;
    border: 1px solid black;
}

#timeZones
{
    position: absolute;
    left: 10px;
    top: 10px;
}

.serverLocation
{
    color: rgb(0,0,150);
}

.gmt
{
    color: rgb(0,150,0);
}

.legend
{
    position: absolute;
    left: 10px;
    top: 350px;
    width: 90%;
    font-size: 90%;
}