table.jCalendar {
    border: 1px solid #e3e3e3;
    background: #fff;
    border-collapse: collapse;
    /* border-spacing: 2px; */
}
table.jCalendar th {
    background: #333;
    color: #fff;
    font-weight: bold;
    padding: 3px 5px;
}

table.jCalendar td {
    background: #ccc;
    color: #000;
    padding: 5px 8px;
    text-align: center;
}
table.jCalendar td.other-month {
    background: #ddd;
    color: #aaa;
}
table.jCalendar td.today {
    background: #07C;
    color: #fff;
}
table.jCalendar td.selected {
    background: #f66;
    color: #fff;
}
table.jCalendar td.selected.dp-hover {
    background: #f33;
    color: #fff;
}
table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td {
    background: #fff;
    color: #000;
}
table.jCalendar tr.selectedWeek td {
    background: #f66;
    color: #fff;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
    background: #bbb;
    color: #888;
}
table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover {
    background: #bbb;
    color: #888;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup {
    position: relative;
    background: #f3f3f3;
    font-size: 10px;
    padding: 5px;
    width: 197px;
    line-height: 1.2em;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
    margin: 38px 0 0 10px;
    /* -moz-transition: all 0.1s ease-in-out; */
    /* -o-transition: all 0.1s ease-in-out; */
    /* -ms-transition: all 0.1s ease-in-out; */
}

div.dp-popup div.dp-arrow {
   position: absolute;
   top: -11px;
   right: 90px;
   height: 0;
   width: 0;
   display: inline-block;
   width: 23px;
   height: 11px;
   background-image: url("../images/sprite_landing.png");
   background-position: -73px -150px;
}

div#dp-popup {
    position: absolute;
    z-index: 199;
}
div.dp-popup h2 {
    font-size: 12px;
    text-transform: uppercase;
    text-align: center;
    margin: 2px 0;
    padding: 0;
}
a#dp-close {
    font-size: 11px;
    padding: 4px 0;
    text-align: center;
    display: block;
}
a#dp-close:hover {
    text-decoration: underline;
}
div.dp-popup a {
    color: #000;
    text-decoration: none;
    padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
    position: absolute;
    top: 2px;
    left: 4px;
    width: 100px;
}


/* icons for next icons */
div.dp-popup a.dp-nav-next-year{
  background-position: -84px -76px;
}
div.dp-popup a.dp-nav-next-year:hover {
  background-position: -84px -40px;
}
div.dp-popup a.dp-nav-next-year.disabled{
  background-position: -84px -60px;
}
div.dp-popup a.dp-nav-next-month{
  background-position: -70px -76px;
}
div.dp-popup a.dp-nav-next-month:hover {
  background-position: -70px -40px;
}
div.dp-popup a.dp-nav-next-month.disabled{
  background-position: -70px -60px;
}

/* icons for prev actions */
div.dp-popup a.dp-nav-prev-year{
  background-position: -84px -129px;
}
div.dp-popup a.dp-nav-prev-year:hover {
  background-position: -84px -111px;
}
div.dp-popup a.dp-nav-prev-year.disabled{
  background-position: -84px -93px;
}
div.dp-popup a.dp-nav-prev-month{
  background-position: -66px -129px;
}
div.dp-popup a.dp-nav-prev-month:hover {
  background-position: -66px -111px;
}
div.dp-popup a.dp-nav-prev-month.disabled{
  background-position: -66px -93px;
}


div.dp-popup div.dp-nav-prev a {
    float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
    width: 12px;
    height: 12px;
    background-repeat: no-repeat;
    color: transparent;
    display: inline-block;
    background-image: url("../images/sprite_landing.png");
    cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
    cursor: default;
}
div.dp-popup div.dp-nav-next {
    position: absolute;
    top: 2px;
    right: 4px;
    width: 100px;
}
div.dp-popup div.dp-nav-next a {
    float: right;
}
div.dp-popup a.disabled {
    cursor: default;
    color: #aaa;
}
div.dp-popup td {
    cursor: pointer;
}
div.dp-popup td.disabled {
    cursor: default;
}


input.dp-applied{
  background-image: url("../../../images/common-ui/input_date_icon.png");
  background-repeat: no-repeat;
  background-position: right center;
}