/* CSS Document */
/* the div that holds the date picker calendar */

.dpDiv {

}





/* the table (within the div) that holds the date picker calendar */

.dpTable {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 12px;

text-align: center;

color:#505050;

background-color:#CCCCCC;

border: 1px solid #ECF6FF;

}





/* 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 {
border:1px solid #009900;
}





/* 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 #CCCCCC;

}





/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */

.dpDayHighlightTD {

background-color: #6699CC;

border: 1px solid #33CCFF;

}





/* 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: 1px solid #ECF6FF;

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 {

}





/* 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 #33CCFF;

color: #009900;

}





/* additional style information for the text that indicates the month and year */

.dpTitleText {

font-size: 12px;

color:#009900;

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: #CCCCCC;

font-weight: bold;

}





/* the forward/backward buttons at the top */

.dpButton {

font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;

font-size: 10px;

color: gray;

background-color:#CCCCCC;

font-weight: bold;

padding: 0px;

}





/* the "This Month" and "Close" buttons at the bottom */

.dpTodayButton {

font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;

font-size: 10px;

color:#3333FF;

background-color:#CCCCCC;

font-weight: bold;

}