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