Merge remote branch 'kc/new/enh/bug_5560' into kcmaster
[koha.git] / koha-tmpl / intranet-tmpl / prog / en / css / staff-global.css
1 @import url("../lib/yui/reset-fonts-grids.css");
2 @import url("../lib/yui/skin.css");
3
4 a, a:link, a:visited, a:active {
5         color : #0000CC;
6 }
7
8 .yui-button,.yui-button a:link,.yui-button a:visited {
9         color : #000;
10 }
11
12 a.yuimenuitemlabel {
13         color: #000000;
14 }
15
16 a:hover {
17         color : #669ACC;
18 }
19
20 a.overdue,.overdue {
21         color : #cc0000;
22 }
23
24 a.popup {
25         background : transparent url("../../img/pop-up-link.png") center right no-repeat;
26         padding-right : 15px;
27 }
28
29 body {
30         text-align : left;
31         padding:0 0 2.5em 0;
32   font-family: arial, verdana, helvetica, sans-serif;
33 }
34
35 br.clear {
36         clear : both;
37         line-height : 1px;
38 }
39
40 form {
41         display : inline;
42 }
43
44 form.confirm {
45         display : block;
46         text-align : center;
47 }
48
49 h1 {
50         font-size : 161.6%;
51         font-weight : bold;
52 }
53
54 h2 {
55         font-size : 146.5%;
56         font-weight : bold;
57 }
58
59 h3 {
60         font-size : 131%;
61         font-weight : bold;
62 }
63
64 h4 {
65         font-size : 116%;       
66         font-weight : bold;
67 }
68
69 h5 {
70         font-size : 100%;       
71         font-weight : bold;
72 }
73
74 h6 {
75         font-size : 93%;
76         font-weight : bold;
77 }
78
79 h1,h2,h3,h4,h5,h6 {
80         margin : .3em 0;
81 }
82
83 html {
84 }
85
86 p {
87         margin: .5em 0 .5em 0;
88 }
89
90 strong {
91         font-weight : bold;
92 }
93
94 strong em {
95         font-weight : bold;
96         font-style : italic;
97 }
98
99 em, cite {
100         font-style : italic;
101 }
102
103 em strong {
104         font-weight : bold;
105         font-style : italic;
106 }
107
108 .subfield-label {
109     font-style : italic;
110 }
111
112 #hd {
113 }
114
115 #navigation {
116         border-right : 1px solid #BCBCBC;
117 }
118
119 #navigation li {
120         font-weight : bold;
121 }
122
123 #navigation li li {
124         font-weight : normal;
125 }
126
127 #navigation input {
128         font-size : 85%;
129 }
130
131 #navmenulist li {
132         padding : .2em 0;
133         list-style-image : url("../../img/arrow-bullet.gif");
134         border-bottom : 1px solid #EEE;
135 }
136
137 #navmenulist li a {
138         text-decoration : none;
139 }
140
141 #ft {
142 }
143
144 .yui-u {
145 }
146
147 #doc, #doc1, #doc2, #doc3 {
148         padding-top : 1em;
149 }
150
151 #login   {
152         position : absolute;
153         right : .5em;
154 }
155
156 #login a {
157
158 }
159
160 ul {
161         padding-left : 1.1em;
162 }
163
164 ul li {
165         list-style-type : disc;
166 }
167
168 ul li li {
169         list-style-type : circle;
170 }
171
172 ol {
173         padding-left : 1.5em;
174 }
175
176 ol li {
177         list-style : decimal;
178 }
179
180 #header {
181         background-color : #F3F3F3;
182         border-bottom : 1px solid #E8E8E8;
183         line-height : 2em;
184 }
185
186 .clearfix:after {
187     content: ".";
188     display: block;
189     height: 0;
190     clear: both;
191     visibility: hidden;
192 }
193
194 .clearfix {display: inline-block;}
195
196 /* Hides from IE-mac \*/
197 * html .clearfix {height: 1%;}
198 .clearfix {display: block;}
199 /* End hide from IE-mac */
200
201 #sitetitle {
202 /*      background-image : url("../../img/koha-logo-black.png");
203         background-position : 5px 2px;
204         background-repeat : no-repeat;
205         float : left;
206         height : 54px;
207         padding-left : 50px;*/
208         border-bottom : 1px solid #E8E8E8;
209 }
210
211 #sitetitle h1 {
212         display : inline;
213         line-height : 54px;
214 }
215
216 #sitetitle h1 a {
217         text-decoration : none;
218 }
219
220 #submenu {
221         margin : 0 0 .5em 0;
222         padding : 0;
223 }
224
225 #submenu ul {
226         margin : 0;
227         padding : 0;    
228 }
229
230 #submenu ul li {
231         padding-left : 0;
232 }
233
234 table {
235         border-collapse : collapse;
236         border-top : 1px solid #BCBCBC;
237         border-right : 1px solid #BCBCBC;
238 }
239
240 table.invis{
241         border : white;
242 }
243 table.invis tr,table.invis td {
244         border : white;
245 }
246
247 td, th {
248         border-bottom : 1px solid #BCBCBC;
249         border-left : 1px solid #BCBCBC;
250         padding : .2em .3em;
251 }
252
253 td {
254         background-color : White;
255 }
256
257 td.borderless {
258     border-collapse : separate;
259     border : 0 none;
260 }
261
262 td.data,
263 th.data {
264         font-family : "Courier New", Courier, monospace;
265         text-align : right;
266 }
267
268 th {
269         background-color : #E8E8E8;
270         font-weight : bold;
271         text-align : center;
272 }
273
274 table+table {
275         margin-top : 1em;
276 }
277
278 #editions table, #editions td {
279         border : 0;
280 }
281
282
283 tr.highlight td, tr.highlight th, tr.odd td {
284         background-color : #F3F3F3;
285         border : 1px solid #DDDDDD;
286         border-right : 1px solid #DDDDDD;
287 }
288
289 tr.even td, tr.even.highlight td {
290         background-color: #FFF;
291         border-right : 1px solid #DDDDDD;
292 }
293
294 td.od {
295         color : #cc0000;
296         font-weight : bold;
297 }
298
299 tr.warn td {
300         background-color: #FF9090;
301 }
302
303 tr.onissue td {
304         background-color: #FFFFCC;
305 }
306
307 tr.highlight.onissue td {
308         background-color: #FFFFE1;
309 }
310
311 tfoot td {
312         background-color : #f3f3f3;
313         font-weight : bold;
314 }
315
316 td.total {
317         text-align : right;
318 }
319
320 caption {
321         font-size : 133.9%;
322         font-weight : bold;
323         margin : .3em 0;
324 }
325
326 span.problem {
327         background-color : #FFFFCC;
328         color : #990000;
329         font-weight : bold;
330         line-height : 1.7em;
331 }
332
333 fieldset {
334         border : 2px solid #EEEEEE;
335         margin : 1em 1em 1em 0;
336         padding : 1em;
337 }
338
339 legend {
340         font-size : 123.1%;
341         font-weight : bold;
342         margin : 0 0 0 -1em;
343         padding : 0;
344 }
345
346 #breadcrumbs {
347         background-color : #F3F3F3;
348         border-bottom : 1px solid #E8E8E8;
349         clear : both;
350         font-size : 90%;
351         padding :.2em .5em .4em 10px;
352         margin : 0;
353 }
354
355 #header+#breadcrumbs {
356         margin-top : 1em;
357 }
358
359 #commonsearch {
360         display : inline;
361 }
362
363 div.justify {
364     text-align: justify;
365 }
366
367 div#header_search {
368         background-position : .5em .5em;
369         background-repeat : no-repeat;
370         float: left;
371         margin: .3em 0 .5em 0;
372 }
373
374 div#header_search input {
375         font-size : 1.3em;
376 }
377
378 div#header_search ul.link-tabs {
379         font-family : Arial, Geneva, sans-serif;
380         margin-bottom : -4px;
381 }
382
383 div#header_search ul.link-tabs li.on a,
384 div#header_search ul.link-tabs li a,
385 div#header_search ul.link-tabs li.off a {
386         padding : 0.1em .5em .2em .5em;
387 }
388
389 div#header_search div.residentsearch {
390         border : 0;
391         border-bottom : 1px solid #FF9900;
392         padding : 0 0 .2em 0;
393 }
394
395 div#reserves,div#checkouts {
396         border : 1px solid #E8E8E8;
397         padding : 1em;
398 }
399
400 .tip {
401         font-size: 93%;
402         color : Gray;
403 }
404
405 .single-line {
406         white-space: nowrap;
407 }
408
409 .ex {
410         font-family : "Courier New", Courier, fixed-width;
411         font-weight : bold;
412 }
413
414
415 div.yui-b h5 {
416         font-size : 100%;
417         margin : .5em 0;
418 }
419
420 dt {
421         font-weight : bold;
422 }
423
424 dd {
425         padding : .2em;
426         font-size : 90%;
427         text-indent : 2.5em;
428         font-weight : normal;
429 }
430
431 div#toolbar {
432         background-color : #F3F3F3;
433         margin-bottom : .7em;
434 }
435
436 ul.toolbar {
437         padding-left : 0;
438 }
439
440 ul.toolbar button {
441         padding-bottom : 2px;
442 }
443 .yui-menu-button  {
444         
445 }
446
447 a.yuimenuitemlabel-disabled, #disabled a {
448         color: #999;
449 }
450 a.yuimenuitemlabel-disabled:hover, #disabled a:hover {
451         color : #999;
452 }
453 a.highlight_toggle {
454     display : none;
455 }
456
457 ul.toolbar li {
458         display : inline;
459         list-style : none;
460 }
461
462 div.patroninfo {
463         margin-top : -.5em;
464 }
465
466 *html div.patroninfo {
467         margin-right : .5em;
468 }
469
470 div.patroninfo h5 {
471         border-right :  1px solid #000;
472         margin-bottom : 0;
473         padding-left : -.5em;
474         padding-top : .3em;
475         padding-bottom : .5em;
476 }
477
478 div.patroninfo ul {
479         border : 0;
480         border-right : 1px solid #000;
481         border-bottom : 0;
482         border-top : 0;
483         padding : 0;
484         margin : 0;
485 }
486
487 div.patroninfo ul li {
488         margin : 0;
489 }
490
491 div.patroninfo ul li, div.patronviews ul li {
492         list-style-type : none;
493 }
494
495 div.patronviews {
496         border-right :  1px solid #000;
497         border-top : 1px solid #000;
498         margin-bottom : .5em;
499         padding : .5em 0 .5em 0;
500 }
501
502 .column-tool {
503         font-size: 80%;
504 }
505
506 fieldset.brief {
507         border : 1px solid #E8E8E8;
508 }
509
510 fieldset.brief label,
511 fieldset.brief span.label {
512         display : block;
513         font-weight : bold;
514         padding : .3em 0;
515 }
516
517 fieldset.brief ol, fieldset.brief li {
518         list-style-type : none;
519 }
520
521 .hint {
522         color : #999999;
523         font-size : 95%;
524 }
525
526 fieldset.brief div.hint, fieldset.rows div.hint, div.yui-u div.hint {
527         font-size : 95%;
528         margin-bottom : .4em;
529 }
530
531 div.yui-b fieldset.brief {
532         padding : .4em .7em;
533 }
534
535 div.yui-b fieldset.brief ol {
536         font-size : 85%;
537         margin : 0;
538         padding : 0;
539 }
540
541 div.yui-b fieldset.brief select {
542         width: 12em;
543 }
544 div.yui-b fieldset.brief li.radio {
545         padding : .7em 0;
546 }
547 div.yui-b fieldset.brief li.radio label,
548 div.yui-b fieldset.brief li.radio span.label {
549         display : inline;
550 }
551
552 div.yui-b fieldset.brief li.radio input {
553         padding:0.3em 0;
554 }
555
556 fieldset.rows {  
557 border-width : 1px;
558 border-bottom : 1px solid #666;
559 float : left;
560 font-size : 90%;
561 clear : left;
562 margin: .9em 0 0 0;  
563 padding: 0;
564 width: 100%; 
565 }
566
567 fieldset.rows legend {  
568         margin-left: 1em;
569         font-weight: bold;
570         font-size : 110%;
571 }
572
573 fieldset.rows label, fieldset.rows span.label {  
574         float: left;  
575         font-weight : bold;
576         width: 6em;  
577         margin-right: 1em;  
578         text-align: right;
579 }
580
581 fieldset.rows fieldset {
582         border-width : 1px;
583         margin : 0 0 .5em 0;
584         padding : .3em;
585 }
586
587 .yui-b fieldset.rows label, .yui-b fieldset.rows span.label {  
588         width: 9em;  
589 }
590
591 .yui-b fieldset.rows div.hint {
592         margin-left : 10.5em;
593 }
594
595 .yui-u fieldset.rows label, .yui-u fieldset.rows span.label {  
596         width: 10em;  
597 }
598
599 .yui-u fieldset.rows div.hint {
600         margin-left : 7.5em;
601 }
602
603 fieldset.rows.left label, fieldset.rows.left span.label {
604         width : 8em;
605         text-align : left;      
606 }
607
608 fieldset.rows ol {  
609 padding: 1em 1em 0 1em;  
610 list-style-type: none;
611 }
612
613 fieldset.rows li {  
614 float : left;
615 clear : left;
616 padding-bottom: 1em;
617 list-style-type: none;
618 width: 100%; 
619 }
620
621 fieldset.rows.left li {
622         padding-bottom : .4em;
623 }
624
625 fieldset.rows li.radio {
626         padding-left: 9em;
627         width : auto;
628 }
629
630 fieldset.rows li.radio label {
631         float : none;
632         width : auto;
633         margin : 0 0 0 1em;
634 }
635
636 fieldset.rows ol.radio label {
637         width : auto;
638         float : none;
639         margin-right : 0;
640 }
641
642 fieldset.rows ol.radio label.radio {
643         float : left;
644         width : 12em;
645         margin-right : 1em;
646 }
647
648 fieldset.rows table {
649         font-size : 105%;
650         clear : both;
651         margin : 1em 0 1em 1em;
652 }
653
654 fieldset.rows td label {
655         float : none;
656         font-weight : normal;
657         width : auto;
658 }
659
660 fieldset.rows label.yesno {
661         float : none;
662         width : auto;
663 }
664
665 fieldset.action, div.action {
666         clear : both;
667         float : none;
668         border : none;
669         margin : 0;
670         padding : 1em 0 .3em 0;
671         width : auto;
672 }
673
674 div.rows {
675 float : left;
676 clear : left;
677 margin: 0 0 0 0;  
678 padding: 0;
679 width: 100%; 
680 }
681
682
683 div.rows span.label {  
684         float: left;  
685         font-weight : bold;
686         width: 9em;  
687         margin-right: 1em;  
688         text-align: left;
689 }
690
691 div.rows ol {  
692 padding: .5em 1em 0 0;  
693 list-style-type: none;
694 }
695
696 div.rows ol li li {
697         border-bottom: 0;
698 }
699
700 div.rows li {
701 border-bottom :  1px solid #EEE;
702 float : left;
703 clear : left;
704 padding-bottom: .2em;
705 padding-top: .1em;
706 list-style-type: none;
707 width: 100%; 
708 }
709
710 a.cancel {
711         padding-left : 1em;
712 }
713
714 fieldset.rows fieldset.action {
715         padding : 1em;
716 }
717
718 fieldset.rows label.inline {
719         display : inline;
720         float : none;
721         margin-left : 1em;
722         width : auto;
723 }
724
725 fieldset.rows .inputnote {
726         clear : left;
727         float : left;
728         margin : .5em 0 0 11em;
729 }
730
731 .ui-tabs-nav li {
732         margin-right : .5em;
733         position : relative;
734         top : -1px;
735 }
736
737 .ui-tabs-nav li.ui-tabs-selected {
738
739 }
740
741 .ui-tabs-nav a, .ui-tabs-nav a span, .ui-tabs-nav span.a {
742    background : none;
743         display : block;
744         padding: .2em .5em .25em .5em;
745 }
746
747 .ui-tabs-nav a, .ui-tabs-nav span.a {
748
749 }
750
751 .ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav .ui-tabs-selected span.a {
752         background-color : #FFFFCC;
753         border-top: 1px solid #FFFFCC;
754         border-right: 1px solid #FF9900;
755         border-bottom: 1px solid #FF9900;
756         border-left: 1px solid #FFCC66;
757         font-weight : bold;
758         text-align : center;
759         text-decoration : none;
760
761 }
762
763 .ui-tabs-nav .tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active, .ui-tabs-nav span.a {
764     outline: 0; /* prevent dotted border in Firefox */
765 }
766
767 .ui-tabs-nav .ui-tabs-selected a:hover {
768         color : #0000CC;
769 }
770
771 .ui-tabs-nav li.ui-tabs-selected {
772         background-color : #FFFFCC;
773 }
774
775 .ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active, .ui-tabs-nav span.a {
776          background : none;
777     outline: 0; /* prevent dotted border in Firefox */
778 }
779
780 .tabs-container {
781     border-top: 0;
782     padding : inherit;
783     background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
784 }
785 .tabs-loading em {
786     padding: inherit;
787     background: none;
788 }
789
790 .toptabs {
791         margin-top : 1em;
792 }
793
794 .toptabs .ui-tabs-nav li {
795         margin-right : .5em;
796         position : relative;
797         top : 1px;
798 }
799
800 .toptabs .ui-tabs-nav li a, .toptabs .ui-tabs-nav li span.a {
801         background-color : #F3F3F3;
802         border : 1px solid #E8E8E8;
803         text-align : center;
804         text-decoration : none;
805 }
806
807 .toptabs .ui-tabs-nav li.ui-tabs-selected  {
808
809 }
810
811 .toptabs .ui-tabs-nav li.ui-tabs-selected a, .toptabs .ui-tabs-nav li.ui-tabs-selected span.a {
812         background-color : #FFF;
813         border-bottom : 1px solid #FFF;
814         margin-top : 0;
815 }
816
817 .toptabs .tabs-container {
818         border : 1px solid #E8E8E8;
819         padding : 1em;
820 }
821
822 .checkedout {
823         color : #999999;
824         font-style : italic;
825 }
826
827 .subfield_not_filled {
828         background-color : #FFFF99;
829 }
830 .content_hidden {
831     visibility:hidden; /* you propably don't need to change this one */
832     display:none;
833 }
834
835 /* the property for the displayed tab */
836 .content_visible {
837     visibility:visible; /* you propably don't need to change this one */
838     display:block;
839 }
840 #newbiblio a, #addchild a, #newentry a, #newshelf a, #newmenuc .first-child, #newsupplier .first-child, #newlabel a, #newtemplate a, #newlabelbatch a, #newpatroncardbatch a, #newprofile a, #newsubscription a, #newdictionary a, #newbasket a, #newrootbudget-button, #budgets_menuc .first-child, #periods_menuc .first-child {
841         padding-left : 34px;
842         background-image: url("../../img/toolbar-new.gif");
843         background-position : center left;
844         background-repeat : no-repeat;
845 }
846
847 #changepassword a {
848         padding-left : 34px;
849         background-image: url("../../img/toolbar-password.gif");
850         background-position : center left;
851         background-repeat : no-repeat;
852 }
853
854 #manageorders a {
855         padding-left : 34px;
856         background-image: url("../../img/toolbar-orders.gif");
857         background-position : center left;
858         background-repeat : no-repeat;
859 }
860
861
862 #savemenuc .first-child, #addbiblio .first-child {
863         padding-left : 34px;
864         background-image: url("../../img/toolbar-save.gif");
865         background-position : center left;
866         background-repeat : no-repeat;
867 }
868
869 #editpatron a, #editmenuc .first-child, #editshelf a, #edit a, #editsupplier a, #managelabel a, #managetemplate a, #managelabelbatch a, #manageprofile a {
870         padding-left : 34px;
871         background-image: url("../../img/toolbar-edit.gif");
872         background-position : center left;
873         background-repeat : no-repeat;
874 }
875
876 #duplicate a {
877         padding-left : 34px;
878         background-image: url("../../img/toolbar-duplicate.gif");
879         background-position : center left;
880         background-repeat : no-repeat;
881 }
882
883 #receive a {
884         padding-left : 34px;
885         background-image: url("../../img/toolbar-receive.gif");
886         background-position : center left;
887         background-repeat : no-repeat;
888 }
889
890 #renew a {
891         padding-left : 34px;
892         background-image: url("../../img/toolbar-renew.gif");
893         background-position : center left;
894         background-repeat : no-repeat;
895 }
896
897 #deletebiblio button, #deletebiblio a, #deletepatron a, #deleteshelf .first-child, #delete a {
898         padding-left : 34px;
899         background-image: url("../../img/toolbar-delete.gif");
900         background-position : center left;
901         background-repeat : no-repeat;
902 }
903
904 #z3950search .first-child {
905         padding-left : 34px;
906         background-image: url("../../img/toolbar-search.gif");
907         background-position : center left;
908         background-repeat : no-repeat;
909 }
910 #z3950searcht table {
911         /* doesn't have desired effect in catalogue/results.tmpl - I'll leave this here for now but there do seem to be casscading CSS errors in this and other CSS fiels - RICKW 20081118 */
912         padding: 20px;
913         border: none;
914 }
915 #printbiblio button, #printbiblio a, #printmenuc .first-child {
916         padding-left : 34px;
917         background-image: url("../../img/toolbar-print.gif");
918         background-position : center left;
919         background-repeat : no-repeat;
920 }
921
922 #addtoshelf button, #addtoshelf a {
923         padding-left : 34px;
924         background-image: url("../../img/toolbar-add-to-shelf.gif");
925         background-position : center left;
926         background-repeat : no-repeat;
927 }
928
929 #placehold a,
930 #placehold button {
931         padding-left : 34px;
932         background-image: url("../../img/toolbar-hold.gif");
933         background-position : center left;
934         background-repeat : no-repeat;
935 }
936
937 #editmenuc .first-child, #deleteshelf .first-child,#newmenuc .first-child, #addbiblio .first-child, #z3950search .first-child, #printmenuc .first-child, #newsupplier .first-child, #savemenuc .first-child, #budgets_menuc .first-child, #periods_menuc .first-child {
938         padding-left : 15px;
939 }
940
941 .error,
942 .error a,
943 .error a:link,
944 .error a:visited {
945        color: #cc0000;
946 }
947
948 div.error {
949         border : 2px dashed #990000;
950         background-color : #FFFF99;
951         padding : .5em;
952         margin : 1em;
953 }
954
955 input.alert {
956         background-color : #FFFF99;
957         border-color: #900;
958 }
959
960 ol.bibliodetails {
961         float: left;
962         margin : 0 0 1em 1em;
963 }
964
965 ol.bibliodetails li {
966         border-bottom: 1px solid #E8E8E8;
967         list-style-type : none;
968         padding : .1em;
969 }
970
971 ol.bibliodetails span.label {
972         border-right : 1px solid #E8E8E8;
973         float : left;
974         font-weight: bold;
975         width: 12em;  
976         margin-right: 1em;  
977 }
978
979 div.listgroup {
980         clear :  left;
981 }
982
983 div.listgroup h4 {
984         font-style: italic;
985 }
986
987 div.listgroup h4 a {
988         font-size :  80%;
989 }
990
991 div.listgroup input {
992         font-size: 80%;
993 }
994
995 div.sysprefs h3 {
996         margin : .2em 0 .2em .4em;
997 }
998
999 div.sysprefs dl {
1000         margin-left : 1.5em;
1001 }
1002
1003 div.sysprefs div.hint {
1004         width : 25%;
1005         float : right;
1006         padding : .5em;
1007         margin : .7em;
1008 }
1009
1010 tr.highlight td {
1011         background-color : #F6F6F6;
1012         border-color : #BCBCBC;
1013 }
1014
1015 tr.highlight th[scope=row] {
1016         background-color : #DDDDDD;
1017         border-color : #BCBCBC;
1018 }
1019
1020 tr.confirm td, tr.highlight.confirm td {
1021         background-color : #ffbfbf;
1022 }
1023
1024 #circ_circulation_issue label {
1025         font-size: 105%;
1026         font-weight : bold;
1027 }
1028
1029 #circ_circulation_issue div.hint {
1030         color : #666666;
1031         margin: .2em 0;
1032 }
1033
1034 #circ_circulation_issue .date-select {
1035         font-size : 85%;
1036         padding-top : .3em;
1037 }
1038
1039 #circ_circulation_issue .date-select label {
1040         font-size : inherit;
1041         font-weight: normal;
1042 }
1043
1044 #circ_circulation_issue .date-select input {
1045         padding : 1px;
1046 }
1047
1048 tr.expired td {
1049         color : #999999;
1050 }
1051
1052 span.expired {
1053         color : #990000;
1054         font-style : italic;
1055 }
1056
1057 div.help {
1058         margin: .9em 0 0 0;  
1059 }
1060
1061 .blocker {
1062         color : #990000;
1063 }
1064
1065 .circmessage li {
1066         list-style : url(../../img/arrow-bullet.gif);
1067         margin-bottom : .2em;
1068 }
1069
1070 div.circmessage:first-child {
1071         margin-top : 1em;
1072 }
1073
1074 div.circmessage {
1075         padding: 0 .4em .4em .4em;
1076         margin-bottom : .3em;
1077 }
1078
1079 span.circ-hlt {
1080         color : #cc0000;
1081         font-weight : bold;
1082 }
1083
1084 div.first fieldset {
1085         margin-right : 0;
1086 }
1087
1088 #circ_needsconfirmation {
1089         margin : auto;
1090 }
1091
1092 .dialog {
1093   border: 1px solid #bcbcbc;
1094         padding : .5em;
1095         margin : 1em auto;
1096   width: 65%;
1097   }
1098   
1099 .dialog table {
1100         margin : .5em auto;
1101 }
1102
1103 .dialog table th {
1104         text-align : right;
1105 }
1106
1107 .dialog table td {
1108         text-align : left;
1109 }
1110   
1111 .dialog  h2, .dialog h3, .dialog h4 {
1112         margin : auto;
1113         text-align : center;
1114   }
1115   
1116 .dialog input {
1117         background-color : #FFF;
1118         border : 1px solid #bcbcbc;
1119         margin : .4em;
1120         padding : .4em .4em .4em 25px;
1121  }
1122  
1123 .dialog input.approve, td input.approve {
1124         background : #FFF url(../../img/approve.gif) no-repeat 4px center;
1125         padding : .4em .4em .4em 25px;  
1126  }
1127  
1128 td input.approve {
1129         background-color : #FFC;
1130 }
1131
1132 .dialog input.deny {
1133         background : #FFF url(../../img/deny.gif) no-repeat 4px center;
1134         padding : .4em .4em .4em 25px;
1135  }
1136
1137 .dialog input.save {
1138         background: #fff url(../../img/toolbar-save.gif) no-repeat 4px center;
1139         color:black;
1140         padding: .4em .4em .4em 34px;
1141 }
1142
1143 .dialog input.edit {
1144         background: #fff url(../../img/toolbar-edit.gif) no-repeat 4px center;
1145         color:black;
1146         max-width : 13em;
1147         padding: .4em .4em .4em 34px;
1148         white-space: normal;
1149 }
1150
1151 .dialog input.new {
1152         background: #fff url(../../img/toolbar-new.gif) no-repeat 4px center;
1153         color:black;
1154         max-width : 13em;
1155         padding: .4em .4em .4em 34px;
1156         white-space: normal;
1157 }
1158
1159 .dialog input.print {
1160         background : #FFF url(../../img/print-confirm.gif) no-repeat 4px center;
1161         padding : .4em .4em .4em 25px;  
1162 }
1163
1164 .dialog input:hover {
1165         background-color : #ffc;
1166  }
1167
1168 div.alert {
1169   background : #FFC url(../../img/alert-bg.gif) repeat-x left 0;
1170   text-align : center;
1171 }
1172
1173 div.alert strong {
1174         color : #900;
1175 }
1176
1177 div.dialog {
1178   background : #FFC url(../../img/dialog-bg.gif) repeat-x left 0;
1179   text-align : center;
1180 }
1181
1182 div.message {
1183         background : white url("../../img/message-bg.gif") repeat-x left 0;
1184         border : 1px solid #bcbcbc;
1185         text-align: center;
1186         width : 55%;
1187 }
1188
1189 div.message ul,
1190 div.message h5 {
1191         padding-left : 25%;
1192         text-align : left;
1193 }
1194
1195 div.message ul+h4 {
1196         margin-top : .7em;
1197 }
1198  
1199  div.results {
1200         padding : .7em 0;
1201  }
1202  
1203  .accesskey {
1204         text-decoration : underline;
1205  }
1206  
1207 .required {
1208     color : #C00;
1209 }
1210
1211 span.required {
1212         font-style : italic;
1213 }
1214
1215 .term {
1216     background-color: #FFC;
1217          color : #990000;
1218 }
1219
1220 a .term {
1221          text-decoration : underline;
1222 }
1223
1224 /* style for shelving location in catalogsearch */
1225 .shelvingloc {
1226     display : block;
1227     font-style : italic;
1228 }
1229
1230 a:hover .term {
1231         color : #FF9090;
1232 }
1233
1234 div#menu {
1235         border-right: 1px solid #000;
1236         margin-right: .5em;
1237         padding-top: 1em;
1238         padding-bottom: 2em;
1239 }
1240
1241 *html #menu li {
1242         display : inline;
1243 }
1244
1245 div#menu li a {
1246         text-decoration: none;
1247         display: block;
1248         background : #EEE url(../../img/side-tab-gradient.gif) repeat-y top right;
1249         border: 1px solid #000;
1250         font-size: 111%;
1251         margin: .5em 0;
1252         padding: .4em .3em;
1253         margin-right :  -1px;
1254 }
1255
1256 div#menu li a:hover {
1257         background : #E8F0F6 url(../../img/side-tab-gradient-hover.gif) repeat-y top right;
1258 }
1259
1260 div#menu li.active a:hover {
1261         background-color: #fff;
1262         color :  #0000CC;
1263 }
1264
1265 #menu ul li {
1266         list-style-type: none;
1267 }
1268
1269 #menu ul li.active a {
1270         background-color: #FFF;
1271         background-image : none;
1272         border-right: 0;
1273         font-weight: bold;
1274 }
1275
1276 ul.error {
1277         background : #ffffcc;
1278         border : 1px solid #ff9090;
1279         margin : .5em;
1280         padding : .5em .5em .5em 1.5em;
1281         width : 75%
1282 }
1283
1284 h1#logo {
1285         border:0pt none;
1286         float:left !important;
1287         margin:0;
1288         padding:0;
1289         width:180px;
1290 }
1291 h1#logo {
1292         background:transparent url(../../img/koha-logo-medium.gif) no-repeat scroll 0%;
1293         margin:0.75em .3em 0.75em .7em;
1294 }
1295
1296 *html h1#logo {
1297         margin : 0.75em .3em 0.75em .3em;
1298 }
1299
1300 h1#logo a {
1301         border:0;
1302         cursor:pointer;
1303         display:block;
1304         height:0px !important;
1305         margin:0;
1306         overflow:hidden;
1307         padding:44px 0 0;
1308         text-decoration:none;
1309         width:180px;
1310 }
1311
1312 #closewindow {
1313         margin-top : 2em;
1314         text-align : center;
1315 }
1316
1317 #closewindow a {
1318         font-weight : bold;     
1319 }
1320
1321 .patroninfo+#menu {
1322         margin-right : 0;
1323 }
1324
1325 .barcode {
1326         font-size :  200%;
1327 }
1328
1329 li.email a {
1330         display:block;
1331         overflow:hidden;
1332         width:13em;
1333 }
1334 li.email {
1335         background: #FFF url(../../img/elipsis.gif) right bottom no-repeat;
1336         font-size :  87%;
1337         overflow:hidden;
1338         padding :0 10px 0 0;
1339         width:13em;
1340 }
1341
1342 .empty {
1343         color : #CCC;
1344 }
1345
1346 .address {
1347         font-size: 110%;
1348 }
1349
1350 .clearfix:after {
1351     content: "."; 
1352     display: block; 
1353     height: 0; 
1354     clear: both; 
1355     visibility: hidden;
1356 }
1357
1358 /* Hides from IE-mac \*/
1359 * html .clearfix {height: 1%;}
1360 /* End hide from IE-mac */
1361
1362 .title {
1363         font-weight : bold;
1364         font-size : 105%;
1365 }
1366
1367 .hold {
1368         float : right;
1369         font-size: 90%;
1370         margin: 0;
1371 }
1372
1373 .thumbnail {
1374         display : block;
1375         margin : auto;
1376 }
1377
1378 #searchresults ul li {
1379         font-size : 90%;
1380         list-style : url(../../img/item-bullet.gif);
1381         padding : .2em 0;
1382         clear : left;
1383 }
1384
1385 #searchresults span.status {
1386         clear : left;
1387         color : #900;
1388         display : block;
1389 }
1390
1391 #searchresults span.unavailable {
1392         clear : left;
1393         display : block;
1394 }
1395
1396 #searchresults .availability strong {
1397         display : block;
1398 }
1399
1400 #searchresults ul li img {
1401         float : left;
1402         margin : 3px 5px 3px -5px;
1403 }
1404
1405 #searchresults table td {
1406         vertical-align : top;
1407 }
1408
1409 #searchheader {
1410         background-color : #f3f3f3;
1411         font-size : 80%;
1412         margin : 0 0 .5em -1px;
1413         padding : .1em 0 .1em 1em;
1414 }
1415
1416 #searchheader h3 {
1417 }
1418
1419 #searchheader form {
1420         float : right;
1421 }
1422
1423 #searchheader form.fz3950 {
1424         float : right;
1425         font-size : 125%;
1426         padding : 0 0 0 5em;
1427 }
1428
1429 #searchheader form.fz3950bigrpad {
1430         float : right;
1431         font-size : 125%;
1432         padding : 5px 25em 0 0;
1433 }
1434
1435 #search-facets ul {
1436         margin : 0;
1437         padding : .3em;
1438 }
1439
1440 #search-facets {
1441         border : 1px solid #e8e8e8;
1442 }
1443
1444 #search-facets h4 {
1445         background-color : #F3F3F3;
1446         border-bottom : 1px solid #e8e8e8;
1447         font-size : 90%;
1448         margin : 0;
1449         padding : .4em .2em;
1450         text-align : center;
1451 }
1452
1453 #search-facets ul li {
1454         font-weight : bold;
1455         list-style-type : none;
1456 }
1457
1458 #search-facets li li {
1459         font-weight : normal;
1460         font-size : 85%;
1461         margin-bottom : 2px;
1462         padding : .1em .2em;
1463 }
1464
1465 #search-facets li li a {
1466 }
1467
1468 #search-facets li.showmore {
1469         font-weight : bold;
1470         text-indent : 1em;
1471 }
1472
1473 div.pages {
1474         margin : .5em 0;
1475 }
1476
1477 div.pages a {
1478         font-weight: bold;
1479         padding: 1px 5px 1px 5px;
1480         text-decoration: none;
1481 }
1482
1483 div.pages a:link,
1484 div.pages a:visited {
1485         background-color : #eeeeee;
1486         color : #3366CC;
1487 }
1488
1489 div.pages a:hover {
1490         background-color : #FFC;
1491 }
1492
1493 div.pages a:active {
1494         background-color : #ffc;
1495 }
1496
1497 div.pages .current,
1498 div.pages .currentPage {
1499         background-color : #e6fcb7;
1500         color : #666;
1501         font-weight: bold;
1502         padding: 1px 5px 1px 5px;
1503 }
1504
1505 div.pages .inactive {
1506         background-color : #f3f3f3;
1507         color : #BCBCBC;
1508         font-weight: bold;
1509         padding: 1px 5px 1px 5px;
1510 }
1511
1512 div.browse {
1513         margin : .5em 0;
1514 }
1515
1516 div#bookcoverimg {
1517         text-align : center;
1518 }
1519
1520 div#header_search input.submit {
1521         font-size : 1em;
1522 }
1523
1524 *html input.submit {
1525         padding : .1em;
1526 }
1527
1528 input[type=submit]:active, input[type=button]:active, button.submit:active {
1529         border : 1px inset #999999;
1530 }
1531
1532 input[type=submit], input[type=reset], input[type=button], input.submit, button.submit {
1533         border: 1px outset #999999;
1534         border-top-color: #666;
1535         border-left-color: #666;
1536         padding: 0.25em;
1537         background : #E8E8E8 url(../../img/button-bg.gif) top left repeat-x;
1538         color: #333333;
1539 }
1540
1541 input[type=reset]:active, input[type=button]:active, input.submit:active, button.submit:active {
1542         border : 1px inset #999999;
1543 }
1544
1545 ul li input.submit {
1546         font-size : 87%;
1547         padding : 2px;
1548 }
1549
1550 input.warning {
1551     background : #FFF url(../../img/famfamfam/silk/error.png) no-repeat 4px center;
1552         padding : 0.25em 0.25em 0.25em 25px;
1553 }
1554
1555 .searchhighlightblob {
1556     font-size:75%;
1557         font-style : italic;
1558 }
1559
1560 a.yuimenuitemlabel:hover {
1561         background-color : #B3D4FF;
1562         color : #000;
1563 }
1564                 
1565 #displayexample {
1566         padding: 5px; 
1567         margin-bottom: 10px;
1568         background-color: #CCCCCC;
1569 }
1570
1571 #irregularity_summary {
1572         vertical-align : top;
1573 }
1574
1575 #toplevelnav {
1576         float : left;
1577         margin-left : .5em;
1578         width : 30em;
1579 }
1580
1581 ul#toplevelmenu {
1582         padding : 0;
1583 }
1584                 
1585 ul#toplevelmenu li {
1586         display: inline;
1587         padding : 0 .6em;
1588 }
1589                 
1590 ul#toplevelmenu li.more a {
1591         background-image:url(../../img/more-arrow.gif);
1592         background-position:right center;
1593         background-repeat:no-repeat;
1594         padding-right:13px;
1595 }
1596                 
1597 ul#toplevelmenu li.more ul li a {
1598         background-image : none;
1599         padding-right : 20px;
1600 }
1601
1602 ul#toplevelmenu li.more ul li a.yuimenuitemlabel {
1603         padding: .2em 20px .2em 20px;
1604 }
1605                 
1606 ul#menu li a, ul#toplevelmenu li a {
1607         text-decoration : none;
1608 }
1609 ul#menu li ul li, ul#toplevelmenu li ul li {
1610         display :block;
1611         padding :0;
1612 }
1613 ul#menu li ul li a, ul#toplevelmenu li ul li a {
1614         text-decoration : none;
1615 }
1616
1617 ul#i18nMenu {
1618         margin : 0;
1619         padding : .2em 0;
1620  }
1621  
1622 ul#i18nMenu li {
1623         border-left : 1px solid #CCC;
1624         display : inline;
1625         list-style : none;
1626         padding : 0 10px;
1627  }
1628  
1629 ul#i18nMenu li:first-child {
1630         border-left : 0;
1631  }
1632  
1633 ul#i18nMenu li ul li {
1634         border : 0;
1635         display : block;
1636         padding : 0;
1637  }
1638  
1639                 
1640 ul#i18nMenu li.more a {
1641         background-image:url(../../img/more-up-arrow.gif);
1642         background-position:right center;
1643         background-repeat:no-repeat;
1644         padding-right:13px;
1645 }
1646                 
1647 ul#i18nMenu li.more ul li a {
1648         background-image : none;
1649         padding-right : 20px;
1650 }
1651  
1652  div#changelanguage{
1653         background-color: #fff;
1654         border-top: 1px solid #CCC;
1655   position:absolute;
1656   bottom:0;
1657   left:0;
1658   width:100%;
1659   height: 2em;
1660  }
1661  
1662  @media screen{
1663   body>div#changelanguage {
1664    position: fixed;
1665   }
1666  }
1667  
1668  * html body{
1669   overflow:hidden;
1670  } 
1671  
1672  * html div#doc1{
1673   height:100%;
1674   overflow:auto;
1675  }
1676   
1677  * html div#doc2{
1678   height:100%;
1679   overflow:auto;
1680  }
1681   
1682  * html div#doc3{
1683   height:100%;
1684   overflow:auto;
1685  }
1686
1687 #CheckAll, #CheckNone, #CheckPending {
1688         font-weight : normal;
1689         margin : 0 .5em 0 0;
1690 }
1691 .lost,.dmg,.wdn {
1692         display : block;
1693         color : #990000;
1694 }
1695 .datedue {
1696         display : block;
1697         color : #999;
1698         font-style : italic;
1699 }
1700 /* Tablesorter */
1701 .header {
1702         background-image:url("../../img/ascdesc.gif");
1703         background-position:right center;
1704         background-repeat:no-repeat;
1705         cursor:pointer;
1706         padding : .2em 23px;
1707 }
1708 .headerSortUp {
1709         background-image:url("../../img/asc.gif");
1710 }
1711 .headerSortDown {
1712         background-image:url("../../img/desc.gif");
1713 }
1714
1715 tr.reserved td {
1716         background-color : #eeffd4;
1717 }
1718 tr.transfered td {
1719         background-color : #e8f0f6;
1720 }
1721 .waitinghere {
1722         color : #669900;
1723 }
1724
1725 /* Permissions Labels */
1726 label.permissioncode:before {
1727         content: "(";
1728 }
1729 label.permissioncode:after {
1730         content: ")";
1731 }
1732 label.permissioncode {
1733         font-style : italic;
1734 }
1735 span.permissiondesc {
1736         font-weight : normal;
1737 }
1738 #mainuserblock {
1739         border : 1px solid #E8E8E8;
1740         margin-top : .5em;
1741         padding : .5em;
1742 }
1743
1744
1745 /* borrower autocomplete */
1746 #borrowerautocomplete { width: 450px; text-align:left;} /* z-index needed on top instances for ie & sf absolute inside relative issue */
1747 .autocomplete .yui-ac-highlight ,
1748 .autocomplete .yui-ac-highlight .sample-result,
1749 .autocomplete .yui-ac-highlight .sample-query { color:#FFF; }
1750 .autocomplete .sample-result { color: black; }
1751 .autocomplete .sample-query { color:#000; }
1752 #findborrower { position:static; width:auto; }
1753 #yborrowercontainer { text-align:left;width:335px; }
1754
1755 /* patron attribues autocomplete for overdues report (pattrodue) */
1756 .pattrodue-autocomplete .pattrodue-result { color: black; }
1757 .pattrodue-autocomplete .yui-ac-highlight .pattrodue-result { color: white; }
1758 .pattrodue-input { position:static; width:auto; }
1759 .pattrodue-container { text-align:left; width:400px; }
1760
1761 .labeledmarc-table {
1762         border: 0;
1763 }
1764
1765 .labeledmarc-label {
1766         border: 0;
1767         padding: 5;
1768         font-size: 11pt;
1769         color: darkblue;
1770 }
1771
1772 .labeledmarc-value {
1773         border: 0;
1774         padding: 5;
1775         font-size: 10pt;
1776         color: black;
1777 }
1778
1779 .hintsClass {
1780     font-family: tahoma, verdana, arial;
1781     font-size: 12px;
1782     background-color: #f0f0f0;
1783     color: #000000;
1784     border: 1px solid #808080;
1785     padding: 5px;
1786 }
1787 .hintSource {
1788     color: green;
1789     text-decoration: underline;
1790     cursor: pointer;
1791 }
1792
1793 h1#pdf {
1794         background:transparent url(../../img/pdficon_large.gif) no-repeat scroll 0%;
1795         border: 0;
1796         margin:0.75em .3em 0.75em .7em;
1797         padding:0;
1798 }
1799
1800 h1#pdf a {
1801         border:0;
1802         cursor:pointer;
1803         display:block;
1804         height:0px !important;
1805         margin:0;
1806         overflow:hidden;
1807         padding:44px 0 0;
1808         text-decoration:none;
1809         width:35px;
1810 }
1811
1812 h1#csv {
1813         background:transparent url(../../img/csv_icon.gif) no-repeat scroll 0%;
1814         border: 0;
1815         margin:0.75em .3em 0.75em .7em;
1816         padding:0;
1817 }
1818
1819 h1#csv a {
1820         border:0;
1821         cursor:pointer;
1822         display:block;
1823         height:0px !important;
1824         margin:0;
1825         overflow:hidden;
1826         padding:44px 0 0;
1827         text-decoration:none;
1828         width:35px;
1829 }
1830
1831 h1#xml {
1832         background:transparent url(../../img/icon_xml.gif) no-repeat scroll 0%;
1833         border: 0;
1834         margin:0.75em .3em 0.75em .7em;
1835         padding:0;
1836 }
1837
1838 h1#xml a {
1839         border:0;
1840         cursor:pointer;
1841         display:block;
1842         height:0px !important;
1843         margin:0;
1844         overflow:hidden;
1845         padding:44px 0 0;
1846         text-decoration:none;
1847         width:35px;
1848 }
1849
1850 #cartDetails {
1851         background-color : #FFF;
1852         border: 1px solid #739acf;
1853          -moz-box-shadow: 1px 1px 3px 0 #666;
1854          -webkit-box-shadow: 1px 1px 3px 0 #666;
1855          box-shadow: 1px 1px 3px 0 #666;
1856         color : black;
1857         display : none;
1858         margin : 0;
1859         padding : 10px;
1860         text-align : center;
1861         width : 180px;
1862         z-index : 50;
1863 }
1864 #cartmenulink {
1865         background: transparent url("../../img/cart-small.gif") 0 3px no-repeat;
1866         padding-left : 15px;
1867 }
1868 #cartmenulink span#basketcount span {
1869         display : inline;
1870         font-size : 90%;
1871         font-weight : normal;
1872         padding : 0;
1873 }
1874 #moremenu {
1875         display : none;
1876 }
1877
1878 .results_summary {
1879   display: block;
1880   font-size : 85%; 
1881   color: #707070;
1882   padding : 0 0 .5em 0;
1883 }
1884 .results_summary .label {
1885   color: #202020;
1886 }
1887 .results_summary a {
1888   font-weight: normal;
1889 }
1890
1891 img.spinner {
1892     vertical-align: middle;
1893     padding-right: 0.3em;
1894 }
1895 #cataloguing_additem_itemlist div {
1896         overflow : scroll;
1897 }
1898 ul.budget_hierarchy {
1899     margin-left: 0px;
1900     padding-left: 0px;
1901 }
1902 ul.budget_hierarchy li {
1903     display: inline;
1904 }
1905 ul.budget_hierarchy li:after {
1906     content: " -> ";
1907 }
1908 ul.budget_hierarchy li:last-child:after {
1909     content: "";
1910 }
1911 ul.budget_hierarchy li:first-child:after {
1912     content: "";
1913 }
1914 .holdcount { font-size : 105%; line-height : 200%; }
1915 .holdcount a { border : 1px solid #a4bedd; background-color : #e4ecf5; font-weight : bold; -moz-border-radius: 4px; padding : .1em .4em; text-decoration : none; }
1916 .holdcount a:hover { background-color : #ebeff7; }
1917 .container {
1918         border : 1px solid #EEE;
1919         padding : 1em;
1920         margin : 1em 0;
1921 }
1922 fieldset.rows+h3 {clear:both;padding-top:.5em;}