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-top:10px;
526 padding-bottom:10px;
527 min-height:70px;
528 min-width:150px;
529 cursor:pointer;
530 }
532 .icon-menu-item div.img{
533 float:left;
534 position:relative;
535 }
537 .icon-menu-item div.dsc{
538 margin-left:65px
539 }
541 .icon-menu-item:hover{
542 background-color: #E0E0E0;
543 }
545 .icon-menu-item h1{
546 font-size:12px;
547 font-weight:bold;
548 margin:0;
549 color:#333;
550 }
552 h3.icon-menu-title{
553 font-size:14px;
554 font-weight:bold;
555 margin-top:8px;
556 color:#333;
557 }
559 .icon-menu-item p{
560 margin:0;
561 color:#777;
562 }
565 /* Errors */
567 .error {
568 border-color:red ! important;
569 }
572 /* Date picker*/
574 div.datepicker {
575 position:absolute;
576 text-align:center;
577 border:1px #CCC solid;
578 font-family:arial;
579 background:#FFF;
580 font-size:10px;
581 padding:0;
582 box-shadow: 2px 2px 0 rgba(0,0,0,0.2);
583 -webkit-box-shadow: 2px 2px 1px rgba(0,0,0,0.2);
584 -moz-box-shadow: 2px 2px 0px rgba(0,0,0,0.2);
585 }
587 div.datepicker-calendar table {
588 font-size:10px;
589 border:1px solid #FFF;
590 margin:0;
591 padding:0;
592 text-align:center;
593 }
595 div.datepicker div.datepicker-header {
596 font-size:11px;
597 font-weight:bold;
598 background:#F0F0F0;
599 border-bottom:1px solid #CCC;
600 padding:2px;
601 text-align:center;
602 }
604 div.datepicker table.header {
605 width:175px;
606 border:0;
607 padding:0;
608 text-align:center;
609 }
611 td.prev,td.prev_year,td.next,td.next_year {
612 width:8%;
613 cursor:pointer;
614 font-weight:bold;
615 line-height:16px;
616 }
618 td.prev:hover,td.prev_year:hover,td.next:hover,td.next_year:hover {
619 background-color:#DDD;
620 }
622 td.header {
623 text-align:center;
624 width:68%;
625 font-weight:bold;
626 line-height:16px;
627 }
629 div.datepicker-header {
630 height:16px;
631 }
633 div.datepicker-calendar table tbody tr {
634 border:1px solid #FFF;
635 margin:0;
636 padding:0;
637 }
639 div.datepicker-calendar table tbody tr td {
640 border:1px #EEE solid;
641 margin:0;
642 padding:0;
643 text-align:center;
644 height:16px;
645 line-height:16px;
646 width:21px;
647 cursor:pointer;
648 }
650 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 {
651 border:1px #CCE9FF solid;
652 background:#E9F5FF;
653 cursor:pointer;
654 }
656 div.datepicker-calendar table tbody tr td.wday {
657 border:1px #AAA solid;
658 background:#CCC;
659 cursor:text;
660 width:21px;
661 height:16px;
662 line-height:16px;
663 font-weight:bold;
664 }
666 div.datepicker-calendar table tbody tr td.outbound {
667 background:#F3F3F3;
668 }
670 div.datepicker-calendar table tbody tr td.today {
671 border:1px #CCE9FF solid;
672 background:#E9F5FF;
673 background-image:url(../../images/date_active.gif);
674 background-repeat:no-repeat;
675 position:top left;
676 width:21px;
677 height:16px;
678 line-height:16px;
679 }
681 div.datepicker-calendar table tbody tr td.today:hover {
682 border:1px #CCE9FF solid;
683 background:#E9F5FF;
684 background-image:url(../../images/date_active.gif);
685 background-repeat:no-repeat;
686 position:top left;
687 }
689 div.datepicker-calendar table tbody tr td.nclick,div.datepicker-calendar table tbody tr td.nclick_outbound {
690 cursor:default;
691 color:#aaa;
692 width:21px;
693 height:16px;
694 line-height:16px;
695 }
697 div.datepicker-calendar table tbody tr td.nclick_outbound {
698 background:#E8E4E4;
699 width:21px;
700 height:16px;
701 line-height:16px;
702 }
704 div.datepicker-calendar table tbody tr td.nclick:hover,div.datepicker-calendar table tbody tr td.nclick_outbound:hover {
705 border:1px #EAEAEA solid;
706 background:#FFF;
707 }
709 div.datepicker-calendar table tbody tr td.nclick_outbound:hover {
710 background:#E8E4E4;
711 }
713 div.datepicker div.datepicker-footer {
714 font-size:10px;
715 background:#F0F0F0;
716 border-top:1px solid #AAA;
717 cursor:pointer;
718 text-align:center;
719 padding:2px;
720 }
722 .date {
723 float:left;
724 }
726 .datepicker-opener-table {
727 border:1px solid transparent;
728 padding:0;
729 border-spacing:0;
730 margin:0 0 0 3px;
731 background:transparent url(../../images/datepicker.gif) no-repeat 0 0;
732 width:18px;
733 height:18px;
734 cursor:pointer;
735 }
737 .Opera .datepicker-opener-table {
738 float:right;
739 }
741 .IE7 .datepicker-opener-table {
742 position:relative;
743 top:0;
744 left:3px;
745 }
747 .datepicker-opener-table:hover {
748 background:transparent url(../../images/datepicker_ro.gif) no-repeat 0 0;
749 }
751 .datepicker-opener {
752 width:16px;
753 height:16px;
754 margin:0 0 0 3px;
755 cursor:pointer;
756 }
759 /* Lists */
761 div.listContainer {
762 width:100%;
763 border-top:1px solid #CCC;
764 border-bottom:1px solid #CCC;
765 border-left:1px solid #CCC;
766 border-right:1px solid #CCC;
767 border-top-left-radius:2px;
768 border-top-right-radius:2px;
769 -moz-border-radius-topleft:2px;
770 -moz-border-radius-topright:2px;
771 -webkit-border-top-left-radius:2px;
772 -webkit-border-top-right-radius:2px;
773 }
775 .fixedListHeader tr {
776 position:relative;
777 height:auto;
778 font-weight:bold;
779 }
781 .fixedListHeader a {
782 color:#444;
783 }
785 .listHeaderFormat {
786 margin:3px;
787 padding:1px;
788 white-space:nowrap;
789 }
791 .listHeaderFormat tr td {
792 padding:4px;
793 background-color:#F5F5F5;
794 color:#444;
795 background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#EEE));
796 background: -moz-linear-gradient(top, #F8F8F8, #EEE);
797 border-right:1px solid #CCC;
798 border-bottom:1px solid #CCC;
799 }
801 .listScrollContent {
802 height:100%;
803 overflow-x:hidden;
804 overflow-y:auto;
805 }
807 .listScrollContent tr {
808 height:auto;
809 white-space:nowrap;
810 }
812 .listScrollContent tr:nth-child(odd) {
813 background-color:#FFF;
814 }
816 .listScrollContent tr:nth-child(even) {
817 background-color:#F5F5F5;
818 }
820 .listScrollContent tr:last-child {
821 background-color:#FFF;
822 }
824 .listScrollContent tr td:last-child {
825 padding-right:20px;
826 }
828 .listBodyFormat tr td {
829 color:#000;
830 margin:3px;
831 padding:2px;
832 border-right:1px solid #CCC;
833 word-wrap:break-word;
834 white-space:normal;
835 max-width:500px;
836 }
838 div.nlistFooter {
839 background-color:#F5F5F5;
840 color:#444;
841 background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#EEE));
842 background: -moz-linear-gradient(top, #F8F8F8, #EEE);
843 border-left:1px solid #CCC;
844 border-right:1px solid #CCC;
845 border-bottom:1px solid #CCC;
846 border-bottom-left-radius:2px;
847 border-bottom-right-radius:2px;
848 -moz-border-radius-bottomleft:2px;
849 -moz-border-radius-bottomright:2px;
850 -webkit-border-bottom-left-radius:2px;
851 -webkit-border-bottom-right-radius:2px;
852 padding:0;
853 width:100%;
854 }
857 /* List header, Filter, misc. */
859 #filter {
860 position:absolute;
861 right:0;
862 width:250px;
863 }
865 #mainlist {
866 position:absolute;
867 right:265px;
868 left:0;
869 }
871 .mainlist-header {
872 background-color:#F8F8F8;
873 border:1px solid #CCC;
874 border-radius:2px;
875 -moz-border-radius:2px;
876 -webkit-border-radius:2px;
877 background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#EEE));
878 background: -moz-linear-gradient(top, #F8F8F8, #EEE);
879 margin-bottom:4px;
880 margin-right:-2px;
881 }
883 .mainlist-header p{
884 color:#444;
885 font-weight:bold;
886 font-size:14px;
887 margin:4px;
888 }
890 .mainlist-header div{
891 border-top:1px solid #CCC;
892 background-color:white;
893 }
895 ul.mainlist-header-nav {
896 list-style:none;
897 cursor:pointer;
898 padding:0;
899 margin:0;
900 color:#666;
901 }
903 ul.mainlist-header-nav li {
904 display:inline;
905 padding:5px;
906 padding-top:8px;
907 height:19px;
908 }
910 ul.mainlist-header-nav li:hover {
911 background-color: #E0E0E0;
912 background: -webkit-gradient(linear, 0 0, 0 100%, from(#EEE), to(#E0E0E0));
913 background: -moz-linear-gradient(top, #EEE, #E0E0E0);
914 }
917 /* Sortable Lists */
919 div.sortableListContainer {
920 border:1px solid #AAA;
921 overflow:auto;
922 margin-bottom:2px;
923 }
925 .sortableListContainer th {
926 background-color:#D8D8D8;
927 padding:3px;
928 text-align:left;
929 border-left:1px solid #AAA;
930 }
932 .sortableListContainer td {
933 padding:3px;
934 text-align:left;
935 border-left:1px solid #AAA;
936 }
938 tr.sortableListItem {
939 background-color:#FFF;
940 cursor:move;
941 color:#000;
942 }
944 tr.sortableListItemFill {
945 background-color:#FFF;
946 cursor:default;
947 }
949 tr.sortableListItemOdd ::-moz-selection,tr.sortableListItem ::-moz-selection {
950 background:transparent;
951 }
953 tr.sortableListItemOdd ::selection,tr.sortableListItem ::selection {
954 background:transparent;
955 }
957 tr.sortableListItemOdd code::-moz-selection,tr.sortableListItem code::-moz-selection {
958 background:transparent;
959 }
961 tr.sortableListItemOdd code::selection,tr.sortableListItem code::selection {
962 background:transparent;
963 }
965 tr.sortableListItemOdd {
966 background-color:#F5F5F5;
967 cursor:move;
968 color:#000;
969 }
971 tr.sortableListItem:hover,tr.sortableListItemOdd:hover {
972 background-color:#EEE;
973 }
975 tr.sortableListItemDisabled {
976 cursor:default;
977 color:#CCC;
978 }
980 table.sortableListTable {
981 border:0;
982 }
984 tr.sortableListItemMarked {
985 background-color:#FFD;
986 }
989 /* Tree List */
991 ul.treeList,ul.treeList ul {
992 list-style-type:none;
993 background:url(../../images/lists/vline.png) repeat-y;
994 margin:0;
995 padding:0;
996 }
998 ul.treeList ul {
999 margin-left:10px;
1000 }
1002 ul.treeList a:hover {
1003 background-color:#DDD;
1004 }
1006 a.treeList {
1007 padding:2px;
1008 cursor:pointer;
1009 }
1011 a.treeListSelected {
1012 font-weight:bold;
1013 color:#1010AF;
1014 background-color:#DDD;
1015 padding:2px;
1016 cursor:pointer;
1017 }
1019 a.treeList:hover,a.treeListSelected:hover {
1020 background-color:#DDD;
1021 padding:2px;
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 }