﻿/** MINI-CALENDAR **/

div.mini-calendar { }

/* Corner radius */
div.mini-calendar .ui-corner-all, div.mini-calendar .ui-corner-top, div.mini-calendar .ui-corner-left, div.mini-calendar .ui-corner-tl { -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; -khtml-border-top-left-radius: 0; border-top-left-radius: 0; }
div.mini-calendar .ui-corner-all, div.mini-calendar .ui-corner-top, div.mini-calendar .ui-corner-right, div.mini-calendar .ui-corner-tr { -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; -khtml-border-top-right-radius: 0; border-top-right-radius: 0; }
div.mini-calendar .ui-corner-all, div.mini-calendar .ui-corner-bottom, div.mini-calendar .ui-corner-left, div.mini-calendar .ui-corner-bl { -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; -khtml-border-bottom-left-radius: 0; border-bottom-left-radius: 0; }
div.mini-calendar .ui-corner-all, div.mini-calendar .ui-corner-bottom, div.mini-calendar .ui-corner-right, div.mini-calendar .ui-corner-br { -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; -khtml-border-bottom-right-radius: 0; border-bottom-right-radius: 0; }

/* Date Picker */
div.mini-calendar .ui-datepicker { width: auto; padding: .2em .2em 0; display: none; }
div.mini-calendar .ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
div.mini-calendar .ui-datepicker .ui-datepicker-prev, div.mini-calendar .ui-datepicker .ui-datepicker-next { position:absolute; border: 1px solid #ba0c2f; top: 0; width: 1.8em; height: 1.8em; }
div.mini-calendar .ui-datepicker .ui-datepicker-prev-hover, div.mini-calendar .ui-datepicker .ui-datepicker-next-hover { border: 1px solid #ba0c2f; top: 1px; }
div.mini-calendar .ui-datepicker .ui-datepicker-prev { left:2px; }
div.mini-calendar .ui-datepicker .ui-datepicker-next { right:2px; }
div.mini-calendar .ui-datepicker .ui-datepicker-prev-hover { left:1px; }
div.mini-calendar .ui-datepicker .ui-datepicker-next-hover { right:1px; }
div.mini-calendar .ui-datepicker .ui-datepicker-prev span, div.mini-calendar .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
div.mini-calendar .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
div.mini-calendar .ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
div.mini-calendar .ui-datepicker select.ui-datepicker-month-year {width: 100%;}
div.mini-calendar .ui-datepicker select.ui-datepicker-month, 
div.mini-calendar .ui-datepicker select.ui-datepicker-year { width: 49%;}
div.mini-calendar .ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
div.mini-calendar .ui-datepicker th { padding: .7em 0; text-align: center; font-weight: bold; border: 0;  }
div.mini-calendar .ui-datepicker td { border: 0; padding: 1px; }
div.mini-calendar .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
div.mini-calendar .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
div.mini-calendar .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
div.mini-calendar .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* Interaction states
----------------------------------*/
div.mini-calendar .ui-state-default, div.mini-calendar .ui-widget-content .ui-state-default, div.mini-calendar .ui-widget-header .ui-state-default { border: 1px solid #FFFFFF; background: none; font-weight: bold; color: #C00; }
div.mini-calendar .ui-state-default a, div.mini-calendar .ui-state-default a:link, div.mini-calendar .ui-state-default a:visited { color: #C00; text-decoration: none; }
div.mini-calendar .ui-widget-header .ui-state-hover, div.mini-calendar .ui-widget-header .ui-state-focus { border: 1px solid #cdd5da !important; background: #f6f6f6 url(images/ui-bg_highlight-hard_100_f6f6f6_1x100.png) 50% 50% repeat-x !important; font-weight: bold; color: #111111 !important; }
div.mini-calendar .ui-state-hover a, div.mini-calendar .ui-state-hover a:hover { color: #555; text-decoration: none; }
div.mini-calendar .ui-state-active, div.mini-calendar .ui-widget-content .ui-state-active, div.mini-calendar .ui-widget-header .ui-state-active { border: 1px solid #54585a; background: none; background-color: #54585a; font-weight: bold; color: #FFF; }
div.mini-calendar .ui-state-active a, div.mini-calendar .ui-state-active a:link, div.mini-calendar .ui-state-active a:visited { color: #ba0c2f; text-decoration: none; }
div.mini-calendar .ui-state-hover, div.mini-calendar .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #000; background: none; background-color: #000;  font-weight: bold; color: #FFF; }
div.mini-calendar .ui-state-hover a, div.mini-calendar .ui-state-hover a:hover { color: #fff; text-decoration: none; }
div.mini-calendar .ui-widget :active { outline: none; }

/** UI-DATEPICKER-DIV **/
#ui-datepicker-div { background-color: #FFFFFF; border: 1px solid #555; }

/* Corner radius */
#ui-datepicker-div.ui-corner-all, #ui-datepicker-div.ui-corner-top, #ui-datepicker-div.ui-corner-left, #ui-datepicker-div.ui-corner-tl { -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; -khtml-border-top-left-radius: 0; border-top-left-radius: 0; }
#ui-datepicker-div.ui-corner-all, #ui-datepicker-div.ui-corner-top, #ui-datepicker-div.ui-corner-right, #ui-datepicker-div.ui-corner-tr { -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; -khtml-border-top-right-radius: 0; border-top-right-radius: 0; }
#ui-datepicker-div.ui-corner-all, #ui-datepicker-div.ui-corner-bottom, #ui-datepicker-div.ui-corner-left, #ui-datepicker-div.ui-corner-bl { -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; -khtml-border-bottom-left-radius: 0; border-bottom-left-radius: 0; }
#ui-datepicker-div.ui-corner-all, #ui-datepicker-div.ui-corner-bottom, #ui-datepicker-div.ui-corner-right, #ui-datepicker-div.ui-corner-br { -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; -khtml-border-bottom-right-radius: 0; border-bottom-right-radius: 0; }

#ui-datepicker-div .ui-corner-all, #ui-datepicker-div .ui-corner-top, #ui-datepicker-div .ui-corner-left, #ui-datepicker-div .ui-corner-tl { -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; -khtml-border-top-left-radius: 0; border-top-left-radius: 0; }
#ui-datepicker-div .ui-corner-all, #ui-datepicker-div .ui-corner-top, #ui-datepicker-div .ui-corner-right, #ui-datepicker-div .ui-corner-tr { -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; -khtml-border-top-right-radius: 0; border-top-right-radius: 0; }
#ui-datepicker-div .ui-corner-all, #ui-datepicker-div .ui-corner-bottom, #ui-datepicker-div .ui-corner-left, #ui-datepicker-div .ui-corner-bl { -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; -khtml-border-bottom-left-radius: 0; border-bottom-left-radius: 0; }
#ui-datepicker-div .ui-corner-all, #ui-datepicker-div .ui-corner-bottom, #ui-datepicker-div .ui-corner-right, #ui-datepicker-div .ui-corner-br { -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; -khtml-border-bottom-right-radius: 0; border-bottom-right-radius: 0; }

/* Date Picker */
#ui-datepicker-div.ui-datepicker { width: auto; padding: .2em .2em 0; display: none; }
#ui-datepicker-div.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
#ui-datepicker-div.ui-datepicker .ui-datepicker-prev, #ui-datepicker-div.ui-datepicker .ui-datepicker-next { position:absolute; border: 1px solid #ba0c2f; top: 0; width: 1.8em; height: 1.8em; }
#ui-datepicker-div.ui-datepicker .ui-datepicker-prev-hover, #ui-datepicker-div.ui-datepicker .ui-datepicker-next-hover { border: 1px solid #ba0c2f; top: 1px; }
#ui-datepicker-div.ui-datepicker .ui-datepicker-prev { left:2px; }
#ui-datepicker-div.ui-datepicker .ui-datepicker-next { right:2px; }
#ui-datepicker-div.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
#ui-datepicker-div.ui-datepicker .ui-datepicker-next-hover { right:1px; }
#ui-datepicker-div.ui-datepicker .ui-datepicker-prev span, #ui-datepicker-div.ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
#ui-datepicker-div.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
#ui-datepicker-div.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
#ui-datepicker-div.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
#ui-datepicker-div.ui-datepicker select.ui-datepicker-month, 
#ui-datepicker-div.ui-datepicker select.ui-datepicker-year { width: 49%;}
#ui-datepicker-div.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
#ui-datepicker-div.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
#ui-datepicker-div.ui-datepicker td { border: 0; padding: 1px; }
#ui-datepicker-div.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
#ui-datepicker-div.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
#ui-datepicker-div.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
#ui-datepicker-div.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* Interaction states
----------------------------------*/
#ui-datepicker-div .ui-state-default, #ui-datepicker-div .ui-widget-content .ui-state-default, #ui-datepicker-div .ui-widget-header .ui-state-default { border: 1px solid #FFFFFF; background: none; font-weight: bold; color: #C00; }
#ui-datepicker-div .ui-state-default a, #ui-datepicker-div .ui-state-default a:link, #ui-datepicker-div .ui-state-default a:visited { color: #C00; text-decoration: none; }
#ui-datepicker-div .ui-widget-header .ui-state-hover, #ui-datepicker-div .ui-widget-header .ui-state-focus { border: 1px solid #cdd5da !important; background: #f6f6f6 url(images/ui-bg_highlight-hard_100_f6f6f6_1x100.png) 50% 50% repeat-x !important; font-weight: bold; color: #111111 !important; }
#ui-datepicker-div .ui-state-hover a, #ui-datepicker-div .ui-state-hover a:hover { color: #555; text-decoration: none; }
#ui-datepicker-div .ui-state-active, #ui-datepicker-div .ui-widget-content .ui-state-active, #ui-datepicker-div .ui-widget-header .ui-state-active { border: 1px solid #445566; background: none; background-color: #445566; font-weight: bold; color: #FFF; }
#ui-datepicker-div .ui-state-active a, #ui-datepicker-div .ui-state-active a:link, #ui-datepicker-div .ui-state-active a:visited { color: #ba0c2f; text-decoration: none; }
#ui-datepicker-div .ui-state-hover, #ui-datepicker-div .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #000; background: none; background-color: #000;  font-weight: bold; color: #FFF; }
#ui-datepicker-div .ui-state-hover a, #ui-datepicker-div .ui-state-hover a:hover { color: #fff; text-decoration: none; }
#ui-datepicker-div .ui-widget :active { outline: none; }

/** MINI-CALENDAR VIEW **/
div.mini-calendar-view { width: auto; margin: 0; padding: 0; }

div.mini-calendar-view .ui-widget { font-size: 9.5pt; }

div.mini-calendar-view .ui-buttonset .ui-button {
    margin-left: 0;
    margin-right: -.3em;
}

div.mini-calendar-view .ui-button-text-only .ui-button-text {
    padding: 5px 18px;
}

div.mini-calendar-view .last.ui-button-text-only .ui-button-text 
{
    padding: 5px 17px;
} 

/* Corner radius */
div.mini-calendar-view .ui-corner-all, div.mini-calendar-view .ui-corner-top, div.mini-calendar-view .ui-corner-left, div.mini-calendar-view .ui-corner-tl { -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; -khtml-border-top-left-radius: 0; border-top-left-radius: 0; }
div.mini-calendar-view .ui-corner-all, div.mini-calendar-view .ui-corner-top, div.mini-calendar-view .ui-corner-right, div.mini-calendar-view .ui-corner-tr { -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; -khtml-border-top-right-radius: 0; border-top-right-radius: 0; }
div.mini-calendar-view .ui-corner-all, div.mini-calendar-view .ui-corner-bottom, div.mini-calendar-view .ui-corner-left, div.mini-calendar-view .ui-corner-bl { -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; -khtml-border-bottom-left-radius: 0; border-bottom-left-radius: 0; }
div.mini-calendar-view .ui-corner-all, div.mini-calendar-view .ui-corner-bottom, div.mini-calendar-view .ui-corner-right, div.mini-calendar-view .ui-corner-br { -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; -khtml-border-bottom-right-radius: 0; border-bottom-right-radius: 0; }

div.mini-calendar-view .ui-corner-all, div.mini-calendar-view .ui-corner-top, div.mini-calendar-view .ui-corner-left, div.mini-calendar-view .ui-corner-tl { -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; -khtml-border-top-left-radius: 0; border-top-left-radius: 0; }
div.mini-calendar-view .ui-corner-all, div.mini-calendar-view .ui-corner-top, div.mini-calendar-view .ui-corner-right, div.mini-calendar-view .ui-corner-tr { -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; -khtml-border-top-right-radius: 0; border-top-right-radius: 0; }
div.mini-calendar-view .ui-corner-all, div.mini-calendar-view .ui-corner-bottom, div.mini-calendar-view .ui-corner-left, div.mini-calendar-view .ui-corner-bl { -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; -khtml-border-bottom-left-radius: 0; border-bottom-left-radius: 0; }
div.mini-calendar-view .ui-corner-all, div.mini-calendar-view .ui-corner-bottom, div.mini-calendar-view .ui-corner-right, div.mini-calendar-view .ui-corner-br { -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; -khtml-border-bottom-right-radius: 0; border-bottom-right-radius: 0; }

div.mini-calendar-view .ui-state-default, div.mini-calendar-view .ui-widget-content .ui-state-default, div.mini-calendar-view .ui-widget-header .ui-state-default {
    border: 1px solid #FFF;
    border-top: none;
    border-bottom: none;
    background: none;
    background-color: #54585a;
    font-weight: bold;
    color: #FFF;
}

div.mini-calendar-view .ui-state-hover, div.mini-calendar-view .ui-widget-content .ui-state-hover, div.mini-calendar-view .ui-widget-header .ui-state-hover, 
div.mini-calendar-view .ui-state-focus, .ui-widget-content .ui-state-focus, div.mini-calendar-view .ui-widget-header .ui-state-focus {
    border: 1px solid #FFF;
    border-top: none;
    border-bottom: none;
    background: none;
    background-color: #000;
    font-weight: bold;
    color: #FFF;
}

div.mini-calendar-view .ui-state-active, div.mini-calendar-view .ui-widget-content .ui-state-active, div.mini-calendar-view .ui-widget-header .ui-state-active {
    border: 1px solid #FFF;
    border-top: none;
    border-bottom: none;
    background: none;
    background-color: #fff;
    font-weight: bold;
    color: #C00;
}