/* --- datepicker.css --- */

/* =====================================================================
	datepicker overrides
===================================================================== */

.ui-datepicker {
    font-size: 75%;
    width: auto !important;
}

    .ui-datepicker .ui-datepicker-title span {
        color: #C40F39 !important;
    }

    /* --- required to re-reset engine base overrides (urgh! two sets of engine datepicker css!) --- */
    .ui-datepicker .ui-datepicker-prev,
    .ui-datepicker .ui-datepicker-next {
        width: auto !important;
    }

    .ui-datepicker .ui-datepicker-prev {
        left: 2px !important;
    }

    .ui-datepicker .ui-datepicker-next {
        right: 2px !important;
    }

    .ui-datepicker .ui-datepicker-prev-hover,
    .ui-datepicker .ui-datepicker-next-hover {
    }

    .ui-datepicker .ui-datepicker-prev span,
    .ui-datepicker .ui-datepicker-next span {
        text-indent: 0 !important;
        position: relative !important;
        top: 2px !important;
        left: 0 !important;
        margin: 0 !important;
        font-size: 10px !important;
    }

    .ui-datepicker .ui-datepicker-title {
        width: 203px !important;
        margin: 0 !important;
    }

    .ui-datepicker table {
        border-collapse: separate !important;
        border-spacing: 2px !important;
        font-size: 100% !important;
        margin-bottom: 2px !important;
        width: 150px !important;
    }

    .ui-datepicker th {
        padding: 0.3em !important;
    }

    .ui-datepicker td {
        padding: 0 !important;
    }

        .ui-datepicker td span,
        .ui-datepicker td a {
            text-align: center !important;
        }

body .ui-datepicker-calendar .ui-datepicker-current-day {
    background: none;
}

#ui-datepicker-div {
    z-index: 100 !important;
}

/*body .ui-datepicker-calendar td span,*/ body .ui-datepicker-calendar td a.ui-state-active {
    color: #000 !important;
    background: #ccc !important;
}

body .ui-datepicker-calendar td span, body .ui-datepicker-calendar td a {
    font-size: 11px;
}
