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