/* the div that holds the date picker calendar */
.dpDiv {z-index:+99; position:absolute; visibility:hidden; width:200px; }
/* the table (within the div) that holds the date picker calendar */
.dpTable {table-layout: fixed; border-collapse: collapse; font-family: Tahoma, Arial, Verdana, 'MS Sans Serif'; font-size:11px; border: solid 1px #a0a0a0;text-align: center;width:100%;}
/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {background-color:#1F58A5;color:#FFFFFF; }
/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR { border-width:1; color:#FFFFFF; }
/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {background-color:#FFFFFF;line-height: 20px; }
/* the bottom table row, that has the 'This Month' and 'Close' buttons */
.dpTodayButtonTR {background-color:#1F58A5; color:#FFFFFF; }
/* a table cell that holds a date number (either blank or 1-31) */
.dpTD { border: 1px;}
/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD { background-color: #CCCCCC; border: 0px solid #AAAAAA; }
/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover { background-color: #CCCCCC; border: 0px solid #888888; cursor: pointer; color: red; }
/* the table cell that holds the name of the month and the year */
.dpTitleTD { }
/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD { font-family: Tahoma, Arial, Verdana, 'MS Sans Serif';font-size: 10px;}
/* the table cell that holds the 'This Month' or 'Close' button at the bottom */
.dpTodayButtonTD { }
/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD { background-color: #CCCCCC; border: 1px solid #AAAAAA; color: white; }
/* additional style information for the label text */
.dpLabelText { font-family: Tahoma, Arial, Verdana, 'MS Sans Serif';font-size: 11px; color: black; vertical-align:middle; }
/* additional style information for the text that indicates the month and year */
.dpTitleText { font-family: Tahoma, Arial, Verdana, 'MS Sans Serif';font-size: 11px; color: #FFFFFF; font-weight: bold; }
/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight { color: #1F58A5; font-weight: bold; }
/* the forward/backward buttons at the top */
.dpButton { width:15px; height:15px; font-family: Tahoma, Arial, Verdana, 'MS Sans Serif'; font-size: 9px; color: black; background: buttonface; font-weight: bold; padding: 0px; v-align: center; }
/* the 'This Month' and 'Close' buttons at the bottom */
.dpTodayButton { font-family: Tahoma, Arial, Verdana, 'MS Sans Serif'; font-size: 10px; color: black; background: buttonface; font-weight: bold; }
/* Text Box with Different Border: */
.tbDate { height:20px;}
.selectDateArea { background-color:#1F58A5;color:#FFFFFF; height:20px; font-family: Tahoma, Arial, Verdana, 'MS Sans Serif'; font-size: 11px; font-weight: bold; border: 0px;}
.selectTimeArea { height:20px; font-family: Tahoma, Arial, Verdana, 'MS Sans Serif'; font-size: 11px; border: 0px;}