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 }
11 .left{
12 float:left;
13 }
15 .right{
16 float:right;
17 }
19 .v-spacer{
20 height:8px;
21 }
23 hr {
24 border:0;
25 border-bottom:1px solid #CCC;
26 }
28 a:link {
29 text-decoration:none;
30 color:#000;
31 }
33 a:visited {
34 text-decoration:none;
35 color:#000;
36 }
38 input[type=checkbox]{
39 border:1px solid #CCC;
40 }
42 input[type=text]{
43 border:1px solid #CCC;
44 padding:3px;
45 }
47 input[type=text]:active, input[type=text]:focus{
48 border:1px solid #777;
49 }
51 input[type=text]:hover{
52 border-color:#777;
53 }
55 input[disabled] {
56 color:#888;
57 background-color:#DDD;
58 }
60 textarea[disabled] {
61 color:#000;
62 background-color:#DDD;
63 }
65 select[disabled] {
66 color:#000;
67 background-color:#DDD;
68 }
71 h1, h2, h3 {
72 margin-top:2px;
73 }
75 h3 {
76 font-size:12px;
77 font-weight:bold;
78 }
81 /* Title bar definitions */
83 div.title-bar{
84 padding:0px;
85 height:40px;
86 border-top:1px solid #111;
87 border-bottom:1px solid #222;
88 background:url('images/title-bar.png') repeat-x;
89 color:#FFF;
90 cursor:default;
91 }
93 div.title-bar ul, div.title-bar ul li{
94 list-style:none;
95 display:inline;
96 margin:0;
97 padding:0;
98 }
100 span.logged-in-user{
101 font-style:italic;
102 }
104 li.table-wrapper {
105 display:table;
106 }
108 div.logged-in-label {
109 display:table-cell;
110 height:40px;
111 vertical-align:middle;
112 padding:0 5px 0 5px;
113 }
115 div.logout-label {
116 display:table-cell;
117 height:40px;
118 vertical-align:middle;
119 padding:0 5px 0 5px;
120 }
122 #log-out{
123 width:16px;
124 height:16px;
125 border:0;
126 background-color:transparent;
127 background-image:url('images/btn-logout.png');
128 cursor:pointer;
129 }
131 #log-out:hover{
132 background-image:url('images/btn-logout-hover.png')
133 }
136 /* Screen areas */
138 div.navigation {
139 float:left;
140 position:absolute;
141 width:150px;
142 min-height:600px;
143 padding-left:6px;
144 margin-top:8px;
145 }
147 div.plugin-area {
148 float:right;
149 position:absolute;
150 left:164px;
151 right:0;
152 padding-right:6px;
153 min-height:600px;
154 min-width:700px;
155 cursor:default;
156 }
159 /* Plugin decorations */
161 .plugin {
162 clear:both;
163 padding:5px 8px;
164 position:relative;
165 border:1px solid #CCC;
166 border-radius:5px;
167 box-shadow: 0 1px 0 rgba(0,0,0,0.2);
168 -webkit-border-radius:5px;
169 -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
170 -moz-border-radius:5px;
171 -moz-box-shadow: 0 1px 0px rgba(0,0,0,0.2);
172 }
174 .plugin-actions {
175 padding-top:5px;
176 text-align:right;
177 }
180 /* Plugin navigation bar */
182 .plugin-path {
183 margin-top:8px;
184 margin-bottom:8px;
185 height:32px;
186 background-color:#F8F8F8;
187 border:1px solid #CCC;
188 border-radius:5px;
189 -moz-border-radius:5px;
190 -webkit-border-radius:5px;
191 background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#EEE));
192 background: -moz-linear-gradient(top, #F8F8F8, #EEE);
193 }
195 ul.path-navigation {
196 list-style:none;
197 cursor:pointer;
198 padding:0;
199 margin:0;
200 color:#666;
201 }
203 ul.path-navigation li {
204 display:inline;
205 padding:5px;
206 padding-top:8px;
207 height:19px;
208 }
210 ul.path-navigation li:hover {
211 background-color: #E0E0E0;
212 background: -webkit-gradient(linear, 0 0, 0 100%, from(#EEE), to(#E0E0E0));
213 background: -moz-linear-gradient(top, #EEE, #E0E0E0);
214 }
216 div.nav-home {
217 height:14px;
218 width:20px;
219 background-image:url(images/home.png);
220 }
222 .right-border {
223 border-right:1px solid #C2C2C2;
224 }
226 .left-border {
227 border-left:1px solid #C2C2C2;
228 }
231 /* Side menu */
233 div.menu {
234 background: -webkit-gradient(linear, 0 0, 0 100%, from(#FFF), to(#F5F5F5));
235 background: -moz-linear-gradient(top, #FFF, #F5F5F5);
236 }
238 div.menu div {
239 height:3px;
240 border-right:1px solid #C2C2C2;
241 border-left:1px solid #C2C2C2;
242 border-bottom:1px solid #C2C2C2;
243 border-bottom-left-radius:5px;
244 border-bottom-right-radius:5px;
245 box-shadow: 0 1px 0 rgba(0,0,0,0.2);
246 -webkit-border-bottom-left-radius:5px;
247 -webkit-border-bottom-right-radius:5px;
248 -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
249 -moz-border-radius:5px;
250 -moz-box-shadow: 0 1px 0px rgba(0,0,0,0.2);
251 }
253 div.menu ul {
254 list-style:none;
255 margin:0;
256 padding:0;
257 }
259 div.menu ul li {
260 padding:5px;
261 cursor:pointer;
262 border-left:1px solid #C2C2C2;
263 border-right:1px solid #C2C2C2;
264 }
266 div.menu ul li.current {
267 padding:5px;
268 cursor:pointer;
269 background-color: #EEE;
270 border-left:1px solid #C2C2C2;
271 border-right:1px solid #C2C2C2;
272 }
274 div.menu ul li:hover {
275 background-color: #E0E0E0;
276 }
278 div.menu ul li.menu-header {
279 cursor:default;
280 text-align:center;
281 font-weight:bold;
282 color:#FFF;
283 border:0;
284 background-color: #415A84;
285 background: -webkit-gradient(linear, 0 0, 0 100%, from(#5B6B8E), to(#2A4A79));
286 background: -moz-linear-gradient(top, #5B6B8E, #2A4A79);
287 border-top-left-radius:5px;
288 border-top-right-radius:5px;
289 -moz-border-radius-topleft:5px;
290 -moz-border-radius-topright:5px;
291 -webkit-border-top-left-radius:5px;
292 -webkit-border-top-right-radius:5px;
293 }
296 /* Buttons */
298 .button {
299 padding:2px 6px;
300 margin:0;
301 background-color:#F8F8F8;
302 background: -webkit-gradient(linear, 0 0, 0 100%, from(#FFF), to(#BBB));
303 background: -moz-linear-gradient(top, #FFF, #BBB);
304 border:1px solid #BBB;
305 border-radius:2px;
306 -webkit-border-radius:2px;
307 -moz-border-radius:2px;
308 outline:none;
309 }
311 .button:active {
312 background-color:#CCC;
313 background: -webkit-gradient(linear, 0 100%, 0 0, from(#FFF), to(#BBB));
314 background: -moz-linear-gradient(top, #BBB, #FFF);
315 }
317 .button:hover {
318 cursor:pointer;
319 border-color:#777 !important;
320 }
322 .button:focus, .button:active {
323 border-color:#777;
324 }
327 /* Tabs */
329 .tabs {
330 width:100%;
331 height:25px;
332 }
334 .tab-content {
335 padding:5px 8px;
336 z-index:0;
337 margin-top:-2px;
338 position:relative;
339 border:1px solid #CCC;
340 border-top-right-radius:5px;
341 border-bottom-right-radius:5px;
342 border-bottom-left-radius:5px;
343 box-shadow: 0 1px 0 rgba(0,0,0,0.2);
344 -webkit-border-top-right-radius:5px;
345 -webkit-border-bottom-right-radius:5px;
346 -webkit-border-bottom-left-radius:5px;
347 -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
348 -moz-border-radius-topright:5px;
349 -moz-border-radius-bottomright:5px;
350 -moz-border-radius-bottomleft:5px;
351 -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.2);
352 }
354 .tabs ul {
355 margin:0;
356 padding:0;
357 list-style:none;
358 }
360 .tabs li {
361 float:left;
362 margin:0;
363 padding:4px 8px;
364 border-top:1px solid #C8C8C8;
365 border-left:1px solid #C8C8C8;
366 border-right:1px solid #C8C8C8;
367 border-top-right-radius:5px;
368 border-top-left-radius:5px;
369 -webkit-border-top-right-radius:5px;
370 -webkit-border-top-left-radius:5px;
371 -moz-border-radius-topleft:5px;
372 -moz-border-radius-topright:5px;
373 background-color:#F8F8F8;
374 background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#EEE));
375 background: -moz-linear-gradient(top, #F8F8F8, #EEE);
376 color:#AAA;
377 }
379 .tabs li.current {
380 background-color:#FFF;
381 background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#FFF));
382 background: -moz-linear-gradient(top, #F8F8F8, #FFF);
383 margin-top:-2px;
384 max-height:14px;
385 padding-bottom:6px;
386 border-bottom:1px solid #FFF;
387 position:relative;
388 z-index:1;
389 color:#000;
390 }
392 .tabs a {
393 float:left;
394 display:block;
395 text-decoration:none;
396 font-weight:bold;
397 color:#777;
398 }
400 .tabs li a:visited {
401 color:#777;
402 }
404 .tabs li.current a:visited {
405 color:#000;
406 }
409 /* Fieldsets */
411 fieldset {
412 border:0;
413 padding:4px;
414 margin:0;
415 }
417 fieldset legend{
418 text-align:left;
419 padding:0px 0px;
420 margin-left:0px;
421 font-weight:bold;
422 }
424 fieldset label{
425 width:8em;
426 float:left;
427 text-align:left;
428 clear:left;
429 padding-top:3px;
430 margin-top:3px;
431 }
433 fieldset input[type=text]{
434 float:left;
435 width:10em;
436 margin-top:3px;
437 }
439 fieldset input[type=checkbox]{
440 clear:left;
441 float:left;
442 margin-top:1px;
443 margin-left:0;
444 }
446 fieldset select{
447 margin-top:5px;
448 }
450 fieldset textarea{
451 width:100%;
452 resize:none;
453 border:1px solid #CCC;
454 }
456 fieldset textarea:hover{
457 border-color:#777;
458 }
460 .fieldset-left {
461 padding-right:10px;
462 border-right:1px solid #CCC;
463 height:100%;
464 }
466 .fieldset-middle {
467 padding:0 10px;
468 border-right:1px solid #CCC;
469 height:100%;
470 }
472 .fieldset-right {
473 padding:0 10px;
474 height:100%;
475 }
477 /* Containers */
479 .container{
480 float:none;
481 clear:both;
482 height:100%;
483 }
485 .container-element{
486 float:left;
487 height:100%;
488 }
490 .clear-left{
491 clear:left;
492 }
494 .clear{
495 clear:both;
496 }
498 .line-clear{
499 clear:both;
500 padding:2px 0;
501 border-bottom:1px solid #CCC;
502 }
505 /* Icon menu */
507 .icon-menu-container {
508 padding:0;
509 }
511 .icon-menu-item{
512 float:left;
513 background-repeat:no-repeat;
514 padding:0 10px 10px 56px;
515 min-height:70px;
516 min-width:150px;
517 cursor:pointer;
518 }
520 .icon-menu-item:hover{
521 background-color: #E0E0E0;
522 }
524 .icon-menu-item h1{
525 font-size:12px;
526 font-weight:bold;
527 margin:0;
528 color:#333;
529 }
531 h3.icon-menu-title{
532 font-size:14px;
533 font-weight:bold;
534 margin-top:8px;
535 color:#333;
536 }
538 .icon-menu-item p{
539 margin:0;
540 color:#777;
541 }
544 /* Errors */
546 .error {
547 border-color:red ! important;
548 }
551 /* Date picker*/
553 div.datepicker {
554 position:absolute;
555 text-align:center;
556 border:1px #CCC solid;
557 font-family:arial;
558 background:#FFF;
559 font-size:10px;
560 padding:0;
561 box-shadow: 2px 2px 0 rgba(0,0,0,0.2);
562 -webkit-box-shadow: 2px 2px 1px rgba(0,0,0,0.2);
563 -moz-box-shadow: 2px 2px 0px rgba(0,0,0,0.2);
564 }
566 div.datepicker-calendar table {
567 font-size:10px;
568 border:1px solid #FFF;
569 margin:0;
570 padding:0;
571 text-align:center;
572 }
574 div.datepicker div.datepicker-header {
575 font-size:11px;
576 font-weight:bold;
577 background:#F0F0F0;
578 border-bottom:1px solid #CCC;
579 padding:2px;
580 text-align:center;
581 }
583 div.datepicker table.header {
584 width:175px;
585 border:0;
586 padding:0;
587 text-align:center;
588 }
590 td.prev,td.prev_year,td.next,td.next_year {
591 width:8%;
592 cursor:pointer;
593 font-weight:bold;
594 line-height:16px;
595 }
597 td.prev:hover,td.prev_year:hover,td.next:hover,td.next_year:hover {
598 background-color:#DDD;
599 }
601 td.header {
602 text-align:center;
603 width:68%;
604 font-weight:bold;
605 line-height:16px;
606 }
608 div.datepicker-header {
609 height:16px;
610 }
612 div.datepicker-calendar table tbody tr {
613 border:1px solid #FFF;
614 margin:0;
615 padding:0;
616 }
618 div.datepicker-calendar table tbody tr td {
619 border:1px #EEE solid;
620 margin:0;
621 padding:0;
622 text-align:center;
623 height:16px;
624 line-height:16px;
625 width:21px;
626 cursor:pointer;
627 }
629 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 {
630 border:1px #CCE9FF solid;
631 background:#E9F5FF;
632 cursor:pointer;
633 }
635 div.datepicker-calendar table tbody tr td.wday {
636 border:1px #AAA solid;
637 background:#CCC;
638 cursor:text;
639 width:21px;
640 height:16px;
641 line-height:16px;
642 font-weight:bold;
643 }
645 div.datepicker-calendar table tbody tr td.outbound {
646 background:#F3F3F3;
647 }
649 div.datepicker-calendar table tbody tr td.today {
650 border:1px #CCE9FF solid;
651 background:#E9F5FF;
652 background-image:url(../../images/date_active.gif);
653 background-repeat:no-repeat;
654 position:top left;
655 width:21px;
656 height:16px;
657 line-height:16px;
658 }
660 div.datepicker-calendar table tbody tr td.today:hover {
661 border:1px #CCE9FF solid;
662 background:#E9F5FF;
663 background-image:url(../../images/date_active.gif);
664 background-repeat:no-repeat;
665 position:top left;
666 }
668 div.datepicker-calendar table tbody tr td.nclick,div.datepicker-calendar table tbody tr td.nclick_outbound {
669 cursor:default;
670 color:#aaa;
671 width:21px;
672 height:16px;
673 line-height:16px;
674 }
676 div.datepicker-calendar table tbody tr td.nclick_outbound {
677 background:#E8E4E4;
678 width:21px;
679 height:16px;
680 line-height:16px;
681 }
683 div.datepicker-calendar table tbody tr td.nclick:hover,div.datepicker-calendar table tbody tr td.nclick_outbound:hover {
684 border:1px #EAEAEA solid;
685 background:#FFF;
686 }
688 div.datepicker-calendar table tbody tr td.nclick_outbound:hover {
689 background:#E8E4E4;
690 }
692 div.datepicker div.datepicker-footer {
693 font-size:10px;
694 background:#F0F0F0;
695 border-top:1px solid #AAA;
696 cursor:pointer;
697 text-align:center;
698 padding:2px;
699 }
701 .date {
702 float:left;
703 }
705 .datepicker-opener-table {
706 border:1px solid transparent;
707 padding:0;
708 border-spacing:0;
709 margin:0 0 0 3px;
710 background:transparent url(../../images/datepicker.gif) no-repeat 0 0;
711 width:18px;
712 height:18px;
713 cursor:pointer;
714 }
716 .Opera .datepicker-opener-table {
717 float:right;
718 }
720 .IE7 .datepicker-opener-table {
721 position:relative;
722 top:0;
723 left:3px;
724 }
726 .datepicker-opener-table:hover {
727 background:transparent url(../../images/datepicker_ro.gif) no-repeat 0 0;
728 }
730 .datepicker-opener {
731 width:16px;
732 height:16px;
733 margin:0 0 0 3px;
734 cursor:pointer;
735 }
738 /* Lists */
740 div.listContainer {
741 width:100%;
742 border-top:1px solid #CCC;
743 border-bottom:1px solid #CCC;
744 border-left:1px solid #CCC;
745 border-right:1px solid #CCC;
746 border-top-left-radius:2px;
747 border-top-right-radius:2px;
748 -moz-border-radius-topleft:2px;
749 -moz-border-radius-topright:2px;
750 -webkit-border-top-left-radius:2px;
751 -webkit-border-top-right-radius:2px;
752 }
754 .fixedListHeader tr {
755 position:relative;
756 height:auto;
757 font-weight:bold;
758 }
760 .fixedListHeader a {
761 color:#444;
762 }
764 .listHeaderFormat {
765 margin:3px;
766 padding:1px;
767 white-space:nowrap;
768 }
770 .listHeaderFormat tr td {
771 padding:4px;
772 background-color:#F5F5F5;
773 color:#444;
774 background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#EEE));
775 background: -moz-linear-gradient(top, #F8F8F8, #EEE);
776 border-right:1px solid #CCC;
777 border-bottom:1px solid #CCC;
778 }
780 .listScrollContent {
781 height:100%;
782 overflow-x:hidden;
783 overflow-y:auto;
784 }
786 .listScrollContent tr {
787 height:auto;
788 white-space:nowrap;
789 }
791 .listScrollContent tr:nth-child(odd) {
792 background-color:#FFF;
793 }
795 .listScrollContent tr:nth-child(even) {
796 background-color:#F5F5F5;
797 }
799 .listScrollContent tr:last-child {
800 background-color:#FFF;
801 }
803 .listScrollContent tr td:last-child {
804 padding-right:20px;
805 }
807 .listBodyFormat tr td {
808 color:#000;
809 margin:3px;
810 padding:2px;
811 border-right:1px solid #CCC;
812 word-wrap:break-word;
813 white-space:normal;
814 max-width:500px;
815 }
817 div.nlistFooter {
818 background-color:#F5F5F5;
819 color:#444;
820 background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#EEE));
821 background: -moz-linear-gradient(top, #F8F8F8, #EEE);
822 border-left:1px solid #CCC;
823 border-right:1px solid #CCC;
824 border-bottom:1px solid #CCC;
825 border-bottom-left-radius:2px;
826 border-bottom-right-radius:2px;
827 -moz-border-radius-bottomleft:2px;
828 -moz-border-radius-bottomright:2px;
829 -webkit-border-bottom-left-radius:2px;
830 -webkit-border-bottom-right-radius:2px;
831 padding:0;
832 width:100%;
833 }
836 /* List header, Filter, misc. */
838 #filter {
839 position:absolute;
840 right:0;
841 width:250px;
842 }
844 #mainlist {
845 position:absolute;
846 right:265px;
847 left:0;
848 }
850 .mainlist-header {
851 background-color:#F8F8F8;
852 border:1px solid #CCC;
853 border-radius:2px;
854 -moz-border-radius:2px;
855 -webkit-border-radius:2px;
856 background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#EEE));
857 background: -moz-linear-gradient(top, #F8F8F8, #EEE);
858 margin-bottom:4px;
859 margin-right:-2px;
860 }
862 .mainlist-header p{
863 color:#444;
864 font-weight:bold;
865 font-size:14px;
866 margin:4px;
867 }
869 .mainlist-header div{
870 border-top:1px solid #CCC;
871 background-color:white;
872 }
874 ul.mainlist-header-nav {
875 list-style:none;
876 cursor:pointer;
877 padding:0;
878 margin:0;
879 color:#666;
880 }
882 ul.mainlist-header-nav li {
883 display:inline;
884 padding:5px;
885 padding-top:8px;
886 height:19px;
887 }
889 ul.mainlist-header-nav li:hover {
890 background-color: #E0E0E0;
891 background: -webkit-gradient(linear, 0 0, 0 100%, from(#EEE), to(#E0E0E0));
892 background: -moz-linear-gradient(top, #EEE, #E0E0E0);
893 }
896 /* Sortable Lists */
898 div.sortableListContainer {
899 border:1px solid #AAA;
900 overflow:auto;
901 margin-bottom:2px;
902 }
904 .sortableListContainer th {
905 background-color:#D8D8D8;
906 padding:3px;
907 text-align:left;
908 border-left:1px solid #AAA;
909 }
911 .sortableListContainer td {
912 padding:3px;
913 text-align:left;
914 border-left:1px solid #AAA;
915 }
917 tr.sortableListItem {
918 background-color:#FFF;
919 cursor:move;
920 color:#000;
921 }
923 tr.sortableListItemFill {
924 background-color:#FFF;
925 cursor:default;
926 }
928 tr.sortableListItemOdd ::-moz-selection,tr.sortableListItem ::-moz-selection {
929 background:transparent;
930 }
932 tr.sortableListItemOdd ::selection,tr.sortableListItem ::selection {
933 background:transparent;
934 }
936 tr.sortableListItemOdd code::-moz-selection,tr.sortableListItem code::-moz-selection {
937 background:transparent;
938 }
940 tr.sortableListItemOdd code::selection,tr.sortableListItem code::selection {
941 background:transparent;
942 }
944 tr.sortableListItemOdd {
945 background-color:#F5F5F5;
946 cursor:move;
947 color:#000;
948 }
950 tr.sortableListItem:hover,tr.sortableListItemOdd:hover {
951 background-color:#EEE;
952 }
954 tr.sortableListItemDisabled {
955 cursor:default;
956 color:#CCC;
957 }
959 table.sortableListTable {
960 border:0;
961 }
963 tr.sortableListItemMarked {
964 background-color:#FFD;
965 }
968 /* Tree List */
970 ul.treeList,ul.treeList ul {
971 list-style-type:none;
972 background:url(../../images/lists/vline.png) repeat-y;
973 margin:0;
974 padding:0;
975 }
977 ul.treeList ul {
978 margin-left:10px;
979 }
981 ul.treeList a:hover {
982 background-color:#DDD;
983 }
985 a.treeList {
986 padding:2px;
987 cursor:pointer;
988 }
990 a.treeListSelected {
991 font-weight:bold;
992 color:#1010AF;
993 background-color:#DDD;
994 padding:2px;
995 cursor:pointer;
996 }
998 a.treeList:hover,a.treeListSelected:hover {
999 background-color:#DDD;
1000 padding:2px;
1001 }
1003 ul.treeList a {
1004 padding:2px;
1005 cursor:pointer;
1006 }
1008 ul.treeList li {
1009 margin:0;
1010 padding:0 12px;
1011 line-height:20px;
1012 background:url(../../images/lists/node.png) no-repeat;
1013 }
1015 li.treeListSelected a {
1016 font-weight:bold;
1017 color:#1010AF;
1018 padding:2px;
1019 }
1021 ul.treeList li.last {
1022 background:#fff url(../../images/lists/lastnode.png) no-repeat;
1023 }
1025 ul.treeList li:last-child {
1026 background:#fff url(../../images/lists/lastnode.png) no-repeat;
1027 }
1029 div.treeList {
1030 background-color:#FFF;
1031 border:1px solid #AAA;
1032 padding:5px;
1033 position:absolute;
1034 z-index:500;
1035 overflow-y:auto;
1036 float:left;
1037 }
1039 span.informal {
1040 color:#444;
1041 font-style:italic;
1042 }
1045 /* Max height for IE */
1047 * html div.treeList {
1048 height: expression( this.scrollHeight > 500 ? "500px" : "auto" );
1049 }
1051 span.mark {
1052 color:#B22;
1053 }
1056 /* Message dialog */
1058 div.errorMsgTitle {
1059 width:100%;
1060 font-size:1.4em;
1061 padding-bottom:.3em;
1062 padding-top:.3em;
1063 font-weight:bold;
1064 background-color:#F0F0F0;
1065 }
1067 div.errorMsgDialog {
1068 width:60%;
1069 background-color:#FFF;
1070 border:4px solid red;
1071 z-index:150;
1072 display:none;
1073 position:absolute;
1074 }
1076 div.infoMsgDialog {
1077 width:60%;
1078 background-color:#FFF;
1079 border:2px solid #000;
1080 z-index:150;
1081 display:none;
1082 position:absolute;
1083 }
1086 /* Autocompleter */
1088 div.autocomplete {
1089 position:absolute;
1090 background-color:#FFF;
1091 border:1px solid #AAA;
1092 margin:0;
1093 padding:0;
1094 z-index:600;
1095 overflow:hidden;
1096 word-wrap:break-word;
1097 }
1099 div.autocomplete ul {
1100 list-style-type:none;
1101 margin:0;
1102 padding:0;
1103 }
1105 div.autocomplete ul li {
1106 list-style-type:none;
1107 display:block;
1108 margin:0;
1109 padding:2px;
1110 padding-left:4px;
1111 cursor:pointer;
1112 }
1114 div.autocomplete li:hover {
1115 background-color:#F0F0F0;
1116 }
1118 div.autocomplete ul li.selected {
1119 background-color:#F0F0F0;
1120 }
1123 /* Pulldown menu */
1125 #pulldown {
1126 background:#FFF;
1127 height:23px;
1128 border:1px #CCC solid;
1129 background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#EEE));
1130 background: -moz-linear-gradient(top, #F8F8F8, #EEE);
1131 }
1133 #pulldown ul {
1134 display:block;
1135 margin:0;
1136 padding:0;
1137 line-height:1em;
1138 list-style:none;
1139 z-index:90;
1140 }
1142 #pulldown ul li {
1143 float:left;
1144 margin:0 3px 0 0;
1145 padding:0;
1146 font-size:12px;
1147 line-height:1 5em;
1148 list-style-type:none;
1149 }
1151 #pulldown ul li a {
1152 float:left;
1153 display:block;
1154 width:auto;
1155 font-weight:normal;
1156 background:transparent;
1157 text-decoration:none;
1158 margin:0;
1159 padding:5px;
1160 }
1162 #pulldown ul li a:hover {
1163 text-decoration:none;
1164 }
1166 #pulldown ul li.sep {
1167 color:#AAA;
1168 padding:.8em 0 .5em;
1169 }
1171 /* Commented Backslash Hack hides rule from IE5-Mac \*/
1172 #pulldown ul li a {
1173 float:none;
1174 }
1176 /* End IE5-Mac hack */
1177 #pulldown ul.level2,#pulldown ul.level3 {
1178 position:absolute;
1179 top:0;
1180 left:0;
1181 visibility:hidden;
1182 border:1px #CCC solid;
1183 background:#FFF;
1184 box-shadow: 2px 2px 0 rgba(0,0,0,0.2);
1185 -webkit-box-shadow: 2px 2px 1px rgba(0,0,0,0.2);
1186 -moz-box-shadow: 2px 2px 0px rgba(0,0,0,0.2);
1187 }
1189 #pulldown ul.level2 li,#pulldown ul.level3 li {
1190 border-bottom:1px solid #fff;
1191 float:none;
1192 margin:0;
1193 padding:0;
1194 width:200px;
1195 }
1197 #pulldown ul.level2 li a,#pulldown ul.level3 li a {
1198 padding:5px 9px 5px 5px;
1199 }
1201 #pulldown ul.level2 li a:hover,#pulldown ul.level3 li a:hover {
1202 font-weight:normal;
1203 background-color:#418DD4;
1204 background-image:none;
1205 }