/**
 * Note that #content precedes inline (permanent calendars), not the ones displayed on focus or click
 *
 */
.pw-content .ui-datepicker, #content .ui-datepicker {
  font-size: 1.1em; }
.pw-content .ui-datepicker-calendar, #content .ui-datepicker-calendar {
  margin-top: 0; }
.pw-content .ui-datepicker-inline, #content .ui-datepicker-inline {
  padding-bottom: 0.5em; }

.ui-timepicker-div .ui-widget-header,
#content .ui-timepicker-div .ui-widget-header {
  margin-bottom: 8px; }
.ui-timepicker-div dl,
#content .ui-timepicker-div dl {
  text-align: left;
  border: none;
  margin: 0;
  padding: 0 0 0 5px; }
  .ui-timepicker-div dl dt,
  #content .ui-timepicker-div dl dt {
    height: 25px;
    margin-bottom: -25px;
    padding-top: 0;
    border: none;
    font-weight: normal; }
  .ui-timepicker-div dl dd,
  #content .ui-timepicker-div dl dd {
    margin: 0 10px 10px 65px;
    padding: 0; }
.ui-timepicker-div td,
#content .ui-timepicker-div td {
  font-size: 90%; }

.ui-tpicker-grid-label,
#content .ui-tpicker-grid-label {
  background: none;
  border: none;
  margin: 0;
  padding: 0; }

#ui-datepicker-div {
  /* hide the datepicker div, which shows up at the bottom of the form if not hidden */
  /* also set default type sizes, since it displays too large otherwise */
  font-size: 12px;
  line-height: 14px;
  display: none; }

button.ui-datepicker-trigger,
a.pw-ui-datepicker-trigger {
  /* tweak to datepicker trigger */
  margin: 0 0 0 0.5em; }

input.InputfieldDatetimeDatepicker {
  position: relative;
  z-index: 1; }