/*
 * @copyright    © Copyright 2006-2010, epages GmbH, All Rights Reserved.
 *
 * @module      ep.base_uiDatepicker
 *
 * @require      ep.
 *          .base
 *          .base_uiSpinner
 */

.ep-uiDatepicker-showButton {
  margin-left: 4px;
}

.ep-uiDatepicker-showButton .ep-sprite-s {
  margin: 0 -4px 0 -8px;
}

.ep-uiDatepicker-container {
  position: absolute;
}

.ep-uiDatepicker-calendar {
  position: relative;
  min-height: 140px;
}
.ep-uiDatepicker-titleBar {
  position: relative;
}

.ep-uiDatepicker-calendarFirst .ep-uiDatepicker-titleBar,
.ep-uiDatepicker-calendarMiddle .ep-uiDatepicker-titleBar {
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topright: 0;
  border-top-right-radius: 0;
}
.ep-uiDatepicker-calendarMiddle .ep-uiDatepicker-titleBar,
.ep-uiDatepicker-calendarLast .ep-uiDatepicker-titleBar {
  border-left-width: 1px;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topleft: 0;
  border-top-left-radius: 0;
}
.ep-uiDatepicker-title {
  position: relative;
  display: block;
  margin: 0 25px;
  line-height: 21px;
  text-align: center;
  vertical-align: middle;
}
.ep-uiDatepicker-prev,
.ep-uiDatepicker-next {
  position: absolute;
  top: 8px;
}
.ep-uiDatepicker-prev {
  left: 8px;
}
.ep-uiDatepicker-next {
  right: 8px;
}
.ep-uiDatepicker-content {
  margin: 2px 6px;
}
.ep-uiDatepicker-day * {
  display: block;
  outline: none;
  padding: 2px;
  border: solid 1px #999;
  width: 15px;
  height: 12px;
  line-height: 110%;
  text-align: center;
}
.ep-uiDatepicker-day a {
  color: #000;
}
.ep-uiDatepicker-day span {
  color: #999;
}
th.ep-uiDatepicker-day * {
  border-color: transparent;
  color: #000;
}
.ep-uiDatepicker-day.ep-uiDatepicker-otherMonth a {
  border-color: #bbb;
  color: #999;
}
.ep-uiDatepicker-day.ep-uiDatepicker-otherMonth span {
  border-color: transparent;
  color: #bbb;
}
.ep-uiDatepicker-dayHidden * {
  display: none;
}

.ep-uiDatepicker-dayToday * {
  background-color: green;
}
.ep-uiDatepicker-daySelected * {
  background-color: aqua;
}
.ep-uiDatepicker-timeBar {
  position: relative;
  clear: both;
  padding: 4px 0 8px 0;
  text-align: center;
}
.ep-uiDatepicker-time {
  margin: 0 auto;
}
.ep-uiDatepicker-buttonBar {
  position: relative;
  clear: both;
}
.ep-uiDatepicker-buttonBar button {
  margin: 5px;
}
.ep-uiDatepicker-done {
  float: right;
}
.ep-uiDatepicker-month,
.ep-uiDatepicker-year {
  position: relative;
  padding: 3px;
    -webkit-border-radius:2px;
    -khtml-border-radius:2px;
    -moz-border-radius:2px;
    -o-border-radius:2px;
  border-radius:2px;
  overflow: hidden;
}
.ep-uiDatepicker-month:hover,
.ep-uiDatepicker-year:hover {
  background-color: #aaa;
}
.ep-uiDatepicker-monthSelect,
.ep-uiDatepicker-yearSelect {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  outline: 0;
  margin: 0;
  border: 0;
    filter: alpha(opacity=0);
  opacity: 0;
}

/* moved from base_uiInput.css */
.ep-uiDatepicker-timeBar .ep-uiInput {
  line-height: 10px;
}
html[class*=webkit] .ep-uiDatepicker-timeBar .ep-uiInput {
  line-height: 9px;
}

.ep-uiDatepicker-container {
  font-size: 12px;
}

.ep-uiSpinner-stepper{
  height: 32px;
}
.ep-uiSpinner-stepper{
  height: 32px;
}
a.ep-uiSpinner-stepUp, a.ep-uiSpinner-stepDown {
    line-height: 14px;
    height: 15px;
}