div.iDatePickerInit
{ position:absolute;
  top:-5000px;
  left:0px;
  background-color:white;
  width:80%;
  text-align:center;
  border:solid black 1px;
}

div.iDatePicker
{ background-color:white;
  width:80%;
  text-align:center;
  border:solid black 1px;
  position:fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index:150;
}

div.iDatePickerHeader
{ text-align:center;
  width:100%;
  margin:0px auto;
  font-size:75%;
  border-bottom:solid black 1px;
  background-color:rgb(214,234,118);
  padding:2px 0px 2px 0px;
  cursor:move;
}

div.iDatePickerDatePanel,
div.iDatePickerDurationInputPanel,
div.iDatePickerDurationInputTimePanel,
div.iDatePickerTimeInputPanel,
div.iDatePickerDayInputPanel,
div.iDatePickerMonthInputPanel
{ width:100%;
  border-bottom:solid Black 1px;
}

table.iDatePickerMonthInputTable
{ vertical-align:middle;
  width:100%;
  margin:0px auto;
  padding:0px;
  table-layout:fixed;
  font-size:125%;
}

tbody.iDatePickerMonthInputTBody
{
}

tr.iDatePickerMonthInputTableRow
{ margin:0px auto;
  padding:0px;
}

td.iDatePickerTableColLeft
{ width:24px;
  margin:0px auto;
  padding:0px;
}

img.iDatePickerMonthInputLeftArrow
{ width:24px;
  height:16px;
  margin:0px auto;
  padding:0px;
}

td.iDatePickerTableColMonthLabel
{ width:18%;
  margin:0px auto;
  font-size:75%;
  padding:0px;
}

td.iDatePickerTableColMonth
{ width:40%;
  margin:0px auto;
  font-size:75%;
  padding:0px;
}

td.iDatePickerTableColYearLabel
{ width:15%;
  margin:0px auto;
  font-size:75%;
  padding:0px;
}

td.iDatePickerTableColYear
{ width:20%;
  margin:0px auto;
  font-size:75%;
  padding:0px;
}

td.iDatePickerTableColRight
{ width:24px;
  margin:0px auto;
  padding:0px;
}

img.iDatePickerMonthInputRightArrow
{ width:24px;
  height:16px;
  margin:0px auto;
  padding:0px;
}

table.iDatePickerDayInputTable
{ vertical-align:middle;
  width:100%;
  margin:0px auto;
  padding:0px;
  table-layout:fixed;
  font-size:75%;
  border-collapse: collapse;
}

tbody.iDatePickerDayInputTBody
{
}

tr.iDatePickerDayHeaderRow
{ background-color:#CCCCFF;
  margin:0px;
  padding:0px;
}

td.iDatePickerDayHeaderCol
{ background-color:#CCCCFF;
}

tr.iDatePickerDayRow
{ margin:0px auto;
  padding:0px;
}
td.iDatePickerDayCol
{
}

label.iDatePickerMonthInputMonthLabel,
label.iDatePickerMonthInputYearLabel,
label.iDatePickerTimeInputAMPM,
label.iDatePickerYrsLabel,
label.iDatePickerMonthsLabel,
label.iDatePickerWeeksLabel,
label.iDatePickerDaysLabel,
label.iDatePickerHrsLabel,
label.iDatePickerMinsLabel,
label.iDatePickerSecsLabel,
label.iDatePickerMsLabel,
label.iDatePickerHrLabel,
label.iDatePickerMinLabel,
label.iDatePickerSecLabel
{ margin:0px;
  padding:0px 2px 0px 5px;
  font-size:75%;
}

input.iDatePickerYrsInput,
input.iDatePickerMonthsInput,
input.iDatePickerWeeksInput,
input.iDatePickerDaysInput,
input.iDatePickerHrsInput,
input.iDatePickerMinsInput,
input.iDatePickerSecsInput,
input.iDatePickerMsInput,
input.iDatePickerHrInput,
input.iDatePickerMinInput,
input.iDatePickerSecInput
{ width:30px;
  font-size:75%;
}



div.dp_date
{ background-color:#CCCCFF;
  font-size:small;
  cursor:move;
}

table.dp_hdr
{ vertical-align:middle;
  width:100%;
  margin:0px auto;
  padding:0px;
  table-layout:fixed;
  font-size:125%;
}

tr.dp_hdr
{ margin:0px auto;
  padding:0px;
}



div.dp_button_bar
{ height:25px;
  background: linear-gradient(#ECECFF 50%, #D1D1FF 100%);
  vertical-align:middle;
}

input.dp_button
{ font-size:90%;
}