[WebIf] Fix some layout glitches which caused ugly linewraps in bouquetlist
[enigma2-plugins.git] / webinterface / src / web-data / tpl / default / style.css
1 html,body {
2         font-family: Tahoma, Sans-Serif;
3         font-size: 14px;
4         font-weight: bold;
5         color: #fff;
6         text-align: center;
7         background: #555;
8 }
9
10 input[type="text"],input[type="password"],select {
11         font-family: Tahoma, Sans-Serif;
12         font-size: 14px;
13         font-weight: bold;
14         border: 1px solid #485052;
15         background-color: #fff;
16         color: #485052
17 }
18
19 a,a:visited,a:active {
20         color: #485052;
21         text-decoration: none
22 }
23
24 img {
25         border: 0
26 }
27
28 form {
29         margin: 2px
30 }
31
32 #notification {
33         color: #000;
34         width: 50%;
35         height: 32px;
36         position: absolute;
37         top: 0;
38         left: 25%;
39         text-align: center;
40         vertical-align: bottom;
41         z-index: 2
42 }
43
44 .wap a,.wap a:visited,.wap a:active {
45         color: #fff
46 }
47
48 .rounded {
49         display: block;
50         border-radius: 5px;
51         -webkit-border-radius: 5px;
52         -moz-border-radius: 5px;
53         behavior: url(/web-data/PIE.htc);
54 }
55
56 .black {
57         background: #000;
58         color: #FFF
59 }
60
61 .odd {
62         background-color: #FFF
63 }
64
65 .even {
66         background-color: #DDD
67 }
68
69 .fullwidth {
70         width: 100%
71 }
72
73 .center {
74         text-align: center
75 }
76
77 .oneliner {
78         position: absolute;
79         top: 50%;
80         height: 16px;
81         margin-top: -8px
82 }
83
84 .small {
85         font-size: 11px;
86         font-weight: normal
87 }
88
89 a.underline {
90         text-decoration: underline
91 }
92
93 .right {
94         text-align: right
95 }
96
97 .block {
98         display: block
99 }
100
101 .bottom {
102         vertical-align: bottom
103 }
104
105 .leftCol {
106         float: left;
107         width: 50%
108 }
109
110 .rightCol {
111         float: right;
112         width: 50%
113 }
114
115 .right {
116         text-align: right
117 }
118
119 .liHeader {
120         border-top: #000;
121         border-bottom: #000
122 }
123
124 #banner {
125         width: 1000px;
126         height: 67px;
127         background: #000;
128         padding-left: 5px;
129         margin-bottom: 8px;
130         position: relative;
131 }
132
133 #banner a,#banner a:visited,#banner a:active {
134         color: #FFF;
135         text-decoration: none;
136 }
137
138 #bannerText {
139         margin-bottom: 5px;
140         padding-left: 2px;
141         padding-top: 6px
142 }
143
144 #bannerLeft {
145         width: 940px;
146         float: left
147 }
148
149 #powerState {
150         border: 0;
151         margin-left: 93px;
152         text-align: right
153 }
154
155 #bannerRight {
156         width: 50px;
157         text-align: right;
158         height: 60px;
159         float: left
160 }
161
162 #bannerRight img {
163         padding-top: 5px
164 }
165
166 #current a {
167         background: #000;
168         color: #FFF;
169 }
170
171 #current {
172         width: 999px;
173         background: #000;
174         padding-left: 3px;
175         padding-right: 3px;
176         padding-bottom: 1px;
177         margin-bottom: 8px;
178         position: relative;
179 }
180
181 .techInfo {
182         font-size: 10px
183 }
184
185 #currentTable {
186         margin-bottom: 10px;
187         padding-left: 2px;
188         padding-top: 3px;
189         width: 100%
190 }
191
192 #currentDuration {
193         text-align: right
194 }
195
196 .currentBulletToggle {
197         vertical-align: middle
198 }
199
200 #mainMenu {
201         background-color: #485052;
202         text-align: center;
203         overflow: hidden;
204         background: #000;
205         margin: 0;
206         padding: 0;
207         width: 940px
208 }
209
210 #mainMenu li {
211         list-style: none;
212         float: left;
213         width: 130px;
214         height: 21px;
215         margin-left: 2px;
216         background: #485052;
217         margin-top: 6px;
218         margin-bottom: 0;
219         padding: 0;
220         position: relative;
221         z-index: 2
222 }
223
224 #mainMenu a:hover,#mainMenu a:hover {
225         background: #AAA;
226         position: relative;
227         z-index: 3
228 }
229
230 #mainMenu li.hover {
231         background: #AAA;
232         position: relative;
233         z-index: 3
234 }
235
236 #mainMenu a {
237         display: block;
238         padding-top: 1px;
239         padding-bottom: 3px
240 }
241
242 #mainMenu li.navselected {
243         background: #AAA;
244         position: relative;
245         z-index: 3
246 }
247
248 #instantRecordMenu {
249         z-index: 1000;
250         position: relative;
251         top: 5px;
252         right: 165px;
253         background: #FFF;
254         color: #485052;
255         width: 205px;
256         border: 1px solid #000;
257         opacity: .98;
258         text-align: left
259 }
260
261 #instantRecordMenu button {
262         width: 200px;
263         text-align: center
264 }
265
266 #navContainer {
267         float: left;
268         width: 160px
269 }
270
271 #nav {
272         width: 100%;
273         height: 250px;
274         background: #000;
275         padding-left: 5px;
276         border: 2px solid #000;
277         position: relative;
278 }
279
280 #nav a {
281         display: block
282 }
283
284 #nav {
285         background: #FFF;
286         padding-left: 0;
287         padding-right: 0
288 }
289
290 #navHd {
291         background: #000;
292         text-align: center;
293         width: 153px
294 }
295
296 #navContent {
297         color: #485052;
298         padding: 5px
299 }
300
301 #navExternalsContainer {
302         margin: 0;
303         padding: 0
304 }
305
306 #navSearch {
307         width: 100%;
308         height: 61px;
309         background: #FFF;
310         margin-top: 8px;
311         border: 2px solid #000;
312         position: relative;
313 }
314
315 #searchHd {
316         background: #000;
317         text-align: center;
318         width: 153px
319 }
320
321 #navVolume {
322         width: 100%;
323         height: 75px;
324         background: #FFF;
325         margin-top: 8px;
326         border: 2px solid #000;
327         position: relative;
328 }
329
330 #volHd {
331         background: #000;
332         text-align: center;
333         width: 153px
334 }
335
336 #content {
337         float: left;
338         background: #FFF;
339         width: 833px;
340         min-height: 308px;
341         margin-left: 8px;
342         border: 2px solid #000;
343         position: relative;
344 }
345
346 #contentHd {
347         background: #000;
348         width: 527px
349 }
350
351 #contentHdExt {
352         background: #000;
353         dipslay: block
354 }
355
356 #contentHdExt input {
357         padding: 1px;
358         margin-right: 2px;
359         margin-bottom: 2px;
360         border: 0;
361         color: #485052
362 }
363
364 #epgSearch {
365         width: 120px
366 }
367
368 .boxContent {
369         color: #485052;
370         padding: 3px
371 }
372
373 .navTable {
374         width: 100%;
375         margin: 0;
376         padding: 0
377 }
378
379 .navTable li {
380         list-style: none;
381         margin: 3px;
382         padding: 0;
383         position: relative;
384         display: block
385 }
386
387 .navTable a:hover {
388         background-color: #CCC;
389         color: #485052;
390         display: block
391 }
392
393 .bListSLink {
394         display: block;
395         margin-right: 5px;
396         color: #485052;
397 }
398
399 .bListSLink:hover {
400         display: block;
401         background-color: #CCC;
402         color: #485052
403 }
404
405 .sListSName a {
406         display: block;
407         margin-right: 5px;
408         color: #485052;
409 }
410
411 .sListSName a:hover {
412         background-color: #CCC;
413         color: #485052;
414         display: block
415 }
416
417 .sListMarker {
418         background-color: #485052;
419         color: #FFF
420 }
421
422 .sListEPGItem {
423         font-size: 12px;
424         margin: 0;
425         padding: 0
426 }
427
428 .sListSProgress {
429         display: inline-block;
430         margin: 0;
431         border: 1px solid #485052;
432         width: 50px;
433         height: 10px;
434         padding: 1px
435 }
436
437 .sListSProgressBar {
438         display: inline-block;
439         margin: 0;
440         background-color: #60aef2;
441         width: 0;
442         height: 100%
443 }
444
445 .sListExtEpg {
446         display: block
447 }
448
449 .header {
450         padding-top: 2px;
451         padding-left: 4px;
452         padding-right: 4px;
453         display: block;
454         height: 22px
455 }
456
457 #container {
458         margin: 0 auto;
459         text-align: left;
460         width: 1005px
461 }
462
463 #contentTable {
464         scrollbar: auto;
465         width: 785px
466 }
467
468 #contentServices {
469         vertical-align: top;
470         width: 575px
471 }
472
473 #contentServices table {
474         scrollbar: auto
475 }
476
477 #bouquetTable {
478         width: 100%;
479         margin: 0;
480         padding: 0
481 }
482
483 #bouquetTable li {
484         list-style: none;
485         margin: 3px;
486         padding: 3px;
487         position: relative;
488         display: block;
489         clear: both
490 }
491
492 .bouquetIcons {
493         float: left;
494         width: 40px
495 }
496
497 .bouquetName {
498         float: right;
499         width: 160px
500 }
501
502 #contentBouquets {
503         border-right: 1px solid #ccc;
504         vertical-align: top;
505         width: 220px
506 }
507
508 #contentMain {
509         padding: 8px;
510         margin-bottom: 5px;
511         min-height: 365px;
512         clear: both;
513         overflow-y: auto;
514         width: 815px;
515         color: #485052
516 }
517
518 #contentMain div table {
519         float: left;
520         width: 599px
521 }
522
523 .sListItem {
524         width: 570px !important;
525         color: #485052
526 }
527
528 .mListItem {
529         width: 780px;
530         color: #485052
531 }
532
533 .mpListItem {mListItem
534
535 }
536
537 .epgStart {
538         width: 50px;
539         color: #485052
540 }
541
542 .epgTitle {
543         width: 420px;
544         color: #485052
545 }
546
547 .epgLength {
548         width: 100px;
549         text-align: right;
550         color: #485052
551 }
552
553 .mListDetail {
554         font-size: 12px;
555         color: #485052
556 }
557
558 .mStart {
559         width: 160px;
560         color: #485052
561 }
562
563 .mTitle {
564         width: 650px;
565         color: #485052
566 }
567
568 .mLength {
569         width: 90px;
570         text-align: right;
571         color: #485052
572 }
573
574 #tools {
575         font-size: 12px;
576         text-align: center
577 }
578
579 #tools h1 {
580         font-size: 14px
581 }
582
583 .tools a,.tools a:hover,.tools a:visited {
584         text-decoration: underline
585 }
586
587 .toolsHeader {
588         color: #FFF;
589         font-weight: bold;
590         background-color: #000
591 }
592
593 .tools {
594         border: 1px solid #CCC;
595         width: 100%;
596         margin: 0;
597         padding: 0
598 }
599
600 .tools td {
601         font-size: 12px;
602         padding: 5px;
603         vertical-align: top
604 }
605
606 .toolsElementLeft {
607         font-weight: bold;
608         width: 15%;
609         text-align: left
610 }
611
612 .toolsElementCenter {
613         text-align: left
614 }
615
616 .toolsElementRight {
617         width: 10%;
618         text-align: left
619 }
620
621 #about {
622         font-size: 12px;
623         text-align: center
624 }
625
626 #about h1 {
627         font-size: 14px
628 }
629
630 #about a,#about a:hover,#about a:visited {
631         text-decoration: underline
632 }
633
634 .aboutHeader {
635         width: 100%;
636         color: #FFF;
637         font-weight: bold;
638         background-color: #000
639 }
640
641 .about {
642         border: 1px solid #CCC;
643         width: 100%;
644         margin: 0;
645         padding: 0
646 }
647
648 .about td {
649         font-size: 12px
650 }
651
652 .aboutElementLeft {
653         font-weight: bold;
654         width: 50%;
655         text-align: left
656 }
657
658 .aboutElementRight {
659         width: 50%
660 }
661
662 .w200h50 {
663         width: 200px;
664         height: 50px
665 }
666
667 .textRight {
668         text-align: right
669 }
670
671 .textLeft {
672         text-align: left
673 }
674
675 .textCenter {
676         text-align: center
677 }
678
679 .tListItemTable {
680         width: 100%
681 }
682
683 .tListSName {
684         text-align: left
685 }
686
687 .tListItem {
688         font-weight: bold;
689         font-size: 13px
690 }
691
692 .tListTitle {
693         width: 150px;
694         text-align: left
695 }
696
697 .tListDescr {
698         width: 150px;
699         text-align: left
700 }
701
702 .tListRepeat {
703         width: 70px;
704         text-align: left
705 }
706
707 .tListDuration {
708         width: 70px;
709         text-align: left
710 }
711
712 .tListBegin {
713         width: 100px;
714         text-align: left
715 }
716
717 .tListEnd {
718         width: 100px;
719         text-align: left
720 }
721
722 .tListAfter {
723         width: 85px;
724         text-align: left
725 }
726
727 .tListOption {
728         width: 80px;
729         text-align: center
730 }
731
732 .timerState0 {
733         color: #485052
734 }
735
736 .timerState1 {
737         color: #900
738 }
739
740 .timerState2 {
741         color: #090
742 }
743
744 .timerState3 {
745         color: #009
746 }
747
748 a.tEditTag {
749         margin: 3px 0 3px 0;
750         padding: 3px;
751         display: inline-block;
752         border: 1px solid #CCC
753 }
754
755 a.selected {
756         background: #ff9
757 }
758
759 .epgListItem {
760         font-size: 12px;
761         font-weight: bold
762 }
763
764 * html #banner {
765         width: 1005px;
766         height: 78px
767 }
768
769 * html #bannerRight {
770         width: 120px;
771         height: 60px
772 }
773
774 * html #nav {
775         width: 99%;
776         height: 250px;
777         background: #000;
778         padding-left: 5px
779 }
780
781 * html .navTable {
782         width: 95%
783 }
784
785 input.fd-hidden-input,select.fd-hidden-input {
786         display: none
787 }
788
789 .fd-screen-reader {
790         position: absolute;
791         left: -999em;
792         top: 0;
793         width: 1px;
794         height: 1px;
795         overflow: hidden;
796         outline: 0 none;
797         -moz-outline: 0 none
798 }
799
800 a.dp-disabled,.dp-disabled table {
801         opacity: .3 !important;
802         filter: alpha(opacity =   40)
803 }
804
805 .dp-disabled,.dp-disabled td,.dp-disabled th,.dp-disabled th span {
806         cursor: default !important
807 }
808
809 a.date-picker-control:focus,div.datePicker table td:focus {
810         overflow: hidden;
811         outline: 0 none;
812         -moz-outline: 0 none;
813         color: #6482aa !important
814 }
815
816 div.datePicker {
817         position: absolute;
818         z-index: 9999;
819         text-align: center;
820         font-size: 11px;
821         background: transparent;
822         color: #485052;
823         padding: 0;
824         -moz-user-select: none;
825         -khtml-user-select: none
826 }
827
828 div.static-datepicker {
829         position: relative;
830         top: 5px;
831         left: 0
832 }
833
834 div.datePicker table {
835         width: auto;
836         height: auto;
837         border-collapse: separate;
838         border-spacing: 1px;
839         background: #fff
840 }
841
842 div.datePicker tfoot th.drag-enabled,div.datePicker thead th.drag-enabled,div.datePicker thead th.drag-enabled span
843         {
844         cursor: move
845 }
846
847 iframe.iehack {
848         position: absolute;
849         background: #fff;
850         z-index: 9998;
851         padding: 0;
852         border: 0;
853         display: none;
854         margin: 0
855 }
856
857 a.date-picker-control:link,a.date-picker-control:visited {
858         position: relative;
859         display: -moz-inline-stack;
860         border: 0 none;
861         padding: 0;
862         margin: 0 0 0 4px;
863         background: transparent url(/web-data/lib/datepicker/media/cal-grey.gif)
864                 no-repeat 50% 50%;
865         min-width: 16px;
866         line-height: 1;
867         cursor: pointer;
868         visibility: visible;
869         text-decoration: none;
870         vertical-align: top
871 }
872
873 a.date-picker-control:hover,a.date-picker-control:active,a.date-picker-control:focus,a.dp-button-active:link,a.dp-button-active:visited,a.dp-button-active:hover,a.dp-button-active:active,a.dp-button-active:focus
874         {
875         background: transparent url(/web-data/lib/datepicker/media/cal.gif)
876                 no-repeat 50% 50% !important
877 }
878
879 * html a.date-picker-control {
880         width: 16px
881 }
882
883 a.date-picker-control {
884         display: inline-block
885 }
886
887 a.date-picker-control span {
888         display: block;
889         width: 16px;
890         height: 16px;
891         margin: auto 0
892 }
893
894 div.datePicker thead th span {
895         display: block;
896         padding: 0;
897         margin: 0;
898         text-align: center;
899         line-height: 1em;
900         border: 0 none;
901         background: transparent;
902         font-weight: bold;
903         cursor: pointer
904 }
905
906 div.datePicker th span.month-display,div.datePicker th span.year-display
907         {
908         display: inline;
909         text-transform: uppercase;
910         letter-spacing: 1px;
911         font-size: 13px;
912         cursor: default
913 }
914
915 div.datePicker th span.prev-but,div.datePicker th span.next-but {
916         font-weight: lighter;
917         font-size: 13px;
918         cursor: pointer !important
919 }
920
921 div.datePicker th span.prev-but:hover,div.datePicker th span.next-but:hover,div.datePicker th span.today-but:hover
922         {
923         color: #a84444
924 }
925
926 div.datePicker th span.today-but {
927         text-align: center;
928         margin: 0;
929         font-size: 13px;
930         width: 100%;
931         text-decoration: none;
932         padding-top: .3em;
933         text-transform: uppercase;
934         vertical-align: middle;
935         cursor: pointer !important
936 }
937
938 div.dp-disabled th span.prev-but,div.dp-disabled th span.next-but,div.dp-disabled th span.today-but,div.dp-disabled th span.prev-but:hover,div.dp-disabled th span.next-but:hover,div.dp-disabled th span.today-but:hover,div.datePicker th span.prev-but.fd-disabled:hover,div.datePicker th span.next-but.fd-disabled:hover,div.datePicker thead th span.fd-disabled,div.datePicker th span.fd-disabled:hover
939         {
940         color: #aaa;
941         cursor: default !important;
942         opacity: 1
943 }
944
945 div.datePicker th span.fd-day-header {
946         text-align: center;
947         margin: 0;
948         font-size: 11px;
949         text-decoration: none;
950         text-transform: lowercase;
951         cursor: pointer
952 }
953
954 div.datePicker table {
955         margin: 0;
956         padding: 0;
957         border: 1px solid #000;
958         background: #fff;
959         text-align: center;
960         width: auto;
961         empty-cells: show;
962         border-radius: 3px;
963         -moz-border-radius: 3px;
964         -moz-box-shadow: 0 0 5px #aaa
965 }
966
967 div.datePicker table tbody th,div.datePicker table td {
968         border: 0 none;
969         padding: 0;
970         text-align: center;
971         vertical-align: middle;
972         cursor: pointer;
973         background: #fff;
974         width: 2em;
975         height: 2em;
976         overflow: hidden;
977         outline: transparent none 0;
978         border: 1px solid #ccc;
979         text-transform: none;
980         -moz-border-radius: 2px;
981         border-radius: 2px
982 }
983
984 div.datePicker table td:focus,div.datePicker table td:active {
985         outline: 0 none red
986 }
987
988 div.datePicker table th {
989         border: 0 none;
990         padding: 0;
991         font-weight: bold;
992         color: #222;
993         text-align: center;
994         vertical-align: middle;
995         text-transform: none
996 }
997
998 div.datePicker table thead th {
999         height: auto !important
1000 }
1001
1002 div.datePicker table tbody th {
1003         border: 1px solid #dcdcdc
1004 }
1005
1006 div.datePicker table thead th.date-picker-week-header,div.datePicker table tbody th.date-picker-week-header
1007         {
1008         background: url(/web-data/lib/datepicker/media/backstripes.gif);
1009         color: #ccc;
1010         font-style: oblique;
1011         background: transparent;
1012         cursor: default
1013 }
1014
1015 div.datePicker table thead th.date-picker-week-header {
1016         cursor: help;
1017         border: 0 none;
1018         padding: 0 0 .2em 0
1019 }
1020
1021 div.datePicker tfoot th {
1022         cursor: default;
1023         font-weight: normal;
1024         text-transform: uppercase;
1025         letter-spacing: .1em;
1026         border: 0 none;
1027         background: #fff;
1028         height: 2.8em
1029 }
1030
1031 div.datePicker table tbody td.date-picker-unused {
1032         background: #fff url(/web-data/lib/datepicker/media/backstripes.gif);
1033         border-color: #dcdcdc;
1034         cursor: default !important
1035 }
1036
1037 div.datePicker table thead th.date-picker-title {
1038         width: auto;
1039         height: auto;
1040         padding: .4em 0;
1041         background: #000;
1042         color: #FFF
1043 }
1044
1045 div.datePicker table thead th.date-picker-day-header {
1046         text-transform: lowercase;
1047         cursor: help;
1048         height: auto
1049 }
1050
1051 div.datePicker table tbody td.date-picker-today {
1052         background: #fff url(/web-data/lib/datepicker/media/bullet2.gif)
1053                 no-repeat 0 0;
1054         color: #646464 !important
1055 }
1056
1057 div.datePicker table tbody td.month-out.date-picker-highlight {
1058         color: #a86 !important
1059 }
1060
1061 div.datePicker table tbody td.date-picker-highlight,div.datePicker table thead th.date-picker-highlight
1062         {
1063         color: #a86666 !important
1064 }
1065
1066 div.datePicker table tbody td.date-picker-hover {
1067         background: #fff url(/web-data/lib/datepicker/media/bg_header.jpg)
1068                 no-repeat 0 0;
1069         cursor: pointer;
1070         border-color: #6482aa !important;
1071         color: #6482aa;
1072         text-shadow: 0 1px 1px #fff
1073 }
1074
1075 div.datePicker table tbody td.day-disabled {
1076         background: #fff url(/web-data/lib/datepicker/media/backstripes.gif)
1077                 no-repeat 0 0;
1078         color: #aaa !important;
1079         cursor: default;
1080         text-decoration: line-through
1081 }
1082
1083 div.datePicker table tbody td.month-out {
1084         border-color: #ddd;
1085         color: #aaa !important;
1086         background: #fff
1087                 url(/web-data/lib/datepicker/media/gradient-e5e5e5-ffffff.gif)
1088                 repeat-x 0 -40px
1089 }
1090
1091 div.datePicker table tbody td.date-picker-selected-date {
1092         color: #333 !important;
1093         border-color: #333 !important
1094 }
1095
1096 div.datePicker table tbody td.out-of-range,div.datePicker table tbody td.not-selectable
1097         {
1098         color: #ccc !important;
1099         font-style: oblique;
1100         background: #fcfcfc !important;
1101         cursor: default !important
1102 }
1103
1104 div.datePicker table tbody th.month-out,div.datePicker table tbody th.out-of-range
1105         {
1106         color: #aaa !important;
1107         font-style: oblique;
1108         background: #fcfcfc !important
1109 }
1110
1111 div.datePicker table tbody th.out-of-range {
1112         opacity: .6;
1113         filter: alpha(opacity =   60)
1114 }
1115
1116 div.datePicker table tbody td.not-selectable {
1117         opacity: .8;
1118         filter: alpha(opacity =   80)
1119 }
1120
1121 div.datePicker table tbody tr {
1122         display: table-row
1123 }
1124
1125 div.datePicker table tfoot sup {
1126         letter-spacing: normal;
1127         text-transform: none;
1128         height: 0;
1129         line-height: 1;
1130         position: relative;
1131         top: -0.2em;
1132         vertical-align: baseline !important;
1133         vertical-align: top
1134 }
1135
1136 div.datepicker-focus table.datePickerTable {
1137         border-color: #999 !important
1138 }
1139
1140 div.datePicker table tbody tr td:focus,div.datePicker table tbody td.date-picker-hover
1141         {
1142         overflow: hidden;
1143         outline: 0 solid #f00;
1144         -moz-outline: 0 none;
1145         -o-highlight: 0 none;
1146         color: #6482aa !important
1147 }
1148
1149 div.static-datepicker table {
1150         -moz-box-shadow: 0 0 0 transparent
1151 }
1152
1153 div.datepicker-focus table {
1154         outline: 0;
1155         -moz-box-shadow: 0 0 5px #aaa
1156 }
1157
1158 *:-o-prefocus {
1159         outline: -o-highlight-border
1160 }
1161
1162 * html div.datePicker table td {
1163         background-image: none
1164 }
1165
1166 * html div.datePicker table td.date-picker-unused {
1167         background: #f2f2f2
1168 }
1169
1170 body.fd-drag-active {
1171         -webkit-user-select: none
1172 }
1173
1174 @media screen and (-webkit-min-device-pixel-ratio:0) {
1175         div.datePicker table {
1176                 -webkit-box-shadow: 0 0 5px #aaa;
1177                 -webkit-border-radius: 3px
1178         }
1179         div.static-datepicker table {
1180                 -webkit-box-shadow: 0 0 0 transparent
1181         }
1182         div.datepicker-focus table {
1183                 -webkit-box-shadow: 0 0 5px #aaa
1184         }
1185         div.datePicker table td,div.datePicker table tbody th {
1186                 padding: .1em;
1187                 -webkit-border-radius: 2px
1188         }
1189         div.datePicker table tbody td.date-picker-hover {
1190                 -webkit-box-shadow: 0 0 1px #6482aa
1191         }
1192 }