.calendar
{
    position: absolute;
    visibility: hidden;
    background-color: white;
    z-index: 12000;
}

.cpBorder
{
    border-right: #808080 thin solid;
    border-top: #808080 thin solid;
    border-left: #808080 thin solid;
    border-bottom: #808080 thin solid;
}

.cpTodayText
{
    font-family: arial, helvetica, verdana, sans-serif;
}

 td.cpTodayText
{
    border-right: #c0c0c0 0px solid;
    border-top: #c0c0c0 1px solid;
    border-left: #c0c0c0 0px solid;
    border-bottom: #c0c0c0 0px solid;
}

 a.cpTodayText
{
    height: 20px;
    color: black;
}

 .cpOtherMonthDate
{
    font-family: arial, helvetica, verdana, sans-serif;
    text-align: right;
    text-decoration: none;
    color: #808080;
}

 .cpCurrentMonthDate
{
    font-family: arial, helvetica, verdana, sans-serif;
    text-align: right;
    text-decoration: none;
    color: #000000;
}

.cpCurrentMonthDate:hover
{
    color: blue;
}

 .cpCurrentDate
{
    font-family: arial, helvetica, verdana, sans-serif;
    text-align: right;
    text-decoration: none;
    color: #000000;
}

 td.cpCurrentDate
{
    border-right: #800000 thin solid;
    border-top: #800000 thin solid;
    border-left: #800000 thin solid;
    border-bottom: #800000 thin solid;
    background-color: #c0c0c0;
    color: white;
}

 .cpDayColumnHeader
{
    font-family: arial, helvetica, verdana, sans-serif;
}

 td.cpDayColumnHeader
{
    border-right: #c0c0c0 0px solid;
    border-top: #c0c0c0 0px solid;
    border-left: #c0c0c0 0px solid;
    border-bottom: #c0c0c0 1px solid;
    text-align: right;
}

 .cpYearNavigation
{
    font-weight: bold;
    color: #000000;
    background-color: #c0c0c0;
    text-align: center;
    text-decoration: none;
    font-family: arial, helvetica, verdana, sans-serif;
}

 .cpMonthNavigation
{
    font-weight: bold;
    color: #000000;
    background-color: #c0c0c0;
    text-align: center;
    text-decoration: none;
    font-family: arial, helvetica, verdana, sans-serif;
}