ce02f658bc1824c700976ca66b3b7b8ecfa5e419
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 div.img{
89 background-color:transparent;
90 background-repeat:no-repeat;
91 position:relative;
92 float:left;
93 }
95 div.img div {
96 background-color:transparent;
97 background-repeat:no-repeat;
98 bottom:0;
99 right:0;
100 position:absolute;
101 }
104 /* Title bar definitions */
106 div.title-bar{
107 padding:0px;
108 height:40px;
109 border-top:1px solid #111;
110 border-bottom:1px solid #222;
111 background:url('images/title-bar.png') repeat-x;
112 color:#FFF;
113 cursor:default;
114 }
116 div.title-bar ul, div.title-bar ul li{
117 list-style:none;
118 display:inline;
119 margin:0;
120 padding:0;
121 }
123 div.logged-in-label span{
124 font-weight:bold;
125 }
127 li.table-wrapper {
128 display:table;
129 }
131 div.logged-in-label {
132 display:table-cell;
133 height:40px;
134 vertical-align:middle;
135 padding:0 5px 0 5px;
136 }
138 div.logout-label {
139 display:table-cell;
140 height:40px;
141 vertical-align:middle;
142 padding:0 5px 0 5px;
143 }
145 #log-out{
146 width:16px;
147 height:16px;
148 border:0;
149 background-color:transparent;
150 background-image:url('images/btn-logout.png');
151 cursor:pointer;
152 }
154 #log-out:hover{
155 background-image:url('images/btn-logout-hover.png')
156 }
159 /* Screen areas */
161 div.navigation {
162 float:left;
163 position:absolute;
164 width:150px;
165 min-height:600px;
166 padding-left:6px;
167 margin-top:8px;
168 }
170 div.plugin-area {
171 float:right;
172 position:absolute;
173 left:164px;
174 right:0;
175 padding-right:6px;
176 min-height:600px;
177 min-width:700px;
178 cursor:default;
179 }
182 /* Plugin decorations */
184 .plugin {
185 clear:both;
186 padding:5px 8px;
187 position:relative;
188 border:1px solid #CCC;
189 border-radius:5px;
190 box-shadow: 0 1px 0 rgba(0,0,0,0.2);
191 -webkit-border-radius:5px;
192 -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
193 -moz-border-radius:5px;
194 -moz-box-shadow: 0 1px 0px rgba(0,0,0,0.2);
195 }
197 .plugin-actions {
198 padding-top:5px;
199 text-align:right;
200 }
203 /* Plugin navigation bar */
205 .plugin-path {
206 margin-top:8px;
207 margin-bottom:8px;
208 height:32px;
209 background-color:#F8F8F8;
210 border:1px solid #CCC;
211 border-radius:5px;
212 -moz-border-radius:5px;
213 -webkit-border-radius:5px;
214 background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#EEE));
215 background: -moz-linear-gradient(top, #F8F8F8, #EEE);
216 }
218 ul.path-navigation {
219 list-style:none;
220 cursor:pointer;
221 padding:0;
222 margin:0;
223 color:#666;
224 }
226 ul.path-navigation li {
227 display:inline;
228 padding:5px;
229 padding-top:8px;
230 height:19px;
231 }
233 ul.path-navigation li:hover {
234 background-color: #E0E0E0;
235 background: -webkit-gradient(linear, 0 0, 0 100%, from(#EEE), to(#E0E0E0));
236 background: -moz-linear-gradient(top, #EEE, #E0E0E0);
237 }
239 div.nav-home {
240 height:14px;
241 width:20px;
242 background-image:url(images/home.png);
243 }
245 .right-border {
246 border-right:1px solid #C2C2C2;
247 }
249 .left-border {
250 border-left:1px solid #C2C2C2;
251 }
254 /* Side menu */
256 div.menu {
257 background: -webkit-gradient(linear, 0 0, 0 100%, from(#FFF), to(#F5F5F5));
258 background: -moz-linear-gradient(top, #FFF, #F5F5F5);
259 }
261 div.menu div {
262 height:3px;
263 border-right:1px solid #C2C2C2;
264 border-left:1px solid #C2C2C2;
265 border-bottom:1px solid #C2C2C2;
266 border-bottom-left-radius:5px;
267 border-bottom-right-radius:5px;
268 box-shadow: 0 1px 0 rgba(0,0,0,0.2);
269 -webkit-border-bottom-left-radius:5px;
270 -webkit-border-bottom-right-radius:5px;
271 -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
272 -moz-border-radius:5px;
273 -moz-box-shadow: 0 1px 0px rgba(0,0,0,0.2);
274 }
276 div.menu ul {
277 list-style:none;
278 margin:0;
279 padding:0;
280 }
282 div.menu ul li {
283 padding:5px;
284 cursor:pointer;
285 border-left:1px solid #C2C2C2;
286 border-right:1px solid #C2C2C2;
287 }
289 div.menu ul li.current {
290 padding:5px;
291 cursor:pointer;
292 background-color: rgba(0,0,0,0.1);
293 border-left:1px solid #C2C2C2;
294 border-right:1px solid #C2C2C2;
295 }
297 div.menu ul li:hover {
298 background-color: #E0E0E0;
299 }
301 div.menu ul li.menu-header {
302 cursor:default;
303 text-align:center;
304 font-weight:bold;
305 color:#FFF;
306 border:0;
307 background-color: #415A84;
308 background: -webkit-gradient(linear, 0 0, 0 100%, from(#5B6B8E), to(#2A4A79));
309 background: -moz-linear-gradient(top, #5B6B8E, #2A4A79);
310 border-top-left-radius:5px;
311 border-top-right-radius:5px;
312 -moz-border-radius-topleft:5px;
313 -moz-border-radius-topright:5px;
314 -webkit-border-top-left-radius:5px;
315 -webkit-border-top-right-radius:5px;
316 }
319 /* Buttons */
321 .button {
322 padding:2px 6px;
323 margin:0;
324 margin-bottom:6px;
325 background-color:#F8F8F8;
326 background: -webkit-gradient(linear, 0 0, 0 100%, from(#FFF), to(#BBB));
327 background: -moz-linear-gradient(top, #FFF, #BBB);
328 border:1px solid #BBB;
329 border-radius:2px;
330 -webkit-border-radius:2px;
331 -moz-border-radius:2px;
332 outline:none;
333 }
335 .button:active {
336 background-color:#CCC;
337 background: -webkit-gradient(linear, 0 100%, 0 0, from(#FFF), to(#BBB));
338 background: -moz-linear-gradient(top, #BBB, #FFF);
339 }
341 .button:hover {
342 cursor:pointer;
343 border-color:#777 !important;
344 }
346 .button:focus, .button:active {
347 border-color:#777;
348 }
351 /* Tabs */
353 .tabs {
354 width:100%;
355 height:25px;
356 }
358 .tab-content {
359 padding:5px 8px;
360 z-index:0;
361 margin-top:-2px;
362 position:relative;
363 border:1px solid #CCC;
364 border-top-right-radius:5px;
365 border-bottom-right-radius:5px;
366 border-bottom-left-radius:5px;
367 box-shadow: 0 1px 0 rgba(0,0,0,0.2);
368 -webkit-border-top-right-radius:5px;
369 -webkit-border-bottom-right-radius:5px;
370 -webkit-border-bottom-left-radius:5px;
371 -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
372 -moz-border-radius-topright:5px;
373 -moz-border-radius-bottomright:5px;
374 -moz-border-radius-bottomleft:5px;
375 -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.2);
376 }
378 .tabs ul {
379 margin:0;
380 padding:0;
381 list-style:none;
382 }
384 .tabs li {
385 float:left;
386 margin:0;
387 padding:4px 8px;
388 border-top:1px solid #C8C8C8;
389 border-left:1px solid #C8C8C8;
390 border-right:1px solid #C8C8C8;
391 border-top-right-radius:5px;
392 border-top-left-radius:5px;
393 -webkit-border-top-right-radius:5px;
394 -webkit-border-top-left-radius:5px;
395 -moz-border-radius-topleft:5px;
396 -moz-border-radius-topright:5px;
397 background-color:#F8F8F8;
398 background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#EEE));
399 background: -moz-linear-gradient(top, #F8F8F8, #EEE);
400 color:#333;
401 cursor:pointer;
402 }
404 .tabs li:hover {
405 background-color:#FFF;
406 background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#FFF));
407 background: -moz-linear-gradient(top, #F8F8F8, #FFF);
408 }
410 .tabs li.current {
411 background-color:#FFF;
412 background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#FFF));
413 background: -moz-linear-gradient(top, #F8F8F8, #FFF);
414 margin-top:-2px;
415 max-height:14px;
416 padding-bottom:6px;
417 border-bottom:1px solid #FFF;
418 position:relative;
419 z-index:1;
420 color:#222;
421 cursor:pointer;
422 }
425 /* Fieldsets */
427 fieldset {
428 border:0;
429 padding:4px;
430 margin:0;
431 }
433 fieldset legend{
434 text-align:left;
435 padding:0px 0px;
436 margin-left:0px;
437 font-weight:bold;
438 }
440 fieldset label{
441 width:8em;
442 float:left;
443 text-align:left;
444 clear:left;
445 padding-top:3px;
446 margin-top:3px;
447 }
449 fieldset input[type=text]{
450 float:left;
451 width:10em;
452 margin-top:3px;
453 }
455 fieldset input[type=checkbox]{
456 clear:left;
457 float:left;
458 margin-top:1px;
459 margin-left:0;
460 }
462 fieldset select{
463 margin-top:5px;
464 }
466 fieldset textarea{
467 width:100%;
468 resize:none;
469 border:1px solid #CCC;
470 }
472 fieldset textarea:hover{
473 border-color:#777;
474 }
476 .fieldset-left {
477 padding-right:10px;
478 border-right:1px solid #CCC;
479 height:100%;
480 }
482 .fieldset-middle {
483 padding:0 10px;
484 border-right:1px solid #CCC;
485 height:100%;
486 }
488 .fieldset-right {
489 padding:0 10px;
490 height:100%;
491 }
493 /* Containers */
495 .container{
496 float:none;
497 clear:both;
498 height:100%;
499 }
501 .container-element{
502 float:left;
503 height:100%;
504 }
506 .clear-left{
507 clear:left;
508 }
510 .clear{
511 clear:both;
512 }
514 .line-clear{
515 clear:both;
516 padding:2px 0;
517 border-bottom:1px solid #CCC;
518 }
521 /* Icon menu */
523 .icon-menu-item{
524 float:left;
525 padding-top:10px;
526 padding-bottom:10px;
527 min-height:70px;
528 min-width:150px;
529 cursor:pointer;
530 }
532 .icon-menu-item div.dsc{
533 margin-left:55px
534 }
536 .icon-menu-item:hover{
537 background-color: #E0E0E0;
538 }
540 .icon-menu-item h1{
541 font-size:12px;
542 font-weight:bold;
543 margin:0;
544 color:#333;
545 }
547 h3.icon-menu-title{
548 font-size:14px;
549 font-weight:bold;
550 margin-top:8px;
551 color:#333;
552 }
554 .icon-menu-item p{
555 margin:0;
556 color:#777;
557 }
560 /* Errors */
562 .error {
563 border-color:red ! important;
564 }
567 /* Date picker*/
569 div.datepicker {
570 position:absolute;
571 text-align:center;
572 border:1px #CCC solid;
573 font-family:arial;
574 background:#FFF;
575 font-size:10px;
576 padding:0;
577 box-shadow: 2px 2px 0 rgba(0,0,0,0.2);
578 -webkit-box-shadow: 2px 2px 1px rgba(0,0,0,0.2);
579 -moz-box-shadow: 2px 2px 0px rgba(0,0,0,0.2);
580 }
582 div.datepicker-calendar table {
583 font-size:10px;
584 border:1px solid #FFF;
585 margin:0;
586 padding:0;
587 text-align:center;
588 }
590 div.datepicker div.datepicker-header {
591 font-size:11px;
592 font-weight:bold;
593 background:#F0F0F0;
594 border-bottom:1px solid #CCC;
595 padding:2px;
596 text-align:center;
597 }
599 div.datepicker table.header {
600 width:175px;
601 border:0;
602 padding:0;
603 text-align:center;
604 }
606 td.prev,td.prev_year,td.next,td.next_year {
607 width:8%;
608 cursor:pointer;
609 font-weight:bold;
610 line-height:16px;
611 }
613 td.prev:hover,td.prev_year:hover,td.next:hover,td.next_year:hover {
614 background-color:#DDD;
615 }
617 td.header {
618 text-align:center;
619 width:68%;
620 font-weight:bold;
621 line-height:16px;
622 }
624 div.datepicker-header {
625 height:16px;
626 }
628 div.datepicker-calendar table tbody tr {
629 border:1px solid #FFF;
630 margin:0;
631 padding:0;
632 }
634 div.datepicker-calendar table tbody tr td {
635 border:1px #EEE solid;
636 margin:0;
637 padding:0;
638 text-align:center;
639 height:16px;
640 line-height:16px;
641 width:21px;
642 cursor:pointer;
643 }
645 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 {
646 border:1px #CCE9FF solid;
647 background:#E9F5FF;
648 cursor:pointer;
649 }
651 div.datepicker-calendar table tbody tr td.wday {
652 border:1px #AAA solid;
653 background:#CCC;
654 cursor:text;
655 width:21px;
656 height:16px;
657 line-height:16px;
658 font-weight:bold;
659 }
661 div.datepicker-calendar table tbody tr td.outbound {
662 background:#F3F3F3;
663 }
665 div.datepicker-calendar table tbody tr td.today {
666 border:1px #CCE9FF solid;
667 background:#E9F5FF;
668 background-image:url(../../images/date_active.gif);
669 background-repeat:no-repeat;
670 position:top left;
671 width:21px;
672 height:16px;
673 line-height:16px;
674 }
676 div.datepicker-calendar table tbody tr td.today:hover {
677 border:1px #CCE9FF solid;
678 background:#E9F5FF;
679 background-image:url(../../images/date_active.gif);
680 background-repeat:no-repeat;
681 position:top left;
682 }
684 div.datepicker-calendar table tbody tr td.nclick,div.datepicker-calendar table tbody tr td.nclick_outbound {
685 cursor:default;
686 color:#aaa;
687 width:21px;
688 height:16px;
689 line-height:16px;
690 }
692 div.datepicker-calendar table tbody tr td.nclick_outbound {
693 background:#E8E4E4;
694 width:21px;
695 height:16px;
696 line-height:16px;
697 }
699 div.datepicker-calendar table tbody tr td.nclick:hover,div.datepicker-calendar table tbody tr td.nclick_outbound:hover {
700 border:1px #EAEAEA solid;
701 background:#FFF;
702 }
704 div.datepicker-calendar table tbody tr td.nclick_outbound:hover {
705 background:#E8E4E4;
706 }
708 div.datepicker div.datepicker-footer {
709 font-size:10px;
710 background:#F0F0F0;
711 border-top:1px solid #AAA;
712 cursor:pointer;
713 text-align:center;
714 padding:2px;
715 }
717 .date {
718 float:left;
719 }
721 .datepicker-opener-table {
722 border:1px solid transparent;
723 padding:0;
724 border-spacing:0;
725 margin:0 0 0 3px;
726 background:transparent url(../../images/datepicker.gif) no-repeat 0 0;
727 width:18px;
728 height:18px;
729 cursor:pointer;
730 }
732 .Opera .datepicker-opener-table {
733 float:right;
734 }
736 .IE7 .datepicker-opener-table {
737 position:relative;
738 top:0;
739 left:3px;
740 }
742 .datepicker-opener-table:hover {
743 background:transparent url(../../images/datepicker_ro.gif) no-repeat 0 0;
744 }
746 .datepicker-opener {
747 width:16px;
748 height:16px;
749 margin:0 0 0 3px;
750 cursor:pointer;
751 }
754 /* Lists */
756 div.listContainer {
757 width:100%;
758 border-top:1px solid #CCC;
759 border-bottom:1px solid #CCC;
760 border-left:1px solid #CCC;
761 border-right:1px solid #CCC;
762 border-top-left-radius:2px;
763 border-top-right-radius:2px;
764 -moz-border-radius-topleft:2px;
765 -moz-border-radius-topright:2px;
766 -webkit-border-top-left-radius:2px;
767 -webkit-border-top-right-radius:2px;
768 }
770 .fixedListHeader tr {
771 position:relative;
772 height:auto;
773 font-weight:bold;
774 }
776 .fixedListHeader a {
777 color:#444;
778 }
780 .listHeaderFormat {
781 margin:3px;
782 padding:1px;
783 white-space:nowrap;
784 }
786 .listHeaderFormat tr td {
787 padding:4px;
788 background-color:#F5F5F5;
789 color:#444;
790 background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#EEE));
791 background: -moz-linear-gradient(top, #F8F8F8, #EEE);
792 border-right:1px solid #CCC;
793 border-bottom:1px solid #CCC;
794 }
796 .listScrollContent {
797 height:100%;
798 overflow-x:hidden;
799 overflow-y:auto;
800 }
802 .listScrollContent tr {
803 height:auto;
804 white-space:nowrap;
805 }
807 .listScrollContent tr:nth-child(odd) {
808 background-color:#FFF;
809 }
811 .listScrollContent tr:nth-child(even) {
812 background-color:#F5F5F5;
813 }
815 .listScrollContent tr:last-child {
816 background-color:#FFF;
817 }
819 .listScrollContent tr td:last-child {
820 padding-right:20px;
821 }
823 .listBodyFormat tr td {
824 color:#000;
825 margin:3px;
826 padding:2px;
827 border-right:1px solid #CCC;
828 word-wrap:break-word;
829 white-space:normal;
830 max-width:500px;
831 }
833 div.nlistFooter {
834 background-color:#F5F5F5;
835 color:#444;
836 background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#EEE));
837 background: -moz-linear-gradient(top, #F8F8F8, #EEE);
838 border-left:1px solid #CCC;
839 border-right:1px solid #CCC;
840 border-bottom:1px solid #CCC;
841 border-bottom-left-radius:2px;
842 border-bottom-right-radius:2px;
843 -moz-border-radius-bottomleft:2px;
844 -moz-border-radius-bottomright:2px;
845 -webkit-border-bottom-left-radius:2px;
846 -webkit-border-bottom-right-radius:2px;
847 padding:0;
848 width:100%;
849 }
852 /* List header, Filter, misc. */
854 #filter {
855 position:absolute;
856 right:0;
857 width:250px;
858 }
860 #mainlist {
861 position:absolute;
862 right:265px;
863 left:0;
864 }
866 .mainlist-header {
867 background-color:#F8F8F8;
868 border:1px solid #CCC;
869 border-radius:2px;
870 -moz-border-radius:2px;
871 -webkit-border-radius:2px;
872 background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#EEE));
873 background: -moz-linear-gradient(top, #F8F8F8, #EEE);
874 margin-bottom:4px;
875 margin-right:-2px;
876 }
878 .mainlist-header p{
879 color:#444;
880 font-weight:bold;
881 font-size:14px;
882 margin:4px;
883 }
885 .mainlist-header div{
886 border-top:1px solid #CCC;
887 background-color:white;
888 }
890 ul.mainlist-header-nav {
891 list-style:none;
892 cursor:pointer;
893 padding:0;
894 margin:0;
895 color:#666;
896 }
898 ul.mainlist-header-nav li {
899 display:inline;
900 padding:5px;
901 padding-top:8px;
902 height:19px;
903 }
905 ul.mainlist-header-nav li:hover {
906 background-color: #E0E0E0;
907 background: -webkit-gradient(linear, 0 0, 0 100%, from(#EEE), to(#E0E0E0));
908 background: -moz-linear-gradient(top, #EEE, #E0E0E0);
909 }
912 /* Sortable Lists */
914 div.sortableListContainer {
915 border:1px solid #AAA;
916 overflow:auto;
917 margin-bottom:2px;
918 }
920 .sortableListContainer th {
921 background-color:#D8D8D8;
922 padding:3px;
923 text-align:left;
924 border-left:1px solid #AAA;
925 }
927 .sortableListContainer td {
928 padding:3px;
929 text-align:left;
930 border-left:1px solid #AAA;
931 }
933 tr.sortableListItem {
934 background-color:#FFF;
935 cursor:move;
936 color:#000;
937 }
939 tr.sortableListItemFill {
940 background-color:#FFF;
941 cursor:default;
942 }
944 tr.sortableListItemOdd ::-moz-selection,tr.sortableListItem ::-moz-selection {
945 background:transparent;
946 }
948 tr.sortableListItemOdd ::selection,tr.sortableListItem ::selection {
949 background:transparent;
950 }
952 tr.sortableListItemOdd code::-moz-selection,tr.sortableListItem code::-moz-selection {
953 background:transparent;
954 }
956 tr.sortableListItemOdd code::selection,tr.sortableListItem code::selection {
957 background:transparent;
958 }
960 tr.sortableListItemOdd {
961 background-color:#F5F5F5;
962 cursor:move;
963 color:#000;
964 }
966 tr.sortableListItem:hover,tr.sortableListItemOdd:hover {
967 background-color:#EEE;
968 }
970 tr.sortableListItemDisabled {
971 cursor:default;
972 color:#CCC;
973 }
975 table.sortableListTable {
976 border:0;
977 }
979 tr.sortableListItemMarked {
980 background-color:#FFD;
981 }
984 /* Tree List */
986 ul.treeList,ul.treeList ul {
987 list-style-type:none;
988 background:url(../../images/lists/vline.png) repeat-y;
989 margin:0;
990 padding:0;
991 }
993 ul.treeList ul {
994 margin-left:10px;
995 }
997 ul.treeList a:hover {
998 background-color:#DDD;
999 }
1001 a.treeList {
1002 padding:2px;
1003 cursor:pointer;
1004 }
1006 a.treeListSelected {
1007 font-weight:bold;
1008 color:#1010AF;
1009 background-color:#DDD;
1010 padding:2px;
1011 cursor:pointer;
1012 }
1014 a.treeList:hover,a.treeListSelected:hover {
1015 background-color:#DDD;
1016 padding:2px;
1017 }
1019 ul.treeList div.img {
1020 border:0;
1021 margin-top:1px;
1022 }
1024 ul.treeList a {
1025 padding:2px;
1026 cursor:pointer;
1027 }
1029 ul.treeList li {
1030 margin:0;
1031 padding:0 12px;
1032 line-height:20px;
1033 background:url(../../images/lists/node.png) no-repeat;
1034 }
1036 li.treeListSelected a {
1037 font-weight:bold;
1038 color:#1010AF;
1039 padding:2px;
1040 }
1042 ul.treeList li.last {
1043 background:#fff url(../../images/lists/lastnode.png) no-repeat;
1044 }
1046 ul.treeList li:last-child {
1047 background:#fff url(../../images/lists/lastnode.png) no-repeat;
1048 }
1050 div.treeList {
1051 background-color:#FFF;
1052 border:1px solid #AAA;
1053 padding:5px;
1054 position:absolute;
1055 z-index:500;
1056 overflow-y:auto;
1057 float:left;
1058 }
1060 span.informal {
1061 color:#444;
1062 font-style:italic;
1063 }
1066 /* Max height for IE */
1068 * html div.treeList {
1069 height: expression( this.scrollHeight > 500 ? "500px" : "auto" );
1070 }
1072 span.mark {
1073 color:#B22;
1074 }
1077 /* Message dialog */
1079 div.errorMsgTitle {
1080 width:100%;
1081 font-size:1.4em;
1082 padding-bottom:.3em;
1083 padding-top:.3em;
1084 font-weight:bold;
1085 background-color:#F0F0F0;
1086 }
1088 div.errorMsgDialog {
1089 width:60%;
1090 background-color:#FFF;
1091 border:4px solid red;
1092 z-index:150;
1093 display:none;
1094 position:absolute;
1095 }
1097 div.infoMsgDialog {
1098 width:60%;
1099 background-color:#FFF;
1100 border:2px solid #000;
1101 z-index:150;
1102 display:none;
1103 position:absolute;
1104 }
1107 /* Autocompleter */
1109 div.autocomplete {
1110 position:absolute;
1111 background-color:#FFF;
1112 border:1px solid #AAA;
1113 margin:0;
1114 padding:0;
1115 z-index:600;
1116 overflow:hidden;
1117 word-wrap:break-word;
1118 }
1120 div.autocomplete ul {
1121 list-style-type:none;
1122 margin:0;
1123 padding:0;
1124 }
1126 div.autocomplete ul li {
1127 list-style-type:none;
1128 display:block;
1129 margin:0;
1130 padding:2px;
1131 padding-left:4px;
1132 cursor:pointer;
1133 }
1135 div.autocomplete li:hover {
1136 background-color:#F0F0F0;
1137 }
1139 div.autocomplete ul li.selected {
1140 background-color:#F0F0F0;
1141 }
1144 /* Pulldown menu */
1146 #pulldown {
1147 background:#FFF;
1148 height:23px;
1149 border:1px #CCC solid;
1150 background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#EEE));
1151 background: -moz-linear-gradient(top, #F8F8F8, #EEE);
1152 }
1154 #pulldown ul {
1155 display:block;
1156 margin:0;
1157 padding:0;
1158 line-height:1em;
1159 list-style:none;
1160 z-index:90;
1161 }
1163 #pulldown ul li {
1164 float:left;
1165 margin:0 3px 0 0;
1166 padding:0;
1167 font-size:12px;
1168 line-height:1 5em;
1169 list-style-type:none;
1170 }
1172 #pulldown ul li a {
1173 float:left;
1174 display:block;
1175 width:auto;
1176 font-weight:normal;
1177 background:transparent;
1178 text-decoration:none;
1179 margin:0;
1180 padding:5px;
1181 }
1183 #pulldown ul li a:hover {
1184 text-decoration:none;
1185 }
1187 #pulldown ul li.sep {
1188 color:#AAA;
1189 padding:.8em 0 .5em;
1190 }
1192 /* Commented Backslash Hack hides rule from IE5-Mac \*/
1193 #pulldown ul li a {
1194 float:none;
1195 }
1197 /* End IE5-Mac hack */
1198 #pulldown ul.level2,#pulldown ul.level3 {
1199 position:absolute;
1200 top:0;
1201 left:0;
1202 visibility:hidden;
1203 border:1px #CCC solid;
1204 background:#FFF;
1205 box-shadow: 2px 2px 0 rgba(0,0,0,0.2);
1206 -webkit-box-shadow: 2px 2px 1px rgba(0,0,0,0.2);
1207 -moz-box-shadow: 2px 2px 0px rgba(0,0,0,0.2);
1208 }
1210 #pulldown ul.level2 li,#pulldown ul.level3 li {
1211 border-bottom:1px solid #fff;
1212 float:none;
1213 margin:0;
1214 padding:0;
1215 width:200px;
1216 }
1218 #pulldown ul.level2 li a,#pulldown ul.level3 li a {
1219 padding:5px 9px 5px 5px;
1220 }
1222 #pulldown ul.level2 li a:hover,#pulldown ul.level3 li a:hover {
1223 font-weight:normal;
1224 background-color:#418DD4;
1225 background-image:none;
1226 }