﻿
.calendar
{
    BORDER-RIGHT: #333 0px solid;
    BORDER-TOP: #fff 0px solid;
    DISPLAY: none;
    FONT-SIZE: 11px;
    background-color: #e6dfd6;
    BORDER-LEFT: #fff 0px solid;
    CURSOR: default;
    COLOR: #000;
    BORDER-BOTTOM: #000 0px solid;
    FONT-FAMILY: tahoma,verdana,sans-serif;
    POSITION: relative
}
.calendar TABLE
{
    BORDER-RIGHT: #666666 1px solid;
    BORDER-TOP: #333 0px solid;
    FONT-SIZE: 11px;
    /*BACKGROUND: #FFFFFF;*/
    BORDER-LEFT: #000 0px solid;
    CURSOR: default;
    COLOR: #000;
    BORDER-BOTTOM: #666666 1px solid;
    FONT-FAMILY: tahoma,verdana,sans-serif;
    background-color:#f8f8f8; /*#f5fbff;*/
}

.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;
    COLOR: #464026;
    background-color: #E6E2D1;
}


.calendar .nav
{
    BACKGROUND: url(menuarrow.gif) no-repeat 100% 100%;
    COLOR: #464026;
    background-color: #E6E2D1;
}
.calendar THEAD .title
{
    BORDER-RIGHT: #e6dfd6 1px solid;
    PADDING-RIGHT: 1px;
    BORDER-TOP: #e6dfd6 1px solid;
    PADDING-LEFT: 1px;
    FONT-WEIGHT: bold;
    background-color:#e6dfd6;/*#0A358C;*/
    PADDING-BOTTOM: 1px;
    BORDER-LEFT: #e6dfd6 1px solid;
    COLOR: black;
    PADDING-TOP: 1px;
    BORDER-BOTTOM: #e6dfd6 1px solid;
    TEXT-ALIGN: center
}

.calendar THEAD .name
{
    PADDING-RIGHT: 2px;
    PADDING-LEFT: 2px;
    BACKGROUND: #FFFFFF;
    PADDING-BOTTOM: 2px;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: #000 1px solid;
    TEXT-ALIGN: center
}
.calendar THEAD .hilite
{
    BORDER-RIGHT: #000 1px solid;
    PADDING-RIGHT: 0px;
    BORDER-TOP: #fff 2px solid;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    BORDER-LEFT: #fff 2px solid;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: #000 2px solid;
    BACKGROUND-COLOR: #FFFFFF
}
.calendar THEAD .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;
    background-color: #FFFFFF;
}
.calendar TBODY .day
{
    PADDING-RIGHT: 4px;
    PADDING-LEFT: 2px;
    PADDING-BOTTOM: 2px;
    WIDTH: 2em;
    PADDING-TOP: 2px;
    TEXT-ALIGN: right;
    background-color:#f8f8f8 ;/*#f5fbff;*/
}
.calendar TBODY .othermonth
{
    FONT-SIZE: 80%;
    COLOR: #E6E2D1;
    background-color: #f8f8f8;/*#f5fbff;*/
}
.calendar TFOOT .ttip
{
    BORDER-RIGHT: #e6dfd6 1px solid;
    PADDING-RIGHT: 1px;
    BORDER-TOP: #e6dfd6 1px solid;
    PADDING-LEFT: 1px;
    BACKGROUND:#e6dfd6;/*#0A358C;*/
    PADDING-BOTTOM: 1px;
    BORDER-LEFT: #e6dfd6 1px solid;
    COLOR: black;
    PADDING-TOP: 1px;
    BORDER-BOTTOM: #e6dfd6 1px solid;
    TEXT-ALIGN: center
}
.calendar TFOOT .hilite
{
    BORDER-RIGHT: #e6dfd6 1px solid;
    PADDING-RIGHT: 1px;
    BORDER-TOP: #e6dfd6 1px solid;
    PADDING-LEFT: 1px;
    BACKGROUND: #e4e0d8;
    PADDING-BOTTOM: 1px;
    BORDER-LEFT: #e6dfd6 1px solid;
    PADDING-TOP: 1px;
    BORDER-BOTTOM: #e6dfd6 1px solid
}
.calendar TFOOT .active
{
    BORDER-RIGHT: #e6dfd6 1px solid;
    PADDING-RIGHT: 0px;
    BORDER-TOP: #e6dfd6 1px solid;
    background-color:#0A358C;
    PADDING-LEFT: 2px;
    PADDING-BOTTOM: 0px;
    BORDER-LEFT: #e6dfd6 1px solid;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: #e6dfd6 1px solid
}
.calendar TBODY TD.today
{
    FONT-WEIGHT: bold;
    color: Red;
}
.calendar TABLE .wn
{
    BORDER-RIGHT: #000 1px solid;
    PADDING-RIGHT: 3px;
    PADDING-LEFT: 2px;
    BACKGROUND: #FFFFFF;
    PADDING-BOTTOM: 2px;
    PADDING-TOP: 2px
}


