/*----------------------------------------------------------------------
Calendar control items
----------------------------------------------------------------------*/
div.CalendarHolder {
    float:left;
    clear:none;
    width: 252px;
}

/*div.CalendarHolder input {
    width: 210px;
    margin-top: 5px;
}*/

div.CalendarHolder img.bdplButton {
    cursor: pointer;
    padding: 4px 0 0 3px;
}

/*----------------------------------------------------------------------
Calendar rendering
----------------------------------------------------------------------*/

div.DivCalendar {
    padding: 5px;
    border: solid 1px #6F9DDF;
    width: 180px;
    height: 162px; 
    background-color:#FFFFFF;
}

/* the table (within the div) that holds the date picker calendar */
div.DivCalendar table {
    color:#0E5FD8;
    text-align: center;
    border: 1px solid #EEEEEE;
    width:180px;
    clear:both;
}

div.DivCalendar table  td {
    border: 1px solid #EEEEEE;
    padding: 1px;
    cursor: pointer;
}

div.DivCalendar div.Header { width: 180px; height: 2em; color:#0E5FD8; }
div.DivCalendar div.Header div.Previous { float:left; width:20px; cursor:pointer;}
div.DivCalendar div.Header div.Next { float:left ; width: 20px; cursor:pointer; }
div.DivCalendar div.Header div.CurrentMonth { float:left; color:#000000; font-weight: bold; width:140px;}

div.DivCalendar table tr.WeekDays td {
    color: #000000;
    font-weight: bold;
    cursor: auto;
}

div.DivCalendar table tr td.Selected {
    background-color: #0E5FD8;
    color: #FFFFFF;
    font-weight: bold;
}

div.DivCalendar table td.Empty {
    border: none;
    cursor: auto;
    background-color: #F3F3F3;
}