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 background-color:rgba(255,0,0,0.2);
83 background-repeat:no-repeat;
84 position:relative;
85 }
87 div.img div {
88 background-color:transparent;
89 background-repeat:no-repeat;
90 bottom:0;
91 right:0;
92 position:absolute;
93 }
96 /* Title bar definitions */
98 div.title-bar{
99 padding:0px;
100 height:40px;
101 border-top:1px solid #111;
102 border-bottom:1px solid #222;
103 background:url('images/title-bar.png') repeat-x;
104 color:#FFF;
105 cursor:default;
106 }
108 div.title-bar ul, div.title-bar ul li{
109 list-style:none;
110 display:inline;
111 margin:0;
112 padding:0;
113 }
115 span.logged-in-user{
116 font-style:italic;
117 }
119 li.table-wrapper {
120 display:table;
121 }
123 div.logged-in-label {
124 display:table-cell;
125 height:40px;
126 vertical-align:middle;
127 padding:0 5px 0 5px;
128 }
130 div.logout-label {
131 display:table-cell;
132 height:40px;
133 vertical-align:middle;
134 padding:0 5px 0 5px;
135 }
137 #log-out{
138 width:16px;
139 height:16px;
140 border:0;
141 background-color:transparent;
142 background-image:url('images/btn-logout.png');
143 cursor:pointer;
144 }
146 #log-out:hover{
147 background-image:url('images/btn-logout-hover.png')
148 }
151 /* Screen areas */
153 div.navigation {
154 float:left;
155 position:absolute;
156 width:150px;
157 min-height:600px;
158 padding-left:6px;
159 margin-top:8px;
160 }
162 div.plugin-area {
163 float:right;
164 position:absolute;
165 left:164px;
166 right:0;
167 padding-right:6px;
168 min-height:600px;
169 min-width:700px;
170 cursor:default;
171 }
174 /* Plugin decorations */
176 .plugin {
177 clear:both;
178 padding:5px 8px;
179 position:relative;
180 border:1px solid #CCC;
181 border-radius:5px;
182 box-shadow: 0 1px 0 rgba(0,0,0,0.2);
183 -webkit-border-radius:5px;
184 -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
185 -moz-border-radius:5px;
186 -moz-box-shadow: 0 1px 0px rgba(0,0,0,0.2);
187 }
189 .plugin-actions {
190 padding-top:5px;
191 text-align:right;
192 }
195 /* Plugin navigation bar */
197 .plugin-path {
198 margin-top:8px;
199 margin-bottom:8px;
200 height:32px;
201 background-color:#F8F8F8;
202 border:1px solid #CCC;
203 border-radius:5px;
204 -moz-border-radius:5px;
205 -webkit-border-radius:5px;
206 background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#EEE));
207 background: -moz-linear-gradient(top, #F8F8F8, #EEE);
208 }
210 ul.path-navigation {
211 list-style:none;
212 cursor:pointer;
213 padding:0;
214 margin:0;
215 color:#666;
216 }
218 ul.path-navigation li {
219 display:inline;
220 padding:5px;
221 padding-top:8px;
222 height:19px;
223 }
225 ul.path-navigation li:hover {
226 background-color: #E0E0E0;
227 background: -webkit-gradient(linear, 0 0, 0 100%, from(#EEE), to(#E0E0E0));
228 background: -moz-linear-gradient(top, #EEE, #E0E0E0);
229 }
231 div.nav-home {
232 height:14px;
233 width:20px;
234 background-image:url(images/home.png);
235 }
237 .right-border {
238 border-right:1px solid #C2C2C2;
239 }
241 .left-border {
242 border-left:1px solid #C2C2C2;
243 }
246 /* Side menu */
248 div.menu {
249 background: -webkit-gradient(linear, 0 0, 0 100%, from(#FFF), to(#F5F5F5));
250 background: -moz-linear-gradient(top, #FFF, #F5F5F5);
251 }
253 div.menu div {
254 height:3px;
255 border-right:1px solid #C2C2C2;
256 border-left:1px solid #C2C2C2;
257 border-bottom:1px solid #C2C2C2;
258 border-bottom-left-radius:5px;
259 border-bottom-right-radius:5px;
260 box-shadow: 0 1px 0 rgba(0,0,0,0.2);
261 -webkit-border-bottom-left-radius:5px;
262 -webkit-border-bottom-right-radius:5px;
263 -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
264 -moz-border-radius:5px;
265 -moz-box-shadow: 0 1px 0px rgba(0,0,0,0.2);
266 }
268 div.menu ul {
269 list-style:none;
270 margin:0;
271 padding:0;
272 }
274 div.menu ul li {
275 padding:5px;
276 cursor:pointer;
277 border-left:1px solid #C2C2C2;
278 border-right:1px solid #C2C2C2;
279 }
281 div.menu ul li.current {
282 padding:5px;
283 cursor:pointer;
284 background-color: rgba(0,0,0,0.1);
285 border-left:1px solid #C2C2C2;
286 border-right:1px solid #C2C2C2;
287 }
289 div.menu ul li:hover {
290 background-color: #E0E0E0;
291 }
293 div.menu ul li.menu-header {
294 cursor:default;
295 text-align:center;
296 font-weight:bold;
297 color:#FFF;
298 border:0;
299 background-color: #415A84;
300 background: -webkit-gradient(linear, 0 0, 0 100%, from(#5B6B8E), to(#2A4A79));
301 background: -moz-linear-gradient(top, #5B6B8E, #2A4A79);
302 border-top-left-radius:5px;
303 border-top-right-radius:5px;
304 -moz-border-radius-topleft:5px;
305 -moz-border-radius-topright:5px;
306 -webkit-border-top-left-radius:5px;
307 -webkit-border-top-right-radius:5px;
308 }
311 /* Buttons */
313 .button {
314 padding:2px 6px;
315 margin:0;
316 background-color:#F8F8F8;
317 background: -webkit-gradient(linear, 0 0, 0 100%, from(#FFF), to(#BBB));
318 background: -moz-linear-gradient(top, #FFF, #BBB);
319 border:1px solid #BBB;
320 border-radius:2px;
321 -webkit-border-radius:2px;
322 -moz-border-radius:2px;
323 outline:none;
324 }
326 .button:active {
327 background-color:#CCC;
328 background: -webkit-gradient(linear, 0 100%, 0 0, from(#FFF), to(#BBB));
329 background: -moz-linear-gradient(top, #BBB, #FFF);
330 }
332 .button:hover {
333 cursor:pointer;
334 border-color:#777 !important;
335 }
337 .button:focus, .button:active {
338 border-color:#777;
339 }
342 /* Tabs */
344 .tabs {
345 width:100%;
346 height:25px;
347 }
349 .tab-content {
350 padding:5px 8px;
351 z-index:0;
352 margin-top:-2px;
353 position:relative;
354 border:1px solid #CCC;
355 border-top-right-radius:5px;
356 border-bottom-right-radius:5px;
357 border-bottom-left-radius:5px;
358 box-shadow: 0 1px 0 rgba(0,0,0,0.2);
359 -webkit-border-top-right-radius:5px;
360 -webkit-border-bottom-right-radius:5px;
361 -webkit-border-bottom-left-radius:5px;
362 -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
363 -moz-border-radius-topright:5px;
364 -moz-border-radius-bottomright:5px;
365 -moz-border-radius-bottomleft:5px;
366 -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.2);
367 }
369 .tabs ul {
370 margin:0;
371 padding:0;
372 list-style:none;
373 }
375 .tabs li {
376 float:left;
377 margin:0;
378 padding:4px 8px;
379 border-top:1px solid #C8C8C8;
380 border-left:1px solid #C8C8C8;
381 border-right:1px solid #C8C8C8;
382 border-top-right-radius:5px;
383 border-top-left-radius:5px;
384 -webkit-border-top-right-radius:5px;
385 -webkit-border-top-left-radius:5px;
386 -moz-border-radius-topleft:5px;
387 -moz-border-radius-topright:5px;
388 background-color:#F8F8F8;
389 background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#EEE));
390 background: -moz-linear-gradient(top, #F8F8F8, #EEE);
391 color:#AAA;
392 }
394 .tabs li.current {
395 background-color:#FFF;
396 background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#FFF));
397 background: -moz-linear-gradient(top, #F8F8F8, #FFF);
398 margin-top:-2px;
399 max-height:14px;
400 padding-bottom:6px;
401 border-bottom:1px solid #FFF;
402 position:relative;
403 z-index:1;
404 color:#000;
405 }
407 .tabs a {
408 float:left;
409 display:block;
410 text-decoration:none;
411 font-weight:bold;
412 color:#777;
413 }
415 .tabs li a:visited {
416 color:#777;
417 }
419 .tabs li.current a:visited {
420 color:#000;
421 }
424 /* Fieldsets */
426 fieldset {
427 border:0;
428 padding:4px;
429 margin:0;
430 }
432 fieldset legend{
433 text-align:left;
434 padding:0px 0px;
435 margin-left:0px;
436 font-weight:bold;
437 }
439 fieldset label{
440 width:8em;
441 float:left;
442 text-align:left;
443 clear:left;
444 padding-top:3px;
445 margin-top:3px;
446 }
448 fieldset input[type=text]{
449 float:left;
450 width:10em;
451 margin-top:3px;
452 }
454 fieldset input[type=checkbox]{
455 clear:left;
456 float:left;
457 margin-top:1px;
458 margin-left:0;
459 }
461 fieldset select{
462 margin-top:5px;
463 }
465 fieldset textarea{
466 width:100%;
467 resize:none;
468 border:1px solid #CCC;
469 }
471 fieldset textarea:hover{
472 border-color:#777;
473 }
475 .fieldset-left {
476 padding-right:10px;
477 border-right:1px solid #CCC;
478 height:100%;
479 }
481 .fieldset-middle {
482 padding:0 10px;
483 border-right:1px solid #CCC;
484 height:100%;
485 }
487 .fieldset-right {
488 padding:0 10px;
489 height:100%;
490 }
492 /* Containers */
494 .container{
495 float:none;
496 clear:both;
497 height:100%;
498 }
500 .container-element{
501 float:left;
502 height:100%;
503 }
505 .clear-left{
506 clear:left;
507 }
509 .clear{
510 clear:both;
511 }
513 .line-clear{
514 clear:both;
515 padding:2px 0;
516 border-bottom:1px solid #CCC;
517 }
520 /* Icon menu */
522 .icon-menu-item{
523 float:left;
524 padding-top:10px;
525 padding-bottom:10px;
526 min-height:70px;
527 min-width:150px;
528 cursor:pointer;
529 }
531 .icon-menu-item div.img{
532 float:left;
533 }
535 .icon-menu-item div.dsc{
536 margin-left:55px
537 }
539 .icon-menu-item:hover{
540 background-color: #E0E0E0;
541 }
543 .icon-menu-item h1{
544 font-size:12px;
545 font-weight:bold;
546 margin:0;
547 color:#333;
548 }
550 h3.icon-menu-title{
551 font-size:14px;
552 font-weight:bold;
553 margin-top:8px;
554 color:#333;
555 }
557 .icon-menu-item p{
558 margin:0;
559 color:#777;
560 }
563 /* Errors */
565 .error {
566 border-color:red ! important;
567 }
570 /* Date picker*/
572 div.datepicker {
573 position:absolute;
574 text-align:center;
575 border:1px #CCC solid;
576 font-family:arial;
577 background:#FFF;
578 font-size:10px;
579 padding:0;
580 box-shadow: 2px 2px 0 rgba(0,0,0,0.2);
581 -webkit-box-shadow: 2px 2px 1px rgba(0,0,0,0.2);
582 -moz-box-shadow: 2px 2px 0px rgba(0,0,0,0.2);
583 }
585 div.datepicker-calendar table {
586 font-size:10px;
587 border:1px solid #FFF;
588 margin:0;
589 padding:0;
590 text-align:center;
591 }
593 div.datepicker div.datepicker-header {
594 font-size:11px;
595 font-weight:bold;
596 background:#F0F0F0;
597 border-bottom:1px solid #CCC;
598 padding:2px;
599 text-align:center;
600 }
602 div.datepicker table.header {
603 width:175px;
604 border:0;
605 padding:0;
606 text-align:center;
607 }
609 td.prev,td.prev_year,td.next,td.next_year {
610 width:8%;
611 cursor:pointer;
612 font-weight:bold;
613 line-height:16px;
614 }
616 td.prev:hover,td.prev_year:hover,td.next:hover,td.next_year:hover {
617 background-color:#DDD;
618 }
620 td.header {
621 text-align:center;
622 width:68%;
623 font-weight:bold;
624 line-height:16px;
625 }
627 div.datepicker-header {
628 height:16px;
629 }
631 div.datepicker-calendar table tbody tr {
632 border:1px solid #FFF;
633 margin:0;
634 padding:0;
635 }
637 div.datepicker-calendar table tbody tr td {
638 border:1px #EEE solid;
639 margin:0;
640 padding:0;
641 text-align:center;
642 height:16px;
643 line-height:16px;
644 width:21px;
645 cursor:pointer;
646 }
648 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 {
649 border:1px #CCE9FF solid;
650 background:#E9F5FF;
651 cursor:pointer;
652 }
654 div.datepicker-calendar table tbody tr td.wday {
655 border:1px #AAA solid;
656 background:#CCC;
657 cursor:text;
658 width:21px;
659 height:16px;
660 line-height:16px;
661 font-weight:bold;
662 }
664 div.datepicker-calendar table tbody tr td.outbound {
665 background:#F3F3F3;
666 }
668 div.datepicker-calendar table tbody tr td.today {
669 border:1px #CCE9FF solid;
670 background:#E9F5FF;
671 background-image:url(../../images/date_active.gif);
672 background-repeat:no-repeat;
673 position:top left;
674 width:21px;
675 height:16px;
676 line-height:16px;
677 }
679 div.datepicker-calendar table tbody tr td.today:hover {
680 border:1px #CCE9FF solid;
681 background:#E9F5FF;
682 background-image:url(../../images/date_active.gif);
683 background-repeat:no-repeat;
684 position:top left;
685 }
687 div.datepicker-calendar table tbody tr td.nclick,div.datepicker-calendar table tbody tr td.nclick_outbound {
688 cursor:default;
689 color:#aaa;
690 width:21px;
691 height:16px;
692 line-height:16px;
693 }
695 div.datepicker-calendar table tbody tr td.nclick_outbound {
696 background:#E8E4E4;
697 width:21px;
698 height:16px;
699 line-height:16px;
700 }
702 div.datepicker-calendar table tbody tr td.nclick:hover,div.datepicker-calendar table tbody tr td.nclick_outbound:hover {
703 border:1px #EAEAEA solid;
704 background:#FFF;
705 }
707 div.datepicker-calendar table tbody tr td.nclick_outbound:hover {
708 background:#E8E4E4;
709 }
711 div.datepicker div.datepicker-footer {
712 font-size:10px;
713 background:#F0F0F0;
714 border-top:1px solid #AAA;
715 cursor:pointer;
716 text-align:center;
717 padding:2px;
718 }
720 .date {
721 float:left;
722 }
724 .datepicker-opener-table {
725 border:1px solid transparent;
726 padding:0;
727 border-spacing:0;
728 margin:0 0 0 3px;
729 background:transparent url(../../images/datepicker.gif) no-repeat 0 0;
730 width:18px;
731 height:18px;
732 cursor:pointer;
733 }
735 .Opera .datepicker-opener-table {
736 float:right;
737 }
739 .IE7 .datepicker-opener-table {
740 position:relative;
741 top:0;
742 left:3px;
743 }
745 .datepicker-opener-table:hover {
746 background:transparent url(../../images/datepicker_ro.gif) no-repeat 0 0;
747 }
749 .datepicker-opener {
750 width:16px;
751 height:16px;
752 margin:0 0 0 3px;
753 cursor:pointer;
754 }
757 /* Lists */
759 div.listContainer {
760 width:100%;
761 border-top:1px solid #CCC;
762 border-bottom:1px solid #CCC;
763 border-left:1px solid #CCC;
764 border-right:1px solid #CCC;
765 border-top-left-radius:2px;
766 border-top-right-radius:2px;
767 -moz-border-radius-topleft:2px;
768 -moz-border-radius-topright:2px;
769 -webkit-border-top-left-radius:2px;
770 -webkit-border-top-right-radius:2px;
771 }
773 .fixedListHeader tr {
774 position:relative;
775 height:auto;
776 font-weight:bold;
777 }
779 .fixedListHeader a {
780 color:#444;
781 }
783 .listHeaderFormat {
784 margin:3px;
785 padding:1px;
786 white-space:nowrap;
787 }
789 .listHeaderFormat tr td {
790 padding:4px;
791 background-color:#F5F5F5;
792 color:#444;
793 background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#EEE));
794 background: -moz-linear-gradient(top, #F8F8F8, #EEE);
795 border-right:1px solid #CCC;
796 border-bottom:1px solid #CCC;
797 }
799 .listScrollContent {
800 height:100%;
801 overflow-x:hidden;
802 overflow-y:auto;
803 }
805 .listScrollContent tr {
806 height:auto;
807 white-space:nowrap;
808 }
810 .listScrollContent tr:nth-child(odd) {
811 background-color:#FFF;
812 }
814 .listScrollContent tr:nth-child(even) {
815 background-color:#F5F5F5;
816 }
818 .listScrollContent tr:last-child {
819 background-color:#FFF;
820 }
822 .listScrollContent tr td:last-child {
823 padding-right:20px;
824 }
826 .listBodyFormat tr td {
827 color:#000;
828 margin:3px;
829 padding:2px;
830 border-right:1px solid #CCC;
831 word-wrap:break-word;
832 white-space:normal;
833 max-width:500px;
834 }
836 div.nlistFooter {
837 background-color:#F5F5F5;
838 color:#444;
839 background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#EEE));
840 background: -moz-linear-gradient(top, #F8F8F8, #EEE);
841 border-left:1px solid #CCC;
842 border-right:1px solid #CCC;
843 border-bottom:1px solid #CCC;
844 border-bottom-left-radius:2px;
845 border-bottom-right-radius:2px;
846 -moz-border-radius-bottomleft:2px;
847 -moz-border-radius-bottomright:2px;
848 -webkit-border-bottom-left-radius:2px;
849 -webkit-border-bottom-right-radius:2px;
850 padding:0;
851 width:100%;
852 }
855 /* List header, Filter, misc. */
857 #filter {
858 position:absolute;
859 right:0;
860 width:250px;
861 }
863 #mainlist {
864 position:absolute;
865 right:265px;
866 left:0;
867 }
869 .mainlist-header {
870 background-color:#F8F8F8;
871 border:1px solid #CCC;
872 border-radius:2px;
873 -moz-border-radius:2px;
874 -webkit-border-radius:2px;
875 background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#EEE));
876 background: -moz-linear-gradient(top, #F8F8F8, #EEE);
877 margin-bottom:4px;
878 margin-right:-2px;
879 }
881 .mainlist-header p{
882 color:#444;
883 font-weight:bold;
884 font-size:14px;
885 margin:4px;
886 }
888 .mainlist-header div{
889 border-top:1px solid #CCC;
890 background-color:white;
891 }
893 ul.mainlist-header-nav {
894 list-style:none;
895 cursor:pointer;
896 padding:0;
897 margin:0;
898 color:#666;
899 }
901 ul.mainlist-header-nav li {
902 display:inline;
903 padding:5px;
904 padding-top:8px;
905 height:19px;
906 }
908 ul.mainlist-header-nav li:hover {
909 background-color: #E0E0E0;
910 background: -webkit-gradient(linear, 0 0, 0 100%, from(#EEE), to(#E0E0E0));
911 background: -moz-linear-gradient(top, #EEE, #E0E0E0);
912 }
915 /* Sortable Lists */
917 div.sortableListContainer {
918 border:1px solid #AAA;
919 overflow:auto;
920 margin-bottom:2px;
921 }
923 .sortableListContainer th {
924 background-color:#D8D8D8;
925 padding:3px;
926 text-align:left;
927 border-left:1px solid #AAA;
928 }
930 .sortableListContainer td {
931 padding:3px;
932 text-align:left;
933 border-left:1px solid #AAA;
934 }
936 tr.sortableListItem {
937 background-color:#FFF;
938 cursor:move;
939 color:#000;
940 }
942 tr.sortableListItemFill {
943 background-color:#FFF;
944 cursor:default;
945 }
947 tr.sortableListItemOdd ::-moz-selection,tr.sortableListItem ::-moz-selection {
948 background:transparent;
949 }
951 tr.sortableListItemOdd ::selection,tr.sortableListItem ::selection {
952 background:transparent;
953 }
955 tr.sortableListItemOdd code::-moz-selection,tr.sortableListItem code::-moz-selection {
956 background:transparent;
957 }
959 tr.sortableListItemOdd code::selection,tr.sortableListItem code::selection {
960 background:transparent;
961 }
963 tr.sortableListItemOdd {
964 background-color:#F5F5F5;
965 cursor:move;
966 color:#000;
967 }
969 tr.sortableListItem:hover,tr.sortableListItemOdd:hover {
970 background-color:#EEE;
971 }
973 tr.sortableListItemDisabled {
974 cursor:default;
975 color:#CCC;
976 }
978 table.sortableListTable {
979 border:0;
980 }
982 tr.sortableListItemMarked {
983 background-color:#FFD;
984 }
987 /* Tree List */
989 ul.treeList,ul.treeList ul {
990 list-style-type:none;
991 background:url(../../images/lists/vline.png) repeat-y;
992 margin:0;
993 padding:0;
994 }
996 ul.treeList ul {
997 margin-left:10px;
998 }
1000 ul.treeList a:hover {
1001 background-color:#DDD;
1002 }
1004 a.treeList {
1005 padding:2px;
1006 cursor:pointer;
1007 }
1009 a.treeListSelected {
1010 font-weight:bold;
1011 color:#1010AF;
1012 background-color:#DDD;
1013 padding:2px;
1014 cursor:pointer;
1015 }
1017 a.treeList:hover,a.treeListSelected:hover {
1018 background-color:#DDD;
1019 padding:2px;
1020 }
1022 ul.treeList a {
1023 padding:2px;
1024 cursor:pointer;
1025 }
1027 ul.treeList li {
1028 margin:0;
1029 padding:0 12px;
1030 line-height:20px;
1031 background:url(../../images/lists/node.png) no-repeat;
1032 }
1034 li.treeListSelected a {
1035 font-weight:bold;
1036 color:#1010AF;
1037 padding:2px;
1038 }
1040 ul.treeList li.last {
1041 background:#fff url(../../images/lists/lastnode.png) no-repeat;
1042 }
1044 ul.treeList li:last-child {
1045 background:#fff url(../../images/lists/lastnode.png) no-repeat;
1046 }
1048 div.treeList {
1049 background-color:#FFF;
1050 border:1px solid #AAA;
1051 padding:5px;
1052 position:absolute;
1053 z-index:500;
1054 overflow-y:auto;
1055 float:left;
1056 }
1058 span.informal {
1059 color:#444;
1060 font-style:italic;
1061 }
1064 /* Max height for IE */
1066 * html div.treeList {
1067 height: expression( this.scrollHeight > 500 ? "500px" : "auto" );
1068 }
1070 span.mark {
1071 color:#B22;
1072 }
1075 /* Message dialog */
1077 div.errorMsgTitle {
1078 width:100%;
1079 font-size:1.4em;
1080 padding-bottom:.3em;
1081 padding-top:.3em;
1082 font-weight:bold;
1083 background-color:#F0F0F0;
1084 }
1086 div.errorMsgDialog {
1087 width:60%;
1088 background-color:#FFF;
1089 border:4px solid red;
1090 z-index:150;
1091 display:none;
1092 position:absolute;
1093 }
1095 div.infoMsgDialog {
1096 width:60%;
1097 background-color:#FFF;
1098 border:2px solid #000;
1099 z-index:150;
1100 display:none;
1101 position:absolute;
1102 }
1105 /* Autocompleter */
1107 div.autocomplete {
1108 position:absolute;
1109 background-color:#FFF;
1110 border:1px solid #AAA;
1111 margin:0;
1112 padding:0;
1113 z-index:600;
1114 overflow:hidden;
1115 word-wrap:break-word;
1116 }
1118 div.autocomplete ul {
1119 list-style-type:none;
1120 margin:0;
1121 padding:0;
1122 }
1124 div.autocomplete ul li {
1125 list-style-type:none;
1126 display:block;
1127 margin:0;
1128 padding:2px;
1129 padding-left:4px;
1130 cursor:pointer;
1131 }
1133 div.autocomplete li:hover {
1134 background-color:#F0F0F0;
1135 }
1137 div.autocomplete ul li.selected {
1138 background-color:#F0F0F0;
1139 }
1142 /* Pulldown menu */
1144 #pulldown {
1145 background:#FFF;
1146 height:23px;
1147 border:1px #CCC solid;
1148 background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#EEE));
1149 background: -moz-linear-gradient(top, #F8F8F8, #EEE);
1150 }
1152 #pulldown ul {
1153 display:block;
1154 margin:0;
1155 padding:0;
1156 line-height:1em;
1157 list-style:none;
1158 z-index:90;
1159 }
1161 #pulldown ul li {
1162 float:left;
1163 margin:0 3px 0 0;
1164 padding:0;
1165 font-size:12px;
1166 line-height:1 5em;
1167 list-style-type:none;
1168 }
1170 #pulldown ul li a {
1171 float:left;
1172 display:block;
1173 width:auto;
1174 font-weight:normal;
1175 background:transparent;
1176 text-decoration:none;
1177 margin:0;
1178 padding:5px;
1179 }
1181 #pulldown ul li a:hover {
1182 text-decoration:none;
1183 }
1185 #pulldown ul li.sep {
1186 color:#AAA;
1187 padding:.8em 0 .5em;
1188 }
1190 /* Commented Backslash Hack hides rule from IE5-Mac \*/
1191 #pulldown ul li a {
1192 float:none;
1193 }
1195 /* End IE5-Mac hack */
1196 #pulldown ul.level2,#pulldown ul.level3 {
1197 position:absolute;
1198 top:0;
1199 left:0;
1200 visibility:hidden;
1201 border:1px #CCC solid;
1202 background:#FFF;
1203 box-shadow: 2px 2px 0 rgba(0,0,0,0.2);
1204 -webkit-box-shadow: 2px 2px 1px rgba(0,0,0,0.2);
1205 -moz-box-shadow: 2px 2px 0px rgba(0,0,0,0.2);
1206 }
1208 #pulldown ul.level2 li,#pulldown ul.level3 li {
1209 border-bottom:1px solid #fff;
1210 float:none;
1211 margin:0;
1212 padding:0;
1213 width:200px;
1214 }
1216 #pulldown ul.level2 li a,#pulldown ul.level3 li a {
1217 padding:5px 9px 5px 5px;
1218 }
1220 #pulldown ul.level2 li a:hover,#pulldown ul.level3 li a:hover {
1221 font-weight:normal;
1222 background-color:#418DD4;
1223 background-image:none;
1224 }