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

div.iDateDialog
{ 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.iDateDialogHeader
{ 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.iDateDialogInfoPanel,
div.iDateDialogDatePanel,
div.iDateDialogDurationInputPanel,
div.iDateDialogDurationInputTimePanel,
div.iDateDialogTimeInputPanel,
div.iDateDialogDayInputPanel,
div.iDateDialogMonthInputPanel
{ width:100%;
  border-bottom:solid Black 1px;
}

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

tbody.iDateDialogMonthInputTBody
{
}

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

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

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

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

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

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

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

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

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

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

tbody.iDateDialogDayInputTBody
{
}

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

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

tr.iDateDialogDayRow
{ margin:0px auto;
  padding:0px;
}
td.iDateDialogDayCol
{
}

label.iDateDialogMonthInputMonthLabel,
label.iDateDialogMonthInputYearLabel,
label.iDateDialogTimeInputAMPM,
label.iDateDialogYrsLabel,
label.iDateDialogMonthsLabel,
label.iDateDialogWeeksLabel,
label.iDateDialogDaysLabel,
label.iDateDialogHrsLabel,
label.iDateDialogMinsLabel,
label.iDateDialogSecsLabel,
label.iDateDialogMsLabel,
label.iDateDialogHrLabel,
label.iDateDialogMinLabel,
label.iDateDialogSecLabel
{ margin:0px;
  padding:0px 2px 0px 5px;
  font-size:75%;
}

input.iDateDialogYrsInput,
input.iDateDialogMonthsInput,
input.iDateDialogWeeksInput,
input.iDateDialogDaysInput,
input.iDateDialogHrsInput,
input.iDateDialogMinsInput,
input.iDateDialogSecsInput,
input.iDateDialogMsInput,
input.iDateDialogHrInput,
input.iDateDialogMinInput,
input.iDateDialogSecInput
{ width:35px;
  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%;
}