@import url("jquery-ui-1.7.3.custom");
/* Main Style Sheet for jQuery UI date picker */
#datepicker_div, .datepicker_inline { font-family:Trebuchet MS; /**/ font-size: 11px; padding: 0; margin: 0; background: #ddd; width: 185px; }
#datepicker_div { display: none; border: 1px solid #777; z-index: 9999; /*must have*/ }
.datepicker_inline { float: left; display: block; border: 0; }
.datepicker_rtl { direction: rtl; }
.datepicker_dialog { padding: 5px !important; border: 4px ridge #ddd !important; }
button.datepicker_trigger { width: 25px; }
img.datepicker_trigger { margin: 2px; vertical-align: middle; }
.datepicker_prompt { float: left; padding: 2px; background: #ddd; color: #000; }
* html .datepicker_prompt { width: 185px; }
.datepicker_control, .datepicker_links, .datepicker_header, .datepicker { clear: both; float: left; width: 100%; color: #fff; }
.datepicker_control { background:#3485d6; padding: 2px 0px; }

.datepicker_links { padding:5px 0px; /**/ background:url(../img/datepicker/bg_datepicker_links.gif) repeat-x left top; /**/ color:#fff; }
.datepicker_control, .datepicker_links { font-size: 80%; letter-spacing: 1px; }

.datepicker_links label { float:left; margin:0; padding:0; background:none; color:#fff; }
.datepicker_clear, .datepicker_prev { float: left; width: 34%; }

.datepicker_rtl .datepicker_clear, .datepicker_rtl .datepicker_prev { float: right; text-align: right; }

.datepicker_clear{ padding-left:5px; }
.datepicker_close{ padding-right:5px; }

.datepicker_prev{ background:url(../img/datepicker/btn_prev.gif) no-repeat 5px 4px; }
.datepicker_prev a{ float:right; }
.datepicker_next{ background:url(../img/datepicker/btn_next.gif) no-repeat 45px 4px; }
.datepicker_next a{ float:left; }
.datepicker_current { float:left; /**/ width:30%; /**/ font-size:1.1em; /**/ font-family:Tahoma; /**/ font-weight:700; /**/ text-align:center; /**/ text-transform:uppercase; }

.datepicker_close, .datepicker_next { float: right; width: 34%; text-align: right; }
.datepicker_rtl .datepicker_close, .datepicker_rtl .datepicker_next { float: left; text-align: left; }

.datepicker_header { display:inline; /**/ float:left; /**/ padding:4px 0; /**/ height:23px; /**/ background:url(../img/datepicker/bg_header.gif) repeat-x left top; /**/ font-weight:700; /**/ text-align:center; }
.datepicker_header select { float:right; /**/ border:1px solid #abadb3; /**/ margin-right:12px; /**/ background:#fff url(../img/datepicker/bg_select.gif) repeat-x left top; /**/ font-weight:bold; /**/ color:#0057af;  }
.datepicker_header select option{ text-indent:5px; }

.datepicker { text-align:center; }
.datepicker a { display:block; /**/ width:100%; }

.datepicker_titleRow { height:20px; }
.datepicker_titleRow, .datepicker_titleRow .datepicker_weekEndCell { background:url(../img/datepicker/bg_titlerow.gif) repeat-x left top; /**/ font-weight:700; /**/ color:#fff; }
.datepicker_titleRow a { color:#fff; }


.datepicker_daysRow { background:#fbfbfb; /**/ color: #666; }
.datepicker_daysCell { color: #000; /**/ border: 1px solid #ededed; }
.datepicker_daysCell a { display:block; /**/ color:#000; }
.datepicker_weekEndCell { background:#ededed; }


.datepicker_currentDay { border:1px solid #959595; /**/ font-weight:700; /**/ background: #b4b4b4 !important; }
.datepicker_currentDay a { color:#fff !important; }
/* ________ Datepicker Links _______

** Reset link properties and then override them with !important */
#datepicker_div a, .datepicker_inline a { cursor: pointer; margin:0; padding: 0; background: none; }
.datepicker_inline .datepicker_links a {  }
.datepicker_control a, .datepicker_links a { color:#fff !important; }
/* ___________ MULTIPLE MONTHS _________*/

.datepicker_multi .datepicker { border: 1px solid #777; }
.datepicker_newMonth{ width:95px; }
.datepicker_newYear{ width:55px; }
.datepicker_oneMonth { float: left; width: 185px; }
.datepicker_newRow { clear: left; }
/* ___________ IE6 IFRAME FIX ________ */

.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*/ }

