/* the table (within the div) that holds the date picker calendar */
.dpTable
{
width:180px;
font-family: "Time New Roman", serif;
font-size: 0.8em;
text-align: center;
color: #0B3297;
background-color: #B7D4FF;
border: 1px solid #0E66FE;
}

/* a table cell that holds a date number (either blank or 1-31) */
.dpTD
{
border: 1px solid #B7D4FF;
}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD
{
background-color: #B7D4FF;
border: 1px solid #0E66FE;
}


/* 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: #0E66FE;
border: 1px solid #FFF;
cursor: pointer;
color: red;
}

/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD
{
background-color: #B7D4FF;
border: 1px solid #0E66FE;
color: #0B3297;
}


/* additional style information for the text that indicates the month and year */
.dpTitleText
{
font-size: 12px;
color: #0B3297;
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: #FFFFFF;
font-weight: bold;
}


/* the forward/backward buttons at the top */
.dpButton
{
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 10px;
background-color: #B7D4FF;
border: 1px solid #0E66FE;
color: #0B3297;
font-weight: bold;
padding: 0px;
}


/* the "This Month" and "Close" buttons at the bottom */
button.dpTodayButton
{
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 10px;
background-color: #B7D4FF;
border: 1px solid #0E66FE;
color: #0B3297;
font-weight: bold;
}