#cp{
  position:absolute;
  visibility:hidden;
  background-color:white;
  layer-background-color:white;
}
.dateBoxContainer{
  position:absolute;
  color:#000; /* Not Needed except in testing */
  max-width:90px;
  float:right;
  display:inline;
  float:left;
}
.dateBoxStandalone{
  color:#000; /* Not Needed except in testing */
  max-width:90px;
}
.dateTitle{ 
  font-family: "Arial";
  font-size:11px;
  display:inline;
  position:relative; 
  color: #505050; /* font color of date title */
  top:2px; /* vertically align title to box */
  padding-right: 2px; /* Space between end of title and edge of input box (+ box padding) */
}
.dateInput{
  position:relative;
}

.CalImage{
  position:absolute;
  left:72px; /* position image at far right of text box */
  top:6px; /* vertically align image inside text box */
  opacity: 0.6;
  cursor:pointer;
}
.CalImage:hover {
  opacity: 1;
}

.dateInputBox {
  font-family: "Arial";
  font-size:11px;
  max-width: 80px;
  height: 19px;
  /* padding-top: 2px; */ /* Adjust top and bottom padding to allow image to fit */
  /* padding-bottom: 2px; */
  border: 1px #999999 solid;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  -ms-box-sizing:content-box;
  -moz-box-sizing:content-box;
  -webkit-box-sizing:content-box; 
  box-sizing:content-box;
  color:#505050; /* Font Color in date box */
  outline: none;
  background-color: #fff;
  float: right;
  padding-left: 3px; 
  cursor:;
}

.dateInputBox:hover {
  border-color: #a6c8ff;
}



.cpYearNavigation,
.cpMonthNavigation
  {
  background-color:rgb(245,245,245);
  text-align:center;
  vertical-align:center;
  text-decoration:none;
  color:rgb(102,102,102);
  font-weight:bold;
  border-color: rgb(225,225,225);
  width: 90px;
  }
.cpDayColumnHeader,
.cpYearNavigation,
.cpMonthNavigation,
.cpCurrentMonthDate,
.cpCurrentMonthDateDisabled,
.cpOtherMonthDate,
.cpOtherMonthDateDisabled,
.cpCurrentDate,
.cpCurrentDateDisabled,
.cpTodayText,
.cpTodayTextDisabled,
.cpText
  {
  font-family:arial;
  /*font-size:8pt;*/
  font-size:11px;
  padding:2px;
  }
TD.cpDayColumnHeader
  {
  text-align:right;
  /*border:solid thin #6677DD;*/
  /*border-width:0 0 1 0;*/
  font-weight:bold;
  }
.cpCurrentMonthDate,
.cpOtherMonthDate,
.cpCurrentDate
  {
  text-align:right;
  text-decoration:none;
  }
.cpCurrentMonthDateDisabled,
.cpOtherMonthDateDisabled,
.cpCurrentDateDisabled
  {
  color:#D0D0D0;
  text-align:right;
  text-decoration:line-through;
  }
.cpCurrentMonthDate
  {
  color:rgb(26,26,26);
  font-weight:normal;
  border: 1px #ffffff solid;
  }
A.cpCurrentDate:hover,    
A.cpOtherMonthDate:hover,
A.cpCurrentMonthDate:hover
{
  color:#262626;
  border: 1px rgb(222,129,129) solid;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  -ms-box-sizing:content-box;
  -moz-box-sizing:content-box;
  -webkit-box-sizing:content-box; 
  box-sizing:content-box;
  background-color: rgb(255,255,34);
}
.cpCurrentDate
  {
  color: rgb(255,255,255);
  font-weight:bold;
  }    
.cpOtherMonthDate
  {
  color:rgb(205,205,205);
  }
.cpOtherMonthDate:hover
  {
  color: #ff0000;
  }
A.cpCurrentDate
  {
  color:rgb(26,26,26);
  background-color: var(--def);
  border-width:1;
  border:solid thin var(--def);
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  -ms-box-sizing:content-box;
  -moz-box-sizing:content-box;
  -webkit-box-sizing:content-box; 
  box-sizing:content-box;
  }
TD.cpCurrentDateDisabled
  {
  border-width:1;
  border:solid thin #FFAAAA;
  }
TD.cpTodayText,
TD.cpTodayTextDisabled
  {
  border:solid thin var(--def);
  border-width:1 0 0 0;
  background-color: var(--def);
  }
A.cpTodayText,
SPAN.cpTodayTextDisabled
  {
  height:20px;
  }
A.cpTodayText
  {
  color:rgb(255, 255, 255);
  /*
  padding-left:97px;
  padding-right:97px;
  */
  font-weight:bold;
  text-decoration: none;
  }
SPAN.cpTodayTextDisabled
  {
  color:#D0D0D0;
  }
.cpBorder
  {
  border:solid thin rgb(225,225,225);
  }
