/* Reset */
.ui-datepicker,
.ui-datepicker table,
.ui-datepicker tr,
.ui-datepicker td,
.ui-datepicker th {margin: 0;padding: 0;border: none;border-spacing: 0;}

/* Calendar Wrapper */
.ui-datepicker { border: 1px solid #E6E6E6; display: none; cursor: default; text-transform: uppercase; }

/* Calendar Header */
.ui-datepicker-header { position: relative; border-bottom: 1px solid #E6E6E6; background: #64BFEB; }
.ui-datepicker-title { text-align: center; }

/* Month */
.ui-datepicker-month { position: relative; color: #FFF; font: 15px/33px 'Open Sans', sans-serif; }
.ui-datepicker-month:before { display: block; position: absolute; top: 5px; right: 0; width: 5px; height: 5px; content: ''; }

/* Year */
.ui-datepicker-year { color: #FFF; font: 15px/33px 'Open Sans', sans-serif; }

/* Prev Next Month */
.ui-datepicker-prev,
.ui-datepicker-next { position: absolute; cursor: pointer; height: 33px; width: 33px; }
.ui-datepicker-prev { left: 0; padding-left: 0; }
.ui-datepicker-next { right: 0; padding-right: 0; }
.ui-datepicker-prev span,
.ui-datepicker-next span{ display: block; width: 33px; height: 33px; text-indent: -9999px; background: url('/images/website/icons/arrow-right.jpg') no-repeat center center; }

.ui-datepicker-prev span { background: url('/images/website/icons/arrow-left.jpg') no-repeat center center; }
.ui-datepicker-next span {  }
.ui-datepicker-prev-hover span { background: url('/images/website/icons/arrow-left.jpg') no-repeat center center; }
.ui-datepicker-next-hover span { background: url('/images/website/icons/arrow-right.jpg') no-repeat center center; }

/* Calendar "Days" */
.ui-datepicker-calendar th { padding-top: 5px; padding-bottom: 5px; text-align: center; font-weight: normal; color: #A7A7A7; }
.ui-datepicker-calendar td { text-align: center; line-height: 15px; padding: 0 3px; }
.ui-datepicker-calendar .ui-state-default { text-align: center; display: block; width: 15px; outline: none; text-decoration: none; color: #565656; border: 1px solid transparent; padding: 4px; }
.ui-datepicker-calendar .ui-state-default:hover{ border-color: #268CC9; }

/* Day Active State*/
.ui-datepicker-calendar .ui-state-active { color: #268CC9; background: #CCC; font-weight: bold; }

/* Other Months Days*/
.ui-datepicker-other-month .ui-state-default { color: #A7A7A7; }

.ui-datepicker-calendar .highlight .ui-state-default{ color: #268CC9; }