Fix for Bug 3659, Add place hold option from patron checkout tab
[wip/koha-chris_n.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         font-family: arial, verdana, helvetica, sans-serif;
443 }
444 .yui-menu-button  {
445         
446 }
447
448 a.yuimenuitemlabel-disabled, #disabled a {
449         color: #999;
450 }
451 a.yuimenuitemlabel-disabled:hover, #disabled a:hover {
452         color : #999;
453 }
454 a.highlight_toggle {
455     display : none;
456 }
457
458 ul.toolbar li {
459         display : inline;
460         list-style : none;
461 }
462
463 div.patroninfo {
464         margin-top : -.5em;
465 }
466
467 *html div.patroninfo {
468         margin-right : .5em;
469 }
470
471 div.patroninfo h5 {
472         border-right :  1px solid #000;
473         margin-bottom : 0;
474         padding-left : -.5em;
475         padding-top : .3em;
476         padding-bottom : .5em;
477 }
478
479 div.patroninfo ul {
480         border : 0;
481         border-right : 1px solid #000;
482         border-bottom : 0;
483         border-top : 0;
484         padding : 0;
485         margin : 0;
486 }
487
488 div.patroninfo ul li {
489         margin : 0;
490 }
491
492 div.patroninfo ul li, div.patronviews ul li {
493         list-style-type : none;
494 }
495
496 div.patronviews {
497         border-right :  1px solid #000;
498         border-top : 1px solid #000;
499         margin-bottom : .5em;
500         padding : .5em 0 .5em 0;
501 }
502
503 .column-tool {
504         font-size: 80%;
505 }
506
507 fieldset.brief {
508         border : 1px solid #E8E8E8;
509 }
510
511 fieldset.brief label,
512 fieldset.brief span.label {
513         display : block;
514         font-weight : bold;
515         padding : .3em 0;
516 }
517
518 fieldset.brief ol, fieldset.brief li {
519         list-style-type : none;
520 }
521
522 .hint {
523         color : #999999;
524         font-size : 95%;
525 }
526
527 fieldset.brief div.hint, fieldset.rows div.hint, div.yui-u div.hint {
528         font-size : 95%;
529         margin-bottom : .4em;
530 }
531
532 div.yui-b fieldset.brief {
533         padding : .4em .7em;
534 }
535
536 div.yui-b fieldset.brief ol {
537         font-size : 85%;
538         margin : 0;
539         padding : 0;
540 }
541
542 div.yui-b fieldset.brief select {
543         width: 12em;
544 }
545 div.yui-b fieldset.brief li.radio {
546         padding : .7em 0;
547 }
548 div.yui-b fieldset.brief li.radio label,
549 div.yui-b fieldset.brief li.radio span.label {
550         display : inline;
551 }
552
553 div.yui-b fieldset.brief li.radio input {
554         padding:0.3em 0;
555 }
556
557 fieldset.rows {  
558 border-width : 1px;
559 border-bottom : 1px solid #666;
560 float : left;
561 font-size : 90%;
562 clear : left;
563 margin: .9em 0 0 0;  
564 padding: 0;
565 width: 100%; 
566 }
567
568 fieldset.rows legend {  
569         margin-left: 1em;
570         font-weight: bold;
571         font-size : 110%;
572 }
573
574 fieldset.rows label, fieldset.rows span.label {  
575         float: left;  
576         font-weight : bold;
577         width: 6em;  
578         margin-right: 1em;  
579         text-align: right;
580 }
581
582 fieldset.rows fieldset {
583         border-width : 1px;
584         margin : 0 0 .5em 0;
585         padding : .3em;
586 }
587
588 .yui-b fieldset.rows label, .yui-b fieldset.rows span.label {  
589         width: 9em;  
590 }
591
592 .yui-b fieldset.rows div.hint {
593         margin-left : 10.5em;
594 }
595
596 .yui-u fieldset.rows label, .yui-u fieldset.rows span.label {  
597         width: 10em;  
598 }
599
600 .yui-u fieldset.rows div.hint {
601         margin-left : 7.5em;
602 }
603
604 fieldset.rows.left label, fieldset.rows.left span.label {
605         width : 8em;
606         text-align : left;      
607 }
608
609 fieldset.rows ol {  
610 padding: 1em 1em 0 1em;  
611 list-style-type: none;
612 }
613
614 fieldset.rows li {  
615 float : left;
616 clear : left;
617 padding-bottom: 1em;
618 list-style-type: none;
619 width: 100%; 
620 }
621
622 fieldset.rows.left li {
623         padding-bottom : .4em;
624 }
625
626 fieldset.rows li.radio {
627         padding-left: 9em;
628         width : auto;
629 }
630
631 fieldset.rows li.radio label {
632         float : none;
633         width : auto;
634         margin : 0 0 0 1em;
635 }
636
637 fieldset.rows ol.radio label {
638         width : auto;
639         float : none;
640         margin-right : 0;
641 }
642
643 fieldset.rows ol.radio label.radio {
644         float : left;
645         width : 12em;
646         margin-right : 1em;
647 }
648
649 fieldset.rows table {
650         font-size : 105%;
651         clear : both;
652         margin : 1em 0 1em 1em;
653 }
654
655 fieldset.rows td label {
656         float : none;
657         font-weight : normal;
658         width : auto;
659 }
660
661 fieldset.rows label.yesno {
662         float : none;
663         width : auto;
664 }
665
666 fieldset.action, div.action {
667         clear : both;
668         float : none;
669         border : none;
670         margin : 0;
671         padding : 1em 0 .3em 0;
672         width : auto;
673 }
674
675 div.rows {
676 float : left;
677 clear : left;
678 margin: 0 0 0 0;  
679 padding: 0;
680 width: 100%; 
681 }
682
683
684 div.rows span.label {  
685         float: left;  
686         font-weight : bold;
687         width: 9em;  
688         margin-right: 1em;  
689         text-align: left;
690 }
691
692 div.rows ol {  
693 padding: .5em 1em 0 0;  
694 list-style-type: none;
695 }
696
697 div.rows ol li li {
698         border-bottom: 0;
699 }
700
701 div.rows li {
702 border-bottom :  1px solid #EEE;
703 float : left;
704 clear : left;
705 padding-bottom: .2em;
706 padding-top: .1em;
707 list-style-type: none;
708 width: 100%; 
709 }
710
711 a.cancel {
712         padding-left : 1em;
713 }
714
715 fieldset.rows fieldset.action {
716         padding : 1em;
717 }
718
719 fieldset.rows label.inline {
720         display : inline;
721         float : none;
722         margin-left : 1em;
723         width : auto;
724 }
725
726 fieldset.rows .inputnote {
727         clear : left;
728         float : left;
729         margin : .5em 0 0 11em;
730 }
731
732 .ui-tabs-nav li {
733         margin-right : .5em;
734         position : relative;
735         top : -1px;
736 }
737
738 .ui-tabs-nav li.ui-tabs-selected {
739
740 }
741
742 .ui-tabs-nav a, .ui-tabs-nav a span, .ui-tabs-nav span.a {
743    background : none;
744         display : block;
745         padding: .2em .5em .25em .5em;
746 }
747
748 .ui-tabs-nav a, .ui-tabs-nav span.a {
749
750 }
751
752 .ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav .ui-tabs-selected span.a {
753         background-color : #FFFFCC;
754         border-top: 1px solid #FFFFCC;
755         border-right: 1px solid #FF9900;
756         border-bottom: 1px solid #FF9900;
757         border-left: 1px solid #FFCC66;
758         font-weight : bold;
759         text-align : center;
760         text-decoration : none;
761
762 }
763
764 .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 {
765     outline: 0; /* prevent dotted border in Firefox */
766 }
767
768 .ui-tabs-nav .ui-tabs-selected a:hover {
769         color : #0000CC;
770 }
771
772 .ui-tabs-nav li.ui-tabs-selected {
773         background-color : #FFFFCC;
774 }
775
776 .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 {
777          background : none;
778     outline: 0; /* prevent dotted border in Firefox */
779 }
780
781 .tabs-container {
782     border-top: 0;
783     padding : inherit;
784     background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
785 }
786 .tabs-loading em {
787     padding: inherit;
788     background: none;
789 }
790
791 .toptabs {
792         margin-top : 1em;
793 }
794
795 .toptabs .ui-tabs-nav li {
796         margin-right : .5em;
797         position : relative;
798         top : 1px;
799 }
800
801 .toptabs .ui-tabs-nav li a, .toptabs .ui-tabs-nav li span.a {
802         background-color : #F3F3F3;
803         border : 1px solid #E8E8E8;
804         text-align : center;
805         text-decoration : none;
806 }
807
808 .toptabs .ui-tabs-nav li.ui-tabs-selected  {
809
810 }
811
812 .toptabs .ui-tabs-nav li.ui-tabs-selected a, .toptabs .ui-tabs-nav li.ui-tabs-selected span.a {
813         background-color : #FFF;
814         border-bottom : 1px solid #FFF;
815         margin-top : 0;
816 }
817
818 .toptabs .tabs-container {
819         border : 1px solid #E8E8E8;
820         padding : 1em;
821 }
822
823 .checkedout {
824         color : #999999;
825         font-style : italic;
826 }
827
828 .subfield_not_filled {
829         background-color : #FFFF99;
830 }
831 .content_hidden {
832     visibility:hidden; /* you propably don't need to change this one */
833     display:none;
834 }
835
836 /* the property for the displayed tab */
837 .content_visible {
838     visibility:visible; /* you propably don't need to change this one */
839     display:block;
840 }
841 #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 {
842         padding-left : 34px;
843         background-image: url("../../img/toolbar-new.gif");
844         background-position : center left;
845         background-repeat : no-repeat;
846 }
847
848 #changepassword a {
849         padding-left : 34px;
850         background-image: url("../../img/toolbar-password.gif");
851         background-position : center left;
852         background-repeat : no-repeat;
853 }
854
855 #manageorders a {
856         padding-left : 34px;
857         background-image: url("../../img/toolbar-orders.gif");
858         background-position : center left;
859         background-repeat : no-repeat;
860 }
861
862
863 #savemenuc .first-child, #addbiblio .first-child {
864         padding-left : 34px;
865         background-image: url("../../img/toolbar-save.gif");
866         background-position : center left;
867         background-repeat : no-repeat;
868 }
869
870 #editpatron a, #editmenuc .first-child, #editshelf a, #edit a, #editsupplier a, #managelabel a, #managetemplate a, #managelabelbatch a, #manageprofile a {
871         padding-left : 34px;
872         background-image: url("../../img/toolbar-edit.gif");
873         background-position : center left;
874         background-repeat : no-repeat;
875 }
876
877 #duplicate a {
878         padding-left : 34px;
879         background-image: url("../../img/toolbar-duplicate.gif");
880         background-position : center left;
881         background-repeat : no-repeat;
882 }
883
884 #receive a {
885         padding-left : 34px;
886         background-image: url("../../img/toolbar-receive.gif");
887         background-position : center left;
888         background-repeat : no-repeat;
889 }
890
891 #renew a {
892         padding-left : 34px;
893         background-image: url("../../img/toolbar-renew.gif");
894         background-position : center left;
895         background-repeat : no-repeat;
896 }
897
898 #deletebiblio button, #deletebiblio a, #deletepatron a, #deleteshelf .first-child, #delete a {
899         padding-left : 34px;
900         background-image: url("../../img/toolbar-delete.gif");
901         background-position : center left;
902         background-repeat : no-repeat;
903 }
904
905 #z3950search .first-child {
906         padding-left : 34px;
907         background-image: url("../../img/toolbar-search.gif");
908         background-position : center left;
909         background-repeat : no-repeat;
910 }
911 #z3950searcht table {
912         /* 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 */
913         padding: 20px;
914         border: none;
915 }
916 #printbiblio button, #printbiblio a, #printmenuc .first-child {
917         padding-left : 34px;
918         background-image: url("../../img/toolbar-print.gif");
919         background-position : center left;
920         background-repeat : no-repeat;
921 }
922
923 #addtoshelf button, #addtoshelf a {
924         padding-left : 34px;
925         background-image: url("../../img/toolbar-add-to-shelf.gif");
926         background-position : center left;
927         background-repeat : no-repeat;
928 }
929
930 #placehold a,
931 #placehold button,
932 #holdfor .first-child {
933         padding-left : 34px;
934         background-image: url("../../img/toolbar-hold.gif");
935         background-position : center left;
936         background-repeat : no-repeat;
937 }
938
939 #holdfor .first-child { padding-left : 17px; }
940
941 #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 {
942         padding-left : 15px;
943 }
944
945 .error,
946 .error a,
947 .error a:link,
948 .error a:visited {
949        color: #cc0000;
950 }
951
952 div.error {
953         border : 2px dashed #990000;
954         background-color : #FFFF99;
955         padding : .5em;
956         margin : 1em;
957 }
958
959 input.alert {
960         background-color : #FFFF99;
961         border-color: #900;
962 }
963
964 ol.bibliodetails {
965         float: left;
966         margin : 0 0 1em 1em;
967 }
968
969 ol.bibliodetails li {
970         border-bottom: 1px solid #E8E8E8;
971         list-style-type : none;
972         padding : .1em;
973 }
974
975 ol.bibliodetails span.label {
976         border-right : 1px solid #E8E8E8;
977         float : left;
978         font-weight: bold;
979         width: 12em;  
980         margin-right: 1em;  
981 }
982
983 div.listgroup {
984         clear :  left;
985 }
986
987 div.listgroup h4 {
988         font-style: italic;
989 }
990
991 div.listgroup h4 a {
992         font-size :  80%;
993 }
994
995 div.listgroup input {
996         font-size: 80%;
997 }
998
999 div.sysprefs h3 {
1000         margin : .2em 0 .2em .4em;
1001 }
1002
1003 div.sysprefs dl {
1004         margin-left : 1.5em;
1005 }
1006
1007 div.sysprefs div.hint {
1008         width : 25%;
1009         float : right;
1010         padding : .5em;
1011         margin : .7em;
1012 }
1013
1014 tr.highlight td {
1015         background-color : #F6F6F6;
1016         border-color : #BCBCBC;
1017 }
1018
1019 tr.highlight th[scope=row] {
1020         background-color : #DDDDDD;
1021         border-color : #BCBCBC;
1022 }
1023
1024 tr.confirm td, tr.highlight.confirm td {
1025         background-color : #ffbfbf;
1026 }
1027
1028 #circ_circulation_issue label {
1029         font-size: 105%;
1030         font-weight : bold;
1031 }
1032
1033 #circ_circulation_issue div.hint {
1034         color : #666666;
1035         margin: .2em 0;
1036 }
1037
1038 #circ_circulation_issue .date-select {
1039         font-size : 85%;
1040         padding-top : .3em;
1041 }
1042
1043 #circ_circulation_issue .date-select label {
1044         font-size : inherit;
1045         font-weight: normal;
1046 }
1047
1048 #circ_circulation_issue .date-select input {
1049         padding : 1px;
1050 }
1051
1052 tr.expired td {
1053         color : #999999;
1054 }
1055
1056 span.expired {
1057         color : #990000;
1058         font-style : italic;
1059 }
1060
1061 div.help {
1062         margin: .9em 0 0 0;  
1063 }
1064
1065 .blocker {
1066         color : #990000;
1067 }
1068
1069 .circmessage li {
1070         list-style : url(../../img/arrow-bullet.gif);
1071         margin-bottom : .2em;
1072 }
1073
1074 div.circmessage:first-child {
1075         margin-top : 1em;
1076 }
1077
1078 div.circmessage {
1079         padding: 0 .4em .4em .4em;
1080         margin-bottom : .3em;
1081 }
1082
1083 span.circ-hlt {
1084         color : #cc0000;
1085         font-weight : bold;
1086 }
1087
1088 div.first fieldset {
1089         margin-right : 0;
1090 }
1091
1092 #circ_needsconfirmation {
1093         margin : auto;
1094 }
1095
1096 .dialog {
1097   border: 1px solid #bcbcbc;
1098         padding : .5em;
1099         margin : 1em auto;
1100   width: 65%;
1101   }
1102   
1103 .dialog table {
1104         margin : .5em auto;
1105 }
1106
1107 .dialog table th {
1108         text-align : right;
1109 }
1110
1111 .dialog table td {
1112         text-align : left;
1113 }
1114   
1115 .dialog  h2, .dialog h3, .dialog h4 {
1116         margin : auto;
1117         text-align : center;
1118   }
1119   
1120 .dialog input {
1121         background-color : #FFF;
1122         border : 1px solid #bcbcbc;
1123         margin : .4em;
1124         padding : .4em .4em .4em 25px;
1125  }
1126  
1127 .dialog input.approve, td input.approve {
1128         background : #FFF url(../../img/approve.gif) no-repeat 4px center;
1129         padding : .4em .4em .4em 25px;  
1130  }
1131  
1132 td input.approve {
1133         background-color : #FFC;
1134 }
1135
1136 .dialog input.deny {
1137         background : #FFF url(../../img/deny.gif) no-repeat 4px center;
1138         padding : .4em .4em .4em 25px;
1139  }
1140
1141 .dialog input.save {
1142         background: #fff url(../../img/toolbar-save.gif) no-repeat 4px center;
1143         color:black;
1144         padding: .4em .4em .4em 34px;
1145 }
1146
1147 .dialog input.edit {
1148         background: #fff url(../../img/toolbar-edit.gif) no-repeat 4px center;
1149         color:black;
1150         max-width : 13em;
1151         padding: .4em .4em .4em 34px;
1152         white-space: normal;
1153 }
1154
1155 .dialog input.new {
1156         background: #fff url(../../img/toolbar-new.gif) no-repeat 4px center;
1157         color:black;
1158         max-width : 13em;
1159         padding: .4em .4em .4em 34px;
1160         white-space: normal;
1161 }
1162
1163 .dialog input.print {
1164         background : #FFF url(../../img/print-confirm.gif) no-repeat 4px center;
1165         padding : .4em .4em .4em 25px;  
1166 }
1167
1168 .dialog input:hover {
1169         background-color : #ffc;
1170  }
1171
1172 div.alert {
1173   background : #FFC url(../../img/alert-bg.gif) repeat-x left 0;
1174   text-align : center;
1175 }
1176
1177 div.alert strong {
1178         color : #900;
1179 }
1180
1181 div.dialog {
1182   background : #FFC url(../../img/dialog-bg.gif) repeat-x left 0;
1183   text-align : center;
1184 }
1185
1186 div.message {
1187         background : white url("../../img/message-bg.gif") repeat-x left 0;
1188         border : 1px solid #bcbcbc;
1189         text-align: center;
1190         width : 55%;
1191 }
1192
1193 div.message ul,
1194 div.message h5 {
1195         padding-left : 25%;
1196         text-align : left;
1197 }
1198
1199 div.message ul+h4 {
1200         margin-top : .7em;
1201 }
1202  
1203  div.results {
1204         padding : .7em 0;
1205  }
1206  
1207  .accesskey {
1208         text-decoration : underline;
1209  }
1210  
1211 .required {
1212     color : #C00;
1213 }
1214
1215 span.required {
1216         font-style : italic;
1217 }
1218
1219 .term {
1220     background-color: #FFC;
1221          color : #990000;
1222 }
1223
1224 a .term {
1225          text-decoration : underline;
1226 }
1227
1228 /* style for shelving location in catalogsearch */
1229 .shelvingloc {
1230     display : block;
1231     font-style : italic;
1232 }
1233
1234 a:hover .term {
1235         color : #FF9090;
1236 }
1237
1238 div#menu {
1239         border-right: 1px solid #000;
1240         margin-right: .5em;
1241         padding-top: 1em;
1242         padding-bottom: 2em;
1243 }
1244
1245 *html #menu li {
1246         display : inline;
1247 }
1248
1249 div#menu li a {
1250         text-decoration: none;
1251         display: block;
1252         background : #EEE url(../../img/side-tab-gradient.gif) repeat-y top right;
1253         border: 1px solid #000;
1254         font-size: 111%;
1255         margin: .5em 0;
1256         padding: .4em .3em;
1257         margin-right :  -1px;
1258 }
1259
1260 div#menu li a:hover {
1261         background : #E8F0F6 url(../../img/side-tab-gradient-hover.gif) repeat-y top right;
1262 }
1263
1264 div#menu li.active a:hover {
1265         background-color: #fff;
1266         color :  #0000CC;
1267 }
1268
1269 #menu ul li {
1270         list-style-type: none;
1271 }
1272
1273 #menu ul li.active a {
1274         background-color: #FFF;
1275         background-image : none;
1276         border-right: 0;
1277         font-weight: bold;
1278 }
1279
1280 ul.error {
1281         background : #ffffcc;
1282         border : 1px solid #ff9090;
1283         margin : .5em;
1284         padding : .5em .5em .5em 1.5em;
1285         width : 75%
1286 }
1287
1288 h1#logo {
1289         border:0pt none;
1290         float:left !important;
1291         margin:0;
1292         padding:0;
1293         width:180px;
1294 }
1295 h1#logo {
1296         background:transparent url(../../img/koha-logo-medium.gif) no-repeat scroll 0%;
1297         margin:0.75em .3em 0.75em .7em;
1298 }
1299
1300 *html h1#logo {
1301         margin : 0.75em .3em 0.75em .3em;
1302 }
1303
1304 h1#logo a {
1305         border:0;
1306         cursor:pointer;
1307         display:block;
1308         height:0px !important;
1309         margin:0;
1310         overflow:hidden;
1311         padding:44px 0 0;
1312         text-decoration:none;
1313         width:180px;
1314 }
1315
1316 #closewindow {
1317         margin-top : 2em;
1318         text-align : center;
1319 }
1320
1321 #closewindow a {
1322         font-weight : bold;     
1323 }
1324
1325 .patroninfo+#menu {
1326         margin-right : 0;
1327 }
1328
1329 .barcode {
1330         font-size :  200%;
1331 }
1332
1333 li.email a {
1334         display:block;
1335         overflow:hidden;
1336         width:13em;
1337 }
1338 li.email {
1339         background: #FFF url(../../img/elipsis.gif) right bottom no-repeat;
1340         font-size :  87%;
1341         overflow:hidden;
1342         padding :0 10px 0 0;
1343         width:13em;
1344 }
1345
1346 .empty {
1347         color : #CCC;
1348 }
1349
1350 .address {
1351         font-size: 110%;
1352 }
1353
1354 .clearfix:after {
1355     content: "."; 
1356     display: block; 
1357     height: 0; 
1358     clear: both; 
1359     visibility: hidden;
1360 }
1361
1362 /* Hides from IE-mac \*/
1363 * html .clearfix {height: 1%;}
1364 /* End hide from IE-mac */
1365
1366 .title {
1367         font-weight : bold;
1368         font-size : 105%;
1369 }
1370
1371 .hold {
1372         float : right;
1373         font-size: 90%;
1374         margin: 0;
1375 }
1376
1377 .thumbnail {
1378         display : block;
1379         margin : auto;
1380 }
1381
1382 #searchresults ul li {
1383         font-size : 90%;
1384         list-style : url(../../img/item-bullet.gif);
1385         padding : .2em 0;
1386         clear : left;
1387 }
1388
1389 #searchresults span.status {
1390         clear : left;
1391         color : #900;
1392         display : block;
1393 }
1394
1395 #searchresults span.unavailable {
1396         clear : left;
1397         display : block;
1398 }
1399
1400 #searchresults .availability strong {
1401         display : block;
1402 }
1403
1404 #searchresults ul li img {
1405         float : left;
1406         margin : 3px 5px 3px -5px;
1407 }
1408
1409 #searchresults table td {
1410         vertical-align : top;
1411 }
1412
1413 #searchheader {
1414         background-color : #f3f3f3;
1415         font-size : 80%;
1416         margin : 0 0 .5em -1px;
1417         padding : .1em 0 .1em 1em;
1418 }
1419
1420 /* Hack just for Firefox */
1421 html>/**/body #searchheader button, x:-moz-any-link, x:default {
1422         padding-bottom : 3px;
1423 }
1424
1425 #searchheader h3 {
1426 }
1427
1428 #searchheader form {
1429         float : right;
1430 }
1431
1432 #searchheader form.fz3950 {
1433         float : right;
1434         font-size : 125%;
1435         padding : 0 0 0 5em;
1436 }
1437
1438 #searchheader form.fz3950bigrpad {
1439         float : right;
1440         font-size : 125%;
1441         padding : 5px 25em 0 0;
1442 }
1443
1444 #search-facets ul {
1445         margin : 0;
1446         padding : .3em;
1447 }
1448
1449 #search-facets {
1450         border : 1px solid #e8e8e8;
1451 }
1452
1453 #search-facets h4 {
1454         background-color : #F3F3F3;
1455         border-bottom : 1px solid #e8e8e8;
1456         font-size : 90%;
1457         margin : 0;
1458         padding : .4em .2em;
1459         text-align : center;
1460 }
1461
1462 #search-facets ul li {
1463         font-weight : bold;
1464         list-style-type : none;
1465 }
1466
1467 #search-facets li li {
1468         font-weight : normal;
1469         font-size : 85%;
1470         margin-bottom : 2px;
1471         padding : .1em .2em;
1472 }
1473
1474 #search-facets li li a {
1475 }
1476
1477 #search-facets li.showmore {
1478         font-weight : bold;
1479         text-indent : 1em;
1480 }
1481
1482 div.pages {
1483         margin : .5em 0;
1484 }
1485
1486 div.pages a {
1487         font-weight: bold;
1488         padding: 1px 5px 1px 5px;
1489         text-decoration: none;
1490 }
1491
1492 div.pages a:link,
1493 div.pages a:visited {
1494         background-color : #eeeeee;
1495         color : #3366CC;
1496 }
1497
1498 div.pages a:hover {
1499         background-color : #FFC;
1500 }
1501
1502 div.pages a:active {
1503         background-color : #ffc;
1504 }
1505
1506 div.pages .current,
1507 div.pages .currentPage {
1508         background-color : #e6fcb7;
1509         color : #666;
1510         font-weight: bold;
1511         padding: 1px 5px 1px 5px;
1512 }
1513
1514 div.pages .inactive {
1515         background-color : #f3f3f3;
1516         color : #BCBCBC;
1517         font-weight: bold;
1518         padding: 1px 5px 1px 5px;
1519 }
1520
1521 div.browse {
1522         margin : .5em 0;
1523 }
1524
1525 div#bookcoverimg {
1526         text-align : center;
1527 }
1528
1529 div#header_search input.submit {
1530         font-size : 1em;
1531 }
1532
1533 *html input.submit {
1534         padding : .1em;
1535 }
1536
1537 input[type=submit]:active, input[type=button]:active, button.submit:active {
1538         border : 1px inset #999999;
1539 }
1540
1541 input[type=submit], input[type=reset], input[type=button], input.submit, button.submit {
1542         border: 1px outset #999999;
1543         border-top-color: #666;
1544         border-left-color: #666;
1545         padding: 0.25em;
1546         background : #E8E8E8 url(../../img/button-bg.gif) top left repeat-x;
1547         color: #333333;
1548 }
1549
1550 input[type=reset]:active, input[type=button]:active, input.submit:active, button.submit:active {
1551         border : 1px inset #999999;
1552 }
1553
1554 ul li input.submit {
1555         font-size : 87%;
1556         padding : 2px;
1557 }
1558
1559 input.warning {
1560     background : #FFF url(../../img/famfamfam/silk/error.png) no-repeat 4px center;
1561         padding : 0.25em 0.25em 0.25em 25px;
1562 }
1563
1564 .searchhighlightblob {
1565     font-size:75%;
1566         font-style : italic;
1567 }
1568
1569 a.yuimenuitemlabel:hover {
1570         background-color : #B3D4FF;
1571         color : #000;
1572 }
1573                 
1574 #displayexample {
1575         padding: 5px; 
1576         margin-bottom: 10px;
1577         background-color: #CCCCCC;
1578 }
1579
1580 #irregularity_summary {
1581         vertical-align : top;
1582 }
1583
1584 #toplevelnav {
1585         float : left;
1586         margin-left : .5em;
1587         width : 30em;
1588 }
1589
1590 ul#toplevelmenu {
1591         padding : 0;
1592 }
1593                 
1594 ul#toplevelmenu li {
1595         display: inline;
1596         padding : 0 .6em;
1597 }
1598                 
1599 ul#toplevelmenu li.more a {
1600         background-image:url(../../img/more-arrow.gif);
1601         background-position:right center;
1602         background-repeat:no-repeat;
1603         padding-right:13px;
1604 }
1605                 
1606 ul#toplevelmenu li.more ul li a {
1607         background-image : none;
1608         padding-right : 20px;
1609 }
1610
1611 ul#toplevelmenu li.more ul li a.yuimenuitemlabel {
1612         padding: .2em 20px .2em 20px;
1613 }
1614                 
1615 ul#menu li a, ul#toplevelmenu li a {
1616         text-decoration : none;
1617 }
1618 ul#menu li ul li, ul#toplevelmenu li ul li {
1619         display :block;
1620         padding :0;
1621 }
1622 ul#menu li ul li a, ul#toplevelmenu li ul li a {
1623         text-decoration : none;
1624 }
1625
1626 ul#i18nMenu {
1627         margin : 0;
1628         padding : .2em 0;
1629  }
1630  
1631 ul#i18nMenu li {
1632         border-left : 1px solid #CCC;
1633         display : inline;
1634         list-style : none;
1635         padding : 0 10px;
1636  }
1637  
1638 ul#i18nMenu li:first-child {
1639         border-left : 0;
1640  }
1641  
1642 ul#i18nMenu li ul li {
1643         border : 0;
1644         display : block;
1645         padding : 0;
1646  }
1647  
1648                 
1649 ul#i18nMenu li.more a {
1650         background-image:url(../../img/more-up-arrow.gif);
1651         background-position:right center;
1652         background-repeat:no-repeat;
1653         padding-right:13px;
1654 }
1655                 
1656 ul#i18nMenu li.more ul li a {
1657         background-image : none;
1658         padding-right : 20px;
1659 }
1660  
1661  div#changelanguage{
1662         background-color: #fff;
1663         border-top: 1px solid #CCC;
1664   position:absolute;
1665   bottom:0;
1666   left:0;
1667   width:100%;
1668   height: 2em;
1669  }
1670  
1671  @media screen{
1672   body>div#changelanguage {
1673    position: fixed;
1674   }
1675  }
1676  
1677  * html body{
1678   overflow:hidden;
1679  } 
1680  
1681  * html div#doc1{
1682   height:100%;
1683   overflow:auto;
1684  }
1685   
1686  * html div#doc2{
1687   height:100%;
1688   overflow:auto;
1689  }
1690   
1691  * html div#doc3{
1692   height:100%;
1693   overflow:auto;
1694  }
1695
1696 #CheckAll, #CheckNone, #CheckPending {
1697         font-weight : normal;
1698         margin : 0 .5em 0 0;
1699 }
1700 .lost,.dmg,.wdn {
1701         display : block;
1702         color : #990000;
1703 }
1704 .datedue {
1705         display : block;
1706         color : #999;
1707         font-style : italic;
1708 }
1709 /* Tablesorter */
1710 .header {
1711         background-image:url("../../img/ascdesc.gif");
1712         background-position:right center;
1713         background-repeat:no-repeat;
1714         cursor:pointer;
1715         padding : .2em 23px;
1716 }
1717 .headerSortUp {
1718         background-image:url("../../img/asc.gif");
1719 }
1720 .headerSortDown {
1721         background-image:url("../../img/desc.gif");
1722 }
1723
1724 tr.reserved td {
1725         background-color : #eeffd4;
1726 }
1727 tr.transfered td {
1728         background-color : #e8f0f6;
1729 }
1730 .waitinghere {
1731         color : #669900;
1732 }
1733
1734 /* Permissions Labels */
1735 label.permissioncode:before {
1736         content: "(";
1737 }
1738 label.permissioncode:after {
1739         content: ")";
1740 }
1741 label.permissioncode {
1742         font-style : italic;
1743 }
1744 span.permissiondesc {
1745         font-weight : normal;
1746 }
1747 #mainuserblock {
1748         border : 1px solid #E8E8E8;
1749         margin-top : .5em;
1750         padding : .5em;
1751 }
1752
1753
1754 /* borrower autocomplete */
1755 #borrowerautocomplete { width: 450px; text-align:left;} /* z-index needed on top instances for ie & sf absolute inside relative issue */
1756 .autocomplete .yui-ac-highlight ,
1757 .autocomplete .yui-ac-highlight .sample-result,
1758 .autocomplete .yui-ac-highlight .sample-query { color:#FFF; }
1759 .autocomplete .sample-result { color: black; }
1760 .autocomplete .sample-query { color:#000; }
1761 #findborrower { position:static; width:auto; }
1762 #yborrowercontainer { text-align:left;width:335px; }
1763
1764 /* patron attribues autocomplete for overdues report (pattrodue) */
1765 .pattrodue-autocomplete .pattrodue-result { color: black; }
1766 .pattrodue-autocomplete .yui-ac-highlight .pattrodue-result { color: white; }
1767 .pattrodue-input { position:static; width:auto; }
1768 .pattrodue-container { text-align:left; width:400px; }
1769
1770 .labeledmarc-table {
1771         border: 0;
1772 }
1773
1774 .labeledmarc-label {
1775         border: 0;
1776         padding: 5;
1777         font-size: 11pt;
1778         color: darkblue;
1779 }
1780
1781 .labeledmarc-value {
1782         border: 0;
1783         padding: 5;
1784         font-size: 10pt;
1785         color: black;
1786 }
1787
1788 .hintsClass {
1789     font-family: tahoma, verdana, arial;
1790     font-size: 12px;
1791     background-color: #f0f0f0;
1792     color: #000000;
1793     border: 1px solid #808080;
1794     padding: 5px;
1795 }
1796 .hintSource {
1797     color: green;
1798     text-decoration: underline;
1799     cursor: pointer;
1800 }
1801
1802 h1#pdf {
1803         background:transparent url(../../img/pdficon_large.gif) no-repeat scroll 0%;
1804         border: 0;
1805         margin:0.75em .3em 0.75em .7em;
1806         padding:0;
1807 }
1808
1809 h1#pdf a {
1810         border:0;
1811         cursor:pointer;
1812         display:block;
1813         height:0px !important;
1814         margin:0;
1815         overflow:hidden;
1816         padding:44px 0 0;
1817         text-decoration:none;
1818         width:35px;
1819 }
1820
1821 h1#csv {
1822         background:transparent url(../../img/csv_icon.gif) no-repeat scroll 0%;
1823         border: 0;
1824         margin:0.75em .3em 0.75em .7em;
1825         padding:0;
1826 }
1827
1828 h1#csv a {
1829         border:0;
1830         cursor:pointer;
1831         display:block;
1832         height:0px !important;
1833         margin:0;
1834         overflow:hidden;
1835         padding:44px 0 0;
1836         text-decoration:none;
1837         width:35px;
1838 }
1839
1840 h1#xml {
1841         background:transparent url(../../img/icon_xml.gif) no-repeat scroll 0%;
1842         border: 0;
1843         margin:0.75em .3em 0.75em .7em;
1844         padding:0;
1845 }
1846
1847 h1#xml a {
1848         border:0;
1849         cursor:pointer;
1850         display:block;
1851         height:0px !important;
1852         margin:0;
1853         overflow:hidden;
1854         padding:44px 0 0;
1855         text-decoration:none;
1856         width:35px;
1857 }
1858
1859 #cartDetails {
1860         background-color : #FFF;
1861         border: 1px solid #739acf;
1862          -moz-box-shadow: 1px 1px 3px 0 #666;
1863          -webkit-box-shadow: 1px 1px 3px 0 #666;
1864          box-shadow: 1px 1px 3px 0 #666;
1865         color : black;
1866         display : none;
1867         margin : 0;
1868         padding : 10px;
1869         text-align : center;
1870         width : 180px;
1871         z-index : 50;
1872 }
1873 #cartmenulink {
1874         background: transparent url("../../img/cart-small.gif") 0 3px no-repeat;
1875         padding-left : 15px;
1876 }
1877 #cartmenulink span#basketcount span {
1878         display : inline;
1879         font-size : 90%;
1880         font-weight : normal;
1881         padding : 0;
1882 }
1883 #moremenu {
1884         display : none;
1885 }
1886
1887 .results_summary {
1888   display: block;
1889   font-size : 85%; 
1890   color: #707070;
1891   padding : 0 0 .5em 0;
1892 }
1893 .results_summary .label {
1894   color: #202020;
1895 }
1896 .results_summary a {
1897   font-weight: normal;
1898 }
1899
1900 img.spinner {
1901     vertical-align: middle;
1902     padding-right: 0.3em;
1903 }
1904 #cataloguing_additem_itemlist div {
1905         overflow : scroll;
1906 }
1907 ul.budget_hierarchy {
1908     margin-left: 0px;
1909     padding-left: 0px;
1910 }
1911 ul.budget_hierarchy li {
1912     display: inline;
1913 }
1914 ul.budget_hierarchy li:after {
1915     content: " -> ";
1916 }
1917 ul.budget_hierarchy li:last-child:after {
1918     content: "";
1919 }
1920 ul.budget_hierarchy li:first-child:after {
1921     content: "";
1922 }
1923 .holdcount { font-size : 105%; line-height : 200%; }
1924 .holdcount a { border : 1px solid #a4bedd; background-color : #e4ecf5; font-weight : bold; -moz-border-radius: 4px; padding : .1em .4em; text-decoration : none; }
1925 .holdcount a:hover { background-color : #ebeff7; }
1926 .container {
1927         border : 1px solid #EEE;
1928         padding : 1em;
1929         margin : 1em 0;
1930 }
1931 fieldset.rows+h3 {clear:both;padding-top:.5em;}