GenuineDreambox: remove extensions menu hook and use translated description in plugin...
[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         height: 20px;
283         padding: 2px
284 }
285
286 #nav li div {
287         display: table-cell;
288         height: 20px;
289         vertical-align: middle
290 }
291
292 #nav {
293         background: #FFF;
294         padding-left: 0;
295         padding-right: 0
296 }
297
298 #navHd {
299         background: #000;
300         text-align: center;
301         width: 153px
302 }
303
304 #navContent {
305         color: #485052;
306         padding: 0px
307 }
308
309 #navExternalsContainer {
310         margin: 0;
311         padding: 0
312 }
313
314 #navSearch {
315         width: 100%;
316         height: 61px;
317         background: #FFF;
318         margin-top: 8px;
319         border: 2px solid #000;
320         position: relative
321 }
322
323 #searchHd {
324         background: #000;
325         text-align: center;
326         width: 153px
327 }
328
329 #navVolume {
330         width: 100%;
331         height: 75px;
332         background: #FFF;
333         margin-top: 8px;
334         border: 2px solid #000;
335         position: relative
336 }
337
338 #volHd {
339         background: #000;
340         text-align: center;
341         width: 153px
342 }
343
344 #content {
345         float: left;
346         background: #FFF;
347         width: 833px;
348         min-height: 308px;
349         margin-left: 8px;
350         border: 2px solid #000;
351         position: relative
352 }
353
354 #contentHd {
355         background: #000;
356         width: 527px
357 }
358
359 #contentHdExt {
360         background: #000;
361         dipslay: block
362 }
363
364 #contentHdExt input {
365         padding: 1px;
366         margin-right: 2px;
367         margin-bottom: 2px;
368         border: 0;
369         color: #485052
370 }
371
372 #epgSearch {
373         width: 120px
374 }
375
376 .boxContent {
377         color: #485052;
378         padding: 3px
379 }
380
381 .navTable {
382         width: 100%;
383         margin: 0;
384         padding: 0
385 }
386
387 .navTable li {
388         list-style: none;
389         margin: 0px;
390         padding: 0;
391         position: relative;
392         display: block
393 }
394
395 .navTable a:hover {
396         background-color: #CCC;
397         color: #485052;
398         display: block
399 }
400
401 .bListSLink {
402         display: block;
403         margin-right: 5px;
404         color: #485052
405 }
406
407 .bListSLink:hover {
408         display: block;
409         background-color: #CCC;
410         color: #485052
411 }
412
413 .sListSName a {
414         display: block;
415         margin-right: 5px;
416         color: #485052
417 }
418
419 .sListSName a:hover {
420         background-color: #CCC;
421         color: #485052;
422         display: block
423 }
424
425 .sListMarker {
426         background-color: #485052;
427         color: #FFF
428 }
429
430 .sListEPGItem {
431         font-size: 12px;
432         margin: 0;
433         padding: 0
434 }
435
436 .sListSProgress {
437         display: inline-block;
438         margin: 0;
439         border: 1px solid #485052;
440         width: 50px;
441         height: 10px;
442         padding: 1px
443 }
444
445 .sListSProgressBar {
446         display: inline-block;
447         margin: 0;
448         background-color: #60aef2;
449         width: 0;
450         height: 100%
451 }
452
453 .sListExtEpg {
454         display: block
455 }
456
457 .header {
458         padding-top: 2px;
459         padding-left: 4px;
460         padding-right: 4px;
461         display: block;
462         height: 22px
463 }
464
465 #container {
466         margin: 0 auto;
467         text-align: left;
468         width: 1005px
469 }
470
471 #contentTable {
472         scrollbar: auto;
473         width: 785px
474 }
475
476 #contentServices {
477         vertical-align: top;
478         width: 575px
479 }
480
481 #contentServices table {
482         scrollbar: auto
483 }
484
485 #bouquetTable {
486         width: 100%;
487         margin: 0;
488         padding: 0
489 }
490
491 #bouquetTable li {
492         list-style: none;
493         margin: 3px;
494         padding: 3px;
495         position: relative;
496         display: block;
497         clear: both
498 }
499
500 .bouquetIcons {
501         float: left;
502         width: 40px
503 }
504
505 .bouquetName {
506         float: right;
507         width: 158px
508 }
509
510 #contentBouquets {
511         border-right: 1px solid #ccc;
512         vertical-align: top;
513         width: 220px
514 }
515
516 #contentMain {
517         padding: 8px;
518         margin-bottom: 5px;
519         min-height: 365px;
520         clear: both;
521         overflow-y: auto;
522         width: 815px;
523         color: #485052
524 }
525
526 #contentMain div table {
527         float: left;
528         width: 599px
529 }
530
531 .sListItem {
532         width: 570px !important;
533         color: #485052
534 }
535
536 .mListItem {
537         width: 780px;
538         color: #485052
539 }
540
541 .mpListItem {mListItem
542         
543 }
544
545 .epgStart {
546         width: 50px;
547         color: #485052
548 }
549
550 .epgTitle {
551         width: 420px;
552         color: #485052
553 }
554
555 .epgLength {
556         width: 100px;
557         text-align: right;
558         color: #485052
559 }
560
561 .mListDetail {
562         font-size: 12px;
563         color: #485052
564 }
565
566 .mStart {
567         width: 160px;
568         color: #485052
569 }
570
571 .mTitle {
572         width: 650px;
573         color: #485052
574 }
575
576 .mLength {
577         width: 90px;
578         text-align: right;
579         color: #485052
580 }
581
582 #tools {
583         font-size: 12px;
584         text-align: center
585 }
586
587 #tools h1 {
588         font-size: 14px
589 }
590
591 .tools a,.tools a:hover,.tools a:visited {
592         text-decoration: underline
593 }
594
595 .toolsHeader {
596         color: #FFF;
597         font-weight: bold;
598         background-color: #000
599 }
600
601 .tools {
602         border: 1px solid #CCC;
603         width: 100%;
604         margin: 0;
605         padding: 0
606 }
607
608 .tools td {
609         font-size: 12px;
610         padding: 5px;
611         vertical-align: top
612 }
613
614 .toolsElementLeft {
615         font-weight: bold;
616         width: 15%;
617         text-align: left
618 }
619
620 .toolsElementCenter {
621         text-align: left
622 }
623
624 .toolsElementRight {
625         width: 10%;
626         text-align: left
627 }
628
629 #about {
630         font-size: 12px;
631         text-align: center
632 }
633
634 #about h1 {
635         font-size: 14px
636 }
637
638 #about a,#about a:hover,#about a:visited {
639         text-decoration: underline
640 }
641
642 .aboutHeader {
643         width: 100%;
644         color: #FFF;
645         font-weight: bold;
646         background-color: #000
647 }
648
649 .about {
650         border: 1px solid #CCC;
651         width: 100%;
652         margin: 0;
653         padding: 0
654 }
655
656 .about td {
657         font-size: 12px
658 }
659
660 .aboutElementLeft {
661         font-weight: bold;
662         width: 50%;
663         text-align: left
664 }
665
666 .aboutElementRight {
667         width: 50%
668 }
669
670 .w200h50 {
671         width: 200px;
672         height: 50px
673 }
674
675 .textRight {
676         text-align: right
677 }
678
679 .textLeft {
680         text-align: left
681 }
682
683 .textCenter {
684         text-align: center
685 }
686
687 .tListItemTable {
688         width: 100%
689 }
690
691 .tListSName {
692         text-align: left
693 }
694
695 .tListItem {
696         font-weight: bold;
697         font-size: 13px
698 }
699
700 .tListTitle {
701         width: 150px;
702         text-align: left
703 }
704
705 .tListDescr {
706         width: 150px;
707         text-align: left
708 }
709
710 .tListRepeat {
711         width: 70px;
712         text-align: left
713 }
714
715 .tListDuration {
716         width: 70px;
717         text-align: left
718 }
719
720 .tListBegin {
721         width: 100px;
722         text-align: left
723 }
724
725 .tListEnd {
726         width: 100px;
727         text-align: left
728 }
729
730 .tListAfter {
731         width: 85px;
732         text-align: left
733 }
734
735 .tListOption {
736         width: 80px;
737         text-align: center
738 }
739
740 .timerState0 {
741         color: #485052
742 }
743
744 .timerState1 {
745         color: #900
746 }
747
748 .timerState2 {
749         color: #090
750 }
751
752 .timerState3 {
753         color: #009
754 }
755
756 a.tEditTag {
757         margin: 3px 0 3px 0;
758         padding: 3px;
759         display: inline-block;
760         border: 1px solid #CCC
761 }
762
763 a.selected {
764         background: #ff9
765 }
766
767 .epgListItem {
768         font-size: 12px;
769         font-weight: bold
770 }
771
772 * html #banner {
773         width: 1005px;
774         height: 78px
775 }
776
777 * html #bannerRight {
778         width: 120px;
779         height: 60px
780 }
781
782 * html #nav {
783         width: 99%;
784         height: 250px;
785         background: #000;
786         padding-left: 5px
787 }
788
789 * html .navTable {
790         width: 95%
791 }
792
793 input.fd-hidden-input,select.fd-hidden-input {
794         display: none
795 }
796
797 .fd-screen-reader {
798         position: absolute;
799         left: -999em;
800         top: 0;
801         width: 1px;
802         height: 1px;
803         overflow: hidden;
804         outline: 0 none;
805         -moz-outline: 0 none
806 }
807
808 a.dp-disabled,.dp-disabled table {
809         opacity: .3 !important;
810         filter: alpha(opacity =   40)
811 }
812
813 .dp-disabled,.dp-disabled td,.dp-disabled th,.dp-disabled th span {
814         cursor: default !important
815 }
816
817 a.date-picker-control:focus,div.datePicker table td:focus {
818         overflow: hidden;
819         outline: 0 none;
820         -moz-outline: 0 none;
821         color: #6482aa !important
822 }
823
824 div.datePicker {
825         position: absolute;
826         z-index: 9999;
827         text-align: center;
828         font-size: 11px;
829         background: transparent;
830         color: #485052;
831         padding: 0;
832         -moz-user-select: none;
833         -khtml-user-select: none
834 }
835
836 div.static-datepicker {
837         position: relative;
838         top: 5px;
839         left: 0
840 }
841
842 div.datePicker table {
843         width: auto;
844         height: auto;
845         border-collapse: separate;
846         border-spacing: 1px;
847         background: #fff
848 }
849
850 div.datePicker tfoot th.drag-enabled,div.datePicker thead th.drag-enabled,div.datePicker thead th.drag-enabled span
851         {
852         cursor: move
853 }
854
855 iframe.iehack {
856         position: absolute;
857         background: #fff;
858         z-index: 9998;
859         padding: 0;
860         border: 0;
861         display: none;
862         margin: 0
863 }
864
865 a.date-picker-control:link,a.date-picker-control:visited {
866         position: relative;
867         display: -moz-inline-stack;
868         border: 0 none;
869         padding: 0;
870         margin: 0 0 0 4px;
871         background: transparent url(/web-data/lib/datepicker/media/cal-grey.gif)
872                 no-repeat 50% 50%;
873         min-width: 16px;
874         line-height: 1;
875         cursor: pointer;
876         visibility: visible;
877         text-decoration: none;
878         vertical-align: top
879 }
880
881 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
882         {
883         background: transparent url(/web-data/lib/datepicker/media/cal.gif)
884                 no-repeat 50% 50% !important
885 }
886
887 * html a.date-picker-control {
888         width: 16px
889 }
890
891 a.date-picker-control {
892         display: inline-block
893 }
894
895 a.date-picker-control span {
896         display: block;
897         width: 16px;
898         height: 16px;
899         margin: auto 0
900 }
901
902 div.datePicker thead th span {
903         display: block;
904         padding: 0;
905         margin: 0;
906         text-align: center;
907         line-height: 1em;
908         border: 0 none;
909         background: transparent;
910         font-weight: bold;
911         cursor: pointer
912 }
913
914 div.datePicker th span.month-display,div.datePicker th span.year-display
915         {
916         display: inline;
917         text-transform: uppercase;
918         letter-spacing: 1px;
919         font-size: 13px;
920         cursor: default
921 }
922
923 div.datePicker th span.prev-but,div.datePicker th span.next-but {
924         font-weight: lighter;
925         font-size: 13px;
926         cursor: pointer !important
927 }
928
929 div.datePicker th span.prev-but:hover,div.datePicker th span.next-but:hover,div.datePicker th span.today-but:hover
930         {
931         color: #a84444
932 }
933
934 div.datePicker th span.today-but {
935         text-align: center;
936         margin: 0;
937         font-size: 13px;
938         width: 100%;
939         text-decoration: none;
940         padding-top: .3em;
941         text-transform: uppercase;
942         vertical-align: middle;
943         cursor: pointer !important
944 }
945
946 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
947         {
948         color: #aaa;
949         cursor: default !important;
950         opacity: 1
951 }
952
953 div.datePicker th span.fd-day-header {
954         text-align: center;
955         margin: 0;
956         font-size: 11px;
957         text-decoration: none;
958         text-transform: lowercase;
959         cursor: pointer
960 }
961
962 div.datePicker table {
963         margin: 0;
964         padding: 0;
965         border: 1px solid #000;
966         background: #fff;
967         text-align: center;
968         width: auto;
969         empty-cells: show;
970         border-radius: 3px;
971         -moz-border-radius: 3px;
972         -moz-box-shadow: 0 0 5px #aaa
973 }
974
975 div.datePicker table tbody th,div.datePicker table td {
976         border: 0 none;
977         padding: 0;
978         text-align: center;
979         vertical-align: middle;
980         cursor: pointer;
981         background: #fff;
982         width: 2em;
983         height: 2em;
984         overflow: hidden;
985         outline: transparent none 0;
986         border: 1px solid #ccc;
987         text-transform: none;
988         -moz-border-radius: 2px;
989         border-radius: 2px
990 }
991
992 div.datePicker table td:focus,div.datePicker table td:active {
993         outline: 0 none red
994 }
995
996 div.datePicker table th {
997         border: 0 none;
998         padding: 0;
999         font-weight: bold;
1000         color: #222;
1001         text-align: center;
1002         vertical-align: middle;
1003         text-transform: none
1004 }
1005
1006 div.datePicker table thead th {
1007         height: auto !important
1008 }
1009
1010 div.datePicker table tbody th {
1011         border: 1px solid #dcdcdc
1012 }
1013
1014 div.datePicker table thead th.date-picker-week-header,div.datePicker table tbody th.date-picker-week-header
1015         {
1016         background: url(/web-data/lib/datepicker/media/backstripes.gif);
1017         color: #ccc;
1018         font-style: oblique;
1019         background: transparent;
1020         cursor: default
1021 }
1022
1023 div.datePicker table thead th.date-picker-week-header {
1024         cursor: help;
1025         border: 0 none;
1026         padding: 0 0 .2em 0
1027 }
1028
1029 div.datePicker tfoot th {
1030         cursor: default;
1031         font-weight: normal;
1032         text-transform: uppercase;
1033         letter-spacing: .1em;
1034         border: 0 none;
1035         background: #fff;
1036         height: 2.8em
1037 }
1038
1039 div.datePicker table tbody td.date-picker-unused {
1040         background: #fff url(/web-data/lib/datepicker/media/backstripes.gif);
1041         border-color: #dcdcdc;
1042         cursor: default !important
1043 }
1044
1045 div.datePicker table thead th.date-picker-title {
1046         width: auto;
1047         height: auto;
1048         padding: .4em 0;
1049         background: #000;
1050         color: #FFF
1051 }
1052
1053 div.datePicker table thead th.date-picker-day-header {
1054         text-transform: lowercase;
1055         cursor: help;
1056         height: auto
1057 }
1058
1059 div.datePicker table tbody td.date-picker-today {
1060         background: #fff url(/web-data/lib/datepicker/media/bullet2.gif)
1061                 no-repeat 0 0;
1062         color: #646464 !important
1063 }
1064
1065 div.datePicker table tbody td.month-out.date-picker-highlight {
1066         color: #a86 !important
1067 }
1068
1069 div.datePicker table tbody td.date-picker-highlight,div.datePicker table thead th.date-picker-highlight
1070         {
1071         color: #a86666 !important
1072 }
1073
1074 div.datePicker table tbody td.date-picker-hover {
1075         background: #fff url(/web-data/lib/datepicker/media/bg_header.jpg)
1076                 no-repeat 0 0;
1077         cursor: pointer;
1078         border-color: #6482aa !important;
1079         color: #6482aa;
1080         text-shadow: 0 1px 1px #fff
1081 }
1082
1083 div.datePicker table tbody td.day-disabled {
1084         background: #fff url(/web-data/lib/datepicker/media/backstripes.gif)
1085                 no-repeat 0 0;
1086         color: #aaa !important;
1087         cursor: default;
1088         text-decoration: line-through
1089 }
1090
1091 div.datePicker table tbody td.month-out {
1092         border-color: #ddd;
1093         color: #aaa !important;
1094         background: #fff
1095                 url(/web-data/lib/datepicker/media/gradient-e5e5e5-ffffff.gif)
1096                 repeat-x 0 -40px
1097 }
1098
1099 div.datePicker table tbody td.date-picker-selected-date {
1100         color: #333 !important;
1101         border-color: #333 !important
1102 }
1103
1104 div.datePicker table tbody td.out-of-range,div.datePicker table tbody td.not-selectable
1105         {
1106         color: #ccc !important;
1107         font-style: oblique;
1108         background: #fcfcfc !important;
1109         cursor: default !important
1110 }
1111
1112 div.datePicker table tbody th.month-out,div.datePicker table tbody th.out-of-range
1113         {
1114         color: #aaa !important;
1115         font-style: oblique;
1116         background: #fcfcfc !important
1117 }
1118
1119 div.datePicker table tbody th.out-of-range {
1120         opacity: .6;
1121         filter: alpha(opacity =   60)
1122 }
1123
1124 div.datePicker table tbody td.not-selectable {
1125         opacity: .8;
1126         filter: alpha(opacity =   80)
1127 }
1128
1129 div.datePicker table tbody tr {
1130         display: table-row
1131 }
1132
1133 div.datePicker table tfoot sup {
1134         letter-spacing: normal;
1135         text-transform: none;
1136         height: 0;
1137         line-height: 1;
1138         position: relative;
1139         top: -0.2em;
1140         vertical-align: baseline !important;
1141         vertical-align: top
1142 }
1143
1144 div.datepicker-focus table.datePickerTable {
1145         border-color: #999 !important
1146 }
1147
1148 div.datePicker table tbody tr td:focus,div.datePicker table tbody td.date-picker-hover
1149         {
1150         overflow: hidden;
1151         outline: 0 solid #f00;
1152         -moz-outline: 0 none;
1153         -o-highlight: 0 none;
1154         color: #6482aa !important
1155 }
1156
1157 div.static-datepicker table {
1158         -moz-box-shadow: 0 0 0 transparent
1159 }
1160
1161 div.datepicker-focus table {
1162         outline: 0;
1163         -moz-box-shadow: 0 0 5px #aaa
1164 }
1165
1166 *:-o-prefocus {
1167         outline: -o-highlight-border
1168 }
1169
1170 * html div.datePicker table td {
1171         background-image: none
1172 }
1173
1174 * html div.datePicker table td.date-picker-unused {
1175         background: #f2f2f2
1176 }
1177
1178 body.fd-drag-active {
1179         -webkit-user-select: none
1180 }
1181
1182 @media screen and (-webkit-min-device-pixel-ratio:0) {
1183         div.datePicker table {
1184                 -webkit-box-shadow: 0 0 5px #aaa;
1185                 -webkit-border-radius: 3px
1186         }
1187         div.static-datepicker table {
1188                 -webkit-box-shadow: 0 0 0 transparent
1189         }
1190         div.datepicker-focus table {
1191                 -webkit-box-shadow: 0 0 5px #aaa
1192         }
1193         div.datePicker table td,div.datePicker table tbody th {
1194                 padding: .1em;
1195                 -webkit-border-radius: 2px
1196         }
1197         div.datePicker table tbody td.date-picker-hover {
1198                 -webkit-box-shadow: 0 0 1px #6482aa
1199         }
1200 }