/* CSS Document */
DIV.calendar
{
    POSITION: relative
}
.calendar
{
    BORDER-RIGHT: #996600 1px solid;
    BORDER-TOP: #996600 1px solid;
    FONT-SIZE: 11px;
    BACKGROUND: #FFF5CE;
    BORDER-LEFT: #996600 1px solid;
    CURSOR: default;
    COLOR: #000;
    BORDER-BOTTOM: #996600 1px solid;
    FONT-FAMILY: tahoma,verdana,sans-serif
}
.calendar TABLE
{
    BORDER-RIGHT: #996600 1px solid;
    BORDER-TOP: #996600 1px solid;
    FONT-SIZE: 11px;
 BACKGROUND: #FFF5CE;
    BORDER-LEFT: #996600 1px solid;
    CURSOR: default;
    COLOR: #000;
    BORDER-BOTTOM: #996600 1px solid;
    FONT-FAMILY: tahoma,verdana,sans-serif
}

.calendar .button
{
    PADDING-RIGHT: 2px;
    PADDING-LEFT: 2px;
    FONT-SIZE: 90%;
    BACKGROUND: #996600;
    PADDING-BOTTOM: 2px;
    COLOR: #fff;
    PADDING-TOP: 2px;
    TEXT-ALIGN: center
}



.calendar .nav
{
    BACKGROUND: url(menuarrow.gif) #996600 no-repeat 100% 100%;
}



.calendar THEAD .title{
    PADDING-RIGHT: 2px;
    PADDING-LEFT: 2px;
    FONT-WEIGHT: bold;
    BACKGROUND: #996600;
    PADDING-BOTTOM: 2px;
    COLOR: #FF9900;
    PADDING-TOP: 2px;
    TEXT-ALIGN: center
}
.calendar THEAD .headrow
{
}

.calendar THEAD .name{
    PADDING-RIGHT: 2px;
    PADDING-LEFT: 2px;
    PADDING-BOTTOM: 2px;
    COLOR: #000;
    PADDING-TOP: 2px;
	BORDER-BOTTOM: #996600 1px solid;
    TEXT-ALIGN: center
}



.calendar THEAD .weekend



{



    COLOR: #a66



}



.calendar THEAD .hilite



{



    BORDER-RIGHT: #084 1px solid;



    PADDING-RIGHT: 1px;



    BORDER-TOP: #084 1px solid;



    PADDING-LEFT: 1px;



    PADDING-BOTTOM: 1px;



    BORDER-LEFT: #084 1px solid;



    COLOR: #000;



    PADDING-TOP: 1px;



    BORDER-BOTTOM: #084 1px solid;



    BACKGROUND-COLOR: #afa



}



.calendar THEAD .active



{



    PADDING-RIGHT: 0px;



    PADDING-LEFT: 2px;



    PADDING-BOTTOM: 0px;



    PADDING-TOP: 2px;



    BACKGROUND-COLOR: #FF9900



}



.calendar THEAD .daynames



{



    BACKGROUND: #FFE888



}



.calendar TBODY .day



{



    PADDING-RIGHT: 4px;



    PADDING-LEFT: 2px;



    PADDING-BOTTOM: 2px;



    WIDTH: 2em;



    COLOR: #564;



    PADDING-TOP: 2px;



    TEXT-ALIGN: right



}



.calendar TBODY .othermonth



{



    FONT-SIZE: 80%;



    COLOR: #bbb



}



.calendar TBODY .oweekend



{



    COLOR: #fbb



}



.calendar TABLE .wn



{



    BORDER-RIGHT: #8a8 1px solid;



    PADDING-RIGHT: 3px;



    PADDING-LEFT: 2px;



    BACKGROUND: #FFE888;



    PADDING-BOTTOM: 2px;



    PADDING-TOP: 2px



}



.calendar TBODY .rowhilite TD



{



    BACKGROUND: #dfd



}



.calendar TBODY .rowhilite TD.wn



{



    BACKGROUND: #FFF5CE



}



.calendar TBODY TD.hilite



{



    BORDER-RIGHT: #bbb 1px solid;



    PADDING-RIGHT: 3px;



    BORDER-TOP: #bbb 1px solid;



 PADDING-LEFT: 1px;



    BACKGROUND: #efd;



    PADDING-BOTTOM: 1px;



    BORDER-LEFT: #bbb 1px solid;



    PADDING-TOP: 1px;



    BORDER-BOTTOM: #bbb 1px solid



}



.calendar TBODY TD.active



{



    PADDING-RIGHT: 2px;



    PADDING-LEFT: 2px;



    BACKGROUND: #dec;



    PADDING-BOTTOM: 0px;



    PADDING-TOP: 2px



}



.calendar TBODY TD.selected



{



    BORDER-RIGHT: #000 1px solid;



    PADDING-RIGHT: 3px;



    BORDER-TOP: #000 1px solid;



    PADDING-LEFT: 1px;



    FONT-WEIGHT: bold;



    BACKGROUND: #f8fff8;



  PADDING-BOTTOM: 1px;



    BORDER-LEFT: #000 1px solid;



    COLOR: #000;



    PADDING-TOP: 1px;



    BORDER-BOTTOM: #000 1px solid



}



.calendar TBODY TD.weekend



{



    COLOR: #a66



}



.calendar TBODY TD.today



{



    FONT-WEIGHT: bold;



    COLOR: #0a0



}



.calendar TBODY .disabled



{



    COLOR: #999



}



.calendar TBODY .emptycell



