fd0e4f46cb1061764af4efb7343964a6fc71f780
1 body, html {
2 border:0;
3 margin:0;
4 background-color:#FFF;
5 color:#000;
6 font-size:12px;
7 font-family:"Lucida Grande",Arial,Verdana,sans-serif;
8 height:100%;
9 min-width:1000px;
10 min-height:700px;
11 }
13 .left{
14 float:left;
15 }
17 .right{
18 float:right;
19 }
21 .v-spacer{
22 height:8px;
23 }
25 hr {
26 border:0;
27 border-bottom:1px solid #CCC;
28 }
30 a:link {
31 text-decoration:none;
32 color:#000;
33 }
35 a:visited {
36 text-decoration:none;
37 color:#000;
38 }
40 input[type=checkbox]{
41 border:1px solid #CCC;
42 }
44 input[type=text], input[type=password]{
45 border:1px solid #CCC;
46 padding:3px;
47 }
49 input[type=text]:active, input[type=text]:focus, input[type=password]:active, input[type=password]:focus,{
50 border:1px solid #777;
51 }
53 input[type=text]:hover, input[type=password]:hover{
54 border-color:#777;
55 }
57 input[disabled] {
58 color:#888;
59 background-color:#DDD;
60 }
62 textarea[disabled] {
63 color:#000;
64 background-color:#DDD;
65 }
67 select[disabled] {
68 color:#000;
69 background-color:#DDD;
70 }
72 h1, h2, h3 {
73 margin-top:2px;
74 }
76 h3 {
77 font-size:12px;
78 font-weight:bold;
79 }
81 /* Image with migration color */
82 img, input[type=image] {
83 border:1px solid red;
84 background-color:rgba(255,0,0,0.2);
85 }
87 /* Image with migration color */
88 button.img{
89 background:none;
90 border:0;
91 margin:0;
92 padding:2px;
93 }
94 button.img div.img {
95 border:0;
96 }
98 div.img{
99 background-color:transparent;
100 background-repeat:no-repeat;
101 position:relative;
102 float:left;
103 }
105 div.img div {
106 background-color:transparent;
107 background-repeat:no-repeat;
108 bottom:0;
109 right:0;
110 position:absolute;
111 }
114 /* Title bar definitions */
116 div.title-bar{
117 padding:0px;
118 height:40px;
119 border-top:1px solid #111;
120 border-bottom:1px solid #222;
121 background:url('images/title-bar.png') repeat-x;
122 color:#FFF;
123 cursor:default;
124 }
126 div.title-bar ul, div.title-bar ul li{
127 list-style:none;
128 display:inline;
129 margin:0;
130 padding:0;
131 }
133 div.logged-in-label span{
134 font-weight:bold;
135 }
137 li.table-wrapper {
138 display:table;
139 }
141 div.logged-in-label {
142 display:table-cell;
143 height:40px;
144 vertical-align:middle;
145 padding:0 5px 0 5px;
146 }
148 div.logout-label {
149 display:table-cell;
150 height:40px;
151 vertical-align:middle;
152 padding:0 5px 0 5px;
153 }
155 #log-out{
156 width:16px;
157 height:16px;
158 border:0;
159 background-color:transparent;
160 background-image:url('images/btn-logout.png');
161 cursor:pointer;
162 }
164 #log-out:hover{
165 background-image:url('images/btn-logout-hover.png')
166 }
169 /* Screen areas */
171 div.navigation {
172 float:left;
173 position:absolute;
174 width:150px;
175 min-height:600px;
176 padding-left:6px;
177 margin-top:8px;
178 }
180 div.plugin-area {
181 float:right;
182 position:absolute;
183 left:164px;
184 right:0;
185 padding-right:6px;
186 min-height:600px;
187 min-width:700px;
188 cursor:default;
189 }
192 /* Plugin decorations */
194 .plugin {
195 clear:both;
196 padding:5px 8px;
197 position:relative;
198 border:1px solid #CCC;
199 border-radius:5px;
200 box-shadow: 0 1px 0 rgba(0,0,0,0.2);
201 -webkit-border-radius:5px;
202 -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
203 -moz-border-radius:5px;
204 -moz-box-shadow: 0 1px 0px rgba(0,0,0,0.2);
205 }
207 .plugin-actions {
208 padding-top:5px;
209 text-align:right;
210 }
213 /* Plugin navigation bar */
215 .plugin-path {
216 margin-top:8px;
217 margin-bottom:8px;
218 height:32px;
219 background-color:#F8F8F8;
220 border:1px solid #CCC;
221 border-radius:5px;
222 -moz-border-radius:5px;
223 -webkit-border-radius:5px;
224 background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#EEE));
225 background: -moz-linear-gradient(top, #F8F8F8, #EEE);
226 }
228 ul.path-navigation {
229 list-style:none;
230 cursor:pointer;
231 padding:0;
232 margin:0;
233 color:#666;
234 }
236 ul.path-navigation li {
237 display:inline;
238 padding:5px;
239 padding-top:8px;
240 height:19px;
241 }
243 ul.path-navigation li:hover {
244 background-color: #E0E0E0;
245 background: -webkit-gradient(linear, 0 0, 0 100%, from(#EEE), to(#E0E0E0));
246 background: -moz-linear-gradient(top, #EEE, #E0E0E0);
247 }
249 div.nav-home {
250 height:14px;
251 width:20px;
252 background-image:url(images/home.png);
253 }
255 .right-border {
256 border-right:1px solid #C2C2C2;
257 }
259 .left-border {
260 border-left:1px solid #C2C2C2;
261 }
264 /* Side menu */
266 div.menu {
267 background: -webkit-gradient(linear, 0 0, 0 100%, from(#FFF), to(#F5F5F5));
268 background: -moz-linear-gradient(top, #FFF, #F5F5F5);
269 }
271 div.menu div {
272 height:3px;
273 border-right:1px solid #C2C2C2;
274 border-left:1px solid #C2C2C2;
275 border-bottom:1px solid #C2C2C2;
276 border-bottom-left-radius:5px;
277 border-bottom-right-radius:5px;
278 box-shadow: 0 1px 0 rgba(0,0,0,0.2);
279 -webkit-border-bottom-left-radius:5px;
280 -webkit-border-bottom-right-radius:5px;
281 -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
282 -moz-border-radius:5px;
283 -moz-box-shadow: 0 1px 0px rgba(0,0,0,0.2);
284 }
286 div.menu ul {
287 list-style:none;
288 margin:0;
289 padding:0;
290 }
292 div.menu ul li {
293 padding:5px;
294 cursor:pointer;
295 border-left:1px solid #C2C2C2;
296 border-right:1px solid #C2C2C2;
297 }
299 div.menu ul li.current {
300 padding:5px;
301 cursor:pointer;
302 background-color: rgba(0,0,0,0.1);
303 border-left:1px solid #C2C2C2;
304 border-right:1px solid #C2C2C2;
305 }
307 div.menu ul li:hover {
308 background-color: #E0E0E0;
309 }
311 div.menu ul li.menu-header {
312 cursor:default;
313 text-align:center;
314 font-weight:bold;
315 color:#FFF;
316 border:0;
317 background-color: #415A84;
318 background: -webkit-gradient(linear, 0 0, 0 100%, from(#5B6B8E), to(#2A4A79));
319 background: -moz-linear-gradient(top, #5B6B8E, #2A4A79);
320 border-top-left-radius:5px;
321 border-top-right-radius:5px;
322 -moz-border-radius-topleft:5px;
323 -moz-border-radius-topright:5px;
324 -webkit-border-top-left-radius:5px;
325 -webkit-border-top-right-radius:5px;
326 }
329 /* Buttons */
331 button {
332 padding:2px 6px;
333 margin:0;
334 margin-bottom:6px;
335 background-color:#F8F8F8;
336 background: -webkit-gradient(linear, 0 0, 0 100%, from(#FFF), to(#BBB));
337 background: -moz-linear-gradient(top, #FFF, #BBB);
338 border:1px solid #BBB;
339 border-radius:2px;
340 -webkit-border-radius:2px;
341 -moz-border-radius:2px;
342 outline:none;
343 }
345 button:active {
346 background-color:#CCC;
347 background: -webkit-gradient(linear, 0 100%, 0 0, from(#FFF), to(#BBB));
348 background: -moz-linear-gradient(top, #BBB, #FFF);
349 }
351 button:hover {
352 cursor:pointer;
353 border-color:#777 !important;
354 }
356 button:focus, .button:active {
357 border-color:#777;
358 }
361 /* Tabs */
363 .tabs {
364 width:100%;
365 height:25px;
366 }
368 .tab-content {
369 padding:5px 8px;
370 z-index:0;
371 margin-top:-2px;
372 position:relative;
373 border:1px solid #CCC;
374 border-top-right-radius:5px;
375 border-bottom-right-radius:5px;
376 border-bottom-left-radius:5px;
377 box-shadow: 0 1px 0 rgba(0,0,0,0.2);
378 -webkit-border-top-right-radius:5px;
379 -webkit-border-bottom-right-radius:5px;
380 -webkit-border-bottom-left-radius:5px;
381 -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
382 -moz-border-radius-topright:5px;
383 -moz-border-radius-bottomright:5px;
384 -moz-border-radius-bottomleft:5px;
385 -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.2);
386 }
388 .tabs ul {
389 margin:0;
390 padding:0;
391 list-style:none;
392 }
394 .tabs li {
395 float:left;
396 margin:0;
397 padding:4px 8px;
398 border-top:1px solid #C8C8C8;
399 border-left:1px solid #C8C8C8;
400 border-right:1px solid #C8C8C8;
401 border-top-right-radius:5px;
402 border-top-left-radius:5px;
403 -webkit-border-top-right-radius:5px;
404 -webkit-border-top-left-radius:5px;
405 -moz-border-radius-topleft:5px;
406 -moz-border-radius-topright:5px;
407 background-color:#F8F8F8;
408 background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#EEE));
409 background: -moz-linear-gradient(top, #F8F8F8, #EEE);
410 color:#333;
411 cursor:pointer;
412 }
414 .tabs li:hover {
415 background-color:#FFF;
416 background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#FFF));
417 background: -moz-linear-gradient(top, #F8F8F8, #FFF);
418 }
420 .tabs li.current {
421 background-color:#FFF;
422 background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#FFF));
423 background: -moz-linear-gradient(top, #F8F8F8, #FFF);
424 margin-top:-2px;
425 max-height:14px;
426 padding-bottom:6px;
427 border-bottom:1px solid #FFF;
428 position:relative;
429 z-index:1;
430 color:#222;
431 cursor:pointer;
432 }
435 /* Fieldsets */
437 fieldset {
438 border:0;
439 padding:4px;
440 margin:0;
441 }
443 fieldset legend{
444 text-align:left;
445 padding:0px 0px;
446 margin-left:0px;
447 font-weight:bold;
448 }
450 fieldset label{
451 width:8em;
452 float:left;
453 text-align:left;
454 clear:left;
455 padding-top:3px;
456 margin-top:3px;
457 }
459 fieldset input[type=text], fieldset select{
460 float:left;
461 width:10em;
462 margin-top:3px;
463 }
465 fieldset input[type=checkbox]{
466 clear:left;
467 float:left;
468 margin-top:1px;
469 margin-left:0;
470 }
472 fieldset select{
473 margin-top:5px;
474 }
476 fieldset textarea{
477 width:100%;
478 resize:none;
479 border:1px solid #CCC;
480 }
482 fieldset textarea:hover{
483 border-color:#777;
484 }
486 .fieldset-left {
487 padding-right:10px;
488 border-right:1px solid #CCC;
489 height:100%;
490 }
492 .fieldset-middle {
493 padding:0 10px;
494 border-right:1px solid #CCC;
495 height:100%;
496 }
498 .fieldset-right {
499 padding:0 10px;
500 height:100%;
501 }
503 /* Containers */
505 .container{
506 float:none;
507 clear:both;
508 height:100%;
509 }
511 .container-element{
512 float:left;
513 height:100%;
514 }
516 .clear-left{
517 clear:left;
518 }
520 .clear{
521 clear:both;
522 }
524 .line-clear{
525 clear:both;
526 padding:2px 0;
527 border-bottom:1px solid #CCC;
528 }
531 /* Icon menu */
533 .icon-menu-item{
534 float:left;
535 padding-top:10px;
536 padding-bottom:10px;
537 min-height:70px;
538 min-width:150px;
539 cursor:pointer;
540 }
542 .icon-menu-item div.dsc{
543 margin-left:55px
544 }
546 .icon-menu-item:hover{
547 background-color: #E0E0E0;
548 }
550 .icon-menu-item h1{
551 font-size:12px;
552 font-weight:bold;
553 margin:0;
554 color:#333;
555 }
557 h3.icon-menu-title{
558 font-size:14px;
559 font-weight:bold;
560 margin-top:8px;
561 color:#333;
562 }
564 .icon-menu-item p{
565 margin:0;
566 color:#777;
567 }
570 /* Errors */
572 .error {
573 border-color:red ! important;
574 }
577 /* Date picker*/
579 div.datepicker {
580 position:absolute;
581 text-align:center;
582 border:1px #CCC solid;
583 font-family:arial;
584 background:#FFF;
585 font-size:10px;
586 padding:0;
587 box-shadow: 2px 2px 0 rgba(0,0,0,0.2);
588 -webkit-box-shadow: 2px 2px 1px rgba(0,0,0,0.2);
589 -moz-box-shadow: 2px 2px 0px rgba(0,0,0,0.2);
590 }
592 div.datepicker-calendar table {
593 font-size:10px;
594 border:1px solid #FFF;
595 margin:0;
596 padding:0;
597 text-align:center;
598 }
600 div.datepicker div.datepicker-header {
601 font-size:11px;
602 font-weight:bold;
603 background:#F0F0F0;
604 border-bottom:1px solid #CCC;
605 padding:2px;
606 text-align:center;
607 }
609 div.datepicker table.header {
610 width:175px;
611 border:0;
612 padding:0;
613 text-align:center;
614 }
616 td.prev,td.prev_year,td.next,td.next_year {
617 width:8%;
618 cursor:pointer;
619 font-weight:bold;
620 line-height:16px;
621 }
623 td.prev:hover,td.prev_year:hover,td.next:hover,td.next_year:hover {
624 background-color:#DDD;
625 }
627 td.header {
628 text-align:center;
629 width:68%;
630 font-weight:bold;
631 line-height:16px;
632 }
634 div.datepicker-header {
635 height:16px;
636 }
638 div.datepicker-calendar table tbody tr {
639 border:1px solid #FFF;
640 margin:0;
641 padding:0;
642 }
644 div.datepicker-calendar table tbody tr td {
645 border:1px #EEE solid;
646 margin:0;
647 padding:0;
648 text-align:center;
649 height:16px;
650 line-height:16px;
651 width:21px;
652 cursor:pointer;
653 }
655 div.datepicker-calendar table tbody tr td:hover,div.datepicker-calendar table tbody tr td.outbound:hover,div.datepicker-calendar table tbody tr td.today:hover {
656 border:1px #CCE9FF solid;
657 background:#E9F5FF;
658 cursor:pointer;
659 }
661 div.datepicker-calendar table tbody tr td.wday {
662 border:1px #AAA solid;
663 background:#CCC;
664 cursor:text;
665 width:21px;
666 height:16px;
667 line-height:16px;
668 font-weight:bold;
669 }
671 div.datepicker-calendar table tbody tr td.outbound {
672 background:#F3F3F3;
673 }
675 div.datepicker-calendar table tbody tr td.today {
676 border:1px #CCE9FF solid;
677 background:#E9F5FF;
678 background-image:url(../../images/date_active.gif);
679 background-repeat:no-repeat;
680 position:top left;
681 width:21px;
682 height:16px;
683 line-height:16px;
684 }
686 div.datepicker-calendar table tbody tr td.today:hover {
687 border:1px #CCE9FF solid;
688 background:#E9F5FF;
689 background-image:url(../../images/date_active.gif);
690 background-repeat:no-repeat;
691 position:top left;
692 }
694 div.datepicker-calendar table tbody tr td.nclick,div.datepicker-calendar table tbody tr td.nclick_outbound {
695 cursor:default;
696 color:#aaa;
697 width:21px;
698 height:16px;
699 line-height:16px;
700 }
702 div.datepicker-calendar table tbody tr td.nclick_outbound {
703 background:#E8E4E4;
704 width:21px;
705 height:16px;
706 line-height:16px;
707 }
709 div.datepicker-calendar table tbody tr td.nclick:hover,div.datepicker-calendar table tbody tr td.nclick_outbound:hover {
710 border:1px #EAEAEA solid;
711 background:#FFF;
712 }
714 div.datepicker-calendar table tbody tr td.nclick_outbound:hover {
715 background:#E8E4E4;
716 }
718 div.datepicker div.datepicker-footer {
719 font-size:10px;
720 background:#F0F0F0;
721 border-top:1px solid #AAA;
722 cursor:pointer;
723 text-align:center;
724 padding:2px;
725 }
727 .date {
728 float:left;
729 }
731 .datepicker-opener-table {
732 border:1px solid transparent;
733 padding:0;
734 border-spacing:0;
735 margin:0 0 0 3px;
736 background:transparent url(../../images/datepicker.gif) no-repeat 0 0;
737 width:18px;
738 height:18px;
739 cursor:pointer;
740 }
742 .Opera .datepicker-opener-table {
743 float:right;
744 }
746 .IE7 .datepicker-opener-table {
747 position:relative;
748 top:0;
749 left:3px;
750 }
752 .datepicker-opener-table:hover {
753 background:transparent url(../../images/datepicker_ro.gif) no-repeat 0 0;
754 }
756 .datepicker-opener {
757 width:16px;
758 height:16px;
759 margin:0 0 0 3px;
760 cursor:pointer;
761 }
764 /* Lists */
766 div.listContainer {
767 width:100%;
768 border-top:1px solid #CCC;
769 border-bottom:1px solid #CCC;
770 border-left:1px solid #CCC;
771 border-right:1px solid #CCC;
772 border-top-left-radius:2px;
773 border-top-right-radius:2px;
774 -moz-border-radius-topleft:2px;
775 -moz-border-radius-topright:2px;
776 -webkit-border-top-left-radius:2px;
777 -webkit-border-top-right-radius:2px;
778 }
780 .fixedListHeader tr {
781 position:relative;
782 height:auto;
783 font-weight:bold;
784 }
786 .fixedListHeader a {
787 color:#444;
788 }
790 .listHeaderFormat {
791 margin:3px;
792 padding:1px;
793 white-space:nowrap;
794 }
796 .listHeaderFormat tr td {
797 padding:4px;
798 background-color:#F5F5F5;
799 color:#444;
800 background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#EEE));
801 background: -moz-linear-gradient(top, #F8F8F8, #EEE);
802 border-right:1px solid #CCC;
803 border-bottom:1px solid #CCC;
804 }
806 .listScrollContent {
807 height:100%;
808 overflow-x:hidden;
809 overflow-y:auto;
810 }
812 .listScrollContent tr {
813 height:auto;
814 white-space:nowrap;
815 }
817 .listScrollContent tr:nth-child(odd) {
818 background-color:#FFF;
819 }
821 .listScrollContent tr:nth-child(even) {
822 background-color:#F5F5F5;
823 }
825 .listScrollContent tr:last-child {
826 background-color:#FFF;
827 }
829 .listScrollContent tr td:last-child {
830 padding-right:20px;
831 }
833 .listBodyFormat tr td {
834 color:#000;
835 margin:3px;
836 padding:2px;
837 border-right:1px solid #CCC;
838 word-wrap:break-word;
839 white-space:normal;
840 max-width:500px;
841 }
843 div.nlistFooter {
844 background-color:#F5F5F5;
845 color:#444;
846 background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#EEE));
847 background: -moz-linear-gradient(top, #F8F8F8, #EEE);
848 border-left:1px solid #CCC;
849 border-right:1px solid #CCC;
850 border-bottom:1px solid #CCC;
851 border-bottom-left-radius:2px;
852 border-bottom-right-radius:2px;
853 -moz-border-radius-bottomleft:2px;
854 -moz-border-radius-bottomright:2px;
855 -webkit-border-bottom-left-radius:2px;
856 -webkit-border-bottom-right-radius:2px;
857 padding:0;
858 width:100%;
859 }
862 /* List header, Filter, misc. */
864 #filter {
865 position:absolute;
866 right:0;
867 width:250px;
868 }
870 #mainlist {
871 position:absolute;
872 right:265px;
873 left:0;
874 }
876 .mainlist-header {
877 background-color:#F8F8F8;
878 border:1px solid #CCC;
879 border-radius:2px;
880 -moz-border-radius:2px;
881 -webkit-border-radius:2px;
882 background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#EEE));
883 background: -moz-linear-gradient(top, #F8F8F8, #EEE);
884 margin-bottom:4px;
885 margin-right:-2px;
886 }
888 .mainlist-header p{
889 color:#444;
890 font-weight:bold;
891 font-size:14px;
892 margin:4px;
893 }
895 .mainlist-header div{
896 border-top:1px solid #CCC;
897 background-color:white;
898 }
900 ul.mainlist-header-nav {
901 list-style:none;
902 cursor:pointer;
903 padding:0;
904 margin:0;
905 color:#666;
906 }
908 ul.mainlist-header-nav li {
909 display:inline;
910 padding:5px;
911 padding-top:8px;
912 height:19px;
913 }
915 ul.mainlist-header-nav li:hover {
916 background-color: #E0E0E0;
917 background: -webkit-gradient(linear, 0 0, 0 100%, from(#EEE), to(#E0E0E0));
918 background: -moz-linear-gradient(top, #EEE, #E0E0E0);
919 }
922 /* Sortable Lists */
924 div.sortableListContainer {
925 border:1px solid #AAA;
926 overflow:auto;
927 margin-bottom:2px;
928 }
930 .sortableListContainer th {
931 background-color:#D8D8D8;
932 padding:3px;
933 text-align:left;
934 border-left:1px solid #AAA;
935 }
937 .sortableListContainer td {
938 padding:3px;
939 text-align:left;
940 border-left:1px solid #AAA;
941 }
943 tr.sortableListItem {
944 background-color:#FFF;
945 cursor:move;
946 color:#000;
947 }
949 tr.sortableListItemFill {
950 background-color:#FFF;
951 cursor:default;
952 }
954 tr.sortableListItemOdd ::-moz-selection,tr.sortableListItem ::-moz-selection {
955 background:transparent;
956 }
958 tr.sortableListItemOdd ::selection,tr.sortableListItem ::selection {
959 background:transparent;
960 }
962 tr.sortableListItemOdd code::-moz-selection,tr.sortableListItem code::-moz-selection {
963 background:transparent;
964 }
966 tr.sortableListItemOdd code::selection,tr.sortableListItem code::selection {
967 background:transparent;
968 }
970 tr.sortableListItemOdd {
971 background-color:#F5F5F5;
972 cursor:move;
973 color:#000;
974 }
976 tr.sortableListItem:hover,tr.sortableListItemOdd:hover {
977 background-color:#EEE;
978 }
980 tr.sortableListItemDisabled {
981 cursor:default;
982 color:#CCC;
983 }
985 table.sortableListTable {
986 border:0;
987 }
989 tr.sortableListItemMarked {
990 background-color:#FFD;
991 }
994 /* Tree List */
996 ul.treeList,ul.treeList ul {
997 list-style-type:none;
998 background:url(../../images/lists/vline.png) repeat-y;
999 margin:0;
1000 padding:0;
1001 }
1003 ul.treeList ul {
1004 margin-left:10px;
1005 }
1007 ul.treeList a:hover {
1008 background-color:#DDD;
1009 }
1011 a.treeList {
1012 padding:2px;
1013 cursor:pointer;
1014 }
1016 a.treeListSelected {
1017 font-weight:bold;
1018 color:#1010AF;
1019 background-color:#DDD;
1020 padding:2px;
1021 cursor:pointer;
1022 }
1024 a.treeList:hover,a.treeListSelected:hover {
1025 background-color:#DDD;
1026 padding:2px;
1027 }
1029 ul.treeList div.img {
1030 border:0;
1031 margin-top:1px;
1032 }
1034 ul.treeList a {
1035 padding:2px;
1036 cursor:pointer;
1037 }
1039 ul.treeList li {
1040 margin:0;
1041 padding:0 12px;
1042 line-height:20px;
1043 background:url(../../images/lists/node.png) no-repeat;
1044 }
1046 li.treeListSelected a {
1047 font-weight:bold;
1048 color:#1010AF;
1049 padding:2px;
1050 }
1052 ul.treeList li.last {
1053 background:#fff url(../../images/lists/lastnode.png) no-repeat;
1054 }
1056 ul.treeList li:last-child {
1057 background:#fff url(../../images/lists/lastnode.png) no-repeat;
1058 }
1060 div.treeList {
1061 background-color:#FFF;
1062 border:1px solid #AAA;
1063 padding:5px;
1064 position:absolute;
1065 z-index:500;
1066 overflow-y:auto;
1067 float:left;
1068 }
1070 span.informal {
1071 color:#444;
1072 font-style:italic;
1073 }
1076 /* Max height for IE */
1078 * html div.treeList {
1079 height: expression( this.scrollHeight > 500 ? "500px" : "auto" );
1080 }
1082 span.mark {
1083 color:#B22;
1084 }
1087 /* Message dialog */
1089 div.errorMsgTitle {
1090 width:100%;
1091 font-size:1.4em;
1092 padding-bottom:.3em;
1093 padding-top:.3em;
1094 font-weight:bold;
1095 background-color:#F0F0F0;
1096 }
1098 div.errorMsgDialog {
1099 width:60%;
1100 background-color:#FFF;
1101 border:4px solid red;
1102 z-index:150;
1103 display:none;
1104 position:absolute;
1105 }
1107 div.infoMsgDialog {
1108 width:60%;
1109 background-color:#FFF;
1110 border:2px solid #000;
1111 z-index:150;
1112 display:none;
1113 position:absolute;
1114 }
1117 /* Autocompleter */
1119 div.autocomplete {
1120 position:absolute;
1121 background-color:#FFF;
1122 border:1px solid #AAA;
1123 margin:0;
1124 padding:0;
1125 z-index:600;
1126 overflow:hidden;
1127 word-wrap:break-word;
1128 }
1130 div.autocomplete ul {
1131 list-style-type:none;
1132 margin:0;
1133 padding:0;
1134 }
1136 div.autocomplete ul li {
1137 list-style-type:none;
1138 display:block;
1139 margin:0;
1140 padding:2px;
1141 padding-left:4px;
1142 cursor:pointer;
1143 }
1145 div.autocomplete li:hover {
1146 background-color:#F0F0F0;
1147 }
1149 div.autocomplete ul li.selected {
1150 background-color:#F0F0F0;
1151 }
1154 /* Pulldown menu */
1156 #pulldown {
1157 background:#FFF;
1158 height:23px;
1159 border:1px #CCC solid;
1160 background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#EEE));
1161 background: -moz-linear-gradient(top, #F8F8F8, #EEE);
1162 }
1164 #pulldown ul {
1165 display:block;
1166 margin:0;
1167 padding:0;
1168 line-height:1em;
1169 list-style:none;
1170 z-index:90;
1171 }
1173 #pulldown ul li {
1174 float:left;
1175 margin:0 3px 0 0;
1176 padding:0;
1177 font-size:12px;
1178 line-height:1 5em;
1179 list-style-type:none;
1180 }
1182 #pulldown ul li a {
1183 float:left;
1184 display:block;
1185 width:auto;
1186 font-weight:normal;
1187 background:transparent;
1188 text-decoration:none;
1189 margin:0;
1190 padding:5px;
1191 }
1193 #pulldown ul li a:hover {
1194 text-decoration:none;
1195 }
1197 #pulldown ul li.sep {
1198 color:#AAA;
1199 padding:.8em 0 .5em;
1200 }
1202 /* Commented Backslash Hack hides rule from IE5-Mac \*/
1203 #pulldown ul li a {
1204 float:none;
1205 }
1207 /* End IE5-Mac hack */
1208 #pulldown ul.level2,#pulldown ul.level3 {
1209 position:absolute;
1210 top:0;
1211 left:0;
1212 visibility:hidden;
1213 border:1px #CCC solid;
1214 background:#FFF;
1215 box-shadow: 2px 2px 0 rgba(0,0,0,0.2);
1216 -webkit-box-shadow: 2px 2px 1px rgba(0,0,0,0.2);
1217 -moz-box-shadow: 2px 2px 0px rgba(0,0,0,0.2);
1218 }
1220 #pulldown ul.level2 li,#pulldown ul.level3 li {
1221 border-bottom:1px solid #fff;
1222 float:none;
1223 margin:0;
1224 padding:0;
1225 width:200px;
1226 }
1228 #pulldown ul.level2 li a,#pulldown ul.level3 li a {
1229 padding:5px 9px 5px 5px;
1230 }
1232 #pulldown ul.level2 li a:hover,#pulldown ul.level3 li a:hover {
1233 font-weight:normal;
1234 background-color:#418DD4;
1235 background-image:none;
1236 }