.calendar
{
    BORDER-RIGHT: #000 2px solid;
    BORDER-TOP: #fff 2px solid;
    DISPLAY: none;
    FONT-SIZE: 11px;
    BACKGROUND: #d4d0c8;
    BORDER-LEFT: #fff 2px solid;
    CURSOR: default;
    COLOR: #000;
    BORDER-BOTTOM: #000 2px solid;
    FONT-FAMILY: tahoma,verdana,sans-serif;
    POSITION: relative
}
.calendar TABLE
{
    BORDER-RIGHT: #fff 1px solid;
    BORDER-TOP: #000 1px solid;
    FONT-SIZE: 11px;
    BACKGROUND: #ffffff;
    BORDER-LEFT: #000 1px solid;
    CURSOR: default;
    COLOR: #000;
    BORDER-BOTTOM: #fff 1px solid;
    FONT-FAMILY: tahoma,verdana,sans-serif
}
.calendar .button
{
    BORDER-RIGHT: #000 1px solid;
    PADDING-RIGHT: 1px;
    BORDER-TOP: #fff 1px solid;
    PADDING-LEFT: 1px;
    PADDING-BOTTOM: 1px;
    BORDER-LEFT: #fff 1px solid;
    PADDING-TOP: 1px;
    BORDER-BOTTOM: #000 1px solid;
    TEXT-ALIGN: center
}
.calendar THEAD .title
{
    BORDER-RIGHT: #000 1px solid;
    PADDING-RIGHT: 1px;
    BORDER-TOP: #000 1px solid;
    PADDING-LEFT: 1px;
    FONT-WEIGHT: bold;
    BACKGROUND-IMAGE: none;
    PADDING-BOTTOM: 1px;
    BORDER-LEFT: #000 1px solid;
    COLOR: #fff;
    PADDING-TOP: 1px;
    BORDER-BOTTOM: #000 1px solid;
    BACKGROUND-REPEAT: repeat;
    BACKGROUND-COLOR: #312C64;
    TEXT-ALIGN: center
}
.calendar THEAD .headrow
{
    FONT-WEIGHT: bolder
}
.calendar THEAD .daynames
{
    COLOR: white
}
.calendar THEAD .name
{
    PADDING-RIGHT: 2px;
    PADDING-LEFT: 2px;
    BACKGROUND-IMAGE: none;
    PADDING-BOTTOM: 2px;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: #000 1px solid;
    BACKGROUND-REPEAT: repeat;
    BACKGROUND-COLOR: midnightblue;
    TEXT-ALIGN: center
}
.calendar THEAD .weekend
{
    COLOR: yellow
}
.calendar THEAD .hilite
{
    BORDER-RIGHT: #000 2px solid;
    PADDING-RIGHT: 0px;
    BORDER-TOP: #fff 2px solid;
    PADDING-LEFT: 0px;
    BACKGROUND-IMAGE: none;
    PADDING-BOTTOM: 0px;
    BORDER-LEFT: #fff 2px solid;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: #000 2px solid;
    BACKGROUND-REPEAT: repeat;
    BACKGROUND-COLOR: #312C64
}
.calendar THEAD .active
{
    BORDER-RIGHT: #fff 1px solid;
    PADDING-RIGHT: 0px;
    BORDER-TOP: #000 1px solid;
    PADDING-LEFT: 2px;
    BACKGROUND-IMAGE: none;
    PADDING-BOTTOM: 0px;
    BORDER-LEFT: #000 1px solid;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: #fff 1px solid;
    BACKGROUND-REPEAT: repeat;
    BACKGROUND-COLOR: #312C64
}
.calendar TBODY .day
{
    PADDING-RIGHT: 4px;
    PADDING-LEFT: 2px;
    PADDING-BOTTOM: 2px;
    WIDTH: 2em;
    PADDING-TOP: 2px;
    TEXT-ALIGN: right
}
.calendar TBODY .hilite
{
    BORDER-RIGHT: #000 1px solid;
    PADDING-RIGHT: 3px;
    BORDER-TOP: #fff 1px solid;
    PADDING-LEFT: 1px;
    PADDING-BOTTOM: 1px;
    BORDER-LEFT: #fff 1px solid;
    PADDING-TOP: 1px;
    BORDER-BOTTOM: #000 1px solid
}
.calendar TBODY .active
{
    BORDER-RIGHT: #fff 1px solid;
    PADDING-RIGHT: 2px;
    BORDER-TOP: #000 1px solid;
    PADDING-LEFT: 2px;
    PADDING-BOTTOM: 0px;
    BORDER-LEFT: #000 1px solid;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: #fff 1px solid
}
.calendar TBODY .selected
{
    BORDER-RIGHT: #fff 1px solid;
    PADDING-RIGHT: 2px;
    BORDER-TOP: #000 1px solid;
    PADDING-LEFT: 2px;
    FONT-WEIGHT: bold;
    BACKGROUND: #e4e0d8;
    PADDING-BOTTOM: 0px;
    BORDER-LEFT: #000 1px solid;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: #fff 1px solid
}
.calendar TBODY .weekend
{
    COLOR: darkblue
}
.calendar TBODY .today
{
    FONT-WEIGHT: bold;
    COLOR: crimson
}
.calendar TBODY .disabled
{
    COLOR: #999
}
.calendar TBODY .emptycell
{
    VISIBILITY: hidden
}
.calendar TBODY .emptyrow
{
    DISPLAY: none
}
.calendar TFOOT .footrow
{
}
.calendar TFOOT .ttip
{
    BORDER-RIGHT: #000 1px solid;
    PADDING-RIGHT: 1px;
    BORDER-TOP: #000 1px solid;
    PADDING-LEFT: 1px;
    BACKGROUND-IMAGE: none;
    PADDING-BOTTOM: 1px;
    BORDER-LEFT: #000 1px solid;
    COLOR: #312C64;
    PADDING-TOP: 1px;
    BORDER-BOTTOM: #000 1px solid;
    BACKGROUND-REPEAT: repeat;
    BACKGROUND-COLOR: #EFE3CD;
    TEXT-ALIGN: center
}
.calendar TFOOT .hilite
{
    BORDER-RIGHT: #000 1px solid;
    PADDING-RIGHT: 1px;
    BORDER-TOP: #fff 1px solid;
    PADDING-LEFT: 1px;
    BACKGROUND-IMAGE: none;
    PADDING-BOTTOM: 1px;
    BORDER-LEFT: #fff 1px solid;
    PADDING-TOP: 1px;
    BORDER-BOTTOM: #000 1px solid;
    BACKGROUND-REPEAT: repeat;
    BACKGROUND-COLOR: #e4e0d8
}
.calendar TFOOT .active
{
    BORDER-RIGHT: #fff 1px solid;
    PADDING-RIGHT: 0px;
    BORDER-TOP: #000 1px solid;
    PADDING-LEFT: 2px;
    PADDING-BOTTOM: 0px;
    BORDER-LEFT: #000 1px solid;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: #fff 1px solid
}
.combo
{
    BORDER-RIGHT: #000 1px solid;
    PADDING-RIGHT: 1px;
    BORDER-TOP: #fff 1px solid;
    DISPLAY: none;
    PADDING-LEFT: 1px;
    FONT-SIZE: smaller;
    BACKGROUND: #e4e0d8;
    LEFT: 0px;
    PADDING-BOTTOM: 1px;
    BORDER-LEFT: #fff 1px solid;
    WIDTH: 4em;
    CURSOR: default;
    PADDING-TOP: 1px;
    BORDER-BOTTOM: #000 1px solid;
    POSITION: absolute;
    TOP: 0px
}
.combo .label
{
    PADDING-RIGHT: 1px;
    PADDING-LEFT: 1px;
    PADDING-BOTTOM: 1px;
    PADDING-TOP: 1px;
    TEXT-ALIGN: center
}
.combo .active
{
    BORDER-RIGHT: #fff 1px solid;
    PADDING-RIGHT: 0px;
    BORDER-TOP: #000 1px solid;
    PADDING-LEFT: 0px;
    BACKGROUND: #c4c0b8;
    PADDING-BOTTOM: 0px;
    BORDER-LEFT: #000 1px solid;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: #fff 1px solid
}
.combo .hilite
{
    BACKGROUND: #048;
    COLOR: #ffffff
}
.hilite
{
    COLOR: #ffffff;
    BACKGROUND-COLOR: #B4A973
}
.formText
{
    FONT-SIZE: 11px;
    COLOR: #ffffff;
    FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #ffffff;
    TEXT-DECORATION: none
}