@charset "utf-8";
/* CSS Document */

div#ui-datepicker-div { width: 220px; height: auto; border: 1px solid #CCCCCC; background-color: #f4f4f4; }

div.ui-datepicker-header { width: 210px; height: 35px; color: #e0e0e0; font-family: Arial; font-size: 14px; font-weight: bold; background: url(../images/datepicker-upper-shape.png) no-repeat top center; margin: 5px; }

a.ui-datepicker-prev { background: url(../images/datepicker-left-arrow.png) center no-repeat; }

a.ui-datepicker-next { background: url(../images/datepicker-right-arrow.png) center no-repeat; }

a.ui-datepicker-prev:hover { background: url(../images/datepicker-left-arrow-hover.png) center no-repeat; cursor: pointer; }

a.ui-datepicker-next:hover { background: url(../images/datepicker-right-arrow-hover.png) center no-repeat; cursor: pointer; }

table.ui-datepicker-calendar { width: 210px; height: 80px; margin-left: 5px; margin-top: -11px; margin-bottom: 10px; box-shadow: -1px 1px 3px #CCCCCC; }

table.ui-datepicker-calendar a { text-align: center; }

table.ui-datepicker-calendar thead { background-color: #f4f4f4; color: #666666; border-right: 1px solid #BBBBBB; border-left: 1px solid #BBBBBB; }

table.ui-datepicker-calendar th { padding: 0;  }

table.ui-datepicker-calendar td { background: url(../images/datepicker-item.png) no-repeat left top; width: 35px; height: 30px; border: 1px solid #BBBBBB; color: #CCCCCC; }

table.ui-datepicker-calendar td.ui-state-disabled { background: url(../images/datepicker-item-inactive.png) no-repeat left top; }

table.ui-datepicker-calendar td a { color: #666666; font-weight: bold; }

table.ui-datepicker-calendar td:hover { background: url(../images/datepicker-item-hover.png) no-repeat center top; }

table.ui-datepicker-calendar td:hover a { color: #F8F8F8; }

table.ui-datepicker-calendar td.ui-state-disabled:hover { background: #f4f4f4; }