/* Uses in usual and responsive layouts */

/* overriding styles of jquery ui datepicker (sidebar) */
.minical .ui-datepicker{
    border-top: 6px solid #97cc68;
    border-width: 6px 0 0 0;
    border-radius: 0;
    padding: 0;
    font: 12px/16px 'Open Sans',Arial,sans-serif;
    width: 213px;

    box-shadow: 1px 2px 3px #aaa;   
}
.minical .ui-datepicker .ui-datepicker-header {
    border-radius: 0;
    padding: 0;
    border: 0px none;
}
.minical .ui-datepicker .ui-datepicker-title {
    color: #DFDFDF;
    font-size: 14px;
    font-weight: 700;
    line-height: 33px;
    text-align: center;
    text-transform: uppercase;
    background: #383838;
    margin: 0;
}
.minical .ui-datepicker table {
    margin: 0;
}
.minical .ui-datepicker th {
    background: none repeat scroll 0 0 #F3F3F3;
    color: #656565;
    font-size: 8px;
    font-weight: 700;
    height: 19px;
    text-align: center;
    text-transform: uppercase;
    width: 30px;
    padding: 0; 
}

.minical .ui-datepicker td {
    padding: 0;
}
/*.minical .ui-datepicker td span,
.minical .ui-datepicker td a {
    background: none repeat scroll 0 0 #F9F9F9;
    border: 1px solid #E6E6E6;
    font-size: 12px;
    font-weight: 700;
    height: 29px;
    line-height: 28px;
    text-align: center;
    width: 30px;
}*/

.minical .ui-datepicker td {
    border: 1px solid #E6E6E6;
    width:30px;
}
.minical .ui-datepicker td:last-child {
    border-right: 0 none;
}
.minical .ui-datepicker tr:last-child td {
    border-bottom: 0 none;
}
.minical .ui-datepicker td:first-child {
    border-left: 0 none;
}

.minical .ui-datepicker .ui-state-default {
    background: none repeat scroll 0 0 #F9F9F9;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    border: 0px none;
    padding: 0;
    line-height: 29px;
    font-size: 12px;
}
.minical .ui-datepicker .ui-state-highlight {
    background: none repeat scroll 0 0 #95D167 !important;
    color: #FFFFFF;
    text-shadow: 1px 1px 1px #656565    
}
.minical .ui-datepicker .ui-state-active {
    background: none repeat scroll 0 0 #bbb;
    color: #FFFFFF;
    text-shadow: 1px 1px 1px #656565    
}


.minical .ui-datepicker .ui-priority-secondary {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #B3B3B3;
    text-shadow: none;
}

/* next/prev button */
.minical .ui-datepicker .ui-datepicker-prev, 
.minical .ui-datepicker .ui-datepicker-next {
    height:30px;
}

.minical .ui-datepicker .ui-datepicker-prev span, 
.minical .ui-datepicker .ui-datepicker-next span {
    margin-left: -4px;
    margin-top: -6px;
}

