Mercurial > hg > NetworkVis

comparison d3s_examples/python-neo4jrestclient/static/platin/css/style.css @ 8:18ef6948d689

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
new d3s examples
author Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de>
date Thu, 01 Oct 2015 17:17:27 +0200
parents
children
comparison
equal deleted inserted replaced
7:45dad9e38c82 8:18ef6948d689
1 @import url(http://fonts.googleapis.com/css?family=Droid+Sans:regular,bold&subset=latin);
2
3 body {
4 font-family: "Droid Sans", verdana, arial, serif;
5 }
6
7 /*
8 settings for slider object
9 */
10 .dynamic-slider-control {
11 width: 20px;
12 position: relative;
13 margin: auto;
14 }
15
16 .vertical {
17 height: 80px;
18 }
19
20 .horizontal {
21 width: 60px;
22 }
23
24 .dynamic-slider-control input {
25 display: none;
26 }
27
28 .dynamic-slider-control .handle {
29 position: absolute;
30 font-size: 1px;
31 overflow: hidden;
32 }
33
34 .dynamic-slider-control.vertical .handle {
35 width: 20px;
36 height: 30px;
37 background-image: url("../images/sliderDot.png");
38 }
39
40 .dynamic-slider-control.horizontal .handle {
41 width: 30px;
42 height: 20px;
43 background-image: url("../images/sliderDot-horizontal.png");
44 }
45
46 .dynamic-slider-control .line {
47 position: absolute;
48 font-size: 0.01mm;
49 overflow: hidden;
50 border: 1px solid rgb(90,97,90);
51 background: rgb(189,190,189);
52 }
53
54 .dynamic-slider-control.vertical .line {
55 width: 3px;
56 }
57
58 .dynamic-slider-control .line div {
59 width: 1px;
60 height: 1px;
61
62 border: 1px solid;
63 border-color: rgb(230,230,230) rgb(189,190,189)
64 rgb(189,190,189) rgb(230,230,230);
65 }
66
67 /*
68 settings for timeplot widget (some are overwritten timeplot css classes)
69 */
70 .plotWindow {
71 position: relative;
72 border-bottom: 1px solid #ADADAD;
73 z-index: 1;
74 width: 100%;
75 }
76
77 .plotContainer {
78 position: absolute;
79 padding: 0px;
80 border: none;
81 top: 12px;
82 left: 0px;
83 z-index: 1;
84 overflow: hidden;
85 width: 100%;
86 }
87
88 .plotCanvas {
89 position: absolute;
90 top: 0px;
91 left: 0px;
92 z-index: -2;
93 }
94
95 .timeplot-background {
96 display: none;
97 z-index: -2;
98 }
99
100 .timeplot-container {
101 position: absolute;
102 left: 16px;
103 padding: 0px;
104 border: none;
105 z-index: 1;
106 top: 0px;
107 overflow: visible;
108 }
109
110 .timeplot-copyright {
111 visibility: hidden;
112 }
113
114 .timeplot-timeflag {
115 font-size: 0.8em;
116 font-weight: normal;
117 }
118
119 .timeplot-valueflag {
120 font-size: 0.8em;
121 }
122
123 .timeplot-dayflag-pole {
124 display: none;
125 z-index: 999;
126 }
127
128 .timeplot-dayflag {
129 display: none;
130 border: 1px solid #FF0000;
131 padding: 1px;
132 text-align: center;
133 background-color: #FFCCCC;
134 z-index: 1000;
135 }
136
137 .range-box {
138 display: none;
139 background-repeat: repeat;
140 opacity: 0.6;
141 filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
142 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
143 z-index: -1;
144 }
145
146 .popup-click-div {
147 display: none;
148 z-index: 1010;
149 cursor: pointer;
150 }
151
152 .left-feather {
153 display: none;
154 z-index: -1;
155 }
156
157 .right-feather {
158 display: none;
159 z-index: -1;
160 }
161
162 .plotHandle {
163 position: absolute;
164 visibility: hidden;
165 cursor: pointer;
166 z-index: 1002;
167 }
168
169 .plotHandleLabel {
170 padding: 2px 5px;
171 font-size: 0.8em;
172 }
173
174 .plotHandleIcon {
175 height: 43px;
176 width: 14px;
177 margin: 0;
178 padding: 0;
179 }
180
181 .plotHandleBox {
182 position: absolute;
183 border: solid 1px #d0ba9a;
184 background-color: #e8cfac;
185 filter: alpha(opacity=40);
186 opacity: 0.4;
187 margin: 0;
188 padding: 0;
189 }
190
191 .plotToolbar {
192 position: absolute;
193 visibility: hidden;
194 z-index: 1;
195 }
196
197 .featherSlider {
198 position: absolute;
199 top: 9px;
200 right: 64px;
201 }
202
203 .timeOverview {
204 position: absolute;
205 top: 0px;
206 height: 12px;
207 z-index: 0;
208 visibility: hidden;
209 opacity: 0.5;
210 filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
211 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
212 overflow: hidden;
213 border-bottom: 1px solid rgb(100,100,100);
214 }
215
216 .plotLabels {
217 position: absolute;
218 overflow: hidden;
219 top: 0px;
220 left: 0px;
221 height: 12px;
222 z-index: 0;
223 }
224
225 .plotLabel {
226 position: absolute;
227 font-size: 9px;
228 height: 10px;
229 padding: 1px 2px;
230 border-left: solid 1px rgb(214,214,214);
231 }
232
233 .overviewRange {
234 position: absolute;
235 top: 0px;
236 height: 12px;
237 background: white;
238 }
239
240 .overviewLabel {
241 position: absolute;
242 font-size: 9px;
243 height: 10px;
244 padding: 1px 2px;
245 border-left: solid 1px black;
246 }
247
248 .shiftLeft {
249 position: absolute;
250 left: 4px;
251 top: 0px;
252 height: 12px;
253 width: 12px;
254 filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
255 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
256 opacity: 0.8;
257 background-image: url(../images/shiftLeft.png);
258 visibility: hidden;
259 }
260
261 .shiftLeft:hover {
262 cursor: pointer;
263 background-image: url(../images/shiftLeftOver.png);
264 }
265
266 .shiftRight {
267 position: absolute;
268 right: 4px;
269 top: 0px;
270 height: 12px;
271 width: 12px;
272 opacity: 0.8;
273 filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
274 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
275 background-image: url(../images/shiftRight.png);
276 visibility: hidden;
277 }
278
279 .shiftRight:hover {
280 cursor: pointer;
281 background-image: url(../images/shiftRightOver.png);
282 }
283
284 /*
285 settings for map widget
286 */
287 .mapWindow {
288 position: absolute;
289 overflow: hidden;
290 z-index: 2;
291 width: 100%;
292 }
293
294 .mapContainer {
295 width: 100%;
296 }
297
298 .mapCanvas {
299 position: absolute;
300 top: 0px;
301 left: 0px;
302 z-index: -2;
303 }
304
305 .mapsMenu {
306 position: absolute;
307 z-index: 1000;
308 }
309
310 .mapsMenu dl {
311 margin: 0px;
312 display: block;
313 }
314
315 .mapsMenu dt {
316 padding: 2px;
317 display: block;
318 cursor: pointer;
319 }
320
321 .mapsMenu dt:hover {
322 background: #C9C9CB;
323 }
324
325 .selectedMapEntry {
326 color: white;
327 background: #C9C9CB;
328 }
329
330 .pointClickDiv {
331 position: absolute;
332 visibility: hidden;
333 z-index: 4;
334 }
335
336 .pointClickDivBackground {
337 width: 100%;
338 height: 100%;
339 z-index: 4;
340 filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
341 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
342 }
343
344 .mapInfo {
345 position: absolute;
346 bottom: 5px;
347 right: 5px;
348 padding: 3px;
349 }
350
351 .tagCloudDiv {
352 position: absolute;
353 }
354
355 .mapToolbar {
356 position: absolute;
357 visibility: hidden;
358 z-index: 1009;
359 opacity: 0.8;
360 filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
361 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
362 }
363
364 .tagCloudItem {
365 z-index: 1009;
366 cursor: pointer;
367 }
368
369 .controlLock {
370 position: absolute;
371 width: 100%;
372 height: 100%;
373 z-index: 1008;
374 visibility: hidden;
375 }
376
377 /*
378 sti toolbar settings
379 */
380 .toolbarTop {
381 top: 0px;
382 }
383
384 .toolbarBottom {
385 bottom: 0px;
386 }
387
388 .toolbarLeft {
389 left: 0px;
390 }
391
392 .toolbarRight {
393 right: 0px;
394 }
395
396 .toolbarLeftLight {
397 background-image: url(../images/bg-left.png);
398 background-repeat: repeat-y;
399 border-right: 1px solid white;
400 }
401
402 .toolbarRightLight {
403 background-image: url(../images/bg-right.png);
404 background-repeat: repeat-y;
405 border-left: 1px solid white;
406 }
407
408 /*
409 settings for zoom slider
410 */
411 .sliderStyle {
412 position: relative;
413 width: 20px;
414 height: 100px;
415 border: 1px solid rgb(68,68,68);
416 margin: 3px;
417 }
418
419 .zoomSliderContainer {
420 position: absolute;
421 top: 10px;
422 left: 0px;
423 }
424
425 .zoomSliderIn {
426 position: absolute;
427 top: 0px;
428 left: 2px;
429 }
430
431 .zoomSliderOut {
432 position: absolute;
433 top: 84px;
434 left: 2px;
435 }
436
437 /*
438 settings for widgets integrated toolbars
439 */
440 .dragTimeRangeAlt {
441 position: relative;
442 height: 12px;
443 width: 43px;
444 cursor: pointer;
445 }
446
447 .cancelRangeAlt {
448 position: absolute;
449 height: 16px;
450 width: 16px;
451 background-image: url(../images/cancel.png);
452 cursor: pointer;
453 visibility: hidden;
454 }
455
456 .widgetHeadline {
457 position: absolute;
458 top: 3px;
459 font-size: 18px;
460 padding: 3px;
461 }
462
463 /*
464 settings for widgets popup window
465 */
466 .popupDiv {
467 position: absolute;
468 background-color: white;
469 border: 2px solid #666666;
470 padding: 25px;
471 visibility: hidden;
472 }
473
474 .back {
475 position: absolute;
476 height: 16px;
477 width: 16px;
478 top: 2px;
479 left: 5px;
480 background-image: url(../images/back.png);
481 background-repeat: no-repeat;
482 cursor: pointer;
483 display: none;
484 }
485
486 .next {
487 position: absolute;
488 height: 16px;
489 width: 16px;
490 bottom: 5px;
491 right: 5px;
492 background-image: url(../images/next.png);
493 background-repeat: no-repeat;
494 cursor: pointer;
495 }
496
497 .previous {
498 position: absolute;
499 height: 16px;
500 width: 16px;
501 bottom: 5px;
502 left: 5px;
503 background-image: url(../images/prev.png);
504 background-repeat: no-repeat;
505 cursor: pointer;
506 }
507
508 .popupTriangleDown {
509 position: absolute;
510 height: 18px;
511 width: 31px;
512 background-image: url(../images/popupTriangleDown.png);
513 background-repeat: no-repeat;
514 z-index: 1000;
515 }
516
517 .popupTriangleUp {
518 position: absolute;
519 height: 18px;
520 width: 31px;
521 background-image: url(../images/popupTriangleUp.png);
522 background-repeat: no-repeat;
523 z-index: 1000;
524 }
525
526 .popupTriangleLeft {
527 position: absolute;
528 height: 31px;
529 width: 18px;
530 background-image: url(../images/popupTriangleLeft.png);
531 background-repeat: no-repeat;
532 z-index: 1000;
533 }
534
535 .popupTriangleRight {
536 position: absolute;
537 height: 31px;
538 width: 18px;
539 background-image: url(../images/popupTriangleRight.png);
540 background-repeat: no-repeat;
541 z-index: 1000;
542 }
543
544 .popupResultsLabel {
545 position: absolute;
546 bottom: 5px;
547 font-size: 60%;
548 color:#999999;
549 }
550
551 .popupDescription {
552 font-size: 60%;
553 }
554
555 .popupDiv ul {
556 list-style-type: none;
557 margin:0;
558 padding:0;
559 }
560
561 .popupDiv ol li:hover {
562 text-decoration:underline;
563 }
564
565 .popupDiv li {
566 padding: 5px;
567 cursor: pointer;
568 }
569
570 .popupContent {
571 font-size: 60%;
572 font-weight: bold;
573 }
574
575 .animation {
576 position: absolute;
577 width: 18px;
578 height: 18px;
579 cursor: pointer;
580 visibility: hidden;
581 }
582
583 .osmLink {
584 position: absolute;
585 left: 5px;
586 bottom: 5px;
587 font-size: 11px;
588 color: blue;
589 visibility: hidden;
590 z-index: 1100;
591 }
592
593 .osmLink a {
594 color: blue;
595 }
596
597 .osmLink a:visited {
598 color: blue;
599 }
600
601 .absoluteToolbar {
602 position: absolute;
603 top: 0px;
604 left: 0px;
605 z-index: 1002;
606 }
607
608 .ddbToolbar {
609 width: 100%;
610 background-color: #878380;
611 position: relative;
612 opacity: 0.85;
613 filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
614 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
615 border-spacing: 0px;
616 z-index: 10000;
617 }
618
619 .ddbToolbar table {
620 border-spacing: 0px;
621 }
622
623 .ddbToolbar td {
624 color: white;
625 font-size: 13px;
626 font-weight: bold;
627 border: none;
628 text-align: center;
629 }
630
631 .ddbTooltip {
632 position: absolute;
633 width: 20px;
634 height: 20px;
635 background-image: url(../images/tooltip.png);
636 top: 5px;
637 right: 5px;
638 cursor: help;
639 }
640
641 .dropdown {
642 display: inline-block;
643 height: 25px;
644 max-height: 25px;
645 white-space: nowrap;
646 }
647
648 .dropdownLeft {
649 display: table-cell;
650 width: 5px;
651 height: 25px;
652 background-image: url(../images/dropdownLeft.png);
653 }
654
655 .dropdownSelection {
656 text-align: center;
657 height: 25px;
658 color: #6f6b68;
659 font-style: italic;
660 font-weight: normal;
661 font-size: 13px;
662 display: table-cell;
663 vertical-align: middle;
664 background-image: url(../images/dropdownMiddle.png);
665 white-space: nowrap;
666 }
667
668 .dropdownButtonEnabled {
669 display: table-cell;
670 width: 25px;
671 height: 25px;
672 background-image: url(../images/dropdownEnabled1.png);
673 cursor: pointer;
674 }
675
676 .dropdownButtonDisabled {
677 display: table-cell;
678 width: 25px;
679 height: 25px;
680 background-image: url(../images/dropdownDisabled1.png);
681 cursor: pointer;
682 }
683
684 .dropdownMenu {
685 display: inline-block;
686 font-size: 13px;
687 background-color: white;
688 opacity: 0.85;
689 filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
690 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
691 max-height: 200px;
692 overflow: auto;
693 position: absolute;
694 z-index: 3;
695 }
696
697 .dropdownMenu dl {
698 margin: 0px;
699 display: block;
700 white-space: nowrap;
701 }
702
703 .dropdownMenu dt {
704 padding: 2px 10px;
705 display: block;
706 cursor: pointer;
707 text-align: center;
708 color: #6f6b68;
709 font-weight: normal;
710 white-space: nowrap;
711 }
712
713 .dropdownMenu dt:hover {
714 background: #DFDFDD;
715 white-space: nowrap;
716 }
717
718 .dropdownSelectedEntry {
719 color: #6f6b68;
720 font-style: italic;
721 font-weight: normal;
722 display: table-cell;
723 vertical-align: middle;
724 white-space: nowrap;
725 }
726
727 .dropdownUnselectedEntry {
728 color: #6f6b68;
729 font-style: normal;
730 font-weight: normal;
731 display: table-cell;
732 vertical-align: middle;
733 white-space: nowrap;
734 }
735
736 .ddbElementsCount {
737 font-family: Calibri,Arial,sans-serif;
738 color: white;
739 font-style: italic;
740 font-weight: normal;
741 font-size: 13px;
742 }
743
744 /*
745 settings for slider object
746 */
747 .dynamic-slider-control {
748 width: 20px;
749 height: 18px;
750 position: relative;
751 }
752
753 .vertical {
754 height: 123px;
755 }
756
757 .horizontal {
758 width: 123px;
759 }
760
761 .dynamic-slider-control input {
762 display: none;
763 }
764
765 .dynamic-slider-control .handle {
766 position: absolute;
767 font-size: 1px;
768 overflow: hidden;
769 }
770
771 .dynamic-slider-control.vertical .handle {
772 width: 20px;
773 height: 12px;
774 cursor: pointer;
775 background-image: url("../images/zoom_slider-vertical.png");
776 }
777
778 .dynamic-slider-control.horizontal .handle {
779 width: 12px;
780 height: 20px;
781 cursor: pointer;
782 background-image: url("../images/zoom_slider-horizontal.png");
783 }
784
785 .dynamic-slider-control .line {
786 position: absolute;
787 font-size: 0.01mm;
788 overflow: hidden;
789 border: none;
790 background: rgb(189,190,189);
791 }
792
793 .dynamic-slider-control.vertical .line {
794 width: 0px;
795 }
796
797 .dynamic-slider-control .line div {
798 width: 0px;
799 height: 0px;
800 border: none;
801 }
802
803 /*
804 settings for zoom slider
805 */
806 .sliderStyle-horizontal {
807 position: relative;
808 width: 167px;
809 height: 21px;
810 border: 1px solid #bebdbc;
811 margin: 3px;
812 background: white;
813 }
814
815 .sliderStyle-vertical {
816 position: absolute;
817 width: 27px;
818 height: 173px;
819 /* border: 1px solid #bebdbc;*/
820 /* margin: 3px;*/
821 /* background: white;*/
822 background-image: url("../images/ZoomBgWithIncrements.png");
823 z-index: 1001;
824 }
825
826 .zoomSliderContainer-horizontal {
827 position: absolute;
828 top: 2px;
829 left: 22px;
830 height: 16px;
831 background-image: url("../images/zoom_grid-horizontal.png");
832 }
833
834 .zoomSliderContainer-vertical {
835 position: absolute;
836 top: 24px;
837 width: 27px;
838 /* background-image: url("../images/zoom_grid-vertical.png");*/
839 }
840
841 .zoomSliderIn-horizontal {
842 position: absolute;
843 top: 1px;
844 left: 149px;
845 cursor: pointer;
846 }
847
848 .zoomSliderOut-horizontal {
849 position: absolute;
850 top: 1px;
851 left: 2px;
852 cursor: pointer;
853 }
854
855 .zoomSliderIn-vertical {
856 position: absolute;
857 top: 4px;
858 left: 4px;
859 cursor: pointer;
860 }
861
862 .zoomSliderOut-vertical {
863 position: absolute;
864 bottom: 5px;
865 left: 4px;
866 cursor: pointer;
867 }
868
869 .ddbPopupDiv {
870 position: absolute;
871 background-color: white;
872 padding: 15px;
873 visibility: visible;
874 z-index: 1000;
875 cursor: default;
876 }
877
878 .ddbPopupInput {
879 overflow-x: auto;
880 overflow-y: auto;
881 }
882
883 .ddbPopupInput tr {
884 font-size: 13px;
885 }
886
887 .ddbPopupInput th {
888 font-size: 13px;
889 }
890
891 .ddbPopupInput td {
892 font-size: 13px;
893 }
894
895 .viewResults {
896 width: 121px;
897 height: 18px;
898 background-image: url("../images/Viewresultsbutton.png");
899 cursor: pointer;
900 margin-top: 10px;
901 }
902
903 .popupRight {
904 position: absolute;
905 width: 10px;
906 right: -4px;
907 top: 8px;
908 background-image: url("../images/right.png");
909 background-repeat: repeat-y;
910 z-index: 3;
911 }
912
913 .popupBottom {
914 position: absolute;
915 height: 10px;
916 bottom: -4px;
917 left: 16px;
918 background-image: url("../images/bottom.png");
919 background-repeat: repeat-x;
920 z-index: 3;
921 }
922
923 .popupBottomRight {
924 position: absolute;
925 width: 10px;
926 height: 10px;
927 bottom: -4px;
928 right: -4px;
929 background-image: url("../images/bottom_right.png");
930 z-index: 4;
931 }
932
933 .popupTopRight {
934 position: absolute;
935 width: 10px;
936 height: 8px;
937 top: 0px;
938 right: -4px;
939 background-image: url("../images/top_right.png");
940 z-index: 4;
941 }
942
943 .popupPeak {
944 position: absolute;
945 width: 26px;
946 height: 29px;
947 bottom: -14px;
948 left: -10px;
949 background-image: url("../images/peak.png");
950 z-index: 4;
951 }
952
953 .popupDDBResults {
954 font-weight: bold;
955 font-size: 12px;
956 color: #3e3a37;
957 cursor: default;
958 padding-bottom: 10px;
959 }
960
961 .ddbPopupCancel {
962 position: absolute;
963 height: 16px;
964 width: 16px;
965 top: 2px;
966 right: 2px;
967 background-image: url(../images/cancel.png);
968 cursor: pointer;
969 z-index: 5;
970 }
971
972 .ddbPopupLabel {
973 display: inline-block;
974 font-size: 12px;
975 color: #56524f;
976 cursor: pointer;
977 }
978
979 .zoomPopup {
980 height: 20px;
981 width: 20px;
982 margin-left: 5px;
983 background-image: url(../images/zoom.png);
984 display: inline-block;
985 cursor: pointer;
986 }
987
988
989 .descriptions {
990 display: inline-block;
991 height: 20px;
992 width: 20px;
993 background-image: url(../images/descriptions.png);
994 background-repeat: no-repeat;
995 cursor: pointer;
996 }
997
998 .mapLegend {
999 position: absolute;
1000 right: 0px;
1001 bottom: 0px;
1002 opacity: 0.7;
1003 filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
1004 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
1005 background-color: #EEE;
1006 font-size: 12px;
1007 }
1008
1009 .mapHome {
1010 position: absolute;
1011 cursor: pointer;
1012 z-index: 1001;
1013 background-image: url("../images/ResetMap.png");
1014 height: 27px;
1015 width: 27px;
1016 }
1017
1018 .geoLocationOn {
1019 position: absolute;
1020 cursor: pointer;
1021 z-index: 1001;
1022 background-image: url("../images/GeoLocation.png");
1023 height: 27px;
1024 width: 27px;
1025 }
1026
1027 .geoLocationOff {
1028 position: absolute;
1029 cursor: pointer;
1030 z-index: 1001;
1031 background-image: url("../images/GeoLocation2.png");
1032 height: 27px;
1033 width: 27px;
1034 }
1035
1036 .aggregation {
1037 display: inline-block;
1038 cursor: pointer;
1039 background-image: url("../images/aggregation.png");
1040 height: 30px;
1041 width: 31px;
1042 }
1043
1044 .noAggregation {
1045 display: inline-block;
1046 cursor: pointer;
1047 background-image: url("../images/no_aggregation.png");
1048 height: 30px;
1049 width: 31px;
1050 }
1051
1052 .showBbox {
1053 display: inline-block;
1054 cursor: pointer;
1055 background-image: url("../images/bbox_icon.png");
1056 height: 30px;
1057 width: 31px;
1058 }
1059
1060 .hideBbox {
1061 display: inline-block;
1062 cursor: pointer;
1063 background-image: url("../images/hidebbox_icon.png");
1064 height: 30px;
1065 width: 31px;
1066 }
1067
1068 .nextItem {
1069 display: none;
1070 cursor: pointer;
1071 background-image: url("../images/next.png");
1072 height: 7px;
1073 width: 9px;
1074 margin-left: 3px;
1075 }
1076
1077 .prevItem {
1078 display: none;
1079 cursor: pointer;
1080 background-image: url("../images/prev.png");
1081 height: 7px;
1082 width: 9px;
1083 margin-right: 3px;
1084 }
1085
1086 .singleTable {
1087 width: 100%;
1088 }
1089
1090 .smallButton {
1091 display: inline-block;
1092 cursor: pointer;
1093 height: 27px;
1094 width: 27px;
1095 }
1096
1097 .paginationButton {
1098 display: table-cell;
1099 cursor: pointer;
1100 height: 26px;
1101 width: 27px;
1102 }
1103
1104 .firstPageEnabled {
1105 background-image: url("../images/firstPageEnabled.png");
1106 }
1107
1108 .firstPageDisabled {
1109 background-image: url("../images/firstPageDisabled.png");
1110 }
1111
1112 .nextPageEnabled {
1113 background-image: url("../images/nextPageEnabled.png");
1114 }
1115
1116 .nextPageDisabled {
1117 background-image: url("../images/nextPageDisabled.png");
1118 }
1119
1120 .previousPageEnabled {
1121 background-image: url("../images/previousPageEnabled.png");
1122 }
1123
1124 .previousPageDisabled {
1125 background-image: url("../images/previousPageDisabled.png");
1126 }
1127
1128 .lastPageEnabled {
1129 background-image: url("../images/lastPageEnabled.png");
1130 }
1131
1132 .lastPageDisabled {
1133 background-image: url("../images/lastPageDisabled.png");
1134 }
1135
1136 .pageInfo {
1137 display: table-cell;
1138 vertical-align: middle;
1139 padding: 0px 10px;
1140 font-style: italic;
1141 font-weight: normal;
1142 font-size: 13px;
1143 }
1144
1145 .resultsInfo {
1146 display: table-cell;
1147 vertical-align: middle;
1148 font-style: italic;
1149 font-weight: normal;
1150 font-size: 13px;
1151 }
1152
1153 .resultsDropdown {
1154 display: table-cell;
1155 padding-left: 10px;
1156 }
1157
1158 .tableEntry {
1159 padding-top: 10px;
1160 padding-bottom: 10px;
1161 padding-right: 10px;
1162 padding-left: 100px;
1163 border-bottom: 1px solid #878380;
1164 text-align: left;
1165 }
1166
1167 .tableTabs {
1168 text-align: left;
1169 opacity: 0.85;
1170 filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
1171 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
1172 border-spacing: 0px;
1173 height:47px;
1174 overflow:auto;
1175 }
1176
1177 .tableTab {
1178 display: inline-block;
1179 padding: 5px 20px;
1180 cursor: pointer;
1181 font-weight: bold;
1182 font-size: 13px;
1183 margin-right: 10px;
1184 border-top: 1px solid #878380;
1185 border-left: 1px solid #878380;
1186 border-right: 1px solid #878380;
1187 }
1188
1189 .mapControl {
1190 display: inline-block;
1191 width: 31px;
1192 height: 30px;
1193 cursor: pointer;
1194 }
1195
1196 .squareDisabled {
1197 background-image: url("../images/square-disabled.png");
1198 }
1199
1200 .squareActivated {
1201 background-image: url("../images/square-activated.png");
1202 }
1203
1204 .squareDeactivated {
1205 background-image: url("../images/square-deactivated.png");
1206 }
1207
1208 .circleDisabled {
1209 background-image: url("../images/circle-disabled.png");
1210 }
1211
1212 .circleActivated {
1213 background-image: url("../images/circle-activated.png");
1214 }
1215
1216 .circleDeactivated {
1217 background-image: url("../images/circle-deactivated.png");
1218 }
1219
1220 .polygonDisabled {
1221 background-image: url("../images/polygon-disabled.png");
1222 }
1223
1224 .polygonActivated {
1225 background-image: url("../images/polygon-activated.png");
1226 }
1227
1228 .polygonDeactivated {
1229 background-image: url("../images/polygon-deactivated.png");
1230 }
1231
1232 .countryDisabled {
1233 background-image: url("../images/country-disabled.png");
1234 }
1235
1236 .countryActivated {
1237 background-image: url("../images/country-activated.png");
1238 }
1239
1240 .countryDeactivated {
1241 background-image: url("../images/country-deactivated.png");
1242 }
1243
1244 .linearPlotActivated {
1245 background-image: url("../images/lin-activated.png");
1246 }
1247
1248 .linearPlotDeactivated {
1249 background-image: url("../images/lin-deactivated.png");
1250 }
1251
1252 .logarithmicPlotActivated {
1253 background-image: url("../images/log-activated.png");
1254 }
1255
1256 .logarithmicPlotDeactivated {
1257 background-image: url("../images/log-deactivated.png");
1258 }
1259
1260 .playEnabled {
1261 background-image: url("../images/play-enabled.png");
1262 }
1263
1264 .playDisabled {
1265 background-image: url("../images/play-disabled.png");
1266 }
1267
1268 .pauseEnabled {
1269 background-image: url("../images/pause-enabled.png");
1270 }
1271
1272 .pauseDisabled {
1273 background-image: url("../images/pause-disabled.png");
1274 }
1275
1276 .lockDeactivated {
1277 background-image: url("../images/lock-deactivated.png");
1278 }
1279
1280 .lockActivated {
1281 background-image: url("../images/lock-activated.png");
1282 }
1283
1284 .dragControl {
1285 display: inline-block;
1286 height: 19px;
1287 width: 19px;
1288 cursor: pointer;
1289 }
1290
1291 .dragDisabled {
1292 background-image: url("../images/drag-disabled.png");
1293 }
1294
1295 .dragActivated {
1296 background-image: url("../images/drag-activated.png");
1297 }
1298
1299 .dragDeactivated {
1300 background-image: url("../images/drag-deactivated.png");
1301 }
1302
1303 .selectAll {
1304 background-image: url("../images/selectAll.png");
1305 }
1306
1307 .invertSelection {
1308 background-image: url("../images/invertSelection.png");
1309 }
1310
1311 .deselectAll {
1312 background-image: url("../images/deselectAll.png");
1313 }
1314
1315 .showAll {
1316 background-image: url("../images/showAll.png");
1317 }
1318
1319 .showSelected {
1320 background-image: url("../images/showSelected.png");
1321 }
1322
1323 .createNewRefined {
1324 background-image: url("../images/createNewRefined.png");
1325 }
1326
1327 .selectPage {
1328 background-image: url("../images/selectPage.png");
1329 }
1330
1331 .deselectPage {
1332 background-image: url("../images/deselectPage.png");
1333 }
1334
1335 .resultList {
1336 z-index: 2;
1337 width: 100%;
1338 background-color: #878380;
1339 opacity: 0.85;
1340 filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
1341 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
1342 border-spacing: 0px;
1343 }
1344
1345 .resultList table {
1346 border-spacing: 0px;
1347 }
1348
1349 .resultList th {
1350 font-family: Calibri,Arial,sans-serif;
1351 color: white;
1352 font-size: 13px;
1353 font-weight: bold;
1354 border: none;
1355 }
1356
1357 .resultList td {
1358 font-family: Calibri,Arial,sans-serif;
1359 font-size: 13px;
1360 padding: 10px;
1361 border-bottom: 1px solid #878380;
1362 text-align: left;
1363 }
1364
1365 .sortDescActive {
1366 background-image: url("../images/descActive.png");
1367 }
1368
1369 .sortDescDeactive {
1370 background-image: url("../images/descDeactive.png");
1371 }
1372
1373 .sortAscActive {
1374 background-image: url("../images/ascActive.png");
1375 }
1376
1377 .sortAscDeactive {
1378 background-image: url("../images/ascDeactive.png");
1379 }
1380
1381 .sort {
1382 height: 11px;
1383 background-position: center center;
1384 background-repeat: no-repeat;
1385 cursor: pointer;
1386 }
1387
1388 .headerLabel {
1389 vertical-align: middle;
1390 padding: 0px 10px;
1391 }
1392
1393 .smallButton {
1394 display: inline-block;
1395 height: 27px;
1396 width: 27px;
1397 cursor: pointer;
1398 }
1399
1400 .filter {
1401 background-image: url("../images/filter.png");
1402 }
1403
1404 .filterDisabled {
1405 background-image: url("../images/filterDisabled.png");
1406 }
1407
1408 .filterInverse {
1409 background-image: url("../images/filterInverse.png");
1410 }
1411
1412 .filterInverseDisabled {
1413 background-image: url("../images/filterInverseDisabled.png");
1414 }
1415
1416 .filterCancel {
1417 background-image: url("../images/filterCancel.png");
1418 }
1419
1420 .filterCancelDisabled {
1421 background-image: url("../images/filterCancelDisabled.png");
1422 }
1423
1424 .removeDataset {
1425 background-image: url("../images/filterCancel.png");
1426 }
1427
1428 .exportDataset {
1429 background-image: url("../images/exportDataset.png");
1430 }
1431
1432 .externalLink {
1433 display: inline-block;
1434 height: 10px;
1435 width: 10px;
1436 cursor: pointer;
1437 padding-left: 5px;
1438 padding-right: 5px;
1439 background: url("../images/externalLink.png") top no-repeat;
1440 }