.calendarContainer { /* border:1px solid #566f8f;*/ } .calendarBodyContainer { width:160px; background: #7591bc url("images/dpBg.gif") top left repeat-x; } .calendarBodyContainer thead tr td { color:#293a4b; font:bold 0.75em Helvetica, Arial, Verdana, sans-serif; text-align:center; padding:0.25em; background: url("images/dpHorizLine.gif") bottom left repeat-x; } .calendarBodyContainer tbody tr td { color:#fff; font:bold 0.7em Helvetica, Arial, Verdana, sans-serif; text-align:center; padding:0.4em; background: url("images/dpVertLine.gif") top right repeat-y; cursor:pointer; cursor:hand; } .monthWrapper { padding-bottom:2px; background: url("images/dpHorizLine.gif") bottom left repeat-x; } .monthContainer { width:100%; } .monthLabelContainer { text-align:center; font:bold 0.75em Helvetica, Arial, Verdana, sans-serif; background: url("images/dpMonthBg.png") repeat-x top left !important; color:#293a4b; padding:0.25em; } .monthCurve { width:12px; } .monthCurveTL { background: url("images/dpCurveTL.png") no-repeat top left !important; } .monthCurveTR { background: url("images/dpCurveTR.png") no-repeat top left !important; } .yearWrapper { background: url("images/dpHorizLineFoot.gif") top left repeat-x; padding-top:2px; } .yearContainer { width:100%; } .yearContainer td { background:url("images/dpYearBg.png") top left repeat-x; } .yearContainer .yearLabel { margin:0; padding:0.45em 0 0.45em 0; color:#fff; font:bold 0.75em Helvetica, Arial, Verdana, sans-serif; text-align:center; } .curveBL { background: url("images/dpCurveBL.png") bottom left no-repeat !important; width:9px !important; padding:0; margin:0; } .curveBR { background: url("images/dpCurveBR.png") bottom left no-repeat !important; width:9px !important; padding:0; margin:0; } .previousMonth { background-color:#6782a8 !important; } .currentMonth { } .nextMonth { background-color:#6782a8 !important; } .currentDate { text-decoration:underline; font-style:italic; } .selectedItem { background-color:#fff !important; color:#6782a8 !important; } .yearLabel .selectedYear { padding:0.2em; background-color:#9ec3fb !important; } .nextYear, .previousYear { cursor:pointer;cursor:hand; margin:0 0.55em; } .incrementControl { cursor:pointer;cursor:hand; width:1em; } .increase { float:right; } .decrease { float:left; } .lastColumn { background-image:none !important; }