Correcting invalid markup in new YUI autocomplete search feature; Correcting and...
[koha-ffzg.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 tr.warn td {
217         background-color: #FF9090;
218 }
219
220 tr.onissue td {
221         background-color: #FFFFCC;
222 }
223
224 tr.highlight.onissue td {
225         background-color: #FFFFE1;
226 }
227
228 caption {
229         font-size : 153.9%;
230         font-weight : bold;
231 }
232
233 span.problem {
234         background-color : #FFFFCC;
235         color : #990000;
236         font-weight : bold;
237         line-height : 1.7em;
238 }
239
240 fieldset {
241         border : 2px solid #EEEEEE;
242         margin : 1em 1em 1em 0;
243         padding : 1em;
244 }
245
246 legend {
247         font-size : 123.1%;
248         font-weight : bold;
249         margin : 0 0 0 -1em;
250         padding : 0;
251 }
252
253 #breadcrumbs {
254         background-color : #F3F3F3;
255         border-bottom : 1px solid #E8E8E8;
256         clear : both;
257         font-size : 90%;
258         padding :.2em .5em .4em .5em;
259 }
260
261 #commonsearch {
262         display : inline;
263 }
264
265
266 div#header_search {
267         background-image : url("../../img/koha-logo-medium.gif");
268         background-position : .5em .5em;
269         background-repeat : no-repeat;
270         float: left;
271         padding-left : 14.2em;
272         margin: .3em 0 .5em 0;
273         min-height : 52px;
274 }
275
276 div#header_search input {
277         font-size : 1.3em;
278 }
279
280 div#header_search ul.link-tabs {
281         font-family : Arial, Geneva, sans-serif;
282         margin-bottom : -4px;
283 }
284
285 div#header_search ul.link-tabs li.on a,
286 div#header_search ul.link-tabs li a,
287 div#header_search ul.link-tabs li.off a {
288         padding : 0.1em .5em .2em .5em;
289 }
290
291 div#header_search div.residentsearch {
292         border : 0;
293         border-bottom : 1px solid #FF9900;
294         padding : 0 0 .2em 0;
295 }
296
297 div#reserves,div#checkouts {
298         border : 1px solid #E8E8E8;
299         padding : 1em;
300 }
301
302 div#header_search .tip {
303         font-size: 93%;
304         color : Gray;
305 }
306
307 .ex {
308         font-family : "Courier New", Courier, fixed-width;
309         font-weight : bold;
310 }
311
312 /* ClickMenu Overrides */
313
314 ul#toplevelmenu li {
315         display : inline;
316         list-style: none;
317 }
318
319 ul#toplevelmenu li ul {
320 }
321
322 div.cmDiv
323 {
324         border: 0;
325         background-color: #F3F3F3;
326 }
327
328 .clickMenu li.more a {
329         background-image: url("../../img/more-arrow.gif");
330         background-position: right;
331         background-repeat: no-repeat;
332         padding-right : 13px;
333 }
334
335 .clickMenu li.more li a {
336         background-image : none;
337         padding-right : 0;
338         white-space : nowrap;
339 }
340
341 .clickMenu
342 {
343         margin: 0;
344         padding: 0;
345         cursor: default;
346 }
347 .clickMenu, .clickMenu ul
348 {
349         list-style: none;
350 }
351 .clickMenu ul
352 {
353         margin: 0;
354         padding: 2px;
355         border: 0;
356         background-color: #F3F3F3;
357         min-width: 100px; /* ie doesnt know this :/ */
358         //float: left;/*ie again*/
359         //width: 100%;/*and again*/
360 }
361 .clickMenu div.outerbox
362 {
363         display: none;
364         min-width: 106px; /* firefox produces animation-flickering when the box is bigger than this :/ */
365 }
366 .clickMenu div.inner
367 {
368         //top: 20px; /* for ie */
369         left: 0;
370         margin: 0;
371 }
372 .clickMenu div.inner div.outerbox
373 {
374         margin: 0;
375         left: 98px;
376         //left: 90px; /* for ie */
377         top: -3px;
378 }
379 .clickMenu li
380 {
381         list-style-type : none;
382         position: relative;
383         padding: 0 20px 0 2px;
384         /*white-space: nowrap; does not really work in ie */
385 }
386 .clickMenu li.main
387 {
388         float: left;
389         padding: 0 10px;
390         background-color: #F3F3F3;
391         //height: 20px; /* for ie */
392 }
393 .clickMenu li.main li
394 {
395         z-index: 2;
396         min-width: 78px;
397 }
398 .clickMenu li.hover
399 {
400         z-index: 1 !important; /* the hover z-index has to be below the normal one the hovering items may be drawn over a submenu */
401         background-color : transparent;
402 }
403 .clickMenu img.liArrow
404 {
405         position: absolute;
406         right: 5px;
407         top: 0.41em;
408 }
409 .clickMenu ul a {
410         cursor: default;
411 }
412
413 ul.innerBox a {
414         cursor : pointer;
415 }
416
417 ul.innerBox {
418         border: 1px solid #E8E8E8;
419 }
420
421 div.yui-b h5 {
422         font-size : 100%;
423         margin : .5em 0;
424 }
425
426 dt {
427         font-size : 110%;
428         font-weight : bold;
429 }
430
431 dd {
432         padding : .2em;
433         text-indent : 1.5em;
434 }
435
436 div#toolbar {
437         background-color : #F3F3F3;
438         margin-bottom : .7em;
439 }
440
441 ul.toolbar {
442         padding-left : 0;
443 }
444
445 .yui-menu-button  {
446         
447 }
448
449 ul.toolbar li {
450         display : inline;
451         list-style : none;
452 }
453
454 div.message {
455    border : 1px solid #6699CC;
456         width : 33%;
457         margin : 1em;
458         padding : .5em;
459 }
460
461 div.patroninfo {
462         margin-top : -.5em;
463 }
464
465 div.patroninfo h5 {
466         background-color : #FCFAF3;
467         /*border-top :  1px solid #CCCC99;
468         border-left :  1px solid #CCCC99;*/
469         border-right :  1px solid #CCCC99;
470         margin-bottom : 0;
471         padding-left : .5em;
472         padding-top : .3em;
473         padding-bottom : .5em;
474 }
475
476 div.patroninfo ul {
477         /*border : 1px solid #CCCC99;*/
478         border-right : 1px solid #CCCC99;
479         border-bottom : 0;
480         border-top : 0;
481         background-color : #FCFAF3;
482         padding-bottom : .5em;
483 }
484
485 div.patroninfo ul li, div.patronviews ul li {
486         list-style-type : none;
487 }
488
489 div.patronviews {
490         background-color : #FDFCF7;
491         /*border-left : 1px solid #CCCC99;
492         border-bottom : 1px solid #CCCC99;*/
493         border-right :  1px solid #CCCC99;
494         border-top : 1px solid #CCCC99;
495         margin-bottom : .5em;
496         padding : .5em 0 .5em 0;
497 }
498
499 a.member-edit {
500         float : right;
501         background-color : #DBECC8;
502         margin-top : .5em;
503         padding : .3em;
504         text-align : right;
505         text-decoration : none;
506 }
507
508 fieldset.brief {
509         border : 1px solid #E8E8E8;
510 }
511
512 fieldset.brief label {
513         display : block;
514         font-weight : bold;
515         padding : .3em 0;
516 }
517
518 fieldset.brief ol, fieldset.brief li {
519         list-style-type : none;
520 }
521
522 fieldset.brief div.hint {
523         color : #999999;
524         font-size : 90%;
525         margin-bottom : .4em;
526 }
527
528 fieldset.rows {  
529 border-width : 1px;
530 border-bottom : 1px solid black;
531 float : left;
532 font-size : 90%;
533 clear : left;
534 margin: .9em 0 0 0;  
535 padding: 0;
536 width: 100%; 
537 }
538
539 fieldset.rows legend {  
540         margin-left: 1em;
541         font-weight: bold;
542         font-size : 110%;
543 }
544
545 fieldset.rows label, fieldset.rows span.label {  
546         float: left;  
547         font-weight : bold;
548         width: 6em;  
549         margin-right: 1em;  
550         text-align: right;
551 }
552
553 .yui-b fieldset.rows label, .yui-b fieldset.rows span.label {  
554         width: 9em;  
555 }
556
557 .yui-u fieldset.rows label, .yui-u fieldset.rows span.label {  
558         width: 6em;  
559 }
560
561 fieldset.rows.left label, fieldset.rows.left span.label {
562         width : 8em;
563         text-align : left;      
564 }
565
566 fieldset.rows ol {  
567 padding: 1em 1em 0 1em;  
568 list-style-type: none;
569 }
570
571 fieldset.rows li {  
572 float : left;
573 clear : left;
574 padding-bottom: 1em;
575 list-style-type: none;
576 width: 100%; 
577 }
578
579 fieldset.rows.left li {
580         padding-bottom : .4em;
581 }
582
583 fieldset.rows li.radio {
584         padding-left: 9em;
585         width : auto;
586 }
587
588 fieldset.rows li.radio label {
589         float : none;
590         width : auto;
591         margin : 0 0 0 1em;
592 }
593
594 fieldset.rows ol.radio label {
595         width : auto;
596         float : none;
597         margin-right : 0;
598 }
599
600 fieldset.rows ol.radio label.radio {
601         float : left;
602         width : 12em;
603         margin-right : 1em;
604 }
605
606 fieldset.rows table {
607         clear : both;
608         margin-left : 1em;
609 }
610
611 fieldset.rows td label {
612         float : none;
613         font-weight : normal;
614         width : auto;
615 }
616
617 fieldset.action {
618         clear : both;
619         float : none;
620         border : none;
621         margin : 0;
622         padding : 1em 0 .3em 0;
623         width : auto;
624 }
625
626 a.cancel {
627         padding-left : 1em;
628 }
629
630 fieldset.rows fieldset.action {
631         padding : 0 0 1em 1em;
632 }
633
634 fieldset.rows .inputnote {
635         float : left;
636         margin : .5em 0 0 10em;
637 }
638
639 .tabs-nav li {
640         list-style : none;
641 }
642
643 .tabs-nav a, .tabs-nav a span {
644    background : none;
645         padding: .2em .5em .25em .5em;
646 }
647
648 .tabs-nav a {
649     z-index : auto;
650 }
651
652 .tabs-nav .tabs-selected a {
653         background-color : #FFFFCC;
654         border-top: 1px solid #FFFFCC;
655         border-right: 1px solid #FF9900;
656         border-bottom: 1px solid #FF9900;
657         border-left: 1px solid #FFCC66;
658         font-weight : bold;
659         text-align : center;
660         text-decoration : none;
661         top : -1px;
662 }
663
664 .tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
665     background-position : inherit;
666     outline: 0; /* prevent dotted border in Firefox */
667 }
668 .tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
669     background-position: inherit;
670 }
671
672 .tabs-nav .tabs-selected a:hover {
673         color : #0000CC;
674 }
675
676 .tabs-nav li.tabs-selected {
677         background-color : #FFFFCC;
678 }
679
680 .tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
681          background : none;
682     outline: 0; /* prevent dotted border in Firefox */
683 }
684
685 .tabs-container {
686     border-top: 0;
687     padding : inherit;
688     background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
689 }
690 .tabs-loading em {
691     padding: inherit;
692     background: none;
693 }
694 .toptabs {
695         margin-top : 1em;
696 }
697
698 .toptabs .tabs-nav a {
699     top: 0;
700  }
701
702 .toptabs .tabs-nav li {
703         margin-right : .5em;
704 }
705
706 .toptabs .tabs-nav li a {
707         background-color : #F3F3F3;
708         border-top : 1px solid #E8E8E8;
709         border-left : 1px solid #E8E8E8;
710         border-right : 1px solid #E8E8E8;
711         border-bottom : 0;
712         text-align : center;
713         text-decoration : none;
714 }
715
716 .toptabs .tabs-nav li.tabs-selected  {
717         background-color : #FFF;
718 }
719
720 .toptabs .tabs-nav li.tabs-selected a {
721         background-color : #FFF;
722         border-top : 1px solid #E8E8E8;
723         border-left : 1px solid #E8E8E8;
724         border-right : 1px solid #E8E8E8;
725         border-bottom : 1px solid #FFF;
726         margin-bottom : -5px;
727         text-align : center;
728 }
729
730 .toptabs.numbered .tabs-nav li {
731         min-width : 3em;
732 }
733
734 .toptabs .tabs-container {
735         border : 1px solid #E8E8E8;
736         padding : 1em;
737 }
738
739 .checkedout {
740         color : #999999;
741         font-style : italic;
742 }
743
744 .subfield_not_filled {
745         background-color : #FFFF99;
746 }
747 .content_hidden {
748     visibility:hidden; /* you propably don't need to change this one */
749     display:none;
750 }
751
752 /* the property for the displayed tab */
753 .content_visible {
754     visibility:visible; /* you propably don't need to change this one */
755     display:block;
756 }
757 #addbiblio a, #addchild a, #newentry a {
758         padding-left : 34px;
759         background-image: url("/intranet-tmpl/prog/img/toolbar-new.gif");
760         background-position : center left;
761         background-repeat : no-repeat;
762 }
763
764 #deletebiblio button, #deletebiblio a, #deletepatron a {
765         padding-left : 34px;
766         background-image: url("/intranet-tmpl/prog/img/toolbar-delete.gif");
767         background-position : center left;
768         background-repeat : no-repeat;
769 }
770
771 #printbiblio button, #printbiblio a {
772         padding-left : 34px;
773         background-image: url("/intranet-tmpl/prog/img/toolbar-print.gif");
774         background-position : center left;
775         background-repeat : no-repeat;
776 }
777
778 #addtoshelf button, #addtoshelf a {
779         padding-left : 34px;
780         background-image: url("/intranet-tmpl/prog/img/toolbar-add-to-shelf.gif");
781         background-position : center left;
782         background-repeat : no-repeat;
783 }
784
785 #placehold a {
786         padding-left : 34px;
787         background-image: url("/intranet-tmpl/prog/img/toolbar-hold.gif");
788         background-position : center left;
789         background-repeat : no-repeat;
790 }
791
792 div.error {
793         border : 2px dashed #990000;
794         background-color : #FFFF99;
795         padding : .5em;
796         margin : 1em;
797 }
798
799 ol.bibliodetails {
800         float: left;
801         margin : 0 0 1em 1em;
802 }
803
804 ol.bibliodetails li {
805         border-bottom: 1px solid #E8E8E8;
806         list-style-type : none;
807         padding : .1em;
808 }
809
810 ol.bibliodetails span.label {
811         border-right : 1px solid #E8E8E8;
812         float : left;
813         font-weight: bold;
814         width: 12em;  
815         margin-right: 1em;  
816 }
817
818 div.sysprefs h3 {
819         margin : .2em 0 .2em .4em;
820 }
821
822 div.sysprefs dl {
823         margin-left : 1.5em;
824 }
825
826 div.sysprefs div.hint {
827         width : 25%;
828         float : right;
829         padding : .5em;
830         margin : .7em;
831 }
832
833 tr.highlight td {
834         background-color : #F6F6F6;
835 }
836
837 #circ_circulation_issue label {
838         font-size: 105%;
839         font-weight : bold;
840 }
841
842 #circ_circulation_issue div.hint {
843         color : #666666;
844         margin: .2em 0;
845 }
846
847 tr.expired td {
848         color : #999999;
849 }
850
851 span.expired {
852         color : #990000;
853         font-style : italic;
854 }
855
856 div.subfield_line label {
857     font-size:75%;
858     float: left;
859     width: 200px;
860     text-align: left;
861     clear:left;
862 }
863
864 div.help {
865         margin: .9em 0 0 0;  
866 }
867
868 .blocker {
869         color : #990000;
870 }
871
872 .circmessage li {
873         list-style : url(../../img/arrow-bullet.gif);
874         margin-bottom : .2em;
875 }
876
877 div.circmessage:first-child {
878         margin-top : 1em;
879 }
880
881 div.circmessage {
882         border: 1px solid #CCC;
883         padding: .4em;
884         margin-bottom : .3em;
885 }
886
887 span.circ-hlt {
888         color : #cc0000;
889         font-weight : bold;
890 }
891
892 div.first fieldset {
893         margin-right : 0;
894 }
895
896 .dialog {
897   width: 50%;
898   float:left;
899   background: url(../../img/dropshadow-alpha.png) no-repeat bottom right !important;
900   background: url(../../img/dropshadow.gif) no-repeat bottom right;
901   margin: 10px 0 0 10px !important;
902   margin: 10px 0 0 5px;
903   }
904
905 .dialog div {
906   background: none !important;
907   background: url(../../img/dropshadow-mask.gif) no-repeat left top;
908   padding: 0 !important;
909   padding: 0 6px 6px 0;
910   }
911
912 .dialog div.confirm {
913   background-color: #fff;
914   background : url(../../img/dialog-bg.gif) repeat-x left 0 !important;
915   font: 1em sans-serif;
916   border: 1px solid #bcbcbc;
917   padding: 4px !important;
918   margin: -6px 6px 6px -6px !important;
919   margin: 0;
920   text-align : center;
921   }
922   
923  div.confirm input {
924         background-color : #FFF;
925         border : 1px solid #bcbcbc;
926         margin : .4em;
927         padding : .4em .4em .4em 25px;
928  }
929  
930  div.confirm input.approve {
931         background : #FFF url(../../img/approve.gif) no-repeat 4px center;
932  }
933
934  div.confirm input.deny {
935         background : #FFF url(../../img/deny.gif) no-repeat 4px center;
936  }
937  
938  div.confirm input:hover {
939         background-color : #ffc;
940  }
941  
942  div.results {
943         padding : .7em 0;
944  }
945  
946  #section-nav ul {
947         margin : .5em 0 .5em 2px;
948         padding : 0;
949  }
950  
951  #section-nav ul li {
952         display : inline;
953         list-style-type : none;
954  }
955  
956  #section-nav ul li a {
957         background-color : #d2e9f5;
958         border : 1px solid #69C;
959         padding : 2px 3px;
960         text-decoration : none;
961  } 
962 <<<<<<< HEAD:koha-tmpl/intranet-tmpl/prog/en/css/staff-global.css
963
964 =======
965  
966 >>>>>>> Correcting invalid markup in new YUI autocomplete search feature; Correcting and updating markup in guided reports.:koha-tmpl/intranet-tmpl/prog/en/css/staff-global.css