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], input[type=password]{
45 border:1px solid #CCC;
46 padding:3px;
47 }
49 input[type=text]:active, input[type=text]:focus, input[type=password]:active, input[type=password]:focus,{
50 border:1px solid #777;
51 }
53 input[type=text]:hover, input[type=password]:hover{
54 border-color:#777;
55 }
57 input[disabled] {
58 color:#888;
59 background-color:#DDD;
60 }
62 textarea[disabled] {
63 color:#000;
64 background-color:#DDD;
65 }
67 select[disabled] {
68 color:#000;
69 background-color:#DDD;
70 }
72 h1, h2, h3 {
73 margin-top:2px;
74 }
76 h3 {
77 font-size:12px;
78 font-weight:bold;
79 }
81 /* Image with migration color */
82 img, input[type=image] {
83 border:1px solid red;
84 background-color:rgba(255,0,0,0.2);
85 }
87 /* Image with migration color */
89 input[type=submit].img{
90 border:0;
91 padding:0;
92 margin:0;
93 margin-top:-2px;
94 display:inline-block;
95 display:-moz-inline-block;
96 background-color:transparent;
97 background-repeat:no-repeat;
98 position:relative;
99 cursor:pointer;
100 }
102 div.img{
103 display:inline-block;
104 display:-moz-inline-block;
105 background-color:transparent;
106 background-repeat:no-repeat;
107 position:relative;
108 }
110 div.img div {
111 background-color:transparent;
112 background-repeat:no-repeat;
113 bottom:0;
114 right:0;
115 position:absolute;
116 }
119 /* Title bar definitions */
121 div.title-bar{
122 padding:0px;
123 height:40px;
124 border-top:1px solid #111;
125 border-bottom:1px solid #222;
126 background:url('images/title-bar.png') repeat-x;
127 color:#FFF;
128 cursor:default;
129 }
131 div.title-bar ul, div.title-bar ul li{
132 list-style:none;
133 display:inline;
134 margin:0;
135 padding:0;
136 }
138 div.logged-in-label span{
139 font-weight:bold;
140 }
142 li.table-wrapper {
143 display:table;
144 }
146 div.logged-in-label {
147 display:table-cell;
148 height:40px;
149 vertical-align:middle;
150 padding:0 5px 0 5px;
151 }
153 div.logout-label {
154 display:table-cell;
155 height:40px;
156 vertical-align:middle;
157 padding:0 5px 0 5px;
158 }
160 #log-out{
161 width:16px;
162 height:16px;
163 border:0;
164 background-color:transparent;
165 background-image:url('images/btn-logout.png');
166 cursor:pointer;
167 }
169 #log-out:hover{
170 background-image:url('images/btn-logout-hover.png')
171 }
174 /* Screen areas */
176 div.navigation {
177 float:left;
178 position:absolute;
179 width:150px;
180 min-height:600px;
181 padding-left:6px;
182 margin-top:8px;
183 }
185 div.plugin-area {
186 float:right;
187 position:absolute;
188 left:164px;
189 right:0;
190 padding-right:6px;
191 min-height:600px;
192 min-width:700px;
193 cursor:default;
194 }
197 /* Plugin decorations */
199 .plugin {
200 clear:both;
201 padding:5px 8px;
202 position:relative;
203 border:1px solid #CCC;
204 border-radius:5px;
205 box-shadow: 0 1px 0 rgba(0,0,0,0.2);
206 -webkit-border-radius:5px;
207 -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
208 -moz-border-radius:5px;
209 -moz-box-shadow: 0 1px 0px rgba(0,0,0,0.2);
210 }
212 .plugin-actions {
213 padding-top:5px;
214 text-align:right;
215 }
218 /* Plugin navigation bar */
220 .plugin-path {
221 margin-top:8px;
222 margin-bottom:8px;
223 height:32px;
224 background-color:#F8F8F8;
225 border:1px solid #CCC;
226 border-radius:5px;
227 -moz-border-radius:5px;
228 -webkit-border-radius:5px;
229 background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#EEE));
230 background: -moz-linear-gradient(top, #F8F8F8, #EEE);
231 }
233 ul.path-navigation {
234 list-style:none;
235 cursor:pointer;
236 padding:0;
237 margin:0;
238 color:#666;
239 }
241 ul.path-navigation li {
242 display:inline;
243 padding:5px;
244 padding-top:8px;
245 height:19px;
246 }
248 ul.path-navigation li:hover {
249 background-color: #E0E0E0;
250 background: -webkit-gradient(linear, 0 0, 0 100%, from(#EEE), to(#E0E0E0));
251 background: -moz-linear-gradient(top, #EEE, #E0E0E0);
252 }
254 div.nav-home {
255 height:14px;
256 width:20px;
257 background-image:url(images/home.png);
258 }
260 .right-border {
261 border-right:1px solid #C2C2C2;
262 }
264 .left-border {
265 border-left:1px solid #C2C2C2;
266 }
269 /* Side menu */
271 div.menu {
272 background: -webkit-gradient(linear, 0 0, 0 100%, from(#FFF), to(#F5F5F5));
273 background: -moz-linear-gradient(top, #FFF, #F5F5F5);
274 }
276 div.menu div {
277 height:3px;
278 border-right:1px solid #C2C2C2;
279 border-left:1px solid #C2C2C2;
280 border-bottom:1px solid #C2C2C2;
281 border-bottom-left-radius:5px;
282 border-bottom-right-radius:5px;
283 box-shadow: 0 1px 0 rgba(0,0,0,0.2);
284 -webkit-border-bottom-left-radius:5px;
285 -webkit-border-bottom-right-radius:5px;
286 -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
287 -moz-border-radius:5px;
288 -moz-box-shadow: 0 1px 0px rgba(0,0,0,0.2);
289 }
291 div.menu ul {
292 list-style:none;
293 margin:0;
294 padding:0;
295 }
297 div.menu ul li {
298 padding:5px;
299 cursor:pointer;
300 border-left:1px solid #C2C2C2;
301 border-right:1px solid #C2C2C2;
302 }
304 div.menu ul li.current {
305 padding:5px;
306 cursor:pointer;
307 background-color: rgba(0,0,0,0.1);
308 border-left:1px solid #C2C2C2;
309 border-right:1px solid #C2C2C2;
310 }
312 div.menu ul li:hover {
313 background-color: #E0E0E0;
314 }
316 div.menu ul li.menu-header {
317 cursor:default;
318 text-align:center;
319 font-weight:bold;
320 color:#FFF;
321 border:0;
322 background-color: #415A84;
323 background: -webkit-gradient(linear, 0 0, 0 100%, from(#5B6B8E), to(#2A4A79));
324 background: -moz-linear-gradient(top, #5B6B8E, #2A4A79);
325 border-top-left-radius:5px;
326 border-top-right-radius:5px;
327 -moz-border-radius-topleft:5px;
328 -moz-border-radius-topright:5px;
329 -webkit-border-top-left-radius:5px;
330 -webkit-border-top-right-radius:5px;
331 }
334 /* Buttons */
336 button {
337 padding:2px 6px;
338 margin:0;
339 margin-bottom:6px;
340 background-color:#F8F8F8;
341 background: -webkit-gradient(linear, 0 0, 0 100%, from(#FFF), to(#BBB));
342 background: -moz-linear-gradient(top, #FFF, #BBB);
343 border:1px solid #BBB;
344 border-radius:2px;
345 -webkit-border-radius:2px;
346 -moz-border-radius:2px;
347 outline:none;
348 }
350 button:active {
351 background-color:#CCC;
352 background: -webkit-gradient(linear, 0 100%, 0 0, from(#FFF), to(#BBB));
353 background: -moz-linear-gradient(top, #BBB, #FFF);
354 }
356 button:hover {
357 cursor:pointer;
358 border-color:#777 !important;
359 }
361 button:focus, .button:active {
362 border-color:#777;
363 }
366 /* Tabs */
368 .tabs {
369 width:100%;
370 height:25px;
371 }
373 .tab-content {
374 padding:5px 8px;
375 z-index:0;
376 margin-top:-2px;
377 position:relative;
378 border:1px solid #CCC;
379 border-top-right-radius:5px;
380 border-bottom-right-radius:5px;
381 border-bottom-left-radius:5px;
382 box-shadow: 0 1px 0 rgba(0,0,0,0.2);
383 -webkit-border-top-right-radius:5px;
384 -webkit-border-bottom-right-radius:5px;
385 -webkit-border-bottom-left-radius:5px;
386 -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
387 -moz-border-radius-topright:5px;
388 -moz-border-radius-bottomright:5px;
389 -moz-border-radius-bottomleft:5px;
390 -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.2);
391 }
393 .tabs ul {
394 margin:0;
395 padding:0;
396 list-style:none;
397 }
399 .tabs li {
400 float:left;
401 margin:0;
402 padding:4px 8px;
403 border-top:1px solid #C8C8C8;
404 border-left:1px solid #C8C8C8;
405 border-right:1px solid #C8C8C8;
406 border-top-right-radius:5px;
407 border-top-left-radius:5px;
408 -webkit-border-top-right-radius:5px;
409 -webkit-border-top-left-radius:5px;
410 -moz-border-radius-topleft:5px;
411 -moz-border-radius-topright:5px;
412 background-color:#F8F8F8;
413 background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#EEE));
414 background: -moz-linear-gradient(top, #F8F8F8, #EEE);
415 color:#333;
416 cursor:pointer;
417 }
419 .tabs li:hover {
420 background-color:#FFF;
421 background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#FFF));
422 background: -moz-linear-gradient(top, #F8F8F8, #FFF);
423 }
425 .tabs li.current {
426 background-color:#FFF;
427 background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#FFF));
428 background: -moz-linear-gradient(top, #F8F8F8, #FFF);
429 margin-top:-2px;
430 max-height:14px;
431 padding-bottom:6px;
432 border-bottom:1px solid #FFF;
433 position:relative;
434 z-index:1;
435 color:#222;
436 cursor:pointer;
437 }
440 /* Containers */
442 .container{
443 float:none;
444 clear:both;
445 height:100%;
446 }
448 .container-element{
449 float:left;
450 height:100%;
451 }
453 .clear-left{
454 clear:left;
455 }
457 .clear{
458 clear:both;
459 }
462 /* Icon menu */
464 .icon-menu-item{
465 float:left;
466 padding-top:10px;
467 padding-bottom:10px;
468 min-height:70px;
469 min-width:150px;
470 cursor:pointer;
471 }
473 .icon-menu-item div.img{
474 float:left;
475 }
477 .icon-menu-item div.dsc{
478 margin-left:55px
479 }
481 .icon-menu-item:hover{
482 background-color: #E0E0E0;
483 }
485 .icon-menu-item h1{
486 font-size:12px;
487 font-weight:bold;
488 margin:0;
489 color:#333;
490 }
492 h3.icon-menu-title{
493 font-size:14px;
494 font-weight:bold;
495 margin-top:8px;
496 color:#333;
497 }
499 .icon-menu-item p{
500 margin:0;
501 color:#777;
502 }
505 /* Errors */
507 .error {
508 border-color:red ! important;
509 }
512 /* Date picker*/
514 div.datepicker {
515 position:absolute;
516 text-align:center;
517 border:1px #CCC solid;
518 font-family:arial;
519 background:#FFF;
520 font-size:10px;
521 padding:0;
522 box-shadow: 2px 2px 0 rgba(0,0,0,0.2);
523 -webkit-box-shadow: 2px 2px 1px rgba(0,0,0,0.2);
524 -moz-box-shadow: 2px 2px 0px rgba(0,0,0,0.2);
525 }
527 div.datepicker-calendar table {
528 font-size:10px;
529 border:1px solid #FFF;
530 margin:0;
531 padding:0;
532 text-align:center;
533 }
535 div.datepicker div.datepicker-header {
536 font-size:11px;
537 font-weight:bold;
538 background:#F0F0F0;
539 border-bottom:1px solid #CCC;
540 padding:2px;
541 text-align:center;
542 }
544 div.datepicker table.header {
545 width:175px;
546 border:0;
547 padding:0;
548 text-align:center;
549 }
551 td.prev,td.prev_year,td.next,td.next_year {
552 width:8%;
553 cursor:pointer;
554 font-weight:bold;
555 line-height:16px;
556 }
558 td.prev:hover,td.prev_year:hover,td.next:hover,td.next_year:hover {
559 background-color:#DDD;
560 }
562 td.header {
563 text-align:center;
564 width:68%;
565 font-weight:bold;
566 line-height:16px;
567 }
569 div.datepicker-header {
570 height:16px;
571 }
573 div.datepicker-calendar table tbody tr {
574 border:1px solid #FFF;
575 margin:0;
576 padding:0;
577 }
579 div.datepicker-calendar table tbody tr td {
580 border:1px #EEE solid;
581 margin:0;
582 padding:0;
583 text-align:center;
584 height:16px;
585 line-height:16px;
586 width:21px;
587 cursor:pointer;
588 }
590 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 {
591 border:1px #CCE9FF solid;
592 background:#E9F5FF;
593 cursor:pointer;
594 }
596 div.datepicker-calendar table tbody tr td.wday {
597 border:1px #AAA solid;
598 background:#CCC;
599 cursor:text;
600 width:21px;
601 height:16px;
602 line-height:16px;
603 font-weight:bold;
604 }
606 div.datepicker-calendar table tbody tr td.outbound {
607 background:#F3F3F3;
608 }
610 div.datepicker-calendar table tbody tr td.today {
611 border:1px #CCE9FF solid;
612 background:#E9F5FF;
613 background-image:url(../../images/date_active.gif);
614 background-repeat:no-repeat;
615 position:top left;
616 width:21px;
617 height:16px;
618 line-height:16px;
619 }
621 div.datepicker-calendar table tbody tr td.today:hover {
622 border:1px #CCE9FF solid;
623 background:#E9F5FF;
624 background-image:url(../../images/date_active.gif);
625 background-repeat:no-repeat;
626 position:top left;
627 }
629 div.datepicker-calendar table tbody tr td.nclick,div.datepicker-calendar table tbody tr td.nclick_outbound {
630 cursor:default;
631 color:#aaa;
632 width:21px;
633 height:16px;
634 line-height:16px;
635 }
637 div.datepicker-calendar table tbody tr td.nclick_outbound {
638 background:#E8E4E4;
639 width:21px;
640 height:16px;
641 line-height:16px;
642 }
644 div.datepicker-calendar table tbody tr td.nclick:hover,div.datepicker-calendar table tbody tr td.nclick_outbound:hover {
645 border:1px #EAEAEA solid;
646 background:#FFF;
647 }
649 div.datepicker-calendar table tbody tr td.nclick_outbound:hover {
650 background:#E8E4E4;
651 }
653 div.datepicker div.datepicker-footer {
654 font-size:10px;
655 background:#F0F0F0;
656 border-top:1px solid #AAA;
657 cursor:pointer;
658 text-align:center;
659 padding:2px;
660 }
662 .date {
663 float:left;
664 }
666 .datepicker-opener-table {
667 border:1px solid transparent;
668 padding:0;
669 border-spacing:0;
670 margin:0 0 0 3px;
671 background:transparent url(../../images/datepicker.gif) no-repeat 0 0;
672 width:18px;
673 height:18px;
674 cursor:pointer;
675 }
677 .Opera .datepicker-opener-table {
678 float:right;
679 }
681 .IE7 .datepicker-opener-table {
682 position:relative;
683 top:0;
684 left:3px;
685 }
687 .datepicker-opener-table:hover {
688 background:transparent url(../../images/datepicker_ro.gif) no-repeat 0 0;
689 }
691 .datepicker-opener {
692 width:16px;
693 height:16px;
694 margin:0 0 0 3px;
695 cursor:pointer;
696 }
699 /* Lists */
701 div.listContainer {
702 width:100%;
703 border-top:1px solid #CCC;
704 border-bottom:1px solid #CCC;
705 border-left:1px solid #CCC;
706 border-right:1px solid #CCC;
707 border-top-left-radius:2px;
708 border-top-right-radius:2px;
709 -moz-border-radius-topleft:2px;
710 -moz-border-radius-topright:2px;
711 -webkit-border-top-left-radius:2px;
712 -webkit-border-top-right-radius:2px;
713 }
715 .fixedListHeader tr {
716 position:relative;
717 height:auto;
718 font-weight:bold;
719 }
721 .fixedListHeader a {
722 color:#444;
723 }
725 .listHeaderFormat {
726 margin:3px;
727 padding:1px;
728 white-space:nowrap;
729 }
731 .listHeaderFormat tr td {
732 padding:4px;
733 background-color:#F5F5F5;
734 color:#444;
735 background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#EEE));
736 background: -moz-linear-gradient(top, #F8F8F8, #EEE);
737 border-right:1px solid #CCC;
738 border-bottom:1px solid #CCC;
739 }
741 .listScrollContent {
742 height:100%;
743 overflow-x:hidden;
744 overflow-y:auto;
745 }
747 .listScrollContent tr {
748 height:auto;
749 white-space:nowrap;
750 }
752 .listScrollContent tr:nth-child(odd) {
753 background-color:#FFF;
754 }
756 .listScrollContent tr:nth-child(even) {
757 background-color:#F5F5F5;
758 }
760 .listScrollContent tr:last-child {
761 background-color:#FFF;
762 }
764 .listScrollContent tr td:last-child {
765 padding-right:20px;
766 }
768 .listScrollContent td div.img {
769 margin-right:1px;
770 }
772 .listScrollContent td input[type=submit].img {
773 margin-right:1px;
774 }
776 .listBodyFormat tr td {
777 color:#000;
778 margin:3px;
779 padding:2px;
780 border-right:1px solid #CCC;
781 word-wrap:break-word;
782 white-space:normal;
783 max-width:500px;
784 }
786 div.nlistFooter {
787 background-color:#F5F5F5;
788 color:#444;
789 background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#EEE));
790 background: -moz-linear-gradient(top, #F8F8F8, #EEE);
791 border-left:1px solid #CCC;
792 border-right:1px solid #CCC;
793 border-bottom:1px solid #CCC;
794 border-bottom-left-radius:2px;
795 border-bottom-right-radius:2px;
796 -moz-border-radius-bottomleft:2px;
797 -moz-border-radius-bottomright:2px;
798 -webkit-border-bottom-left-radius:2px;
799 -webkit-border-bottom-right-radius:2px;
800 padding:0;
801 width:100%;
802 }
805 /* List header, Filter, misc. */
807 #filter {
808 position:absolute;
809 right:0;
810 width:250px;
811 }
813 #mainlist {
814 position:absolute;
815 right:265px;
816 left:0;
817 }
819 .mainlist-header {
820 background-color:#F8F8F8;
821 border:1px solid #CCC;
822 border-radius:2px;
823 -moz-border-radius:2px;
824 -webkit-border-radius:2px;
825 background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#EEE));
826 background: -moz-linear-gradient(top, #F8F8F8, #EEE);
827 margin-bottom:4px;
828 margin-right:-2px;
829 }
831 .mainlist-header p{
832 color:#444;
833 font-weight:bold;
834 font-size:14px;
835 margin:4px;
836 }
838 .mainlist-header div.mainlist-nav{
839 border-top:1px solid #CCC;
840 background-color:white;
841 }
843 ul.mainlist-header-nav {
844 list-style:none;
845 cursor:pointer;
846 padding:0;
847 margin:0;
848 color:#666;
849 }
851 ul.mainlist-header-nav li {
852 display:inline;
853 padding:5px;
854 padding-top:8px;
855 height:19px;
856 }
858 ul.mainlist-header-nav li:hover {
859 background-color: #E0E0E0;
860 background: -webkit-gradient(linear, 0 0, 0 100%, from(#EEE), to(#E0E0E0));
861 background: -moz-linear-gradient(top, #EEE, #E0E0E0);
862 }
865 /* Sortable Lists */
867 div.sortableListContainer {
868 border:1px solid #AAA;
869 overflow:auto;
870 margin-bottom:2px;
871 }
873 .sortableListContainer th {
874 background-color:#D8D8D8;
875 padding:3px;
876 text-align:left;
877 border-left:1px solid #AAA;
878 }
880 .sortableListContainer td {
881 padding:3px;
882 text-align:left;
883 border-left:1px solid #AAA;
884 }
886 tr.sortableListItem {
887 background-color:#FFF;
888 cursor:move;
889 color:#000;
890 }
892 tr.sortableListItemFill {
893 background-color:#FFF;
894 cursor:default;
895 }
897 tr.sortableListItemOdd ::-moz-selection,tr.sortableListItem ::-moz-selection {
898 background:transparent;
899 }
901 tr.sortableListItemOdd ::selection,tr.sortableListItem ::selection {
902 background:transparent;
903 }
905 tr.sortableListItemOdd code::-moz-selection,tr.sortableListItem code::-moz-selection {
906 background:transparent;
907 }
909 tr.sortableListItemOdd code::selection,tr.sortableListItem code::selection {
910 background:transparent;
911 }
913 tr.sortableListItemOdd {
914 background-color:#F5F5F5;
915 cursor:move;
916 color:#000;
917 }
919 tr.sortableListItem:hover,tr.sortableListItemOdd:hover {
920 background-color:#EEE;
921 }
923 tr.sortableListItemDisabled {
924 cursor:default;
925 color:#CCC;
926 }
928 table.sortableListTable {
929 border:0;
930 }
932 tr.sortableListItemMarked {
933 background-color:#FFD;
934 }
937 /* Tree List */
939 ul.treeList,ul.treeList ul {
940 list-style-type:none;
941 background:url(../../images/lists/vline.png) repeat-y;
942 margin:0;
943 padding:0;
944 }
946 ul.treeList ul {
947 margin-left:10px;
948 }
950 ul.treeList a:hover {
951 background-color:#DDD;
952 }
954 a.treeList {
955 padding:2px;
956 cursor:pointer;
957 }
959 a.treeListSelected {
960 font-weight:bold;
961 color:#1010AF;
962 background-color:#DDD;
963 padding:2px;
964 cursor:pointer;
965 }
967 a.treeList:hover,a.treeListSelected:hover {
968 background-color:#DDD;
969 padding:2px;
970 }
972 ul.treeList a {
973 padding:2px;
974 cursor:pointer;
975 }
977 ul.treeList li {
978 margin:0;
979 padding:0 12px;
980 line-height:20px;
981 background:url(../../images/lists/node.png) no-repeat;
982 }
984 li.treeListSelected a {
985 font-weight:bold;
986 color:#1010AF;
987 padding:2px;
988 }
990 ul.treeList li.last {
991 background:#fff url(../../images/lists/lastnode.png) no-repeat;
992 }
994 ul.treeList li:last-child {
995 background:#fff url(../../images/lists/lastnode.png) no-repeat;
996 }
998 div.treeList {
999 background-color:#FFF;
1000 border:1px solid #AAA;
1001 padding:5px;
1002 position:absolute;
1003 z-index:500;
1004 overflow-y:auto;
1005 float:left;
1006 }
1008 span.informal {
1009 color:#444;
1010 font-style:italic;
1011 }
1014 /* Max height for IE */
1016 * html div.treeList {
1017 height: expression( this.scrollHeight > 500 ? "500px" : "auto" );
1018 }
1020 span.mark {
1021 color:#B22;
1022 }
1025 /* Message dialog */
1027 div.errorMsgTitle {
1028 width:100%;
1029 font-size:1.4em;
1030 padding-bottom:.3em;
1031 padding-top:.3em;
1032 font-weight:bold;
1033 background-color:#F0F0F0;
1034 }
1036 div.errorMsgDialog {
1037 width:60%;
1038 background-color:#FFF;
1039 border:4px solid red;
1040 z-index:150;
1041 display:none;
1042 position:absolute;
1043 }
1045 div.infoMsgDialog {
1046 width:60%;
1047 background-color:#FFF;
1048 border:2px solid #000;
1049 z-index:150;
1050 display:none;
1051 position:absolute;
1052 }
1055 /* Autocompleter */
1057 div.autocomplete {
1058 position:absolute;
1059 background-color:#FFF;
1060 border:1px solid #AAA;
1061 margin:0;
1062 padding:0;
1063 z-index:600;
1064 overflow:hidden;
1065 word-wrap:break-word;
1066 }
1068 div.autocomplete ul {
1069 list-style-type:none;
1070 margin:0;
1071 padding:0;
1072 }
1074 div.autocomplete ul li {
1075 list-style-type:none;
1076 display:block;
1077 margin:0;
1078 padding:2px;
1079 padding-left:4px;
1080 cursor:pointer;
1081 }
1083 div.autocomplete li:hover {
1084 background-color:#F0F0F0;
1085 }
1087 div.autocomplete ul li.selected {
1088 background-color:#F0F0F0;
1089 }
1092 /* Pulldown menu */
1094 #pulldown {
1095 background:#FFF;
1096 height:23px;
1097 border:1px #CCC solid;
1098 background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#EEE));
1099 background: -moz-linear-gradient(top, #F8F8F8, #EEE);
1100 }
1102 #pulldown ul {
1103 display:block;
1104 margin:0;
1105 padding:0;
1106 line-height:1em;
1107 list-style:none;
1108 z-index:90;
1109 }
1111 #pulldown ul li {
1112 float:left;
1113 margin:0 3px 0 0;
1114 padding:0;
1115 font-size:12px;
1116 line-height:1 5em;
1117 list-style-type:none;
1118 }
1120 #pulldown ul li a {
1121 float:left;
1122 display:block;
1123 width:auto;
1124 font-weight:normal;
1125 background:transparent;
1126 text-decoration:none;
1127 margin:0;
1128 padding:5px;
1129 }
1131 #pulldown ul li a:hover {
1132 text-decoration:none;
1133 }
1135 #pulldown ul li.sep {
1136 color:#AAA;
1137 padding:.8em 0 .5em;
1138 }
1140 /* Commented Backslash Hack hides rule from IE5-Mac \*/
1141 #pulldown ul li a {
1142 float:none;
1143 }
1145 /* End IE5-Mac hack */
1146 #pulldown ul.level2,#pulldown ul.level3 {
1147 position:absolute;
1148 top:0;
1149 left:0;
1150 visibility:hidden;
1151 border:1px #CCC solid;
1152 background:#FFF;
1153 box-shadow: 2px 2px 0 rgba(0,0,0,0.2);
1154 -webkit-box-shadow: 2px 2px 1px rgba(0,0,0,0.2);
1155 -moz-box-shadow: 2px 2px 0px rgba(0,0,0,0.2);
1156 }
1158 #pulldown ul.level2 li,#pulldown ul.level3 li {
1159 border-bottom:1px solid #fff;
1160 float:none;
1161 margin:0;
1162 padding:0;
1163 width:200px;
1164 }
1166 #pulldown ul.level2 li a,#pulldown ul.level3 li a {
1167 padding:5px 9px 5px 5px;
1168 }
1170 #pulldown ul.level2 li a:hover,#pulldown ul.level3 li a:hover {
1171 font-weight:normal;
1172 background-color:#418DD4;
1173 background-image:none;
1174 }