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