div.datepicker {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
width:196px;
height:147px;
position:absolute;
cursor:default;
top:0;
left:0;
display:none;
}

.datepickerContainer {
position:absolute;
top:10px;
left:10px;
}

.datepickerBorderT {
position:absolute;
left:10px;
top:0;
right:10px;
height:10px;
background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAC5JREFUeNpiZGBgcGIgAjAxEAmIVsgIxP+JUchiaWlJnIlCQkL/B8Yz1FcIEGAAKmEDNWZETYgAAAAASUVORK5CYII=);
}

.datepickerBorderB {
position:absolute;
left:10px;
bottom:0;
right:10px;
height:10px;
background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAClJREFUeNpiFBIS+s9ABGBiIBIMoEIWdXV1ohQyAvF/YhU6DYxnAAIMABeVAv9hy2DTAAAAAElFTkSuQmCC);
}

.datepickerBorderL {
position:absolute;
left:0;
bottom:10px;
top:10px;
width:10px;
background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACVJREFUeNpiZGBgcGJAgL2WlpYMN2/eZEAHTAxEglGF1FEIEGAAfgoESQJg4V0AAAAASUVORK5CYII=);
}

.datepickerBorderR {
position:absolute;
right:0;
bottom:10px;
top:10px;
width:10px;
background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACZJREFUeNpiFBIS+s+ABtTV1RmOHz8OYjrDxJgYiASjCqmjECDAAJA0BFZ7FUZmAAAAAElFTkSuQmCC);
}

.datepickerBorderTL {
position:absolute;
top:0;
left:0;
width:10px;
height:10px;
background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHNJREFUeNpi/P//PwMMMDIyCgMpCSAWAGJ2BiTAAlXAC6TUgZiPAQdggtJ4FYFNhFrHh2RDHBC7A7EIutVSSPwESUnJSCkpKQY2NjYGdIUCSHxPGRkZho8fPzK8efMGw42sSHwBFhYWDEXIniEIqK8QIMAAODoPYJS2NKIAAAAASUVORK5CYII=);
}

.datepickerBorderTR {
position:absolute;
top:0;
right:0;
width:10px;
height:10px;
background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJJJREFUeNpiZGBgcGJABT+B+AMQv/j///9bmCALAyZgB2JxEGZkZPwEpG8CNXxmYsAP+IBYHcRgBOL/aJJvgHgnEC8C4j9QsYuMlpaWKAp//frF8OzZM4bnz58vB3LnQIVfMwoJCaEoFBERYeDn52c4ffo0yEPBUOHfGG588+YNAwsL2I8CSMKshDwDB9RXCBBgAHFNJ5pMbRDtAAAAAElFTkSuQmCC);
}

.datepickerBorderBL {
position:absolute;
bottom:0;
left:0;
width:10px;
height:10px;
background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHVJREFUeNpiZGBgcGJAgL2WlpYMN2/eZEAHTAxEAtoo/IvE//7v3z8GXl5eDIUsQPwBiIVhnnn06JGPgoIChkJGIJYAYi0onx2I84HYFd1ZjP///2dgZGQ0BbJ5ifEMKOA+41MINhHOYWSUgjqFH+osOAAIMADsHxe+NSvGKQAAAABJRU5ErkJggg==);
}

.datepickerBorderBR {
position:absolute;
bottom:0;
right:0;
width:10px;
height:10px;
background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHJJREFUeNpiFBIS+s+ABtTV1RmOHz8OYjrDxJgYiAR0UMjLy8vw588fEPMDkvBvFpDD0cGDBw9A1BEkoQ+MQALd1/+AeDcQTwTin1CxayzIQYADfP7///8LQp75DMQ3QQwWLJIgp3wE4hdAk57BBAECDAB1ziDkSFW4ZAAAAABJRU5ErkJggg==);
}

div.datepicker table {
border-collapse:collapse;
}

div.datepicker a {
color:#eee;
text-decoration:none;
cursor:default;
outline:none;
}

div.datepicker table td {
text-align:right;
margin:0;
padding:0;
}

div.datepicker th {
text-align:center;
color:#999;
font-weight:normal;
}

div.datepicker tbody th {
text-align:left;
}

td.datepickerNotInMonth a {
color:#666;
}

tbody.datepickerDays td.datepickerSelected {
background:#136A9F;
}

div.datepicker td.datepickerNotInMonth a:hover {
color:#999;
}

.datepickerSpace div {
width:20px;
}

td.datepickerSpecial a {
background:#700;
}

td.datepickerSpecial.datepickerSelected a {
background:#a00;
}

.datepickerHidden,table.datepickerViewDays tbody.datepickerMonths,table.datepickerViewDays tbody.datepickerYears,table.datepickerViewMonths tbody.datepickerDays,table.datepickerViewMonths tbody.datepickerYears,table.datepickerViewMonths tr.datepickerDoW,table.datepickerViewYears tbody.datepickerDays,table.datepickerViewYears tbody.datepickerMonths,table.datepickerViewYears tr.datepickerDoW {
display:none;
}

tbody.datepickerDays td.datepickerNotInMonth.datepickerSelected,tbody.datepickerYears td.datepickerSelected,tbody.datepickerMonths td.datepickerSelected {
background:#17384d;
}

td.datepickerDisabled a,td.datepickerDisabled.datepickerNotInMonth a,td.datepickerDisabled a:hover {
color:#333;
}
