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 /* Icon menu */
509 .icon-menu-item{
510 float:left;
511 padding-top:10px;
512 padding-bottom:10px;
513 min-height:70px;
514 min-width:150px;
515 cursor:pointer;
516 }
518 .icon-menu-item div.img{
519 float:left;
520 position:relative;
521 }
523 .icon-menu-item div.dsc{
524 margin-left:65px
525 }
527 .icon-menu-item:hover{
528 background-color: #E0E0E0;
529 }
531 .icon-menu-item h1{
532 font-size:12px;
533 font-weight:bold;
534 margin:0;
535 color:#333;
536 }
538 h3.icon-menu-title{
539 font-size:14px;
540 font-weight:bold;
541 margin-top:8px;
542 color:#333;
543 }
545 .icon-menu-item p{
546 margin:0;
547 color:#777;
548 }
551 /* Errors */
553 .error {
554 border-color:red ! important;
555 }
558 /* Date picker*/
560 div.datepicker {
561 position:absolute;
562 text-align:center;
563 border:1px #CCC solid;
564 font-family:arial;
565 background:#FFF;
566 font-size:10px;
567 padding:0;
568 box-shadow: 2px 2px 0 rgba(0,0,0,0.2);
569 -webkit-box-shadow: 2px 2px 1px rgba(0,0,0,0.2);
570 -moz-box-shadow: 2px 2px 0px rgba(0,0,0,0.2);
571 }
573 div.datepicker-calendar table {
574 font-size:10px;
575 border:1px solid #FFF;
576 margin:0;
577 padding:0;
578 text-align:center;
579 }
581 div.datepicker div.datepicker-header {
582 font-size:11px;
583 font-weight:bold;
584 background:#F0F0F0;
585 border-bottom:1px solid #CCC;
586 padding:2px;
587 text-align:center;
588 }
590 div.datepicker table.header {
591 width:175px;
592 border:0;
593 padding:0;
594 text-align:center;
595 }
597 td.prev,td.prev_year,td.next,td.next_year {
598 width:8%;
599 cursor:pointer;
600 font-weight:bold;
601 line-height:16px;
602 }
604 td.prev:hover,td.prev_year:hover,td.next:hover,td.next_year:hover {
605 background-color:#DDD;
606 }
608 td.header {
609 text-align:center;
610 width:68%;
611 font-weight:bold;
612 line-height:16px;
613 }
615 div.datepicker-header {
616 height:16px;
617 }
619 div.datepicker-calendar table tbody tr {
620 border:1px solid #FFF;
621 margin:0;
622 padding:0;
623 }
625 div.datepicker-calendar table tbody tr td {
626 border:1px #EEE solid;
627 margin:0;
628 padding:0;
629 text-align:center;
630 height:16px;
631 line-height:16px;
632 width:21px;
633 cursor:pointer;
634 }
636 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 {
637 border:1px #CCE9FF solid;
638 background:#E9F5FF;
639 cursor:pointer;
640 }
642 div.datepicker-calendar table tbody tr td.wday {
643 border:1px #AAA solid;
644 background:#CCC;
645 cursor:text;
646 width:21px;
647 height:16px;
648 line-height:16px;
649 font-weight:bold;
650 }
652 div.datepicker-calendar table tbody tr td.outbound {
653 background:#F3F3F3;
654 }
656 div.datepicker-calendar table tbody tr td.today {
657 border:1px #CCE9FF solid;
658 background:#E9F5FF;
659 background-image:url(../../images/date_active.gif);
660 background-repeat:no-repeat;
661 position:top left;
662 width:21px;
663 height:16px;
664 line-height:16px;
665 }
667 div.datepicker-calendar table tbody tr td.today:hover {
668 border:1px #CCE9FF solid;
669 background:#E9F5FF;
670 background-image:url(../../images/date_active.gif);
671 background-repeat:no-repeat;
672 position:top left;
673 }
675 div.datepicker-calendar table tbody tr td.nclick,div.datepicker-calendar table tbody tr td.nclick_outbound {
676 cursor:default;
677 color:#aaa;
678 width:21px;
679 height:16px;
680 line-height:16px;
681 }
683 div.datepicker-calendar table tbody tr td.nclick_outbound {
684 background:#E8E4E4;
685 width:21px;
686 height:16px;
687 line-height:16px;
688 }
690 div.datepicker-calendar table tbody tr td.nclick:hover,div.datepicker-calendar table tbody tr td.nclick_outbound:hover {
691 border:1px #EAEAEA solid;
692 background:#FFF;
693 }
695 div.datepicker-calendar table tbody tr td.nclick_outbound:hover {
696 background:#E8E4E4;
697 }
699 div.datepicker div.datepicker-footer {
700 font-size:10px;
701 background:#F0F0F0;
702 border-top:1px solid #AAA;
703 cursor:pointer;
704 text-align:center;
705 padding:2px;
706 }
708 .date {
709 float:left;
710 }
712 .datepicker-opener-table {
713 border:1px solid transparent;
714 padding:0;
715 border-spacing:0;
716 margin:0 0 0 3px;
717 background:transparent url(../../images/datepicker.gif) no-repeat 0 0;
718 width:18px;
719 height:18px;
720 cursor:pointer;
721 }
723 .Opera .datepicker-opener-table {
724 float:right;
725 }
727 .IE7 .datepicker-opener-table {
728 position:relative;
729 top:0;
730 left:3px;
731 }
733 .datepicker-opener-table:hover {
734 background:transparent url(../../images/datepicker_ro.gif) no-repeat 0 0;
735 }
737 .datepicker-opener {
738 width:16px;
739 height:16px;
740 margin:0 0 0 3px;
741 cursor:pointer;
742 }
745 /* Lists */
747 div.listContainer {
748 width:100%;
749 border-top:1px solid #CCC;
750 border-bottom:1px solid #CCC;
751 border-left:1px solid #CCC;
752 border-right:1px solid #CCC;
753 border-top-left-radius:2px;
754 border-top-right-radius:2px;
755 -moz-border-radius-topleft:2px;
756 -moz-border-radius-topright:2px;
757 -webkit-border-top-left-radius:2px;
758 -webkit-border-top-right-radius:2px;
759 }
761 .fixedListHeader tr {
762 position:relative;
763 height:auto;
764 font-weight:bold;
765 }
767 .fixedListHeader a {
768 color:#444;
769 }
771 .listHeaderFormat {
772 margin:3px;
773 padding:1px;
774 white-space:nowrap;
775 }
777 .listHeaderFormat tr td {
778 padding:4px;
779 background-color:#F5F5F5;
780 color:#444;
781 background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#EEE));
782 background: -moz-linear-gradient(top, #F8F8F8, #EEE);
783 border-right:1px solid #CCC;
784 border-bottom:1px solid #CCC;
785 }
787 .listScrollContent {
788 height:100%;
789 overflow-x:hidden;
790 overflow-y:auto;
791 }
793 .listScrollContent tr {
794 height:auto;
795 white-space:nowrap;
796 }
798 .listScrollContent tr:nth-child(odd) {
799 background-color:#FFF;
800 }
802 .listScrollContent tr:nth-child(even) {
803 background-color:#F5F5F5;
804 }
806 .listScrollContent tr:last-child {
807 background-color:#FFF;
808 }
810 .listScrollContent tr td:last-child {
811 padding-right:20px;
812 }
814 .listBodyFormat tr td {
815 color:#000;
816 margin:3px;
817 padding:2px;
818 border-right:1px solid #CCC;
819 word-wrap:break-word;
820 white-space:normal;
821 max-width:500px;
822 }
824 div.nlistFooter {
825 background-color:#F5F5F5;
826 color:#444;
827 background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#EEE));
828 background: -moz-linear-gradient(top, #F8F8F8, #EEE);
829 border-left:1px solid #CCC;
830 border-right:1px solid #CCC;
831 border-bottom:1px solid #CCC;
832 border-bottom-left-radius:2px;
833 border-bottom-right-radius:2px;
834 -moz-border-radius-bottomleft:2px;
835 -moz-border-radius-bottomright:2px;
836 -webkit-border-bottom-left-radius:2px;
837 -webkit-border-bottom-right-radius:2px;
838 padding:0;
839 width:100%;
840 }
843 /* List header, Filter, misc. */
845 #filter {
846 position:absolute;
847 right:0;
848 width:250px;
849 }
851 #mainlist {
852 position:absolute;
853 right:265px;
854 left:0;
855 }
857 .mainlist-header {
858 background-color:#F8F8F8;
859 border:1px solid #CCC;
860 border-radius:2px;
861 -moz-border-radius:2px;
862 -webkit-border-radius:2px;
863 background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#EEE));
864 background: -moz-linear-gradient(top, #F8F8F8, #EEE);
865 margin-bottom:4px;
866 margin-right:-2px;
867 }
869 .mainlist-header p{
870 color:#444;
871 font-weight:bold;
872 font-size:14px;
873 margin:4px;
874 }
876 .mainlist-header div{
877 border-top:1px solid #CCC;
878 background-color:white;
879 }
881 ul.mainlist-header-nav {
882 list-style:none;
883 cursor:pointer;
884 padding:0;
885 margin:0;
886 color:#666;
887 }
889 ul.mainlist-header-nav li {
890 display:inline;
891 padding:5px;
892 padding-top:8px;
893 height:19px;
894 }
896 ul.mainlist-header-nav li:hover {
897 background-color: #E0E0E0;
898 background: -webkit-gradient(linear, 0 0, 0 100%, from(#EEE), to(#E0E0E0));
899 background: -moz-linear-gradient(top, #EEE, #E0E0E0);
900 }
903 /* Sortable Lists */
905 div.sortableListContainer {
906 border:1px solid #AAA;
907 overflow:auto;
908 margin-bottom:2px;
909 }
911 .sortableListContainer th {
912 background-color:#D8D8D8;
913 padding:3px;
914 text-align:left;
915 border-left:1px solid #AAA;
916 }
918 .sortableListContainer td {
919 padding:3px;
920 text-align:left;
921 border-left:1px solid #AAA;
922 }
924 tr.sortableListItem {
925 background-color:#FFF;
926 cursor:move;
927 color:#000;
928 }
930 tr.sortableListItemFill {
931 background-color:#FFF;
932 cursor:default;
933 }
935 tr.sortableListItemOdd ::-moz-selection,tr.sortableListItem ::-moz-selection {
936 background:transparent;
937 }
939 tr.sortableListItemOdd ::selection,tr.sortableListItem ::selection {
940 background:transparent;
941 }
943 tr.sortableListItemOdd code::-moz-selection,tr.sortableListItem code::-moz-selection {
944 background:transparent;
945 }
947 tr.sortableListItemOdd code::selection,tr.sortableListItem code::selection {
948 background:transparent;
949 }
951 tr.sortableListItemOdd {
952 background-color:#F5F5F5;
953 cursor:move;
954 color:#000;
955 }
957 tr.sortableListItem:hover,tr.sortableListItemOdd:hover {
958 background-color:#EEE;
959 }
961 tr.sortableListItemDisabled {
962 cursor:default;
963 color:#CCC;
964 }
966 table.sortableListTable {
967 border:0;
968 }
970 tr.sortableListItemMarked {
971 background-color:#FFD;
972 }
975 /* Tree List */
977 ul.treeList,ul.treeList ul {
978 list-style-type:none;
979 background:url(../../images/lists/vline.png) repeat-y;
980 margin:0;
981 padding:0;
982 }
984 ul.treeList ul {
985 margin-left:10px;
986 }
988 ul.treeList a:hover {
989 background-color:#DDD;
990 }
992 a.treeList {
993 padding:2px;
994 cursor:pointer;
995 }
997 a.treeListSelected {
998 font-weight:bold;
999 color:#1010AF;
1000 background-color:#DDD;
1001 padding:2px;
1002 cursor:pointer;
1003 }
1005 a.treeList:hover,a.treeListSelected:hover {
1006 background-color:#DDD;
1007 padding:2px;
1008 }
1010 ul.treeList a {
1011 padding:2px;
1012 cursor:pointer;
1013 }
1015 ul.treeList li {
1016 margin:0;
1017 padding:0 12px;
1018 line-height:20px;
1019 background:url(../../images/lists/node.png) no-repeat;
1020 }
1022 li.treeListSelected a {
1023 font-weight:bold;
1024 color:#1010AF;
1025 padding:2px;
1026 }
1028 ul.treeList li.last {
1029 background:#fff url(../../images/lists/lastnode.png) no-repeat;
1030 }
1032 ul.treeList li:last-child {
1033 background:#fff url(../../images/lists/lastnode.png) no-repeat;
1034 }
1036 div.treeList {
1037 background-color:#FFF;
1038 border:1px solid #AAA;
1039 padding:5px;
1040 position:absolute;
1041 z-index:500;
1042 overflow-y:auto;
1043 float:left;
1044 }
1046 span.informal {
1047 color:#444;
1048 font-style:italic;
1049 }
1052 /* Max height for IE */
1054 * html div.treeList {
1055 height: expression( this.scrollHeight > 500 ? "500px" : "auto" );
1056 }
1058 span.mark {
1059 color:#B22;
1060 }
1063 /* Message dialog */
1065 div.errorMsgTitle {
1066 width:100%;
1067 font-size:1.4em;
1068 padding-bottom:.3em;
1069 padding-top:.3em;
1070 font-weight:bold;
1071 background-color:#F0F0F0;
1072 }
1074 div.errorMsgDialog {
1075 width:60%;
1076 background-color:#FFF;
1077 border:4px solid red;
1078 z-index:150;
1079 display:none;
1080 position:absolute;
1081 }
1083 div.infoMsgDialog {
1084 width:60%;
1085 background-color:#FFF;
1086 border:2px solid #000;
1087 z-index:150;
1088 display:none;
1089 position:absolute;
1090 }
1093 /* Autocompleter */
1095 div.autocomplete {
1096 position:absolute;
1097 background-color:#FFF;
1098 border:1px solid #AAA;
1099 margin:0;
1100 padding:0;
1101 z-index:600;
1102 overflow:hidden;
1103 word-wrap:break-word;
1104 }
1106 div.autocomplete ul {
1107 list-style-type:none;
1108 margin:0;
1109 padding:0;
1110 }
1112 div.autocomplete ul li {
1113 list-style-type:none;
1114 display:block;
1115 margin:0;
1116 padding:2px;
1117 padding-left:4px;
1118 cursor:pointer;
1119 }
1121 div.autocomplete li:hover {
1122 background-color:#F0F0F0;
1123 }
1125 div.autocomplete ul li.selected {
1126 background-color:#F0F0F0;
1127 }
1130 /* Pulldown menu */
1132 #pulldown {
1133 background:#FFF;
1134 height:23px;
1135 border:1px #CCC solid;
1136 background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#EEE));
1137 background: -moz-linear-gradient(top, #F8F8F8, #EEE);
1138 }
1140 #pulldown ul {
1141 display:block;
1142 margin:0;
1143 padding:0;
1144 line-height:1em;
1145 list-style:none;
1146 z-index:90;
1147 }
1149 #pulldown ul li {
1150 float:left;
1151 margin:0 3px 0 0;
1152 padding:0;
1153 font-size:12px;
1154 line-height:1 5em;
1155 list-style-type:none;
1156 }
1158 #pulldown ul li a {
1159 float:left;
1160 display:block;
1161 width:auto;
1162 font-weight:normal;
1163 background:transparent;
1164 text-decoration:none;
1165 margin:0;
1166 padding:5px;
1167 }
1169 #pulldown ul li a:hover {
1170 text-decoration:none;
1171 }
1173 #pulldown ul li.sep {
1174 color:#AAA;
1175 padding:.8em 0 .5em;
1176 }
1178 /* Commented Backslash Hack hides rule from IE5-Mac \*/
1179 #pulldown ul li a {
1180 float:none;
1181 }
1183 /* End IE5-Mac hack */
1184 #pulldown ul.level2,#pulldown ul.level3 {
1185 position:absolute;
1186 top:0;
1187 left:0;
1188 visibility:hidden;
1189 border:1px #CCC solid;
1190 background:#FFF;
1191 box-shadow: 2px 2px 0 rgba(0,0,0,0.2);
1192 -webkit-box-shadow: 2px 2px 1px rgba(0,0,0,0.2);
1193 -moz-box-shadow: 2px 2px 0px rgba(0,0,0,0.2);
1194 }
1196 #pulldown ul.level2 li,#pulldown ul.level3 li {
1197 border-bottom:1px solid #fff;
1198 float:none;
1199 margin:0;
1200 padding:0;
1201 width:200px;
1202 }
1204 #pulldown ul.level2 li a,#pulldown ul.level3 li a {
1205 padding:5px 9px 5px 5px;
1206 }
1208 #pulldown ul.level2 li a:hover,#pulldown ul.level3 li a:hover {
1209 font-weight:normal;
1210 background-color:#418DD4;
1211 background-image:none;
1212 }