@charset "utf-8";

.dpDiv {border: solid 3px #fff; margin:4px 33px 0 0;}
.dpTable {background:#fafafa; border: 2px solid #777; font: normal 12px sans-serif; text-align:center; color:#505050;}
.dpTR { } //* days of month tr */
.dpTitleTR {} /* the top tr showing the curretn month and year and forward/ backward buttons    */
.dpTitleTD {height:22px; background:url(images/calbg.png) repeat-x;}  /* the td showing the month and year */
.dpTitleText {font: bold 12px sans-serif; color:#666;}  /* additional styles for current month & year */
.dpButtonTD {background:url(images/calbg.png) repeat-x;}  /* a td with a forward/backward button */
.dpButton {font: bold 10px sans-serif; color:#000; padding:0; text-decoration:none;} /* the forward/backward buttons at the top */
.dpButton:hover {font: bold 11px sans-serif;} /* the forward/backward buttons at the top */

.dpDayTR {} /* the second tr, with the days of the week */
.dpDayTD {color:#777; font-weight:bold;} /* the td with the days of the week */
.dpTD {border: 1px solid #f0f0f0;} /* days of month td */

.dpDayHighlightTD {background:#dfdfdf; border: 1px solid #aaa;} /* today's date or date field value */
.dpTDHover {background:#bbb; color:blue; border: 1px solid #888; cursor:pointer;}  /* the moused over date */
.dpDayHighlight {color:#4060ff;	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) */ 

.dpTodayButtonTR {} /* the bottom tr that has the "This Month" and "Close" buttons */
.dpTodayButtonTD {background:#eee;} /* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButton {font: normal 12px sans-serif; color:#777; text-decoration:none;} /* the "Close" at the bottom */
.dpTodayButton:hover {text-decoration:underline;}