/*the dive that holds the date picker*/
.ui-datepicker
{
    padding: 5px;
    background: #fff;
}

/*calender header which contains the prev n next btns*/
.ui-datepicker-header
{
    background-color: #f2f2f2;
    padding: 3px;
}

/*container table*/
.ui-datepicker-calendar
{
    background-color: #fff;
    border: 1px dashed #ccc;
}

/*selected date*/
.ui-datepicker-current-day a
{
    color: #333;
    font-weight: bold;
}

.ui-datepicker-title {
  margin: 0 2.3em;
  text-align: center;
}

/*prev/next*/
.ui-datepicker-prev {
  margin-left: 2px;
  float: left;
  cursor: pointer;
  width: 14px;
  height: 14px;
  background-image: url(../images/nav-left.png);
  text-indent: -100px;
  display: block;
  overflow: hidden;
  color: #fff;
}

.ui-datepicker-next {
  margin-right: 2px;
  float: right;
  cursor: pointer;
  width: 14px;
  height: 14px;
  background-image: url(../images/nav-right.png);
  text-indent: -100px;
  display: block;
  overflow: hidden;
  color: #fff;
}