.datepicker {
   margin: 10px;
   padding: 2px;
   position: absolute;
   top: -50px;
   left: 200px;
   width: 300px;
   min-height: 370px;
   background: #fff;
   border: 3px solid #ccc;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   z-index: 100;
}
div.month-wrap {
   height: 40px;
   background-color: #ddd;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   text-align: center;
}
div.bn_prev {
   margin: 3px;
   float: left;
   width: 24px;
   height: 24px;
   text-align: right;
}
div.bn_next {
   margin: 3px;
   float: right;
   width: 24px;
   height: 24px;
}
img.bn_img {
   margin: 0;
   padding: 2px;
}
div.month {
   float: left;
   padding-top: 6px;
   width: 219px;
   height: 24px;
   text-align: center;
   font-size: 1.2em;
}
table.cal {
   text-align: center;
}
table.cal th,
table.cal td {
   max-width: 35px;
   height: 22px;
   padding: 0;
}
table.cal td {
   background-color: #ddd;
   border: 1px solid #cdcdcd;
}

table.cal td.today {
   background-color: #9e2023;
   color: #fff;
}

table.cal td.empty {
   background-color: #f9f9f9;
   border: 1px solid #eee;
}

table.cal td:hover,
table.cal td.focus {
   background-color: #9e2023;
   color: #fff;
}

table.cal td.empty:hover{
   background-color: #f9f9f9;
   border: 1px solid #eee;
}

.offscreen {
   position: absolute;
   left: -200em;
   top: -100em;
}
.datepicker[aria-hidden="true"] {
   display: none;
}



/*SEPIA*/

.sepia .datepicker, .sepia div.month-wrap{
   background: #F0E4D2;
   border-color: #bfb3a4;
}
.sepia table.cal td {
   background-color: #e4dace;
   border-color: #bfb3a4;
}
.sepia table.cal td.empty {
   background-color: #F0E4D2;
}
.sepia table.cal td.today, .sepia table.cal td:hover, .sepia table.cal td.focus{
   background-color: #9e2023 !important
}

/*CONTRAST*/

.contrast .datepicker, .contrast div.month-wrap{
   background: #000;
   border-color: #fff;
}
.contrast table.cal td {
   background-color: #2b2b2b;
   border: none;
}
.contrast table.cal td.empty {
   background-color: #000;
}
.contrast table.cal td.today, .contrast table.cal td:hover, .contrast table.cal td.focus{
   background-color: #9e2023 !important
}