
    /* the div that holds the date picker calendar */
    .dpDiv {
    }
    
    /* the table (within the div) that holds the date picker calendar */
    .dpTable {
        font-size: 12px;
        text-align: center;
        color: #505050;
        background-color: #CFD9C1;
        border: 1px solid #AAAAAA;
    }
    
    /* a table row that holds date numbers (either blank or 1-31) */
    .dpTR {
    }
    
    
    /* the top table row that holds the month, year, and forward/backward buttons */
    .dpTitleTR {
    }
    
    
    /* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
    .dpDayTR {
    }
    
    
    /* the bottom table row, that has the "This Month" and "Close" buttons */
    .dpTodayButtonTR {
    }
    
    
    /* a table cell that holds a date number (either blank or 1-31) */
    .dpTD {
        border: 1px solid #ece9d8;
        padding: 2px;
    }
    
    
    /* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
    .dpDayHighlightTD {
        background-color: #C90404;
        border: 1px solid #AAAAAA;
        color: white;
    }
    
    
    /* 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: #204C29;
        border: 1px solid #888888;
        cursor: pointer;
        color: white;
    }
    
    
    /* 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 {
    }
    
    
    /* 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: #204C29;
        border: 1px solid #AAAAAA;
        padding: 2px;
        color: #FFFFFF;
    }
    
    
    /* additional style information for the text that indicates the month and year */
    .dpTitleText {
        font-size: 16px;
        color: #000000;
        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 {
        color: #FFFFFF;
        background: #C90404;
        font-weight: bold;
        padding: 2px;
    }
    
    
    /* the "This Month" and "Close" buttons at the bottom */
    .dpTodayButton {
        color: #FFFFFF;
        background: #C90404;
        font-weight: bold;
        padding: 2px;
    }
