/* Main Style Sheet for jQuery UI date picker */
/* Colours START */
#datepicker_div, .datepicker_inline {
    background: #0066D4;
}

.datepicker_control, .datepicker_control A, .datepicker_links, .datepicker_links A, .datepicker_header, .datepicker_time {
    background-color: #0066D4;
    color: White;
    text-decoration: none;
}

.datepicker_daysCell {
    background-color: #E8F0FF;
    border-color: #D0D2D8;
}

.datepicker_weekEndCell {
    background-color: #E1E4ED;
}

.datepicker_titleRow, .datepicker_titleRow .datepicker_weekEndCell {
    background-color: #B3CDE8;
}

.datepicker_currentDay {
    background: #B3CDE8;
}

.datepicker_today {
    background-color: #0066D4;
    color: White;
    font-weight: bold;
}

.datepicker_daysCell A {
    color: #0066D4;
    text-decoration: none;
}

.datepicker_daysCell:hover {
    background-color: White;
    color: #0066D4;
}

.datepicker_links a:hover, .datepicker_control a:hover {
    color: #0066D4;
    background-color: White;
}

.datepicker_today A {
    color: white;
}
/* Colours END */

/* Layout START */

#datepicker_div, .datepicker_inline {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    padding: 0;
    margin: 0;
    width: 185px;
}

#datepicker_div {
    display: none;
    border-width: 1px;
    border-style: solid;
    z-index: 9999; /*must have*/
}
/*.datepicker_wrap
{
	float: left;
}*/
.datepicker_inline {
    float: left;
    display: block;
    border: 0;
}

.datepicker_rtl {
    direction: rtl;
}

.datepicker_dialog {
    padding: 5px !important;
    border-width: 4px;
    border-style: ridge;
}

button.datepicker_trigger {
    width: 25px;
    padding: 0px;
    border: 0px;
    background: transparent;
}

    button.datepicker_trigger i {
        vertical-align: bottom;
    }

i.datepicker_trigger {
    margin: 2px;
    vertical-align: middle;
}

.datepicker_prompt {
    float: left;
    padding: 2px;
}

* html .datepicker_prompt {
    width: 185px;
}

.datepicker_control, .datepicker_links, .datepicker_header, .datepicker_time, .datepicker {
    clear: both;
    float: left;
    width: 100%;
}

.datepicker_control {
    padding: 2px 0px;
}

.datepicker_links {
    padding: 2px 0px;
}

.datepicker_control, .datepicker_links {
    font-weight: bold;
    font-size: 80%;
    letter-spacing: 1px;
}

    .datepicker_links label { /* disabled links */
        padding: 2px 5px;
    }

.datepicker_clear, .datepicker_prev {
    float: left;
    width: 34%;
}

.datepicker_rtl .datepicker_clear, .datepicker_rtl .datepicker_prev {
    float: right;
    text-align: right;
}

.datepicker_current {
    float: left;
    width: 30%;
    text-align: center;
}

.datepicker_close, .datepicker_next {
    float: right;
    width: 34%;
    text-align: right;
}

.datepicker_rtl .datepicker_close, .datepicker_rtl .datepicker_next {
    float: left;
    text-align: left;
}

.datepicker_header {
    text-align: center;
}

    .datepicker_header select {
        border: 0px;
    }

.datepicker_time {
    padding: 1px 0px 4px 0px;
    text-align: center;
    height: 1.3em;
}

    .datepicker_time select {
        border: 0px;
    }

.datepicker {
    text-align: center;
    font-size: 100%;
    margin-top: 2px;
}

    .datepicker a {
        display: block;
        width: 100%;
    }

.datepicker_daysCell {
    border-width: 1px;
    border-style: solid;
}

    .datepicker_daysCell a {
        display: block;
    }

.datepicker_daysCellOver {
    border-width: 1px;
    border-style: solid;
}

.datepicker_status {
    background: #ddd;
    width: 100%;
    font-size: 80%;
    text-align: center;
}

/* ________ Datepicker Links _______

** Reset link properties and then override them with !important */
#datepicker_div a, .datepicker_inline a {
    cursor: pointer;
    margin: 0;
    padding: 0;
}

.datepicker_inline .datepicker_links a {
    padding: 0 5px !important;
}

.datepicker_control a, .datepicker_links a {
    padding: 2px 5px !important;
}

/* ___________ MULTIPLE MONTHS _________*/

.datepicker_multi .datepicker {
    border-width: 1px;
    border-style: solid;
}

.datepicker_oneMonth {
    float: left;
    width: 185px;
}

.datepicker_newRow {
    clear: left;
}

/* ___________ IE6 IFRAME FIX ________ */

.datepicker_cover {
    display: none; /*sorry for IE5*/
    display /**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}

/* Layout ENDS */