/* Main Style Sheet for jQuery UI date picker */
#ui-datepicker-div, .ui-datepicker-inline {font-size: 13px;padding: 0;margin: 0;background: #ddd;width: 185px;overflow:hidden;}
#ui-datepicker-div {display: none;border: 2px solid #222;z-index: 100; /*must have*/}
.ui-datepicker-inline {float: left;display: block;border: 0;}
.ui-datepicker-rtl {direction: rtl;}
.ui-datepicker-dialog {padding: 5px !important;border: 4px ridge #ddd !important;}
.ui-datepicker-disabled {position: absolute;z-index: 100;background-color: white;opacity: 0.5;}
button.ui-datepicker-trigger {width: 25px;}
img.ui-datepicker-trigger {vertical-align: middle;}
.ui-datepicker-prompt {float: left;padding: 2px;background: #ddd;color: #000;}
* html .ui-datepicker-prompt {width: 185px;}
.ui-datepicker-control, .ui-datepicker-links, .ui-datepicker-header, .ui-datepicker {clear: both;float: left;width: 100%;color: #fff;}
.ui-datepicker-control {background: #fff;padding: 2px 0px;}
.ui-datepicker-links {display:none;background: #000;padding: 2px 0px;}
.ui-datepicker-control, .ui-datepicker-links {font-weight: bold;font-size: 80%;}
.ui-datepicker-link.ui-datepicker-clear, .ui-datepicker-prev {float: left;width: 34%;}
.ui-datepicker-clear {display:none;}
.ui-datepicker-rtl .ui-datepicker-clear, .ui-datepicker-rtl .ui-datepicker-prev {float: right;text-align: right;}
.ui-datepicker-current {float: left;width: 30%;text-align: center;}
.ui-datepicker-close, .ui-datepicker-next {float: right;width: 34%;text-align: right;}
#ui-datepicker-div .ui-datepicker-close a {display:inline-block; margin:3px 7px 4px; width:9px; height:9px; overflow:hidden; text-indent:15px; padding:0 !important; background:url('/resource/images/recruit/bg_datepicker.gif') no-repeat;}
.ui-datepicker-rtl .ui-datepicker-close, .ui-datepicker-rtl .ui-datepicker-next {float: left; color: #fff; border: 0px; font-weight: bold;}
.ui-datepicker-header {background:#444; padding:6px 0; text-align: center;font-weight: bold;};
.ui-datepicker-header select {backgfffnd: #333;color: #fff;border: 0px;font-weight: bold;};

.ui-datepicker {background: #ccc;text-align: center;font-size: 100%;text-align: center;font-size: 100%;}
.ui-datepicker td {text-align:center;}
.ui-datepicker a {display: block;width: 100%;}
.ui-datepicker-title-row {background: #588200;}
.ui-datepicker-title-row td {border:1px solid #fff;padding:3px 0 3px;font-weight:bold;}
.ui-datepicker-days-row {background: #eee;color: #666;}
.ui-datepicker-week-col {background: #777;color: #fff;}
.ui-datepicker-days-cell {color: #000;border: 1px solid #fff;padding:3px 0 3px;}
.ui-datepicker-days-cell a {display: block; text-decoration:none;}
.ui-datepicker-week-end-cell {background: #ddd;}
.ui-datepicker-title-row .ui-datepicker-week-end-cell {background: #588200;}
.ui-datepicker-days-cell-over {background: #588200;}
.ui-datepicker-days-cell-over a {color:#fff !important;}
.ui-datepicker-unselectable {color: #888;}
.ui-datepicker-today {/*background: #fcc !important;*/}
.ui-datepicker-status {background: #ddd;width: 100%;font-size: 80%;text-align: center;display:none;}
.ui-datepicker-current-day {background: #588200 !important;}
.ui-datepicker-current-day a {color:#fff !important;}

/* ________ Datepicker Links _______
** Reset link properties and then override them with !important */
#ui-datepicker-div a, .ui-datepicker-inline a {cursor: pointer;margin: 0;padding: 0;background: none;color: #000;}
.ui-datepicker-inline .ui-datepicker-links a {padding: 0 5px !important;}
.ui-datepicker-control a, .ui-datepicker-links a {padding: 2px 5px !important;color: #eee !important;}
.ui-datepicker-title-row a {color: #eee !important;}

/* ___________ MULTIPLE MONTHS _________*/

.ui-datepicker-multi .ui-datepicker {border: 1px solid #777;}
.ui-datepicker-one-month {float: left;width: 189px;}
.ui-datepicker-new-row {clear: left;}

/* ___________ IE6 IFRAME FIX ________ */
.ui-datepicker-cover {display: none; /*sorry for IE5*/ display/**/: block; /*sorry for IE5*/ position: absolute; /*must have*/ z-index: -1; /*must have*/ filter: mask(); /*must have*/ top: -4px; /*must have*/ left: -4px; /*must have*/ width: 200px; /*must have*/ height: 200px; /*must have*/}