{



    VISIBILITY: hidden



}



.calendar TBODY .emptyrow



{



    DISPLAY: none



}



.calendar TFOOT .footrow



{



    BACKGROUND: #996600;



    COLOR: #fff;



    TEXT-ALIGN: center



}



.calendar TFOOT .ttip



{



    PADDING-RIGHT: 2px;



    PADDING-LEFT: 2px;



    BACKGROUND: #996600;



    PADDING-BOTTOM: 2px;



    COLOR: #FF9900;



    PADDING-TOP: 2px



}



.calendar TFOOT .hilite



{



    BORDER-RIGHT: #084 1px solid;



    PADDING-RIGHT: 1px;



    BORDER-TOP: #084 1px solid;



    PADDING-LEFT: 1px;



    BACKGROUND: #afa;



    PADDING-BOTTOM: 1px;



    BORDER-LEFT: #084 1px solid;



    COLOR: #000;



    PADDING-TOP: 1px;



    BORDER-BOTTOM: #084 1px solid



}



.calendar TFOOT .active



{



    PADDING-RIGHT: 0px;



    PADDING-LEFT: 2px;



    BACKGROUND: #FF9900;



    PADDING-BOTTOM: 0px;



    PADDING-TOP: 2px



}



.calendar .combo



{



    BORDER-RIGHT: #996600 1px solid;



    BORDER-TOP: #996600 1px solid;



    DISPLAY: none;



    FONT-SIZE: 90%;



    Z-INDEX: 100;



    BACKGROUND: #efd;



    LEFT: 0px;



    BORDER-LEFT: #996600 1px solid;



    WIDTH: 4em;



    CURSOR: default;



    COLOR: #000;



    BORDER-BOTTOM: #996600 1px solid;



    POSITION: absolute;



    TOP: 0px



}



.calendar .combo .label



{



    PADDING-RIGHT: 1px;



    PADDING-LEFT: 1px;



    PADDING-BOTTOM: 1px;



    PADDING-TOP: 1px;



    TEXT-ALIGN: center



}



.calendar .combo .label-IEfix



{



    PADDING-RIGHT: 1px;



    PADDING-LEFT: 1px;



    PADDING-BOTTOM: 1px;



    PADDING-TOP: 1px;



    TEXT-ALIGN: center



}



.calendar .combo .label-IEfix



{



    WIDTH: 4em



}



.calendar .combo .hilite



{



    BACKGROUND: #FFE888



}



.calendar .combo .active



{



    BORDER-TOP: #6a4 1px solid;



    FONT-WEIGHT: bold;



    BACKGROUND: #FFF5CE;



    BORDER-BOTTOM: #6a4 1px solid



}



.calendar TD.time



{



    PADDING-RIGHT: 0px;



    BORDER-TOP: #8a8 1px solid;



    PADDING-LEFT: 0px;



    PADDING-BOTTOM: 1px;



    PADDING-TOP: 10px;



    BACKGROUND-COLOR: #FFE888;



    TEXT-ALIGN: center



}



.calendar TD.time .hour



{



    BORDER-RIGHT: #898 1px solid;



    PADDING-RIGHT: 3px;



    BORDER-TOP: #898 1px solid;



    PADDING-LEFT: 4px;



    FONT-WEIGHT: bold;



    PADDING-BOTTOM: 0px;



    BORDER-LEFT: #898 1px solid;



    PADDING-TOP: 0px;



    BORDER-BOTTOM: #898 1px solid;



    BACKGROUND-COLOR: #fff



}



.calendar TD.time .minute



{



    BORDER-RIGHT: #898 1px solid;



    PADDING-RIGHT: 3px;



    BORDER-TOP: #898 1px solid;



    PADDING-LEFT: 4px;



    FONT-WEIGHT: bold;



    PADDING-BOTTOM: 0px;



    BORDER-LEFT: #898 1px solid;



    PADDING-TOP: 0px;



    BORDER-BOTTOM: #898 1px solid;



    BACKGROUND-COLOR: #fff



}



.calendar TD.time .ampm



{



    BORDER-RIGHT: #898 1px solid;



    PADDING-RIGHT: 3px;



    BORDER-TOP: #898 1px solid;



    PADDING-LEFT: 4px;



    FONT-WEIGHT: bold;



    PADDING-BOTTOM: 0px;



    BORDER-LEFT: #898 1px solid;



    PADDING-TOP: 0px;



    BORDER-BOTTOM: #898 1px solid;



    BACKGROUND-COLOR: #fff



}



.calendar TD.time .ampm



{



    TEXT-ALIGN: center



}



.calendar TD.time .colon



{



    PADDING-RIGHT: 2px;



    PADDING-LEFT: 3px;



    FONT-WEIGHT: bold;



    PADDING-BOTTOM: 0px;



    PADDING-TOP: 0px



}



.calendar TD.time SPAN.hilite



{



    BORDER-LEFT-COLOR: #000;



    BORDER-BOTTOM-COLOR: #000;



    COLOR: #fff;



    BORDER-TOP-COLOR: #000;



    BACKGROUND-COLOR: #686;



    BORDER-RIGHT-COLOR: #000



}



.calendar TD.time SPAN.active



{



    BORDER-LEFT-COLOR: #f00;



    BORDER-BOTTOM-COLOR: #f00;



    COLOR: #0f0;



    BORDER-TOP-COLOR: #f00;



    BACKGROUND-COLOR: #000;



    BORDER-RIGHT-COLOR: #f00



}