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

/* Component containers
----------------------------------*/
/*HEADER OF CALENDAR*/
#datepicker{padding:10px 0  30px 0;position:relative;}
.ui-widget { /*CONTAINER OF DAYS*/}
.ui-widget-header {}
.ui-widget-header a { color: #ffffff; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {  color:#7c6a6a; } /*SELLS OF CALENDAR*/
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, .ui-datepicker td a:hover{ background:#ffeac7; color:#ca4040;} /*ACTIVE DAY*/

.ui-datepicker { padding:0; display: none; }
.ui-datepicker .ui-datepicker-header {  padding:0 0;margin-bottom:3px }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: auto;bottom:0; display:block;width:20px;height: 19px; cursor:pointer; }
.ui-datepicker .ui-datepicker-prev { left:38%; background:url(../images/prev-1.png) no-repeat 0 0; }
.ui-datepicker .ui-datepicker-next { right:36%; background:url(../images/next-1.png) no-repeat 0 0;}
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { background-position: 0 bottom;}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: none; }

.ui-datepicker .ui-datepicker-title {padding:2px 6px;font-size: 13px; color:#fff; font-weight:bold; background:#96231b;display:inline-block;
border-radius:12px;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;}/*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: 104%; margin:0 0 0; }
.ui-datepicker th{ color:#fff; text-align:center;border: none;weight:normal;background:none}
.ui-datepicker th span{ padding: 2px 0 4px; display:block;font-size:12px;font-weight:bold;font-family:Arial, Helvetica, sans-serif}
.ui-datepicker td{border: none;width:38px; border:none;}
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: 6px 0 4px; text-align: center; text-decoration: none;}
.ui-datepicker tr th:first-child, .ui-datepicker td:first-child{ border-left:none;}
#datepicker .ui-corner-all{border:none}

#datepicker  .ui-widget-content .ui-state-default{border:none;font-family:Arial, Helvetica, sans-serif;font-size:13px;font-weight:bold;color:#fff}
#datepicker .ui-state-highlight.ui-state-active,#datepicker .ui-datepicker td a:hover,.ui-state-active{background:url(../images/data-active.png) no-repeat center center !important; }



#datepicker .ui-widget-content {
    background: none;
    border: none;

}