1 table
.jCalendar
{ background: #c0cad4; border-collapse: separate
; border-spacing: 2px; }
2 table
.jCalendar th
{ background: #c0cad4; color: #333; font-weight: bold
; padding: 3px 5px; text-transform: uppercase
; }
3 table
.jCalendar td
{ background: #fff; color: #000; padding: 3px 5px; text-align: center
; }
4 table
.jCalendar td
.other-month
{ color: #aaa; }
5 table
.jCalendar td
.today
{ background: #666; color: #fff; }
6 table
.jCalendar td
.selected
{ background: #f66; color: #fff; }
7 table
.jCalendar td
.selected:hover
{ background: #f33; color: #fff; }
8 table
.jCalendar
td:hover
,
9 table
.jCalendar td
.dp-hover
{ background: #eee; color: #000; }
10 table
.jCalendar td
.disabled
,
11 table
.jCalendar td
.disabled:hover
{ background: #e0e5ea; color: #888; }
15 /* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */
17 div
.dp-popup
{ position: relative
; background: #e0e5ea; border: 1px solid
#85909a; font-size: 10px; font-family: arial
, sans-serif
; padding: 2px; line-height: 1.2em; }
18 div#dp-popup
{ position: absolute
; z-index: 99999; }
19 div
.dp-popup h2
{ font-size: 12px; text-align: center
; margin: 2px 0; padding: 0; color: #555; }
20 a#dp-close
{ font-size: 11px; padding: 4px 0; text-align: center
; display: block
; }
21 a#
dp-close:hover
{ text-decoration: underline
; }
22 div
.dp-popup a
{ color: #000; text-decoration: none
; padding: 3px 2px 0; }
23 div
.dp-popup div
.dp-nav-prev
{ position: absolute
; top: 2px; left: 4px; width: 100px; }
24 div
.dp-popup div
.dp-nav-prev a
{ float: left
; }
25 /* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
26 div
.dp-popup div
.dp-nav-prev a
,
27 div
.dp-popup div
.dp-nav-next a
{ cursor: pointer
; }
28 div
.dp-popup div
.dp-nav-prev a
.disabled
,
29 div
.dp-popup div
.dp-nav-next a
.disabled
{ cursor: default
; }
30 div
.dp-popup div
.dp-nav-next
{ position: absolute
; top: 2px; right: 4px; width: 100px; }
31 div
.dp-popup div
.dp-nav-next a
{ float: right
; }
32 div
.dp-popup a
.disabled
{ cursor: default
; color: #aaa; }
33 div
.dp-popup td
{ cursor: pointer
; }
34 div
.dp-popup td
.disabled
{ cursor: default
; }