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]{
45 border:1px solid #CCC;
46 padding:3px;
47 }
49 input[type=text]:active, input[type=text]:focus{
50 border:1px solid #777;
51 }
53 input[type=text]: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 div.img{
82 /* migration color */
83 background-color:rgba(255,0,0,0.2);
84 border:1px solid red;
86 background-repeat:no-repeat;
87 position:relative;
88 }
90 div.img div {
91 background-color:transparent;
92 background-repeat:no-repeat;
93 bottom:0;
94 right:0;
95 position:absolute;
96 }
99 /* Title bar definitions */
101 div.title-bar{
102 padding:0px;
103 height:40px;
104 border-top:1px solid #111;
105 border-bottom:1px solid #222;
106 background:url('images/title-bar.png') repeat-x;
107 color:#FFF;
108 cursor:default;
109 }
111 div.title-bar ul, div.title-bar ul li{
112 list-style:none;
113 display:inline;
114 margin:0;
115 padding:0;
116 }
118 span.logged-in-user{
119 font-style:italic;
120 }
122 li.table-wrapper {
123 display:table;
124 }
126 div.logged-in-label {
127 display:table-cell;
128 height:40px;
129 vertical-align:middle;
130 padding:0 5px 0 5px;
131 }
133 div.logout-label {
134 display:table-cell;
135 height:40px;
136 vertical-align:middle;
137 padding:0 5px 0 5px;
138 }
140 #log-out{
141 width:16px;
142 height:16px;
143 border:0;
144 background-color:transparent;
145 background-image:url('images/btn-logout.png');
146 cursor:pointer;
147 }
149 #log-out:hover{
150 background-image:url('images/btn-logout-hover.png')
151 }
154 /* Screen areas */
156 div.navigation {
157 float:left;
158 position:absolute;
159 width:150px;
160 min-height:600px;
161 padding-left:6px;
162 margin-top:8px;
163 }
165 div.plugin-area {
166 float:right;
167 position:absolute;
168 left:164px;
169 right:0;
170 padding-right:6px;
171 min-height:600px;
172 min-width:700px;
173 cursor:default;
174 }
177 /* Plugin decorations */
179 .plugin {
180 clear:both;
181 padding:5px 8px;
182 position:relative;
183 border:1px solid #CCC;
184 border-radius:5px;
185 box-shadow: 0 1px 0 rgba(0,0,0,0.2);
186 -webkit-border-radius:5px;
187 -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
188 -moz-border-radius:5px;
189 -moz-box-shadow: 0 1px 0px rgba(0,0,0,0.2);
190 }
192 .plugin-actions {
193 padding-top:5px;
194 text-align:right;
195 }
198 /* Plugin navigation bar */
200 .plugin-path {
201 margin-top:8px;
202 margin-bottom:8px;
203 height:32px;
204 background-color:#F8F8F8;
205 border:1px solid #CCC;
206 border-radius:5px;
207 -moz-border-radius:5px;
208 -webkit-border-radius:5px;
209 background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#EEE));
210 background: -moz-linear-gradient(top, #F8F8F8, #EEE);
211 }
213 ul.path-navigation {
214 list-style:none;
215 cursor:pointer;
216 padding:0;
217 margin:0;
218 color:#666;
219 }
221 ul.path-navigation li {
222 display:inline;
223 padding:5px;
224 padding-top:8px;
225 height:19px;
226 }
228 ul.path-navigation li:hover {
229 background-color: #E0E0E0;
230 background: -webkit-gradient(linear, 0 0, 0 100%, from(#EEE), to(#E0E0E0));
231 background: -moz-linear-gradient(top, #EEE, #E0E0E0);
232 }
234 div.nav-home {
235 height:14px;
236 width:20px;
237 background-image:url(images/home.png);
238 }
240 .right-border {
241 border-right:1px solid #C2C2C2;
242 }
244 .left-border {
245 border-left:1px solid #C2C2C2;
246 }
249 /* Side menu */
251 div.menu {
252 background: -webkit-gradient(linear, 0 0, 0 100%, from(#FFF), to(#F5F5F5));
253 background: -moz-linear-gradient(top, #FFF, #F5F5F5);
254 }
256 div.menu div {
257 height:3px;
258 border-right:1px solid #C2C2C2;
259 border-left:1px solid #C2C2C2;
260 border-bottom:1px solid #C2C2C2;
261 border-bottom-left-radius:5px;
262 border-bottom-right-radius:5px;
263 box-shadow: 0 1px 0 rgba(0,0,0,0.2);
264 -webkit-border-bottom-left-radius:5px;
265 -webkit-border-bottom-right-radius:5px;
266 -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
267 -moz-border-radius:5px;
268 -moz-box-shadow: 0 1px 0px rgba(0,0,0,0.2);
269 }
271 div.menu ul {
272 list-style:none;
273 margin:0;
274 padding:0;
275 }
277 div.menu ul li {
278 padding:5px;
279 cursor:pointer;
280 border-left:1px solid #C2C2C2;
281 border-right:1px solid #C2C2C2;
282 }
284 div.menu ul li.current {
285 padding:5px;
286 cursor:pointer;
287 background-color: rgba(0,0,0,0.1);
288 border-left:1px solid #C2C2C2;
289 border-right:1px solid #C2C2C2;
290 }
292 div.menu ul li:hover {
293 background-color: #E0E0E0;
294 }
296 div.menu ul li.menu-header {
297 cursor:default;
298 text-align:center;
299 font-weight:bold;
300 color:#FFF;
301 border:0;
302 background-color: #415A84;
303 background: -webkit-gradient(linear, 0 0, 0 100%, from(#5B6B8E), to(#2A4A79));
304 background: -moz-linear-gradient(top, #5B6B8E, #2A4A79);
305 border-top-left-radius:5px;
306 border-top-right-radius:5px;
307 -moz-border-radius-topleft:5px;
308 -moz-border-radius-topright:5px;
309 -webkit-border-top-left-radius:5px;
310 -webkit-border-top-right-radius:5px;
311 }
314 /* Buttons */
316 .button {
317 padding:2px 6px;
318 margin:0;
319 background-color:#F8F8F8;
320 background: -webkit-gradient(linear, 0 0, 0 100%, from(#FFF), to(#BBB));
321 background: -moz-linear-gradient(top, #FFF, #BBB);
322 border:1px solid #BBB;
323 border-radius:2px;
324 -webkit-border-radius:2px;
325 -moz-border-radius:2px;
326 outline:none;
327 }
329 .button:active {
330 background-color:#CCC;
331 background: -webkit-gradient(linear, 0 100%, 0 0, from(#FFF), to(#BBB));
332 background: -moz-linear-gradient(top, #BBB, #FFF);
333 }
335 .button:hover {
336 cursor:pointer;
337 border-color:#777 !important;
338 }
340 .button:focus, .button:active {
341 border-color:#777;
342 }
345 /* Tabs */
347 .tabs {
348 width:100%;
349 height:25px;
350 }
352 .tab-content {
353 padding:5px 8px;
354 z-index:0;
355 margin-top:-2px;
356 position:relative;
357 border:1px solid #CCC;
358 border-top-right-radius:5px;
359 border-bottom-right-radius:5px;
360 border-bottom-left-radius:5px;
361 box-shadow: 0 1px 0 rgba(0,0,0,0.2);
362 -webkit-border-top-right-radius:5px;
363 -webkit-border-bottom-right-radius:5px;
364 -webkit-border-bottom-left-radius:5px;
365 -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
366 -moz-border-radius-topright:5px;
367 -moz-border-radius-bottomright:5px;
368 -moz-border-radius-bottomleft:5px;
369 -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.2);
370 }
372 .tabs ul {
373 margin:0;
374 padding:0;
375 list-style:none;
376 }
378 .tabs li {
379 float:left;
380 margin:0;
381 padding:4px 8px;
382 border-top:1px solid #C8C8C8;
383 border-left:1px solid #C8C8C8;
384 border-right:1px solid #C8C8C8;
385 border-top-right-radius:5px;
386 border-top-left-radius:5px;
387 -webkit-border-top-right-radius:5px;
388 -webkit-border-top-left-radius:5px;
389 -moz-border-radius-topleft:5px;
390 -moz-border-radius-topright:5px;
391 background-color:#F8F8F8;
392 background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#EEE));
393 background: -moz-linear-gradient(top, #F8F8F8, #EEE);
394 color:#AAA;
395 }
397 .tabs li.current {
398 background-color:#FFF;
399 background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#FFF));
400 background: -moz-linear-gradient(top, #F8F8F8, #FFF);
401 margin-top:-2px;
402 max-height:14px;
403 padding-bottom:6px;
404 border-bottom:1px solid #FFF;
405 position:relative;
406 z-index:1;
407 color:#000;
408 }
410 .tabs a {
411 float:left;
412 display:block;
413 text-decoration:none;
414 font-weight:bold;
415 color:#777;
416 }
418 .tabs li a:visited {
419 color:#777;
420 }
422 .tabs li.current a:visited {
423 color:#000;
424 }
427 /* Fieldsets */
429 fieldset {
430 border:0;
431 padding:4px;
432 margin:0;
433 }
435 fieldset legend{
436 text-align:left;
437 padding:0px 0px;
438 margin-left:0px;
439 font-weight:bold;
440 }
442 fieldset label{
443 width:8em;
444 float:left;
445 text-align:left;
446 clear:left;
447 padding-top:3px;
448 margin-top:3px;
449 }
451 fieldset input[type=text]{
452 float:left;
453 width:10em;
454 margin-top:3px;
455 }
457 fieldset input[type=checkbox]{
458 clear:left;
459 float:left;
460 margin-top:1px;
461 margin-left:0;
462 }
464 fieldset select{
465 margin-top:5px;
466 }
468 fieldset textarea{
469 width:100%;
470 resize:none;
471 border:1px solid #CCC;
472 }
474 fieldset textarea:hover{
475 border-color:#777;
476 }
478 .fieldset-left {
479 padding-right:10px;
480 border-right:1px solid #CCC;
481 height:100%;
482 }
484 .fieldset-middle {
485 padding:0 10px;
486 border-right:1px solid #CCC;
487 height:100%;
488 }
490 .fieldset-right {
491 padding:0 10px;
492 height:100%;
493 }
495 /* Containers */
497 .container{
498 float:none;
499 clear:both;
500 height:100%;
501 }
503 .container-element{
504 float:left;
505 height:100%;
506 }
508 .clear-left{
509 clear:left;
510 }
512 .clear{
513 clear:both;
514 }
516 .line-clear{
517 clear:both;
518 padding:2px 0;
519 border-bottom:1px solid #CCC;
520 }
523 /* Icon menu */
525 .icon-menu-item{
526 float:left;
527 padding-top:10px;
528 padding-bottom:10px;
529 min-height:70px;
530 min-width:150px;
531 cursor:pointer;
532 }
534 .icon-menu-item div.img{
535 float:left;
536 }
538 .icon-menu-item div.dsc{
539 margin-left:55px
540 }
542 .icon-menu-item:hover{
543 background-color: #E0E0E0;
544 }
546 .icon-menu-item h1{
547 font-size:12px;
548 font-weight:bold;
549 margin:0;
550 color:#333;
551 }
553 h3.icon-menu-title{
554 font-size:14px;
555 font-weight:bold;
556 margin-top:8px;
557 color:#333;
558 }
560 .icon-menu-item p{
561 margin:0;
562 color:#777;
563 }
566 /* Errors */
568 .error {
569 border-color:red ! important;
570 }
573 /* Date picker*/
575 div.datepicker {
576 position:absolute;
577 text-align:center;
578 border:1px #CCC solid;
579 font-family:arial;
580 background:#FFF;
581 font-size:10px;
582 padding:0;
583 box-shadow: 2px 2px 0 rgba(0,0,0,0.2);
584 -webkit-box-shadow: 2px 2px 1px rgba(0,0,0,0.2);
585 -moz-box-shadow: 2px 2px 0px rgba(0,0,0,0.2);
586 }
588 div.datepicker-calendar table {
589 font-size:10px;
590 border:1px solid #FFF;
591 margin:0;
592 padding:0;
593 text-align:center;
594 }
596 div.datepicker div.datepicker-header {
597 font-size:11px;
598 font-weight:bold;
599 background:#F0F0F0;
600 border-bottom:1px solid #CCC;
601 padding:2px;
602 text-align:center;
603 }
605 div.datepicker table.header {
606 width:175px;
607 border:0;
608 padding:0;
609 text-align:center;
610 }
612 td.prev,td.prev_year,td.next,td.next_year {
613 width:8%;
614 cursor:pointer;
615 font-weight:bold;
616 line-height:16px;
617 }
619 td.prev:hover,td.prev_year:hover,td.next:hover,td.next_year:hover {
620 background-color:#DDD;
621 }
623 td.header {
624 text-align:center;
625 width:68%;
626 font-weight:bold;
627 line-height:16px;
628 }
630 div.datepicker-header {
631 height:16px;
632 }
634 div.datepicker-calendar table tbody tr {
635 border:1px solid #FFF;
636 margin:0;
637 padding:0;
638 }
640 div.datepicker-calendar table tbody tr td {
641 border:1px #EEE solid;
642 margin:0;
643 padding:0;
644 text-align:center;
645 height:16px;
646 line-height:16px;
647 width:21px;
648 cursor:pointer;
649 }
651 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 {
652 border:1px #CCE9FF solid;
653 background:#E9F5FF;
654 cursor:pointer;
655 }
657 div.datepicker-calendar table tbody tr td.wday {
658 border:1px #AAA solid;
659 background:#CCC;
660 cursor:text;
661 width:21px;
662 height:16px;
663 line-height:16px;
664 font-weight:bold;
665 }
667 div.datepicker-calendar table tbody tr td.outbound {
668 background:#F3F3F3;
669 }
671 div.datepicker-calendar table tbody tr td.today {
672 border:1px #CCE9FF solid;
673 background:#E9F5FF;
674 background-image:url(../../images/date_active.gif);
675 background-repeat:no-repeat;
676 position:top left;
677 width:21px;
678 height:16px;
679 line-height:16px;
680 }
682 div.datepicker-calendar table tbody tr td.today:hover {
683 border:1px #CCE9FF solid;
684 background:#E9F5FF;
685 background-image:url(../../images/date_active.gif);
686 background-repeat:no-repeat;
687 position:top left;
688 }
690 div.datepicker-calendar table tbody tr td.nclick,div.datepicker-calendar table tbody tr td.nclick_outbound {
691 cursor:default;
692 color:#aaa;
693 width:21px;
694 height:16px;
695 line-height:16px;
696 }
698 div.datepicker-calendar table tbody tr td.nclick_outbound {
699 background:#E8E4E4;
700 width:21px;
701 height:16px;
702 line-height:16px;
703 }
705 div.datepicker-calendar table tbody tr td.nclick:hover,div.datepicker-calendar table tbody tr td.nclick_outbound:hover {
706 border:1px #EAEAEA solid;
707 background:#FFF;
708 }
710 div.datepicker-calendar table tbody tr td.nclick_outbound:hover {
711 background:#E8E4E4;
712 }
714 div.datepicker div.datepicker-footer {
715 font-size:10px;
716 background:#F0F0F0;
717 border-top:1px solid #AAA;
718 cursor:pointer;
719 text-align:center;
720 padding:2px;
721 }
723 .date {
724 float:left;
725 }
727 .datepicker-opener-table {
728 border:1px solid transparent;
729 padding:0;
730 border-spacing:0;
731 margin:0 0 0 3px;
732 background:transparent url(../../images/datepicker.gif) no-repeat 0 0;
733 width:18px;
734 height:18px;
735 cursor:pointer;
736 }
738 .Opera .datepicker-opener-table {
739 float:right;
740 }
742 .IE7 .datepicker-opener-table {
743 position:relative;
744 top:0;
745 left:3px;
746 }
748 .datepicker-opener-table:hover {
749 background:transparent url(../../images/datepicker_ro.gif) no-repeat 0 0;
750 }
752 .datepicker-opener {
753 width:16px;
754 height:16px;
755 margin:0 0 0 3px;
756 cursor:pointer;
757 }
760 /* Lists */
762 div.listContainer {
763 width:100%;
764 border-top:1px solid #CCC;
765 border-bottom:1px solid #CCC;
766 border-left:1px solid #CCC;
767 border-right:1px solid #CCC;
768 border-top-left-radius:2px;
769 border-top-right-radius:2px;
770 -moz-border-radius-topleft:2px;
771 -moz-border-radius-topright:2px;
772 -webkit-border-top-left-radius:2px;
773 -webkit-border-top-right-radius:2px;
774 }
776 .fixedListHeader tr {
777 position:relative;
778 height:auto;
779 font-weight:bold;
780 }
782 .fixedListHeader a {
783 color:#444;
784 }
786 .listHeaderFormat {
787 margin:3px;
788 padding:1px;
789 white-space:nowrap;
790 }
792 .listHeaderFormat tr td {
793 padding:4px;
794 background-color:#F5F5F5;
795 color:#444;
796 background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#EEE));
797 background: -moz-linear-gradient(top, #F8F8F8, #EEE);
798 border-right:1px solid #CCC;
799 border-bottom:1px solid #CCC;
800 }
802 .listScrollContent {
803 height:100%;
804 overflow-x:hidden;
805 overflow-y:auto;
806 }
808 .listScrollContent tr {
809 height:auto;
810 white-space:nowrap;
811 }
813 .listScrollContent tr:nth-child(odd) {
814 background-color:#FFF;
815 }
817 .listScrollContent tr:nth-child(even) {
818 background-color:#F5F5F5;
819 }
821 .listScrollContent tr:last-child {
822 background-color:#FFF;
823 }
825 .listScrollContent tr td:last-child {
826 padding-right:20px;
827 }
829 .listBodyFormat tr td {
830 color:#000;
831 margin:3px;
832 padding:2px;
833 border-right:1px solid #CCC;
834 word-wrap:break-word;
835 white-space:normal;
836 max-width:500px;
837 }
839 div.nlistFooter {
840 background-color:#F5F5F5;
841 color:#444;
842 background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#EEE));
843 background: -moz-linear-gradient(top, #F8F8F8, #EEE);
844 border-left:1px solid #CCC;
845 border-right:1px solid #CCC;
846 border-bottom:1px solid #CCC;
847 border-bottom-left-radius:2px;
848 border-bottom-right-radius:2px;
849 -moz-border-radius-bottomleft:2px;
850 -moz-border-radius-bottomright:2px;
851 -webkit-border-bottom-left-radius:2px;
852 -webkit-border-bottom-right-radius:2px;
853 padding:0;
854 width:100%;
855 }
858 /* List header, Filter, misc. */
860 #filter {
861 position:absolute;
862 right:0;
863 width:250px;
864 }
866 #mainlist {
867 position:absolute;
868 right:265px;
869 left:0;
870 }
872 .mainlist-header {
873 background-color:#F8F8F8;
874 border:1px solid #CCC;
875 border-radius:2px;
876 -moz-border-radius:2px;
877 -webkit-border-radius:2px;
878 background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#EEE));
879 background: -moz-linear-gradient(top, #F8F8F8, #EEE);
880 margin-bottom:4px;
881 margin-right:-2px;
882 }
884 .mainlist-header p{
885 color:#444;
886 font-weight:bold;
887 font-size:14px;
888 margin:4px;
889 }
891 .mainlist-header div{
892 border-top:1px solid #CCC;
893 background-color:white;
894 }
896 ul.mainlist-header-nav {
897 list-style:none;
898 cursor:pointer;
899 padding:0;
900 margin:0;
901 color:#666;
902 }
904 ul.mainlist-header-nav li {
905 display:inline;
906 padding:5px;
907 padding-top:8px;
908 height:19px;
909 }
911 ul.mainlist-header-nav li:hover {
912 background-color: #E0E0E0;
913 background: -webkit-gradient(linear, 0 0, 0 100%, from(#EEE), to(#E0E0E0));
914 background: -moz-linear-gradient(top, #EEE, #E0E0E0);
915 }
918 /* Sortable Lists */
920 div.sortableListContainer {
921 border:1px solid #AAA;
922 overflow:auto;
923 margin-bottom:2px;
924 }
926 .sortableListContainer th {
927 background-color:#D8D8D8;
928 padding:3px;
929 text-align:left;
930 border-left:1px solid #AAA;
931 }
933 .sortableListContainer td {
934 padding:3px;
935 text-align:left;
936 border-left:1px solid #AAA;
937 }
939 tr.sortableListItem {
940 background-color:#FFF;
941 cursor:move;
942 color:#000;
943 }
945 tr.sortableListItemFill {
946 background-color:#FFF;
947 cursor:default;
948 }
950 tr.sortableListItemOdd ::-moz-selection,tr.sortableListItem ::-moz-selection {
951 background:transparent;
952 }
954 tr.sortableListItemOdd ::selection,tr.sortableListItem ::selection {
955 background:transparent;
956 }
958 tr.sortableListItemOdd code::-moz-selection,tr.sortableListItem code::-moz-selection {
959 background:transparent;
960 }
962 tr.sortableListItemOdd code::selection,tr.sortableListItem code::selection {
963 background:transparent;
964 }
966 tr.sortableListItemOdd {
967 background-color:#F5F5F5;
968 cursor:move;
969 color:#000;
970 }
972 tr.sortableListItem:hover,tr.sortableListItemOdd:hover {
973 background-color:#EEE;
974 }
976 tr.sortableListItemDisabled {
977 cursor:default;
978 color:#CCC;
979 }
981 table.sortableListTable {
982 border:0;
983 }
985 tr.sortableListItemMarked {
986 background-color:#FFD;
987 }
990 /* Tree List */
992 ul.treeList,ul.treeList ul {
993 list-style-type:none;
994 background:url(../../images/lists/vline.png) repeat-y;
995 margin:0;
996 padding:0;
997 }
999 ul.treeList ul {
1000 margin-left:10px;
1001 }
1003 ul.treeList a:hover {
1004 background-color:#DDD;
1005 }
1007 a.treeList {
1008 padding:2px;
1009 cursor:pointer;
1010 }
1012 a.treeListSelected {
1013 font-weight:bold;
1014 color:#1010AF;
1015 background-color:#DDD;
1016 padding:2px;
1017 cursor:pointer;
1018 }
1020 a.treeList:hover,a.treeListSelected:hover {
1021 background-color:#DDD;
1022 padding:2px;
1023 }
1025 ul.treeList a {
1026 padding:2px;
1027 cursor:pointer;
1028 }
1030 ul.treeList li {
1031 margin:0;
1032 padding:0 12px;
1033 line-height:20px;
1034 background:url(../../images/lists/node.png) no-repeat;
1035 }
1037 li.treeListSelected a {
1038 font-weight:bold;
1039 color:#1010AF;
1040 padding:2px;
1041 }
1043 ul.treeList li.last {
1044 background:#fff url(../../images/lists/lastnode.png) no-repeat;
1045 }
1047 ul.treeList li:last-child {
1048 background:#fff url(../../images/lists/lastnode.png) no-repeat;
1049 }
1051 div.treeList {
1052 background-color:#FFF;
1053 border:1px solid #AAA;
1054 padding:5px;
1055 position:absolute;
1056 z-index:500;
1057 overflow-y:auto;
1058 float:left;
1059 }
1061 span.informal {
1062 color:#444;
1063 font-style:italic;
1064 }
1067 /* Max height for IE */
1069 * html div.treeList {
1070 height: expression( this.scrollHeight > 500 ? "500px" : "auto" );
1071 }
1073 span.mark {
1074 color:#B22;
1075 }
1078 /* Message dialog */
1080 div.errorMsgTitle {
1081 width:100%;
1082 font-size:1.4em;
1083 padding-bottom:.3em;
1084 padding-top:.3em;
1085 font-weight:bold;
1086 background-color:#F0F0F0;
1087 }
1089 div.errorMsgDialog {
1090 width:60%;
1091 background-color:#FFF;
1092 border:4px solid red;
1093 z-index:150;
1094 display:none;
1095 position:absolute;
1096 }
1098 div.infoMsgDialog {
1099 width:60%;
1100 background-color:#FFF;
1101 border:2px solid #000;
1102 z-index:150;
1103 display:none;
1104 position:absolute;
1105 }
1108 /* Autocompleter */
1110 div.autocomplete {
1111 position:absolute;
1112 background-color:#FFF;
1113 border:1px solid #AAA;
1114 margin:0;
1115 padding:0;
1116 z-index:600;
1117 overflow:hidden;
1118 word-wrap:break-word;
1119 }
1121 div.autocomplete ul {
1122 list-style-type:none;
1123 margin:0;
1124 padding:0;
1125 }
1127 div.autocomplete ul li {
1128 list-style-type:none;
1129 display:block;
1130 margin:0;
1131 padding:2px;
1132 padding-left:4px;
1133 cursor:pointer;
1134 }
1136 div.autocomplete li:hover {
1137 background-color:#F0F0F0;
1138 }
1140 div.autocomplete ul li.selected {
1141 background-color:#F0F0F0;
1142 }
1145 /* Pulldown menu */
1147 #pulldown {
1148 background:#FFF;
1149 height:23px;
1150 border:1px #CCC solid;
1151 background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#EEE));
1152 background: -moz-linear-gradient(top, #F8F8F8, #EEE);
1153 }
1155 #pulldown ul {
1156 display:block;
1157 margin:0;
1158 padding:0;
1159 line-height:1em;
1160 list-style:none;
1161 z-index:90;
1162 }
1164 #pulldown ul li {
1165 float:left;
1166 margin:0 3px 0 0;
1167 padding:0;
1168 font-size:12px;
1169 line-height:1 5em;
1170 list-style-type:none;
1171 }
1173 #pulldown ul li a {
1174 float:left;
1175 display:block;
1176 width:auto;
1177 font-weight:normal;
1178 background:transparent;
1179 text-decoration:none;
1180 margin:0;
1181 padding:5px;
1182 }
1184 #pulldown ul li a:hover {
1185 text-decoration:none;
1186 }
1188 #pulldown ul li.sep {
1189 color:#AAA;
1190 padding:.8em 0 .5em;
1191 }
1193 /* Commented Backslash Hack hides rule from IE5-Mac \*/
1194 #pulldown ul li a {
1195 float:none;
1196 }
1198 /* End IE5-Mac hack */
1199 #pulldown ul.level2,#pulldown ul.level3 {
1200 position:absolute;
1201 top:0;
1202 left:0;
1203 visibility:hidden;
1204 border:1px #CCC solid;
1205 background:#FFF;
1206 box-shadow: 2px 2px 0 rgba(0,0,0,0.2);
1207 -webkit-box-shadow: 2px 2px 1px rgba(0,0,0,0.2);
1208 -moz-box-shadow: 2px 2px 0px rgba(0,0,0,0.2);
1209 }
1211 #pulldown ul.level2 li,#pulldown ul.level3 li {
1212 border-bottom:1px solid #fff;
1213 float:none;
1214 margin:0;
1215 padding:0;
1216 width:200px;
1217 }
1219 #pulldown ul.level2 li a,#pulldown ul.level3 li a {
1220 padding:5px 9px 5px 5px;
1221 }
1223 #pulldown ul.level2 li a:hover,#pulldown ul.level3 li a:hover {
1224 font-weight:normal;
1225 background-color:#418DD4;
1226 background-image:none;
1227 }