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 }
73 h1, h2, h3 {
74 margin-top:2px;
75 }
77 h3 {
78 font-size:12px;
79 font-weight:bold;
80 }
83 /* Title bar definitions */
85 div.title-bar{
86 padding:0px;
87 height:40px;
88 border-top:1px solid #111;
89 border-bottom:1px solid #222;
90 background:url('images/title-bar.png') repeat-x;
91 color:#FFF;
92 cursor:default;
93 }
95 div.title-bar ul, div.title-bar ul li{
96 list-style:none;
97 display:inline;
98 margin:0;
99 padding:0;
100 }
102 span.logged-in-user{
103 font-style:italic;
104 }
106 li.table-wrapper {
107 display:table;
108 }
110 div.logged-in-label {
111 display:table-cell;
112 height:40px;
113 vertical-align:middle;
114 padding:0 5px 0 5px;
115 }
117 div.logout-label {
118 display:table-cell;
119 height:40px;
120 vertical-align:middle;
121 padding:0 5px 0 5px;
122 }
124 #log-out{
125 width:16px;
126 height:16px;
127 border:0;
128 background-color:transparent;
129 background-image:url('images/btn-logout.png');
130 cursor:pointer;
131 }
133 #log-out:hover{
134 background-image:url('images/btn-logout-hover.png')
135 }
138 /* Screen areas */
140 div.navigation {
141 float:left;
142 position:absolute;
143 width:150px;
144 min-height:600px;
145 padding-left:6px;
146 margin-top:8px;
147 }
149 div.plugin-area {
150 float:right;
151 position:absolute;
152 left:164px;
153 right:0;
154 padding-right:6px;
155 min-height:600px;
156 min-width:700px;
157 cursor:default;
158 }
161 /* Plugin decorations */
163 .plugin {
164 clear:both;
165 padding:5px 8px;
166 position:relative;
167 border:1px solid #CCC;
168 border-radius:5px;
169 box-shadow: 0 1px 0 rgba(0,0,0,0.2);
170 -webkit-border-radius:5px;
171 -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
172 -moz-border-radius:5px;
173 -moz-box-shadow: 0 1px 0px rgba(0,0,0,0.2);
174 }
176 .plugin-actions {
177 padding-top:5px;
178 text-align:right;
179 }
182 /* Plugin navigation bar */
184 .plugin-path {
185 margin-top:8px;
186 margin-bottom:8px;
187 height:32px;
188 background-color:#F8F8F8;
189 border:1px solid #CCC;
190 border-radius:5px;
191 -moz-border-radius:5px;
192 -webkit-border-radius:5px;
193 background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#EEE));
194 background: -moz-linear-gradient(top, #F8F8F8, #EEE);
195 }
197 ul.path-navigation {
198 list-style:none;
199 cursor:pointer;
200 padding:0;
201 margin:0;
202 color:#666;
203 }
205 ul.path-navigation li {
206 display:inline;
207 padding:5px;
208 padding-top:8px;
209 height:19px;
210 }
212 ul.path-navigation li:hover {
213 background-color: #E0E0E0;
214 background: -webkit-gradient(linear, 0 0, 0 100%, from(#EEE), to(#E0E0E0));
215 background: -moz-linear-gradient(top, #EEE, #E0E0E0);
216 }
218 div.nav-home {
219 height:14px;
220 width:20px;
221 background-image:url(images/home.png);
222 }
224 .right-border {
225 border-right:1px solid #C2C2C2;
226 }
228 .left-border {
229 border-left:1px solid #C2C2C2;
230 }
233 /* Side menu */
235 div.menu {
236 background: -webkit-gradient(linear, 0 0, 0 100%, from(#FFF), to(#F5F5F5));
237 background: -moz-linear-gradient(top, #FFF, #F5F5F5);
238 }
240 div.menu div {
241 height:3px;
242 border-right:1px solid #C2C2C2;
243 border-left:1px solid #C2C2C2;
244 border-bottom:1px solid #C2C2C2;
245 border-bottom-left-radius:5px;
246 border-bottom-right-radius:5px;
247 box-shadow: 0 1px 0 rgba(0,0,0,0.2);
248 -webkit-border-bottom-left-radius:5px;
249 -webkit-border-bottom-right-radius:5px;
250 -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
251 -moz-border-radius:5px;
252 -moz-box-shadow: 0 1px 0px rgba(0,0,0,0.2);
253 }
255 div.menu ul {
256 list-style:none;
257 margin:0;
258 padding:0;
259 }
261 div.menu ul li {
262 padding:5px;
263 cursor:pointer;
264 border-left:1px solid #C2C2C2;
265 border-right:1px solid #C2C2C2;
266 }
268 div.menu ul li.current {
269 padding:5px;
270 cursor:pointer;
271 background-color: rgba(0,0,0,0.1);
272 border-left:1px solid #C2C2C2;
273 border-right:1px solid #C2C2C2;
274 }
276 div.menu ul li:hover {
277 background-color: #E0E0E0;
278 }
280 div.menu ul li.menu-header {
281 cursor:default;
282 text-align:center;
283 font-weight:bold;
284 color:#FFF;
285 border:0;
286 background-color: #415A84;
287 background: -webkit-gradient(linear, 0 0, 0 100%, from(#5B6B8E), to(#2A4A79));
288 background: -moz-linear-gradient(top, #5B6B8E, #2A4A79);
289 border-top-left-radius:5px;
290 border-top-right-radius:5px;
291 -moz-border-radius-topleft:5px;
292 -moz-border-radius-topright:5px;
293 -webkit-border-top-left-radius:5px;
294 -webkit-border-top-right-radius:5px;
295 }
298 /* Buttons */
300 .button {
301 padding:2px 6px;
302 margin:0;
303 background-color:#F8F8F8;
304 background: -webkit-gradient(linear, 0 0, 0 100%, from(#FFF), to(#BBB));
305 background: -moz-linear-gradient(top, #FFF, #BBB);
306 border:1px solid #BBB;
307 border-radius:2px;
308 -webkit-border-radius:2px;
309 -moz-border-radius:2px;
310 outline:none;
311 }
313 .button:active {
314 background-color:#CCC;
315 background: -webkit-gradient(linear, 0 100%, 0 0, from(#FFF), to(#BBB));
316 background: -moz-linear-gradient(top, #BBB, #FFF);
317 }
319 .button:hover {
320 cursor:pointer;
321 border-color:#777 !important;
322 }
324 .button:focus, .button:active {
325 border-color:#777;
326 }
329 /* Tabs */
331 .tabs {
332 width:100%;
333 height:25px;
334 }
336 .tab-content {
337 padding:5px 8px;
338 z-index:0;
339 margin-top:-2px;
340 position:relative;
341 border:1px solid #CCC;
342 border-top-right-radius:5px;
343 border-bottom-right-radius:5px;
344 border-bottom-left-radius:5px;
345 box-shadow: 0 1px 0 rgba(0,0,0,0.2);
346 -webkit-border-top-right-radius:5px;
347 -webkit-border-bottom-right-radius:5px;
348 -webkit-border-bottom-left-radius:5px;
349 -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
350 -moz-border-radius-topright:5px;
351 -moz-border-radius-bottomright:5px;
352 -moz-border-radius-bottomleft:5px;
353 -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.2);
354 }
356 .tabs ul {
357 margin:0;
358 padding:0;
359 list-style:none;
360 }
362 .tabs li {
363 float:left;
364 margin:0;
365 padding:4px 8px;
366 border-top:1px solid #C8C8C8;
367 border-left:1px solid #C8C8C8;
368 border-right:1px solid #C8C8C8;
369 border-top-right-radius:5px;
370 border-top-left-radius:5px;
371 -webkit-border-top-right-radius:5px;
372 -webkit-border-top-left-radius:5px;
373 -moz-border-radius-topleft:5px;
374 -moz-border-radius-topright:5px;
375 background-color:#F8F8F8;
376 background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#EEE));
377 background: -moz-linear-gradient(top, #F8F8F8, #EEE);
378 color:#AAA;
379 }
381 .tabs li.current {
382 background-color:#FFF;
383 background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#FFF));
384 background: -moz-linear-gradient(top, #F8F8F8, #FFF);
385 margin-top:-2px;
386 max-height:14px;
387 padding-bottom:6px;
388 border-bottom:1px solid #FFF;
389 position:relative;
390 z-index:1;
391 color:#000;
392 }
394 .tabs a {
395 float:left;
396 display:block;
397 text-decoration:none;
398 font-weight:bold;
399 color:#777;
400 }
402 .tabs li a:visited {
403 color:#777;
404 }
406 .tabs li.current a:visited {
407 color:#000;
408 }
411 /* Fieldsets */
413 fieldset {
414 border:0;
415 padding:4px;
416 margin:0;
417 }
419 fieldset legend{
420 text-align:left;
421 padding:0px 0px;
422 margin-left:0px;
423 font-weight:bold;
424 }
426 fieldset label{
427 width:8em;
428 float:left;
429 text-align:left;
430 clear:left;
431 padding-top:3px;
432 margin-top:3px;
433 }
435 fieldset input[type=text]{
436 float:left;
437 width:10em;
438 margin-top:3px;
439 }
441 fieldset input[type=checkbox]{
442 clear:left;
443 float:left;
444 margin-top:1px;
445 margin-left:0;
446 }
448 fieldset select{
449 margin-top:5px;
450 }
452 fieldset textarea{
453 width:100%;
454 resize:none;
455 border:1px solid #CCC;
456 }
458 fieldset textarea:hover{
459 border-color:#777;
460 }
462 .fieldset-left {
463 padding-right:10px;
464 border-right:1px solid #CCC;
465 height:100%;
466 }
468 .fieldset-middle {
469 padding:0 10px;
470 border-right:1px solid #CCC;
471 height:100%;
472 }
474 .fieldset-right {
475 padding:0 10px;
476 height:100%;
477 }
479 /* Containers */
481 .container{
482 float:none;
483 clear:both;
484 height:100%;
485 }
487 .container-element{
488 float:left;
489 height:100%;
490 }
492 .clear-left{
493 clear:left;
494 }
496 .clear{
497 clear:both;
498 }
500 .line-clear{
501 clear:both;
502 padding:2px 0;
503 border-bottom:1px solid #CCC;
504 }
507 /* Images */
508 div.img{
509 /*background:transparent url(img-modern.png) no-repeat;*/
510 position:relative
511 }
513 div.img div {
514 /*background:transparent url(img-modern.png) no-repeat;*/
515 bottom:0;
516 right:0;
517 position:absolute;
518 }
521 /* Icon menu */
523 .icon-menu-item{
524 float:left;
525 padding:0 10px 10px 56px;
526 min-height:70px;
527 min-width:150px;
528 cursor:pointer;
529 }
531 .icon-menu-item div.img{
532 float:left;
533 position:relative;
534 }
536 .icon-menu-item div.dsc{
537 margin-left:65px
538 }
540 .icon-menu-item:hover{
541 background-color: #E0E0E0;
542 }
544 .icon-menu-item h1{
545 font-size:12px;
546 font-weight:bold;
547 margin:0;
548 color:#333;
549 }
551 h3.icon-menu-title{
552 font-size:14px;
553 font-weight:bold;
554 margin-top:8px;
555 color:#333;
556 }
558 .icon-menu-item p{
559 margin:0;
560 color:#777;
561 }
564 /* Errors */
566 .error {
567 border-color:red ! important;
568 }
571 /* Date picker*/
573 div.datepicker {
574 position:absolute;
575 text-align:center;
576 border:1px #CCC solid;
577 font-family:arial;
578 background:#FFF;
579 font-size:10px;
580 padding:0;
581 box-shadow: 2px 2px 0 rgba(0,0,0,0.2);
582 -webkit-box-shadow: 2px 2px 1px rgba(0,0,0,0.2);
583 -moz-box-shadow: 2px 2px 0px rgba(0,0,0,0.2);
584 }
586 div.datepicker-calendar table {
587 font-size:10px;
588 border:1px solid #FFF;
589 margin:0;
590 padding:0;
591 text-align:center;
592 }
594 div.datepicker div.datepicker-header {
595 font-size:11px;
596 font-weight:bold;
597 background:#F0F0F0;
598 border-bottom:1px solid #CCC;
599 padding:2px;
600 text-align:center;
601 }
603 div.datepicker table.header {
604 width:175px;
605 border:0;
606 padding:0;
607 text-align:center;
608 }
610 td.prev,td.prev_year,td.next,td.next_year {
611 width:8%;
612 cursor:pointer;
613 font-weight:bold;
614 line-height:16px;
615 }
617 td.prev:hover,td.prev_year:hover,td.next:hover,td.next_year:hover {
618 background-color:#DDD;
619 }
621 td.header {
622 text-align:center;
623 width:68%;
624 font-weight:bold;
625 line-height:16px;
626 }
628 div.datepicker-header {
629 height:16px;
630 }
632 div.datepicker-calendar table tbody tr {
633 border:1px solid #FFF;
634 margin:0;
635 padding:0;
636 }
638 div.datepicker-calendar table tbody tr td {
639 border:1px #EEE solid;
640 margin:0;
641 padding:0;
642 text-align:center;
643 height:16px;
644 line-height:16px;
645 width:21px;
646 cursor:pointer;
647 }
649 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 {
650 border:1px #CCE9FF solid;
651 background:#E9F5FF;
652 cursor:pointer;
653 }
655 div.datepicker-calendar table tbody tr td.wday {
656 border:1px #AAA solid;
657 background:#CCC;
658 cursor:text;
659 width:21px;
660 height:16px;
661 line-height:16px;
662 font-weight:bold;
663 }
665 div.datepicker-calendar table tbody tr td.outbound {
666 background:#F3F3F3;
667 }
669 div.datepicker-calendar table tbody tr td.today {
670 border:1px #CCE9FF solid;
671 background:#E9F5FF;
672 background-image:url(../../images/date_active.gif);
673 background-repeat:no-repeat;
674 position:top left;
675 width:21px;
676 height:16px;
677 line-height:16px;
678 }
680 div.datepicker-calendar table tbody tr td.today:hover {
681 border:1px #CCE9FF solid;
682 background:#E9F5FF;
683 background-image:url(../../images/date_active.gif);
684 background-repeat:no-repeat;
685 position:top left;
686 }
688 div.datepicker-calendar table tbody tr td.nclick,div.datepicker-calendar table tbody tr td.nclick_outbound {
689 cursor:default;
690 color:#aaa;
691 width:21px;
692 height:16px;
693 line-height:16px;
694 }
696 div.datepicker-calendar table tbody tr td.nclick_outbound {
697 background:#E8E4E4;
698 width:21px;
699 height:16px;
700 line-height:16px;
701 }
703 div.datepicker-calendar table tbody tr td.nclick:hover,div.datepicker-calendar table tbody tr td.nclick_outbound:hover {
704 border:1px #EAEAEA solid;
705 background:#FFF;
706 }
708 div.datepicker-calendar table tbody tr td.nclick_outbound:hover {
709 background:#E8E4E4;
710 }
712 div.datepicker div.datepicker-footer {
713 font-size:10px;
714 background:#F0F0F0;
715 border-top:1px solid #AAA;
716 cursor:pointer;
717 text-align:center;
718 padding:2px;
719 }
721 .date {
722 float:left;
723 }
725 .datepicker-opener-table {
726 border:1px solid transparent;
727 padding:0;
728 border-spacing:0;
729 margin:0 0 0 3px;
730 background:transparent url(../../images/datepicker.gif) no-repeat 0 0;
731 width:18px;
732 height:18px;
733 cursor:pointer;
734 }
736 .Opera .datepicker-opener-table {
737 float:right;
738 }
740 .IE7 .datepicker-opener-table {
741 position:relative;
742 top:0;
743 left:3px;
744 }
746 .datepicker-opener-table:hover {
747 background:transparent url(../../images/datepicker_ro.gif) no-repeat 0 0;
748 }
750 .datepicker-opener {
751 width:16px;
752 height:16px;
753 margin:0 0 0 3px;
754 cursor:pointer;
755 }
758 /* Lists */
760 div.listContainer {
761 width:100%;
762 border-top:1px solid #CCC;
763 border-bottom:1px solid #CCC;
764 border-left:1px solid #CCC;
765 border-right:1px solid #CCC;
766 border-top-left-radius:2px;
767 border-top-right-radius:2px;
768 -moz-border-radius-topleft:2px;
769 -moz-border-radius-topright:2px;
770 -webkit-border-top-left-radius:2px;
771 -webkit-border-top-right-radius:2px;
772 }
774 .fixedListHeader tr {
775 position:relative;
776 height:auto;
777 font-weight:bold;
778 }
780 .fixedListHeader a {
781 color:#444;
782 }
784 .listHeaderFormat {
785 margin:3px;
786 padding:1px;
787 white-space:nowrap;
788 }
790 .listHeaderFormat tr td {
791 padding:4px;
792 background-color:#F5F5F5;
793 color:#444;
794 background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#EEE));
795 background: -moz-linear-gradient(top, #F8F8F8, #EEE);
796 border-right:1px solid #CCC;
797 border-bottom:1px solid #CCC;
798 }
800 .listScrollContent {
801 height:100%;
802 overflow-x:hidden;
803 overflow-y:auto;
804 }
806 .listScrollContent tr {
807 height:auto;
808 white-space:nowrap;
809 }
811 .listScrollContent tr:nth-child(odd) {
812 background-color:#FFF;
813 }
815 .listScrollContent tr:nth-child(even) {
816 background-color:#F5F5F5;
817 }
819 .listScrollContent tr:last-child {
820 background-color:#FFF;
821 }
823 .listScrollContent tr td:last-child {
824 padding-right:20px;
825 }
827 .listBodyFormat tr td {
828 color:#000;
829 margin:3px;
830 padding:2px;
831 border-right:1px solid #CCC;
832 word-wrap:break-word;
833 white-space:normal;
834 max-width:500px;
835 }
837 div.nlistFooter {
838 background-color:#F5F5F5;
839 color:#444;
840 background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#EEE));
841 background: -moz-linear-gradient(top, #F8F8F8, #EEE);
842 border-left:1px solid #CCC;
843 border-right:1px solid #CCC;
844 border-bottom:1px solid #CCC;
845 border-bottom-left-radius:2px;
846 border-bottom-right-radius:2px;
847 -moz-border-radius-bottomleft:2px;
848 -moz-border-radius-bottomright:2px;
849 -webkit-border-bottom-left-radius:2px;
850 -webkit-border-bottom-right-radius:2px;
851 padding:0;
852 width:100%;
853 }
856 /* List header, Filter, misc. */
858 #filter {
859 position:absolute;
860 right:0;
861 width:250px;
862 }
864 #mainlist {
865 position:absolute;
866 right:265px;
867 left:0;
868 }
870 .mainlist-header {
871 background-color:#F8F8F8;
872 border:1px solid #CCC;
873 border-radius:2px;
874 -moz-border-radius:2px;
875 -webkit-border-radius:2px;
876 background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#EEE));
877 background: -moz-linear-gradient(top, #F8F8F8, #EEE);
878 margin-bottom:4px;
879 margin-right:-2px;
880 }
882 .mainlist-header p{
883 color:#444;
884 font-weight:bold;
885 font-size:14px;
886 margin:4px;
887 }
889 .mainlist-header div{
890 border-top:1px solid #CCC;
891 background-color:white;
892 }
894 ul.mainlist-header-nav {
895 list-style:none;
896 cursor:pointer;
897 padding:0;
898 margin:0;
899 color:#666;
900 }
902 ul.mainlist-header-nav li {
903 display:inline;
904 padding:5px;
905 padding-top:8px;
906 height:19px;
907 }
909 ul.mainlist-header-nav li:hover {
910 background-color: #E0E0E0;
911 background: -webkit-gradient(linear, 0 0, 0 100%, from(#EEE), to(#E0E0E0));
912 background: -moz-linear-gradient(top, #EEE, #E0E0E0);
913 }
916 /* Sortable Lists */
918 div.sortableListContainer {
919 border:1px solid #AAA;
920 overflow:auto;
921 margin-bottom:2px;
922 }
924 .sortableListContainer th {
925 background-color:#D8D8D8;
926 padding:3px;
927 text-align:left;
928 border-left:1px solid #AAA;
929 }
931 .sortableListContainer td {
932 padding:3px;
933 text-align:left;
934 border-left:1px solid #AAA;
935 }
937 tr.sortableListItem {
938 background-color:#FFF;
939 cursor:move;
940 color:#000;
941 }
943 tr.sortableListItemFill {
944 background-color:#FFF;
945 cursor:default;
946 }
948 tr.sortableListItemOdd ::-moz-selection,tr.sortableListItem ::-moz-selection {
949 background:transparent;
950 }
952 tr.sortableListItemOdd ::selection,tr.sortableListItem ::selection {
953 background:transparent;
954 }
956 tr.sortableListItemOdd code::-moz-selection,tr.sortableListItem code::-moz-selection {
957 background:transparent;
958 }
960 tr.sortableListItemOdd code::selection,tr.sortableListItem code::selection {
961 background:transparent;
962 }
964 tr.sortableListItemOdd {
965 background-color:#F5F5F5;
966 cursor:move;
967 color:#000;
968 }
970 tr.sortableListItem:hover,tr.sortableListItemOdd:hover {
971 background-color:#EEE;
972 }
974 tr.sortableListItemDisabled {
975 cursor:default;
976 color:#CCC;
977 }
979 table.sortableListTable {
980 border:0;
981 }
983 tr.sortableListItemMarked {
984 background-color:#FFD;
985 }
988 /* Tree List */
990 ul.treeList,ul.treeList ul {
991 list-style-type:none;
992 background:url(../../images/lists/vline.png) repeat-y;
993 margin:0;
994 padding:0;
995 }
997 ul.treeList ul {
998 margin-left:10px;
999 }
1001 ul.treeList a:hover {
1002 background-color:#DDD;
1003 }
1005 a.treeList {
1006 padding:2px;
1007 cursor:pointer;
1008 }
1010 a.treeListSelected {
1011 font-weight:bold;
1012 color:#1010AF;
1013 background-color:#DDD;
1014 padding:2px;
1015 cursor:pointer;
1016 }
1018 a.treeList:hover,a.treeListSelected:hover {
1019 background-color:#DDD;
1020 padding:2px;
1021 }
1023 ul.treeList a {
1024 padding:2px;
1025 cursor:pointer;
1026 }
1028 ul.treeList li {
1029 margin:0;
1030 padding:0 12px;
1031 line-height:20px;
1032 background:url(../../images/lists/node.png) no-repeat;
1033 }
1035 li.treeListSelected a {
1036 font-weight:bold;
1037 color:#1010AF;
1038 padding:2px;
1039 }
1041 ul.treeList li.last {
1042 background:#fff url(../../images/lists/lastnode.png) no-repeat;
1043 }
1045 ul.treeList li:last-child {
1046 background:#fff url(../../images/lists/lastnode.png) no-repeat;
1047 }
1049 div.treeList {
1050 background-color:#FFF;
1051 border:1px solid #AAA;
1052 padding:5px;
1053 position:absolute;
1054 z-index:500;
1055 overflow-y:auto;
1056 float:left;
1057 }
1059 span.informal {
1060 color:#444;
1061 font-style:italic;
1062 }
1065 /* Max height for IE */
1067 * html div.treeList {
1068 height: expression( this.scrollHeight > 500 ? "500px" : "auto" );
1069 }
1071 span.mark {
1072 color:#B22;
1073 }
1076 /* Message dialog */
1078 div.errorMsgTitle {
1079 width:100%;
1080 font-size:1.4em;
1081 padding-bottom:.3em;
1082 padding-top:.3em;
1083 font-weight:bold;
1084 background-color:#F0F0F0;
1085 }
1087 div.errorMsgDialog {
1088 width:60%;
1089 background-color:#FFF;
1090 border:4px solid red;
1091 z-index:150;
1092 display:none;
1093 position:absolute;
1094 }
1096 div.infoMsgDialog {
1097 width:60%;
1098 background-color:#FFF;
1099 border:2px solid #000;
1100 z-index:150;
1101 display:none;
1102 position:absolute;
1103 }
1106 /* Autocompleter */
1108 div.autocomplete {
1109 position:absolute;
1110 background-color:#FFF;
1111 border:1px solid #AAA;
1112 margin:0;
1113 padding:0;
1114 z-index:600;
1115 overflow:hidden;
1116 word-wrap:break-word;
1117 }
1119 div.autocomplete ul {
1120 list-style-type:none;
1121 margin:0;
1122 padding:0;
1123 }
1125 div.autocomplete ul li {
1126 list-style-type:none;
1127 display:block;
1128 margin:0;
1129 padding:2px;
1130 padding-left:4px;
1131 cursor:pointer;
1132 }
1134 div.autocomplete li:hover {
1135 background-color:#F0F0F0;
1136 }
1138 div.autocomplete ul li.selected {
1139 background-color:#F0F0F0;
1140 }
1143 /* Pulldown menu */
1145 #pulldown {
1146 background:#FFF;
1147 height:23px;
1148 border:1px #CCC solid;
1149 background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#EEE));
1150 background: -moz-linear-gradient(top, #F8F8F8, #EEE);
1151 }
1153 #pulldown ul {
1154 display:block;
1155 margin:0;
1156 padding:0;
1157 line-height:1em;
1158 list-style:none;
1159 z-index:90;
1160 }
1162 #pulldown ul li {
1163 float:left;
1164 margin:0 3px 0 0;
1165 padding:0;
1166 font-size:12px;
1167 line-height:1 5em;
1168 list-style-type:none;
1169 }
1171 #pulldown ul li a {
1172 float:left;
1173 display:block;
1174 width:auto;
1175 font-weight:normal;
1176 background:transparent;
1177 text-decoration:none;
1178 margin:0;
1179 padding:5px;
1180 }
1182 #pulldown ul li a:hover {
1183 text-decoration:none;
1184 }
1186 #pulldown ul li.sep {
1187 color:#AAA;
1188 padding:.8em 0 .5em;
1189 }
1191 /* Commented Backslash Hack hides rule from IE5-Mac \*/
1192 #pulldown ul li a {
1193 float:none;
1194 }
1196 /* End IE5-Mac hack */
1197 #pulldown ul.level2,#pulldown ul.level3 {
1198 position:absolute;
1199 top:0;
1200 left:0;
1201 visibility:hidden;
1202 border:1px #CCC solid;
1203 background:#FFF;
1204 box-shadow: 2px 2px 0 rgba(0,0,0,0.2);
1205 -webkit-box-shadow: 2px 2px 1px rgba(0,0,0,0.2);
1206 -moz-box-shadow: 2px 2px 0px rgba(0,0,0,0.2);
1207 }
1209 #pulldown ul.level2 li,#pulldown ul.level3 li {
1210 border-bottom:1px solid #fff;
1211 float:none;
1212 margin:0;
1213 padding:0;
1214 width:200px;
1215 }
1217 #pulldown ul.level2 li a,#pulldown ul.level3 li a {
1218 padding:5px 9px 5px 5px;
1219 }
1221 #pulldown ul.level2 li a:hover,#pulldown ul.level3 li a:hover {
1222 font-weight:normal;
1223 background-color:#418DD4;
1224 background-image:none;
1225 }