1 /* Main Style Sheet for jQuery UI date picker */
\r
2 #ui-datepicker-div, .ui-datepicker-inline {
\r
3 font-family: Arial, Helvetica, sans-serif;
\r
10 #ui-datepicker-div {
\r
12 border: 1px solid #777;
\r
13 z-index: 100; /*must have*/
\r
15 .ui-datepicker-inline {
\r
20 .ui-datepicker-rtl {
\r
23 .ui-datepicker-dialog {
\r
24 padding: 5px !important;
\r
25 border: 4px ridge #ddd !important;
\r
27 .ui-datepicker-disabled {
\r
30 background-color: white;
\r
33 button.ui-datepicker-trigger {
\r
36 img.ui-datepicker-trigger {
\r
38 vertical-align: middle;
\r
40 .ui-datepicker-prompt {
\r
46 * html .ui-datepicker-prompt {
\r
49 .ui-datepicker-control, .ui-datepicker-links, .ui-datepicker-header, .ui-datepicker {
\r
55 .ui-datepicker-control {
\r
59 .ui-datepicker-links {
\r
63 .ui-datepicker-control, .ui-datepicker-links {
\r
67 .ui-datepicker-links label { /* disabled links */
\r
71 .ui-datepicker-clear, .ui-datepicker-prev {
\r
75 .ui-datepicker-rtl .ui-datepicker-clear, .ui-datepicker-rtl .ui-datepicker-prev {
\r
79 .ui-datepicker-current {
\r
84 .ui-datepicker-close, .ui-datepicker-next {
\r
89 .ui-datepicker-rtl .ui-datepicker-close, .ui-datepicker-rtl .ui-datepicker-next {
\r
93 .ui-datepicker-header {
\r
100 .ui-datepicker-header select {
\r
108 text-align: center;
\r
115 .ui-datepicker-title-row {
\r
118 .ui-datepicker-days-row {
\r
122 .ui-datepicker-week-col {
\r
126 .ui-datepicker-days-cell {
\r
128 border: 1px solid #ddd;
\r
130 .ui-datepicker-days-cell a{
\r
133 .ui-datepicker-week-end-cell {
\r
136 .ui-datepicker-title-row .ui-datepicker-week-end-cell {
\r
139 .ui-datepicker-days-cell-over {
\r
141 border: 1px solid #777;
\r
143 .ui-datepicker-unselectable {
\r
146 .ui-datepicker-today {
\r
147 background: #fcc !important;
\r
149 .ui-datepicker-current-day {
\r
150 background: #999 !important;
\r
152 .ui-datepicker-status {
\r
156 text-align: center;
\r
159 /* ________ Datepicker Links _______
\r
161 ** Reset link properties and then override them with !important */
\r
162 #ui-datepicker-div a, .ui-datepicker-inline a {
\r
169 .ui-datepicker-inline .ui-datepicker-links a {
\r
170 padding: 0 5px !important;
\r
172 .ui-datepicker-control a, .ui-datepicker-links a {
\r
173 padding: 2px 5px !important;
\r
174 color: #eee !important;
\r
176 .ui-datepicker-title-row a {
\r
177 color: #eee !important;
\r
179 .ui-datepicker-control a:hover {
\r
180 background: #fdd !important;
\r
181 color: #333 !important;
\r
183 .ui-datepicker-links a:hover, .ui-datepicker-title-row a:hover {
\r
184 background: #ddd !important;
\r
185 color: #333 !important;
\r
188 /* ___________ MULTIPLE MONTHS _________*/
\r
190 .ui-datepicker-multi .ui-datepicker {
\r
191 border: 1px solid #777;
\r
193 .ui-datepicker-one-month {
\r
197 .ui-datepicker-new-row {
\r
201 /* ___________ IE6 IFRAME FIX ________ */
\r
203 .ui-datepicker-cover {
\r
204 display: none; /*sorry for IE5*/
\r
205 display/**/: block; /*sorry for IE5*/
\r
206 position: absolute; /*must have*/
\r
207 z-index: -1; /*must have*/
\r
208 filter: mask(); /*must have*/
\r
209 top: -4px; /*must have*/
\r
210 left: -4px; /*must have*/
\r
211 width: 200px; /*must have*/
\r
212 height: 200px; /*must have*/
\r