@import url("../common/domButtons/DomButtonGrayPlus.css");

@import url("../common/domButtons/DomButtonGrayMinus.css");
/* dojox.mobile.ValuePicker */
.mblValuePicker {
  height: 126px;
}
/* dojox.mobile.ValuePickerSlot */
.mblValuePicker > .mblValuePickerSlot {
  float: left;
  margin: 0 5px;
}
.mblValuePickerSlotButton {
  position: relative;
  height: 38px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#d6d6d6), color-stop(0.5, #d6d6d6), color-stop(0.9, #bdbdbd));
  background-image: linear-gradient(to bottom, #f7f7f7 0%, #d6d6d6 50%, #bdbdbd 90%, #d6d6d6 100%);
}
.mblValuePickerSlotPlusButton {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.mblValuePickerSlotMinusButton {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.mblValuePickerSlotButtonSelected {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#bbbbbb), to(#999999));
  background-image: linear-gradient(to bottom, #bbbbbb 0%, #999999 100%);
}
.mblValuePickerSlotIcon {
  top: 5px;
  margin: 0 auto;
}
.mblValuePickerSlotInputArea {
  position: relative;
  height: 48px;
  border-top: 1px solid #7b797b;
  border-bottom: 1px solid #c6c3c6;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.1, #fafafa), color-stop(0.2, #fafafa), color-stop(0.5, #ffffff), color-stop(0.9, #ffffff));
  background-image: linear-gradient(to bottom, #fafafa 10%, #fafafa 20%, #ffffff 50%, #ffffff 90%);
}
.mblValuePickerSlotInput {
  display: block;
  width: 90%;
  height: 90%;
  margin: 5% auto;
  padding: 0;
  text-align: center;
  border-style: none;
  background-color: transparent;
  font-size: 28px;
}
/* dojox.mobile.ValuePickerTimePicker */
.mblValuePickerTimePicker > .mblToolBarButton {
  top: 45px;
}
