.datepicker
{
    background: #fff;
    border:     1px solid #aaa;
    display:    block;
    height:     265px;
    margin-top: 5px;
    position:   absolute;
    width:      300px;

    box-shadow:         0px 2px 5px #ccc;
    -webkit-box-shadow: 0px 2px 5px #ccc;
    -moz-box-shadow:    0px 2px 5px #ccc;
}

    .datepicker .header
    {
        background:    #eee;
        border-bottom: 1px solid #ccc;
        border-top:    1px solid #fff;
        height:        30px;
        position:      relative;
    }

        .datepicker .header .title
        {
            font-size:  14px;
            margin:     0px auto;
            padding:    5px 0px;
            text-align: center;
        }

        .datepicker .header .title:hover
        {
            text-decoration: underline;
        }

        .datepicker .header .previous, .datepicker .header .next
        {
            cursor:     pointer;
            display:    block;
            font-size:  24px;
            height:     10px;
            padding:    0px 5px 5px 3px;
            position:   absolute;
            top:        -2px;
            width:      10px;
        }

        .datepicker .header .previous
        {
            left:  5px;
        }

        .datepicker .header .next
        {
            right: 5px;
        }

        .datepicker .header .closeButton
        {
            display: none;
        }

    .datepicker .body
    {
        height:   225px;
        overflow: hidden;
        position: relative;
    }

        .datepicker .body .slider
        {
            height: 225px;
            margin: 5px 5px 5px 10px;
        }

        .datepicker .body .titles .day
        {
            font-weight: bold;
        }

        /* Grid showing all available days for the current month */
        .datepicker .body .days .day,
        .datepicker .body .months .month,
        .datepicker .body .years .year
        {
            cursor:     pointer;
            float:      left;
            margin:     2px;
            padding:    5px;
            text-align: center;
            width:      24px;
        }

        .datepicker .body .months .month, .datepicker .body .years .year
        {
            margin:  10px 10px 10px 0px;
        }

        .datepicker .body .days .today
        {
            font-weight:     bold;
            text-decoration: underline;
        }

        .datepicker .body .days .selected
        {
            border: 1px solid #ccc;
            margin: 1px;
        }

        .datepicker .body .days .day:hover,
        .datepicker .body .months .month:hover,
        .datepicker .body .years .year:hover
        {
            text-decoration: underline;
        }

        .datepicker .body .days .day.otherMonth, .datepicker .body .unavailable
        {
            color: #ccc;
        }

        .datepicker .body .unavailable:hover
        {
            cursor:          not-allowed;
            text-decoration: none;
        }

        .datepicker .body .time .hour,
        .datepicker .body .time .minutes,
        .datepicker .body .time .separator,
        .datepicker .body .time .ok
        {
            min-width:  100px;
            position:   absolute;
            text-align: center;
            width:      100px;
        }

        .datepicker .body .time
        {
            margin-top: 10px;
        }

        .datepicker .body .time .hour
        {
            left: 7px;
        }

        .datepicker .body .time .minutes
        {
            left: 147px;
        }

        .datepicker .body .time .separator
        {
            font-size:    24px;
            font-weight:  bold;
            left:         128px;
            min-width:    10px;
            width:        10px;
        }

        .datepicker .body .time .ok
        {
            left: 80px;
            top:  55px;
        }

    /* Resets various table elements in the datepicker */
    .datepicker table
    {
        border: none;
    }

    .datepicker table td, .datepicker table th, .datepicker table thead
    {
        background:     none;
        border-spacing: 0;
        border:         none;
    }

    .datepicker table tr:hover
    {
        background: none;
    }