/* Style the calendar custom widget */
  #date-range {
	position:relative;
  }
#date-range-field {
								max-width: 342px;
								overflow: hidden;
								position: relative;
								cursor:pointer;
								padding: 7px 12px 8px !important;
								border: 1px solid #DFDFDF;
								border-radius: 3px;
								background: #ffffff;
}
#date-range-field a  {
	color:#B2B2B2;
	text-align:center;
	display: block;
	position: absolute;
	width: 26px;
	height: 23px;
	top: 10px;
	right: 5px;
	text-decoration: none;
	border-radius: 0 5px 5px 0;
  }
#date-range-field span {
								position: relative;
								line-height: normal;
								text-align: center;
	}
  
#datepicker-calendar {
	position: absolute;
	left: 0;
	min-height: 212px;
	height:auto;
	background-color: #F7F7F7;
	border-radius: 0;
	display:none;
	padding:0;
	top: 36px;
    width: 465px;
    z-index: 100;
  }
  
  /* Remove default border from the custom widget since we're adding our own.  TBD: rework the dropdown calendar to use the default borders */
  #datepicker-calendar div.datepicker {
	background-color: transparent;
  border: none;
  border-radius: 0;
  padding: 0;
}
#datepicker-calendar .datepickerContainer td.datepickerBlock table.datepickerViewDays thead tr th a.datepickerMonth{text-align:center;}