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