.minical .ui-datepicker .ui-icon-circle-triangle-e,
.minical .ui-datepicker .ui-icon-circle-triangle-w {
    background: url("../images/arrows-8x9.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    display: block;
    height: 9px;
    margin: 0px 0 0 0px;
    width: 8px; 
}
.minical .ui-datepicker .ui-icon-circle-triangle-e {
    background-position: 100% 100%;
}

.minical .ui-datepicker-header .ui-state-hover {
    background: none;
    border:0px none;
}

/* overriding styles of jquery datepick (sidebar, not ui datepicker) */
.minical.datepick{
    border-top: 6px solid #97cc68;
    border-width: 6px 0 0 0;
    border-radius: 0;
    padding: 0;
    font: 12px/16px 'Open Sans',Arial,sans-serif;
    width: auto !important;

    box-shadow: 1px 2px 3px #aaa;   
}
/*
.blue-edition .minical.datepick {
    border-top-color: #4db2ef;
}
*/
.minical.datepick .datepick-nav .datepick-month-header {
    text-align: center;
    vertical-align: top;
}
.minical.datepick .datepick-nav select {
    font-size: 11px;
    background: #383838;
    margin-top: 8px;
    width: 75px;
    margin-bottom: 0;
    padding: 0;
    display:inline-block;
    vertical-align: top;
    color: #fff;
    border: 0px none;
    font-weight: bold;
}
.minical.datepick .datepick-nav select:first-child {
    width:60px;
    margin-right: 10px;
}
.minical.datepick .datepick-nav select:last-child {
    width:60px;
}
.minical.datepick a.datepick-cmd {
    height: auto;
    color: #555555;
    font-size: 13px;
}
.minical.datepick a.datepick-cmd:hover {
    color: #777777;
}
.minical.datepick .datepick-header {
    border-radius: 0;
    padding: 0;
    border: 0px none;
}
.minical.datepick .datepick-nav {
    display:none;
    color: #DFDFDF;
    font-size: 14px;
    font-weight: 700;
    line-height: 33px;
    text-align: center;
    text-transform: uppercase;
    background: #383838;
    margin: 0;
    height:33px;
}
.minical.datepick .datepick-month .datepick-nav {
    display:table;
}
.minical.datepick .datepick-cmd-prev, .minical.datepick .datepick-cmd-next {
    width: 30px;
    background: #383838;
    height: auto;
}
.minical.datepick .datepick-cmd-today {
    width: 153px;
    background: #383838;
}
.minical.datepick table {
    margin: 0;
}
.minical.datepick .datepick-month {
    width: 100%;
    border: 0px none;
}
.minical.datepick th {
    background: none repeat scroll 0 0 #F3F3F3;
    color: #656565;
    font-size: 8px;
    font-weight: 700;
    height: 19px;
    text-align: center;
    text-transform: uppercase;
    width: 30px;
    padding: 0; 
    border: 0px none;
}
.minical.datepick .datepick-ctrl {
    background: none repeat scroll 0 0 #F3F3F3;
    color: #656565;
    font-size: 8px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 3px 0;
}

.minical.datepick td {
    padding: 0;
    border: 1px solid #E6E6E6;
    width:30px;
}
.minical.datepick td:last-child {
    border-right: 0 none;
}
.minical.datepick .datepick-nav td {
    width: auto;
    border: 0px none;
    background: #383838;
}
.minical.datepick .datepick-nav .prev-td, .minical.datepick .datepick-nav .next-td {
    width: 30px;
    vertical-align: top;
}
.minical.datepick tr:last-child td {
    border-bottom: 0 none;
}
.minical.datepick td:first-child {
    border-left: 0 none;
}

.minical.datepick td a, .minical.datepick td span {
    background: none repeat scroll 0 0 #F9F9F9;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    border: 0px none;
    padding: 0;
    line-height: 29px;
    font-size: 12px;
    color: #555;
}
.minical.datepick td span {
    color: #aaa !important;
    background-color: #f1f1f1 !important;
}
.minical.datepick .datepick-nav td span {
    color: inherit !important;
    background-color: inherit !important;
}
.minical.datepick td a.datepick-today {
    background: none repeat scroll 0 0 #95D167 !important;
    color: #FFFFFF;
    text-shadow: 1px 1px 1px #656565    
}
/*
.blue-edition .minical.datepick td a.datepick-today {
    background: none repeat scroll 0 0 #4face5 !important;
}
*/
.minical.datepick td a.datepick-selected {
    background: #bbb !important;
    color: #FFFFFF !important;
    text-shadow: 1px 1px 1px #656565    
}
.minical.datepick td a.datepick-highlight {
    background: #eee;
}

.minical.datepick td a.datepick-other-month {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #B3B3B3;
    text-shadow: none;
}

/* next/prev button */
.minical.datepick .datepick-cmd-prev, .minical.datepick .datepick-cmd-next {
    text-indent: -999px;
    height:30px;
    padding:0;
}
.minical.datepick .datepick-cmd-prev span, .minical.datepick .datepick-cmd-next span {
    background: url("../images/arrows-8x9.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    display: block;
    height: 9px;
    margin: 12px 0 0 10px;
    width: 8px; 
    text-indent: -999px;
    padding:0;
}

.minical.datepick .datepick-cmd-next span {
    background-position: 100% 100%;
}

.minical.datepick .datepick-cmd:hover {
    background-color: transparent;
}
