Code

Updated base selector
[gosa.git] / gosa-core / html / themes / modern / style.css
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 */
88 button.img{
89   background:none;
90   border:0;
91   margin:0;
92   padding:2px;
93 }
94 button.img div.img {
95   border:0;
96 }
98 div.img{
99   background-color:transparent;
100   background-repeat:no-repeat;
101   position:relative;
102   float:left;
105 div.img div {
106   background-color:transparent;
107   background-repeat:no-repeat;
108   bottom:0;
109   right:0;
110   position:absolute;
114 /* Title bar definitions */
116 div.title-bar{
117   padding:0px;
118   height:40px;
119   border-top:1px solid #111;
120   border-bottom:1px solid #222;
121   background:url('images/title-bar.png') repeat-x;
122   color:#FFF;
123   cursor:default;
126 div.title-bar ul, div.title-bar ul li{
127   list-style:none;
128   display:inline;
129   margin:0;
130   padding:0;
133 div.logged-in-label span{
134   font-weight:bold;
137 li.table-wrapper {
138   display:table;
141 div.logged-in-label {
142   display:table-cell;
143   height:40px;
144   vertical-align:middle;
145   padding:0 5px 0 5px;
148 div.logout-label {
149   display:table-cell;
150   height:40px;
151   vertical-align:middle;
152   padding:0 5px 0 5px;
155 #log-out{
156   width:16px;
157   height:16px;
158   border:0;
159   background-color:transparent;
160   background-image:url('images/btn-logout.png');
161   cursor:pointer;
164 #log-out:hover{
165   background-image:url('images/btn-logout-hover.png')
169 /* Screen areas */
171 div.navigation {
172   float:left;
173   position:absolute;
174   width:150px;
175   min-height:600px;
176   padding-left:6px;
177   margin-top:8px;
180 div.plugin-area {
181   float:right;
182   position:absolute;
183   left:164px;
184   right:0;
185   padding-right:6px;
186   min-height:600px;
187   min-width:700px;
188   cursor:default;
192 /* Plugin decorations */
194 .plugin {
195   clear:both;
196   padding:5px 8px;
197   position:relative;
198   border:1px solid #CCC;
199   border-radius:5px;
200   box-shadow: 0 1px 0 rgba(0,0,0,0.2);
201   -webkit-border-radius:5px;
202   -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
203   -moz-border-radius:5px;
204   -moz-box-shadow: 0 1px 0px rgba(0,0,0,0.2);
207 .plugin-actions {
208   padding-top:5px;
209   text-align:right;
213 /* Plugin navigation bar */
215 .plugin-path {
216   margin-top:8px;
217   margin-bottom:8px;
218   height:32px;
219   background-color:#F8F8F8;
220   border:1px solid #CCC;
221   border-radius:5px;
222   -moz-border-radius:5px;
223   -webkit-border-radius:5px;
224   background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#EEE));
225   background: -moz-linear-gradient(top, #F8F8F8, #EEE);
228 ul.path-navigation {
229   list-style:none;
230   cursor:pointer;
231   padding:0;
232   margin:0;
233   color:#666;
236 ul.path-navigation li {
237   display:inline;
238   padding:5px;
239   padding-top:8px;
240   height:19px;
243 ul.path-navigation li:hover {
244   background-color: #E0E0E0;
245   background: -webkit-gradient(linear, 0 0, 0 100%, from(#EEE), to(#E0E0E0));
246   background: -moz-linear-gradient(top, #EEE, #E0E0E0);
249 div.nav-home {
250   height:14px;
251   width:20px;
252   background-image:url(images/home.png);
255 .right-border {
256   border-right:1px solid #C2C2C2;
259 .left-border {
260   border-left:1px solid #C2C2C2;
264 /* Side menu */
266 div.menu {
267   background: -webkit-gradient(linear, 0 0, 0 100%, from(#FFF), to(#F5F5F5));
268   background: -moz-linear-gradient(top, #FFF, #F5F5F5);
271 div.menu div {
272   height:3px;
273   border-right:1px solid #C2C2C2;
274   border-left:1px solid #C2C2C2;
275   border-bottom:1px solid #C2C2C2;
276   border-bottom-left-radius:5px;
277   border-bottom-right-radius:5px;
278   box-shadow: 0 1px 0 rgba(0,0,0,0.2);
279   -webkit-border-bottom-left-radius:5px;
280   -webkit-border-bottom-right-radius:5px;
281   -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
282   -moz-border-radius:5px;
283   -moz-box-shadow: 0 1px 0px rgba(0,0,0,0.2);
286 div.menu ul {
287   list-style:none;
288   margin:0;
289   padding:0;
292 div.menu ul li {
293   padding:5px; 
294   cursor:pointer;
295   border-left:1px solid #C2C2C2;
296   border-right:1px solid #C2C2C2;
299 div.menu ul li.current {
300   padding:5px; 
301   cursor:pointer;
302   background-color: rgba(0,0,0,0.1);
303   border-left:1px solid #C2C2C2;
304   border-right:1px solid #C2C2C2;
307 div.menu ul li:hover {
308   background-color: #E0E0E0;
311 div.menu ul li.menu-header {
312   cursor:default;
313   text-align:center;
314   font-weight:bold;
315   color:#FFF;
316   border:0;
317   background-color: #415A84;
318   background: -webkit-gradient(linear, 0 0, 0 100%, from(#5B6B8E), to(#2A4A79));
319   background: -moz-linear-gradient(top, #5B6B8E, #2A4A79);
320   border-top-left-radius:5px;
321   border-top-right-radius:5px;
322   -moz-border-radius-topleft:5px;
323   -moz-border-radius-topright:5px;
324   -webkit-border-top-left-radius:5px;
325   -webkit-border-top-right-radius:5px;
329 /* Buttons */
331 .button {
332   padding:2px 6px;
333   margin:0;
334   margin-bottom:6px;
335   background-color:#F8F8F8;
336   background: -webkit-gradient(linear, 0 0, 0 100%, from(#FFF), to(#BBB));
337   background: -moz-linear-gradient(top, #FFF, #BBB);
338   border:1px solid #BBB;
339   border-radius:2px;
340   -webkit-border-radius:2px;
341   -moz-border-radius:2px;
342   outline:none;
345 .button:active {
346   background-color:#CCC;
347   background: -webkit-gradient(linear, 0 100%, 0 0, from(#FFF), to(#BBB));
348   background: -moz-linear-gradient(top, #BBB, #FFF);
351 .button:hover {
352   cursor:pointer;
353   border-color:#777 !important;
356 .button:focus, .button:active {
357   border-color:#777;
361 /* Tabs */
363 .tabs {
364   width:100%;
365   height:25px;
368 .tab-content {
369   padding:5px 8px;
370   z-index:0;
371   margin-top:-2px;
372   position:relative;
373   border:1px solid #CCC;
374   border-top-right-radius:5px;
375   border-bottom-right-radius:5px;
376   border-bottom-left-radius:5px;
377   box-shadow: 0 1px 0 rgba(0,0,0,0.2);
378   -webkit-border-top-right-radius:5px;
379   -webkit-border-bottom-right-radius:5px;
380   -webkit-border-bottom-left-radius:5px;
381   -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
382   -moz-border-radius-topright:5px;
383   -moz-border-radius-bottomright:5px;
384   -moz-border-radius-bottomleft:5px;
385   -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.2);
388 .tabs ul {
389   margin:0;
390   padding:0;
391   list-style:none;
394 .tabs li {
395   float:left;
396   margin:0;
397   padding:4px 8px;
398   border-top:1px solid #C8C8C8;
399   border-left:1px solid #C8C8C8;
400   border-right:1px solid #C8C8C8;
401   border-top-right-radius:5px;
402   border-top-left-radius:5px;
403   -webkit-border-top-right-radius:5px;
404   -webkit-border-top-left-radius:5px;
405   -moz-border-radius-topleft:5px;
406   -moz-border-radius-topright:5px;
407   background-color:#F8F8F8;
408   background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#EEE));
409   background: -moz-linear-gradient(top, #F8F8F8, #EEE);
410   color:#333;
411   cursor:pointer;
414 .tabs li:hover {
415   background-color:#FFF;
416   background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#FFF));
417   background: -moz-linear-gradient(top, #F8F8F8, #FFF);
420 .tabs li.current {
421   background-color:#FFF;
422   background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#FFF));
423   background: -moz-linear-gradient(top, #F8F8F8, #FFF);
424   margin-top:-2px;
425   max-height:14px;
426   padding-bottom:6px;
427   border-bottom:1px solid #FFF;
428   position:relative;
429   z-index:1;
430   color:#222;
431   cursor:pointer;
435 /* Fieldsets */
437 fieldset {
438   border:0;
439   padding:4px;
440   margin:0;
443 fieldset legend{
444   text-align:left;
445   padding:0px 0px;
446   margin-left:0px;
447   font-weight:bold;
450 fieldset label{
451   width:8em;
452   float:left;
453   text-align:left;
454   clear:left;
455   padding-top:3px;
456   margin-top:3px;
459 fieldset input[type=text], fieldset select{
460   float:left;
461   width:10em;
462   margin-top:3px;
465 fieldset input[type=checkbox]{
466   clear:left;
467   float:left;
468   margin-top:1px;
469   margin-left:0;
472 fieldset select{
473   margin-top:5px;
476 fieldset textarea{
477   width:100%;
478   resize:none;
479   border:1px solid #CCC;
482 fieldset textarea:hover{
483   border-color:#777;
486 .fieldset-left {
487   padding-right:10px;
488   border-right:1px solid #CCC;
489   height:100%;
492 .fieldset-middle {
493   padding:0 10px;
494   border-right:1px solid #CCC;
495   height:100%;
498 .fieldset-right {
499   padding:0 10px;
500   height:100%;
503 /* Containers */
505 .container{
506   float:none;
507   clear:both;
508   height:100%;
511 .container-element{
512   float:left;
513   height:100%;
516 .clear-left{
517   clear:left;
520 .clear{
521   clear:both;
524 .line-clear{
525   clear:both;
526   padding:2px 0;
527   border-bottom:1px solid #CCC;
531 /* Icon menu */
533 .icon-menu-item{
534   float:left;
535   padding-top:10px;
536   padding-bottom:10px;
537   min-height:70px;
538   min-width:150px;
539   cursor:pointer;
542 .icon-menu-item div.dsc{
543   margin-left:55px
546 .icon-menu-item:hover{
547   background-color: #E0E0E0;
550 .icon-menu-item h1{
551   font-size:12px;
552   font-weight:bold;
553   margin:0;
554   color:#333;
557 h3.icon-menu-title{
558   font-size:14px;
559   font-weight:bold;
560   margin-top:8px;
561   color:#333;
564 .icon-menu-item p{
565   margin:0;
566   color:#777;
570 /* Errors */
572 .error {
573   border-color:red ! important;
577 /* Date picker*/
579 div.datepicker {
580   position:absolute;
581   text-align:center;
582   border:1px #CCC solid;
583   font-family:arial;
584   background:#FFF;
585   font-size:10px;
586   padding:0;
587   box-shadow: 2px 2px 0 rgba(0,0,0,0.2);
588   -webkit-box-shadow: 2px 2px 1px rgba(0,0,0,0.2);
589   -moz-box-shadow: 2px 2px 0px rgba(0,0,0,0.2);
592 div.datepicker-calendar table {
593   font-size:10px;
594   border:1px solid #FFF;
595   margin:0;
596   padding:0;
597   text-align:center;
600 div.datepicker div.datepicker-header {
601   font-size:11px;
602   font-weight:bold;
603   background:#F0F0F0;
604   border-bottom:1px solid #CCC;
605   padding:2px;
606   text-align:center;
609 div.datepicker table.header {
610   width:175px;
611   border:0;
612   padding:0;
613   text-align:center;
616 td.prev,td.prev_year,td.next,td.next_year {
617   width:8%;
618   cursor:pointer;
619   font-weight:bold;
620   line-height:16px;
623 td.prev:hover,td.prev_year:hover,td.next:hover,td.next_year:hover {
624   background-color:#DDD;
627 td.header {
628   text-align:center;
629   width:68%;
630   font-weight:bold;
631   line-height:16px;
634 div.datepicker-header {
635   height:16px;
638 div.datepicker-calendar table tbody tr {
639   border:1px solid #FFF;
640   margin:0;
641   padding:0;
644 div.datepicker-calendar table tbody tr td {
645   border:1px #EEE solid;
646   margin:0;
647   padding:0;
648   text-align:center;
649   height:16px;
650   line-height:16px;
651   width:21px;
652   cursor:pointer;
655 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 {
656   border:1px #CCE9FF solid;
657   background:#E9F5FF;
658   cursor:pointer;
661 div.datepicker-calendar table tbody tr td.wday {
662   border:1px #AAA solid;
663   background:#CCC;
664   cursor:text;
665   width:21px;
666   height:16px;
667   line-height:16px;
668   font-weight:bold;
671 div.datepicker-calendar table tbody tr td.outbound {
672   background:#F3F3F3;
675 div.datepicker-calendar table tbody tr td.today {
676   border:1px #CCE9FF solid;
677   background:#E9F5FF;
678   background-image:url(../../images/date_active.gif);
679   background-repeat:no-repeat;
680   position:top left;
681   width:21px;
682   height:16px;
683   line-height:16px;
686 div.datepicker-calendar table tbody tr td.today:hover {
687   border:1px #CCE9FF solid;
688   background:#E9F5FF;
689   background-image:url(../../images/date_active.gif);
690   background-repeat:no-repeat;
691   position:top left;
694 div.datepicker-calendar table tbody tr td.nclick,div.datepicker-calendar table tbody tr td.nclick_outbound {
695   cursor:default;
696   color:#aaa;
697   width:21px;
698   height:16px;
699   line-height:16px;
702 div.datepicker-calendar table tbody tr td.nclick_outbound {
703   background:#E8E4E4;
704   width:21px;
705   height:16px;
706   line-height:16px;
709 div.datepicker-calendar table tbody tr td.nclick:hover,div.datepicker-calendar table tbody tr td.nclick_outbound:hover {
710   border:1px #EAEAEA solid;
711   background:#FFF;
714 div.datepicker-calendar table tbody tr td.nclick_outbound:hover {
715   background:#E8E4E4;
718 div.datepicker div.datepicker-footer {
719   font-size:10px;
720   background:#F0F0F0;
721   border-top:1px solid #AAA;
722   cursor:pointer;
723   text-align:center;
724   padding:2px;
727 .date {
728   float:left;
731 .datepicker-opener-table {
732   border:1px solid transparent;
733   padding:0;
734   border-spacing:0;
735   margin:0 0 0 3px;
736   background:transparent url(../../images/datepicker.gif) no-repeat 0 0;
737   width:18px;
738   height:18px;
739   cursor:pointer;
742 .Opera .datepicker-opener-table {
743   float:right;
746 .IE7 .datepicker-opener-table {
747   position:relative;
748   top:0;
749   left:3px;
752 .datepicker-opener-table:hover {
753   background:transparent url(../../images/datepicker_ro.gif) no-repeat 0 0;
756 .datepicker-opener {
757   width:16px;
758   height:16px;
759   margin:0 0 0 3px;
760   cursor:pointer;
764 /* Lists */
766 div.listContainer {
767   width:100%;
768   border-top:1px solid #CCC;
769   border-bottom:1px solid #CCC;
770   border-left:1px solid #CCC;
771   border-right:1px solid #CCC;
772   border-top-left-radius:2px;
773   border-top-right-radius:2px;
774   -moz-border-radius-topleft:2px;
775   -moz-border-radius-topright:2px;
776   -webkit-border-top-left-radius:2px;
777   -webkit-border-top-right-radius:2px;
780 .fixedListHeader tr {
781   position:relative;
782   height:auto;
783   font-weight:bold;
786 .fixedListHeader a {
787   color:#444;
790 .listHeaderFormat {
791   margin:3px;
792   padding:1px;
793   white-space:nowrap;
796 .listHeaderFormat tr td {
797   padding:4px;
798   background-color:#F5F5F5;
799   color:#444;
800   background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#EEE));
801   background: -moz-linear-gradient(top, #F8F8F8, #EEE);
802   border-right:1px solid #CCC;
803   border-bottom:1px solid #CCC;
806 .listScrollContent {
807   height:100%;
808   overflow-x:hidden;
809   overflow-y:auto;
812 .listScrollContent tr {
813   height:auto;
814   white-space:nowrap;
817 .listScrollContent tr:nth-child(odd) {
818   background-color:#FFF;
821 .listScrollContent tr:nth-child(even) {
822   background-color:#F5F5F5;
825 .listScrollContent tr:last-child {
826   background-color:#FFF;
829 .listScrollContent tr td:last-child {
830   padding-right:20px;
833 .listBodyFormat tr td {
834   color:#000;
835   margin:3px;
836   padding:2px;
837   border-right:1px solid #CCC;
838   word-wrap:break-word;
839   white-space:normal;
840   max-width:500px;
843 div.nlistFooter {
844   background-color:#F5F5F5;
845   color:#444;
846   background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#EEE));
847   background: -moz-linear-gradient(top, #F8F8F8, #EEE);
848   border-left:1px solid #CCC;
849   border-right:1px solid #CCC;
850   border-bottom:1px solid #CCC;
851   border-bottom-left-radius:2px;
852   border-bottom-right-radius:2px;
853   -moz-border-radius-bottomleft:2px;
854   -moz-border-radius-bottomright:2px;
855   -webkit-border-bottom-left-radius:2px;
856   -webkit-border-bottom-right-radius:2px;
857   padding:0;
858   width:100%;
862 /* List header, Filter, misc. */
864 #filter {
865   position:absolute;
866   right:0;
867   width:250px;
870 #mainlist {
871   position:absolute;
872   right:265px;
873   left:0;
876 .mainlist-header {
877   background-color:#F8F8F8;
878   border:1px solid #CCC;
879   border-radius:2px;
880   -moz-border-radius:2px;
881   -webkit-border-radius:2px;
882   background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#EEE));
883   background: -moz-linear-gradient(top, #F8F8F8, #EEE);
884   margin-bottom:4px;
885   margin-right:-2px;
888 .mainlist-header p{
889   color:#444;
890   font-weight:bold;
891   font-size:14px;
892   margin:4px;
895 .mainlist-header div{
896   border-top:1px solid #CCC;
897   background-color:white;
900 ul.mainlist-header-nav {
901   list-style:none;
902   cursor:pointer;
903   padding:0;
904   margin:0;
905   color:#666;
908 ul.mainlist-header-nav li {
909   display:inline;
910   padding:5px;
911   padding-top:8px;
912   height:19px;
915 ul.mainlist-header-nav li:hover {
916   background-color: #E0E0E0;
917   background: -webkit-gradient(linear, 0 0, 0 100%, from(#EEE), to(#E0E0E0));
918   background: -moz-linear-gradient(top, #EEE, #E0E0E0);
922 /* Sortable Lists */
924 div.sortableListContainer {
925   border:1px solid #AAA;
926   overflow:auto;
927   margin-bottom:2px;
930 .sortableListContainer th {
931   background-color:#D8D8D8;
932   padding:3px;
933   text-align:left;
934   border-left:1px solid #AAA;
937 .sortableListContainer td {
938   padding:3px;
939   text-align:left;
940   border-left:1px solid #AAA;
943 tr.sortableListItem {
944   background-color:#FFF;
945   cursor:move;
946   color:#000;
949 tr.sortableListItemFill {
950   background-color:#FFF;
951   cursor:default;
954 tr.sortableListItemOdd ::-moz-selection,tr.sortableListItem ::-moz-selection {
955   background:transparent;
958 tr.sortableListItemOdd ::selection,tr.sortableListItem ::selection {
959   background:transparent;
962 tr.sortableListItemOdd code::-moz-selection,tr.sortableListItem code::-moz-selection {
963   background:transparent;
966 tr.sortableListItemOdd code::selection,tr.sortableListItem code::selection {
967   background:transparent;
970 tr.sortableListItemOdd {
971   background-color:#F5F5F5;
972   cursor:move;
973   color:#000;
976 tr.sortableListItem:hover,tr.sortableListItemOdd:hover {
977   background-color:#EEE;
980 tr.sortableListItemDisabled {
981   cursor:default;
982   color:#CCC;
985 table.sortableListTable {
986   border:0;
989 tr.sortableListItemMarked {
990   background-color:#FFD;
994 /* Tree List */
996 ul.treeList,ul.treeList ul {
997   list-style-type:none;
998   background:url(../../images/lists/vline.png) repeat-y;
999   margin:0;
1000   padding:0;
1003 ul.treeList ul {
1004   margin-left:10px;
1007 ul.treeList a:hover {
1008   background-color:#DDD;
1011 a.treeList {
1012   padding:2px;
1013   cursor:pointer;
1016 a.treeListSelected {
1017   font-weight:bold;
1018   color:#1010AF;
1019   background-color:#DDD;
1020   padding:2px;
1021   cursor:pointer;
1024 a.treeList:hover,a.treeListSelected:hover {
1025   background-color:#DDD;
1026   padding:2px;
1029 ul.treeList div.img {
1030   border:0;
1031   margin-top:1px;
1034 ul.treeList a {
1035   padding:2px;
1036   cursor:pointer;
1039 ul.treeList li {
1040   margin:0;
1041   padding:0 12px;
1042   line-height:20px;
1043   background:url(../../images/lists/node.png) no-repeat;
1046 li.treeListSelected a {
1047   font-weight:bold;
1048   color:#1010AF;
1049   padding:2px;
1052 ul.treeList li.last {
1053   background:#fff url(../../images/lists/lastnode.png) no-repeat;
1056 ul.treeList li:last-child {
1057   background:#fff url(../../images/lists/lastnode.png) no-repeat;
1060 div.treeList {
1061   background-color:#FFF;
1062   border:1px solid #AAA;
1063   padding:5px;
1064   position:absolute;
1065   z-index:500;
1066   overflow-y:auto;
1067   float:left;
1070 span.informal {
1071   color:#444;
1072   font-style:italic;
1076 /* Max height for IE */
1078 * html div.treeList {
1079   height: expression( this.scrollHeight > 500 ? "500px" : "auto" );
1082 span.mark {
1083   color:#B22;
1087 /* Message dialog */
1089 div.errorMsgTitle {
1090 width:100%;        
1091 font-size:1.4em;   
1092 padding-bottom:.3em;
1093 padding-top:.3em;   
1094 font-weight:bold;   
1095 background-color:#F0F0F0;
1096 }                        
1098 div.errorMsgDialog {
1099 width:60%;          
1100 background-color:#FFF;
1101 border:4px solid red; 
1102 z-index:150;          
1103 display:none;         
1104 position:absolute;    
1105 }                     
1107 div.infoMsgDialog {
1108 width:60%;         
1109 background-color:#FFF;
1110 border:2px solid #000;
1111 z-index:150;          
1112 display:none;         
1113 position:absolute;    
1114 }                     
1117 /* Autocompleter */
1119 div.autocomplete {
1120 position:absolute;
1121 background-color:#FFF;
1122 border:1px solid #AAA;
1123 margin:0;             
1124 padding:0;            
1125 z-index:600;          
1126 overflow:hidden;      
1127 word-wrap:break-word; 
1128 }                     
1130 div.autocomplete ul {
1131 list-style-type:none;
1132 margin:0;            
1133 padding:0;           
1134 }                    
1136 div.autocomplete ul li {
1137 list-style-type:none;   
1138 display:block;          
1139 margin:0;               
1140 padding:2px;            
1141 padding-left:4px;       
1142 cursor:pointer;         
1143 }                       
1145 div.autocomplete li:hover {
1146 background-color:#F0F0F0;  
1147 }                          
1149 div.autocomplete ul li.selected {
1150 background-color:#F0F0F0;        
1151 }                                
1154 /* Pulldown menu */
1156 #pulldown {
1157 background:#FFF;
1158 height:23px;    
1159 border:1px #CCC solid;
1160 background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#EEE));
1161 background: -moz-linear-gradient(top, #F8F8F8, #EEE);
1162 }                             
1164 #pulldown ul {
1165 display:block;
1166 margin:0;     
1167 padding:0;    
1168 line-height:1em;
1169 list-style:none;
1170 z-index:90;     
1171 }               
1173 #pulldown ul li {
1174 float:left;      
1175 margin:0 3px 0 0;
1176 padding:0;       
1177 font-size:12px;  
1178 line-height:1 5em;
1179 list-style-type:none;
1180 }                    
1182 #pulldown ul li a {
1183 float:left;        
1184 display:block;     
1185 width:auto;        
1186 font-weight:normal;
1187 background:transparent;
1188 text-decoration:none;  
1189 margin:0;              
1190 padding:5px;           
1191 }                      
1193 #pulldown ul li a:hover {
1194 text-decoration:none;    
1195 }                        
1197 #pulldown ul li.sep {
1198 color:#AAA;          
1199 padding:.8em 0 .5em; 
1200 }                    
1202 /* Commented Backslash Hack hides rule from IE5-Mac \*/
1203 #pulldown ul li a {                                    
1204 float:none;                                            
1205 }                                                      
1207 /* End IE5-Mac hack */
1208 #pulldown ul.level2,#pulldown ul.level3 {
1209 position:absolute;                       
1210 top:0;                                   
1211 left:0;                                  
1212 visibility:hidden;                       
1213 border:1px #CCC solid;            
1214 background:#FFF;                         
1215 box-shadow: 2px 2px 0 rgba(0,0,0,0.2);
1216 -webkit-box-shadow: 2px 2px 1px rgba(0,0,0,0.2);
1217 -moz-box-shadow: 2px 2px 0px rgba(0,0,0,0.2);
1218 }                                        
1220 #pulldown ul.level2 li,#pulldown ul.level3 li {
1221 border-bottom:1px solid #fff;                  
1222 float:none;                                    
1223 margin:0;                                      
1224 padding:0;                                     
1225 width:200px;                                   
1226 }                                              
1228 #pulldown ul.level2 li a,#pulldown ul.level3 li a {
1229 padding:5px 9px 5px 5px;                           
1230 }                                                  
1232 #pulldown ul.level2 li a:hover,#pulldown ul.level3 li a:hover {
1233 font-weight:normal;                                            
1234 background-color:#418DD4;                                      
1235 background-image:none;                                         
1236 }