.ui-datepicker {  
        width: 216px;  
        height: 220px;  
        margin: 15px 0 0 20px;  
        font-size: 9pt;   
font-family: tahoma,serif;
text-transform: uppercase;
    }  
    .ui-datepicker table {  
        width: 100%;  
    }  
.ui-datepicker-header {  
    background-color:black;  
    color: #e0e0e0;  
    font-weight: bold;  
    line-height: 30px;  
} 
    .ui-datepicker-title {  
        text-align: center;  
    }  
    .ui-datepicker-prev, .ui-datepicker-next {  
        display: inline-block;  
        width: 30px;  
        height: 30px;  
        text-align: center;  
        cursor: pointer;  
        background-image: url('arrow.png');  
        background-repeat: no-repeat;  
        line-height: 600%;  
        overflow: hidden;  
    }  
    .ui-datepicker-prev {  
        float: left;  
        background-position: center -30px;  
    }  
    .ui-datepicker-next {  
        float: right;  
        background-position: center 0px;  
    }  
    .ui-datepicker thead {  
        background-color: black; 
    }  
    .ui-datepicker th {  
        text-transform: uppercase;  
        font-size: 8pt;  
        padding: 5px 0;  
        color: white;  
    }  
    .ui-datepicker tbody td {  
        padding: 0;  
        border-right: 1px solid black;  
    }  
.ui-datepicker tbody td:last-child {  
    border-right: 0px;  
}
    .ui-datepicker tbody tr {  
        border-bottom: 1px solid black;  
    }  
    .ui-datepicker tbody tr:last-child {  
        border-bottom: 0px;  
    }  
    .ui-datepicker td span, .ui-datepicker td a {  
        display: inline-block;  
        font-weight: bold;  
        text-align: center;  
        width: 30px;  
        height: 25px;  
        line-height: 20px;  
        color: white;  
text-decoration: none;
    }  
    .ui-datepicker-calendar .ui-state-default {  
        background: black;  
    }  
    .ui-datepicker-unselectable .ui-state-default {  
        background: black;  
        color: #b4b3b3;  
    }  
    .ui-datepicker-calendar .ui-state-hover {  
        color:gold;  
    }  
.ui-datepicker-calendar .ui-state-active {  
    border: 1px solid white;  
    position: relative;  
    margin: -1px;  
} 
.ui-datepicker-calendar td:first-child .ui-state-active {  
    width: 29px;  
    margin-left: 0;  
}  
.ui-datepicker-calendar td:last-child .ui-state-active {  
    width: 29px;  
    margin-right: 0;  
} 
    .ui-datepicker-calendar tr:last-child .ui-state-active {  
        height: 29px;  
        margin-bottom: 0;  
    }