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-container {
510 padding:0;
511 }
513 .icon-menu-item{
514 float:left;
515 background-repeat:no-repeat;
516 padding:0 10px 10px 56px;
517 min-height:70px;
518 min-width:150px;
519 cursor:pointer;
520 }
522 .icon-menu-item:hover{
523 background-color: #E0E0E0;
524 }
526 .icon-menu-item h1{
527 font-size:12px;
528 font-weight:bold;
529 margin:0;
530 color:#333;
531 }
533 h3.icon-menu-title{
534 font-size:14px;
535 font-weight:bold;
536 margin-top:8px;
537 color:#333;
538 }
540 .icon-menu-item p{
541 margin:0;
542 color:#777;
543 }
546 /* Errors */
548 .error {
549 border-color:red ! important;
550 }
553 /* Date picker*/
555 div.datepicker {
556 position:absolute;
557 text-align:center;
558 border:1px #CCC solid;
559 font-family:arial;
560 background:#FFF;
561 font-size:10px;
562 padding:0;
563 box-shadow: 2px 2px 0 rgba(0,0,0,0.2);
564 -webkit-box-shadow: 2px 2px 1px rgba(0,0,0,0.2);
565 -moz-box-shadow: 2px 2px 0px rgba(0,0,0,0.2);
566 }
568 div.datepicker-calendar table {
569 font-size:10px;
570 border:1px solid #FFF;
571 margin:0;
572 padding:0;
573 text-align:center;
574 }
576 div.datepicker div.datepicker-header {
577 font-size:11px;
578 font-weight:bold;
579 background:#F0F0F0;
580 border-bottom:1px solid #CCC;
581 padding:2px;
582 text-align:center;
583 }
585 div.datepicker table.header {
586 width:175px;
587 border:0;
588 padding:0;
589 text-align:center;
590 }
592 td.prev,td.prev_year,td.next,td.next_year {
593 width:8%;
594 cursor:pointer;
595 font-weight:bold;
596 line-height:16px;
597 }
599 td.prev:hover,td.prev_year:hover,td.next:hover,td.next_year:hover {
600 background-color:#DDD;
601 }
603 td.header {
604 text-align:center;
605 width:68%;
606 font-weight:bold;
607 line-height:16px;
608 }
610 div.datepicker-header {
611 height:16px;
612 }
614 div.datepicker-calendar table tbody tr {
615 border:1px solid #FFF;
616 margin:0;
617 padding:0;
618 }
620 div.datepicker-calendar table tbody tr td {
621 border:1px #EEE solid;
622 margin:0;
623 padding:0;
624 text-align:center;
625 height:16px;
626 line-height:16px;
627 width:21px;
628 cursor:pointer;
629 }
631 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 {
632 border:1px #CCE9FF solid;
633 background:#E9F5FF;
634 cursor:pointer;
635 }
637 div.datepicker-calendar table tbody tr td.wday {
638 border:1px #AAA solid;
639 background:#CCC;
640 cursor:text;
641 width:21px;
642 height:16px;
643 line-height:16px;
644 font-weight:bold;
645 }
647 div.datepicker-calendar table tbody tr td.outbound {
648 background:#F3F3F3;
649 }
651 div.datepicker-calendar table tbody tr td.today {
652 border:1px #CCE9FF solid;
653 background:#E9F5FF;
654 background-image:url(../../images/date_active.gif);
655 background-repeat:no-repeat;
656 position:top left;
657 width:21px;
658 height:16px;
659 line-height:16px;
660 }
662 div.datepicker-calendar table tbody tr td.today:hover {
663 border:1px #CCE9FF solid;
664 background:#E9F5FF;
665 background-image:url(../../images/date_active.gif);
666 background-repeat:no-repeat;
667 position:top left;
668 }
670 div.datepicker-calendar table tbody tr td.nclick,div.datepicker-calendar table tbody tr td.nclick_outbound {
671 cursor:default;
672 color:#aaa;
673 width:21px;
674 height:16px;
675 line-height:16px;
676 }
678 div.datepicker-calendar table tbody tr td.nclick_outbound {
679 background:#E8E4E4;
680 width:21px;
681 height:16px;
682 line-height:16px;
683 }
685 div.datepicker-calendar table tbody tr td.nclick:hover,div.datepicker-calendar table tbody tr td.nclick_outbound:hover {
686 border:1px #EAEAEA solid;
687 background:#FFF;
688 }
690 div.datepicker-calendar table tbody tr td.nclick_outbound:hover {
691 background:#E8E4E4;
692 }
694 div.datepicker div.datepicker-footer {
695 font-size:10px;
696 background:#F0F0F0;
697 border-top:1px solid #AAA;
698 cursor:pointer;
699 text-align:center;
700 padding:2px;
701 }
703 .date {
704 float:left;
705 }
707 .datepicker-opener-table {
708 border:1px solid transparent;
709 padding:0;
710 border-spacing:0;
711 margin:0 0 0 3px;
712 background:transparent url(../../images/datepicker.gif) no-repeat 0 0;
713 width:18px;
714 height:18px;
715 cursor:pointer;
716 }
718 .Opera .datepicker-opener-table {
719 float:right;
720 }
722 .IE7 .datepicker-opener-table {
723 position:relative;
724 top:0;
725 left:3px;
726 }
728 .datepicker-opener-table:hover {
729 background:transparent url(../../images/datepicker_ro.gif) no-repeat 0 0;
730 }
732 .datepicker-opener {
733 width:16px;
734 height:16px;
735 margin:0 0 0 3px;
736 cursor:pointer;
737 }
740 /* Lists */
742 div.listContainer {
743 width:100%;
744 border-top:1px solid #CCC;
745 border-bottom:1px solid #CCC;
746 border-left:1px solid #CCC;
747 border-right:1px solid #CCC;
748 border-top-left-radius:2px;
749 border-top-right-radius:2px;
750 -moz-border-radius-topleft:2px;
751 -moz-border-radius-topright:2px;
752 -webkit-border-top-left-radius:2px;
753 -webkit-border-top-right-radius:2px;
754 }
756 .fixedListHeader tr {
757 position:relative;
758 height:auto;
759 font-weight:bold;
760 }
762 .fixedListHeader a {
763 color:#444;
764 }
766 .listHeaderFormat {
767 margin:3px;
768 padding:1px;
769 white-space:nowrap;
770 }
772 .listHeaderFormat tr td {
773 padding:4px;
774 background-color:#F5F5F5;
775 color:#444;
776 background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#EEE));
777 background: -moz-linear-gradient(top, #F8F8F8, #EEE);
778 border-right:1px solid #CCC;
779 border-bottom:1px solid #CCC;
780 }
782 .listScrollContent {
783 height:100%;
784 overflow-x:hidden;
785 overflow-y:auto;
786 }
788 .listScrollContent tr {
789 height:auto;
790 white-space:nowrap;
791 }
793 .listScrollContent tr:nth-child(odd) {
794 background-color:#FFF;
795 }
797 .listScrollContent tr:nth-child(even) {
798 background-color:#F5F5F5;
799 }
801 .listScrollContent tr:last-child {
802 background-color:#FFF;
803 }
805 .listScrollContent tr td:last-child {
806 padding-right:20px;
807 }
809 .listBodyFormat tr td {
810 color:#000;
811 margin:3px;
812 padding:2px;
813 border-right:1px solid #CCC;
814 word-wrap:break-word;
815 white-space:normal;
816 max-width:500px;
817 }
819 div.nlistFooter {
820 background-color:#F5F5F5;
821 color:#444;
822 background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#EEE));
823 background: -moz-linear-gradient(top, #F8F8F8, #EEE);
824 border-left:1px solid #CCC;
825 border-right:1px solid #CCC;
826 border-bottom:1px solid #CCC;
827 border-bottom-left-radius:2px;
828 border-bottom-right-radius:2px;
829 -moz-border-radius-bottomleft:2px;
830 -moz-border-radius-bottomright:2px;
831 -webkit-border-bottom-left-radius:2px;
832 -webkit-border-bottom-right-radius:2px;
833 padding:0;
834 width:100%;
835 }
838 /* List header, Filter, misc. */
840 #filter {
841 position:absolute;
842 right:0;
843 width:250px;
844 }
846 #mainlist {
847 position:absolute;
848 right:265px;
849 left:0;
850 }
852 .mainlist-header {
853 background-color:#F8F8F8;
854 border:1px solid #CCC;
855 border-radius:2px;
856 -moz-border-radius:2px;
857 -webkit-border-radius:2px;
858 background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#EEE));
859 background: -moz-linear-gradient(top, #F8F8F8, #EEE);
860 margin-bottom:4px;
861 margin-right:-2px;
862 }
864 .mainlist-header p{
865 color:#444;
866 font-weight:bold;
867 font-size:14px;
868 margin:4px;
869 }
871 .mainlist-header div{
872 border-top:1px solid #CCC;
873 background-color:white;
874 }
876 ul.mainlist-header-nav {
877 list-style:none;
878 cursor:pointer;
879 padding:0;
880 margin:0;
881 color:#666;
882 }
884 ul.mainlist-header-nav li {
885 display:inline;
886 padding:5px;
887 padding-top:8px;
888 height:19px;
889 }
891 ul.mainlist-header-nav li:hover {
892 background-color: #E0E0E0;
893 background: -webkit-gradient(linear, 0 0, 0 100%, from(#EEE), to(#E0E0E0));
894 background: -moz-linear-gradient(top, #EEE, #E0E0E0);
895 }
898 /* Sortable Lists */
900 div.sortableListContainer {
901 border:1px solid #AAA;
902 overflow:auto;
903 margin-bottom:2px;
904 }
906 .sortableListContainer th {
907 background-color:#D8D8D8;
908 padding:3px;
909 text-align:left;
910 border-left:1px solid #AAA;
911 }
913 .sortableListContainer td {
914 padding:3px;
915 text-align:left;
916 border-left:1px solid #AAA;
917 }
919 tr.sortableListItem {
920 background-color:#FFF;
921 cursor:move;
922 color:#000;
923 }
925 tr.sortableListItemFill {
926 background-color:#FFF;
927 cursor:default;
928 }
930 tr.sortableListItemOdd ::-moz-selection,tr.sortableListItem ::-moz-selection {
931 background:transparent;
932 }
934 tr.sortableListItemOdd ::selection,tr.sortableListItem ::selection {
935 background:transparent;
936 }
938 tr.sortableListItemOdd code::-moz-selection,tr.sortableListItem code::-moz-selection {
939 background:transparent;
940 }
942 tr.sortableListItemOdd code::selection,tr.sortableListItem code::selection {
943 background:transparent;
944 }
946 tr.sortableListItemOdd {
947 background-color:#F5F5F5;
948 cursor:move;
949 color:#000;
950 }
952 tr.sortableListItem:hover,tr.sortableListItemOdd:hover {
953 background-color:#EEE;
954 }
956 tr.sortableListItemDisabled {
957 cursor:default;
958 color:#CCC;
959 }
961 table.sortableListTable {
962 border:0;
963 }
965 tr.sortableListItemMarked {
966 background-color:#FFD;
967 }
970 /* Tree List */
972 ul.treeList,ul.treeList ul {
973 list-style-type:none;
974 background:url(../../images/lists/vline.png) repeat-y;
975 margin:0;
976 padding:0;
977 }
979 ul.treeList ul {
980 margin-left:10px;
981 }
983 ul.treeList a:hover {
984 background-color:#DDD;
985 }
987 a.treeList {
988 padding:2px;
989 cursor:pointer;
990 }
992 a.treeListSelected {
993 font-weight:bold;
994 color:#1010AF;
995 background-color:#DDD;
996 padding:2px;
997 cursor:pointer;
998 }
1000 a.treeList:hover,a.treeListSelected:hover {
1001 background-color:#DDD;
1002 padding:2px;
1003 }
1005 ul.treeList a {
1006 padding:2px;
1007 cursor:pointer;
1008 }
1010 ul.treeList li {
1011 margin:0;
1012 padding:0 12px;
1013 line-height:20px;
1014 background:url(../../images/lists/node.png) no-repeat;
1015 }
1017 li.treeListSelected a {
1018 font-weight:bold;
1019 color:#1010AF;
1020 padding:2px;
1021 }
1023 ul.treeList li.last {
1024 background:#fff url(../../images/lists/lastnode.png) no-repeat;
1025 }
1027 ul.treeList li:last-child {
1028 background:#fff url(../../images/lists/lastnode.png) no-repeat;
1029 }
1031 div.treeList {
1032 background-color:#FFF;
1033 border:1px solid #AAA;
1034 padding:5px;
1035 position:absolute;
1036 z-index:500;
1037 overflow-y:auto;
1038 float:left;
1039 }
1041 span.informal {
1042 color:#444;
1043 font-style:italic;
1044 }
1047 /* Max height for IE */
1049 * html div.treeList {
1050 height: expression( this.scrollHeight > 500 ? "500px" : "auto" );
1051 }
1053 span.mark {
1054 color:#B22;
1055 }
1058 /* Message dialog */
1060 div.errorMsgTitle {
1061 width:100%;
1062 font-size:1.4em;
1063 padding-bottom:.3em;
1064 padding-top:.3em;
1065 font-weight:bold;
1066 background-color:#F0F0F0;
1067 }
1069 div.errorMsgDialog {
1070 width:60%;
1071 background-color:#FFF;
1072 border:4px solid red;
1073 z-index:150;
1074 display:none;
1075 position:absolute;
1076 }
1078 div.infoMsgDialog {
1079 width:60%;
1080 background-color:#FFF;
1081 border:2px solid #000;
1082 z-index:150;
1083 display:none;
1084 position:absolute;
1085 }
1088 /* Autocompleter */
1090 div.autocomplete {
1091 position:absolute;
1092 background-color:#FFF;
1093 border:1px solid #AAA;
1094 margin:0;
1095 padding:0;
1096 z-index:600;
1097 overflow:hidden;
1098 word-wrap:break-word;
1099 }
1101 div.autocomplete ul {
1102 list-style-type:none;
1103 margin:0;
1104 padding:0;
1105 }
1107 div.autocomplete ul li {
1108 list-style-type:none;
1109 display:block;
1110 margin:0;
1111 padding:2px;
1112 padding-left:4px;
1113 cursor:pointer;
1114 }
1116 div.autocomplete li:hover {
1117 background-color:#F0F0F0;
1118 }
1120 div.autocomplete ul li.selected {
1121 background-color:#F0F0F0;
1122 }
1125 /* Pulldown menu */
1127 #pulldown {
1128 background:#FFF;
1129 height:23px;
1130 border:1px #CCC solid;
1131 background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#EEE));
1132 background: -moz-linear-gradient(top, #F8F8F8, #EEE);
1133 }
1135 #pulldown ul {
1136 display:block;
1137 margin:0;
1138 padding:0;
1139 line-height:1em;
1140 list-style:none;
1141 z-index:90;
1142 }
1144 #pulldown ul li {
1145 float:left;
1146 margin:0 3px 0 0;
1147 padding:0;
1148 font-size:12px;
1149 line-height:1 5em;
1150 list-style-type:none;
1151 }
1153 #pulldown ul li a {
1154 float:left;
1155 display:block;
1156 width:auto;
1157 font-weight:normal;
1158 background:transparent;
1159 text-decoration:none;
1160 margin:0;
1161 padding:5px;
1162 }
1164 #pulldown ul li a:hover {
1165 text-decoration:none;
1166 }
1168 #pulldown ul li.sep {
1169 color:#AAA;
1170 padding:.8em 0 .5em;
1171 }
1173 /* Commented Backslash Hack hides rule from IE5-Mac \*/
1174 #pulldown ul li a {
1175 float:none;
1176 }
1178 /* End IE5-Mac hack */
1179 #pulldown ul.level2,#pulldown ul.level3 {
1180 position:absolute;
1181 top:0;
1182 left:0;
1183 visibility:hidden;
1184 border:1px #CCC solid;
1185 background:#FFF;
1186 box-shadow: 2px 2px 0 rgba(0,0,0,0.2);
1187 -webkit-box-shadow: 2px 2px 1px rgba(0,0,0,0.2);
1188 -moz-box-shadow: 2px 2px 0px rgba(0,0,0,0.2);
1189 }
1191 #pulldown ul.level2 li,#pulldown ul.level3 li {
1192 border-bottom:1px solid #fff;
1193 float:none;
1194 margin:0;
1195 padding:0;
1196 width:200px;
1197 }
1199 #pulldown ul.level2 li a,#pulldown ul.level3 li a {
1200 padding:5px 9px 5px 5px;
1201 }
1203 #pulldown ul.level2 li a:hover,#pulldown ul.level3 li a:hover {
1204 font-weight:normal;
1205 background-color:#418DD4;
1206 background-image:none;
1207 }