DIV.calendar
{
    FONT-SIZE: 8pt;
    COLOR: #000000
}
DIV.popup
{
    MARGIN-TOP: -10px;
    FONT-SIZE: 8pt;
    MARGIN-LEFT: -10px
}
DIV.calendar TABLE
{
    BORDER-RIGHT: #aaa 1px solid;
    BORDER-TOP: #aaa 1px solid;
    FONT-SIZE: 8pt;
    BORDER-LEFT: #aaa 1px solid;
    BORDER-BOTTOM: #aaa 1px solid;
    BORDER-COLLAPSE: collapse;
    BACKGROUND-COLOR: #eee
}
DIV.calendar THEAD
{
    BACKGROUND-COLOR: white
}
DIV.calendar TD
{
    PADDING-RIGHT: 3px;
    PADDING-LEFT: 3px;
    PADDING-BOTTOM: 3px;
    PADDING-TOP: 3px;
    TEXT-ALIGN: center
}
DIV.calendar TH
{
    PADDING-RIGHT: 3px;
    PADDING-LEFT: 3px;
    PADDING-BOTTOM: 3px;
    PADDING-TOP: 3px;
    TEXT-ALIGN: center
}
DIV.calendar TD.title
{
    FONT-WEIGHT: bold
}
DIV.calendar TH
{
    BORDER-TOP: #ccc 1px solid;
    FONT-WEIGHT: bold;
    BACKGROUND: #ddd;
    COLOR: #555;
    BORDER-BOTTOM: #ccc 1px solid
}
DIV.calendar TR.days TD
{
    WIDTH: 2em;
    CURSOR: pointer;
    COLOR: #555;
    TEXT-ALIGN: center
}
DIV.calendar TR.days TD:hover
{
    CURSOR: pointer;
    BACKGROUND-COLOR: #34abfa
}
DIV.calendar TD.button:hover
{
    CURSOR: pointer;
    BACKGROUND-COLOR: #34abfa
}
DIV.calendar TR.days TD:active DIV.calendar TD.button:active
{
    BACKGROUND-COLOR: #cde
}
DIV.calendar TR.days TD.selected
{
    FONT-WEIGHT: bold;
    COLOR: #000;
    BACKGROUND-COLOR: #fff
}
DIV.calendar TR.days TD.today
{
    FONT-WEIGHT: bold;
    COLOR: #d50000
}
DIV.calendar TR.days TD.otherDay
{
    COLOR: #bbb
}
DIV.calendar TR.days
{
    FONT-SIZE: 8pt
}