/* Interaction Cues
----------------------------------*/

/* Component containers
----------------------------------*/
/*HEADER OF CALENDAR*/
#datepicker{padding:2px 11px 0 1px;}
.ui-widget { /*CONTAINER OF DAYS*/}
.ui-widget-header {background:#333333; color: #5a6daa; font-weight: bold; padding: 5px 0 0 0;}
.ui-widget-header a { color: #ffffff; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {  color:#666666; } /*SELLS OF CALENDAR*/
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, .ui-datepicker td a:hover{ background:#5a6daa; color:#FFFFFF;} /*ACTIVE DAY*/

.ui-datepicker { padding:0; display: none; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:0 0; color:#5a6daa; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 8px; display:block;width:17px;height: 20px; cursor:pointer; }
.ui-datepicker .ui-datepicker-prev { left:10px; background:url(../images/calendar_prev.html) no-repeat; }
.ui-datepicker .ui-datepicker-next { right:10px; background:url(../images/calendar_next.html) no-repeat;}
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { background-position: 0 -20px;}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: none; }
.ui-datepicker .ui-datepicker-title {padding:7px 0 8px 0; text-align:center; text-transform:uppercase;font-size: 12px; color:#fff; font-weight:bold; }/*header of calendar*/
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker .ui-datepicker-year { display:none;}
.ui-datepicker table {width: 100%; margin:0 0 0; }
.ui-datepicker th{ color:#fff; text-align:center;border-top: 1px solid #fff;border-left: 1px solid #fff; background:#666666; font-weight:normal;}
.ui-datepicker th span{ padding: 7px 0 8px; display:block;}
.ui-datepicker td{border: none;width:37px; border-left:1px solid #f2f2f2; border-bottom:1px solid #f2f2f2;}
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: 8px 0 7px; text-align: center; text-decoration: none; background:#FFFFFF;}
.ui-datepicker tr th:first-child, .ui-datepicker td:first-child{ border-left:none;}