/* The wrapper div */
.datePicker {
  position: absolute;
  min-width: 200px;
  width: 200px;
  z-index: 9999;
  text-align: center;
  font: 900 0.8em/0.8em Verdana, Sans-Serif;
  background: transparent;
}
/*
   Quirksmode necessity
   --------------------
   
   If your HTML document renders in quirksmode (i.e. has no doctype declaration)
   then uncomment the following CSS rule or the datePicker will be HUGE in IE...

.datePicker th, .datePicker td {
  font-size:11px;
}
*/
/* The iframe hack to cover selectlists in Internet Explorer <= v6 */
.iehack {
  position: absolute;
  background: #fff;
  z-index: 9998;
  padding: 0;
  border: 0;
  display: none;
}
/* The button created beside each input */
.date-picker-control {
  border: 0;
  padding: 0;
  margin: 0;
  background:url(../images/icons/date_edit.png) no-repeat 0 0;
  width: 16px;
  height: 16px;
  vertical-align: bottom;
  cursor: pointer;
}
/* The next & previous buttons */
.datePicker th button {
  display: inline;
  padding: 0;
  margin: 0;
  border: 0;
  font-family: verdana, geneva, arial, helvetica, sans-serif;
  font-size: 110%;
  font-weight: bold;
  color: #444;
  width: auto;
  cursor: pointer;
  background: transparent;
  /* Remove the next line (or add it to an IE specific stylesheet imported using conditional comments) should you wish to validate the css */
  outline: expression(hideFocus="true");
}
.datePicker th button:active, .datePicker th button:focus, .date-picker-control:active, .date-picker-control:focus, .datePicker th button.disabled {
  outline: none !important;
  /* Remove the next line should you need to validate the css */
  -moz-outline-style: none;
}
.datePicker th button.prev-but {
  text-align: left;
}
.datePicker th button.next-but {
  text-align: right;
}
.datePicker th button.disabled {
  color: #aaa;
  cursor: default;
}
.but-spacer {
  margin-right: 0.2em;
}
/* The mon, tue, wed etc day buttons */
.datePicker th button.fd-day-header {
  text-align: center;
  margin: 0 auto;
  font-family: verdana, geneva, arial, helvetica, sans-serif;
  font-size: 110%;
  height: auto;
  width: auto;
  text-decoration: none;
  line-height: 1.5em;
}
/* The table */
.datePicker table {
  position: relative;
  margin: 0;
  padding: 0;
  border: 1px solid #ccc;
  background: #fff url(../images/form/datepicker/gradient-e5e5e5-ffffff.gif) repeat-x 0 -20px;
  text-align: center;
  width: 100%;
}
.datePicker table tfoot td {
  background: #fff url(../images/form/datepicker/gradient-e5e5e5-ffffff.gif) repeat-x 0 -40px;
}
/* Common TD & TH styling */
.datePicker table td {
  border: 1px solid #ccc;
  /*padding: 0.6em 0.5em 0.5em 0.5em;*/
  padding: 5px; /*added*/
  font-weight: normal; /*added*/
  /* Opera requires a line-height bigger than 1em in order to redraw properly */
  line-height: 1.2em;
  cursor: default;
  background: #fff url(../images/form/datepicker/gradient-e5e5e5-ffffff.gif) repeat-x 0 -50px;
}
.datePicker table th {
  border: 0 none;
  padding: 0;
  line-height: 1em;
  font-weight: bold;
  color: #444;
  text-align: center;
}
/* The "mon tue wed etc" day header button styles */
.datePicker table th.date-picker-day-header {
  text-transform: uppercase;
  cursor: pointer; /*was: help*/
}
/* The "todays date" style */
.datePicker table td.date-picker-today {
  background: #fff url(../images/form/datepicker/bullet3.gif) no-repeat 0 0;
  color: #000 !important;
  font-weight: bold;
}
/* The "selected date" style */
.datePicker table td.date-picker-selected-date {
  color: #333 !important;
  border-color:#333 !important;
  font-weight: bold;
}
/* the "highlight days" style */
td.date-picker-highlight {
  color: #bf0000;
}
/* The date "out of range" style */
.datePicker table td.out-of-range {
  color:#ccc !important;
  font-style:oblique;
  background:transparent !important;
  cursor:default !important;
}
/* The "disabled days" style */
.datePicker table td.day-disabled {
  color: #aaa !important;
  background: transparent !important;
  cursor: default !important;
}
/* The "active cursor" style */
.datePicker table td#date-picker-hover {
  background: #fff url(../images/form/datepicker/bg_header.jpg) no-repeat 0 0;
  cursor: pointer;
  border-color: #096bac;
  color: #096bac;
}
/* Remove the images for Internet Explorer <= v6 using the "* html" hack */
* html .datePicker table td.date-picker-selected,
* html .datePicker table td.date-picker-hover,
* html .datePicker table td {
  background-image: none;
}