/* icons for calendar/1 day erlier/1 day later */
.HFS_CalendarLink   {margin-left:2px;}
.HFS_SwitchDays     {position:absolute;margin:1px 0 0 -68px;display:inline; padding:0;}
.HFS_OneDayEarlier  {}
.HFS_OneDayLater    {}

/* standard div */
.HFS_CalendarDiv, .HFS_CalendarDiv2Months{
  position:absolute;
  z-index:1500;
  border: 1px solid rgb(205, 205, 205);
  height: 218px;
  border-radius: 5px;
  margin-left:-250px;
  margin-top:30px;
}

/* div for 2 months calendar*/
.HFS_CalendarDiv2Months{
  width: 485px;
}

/* arrow (arrow, visual connection between the calendar and the input element)*/
.HFS_CalendarArrow{
  position:absolute;
  z-index:1510;
  top:-12px;
  left:50%;
  margin-left:-8px;
  width:14px;
  height:12px;
}

/* close icon */
.HFS_CalendarCloseIcon{
  position:absolute;
  top:-10px;
  z-index:1510;
}
/* close icon for 2 months calendar*/
.HFS_CalendarDiv2Months .HFS_CalendarCloseIcon{
  left:475px;
}

/* one single calendar sheet */
.HFS_CalendarSheet{
  margin:5px 10px 5px 15px;
  float:left;
  text-align:center;
}
.HFS_CalendarSheet div{line-height:20px;}

  /* sheet header (month switch and month) */
.HFS_CalendarSheet .HFS_CalendarSheetHeaderLeft  div{float:left;}
.HFS_CalendarSheet .HFS_CalendarSheetHeaderRight  div{float:right;}
.HFS_CalendarMonthName{width:185px; font-weight:bold;}


  /*daynames and weeknumber (header)*/
.HFS_CalendarDayNames{clear:both;}
.HFS_CalendarDayNames div{float:left; width:25px;}
.HFS_CalendarDayNames div.weekNumber{margin-right:11px;}

  /* sheet fields */
.HFS_CalendarSheet .HFS_CalendarSheetFields{clear:both;}
    /* weeks */
.HFS_CalendarWeekNumbers{
  margin-right:10px;
  float:left;
  width:24px;
  border: 1px solid rgb(205, 205, 205);
  border-radius: 5px;
}

.HFS_CalendarWeekNumbers div.HFS_CalendarWeekNumber {}

    /* days */
.HFS_CalendarDayGridWrapper {
  float:left;
  border: 1px solid rgb(205, 205, 205);
  border-radius: 5px;
}
.HFS_CalendarRow{clear:both;}
.HFS_CalendarRow div.HFS_CalendarDayWrapper{
  float:left;
  width:24px;
  border-right: 1px solid rgb(205, 205, 205);
}
.HFS_CalendarRow div.last{border-right: 0 !important;}

/* footer area */
.HFS_CalendarFooter{ clear:both; padding-top:5px; margin: 5px 10px 5px 15px; width:450px; text-align:left;}

/* class names of the single days */
.HFS_CalendarDayWrapper div                 {cursor:default;}
.HFS_CalendarDayWrapper div.day_enabled     {cursor:pointer;}
.HFS_CalendarDayWrapper div.day_today       {color:#ecbd00;}
.HFS_CalendarDayWrapper div.day_beforePeriod,
.HFS_CalendarSheet div.day_beyondPeriod,
.HFS_CalendarDayWrapper div.day_afterPeriod {color:#bebebe;}
.HFS_CalendarDayWrapper div.day_selected    {color: #05233F !important;}