#dpicker {
    overflow: hidden;
    margin: auto;
    text-align: center;
    display: none;
    
}
#dpicker table td{ 
    padding: 5px;
}
#dpicker_table td a{
    background: gold;
    font-weight: bold;
    display: block;
    cursor: pointer;
    color:black !important;
}
#dpicker_table td a:hover{
    color:#f8f8f8 !important;
}
/**style for the table cell into which date falls*/
.MyCalendar_currentday{
    color: #000000;
    text-align:center;
    vertical-align: top;
    background: gold;
    font-weight: bold;
}
/**style for the cells that display short day names*/
table td.MyCalendar_headers{
    color: #f8f8f8;
    vertical-align: top;
    text-align:center;
    font-weight: bold;
}
/**style for those days that current displayed month has*/
.MyCalendar_daysok:hover{
    background: gold;
}
.MyCalendar_daysok{
    text-align:center;
    vertical-align: top;
    cursor: pointer;
    color:black;
background: #ffff88;
background: -moz-linear-gradient(top,  #ffff88 0%, #ffff88 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffff88), color-stop(100%,#ffff88));
background: -webkit-linear-gradient(top,  #ffff88 0%,#ffff88 100%);
background: -o-linear-gradient(top,  #ffff88 0%,#ffff88 100%);
background: -ms-linear-gradient(top,  #ffff88 0%,#ffff88 100%);
background: linear-gradient(to bottom,  #ffff88 0%,#ffff88 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffff88", endColorstr="#ffff88",GradientType=0 );

}
/**style for those cell days that fall in previous month*/
.MyCalendar_daysbefore{
    color: #ababab;
    text-align:center;
    vertical-align: top;
    font-size: 9pt;
    cursor: pointer;
}
.MyCalendar_daysbefore:hover{
    border: 1px solid white;
    color:white;
}
/**style for those cell days that fall in next month*/
.MyCalendar_daysafter{
    color: #ababab;
    text-align:center;
    vertical-align: top;
    font-size: 9pt;
    cursor: pointer;
}
.MyCalendar_daysafter:hover{
    border: 1px solid white;
    color:white;
}