blob: a15b1b6630b417897fcbc6f58355a466b46423d2 [file] [log] [blame]
.datePickerContainer {
width:164px; /* needed for proper user styling */
}
.calendarContainer {
/* border:1px solid #566f8f;*/
}
.calendarBodyContainer {
width:100%; /* needed for the explode effect (explain?) */
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 right !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 right no-repeat !important;
width:9px !important;
padding:0;
margin:0;
}
.previousMonth {
background-color:#6782a8 !important;
}
.previousMonthDisabled {
background-color:#a4a5a6 !important;
cursor:default !important
}
.currentMonth {
}
.currentMonthDisabled {
background-color:#bbbbbc !important;
cursor:default !important
}
.nextMonth {
background-color:#6782a8 !important;
}
.nextMonthDisabled {
background-color:#a4a5a6 !important;
cursor:default !important;
}
.currentDate {
text-decoration:underline;
font-style:italic;
}
.selectedDate {
background-color:#fff !important;
color:#6782a8 !important;
}
.yearLabel .selectedYear {
padding:0.2em;
background-color:#9ec3fb !important;
}
.nextYear, .previousYear {
cursor:pointer;cursor:hand;
padding:0;
}
.nextYear {
margin:0 0 0 0.55em;
}
.previousYear {
margin:0 0.55em 0 0;
}
.incrementControl {
cursor:pointer;cursor:hand;
width:1em;
}
.increase {
float:right;
}
.decrease {
float:left;
}
.lastColumn {
background-image:none !important;
}