.dateselector-button-style {
        width: 21px;
        height: 21px;
        position: relative;
        top: 0px;
        left: -22px;
        cursor: pointer;
        font-family: Verdana;
}

/* Default attributes of table container for entire calendar */
.dateselector-table-style {
        font-family: arial;
        border-width: 1px;
        border-style: solid;
        border-color: #a0a0a0;
        background-color: #ffffff;
        font-family: arial;
        font-size: 11px;
}

/* Default attributes of DIV containing table container for entire calendar.
 * You probably don't want to alter this style.
 */
.dateselector-div-style {
        z-index: +998;
        position: absolute;
        visibility: hidden;
}

/* Default attributes used in calendar title (month and year columns).*/
.dateselector-title-style {
        padding: 0px;
        color: #000000;
}

/* Default attributes used in calendar title background.*/
.dateselector-title-background-style {
        /* background-color: #D4D0C8; */
        background-color: #EDEDE1;
}

/* Normal appearance of controls in calendar title. */
/* Note: The right, left and down icons are images, which must be edited if you need to change them. */
.dateselector-title-control-normal-style {
        font-weight: bold;
        font-family: arial;
        font-size: 12px;
        cursor: pointer;
}

/* Default attributes of calendar body (weekday titles and numbers). */
.dateselector-body-style {
        padding: 0px;
        background-color: #FFFFFF;
        font-family: verdana;
        font-size: 10px;
}

.dateselector-div-style a {
       border-style: solid;
       border-width: 1px;
       border-color: white;
       width: 100%;
       display: block;
}

.dateselector-div-style a:hover {
        border-style: solid;
        border-width: 1px;
        border-color: #a0a0a0;
}

/* Attributes of current day in calendar body. */
.dateselector-div-style A.current-day-style {
        color: blue;
        font-weight: bold;
        text-decoration: none;
}

/* Attributes of end-of-week days (Sundays) in calendar body. */
.dateselector-div-style A.end-of-weekday-style {
        color: red;
        text-decoration: none;
}

/* Attributes of all other days in calendar body. */
.dateselector-div-style A.normal-day-style {
        color: black;
        text-decoration: none;
}

/* Attributes of border around selected day in calendar body. */
.dateselector-div-style A.selected-day-style {
        border-style: solid;
        border-width: 1px;
        border-color: #a0a0a0;
}
