Minor style tweaks here and there.
[koha.git] / koha-tmpl / intranet-tmpl / prog / en / css / staff-global.css
1 @import url("/intranet-tmpl/prog/en/lib/yui/reset-fonts-grids.css");
2
3 a, a:link, a:visited, a:active {
4         color : #0000CC;
5 }
6
7 a:hover {
8         color : #669ACC;
9 }
10
11 body {
12         text-align : left;
13 }
14
15 br.clear {
16         clear : both;
17         line-height : 1px;
18 }
19
20 form {
21         display : inline;
22 }
23
24 h1 {
25         font-size : 161.6%;
26         font-weight : bold;
27 }
28
29 h2 {
30         font-size : 146.5%;
31         font-weight : bold;
32 }
33
34 h3 {
35         font-size : 131%;
36         font-weight : bold;
37 }
38
39 h4 {
40         font-size : 116%;       
41         font-weight : bold;
42 }
43
44 h5 {
45         font-size : 100%;       
46         font-weight : bold;
47 }
48
49 h6 {
50         font-size : 93%;
51         font-weight : bold;
52 }
53
54 h1,h2,h3,h4,h5,h6 {
55         margin : .3em 0;
56 }
57
58 p {
59         margin: .5em 0 .5em 0;
60 }
61
62 strong {
63         font-weight : bold;
64 }
65
66 em {
67         font-style : italic;
68 }
69
70 .subfield-label {
71     font-style : italic;
72 }
73
74 #hd {
75 }
76
77 #navigation {
78         border-right : 1px solid #BCBCBC;
79 }
80
81 #navigation li {
82         font-weight : bold;
83 }
84
85 #navigation li li {
86         font-weight : normal;
87 }
88
89 #navigation input {
90         font-size : 85%;
91 }
92
93 #ft {
94 }
95
96 .yui-u {
97 }
98
99 #doc, #doc1, #doc2, #doc3 {
100         padding-top : 1em;
101 }
102
103 #login   {
104         position : absolute;
105         top : 3px;
106         right : .5em;
107 }
108
109 #login a {
110
111 }
112
113 ul {
114         padding-left : 1.1em;
115 }
116
117 li {
118         
119         list-style-type : disc;
120 }
121
122 li li {
123         list-style-type : circle;
124 }
125
126 #header {
127         background-color : #F3F3F3;
128         border-bottom : 1px solid #E8E8E8;
129 }
130
131 #header:after { /* clearing without presentational markup, IE gets extra treatment */
132     display: block;
133     clear: both;
134     content: " ";
135 }
136
137 #sitetitle {
138 /*      background-image : url("../../img/koha-logo-black.png");
139         background-position : 5px 2px;
140         background-repeat : no-repeat;
141         float : left;
142         height : 54px;
143         padding-left : 50px;*/
144         border-bottom : 1px solid #E8E8E8;
145 }
146
147 #sitetitle h1 {
148         display : inline;
149         line-height : 54px;
150 }
151
152 #sitetitle h1 a {
153         text-decoration : none;
154 }
155
156 #toplevelnav {
157         float : left;
158         line-height : 2em;
159 }
160
161 #submenu {
162         margin : 0 0 .5em 0;
163         padding : 0;
164 }
165
166 #submenu ul {
167         margin : 0;
168         padding : 0;    
169 }
170
171 #submenu ul li {
172         padding-left : 0;
173 }
174
175 /*#toplevelnav ul {
176         margin : 0;
177         padding : 0;
178 }
179
180 #toplevelnav li, #submenu li {
181         display : inline;
182         border-right : 1px solid #E8E8E8;
183         padding : 0 .5em;
184         white-space : nowrap;
185 }
186
187 #toplevelnav li:last-child, #submenu li:last-child {
188         border : 0;
189 }*/
190
191 table {
192         border-collapse : collapse;
193         border-top : 1px solid #BCBCBC;
194         border-right : 1px solid #BCBCBC;
195 }
196
197 td, th {
198         border-bottom : 1px solid #BCBCBC;
199         border-left : 1px solid #BCBCBC;
200         padding : .2em .3em;
201 }
202
203 td {
204         background-color : White;
205 }
206
207 th {
208         background-color : #E8E8E8;
209         font-weight : bold;
210 }
211
212 tr.highlight td, td.highlight {
213         background-color : #F3F3F3;
214 }
215
216 td.od {
217         color : #cc0000;
218         font-weight : bold;
219 }
220
221 tr.warn td {
222         background-color: #FF9090;
223 }
224
225 tr.onissue td {
226         background-color: #FFFFCC;
227 }
228
229 tr.highlight.onissue td {
230         background-color: #FFFFE1;
231 }
232
233 caption {
234         font-size : 153.9%;
235         font-weight : bold;
236 }
237
238 span.problem {
239         background-color : #FFFFCC;
240         color : #990000;
241         font-weight : bold;
242         line-height : 1.7em;
243 }
244
245 fieldset {
246         border : 2px solid #EEEEEE;
247         margin : 1em 1em 1em 0;
248         padding : 1em;
249 }
250
251 legend {
252         font-size : 123.1%;
253         font-weight : bold;
254         margin : 0 0 0 -1em;
255         padding : 0;
256 }
257
258 #breadcrumbs {
259         background-color : #F3F3F3;
260         border-bottom : 1px solid #E8E8E8;
261         clear : both;
262         font-size : 90%;
263         padding :.2em .5em .4em 10px;
264 }
265
266 #header+#breadcrumbs {
267         margin-top : 1em;
268 }
269
270 #commonsearch {
271         display : inline;
272 }
273
274
275 div#header_search {
276         background-image : url("../../img/koha-logo-medium.gif");
277         background-position : .5em .5em;
278         background-repeat : no-repeat;
279         float: left;
280         padding-left : 14.2em;
281         margin: .3em 0 .5em 0;
282         min-height : 52px;
283 }
284
285 div#header_search input {
286         font-size : 1.3em;
287 }
288
289 div#header_search ul.link-tabs {
290         font-family : Arial, Geneva, sans-serif;
291         margin-bottom : -4px;
292 }
293
294 div#header_search ul.link-tabs li.on a,
295 div#header_search ul.link-tabs li a,
296 div#header_search ul.link-tabs li.off a {
297         padding : 0.1em .5em .2em .5em;
298 }
299
300 div#header_search div.residentsearch {
301         border : 0;
302         border-bottom : 1px solid #FF9900;
303         padding : 0 0 .2em 0;
304 }
305
306 div#reserves,div#checkouts {
307         border : 1px solid #E8E8E8;
308         padding : 1em;
309 }
310
311 div#header_search .tip {
312         font-size: 93%;
313         color : Gray;
314 }
315
316 .ex {
317         font-family : "Courier New", Courier, fixed-width;
318         font-weight : bold;
319 }
320
321 /* ClickMenu Overrides */
322
323 ul#toplevelmenu li {
324         display : inline;
325         list-style: none;
326 }
327
328 ul#toplevelmenu li ul {
329 }
330
331 div.cmDiv
332 {
333         border: 0;
334         background-color: #F3F3F3;
335 }
336
337 .clickMenu li.more a {
338         background-image: url("../../img/more-arrow.gif");
339         background-position: right;
340         background-repeat: no-repeat;
341         padding-right : 13px;
342 }
343
344 .clickMenu li.more li a {
345         background-image : none;
346         padding-right : 0;
347         white-space : nowrap;
348 }
349
350 .clickMenu
351 {
352         margin: 0;
353         padding: 0;
354         cursor: default;
355 }
356 .clickMenu, .clickMenu ul
357 {
358         list-style: none;
359 }
360 .clickMenu ul
361 {
362         margin: 0;
363         padding: 2px;
364         border: 0;
365         background-color: #F3F3F3;
366         min-width: 100px; /* ie doesnt know this :/ */
367         //float: left;/*ie again*/
368         //width: 100%;/*and again*/
369 }
370 .clickMenu div.outerbox
371 {
372         display: none;
373         min-width: 106px; /* firefox produces animation-flickering when the box is bigger than this :/ */
374 }
375 .clickMenu div.inner
376 {
377         //top: 20px; /* for ie */
378         left: 0;
379         margin: 0;
380 }
381 .clickMenu div.inner div.outerbox
382 {
383         margin: 0;
384         left: 98px;
385         //left: 90px; /* for ie */
386         top: -3px;
387 }
388 .clickMenu li
389 {
390         list-style-type : none;
391         position: relative;
392         padding: 0 20px 0 2px;
393         /*white-space: nowrap; does not really work in ie */
394 }
395 .clickMenu li.main
396 {
397         float: left;
398         padding: 0 10px;
399         background-color: #F3F3F3;
400         //height: 20px; /* for ie */
401 }
402 .clickMenu li.main li
403 {
404         z-index: 2;
405         min-width: 78px;
406 }
407 .clickMenu li.hover
408 {
409         z-index: 1 !important; /* the hover z-index has to be below the normal one the hovering items may be drawn over a submenu */
410         background-color : transparent;
411 }
412 .clickMenu img.liArrow
413 {
414         position: absolute;
415         right: 5px;
416         top: 0.41em;
417 }
418 .clickMenu ul a {
419         cursor: default;
420 }
421
422 ul.innerBox a {
423         cursor : pointer;
424 }
425
426 ul.innerBox {
427         border: 1px solid #E8E8E8;
428 }
429
430 div.yui-b h5 {
431         font-size : 100%;
432         margin : .5em 0;
433 }
434
435 dt {
436         font-size : 110%;
437         font-weight : bold;
438 }
439
440 dd {
441         padding : .2em;
442         text-indent : 1.5em;
443 }
444
445 div#toolbar {
446         background-color : #F3F3F3;
447         margin-bottom : .7em;
448 }
449
450 ul.toolbar {
451         padding-left : 0;
452 }
453
454 .yui-menu-button  {
455         
456 }
457
458 ul.toolbar li {
459         display : inline;
460         list-style : none;
461 }
462
463 div.message {
464    border : 1px solid #6699CC;
465         width : 75%;
466         margin : 1em auto;
467         padding : .5em;
468 }
469
470 div.patroninfo {
471         margin-top : -.5em;
472 }
473
474 div.patroninfo h5 {
475         background-color : #FCFAF3;
476         /*border-top :  1px solid #CCCC99;
477         border-left :  1px solid #CCCC99;*/
478         border-right :  1px solid #CCCC99;
479         margin-bottom : 0;
480         padding-left : .5em;
481         padding-top : .3em;
482         padding-bottom : .5em;
483 }
484
485 div.patroninfo ul {
486         /*border : 1px solid #CCCC99;*/
487         border-right : 1px solid #CCCC99;
488         border-bottom : 0;
489         border-top : 0;
490         background-color : #FCFAF3;
491         padding-bottom : .5em;
492 }
493
494 div.patroninfo ul li, div.patronviews ul li {
495         list-style-type : none;
496 }
497
498 div.patronviews {
499         background-color : #FDFCF7;
500         /*border-left : 1px solid #CCCC99;
501         border-bottom : 1px solid #CCCC99;*/
502         border-right :  1px solid #CCCC99;
503         border-top : 1px solid #CCCC99;
504         margin-bottom : .5em;
505         padding : .5em 0 .5em 0;
506 }
507
508 a.member-edit {
509         float : right;
510         background-color : #DBECC8;
511         margin-top : .5em;
512         padding : .3em;
513         text-align : right;
514         text-decoration : none;
515 }
516
517 fieldset.brief {
518         border : 1px solid #E8E8E8;
519 }
520
521 fieldset.brief label {
522         display : block;
523         font-weight : bold;
524         padding : .3em 0;
525 }
526
527 fieldset.brief ol, fieldset.brief li {
528         list-style-type : none;
529 }
530
531 fieldset.brief div.hint, fieldset.rows div.hint {
532         color : #999999;
533         font-size : 95%;
534         margin-bottom : .4em;
535 }
536
537 fieldset.rows {  
538 border-width : 1px;
539 border-bottom : 1px solid black;
540 float : left;
541 font-size : 90%;
542 clear : left;
543 margin: .9em 0 0 0;  
544 padding: 0;
545 width: 100%; 
546 }
547
548 fieldset.rows legend {  
549         margin-left: 1em;
550         font-weight: bold;
551         font-size : 110%;
552 }
553
554 fieldset.rows label, fieldset.rows span.label {  
555         float: left;  
556         font-weight : bold;
557         width: 6em;  
558         margin-right: 1em;  
559         text-align: right;
560 }
561
562 fieldset.rows fieldset {
563         border-width : 1px;
564         margin : 0;
565         padding : .3em;
566 }
567
568 .yui-b fieldset.rows label, .yui-b fieldset.rows span.label {  
569         width: 9em;  
570 }
571
572 .yui-b fieldset.rows div.hint {
573         margin-left : 10.5em;
574 }
575
576 .yui-u fieldset.rows label, .yui-u fieldset.rows span.label {  
577         width: 6em;  
578 }
579
580 .yui-u fieldset.rows div.hint {
581         margin-left : 7.5em;
582 }
583
584 fieldset.rows.left label, fieldset.rows.left span.label {
585         width : 8em;
586         text-align : left;      
587 }
588
589 fieldset.rows ol {  
590 padding: 1em 1em 0 1em;  
591 list-style-type: none;
592 }
593
594 fieldset.rows li {  
595 float : left;
596 clear : left;
597 padding-bottom: 1em;
598 list-style-type: none;
599 width: 100%; 
600 }
601
602 fieldset.rows.left li {
603         padding-bottom : .4em;
604 }
605
606 fieldset.rows li.radio {
607         padding-left: 9em;
608         width : auto;
609 }
610
611 fieldset.rows li.radio label {
612         float : none;
613         width : auto;
614         margin : 0 0 0 1em;
615 }
616
617 fieldset.rows ol.radio label {
618         width : auto;
619         float : none;
620         margin-right : 0;
621 }
622
623 fieldset.rows ol.radio label.radio {
624         float : left;
625         width : 12em;
626         margin-right : 1em;
627 }
628
629 fieldset.rows table {
630         clear : both;
631         margin : 1em 0 0 1em;
632 }
633
634 fieldset.rows td label {
635         float : none;
636         font-weight : normal;
637         width : auto;
638 }
639
640 fieldset.rows label.yesno {
641         float : none;
642         width : auto;
643 }
644
645 fieldset.action {
646         clear : both;
647         float : none;
648         border : none;
649         margin : 0;
650         padding : 1em 0 .3em 0;
651         width : auto;
652 }
653
654 a.cancel {
655         padding-left : 1em;
656 }
657
658 fieldset.rows fieldset.action {
659         padding : 1em;
660 }
661
662 fieldset.rows .inputnote {
663         float : left;
664         margin : .5em 0 0 10em;
665 }
666
667 .tabs-nav li {
668         list-style : none;
669 }
670
671 .tabs-nav a, .tabs-nav a span, .tabs-nav span.a {
672    background : none;
673         display : block;
674         padding: .2em .5em .25em .5em;
675 }
676
677 .tabs-nav a, .tabs-nav span.a {
678     z-index : auto;
679 }
680
681 .tabs-nav .tabs-selected a, .tabs-nav .tabs-selected span.a {
682         background-color : #FFFFCC;
683         border-top: 1px solid #FFFFCC;
684         border-right: 1px solid #FF9900;
685         border-bottom: 1px solid #FF9900;
686         border-left: 1px solid #FFCC66;
687         font-weight : bold;
688         text-align : center;
689         text-decoration : none;
690         top : -1px;
691 }
692
693 .tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active, .tabs-nav span.a {
694     background-position : inherit;
695     outline: 0; /* prevent dotted border in Firefox */
696 }
697 .tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active, .tabs-nav span.a {
698     background-position: inherit;
699 }
700
701 .tabs-nav .tabs-selected a:hover {
702         color : #0000CC;
703 }
704
705 .tabs-nav li.tabs-selected {
706         background-color : #FFFFCC;
707 }
708
709 .tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active, .tabs-nav span.a {
710          background : none;
711     outline: 0; /* prevent dotted border in Firefox */
712 }
713
714 .tabs-container {
715     border-top: 0;
716     padding : inherit;
717     background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
718 }
719 .tabs-loading em {
720     padding: inherit;
721     background: none;
722 }
723 .toptabs {
724         margin-top : 1em;
725 }
726
727 .toptabs .tabs-nav a, .toptabs .tabs-nav span.a {
728     top: 0;
729  }
730
731 .toptabs .tabs-nav li {
732         margin-right : .5em;
733 }
734
735 .toptabs .tabs-nav li a, .toptabs .tabs-nav li span.a {
736         background-color : #F3F3F3;
737         border-top : 1px solid #E8E8E8;
738         border-left : 1px solid #E8E8E8;
739         border-right : 1px solid #E8E8E8;
740         border-bottom : 0;
741         text-align : center;
742         text-decoration : none;
743 }
744
745 .toptabs .tabs-nav li.tabs-selected  {
746         background-color : #FFF;
747 }
748
749 .toptabs .tabs-nav li.tabs-selected a, .toptabs .tabs-nav li.tabs-selected span.a {
750         background-color : #FFF;
751         border-top : 1px solid #E8E8E8;
752         border-left : 1px solid #E8E8E8;
753         border-right : 1px solid #E8E8E8;
754         border-bottom : 1px solid #FFF;
755         margin-bottom : -5px;
756         text-align : center;
757 }
758
759 .toptabs.numbered .tabs-nav li {
760         min-width : 3em;
761 }
762
763 .toptabs .tabs-container {
764         border : 1px solid #E8E8E8;
765         padding : 1em;
766 }
767
768 .checkedout {
769         color : #999999;
770         font-style : italic;
771 }
772
773 .subfield_not_filled {
774         background-color : #FFFF99;
775 }
776 .content_hidden {
777     visibility:hidden; /* you propably don't need to change this one */
778     display:none;
779 }
780
781 /* the property for the displayed tab */
782 .content_visible {
783     visibility:visible; /* you propably don't need to change this one */
784     display:block;
785 }
786 #addbiblio a, #addchild a, #newentry a {
787         padding-left : 34px;
788         background-image: url("/intranet-tmpl/prog/img/toolbar-new.gif");
789         background-position : center left;
790         background-repeat : no-repeat;
791 }
792
793 #deletebiblio button, #deletebiblio a, #deletepatron a {
794         padding-left : 34px;
795         background-image: url("/intranet-tmpl/prog/img/toolbar-delete.gif");
796         background-position : center left;
797         background-repeat : no-repeat;
798 }
799
800 #printbiblio button, #printbiblio a {
801         padding-left : 34px;
802         background-image: url("/intranet-tmpl/prog/img/toolbar-print.gif");
803         background-position : center left;
804         background-repeat : no-repeat;
805 }
806
807 #addtoshelf button, #addtoshelf a {
808         padding-left : 34px;
809         background-image: url("/intranet-tmpl/prog/img/toolbar-add-to-shelf.gif");
810         background-position : center left;
811         background-repeat : no-repeat;
812 }
813
814 #placehold a {
815         padding-left : 34px;
816         background-image: url("/intranet-tmpl/prog/img/toolbar-hold.gif");
817         background-position : center left;
818         background-repeat : no-repeat;
819 }
820
821 div.error {
822         border : 2px dashed #990000;
823         background-color : #FFFF99;
824         padding : .5em;
825         margin : 1em;
826 }
827
828 ol.bibliodetails {
829         float: left;
830         margin : 0 0 1em 1em;
831 }
832
833 ol.bibliodetails li {
834         border-bottom: 1px solid #E8E8E8;
835         list-style-type : none;
836         padding : .1em;
837 }
838
839 ol.bibliodetails span.label {
840         border-right : 1px solid #E8E8E8;
841         float : left;
842         font-weight: bold;
843         width: 12em;  
844         margin-right: 1em;  
845 }
846
847 div.sysprefs h3 {
848         margin : .2em 0 .2em .4em;
849 }
850
851 div.sysprefs dl {
852         margin-left : 1.5em;
853 }
854
855 div.sysprefs div.hint {
856         width : 25%;
857         float : right;
858         padding : .5em;
859         margin : .7em;
860 }
861
862 tr.highlight td {
863         background-color : #F6F6F6;
864 }
865
866 tr.highlight th {
867         background-color : #DDDDDD;
868 }
869
870 #circ_circulation_issue label {
871         font-size: 105%;
872         font-weight : bold;
873 }
874
875 #circ_circulation_issue div.hint {
876         color : #666666;
877         margin: .2em 0;
878 }
879
880 tr.expired td {
881         color : #999999;
882 }
883
884 span.expired {
885         color : #990000;
886         font-style : italic;
887 }
888
889 div.subfield_line label {
890     font-size:75%;
891     float: left;
892     width: 200px;
893     text-align: left;
894     clear:left;
895 }
896
897 div.help {
898         margin: .9em 0 0 0;  
899 }
900
901 .blocker {
902         color : #990000;
903 }
904
905 .circmessage li {
906         list-style : url(../../img/arrow-bullet.gif);
907         margin-bottom : .2em;
908 }
909
910 div.circmessage:first-child {
911         margin-top : 1em;
912 }
913
914 div.circmessage {
915         border: 1px solid #CCC;
916         padding: .4em;
917         margin-bottom : .3em;
918 }
919
920 span.circ-hlt {
921         color : #cc0000;
922         font-weight : bold;
923 }
924
925 div.first fieldset {
926         margin-right : 0;
927 }
928
929 .dialog {
930   width: 50%;
931   float:left;
932   background: url(../../img/dropshadow-alpha.png) no-repeat bottom right !important;
933   background: url(../../img/dropshadow.gif) no-repeat bottom right;
934   margin: 10px 0 0 10px !important;
935   margin: 10px 0 0 5px;
936   }
937
938 .dialog div {
939   background: none !important;
940   background: url(../../img/dropshadow-mask.gif) no-repeat left top;
941   padding: 0 !important;
942   padding: 0 6px 6px 0;
943   }
944
945 .dialog div.confirm {
946   background-color: #ffc;
947  // background : url(../../img/dialog-bg.gif) repeat-x left 0 !important;
948   font: 1em sans-serif;
949   border: 1px solid #bcbcbc;
950   padding: 4px !important;
951   margin: -6px 6px 6px -6px !important;
952   margin: 0;
953   }
954   
955   .dialog div.confirm h2, .dialog div.confirm h3, .dialog div.confirm h4 {
956         margin : auto;
957         text-align : center;
958   }
959   
960  div.confirm input {
961         background-color : #FFF;
962         border : 1px solid #bcbcbc;
963         margin : .4em;
964         padding : .4em .4em .4em 25px;
965  }
966  
967  div.confirm input.approve {
968         background : #FFF url(../../img/approve.gif) no-repeat 4px center;
969  }
970
971  div.confirm input.deny {
972         background : #FFF url(../../img/deny.gif) no-repeat 4px center;
973  }
974  
975  div.confirm input:hover {
976         background-color : #ffc;
977  }
978  
979  div.results {
980         padding : .7em 0;
981  }
982  
983  .accesskey {
984         text-decoration : underline;
985  }
986  
987  #changelanguage {
988         background-color : #F3F3F3;
989         border-top : 1px solid #E8E8E8;
990         font-size : 93%;
991         margin-top : 2em;
992         padding : .3em .5em .5em .5em;
993  }
994  
995  #changelanguage ul {
996         margin : 0;
997         padding : 0;
998  }
999  
1000  #changelanguage li {
1001         border-left : 1px solid #CCC;
1002         display : inline;
1003         list-style : none;
1004         padding : 0 .5em;
1005  }
1006  
1007  #changelanguage li:first-child {
1008         border-left : 0;
1009  }
1010  
1011 .required {
1012     color : #C00;
1013 }
1014
1015 span.required {
1016         font-style : italic;
1017 }
1018
1019 .term {
1020     background-color: #FFC;
1021          color : #990000;
1022          text-decoration : underline;
1023 }
1024
1025 div#menu {
1026         border-right: 1px solid #000;
1027         margin-right: .5em;
1028         padding-top: 1em;
1029         padding-bottom: 2em;
1030 }
1031
1032 div#menu li a {
1033         text-decoration: none;
1034         display: block;
1035         background : #EEE url(../../img/side-tab-gradient.gif) repeat-y top right;
1036         border: 1px solid #000;
1037         font-size: 111%;
1038         margin: .5em 0;
1039         padding: .4em .3em;
1040         margin-right :  -1px;
1041 }
1042
1043 div#menu li a:hover {
1044         background : #E8F0F6 url(../../img/side-tab-gradient-hover.gif) repeat-y top right;
1045 }
1046
1047 div#menu li.active a:hover {
1048         background-color: #fff;
1049         color :  #0000CC;
1050 }
1051
1052 #menu ul li {
1053         list-style-type: none;
1054 }
1055
1056 #menu ul li.active a {
1057         background-color: #FFF;
1058         background-image : none;
1059         border-right: 0;
1060         font-weight: bold;
1061 }