.datepick { background-color: #FFFFFF; border: 1px solid #444444; color: #000000; font-family: Arial, Helvetica, Sans-serif; font-size: 100%; width:152px; }
.datepick-rtl { direction: rtl; }
.datepick-popup { z-index: 1000; }
.datepick-disable { background-color: white; position: absolute; z-index: 100; }
.datepick a { color: #FFFFFF; text-decoration: none; }
.datepick a.datepick-disabled { color: #888888; cursor: auto; }
.datepick button { background-color: #FFCCCC; border: medium none; font-weight: bold; margin: 0.25em; padding: 0.125em 0; }
.datepick-nav, .datepick-ctrl { background-color: #000000; color: #FFFFFF; float: left; font-size: 90%; font-weight: bold; height: 20px; width: 100%; }
.datepick-ctrl { background-color: #1798D0; }
.datepick-cmd { width: 30%; }
.datepick-cmd:hover { background-color: #777777; }
.datepick-ctrl .datepick-cmd:hover { background-color: #000000; }
.datepick-cmd-prevJump, .datepick-cmd-nextJump { width: 8%; }
a.datepick-cmd { height: 20px; }
button.datepick-cmd { text-align: center; }
.datepick-cmd-prev, .datepick-cmd-prevJump, .datepick-cmd-clear { float: left; padding-left: 2%; }
.datepick-cmd-current, .datepick-cmd-today { float: left; text-align: center; width: 35%; }
.datepick-cmd-next, .datepick-cmd-nextJump, .datepick-cmd-close { float: right; padding-right: 2%; text-align: right; }
.datepick-rtl .datepick-cmd-prev, .datepick-rtl .datepick-cmd-prevJump, .datepick-rtl .datepick-cmd-clear { float: right; padding-left: 0; padding-right: 2%; text-align: right; }
.datepick-rtl .datepick-cmd-current, .datepick-rtl .datepick-cmd-today { float: right; }
.datepick-rtl .datepick-cmd-next, .datepick-rtl .datepick-cmd-nextJump, .datepick-rtl .datepick-cmd-close { float: left; padding-left: 2%; padding-right: 0; text-align: left; }
.datepick-month-nav { background-color: #777777; float: left; text-align: center; }
.datepick-month-nav div { float: left; margin: 1%; padding: 1%; width: 12.5%; }
.datepick-month-nav span { color: #888888; }
.datepick-month-row { clear: left; }
.datepick-month { border: 1px solid #444444; float: left; text-align: center; width: 15em; }
.datepick-month-header, .datepick-month-header select, .datepick-month-header input { background-color: #444444; color: #FFFFFF; font-weight: bold; height: 20px; }
.datepick-month-header select, .datepick-month-header input { border: 1px none; font-size: 10px; height: 15px; }
.datepick-month-header input { display: none; position: absolute; }
.datepick-month table { border-collapse: collapse; width: 100%; }
.datepick-month thead { border-bottom: 1px solid #AAAAAA; }
.datepick-month th, .datepick-month td { font-weight: normal; margin: 0; padding: 0; text-align: center; }
.datepick-month th { border: 1px solid #777777; }
.datepick-month th, .datepick-month th a { background-color: #777777; color: #FFFFFF; }
.datepick-month td { background-color: #EEEEEE; border: 1px solid #AAAAAA; }
.datepick-month td.datepick-week { border: 1px solid #777777; }
.datepick-month td.datepick-week * { background-color: #777777; border: medium none; color: #FFFFFF; }
.datepick-month a { background-color: #EEEEEE; color: #000000; display: block; padding: 0.125em 0; text-decoration: none; width: 100%; }
.datepick-month span { display: block; padding: 0.125em 0; width: 100%; }
.datepick-month td span { color: #888888; }
.datepick-month td .datepick-other-month { background-color: #FFFFFF; }
.datepick-month td .datepick-weekend { background-color: #DDDDDD; }
.datepick-month td .datepick-today { background-color: #1798D0; }
.datepick-month td .datepick-highlight { background-color: #1798D0; }
.datepick-month td .datepick-selected { background-color: #777777; color: #FFFFFF; }
.datepick-month th.datepick-week { background-color: #777777; color: #FFFFFF; }
.datepick-status { background-color: #DDDDDD; clear: both; text-align: center; }
.datepick-clear-fix { clear: both; }
.datepick-cover { display: none; height: 100px; left: -1px; position: absolute; top: -1px; width: 100px; z-index: -1; }


.ui-widget-header a, .ui-widget-header select { color: #222222; /* Set (.ui-widget-header a) colour from theme here */ }
.ui-widget-header a:hover { background-color: #f0f0f0; /* Set (.ui-state-hover) colours from theme here */ color: #0b5b98; }
.ui-widget-header select, .ui-widget-header option { background-color: #e7eef3; /* Set (.ui-widget-header) background colour from theme here */ }
.ui-state-highlight a { color: #363636; /* Set (.ui-state-highlight) colour from theme here */ }