.cal {
 position: absolute;
 top: 0;
 left: 0;
 background: #fff;
 text-align: center;
 border: 1px solid #68930a;
 width: 185px;
 font-size: 10px;
}

.cal .week {
 margin: 0 5px;
 clear: both;
}

.cal .days {
 clear: both;
 overflow: hidden;
 width: 175px;
 margin: 0 5px 5px;
}

.cal .days div,
.cal .week div {
 width: 23px;
 /*_width: 25px;*/
 min-height: 21px;
 _height: 23px;
 line-height: 21px;
 _line-height: 25px;
 display: inline;
 float: left;
 border: 1px solid #fff;
}

.cal .days .empty {
 cursor: default;
}

.cal .days .hover,
.cal .days .selected {
 border-color: #68930a;
 cursor: pointer;
}

.cal .days .selected {
 background-color: #68930a;
 color: #fff;
}

.cal .days .disabled {
  cursor: default;
  color: #ccc;
  border-color: #fff;
}

.cal .controls {
 overflow: hidden;
 background-color: #68930a;
 padding: 5px;
}

.cal .year,
.cal .month {
 display: inline;
 font-size: 11px;
 margin: 0 5px;
}

.cal .year {
 float: left;
 width: 5em;
}

.cal .month {
 float: right;
 width: 8.5em;
}

.calInput {
 background: #fff url( '/static/interface/img/cal.jpg' ) 100% 1px no-repeat;
 padding-right: 30px;
}

.timeWrap {
 overflow: hidden;
 position: relative;
 width: 60px;
}

span.timeWrap input {
 width: 40px;
 padding-right: 14px;
}

.timeWrap .timeControls {
  position: absolute;
  right: 4px;
  top: 0;
  height: 100%;
  width: 7px;
  overflow: hidden;
}

.timeWrap .timeControls span {
  background-image: url( '/static/interface/img/timeArrows.gif' );
  background-repeat: no-repeat;
  float: left;
  width: 100%;
  height: 50%;
  cursor: pointer;
}

.timeWrap .timeControls .upArrow {
  background-position: 100% 50%;
}
 
.timeWrap .timeControls .downArrow {
  background-position: 0 50%;
}