/***************/
/* vlaCalendar */
/***************/

/* Picker */

.vlaCalendarPicker
{
    position: absolute;
    z-index: 999;
    margin-top: -5px;
    margin-left: -2px;
    display: none;
}

.vlaCalendarPicker .pickerBackground
{
    background: transparent url(../images/calendar_background.png) no-repeat top center;
    padding: 16px;
    height: 130px;
    width: 166px;
    overflow: hidden;
}

/* Background for IE6 - code does not validate as it is a hack */
*html .vlaCalendarPicker .pickerBackground
{
    background-image: url(../images/calendar_background.gif);
}

/* Main calendar */

.vlaCalendar, .vlaCalendar table
{
    font-family: calibri, arial !important;
    color: black;
    font-size: 12px !important;
}

.vlaCalendar
{
    display: block;
    width: 164px;
}
.vlaCalendar .container, .vlaCalendar .container div
{
    width: 164px;
    height: 130px;
    text-align: left;
    position: absolute;
    overflow: hidden;
}

.vlaCalendar span.indication
{
    display: block;
    text-align: center;
}

.vlaCalendar table
{
    margin-top: 8px;
    text-align: right;
    border-collapse: collapse;
    background-color: white; /* <- IE ugly text in transition fix  */
}

.vlaCalendar .picker td
{
    cursor: pointer;
}

/* Label & arrows */

.vlaCalendar .label:hover
{
    color: #0066cc;
    cursor: pointer;
}
.vlaCalendar .noHover:hover
{
    color: black;
    cursor: default;
}

.vlaCalendar .arrowLeft, .vlaCalendar .arrowRight
{
    /*background: transparent url(../images/arrowleft.gif) no-repeat center;*/
    height: 12px;
    width: 10px;
    cursor: pointer;
}
.vlaCalendar .arrowLeft
{
    margin-left: 5px;
    float: left;
}
.vlaCalendar .arrowLeft:hover
{
    /*background-image: url(../images/arrowleft_hover.gif);*/
}
.vlaCalendar .arrowRight
{
    margin-right: 5px;
    float: right;
    /*background-image: url(../images/arrowright.gif);*/
}
.vlaCalendar .arrowRight:hover
{
    /*background-image: url(../images/arrowright_hover.gif);*/
}

/* Month */

.vlaCalendar .month th
{
    text-align: center;
    font-weight: normal;
    width: 24px;
    padding-bottom: 1px;
    border-bottom: 1px solid #f5f5f5;
}

.vlaCalendar .month td
{
    padding-right: 3px;
    height: 15px;
}

.vlaCalendar .month tr.firstRow td
{
    padding-top: 2px;
}

.vlaCalendar .month td:hover
{
    background: url(../images/day_hover.gif) bottom no-repeat;
    color: #0066cc;
}

.vlaCalendar .month td.selected
{
    background: url(../images/day_selected.gif) bottom no-repeat;
    color: #0066cc;
}
.vlaCalendar .month td.selected:hover
{
    background-image: url(../images/day_selected_hover.gif);
}

.vlaCalendar .month td.outsideDay
{
    color: #a8a8a8;
}
.vlaCalendar .month td.outsideDay:hover
{
    color: #b1c5fc;
}

/* Year & decade */

.vlaCalendar .year
{
    margin-left: 2px;
}

.vlaCalendar .year td
{
    width: 40px;
    height: 35px;
    text-align: center;
    cursor: pointer;
}
.vlaCalendar .year td:hover
{
    background: url(../images/month_hover.gif) center no-repeat;
    color: #0066cc;
}

.vlaCalendar .year td.selected
{
    background: url(../images/month_selected.gif) center no-repeat;
}
.vlaCalendar .year td.selected:hover
{
    background-image: url(../images/month_selected_hover.gif);
}

.vlaCalendar .year td.current
{
    background: url(../images/month_current.gif) center no-repeat;
    color: #0066cc;
}
.vlaCalendar .year td.current:hover
{
    background-image: url(../images/month_current_hover.gif);
}

.vlaCalendar .year td.selectedcurrent
{
    background: url(../images/month_selectedcurrent.gif) center no-repeat;
}
.vlaCalendar .year td.selectedcurrent:hover
{
    background-image: url(../images/month_selectedcurrent_hover.gif);
}

.vlaCalendar .year td.outsideYear
{
    color: #a8a8a8;
}
.vlaCalendar .year td.outsideYear:hover
{
    color: #b1c5fc;
}