Bug 9783 - can hit submit twice when adding patrons
[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 input:focus, textarea:focus {
5     border-color:#538200;
6     border-style:solid;
7     border-radius: 4px;
8 }
9
10 ::selection      { background:#538200; color:#ffffff; /* Safari and Opera */ }
11 ::-moz-selection  { background:#538200; color:#ffffff; /* Firefox */ }
12
13 a, a:link, a:visited {
14     color : #004d99;
15     text-decoration: none;
16 }
17
18 a:hover, a:active {
19     color : #538200;
20     text-decoration: none;
21 }
22
23 .yui-button {
24     border-radius: 5px;
25 }
26
27 .yui-button .first-child {
28     border-radius: 5px;
29 }
30
31 .yui-button,.yui-button a:link,.yui-button a:visited {
32         color : #000;
33 }
34
35 a.yuimenuitemlabel {
36         color: #000000;
37 }
38
39 .overdue,
40 .debit {
41         color : #cc0000;
42 }
43
44 a.popup {
45         background : transparent url("../../img/pop-up-link.png") center right no-repeat;
46         padding-right : 15px;
47 }
48
49 body {
50         text-align : left;
51     padding:0 0 4em 0;
52   font-family: arial, verdana, helvetica, sans-serif;
53 }
54
55 br.clear {
56         clear : both;
57         line-height : 1px;
58 }
59
60 form {
61         display : inline;
62 }
63
64 form.confirm {
65         display : block;
66         text-align : center;
67 }
68
69 h1 {
70         font-size : 161.6%;
71         font-weight : bold;
72 }
73
74 h2 {
75         font-size : 146.5%;
76         font-weight : bold;
77 }
78
79 h3 {
80         font-size : 131%;
81         font-weight : bold;
82 }
83
84 h4 {
85         font-size : 116%;       
86         font-weight : bold;
87 }
88
89 h5 {
90         font-size : 100%;       
91         font-weight : bold;
92 }
93
94 h6 {
95         font-size : 93%;
96         font-weight : bold;
97 }
98
99 h1,h2,h3,h4,h5,h6 {
100         margin : .3em 0;
101 }
102
103 p {
104         margin: .5em 0 .5em 0;
105 }
106
107 strong {
108         font-weight : bold;
109 }
110
111 strong em {
112         font-weight : bold;
113         font-style : italic;
114 }
115
116 em, cite {
117         font-style : italic;
118 }
119
120 em strong {
121         font-weight : bold;
122         font-style : italic;
123 }
124
125 .subfield-label {
126     font-style : italic;
127 }
128
129 #navmenulist li {
130         padding : .2em 0;
131         list-style-image : url("../../img/arrow-bullet.gif");
132         border-bottom : 1px solid #EEE;
133 }
134
135 #navmenulist li a {
136         text-decoration : none;
137 }
138
139 #doc, #doc1, #doc2, #doc3 {
140         padding-top : 1em;
141 }
142
143 #login_controls  {
144         position : absolute;
145         right : .5em;
146     padding: .4em .5em;
147 }
148
149 ul {
150         padding-left : 1.1em;
151 }
152
153 ul li {
154         list-style-type : disc;
155 }
156
157 ul li li {
158         list-style-type : circle;
159 }
160
161 ol {
162         padding-left : 1.5em;
163 }
164
165 ol li {
166         list-style : decimal;
167 }
168
169 .gradient {
170     background-image: linear-gradient(top, rgb(230,240,242) 1%, rgb(255,255,255) 99%);
171     background-image: -o-linear-gradient(top, rgb(230,240,242) 1%, rgb(255,255,255) 99%);
172     background-image: -moz-linear-gradient(top, rgb(230,240,242) 1%, rgb(255,255,255) 99%);
173     background-image: -webkit-linear-gradient(top, rgb(230,240,242) 1%, rgb(255,255,255) 99%);
174     background-image: -ms-linear-gradient(top, rgb(230,240,242) 1%, rgb(255,255,255) 99%);
175
176     background-image: -webkit-gradient(
177         linear,
178         left top,
179         left bottom,
180         color-stop(0.1, rgb(230, 240, 242)),
181         color-stop(0.99, rgb(255,255,255))
182     );
183     display: inline-block;
184     width:100%;
185 }
186
187 .clearfix:after {
188     content: ".";
189     display: block;
190     height: 0;
191     clear: both;
192     visibility: hidden;
193 }
194
195 .clearfix {
196     display: inline-block;
197 }
198
199 /* Hides from IE-mac \*/
200 * html .clearfix {height: 1%;}
201 .clearfix {display: block;}
202 /* End hide from IE-mac */
203
204 table {
205         border-collapse : collapse;
206         border-top : 1px solid #BCBCBC;
207         border-right : 1px solid #BCBCBC;
208 }
209
210 table.invis,
211 table.invis tr,
212 table.invis td,
213 tr.highlight table.invis td {
214         border : none;
215 }
216
217 td, th {
218         border-bottom : 1px solid #BCBCBC;
219         border-left : 1px solid #BCBCBC;
220         padding : .2em .3em;
221 }
222
223 td {
224         background-color : White;
225         vertical-align : top;
226 }
227
228 table.indexes td {
229     vertical-align : middle;
230 }
231
232 td.borderless {
233     border-collapse : separate;
234     border : 0 none;
235 }
236
237 td.data,
238 th.data {
239         font-family : "Courier New", Courier, monospace;
240         text-align : right;
241 }
242
243 th {
244         background-color : #E8E8E8;
245         font-weight : bold;
246         text-align : center;
247 }
248
249 table+table {
250         margin-top : 1em;
251 }
252
253 #editions table, #editions td {
254         border : 0;
255 }
256
257 .highlighted-row { background-color: orange !important }
258
259 tr.highlight td, tr.highlight th, tr.odd td {
260         background-color : #F3F3F3;
261         border : 1px solid #DDDDDD;
262         border-right : 1px solid #DDDDDD;
263 }
264
265 tr.even td, tr.even.highlight td {
266         background-color: #FFF;
267         border-right : 1px solid #DDDDDD;
268 }
269
270 td.od {
271         color : #cc0000;
272         font-weight : bold;
273 }
274
275 tr.warn td {
276         background-color: #FF9090;
277 }
278
279 tr.onissue td {
280         background-color: #FFFFCC;
281 }
282
283 tr.odd.onissue td {
284         background-color: #FFFFE1;
285 }
286
287 tfoot td {
288         background-color : #f3f3f3;
289         font-weight : bold;
290 }
291
292 td.total {
293         text-align : right;
294 }
295
296 caption {
297         font-size : 133.9%;
298         font-weight : bold;
299         margin : .3em 0;
300 }
301
302 span.problem {
303         background-color : #FFFFCC;
304         color : #990000;
305         font-weight : bold;
306         line-height : 1.7em;
307 }
308
309 fieldset {
310         margin : 1em 1em 1em 0;
311         padding : 1em;
312     background-color:#f4f8f9;
313     border:2px solid #b9d8d9;
314     border-radius:5px;
315 }
316
317 legend {
318         font-size : 123.1%;
319         font-weight : bold;
320     border:2px solid #b9d8d9;
321     background-color:#ffffff;
322     border-radius:3px;
323     padding: 0.2em 0.5em;
324 }
325
326 #breadcrumbs {
327     background-color : #e6f0f2;
328     clear : both;
329     font-size : 90%;
330     padding :.2em .5em .4em 10px;
331     margin : 0;
332 }
333
334 #header+#breadcrumbs {
335         margin-top : 1em;
336 }
337
338 div.justify {
339     text-align: justify;
340 }
341
342 div#header_search {
343         background-position : .5em .5em;
344         background-repeat : no-repeat;
345         float: left;
346         margin: .3em 0 .5em 0;
347 }
348
349 div#header_search input {
350         font-size : 1.3em;
351 }
352
353 div#header_search div.residentsearch {
354         border : 0;
355     border-bottom : 1px solid #85ca11;
356         padding : 0 0 .2em 0;
357 }
358
359 div#reserves,div#checkouts {
360         border : 1px solid #B9D8D9;
361         padding : 1em;
362 }
363
364 .tip {
365         font-size: 93%;
366         color : Gray;
367 }
368
369 .single-line {
370         white-space: nowrap;
371 }
372
373 .ex {
374         font-family : "Courier New", Courier, fixed-width;
375         font-weight : bold;
376 }
377
378
379 div.yui-b h5 {
380         font-size : 100%;
381         margin : .5em 0;
382 }
383
384 dt {
385         font-weight : bold;
386 }
387
388 dd {
389         padding : .2em;
390         font-size : 90%;
391         text-indent : 2.5em;
392         font-weight : normal;
393 }
394
395 div#toolbar {
396        background-color : #EDF4F6;
397         margin-bottom : .7em;
398      padding: 5px 5px 5px 5px;
399       border-radius: 5px 5px 0 0;
400     border: 1px solid #E6F0F2;
401 }
402
403 div#toolbar .yui-menu-button button,
404 div#toolbar .yui-button-button button {
405         line-height : 1.7em;
406 }
407
408 ul.toolbar {
409         padding-left : 0;
410 }
411
412 ul.toolbar button {
413         padding-bottom : 2px;
414         font-family: arial, verdana, helvetica, sans-serif;
415 }
416
417 a.yuimenuitemlabel-disabled, #disabled a {
418         color: #999;
419 }
420 a.yuimenuitemlabel-disabled, #disabled2 a {
421  color: #999;
422 }
423 a.yuimenuitemlabel-disabled:hover, #disabled a:hover {
424         color : #999;
425 }
426 a.highlight_toggle {
427     display : none;
428 }
429
430 ul.toolbar li {
431         display : inline;
432         list-style : none;
433 }
434
435 div.patroninfo {
436         margin-top : -.5em;
437 }
438
439 *html div.patroninfo {
440         margin-right : .5em;
441 }
442
443 div.patroninfo h5 {
444     border-right:1px solid #b9d8d9;
445         margin-bottom : 0;
446         padding-left : -.5em;
447         padding-top : .3em;
448         padding-bottom : .5em;
449 }
450
451 div.patroninfo ul {
452         border : 0;
453     border-right:1px solid #b9d8d9;
454         border-bottom : 0;
455         border-top : 0;
456         padding : 0;
457         margin : 0;
458 }
459
460 div.patroninfo ul li {
461         margin : 0;
462 }
463
464 div.patroninfo ul li {
465         list-style-type : none;
466 }
467
468 div.patronviews {
469         border-right :  1px solid #000;
470         border-top : 1px solid #000;
471         margin-bottom : .5em;
472         padding : .5em 0 .5em 0;
473 }
474 }
475
476 .column-tool {
477         font-size: 80%;
478 }
479
480 fieldset.brief {
481     border : 2px solid #B9D8D9;
482 }
483
484 fieldset.brief label,
485 fieldset.brief span.label {
486         display : block;
487         font-weight : bold;
488         padding : .3em 0;
489 }
490
491 fieldset.brief ol, fieldset.brief li {
492         list-style-type : none;
493 }
494
495 .hint {
496         color : #999999;
497         font-size : 95%;
498 }
499
500 fieldset.brief div.hint, fieldset.rows div.hint, div.yui-u div.hint {
501         font-size : 95%;
502         margin-bottom : .4em;
503 }
504
505 div.yui-b fieldset.brief {
506         padding : .4em .7em;
507 }
508
509 div.yui-b fieldset.brief ol {
510         font-size : 85%;
511         margin : 0;
512         padding : 0;
513 }
514
515 div.yui-b fieldset.brief select {
516         width: 12em;
517 }
518 div.yui-b fieldset.brief li.radio {
519         padding : .7em 0;
520 }
521 div.yui-b fieldset.brief li.radio label,
522 div.yui-b fieldset.brief li.dateinsert label,
523 div.yui-b fieldset.brief li.dateinsert span.label,
524 div.yui-b fieldset.brief li.radio span.label {
525         display : inline;
526 }
527
528 div.yui-b fieldset.brief li.radio input {
529         padding:0.3em 0;
530 }
531
532 div.yui-b fieldset.brief fieldset {
533         margin : 0 .3em;
534         padding : .5em;
535 }
536
537 div.yui-b fieldset.brief fieldset legend {
538         font-size : 85%;
539 }
540
541 fieldset.rows {  
542 border-width : 1px;
543 border:2px solid #b9d8d9;
544 float : left;
545 font-size : 90%;
546 clear : left;
547 margin: .9em 0 0 0;  
548 padding: 0;
549 width: 100%; 
550 }
551
552 fieldset.rows legend {  
553         margin-left: 1em;
554         font-weight: bold;
555         font-size : 110%;
556 }
557
558 fieldset.rows label, fieldset.rows span.label {  
559         float: left;  
560         font-weight : bold;
561         width: 6em;  
562         margin-right: 1em;  
563         text-align: right;
564 }
565
566 fieldset.rows fieldset {
567     background-color: transparent;
568         border-width : 1px;
569     margin : 1em;
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 caption {
635     font-size : 120%;
636 }
637
638 fieldset.rows p {
639     margin : 1em 0 1em 1em;
640 }
641
642 fieldset.rows table {
643         font-size : 105%;
644         clear : both;
645         margin : 1em 0 1em 1em;
646 }
647
648 fieldset.rows td label {
649         float : none;
650         font-weight : normal;
651         width : auto;
652 }
653
654 fieldset.rows label.yesno {
655         float : none;
656         width : auto;
657 }
658
659 fieldset.rows label.error {
660         float: none;
661         margin-left: 1em;
662         width: auto;
663 }
664
665 fieldset.action, div.action {
666     background-color: transparent;
667         clear : both;
668         float : none;
669     border : 0px;
670   margin: 0;
671      padding: .4em .4em .4em .1em;
672   width: auto;
673 }
674
675 div.rows+div.rows {
676     margin-top : .6em;
677 }
678
679 div.rows {
680 float : left;
681 clear : left;
682 margin: 0 0 0 0;  
683 padding: 0;
684 width: 100%; 
685 }
686
687
688 div.rows span.label {  
689         float: left;  
690         font-weight : bold;
691         width: 9em;  
692         margin-right: 1em;  
693         text-align: left;
694 }
695
696 div.rows ol {  
697 padding: .5em 1em 0 0;  
698 list-style-type: none;
699 }
700
701 div.rows ol li li {
702         border-bottom: 0;
703 }
704
705 div.rows li {
706 border-bottom :  1px solid #EEE;
707 float : left;
708 clear : left;
709 padding-bottom: .2em;
710 padding-top: .1em;
711 list-style-type: none;
712 width: 100%; 
713 }
714
715 a.cancel {
716         padding-left : 1em;
717 }
718
719 fieldset.rows fieldset.action {
720         padding : 1em;
721 }
722
723 fieldset.rows label.inline {
724         display : inline;
725         float : none;
726         margin-left : 1em;
727         width : auto;
728 }
729
730 fieldset.rows .inputnote {
731         clear : left;
732         float : left;
733         margin : .5em 0 0 11em;
734 }
735
736 .checkedout {
737         color : #999999;
738         font-style : italic;
739 }
740
741 .subfield_not_filled {
742         background-color : #FFFF99;
743 }
744 .content_hidden {
745     visibility:hidden; /* you propably don't need to change this one */
746     display:none;
747 }
748
749 /* the property for the displayed tab */
750 .content_visible {
751     visibility:visible; /* you propably don't need to change this one */
752     display:block;
753 }
754 #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 {
755         padding-left : 34px;
756         background-image: url("../../img/toolbar-new.gif");
757         background-position : center left;
758         background-repeat : no-repeat;
759 }
760
761 #changepassword a {
762         padding-left : 34px;
763         background-image: url("../../img/toolbar-password.gif");
764         background-position : center left;
765         background-repeat : no-repeat;
766 }
767
768 #manageorders a {
769         padding-left : 34px;
770         background-image: url("../../img/toolbar-orders.gif");
771         background-position : center left;
772         background-repeat : no-repeat;
773 }
774
775
776 #savemenuc .first-child, #addbiblio .first-child {
777         padding-left : 34px;
778         background-image: url("../../img/toolbar-save.gif");
779         background-position : center left;
780         background-repeat : no-repeat;
781 }
782
783 #editpatron a,
784 #editreport a,
785 #editmenuc .first-child,
786 #editshelf a,
787 #edit a,
788 #editsupplier a,
789 #managelabel a,
790 #managetemplate a,
791 #managelabelbatch a,
792 #manageprofile a,
793 #periods_menuc .first-child {
794         padding-left : 34px;
795         background-image: url("../../img/toolbar-edit.gif");
796         background-position : center left;
797         background-repeat : no-repeat;
798 }
799
800 #duplicate a {
801         padding-left : 34px;
802         background-image: url("../../img/toolbar-duplicate.gif");
803         background-position : center left;
804         background-repeat : no-repeat;
805 }
806
807 #receive a {
808         padding-left : 34px;
809         background-image: url("../../img/toolbar-receive.gif");
810         background-position : center left;
811         background-repeat : no-repeat;
812 }
813
814 #renew a {
815         padding-left : 34px;
816         background-image: url("../../img/toolbar-renew.gif");
817         background-position : center left;
818         background-repeat : no-repeat;
819 }
820
821 #deletebiblio button, #deletebiblio a, #deletepatron a, #deleteshelf .first-child, #delete a {
822         padding-left : 34px;
823         background-image: url("../../img/toolbar-delete.gif");
824         background-position : center left;
825         background-repeat : no-repeat;
826 }
827
828 #z3950search .first-child {
829         padding-left : 34px;
830         background-image: url("../../img/toolbar-search.gif");
831         background-position : center left;
832         background-repeat : no-repeat;
833 }
834 #z3950searcht table {
835         /* 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 */
836         padding: 20px;
837         border: none;
838 }
839 #printbiblio button, #printbiblio a, #printmenuc .first-child {
840         padding-left : 34px;
841         background-image: url("../../img/toolbar-print.gif");
842         background-position : center left;
843         background-repeat : no-repeat;
844 }
845
846 #addtoshelf button, #addtoshelf a {
847         padding-left : 34px;
848         background-image: url("../../img/toolbar-add-to-shelf.gif");
849         background-position : center left;
850         background-repeat : no-repeat;
851 }
852
853 #placehold a,
854 #placehold button,
855 #holdfor .first-child {
856         padding-left : 34px;
857         background-image: url("../../img/toolbar-hold.gif");
858         background-position : center left;
859         background-repeat : no-repeat;
860 }
861
862 #placeholdc #yui-gen13 { border-top : 1px solid #CCCCCC; margin-top : .3em; }
863
864 #holdfor .first-child { padding-left : 17px; }
865
866 #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 {
867         padding-left : 15px;
868 }
869
870 .error,
871 .error a,
872 .error a:link,
873 .error a:visited {
874        color: #cc0000;
875 }
876
877 div.error {
878         border : 2px dashed #990000;
879         background-color : #FFFF99;
880         padding : .5em;
881         margin : 1em;
882 }
883
884 input.alert {
885         background-color : #FFFF99;
886         border-color: #900;
887 }
888
889 ol.bibliodetails {
890         float: left;
891         margin : 0 0 1em 1em;
892 }
893
894 ol.bibliodetails li {
895         border-bottom: 1px solid #E8E8E8;
896         list-style-type : none;
897         padding : .1em;
898 }
899
900 ol.bibliodetails span.label {
901         border-right : 1px solid #E8E8E8;
902         float : left;
903         font-weight: bold;
904         width: 12em;  
905         margin-right: 1em;  
906 }
907
908 div.listgroup {
909         clear :  left;
910 }
911
912 div.listgroup h4 {
913         font-style: italic;
914 }
915
916 div.listgroup h4 a {
917         font-size :  80%;
918 }
919
920 div.listgroup input {
921         font-size: 80%;
922 }
923
924 div.sysprefs h3 {
925         margin : .2em 0 .2em .4em;
926 }
927
928 div.sysprefs dl {
929         margin-left : 1.5em;
930 }
931
932 div.sysprefs div.hint {
933         width : 25%;
934         float : right;
935         padding : .5em;
936         margin : .7em;
937 }
938
939 tr.highlight td {
940         background-color : #F6F6F6;
941         border-color : #BCBCBC;
942 }
943
944 tr.highlight th[scope=row] {
945         background-color : #DDDDDD;
946         border-color : #BCBCBC;
947 }
948
949 #circ_circulation_issue label {
950         font-size: 105%;
951         font-weight : bold;
952 }
953
954 #circ_circulation_issue div.hint {
955         color : #666666;
956         margin: .2em 0;
957 }
958
959 .date-select {
960     font-size : 85%;
961     padding-top : .3em;
962 }
963
964 #circ_circulation_issue .date-select label,
965 .date-select label {
966     font-size : inherit;
967     font-weight: normal;
968 }
969
970 .date-select input {
971     padding : 1px;
972 }
973
974 tr.expired td {
975         color : #999999;
976 }
977
978 span.expired {
979         color : #990000;
980         font-style : italic;
981 }
982
983 div.help {
984         margin: .9em 0 0 0;  
985 }
986
987 .blocker {
988         color : #990000;
989 }
990
991 .circmessage li {
992         list-style : url(../../img/arrow-bullet.gif);
993         margin-bottom : .2em;
994 }
995
996 div.circmessage:first-child {
997         margin-top : 1em;
998 }
999
1000 div.circmessage {
1001         padding: 0 .4em .4em .4em;
1002         margin-bottom : .3em;
1003 }
1004
1005 span.circ-hlt {
1006         color : #cc0000;
1007         font-weight : bold;
1008 }
1009
1010 div.first fieldset {
1011         margin-right : 0;
1012 }
1013
1014 #circ_needsconfirmation {
1015         margin : auto;
1016 }
1017
1018 .dialog {
1019         -moz-border-radius : 2px;
1020         border-radius : 2px;
1021         padding : .5em;
1022         margin : 1em auto;
1023         text-align : center;
1024         width: 65%;
1025 }
1026
1027 .dialog table {
1028         margin : .5em auto;
1029 }
1030
1031 .dialog table th {
1032         text-align : right;
1033 }
1034
1035 .dialog table td {
1036         text-align : left;
1037 }
1038   
1039 .dialog  h2, .dialog h3, .dialog h4 {
1040         margin : auto;
1041         text-align : center;
1042   }
1043   
1044 .dialog input {
1045         background-color : #FFF;
1046         border : 1px solid #bcbcbc;
1047         margin : .4em;
1048         padding : .4em .4em .4em 25px;
1049  }
1050
1051  .dialog input[type="submit"] {
1052         background : #FFF none;
1053  }
1054  
1055 .dialog input.approve, td input.approve {
1056         background : #FFF url(../../img/approve.gif) no-repeat 4px center;
1057         padding : .4em .4em .4em 25px;  
1058  }
1059  
1060 td input.approve {
1061         background-color : #FFC;
1062 }
1063
1064 .dialog input.deny {
1065         background : #FFF url(../../img/deny.gif) no-repeat 4px center;
1066         padding : .4em .4em .4em 25px;
1067  }
1068
1069 .dialog input.save {
1070         background: #fff url(../../img/toolbar-save.gif) no-repeat 4px center;
1071         color:black;
1072         padding: .4em .4em .4em 34px;
1073 }
1074
1075 .dialog input.edit {
1076         background: #fff url(../../img/toolbar-edit.gif) no-repeat 4px center;
1077         color:black;
1078         max-width : 13em;
1079         padding: .4em .4em .4em 34px;
1080         white-space: normal;
1081 }
1082
1083 .dialog input.new {
1084         background: #fff url(../../img/toolbar-new.gif) no-repeat 4px center;
1085         color:black;
1086         max-width : 13em;
1087         padding: .4em .4em .4em 34px;
1088         white-space: normal;
1089 }
1090
1091 .dialog input.print {
1092         background : #FFF url(../../img/print-confirm.gif) no-repeat 4px center;
1093         padding : .4em .4em .4em 25px;  
1094 }
1095
1096 .dialog input:hover {
1097         background-color : #ffc;
1098  }
1099
1100 div.dialog {
1101         border: 1px solid #bcbcbc;
1102     text-align : center;
1103 }
1104
1105 div.alert {
1106         background: #fef8d3; /* Old browsers */
1107         background: -moz-linear-gradient(top, #fef8d3 0%, #ffec91 9%, #ffed87 89%, #f9dc00 100%); /* FF3.6+ */
1108         background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fef8d3), color-stop(9%,#ffec91), color-stop(89%,#ffed87), color-stop(100%,#f9dc00)); /* Chrome,Safari4+ */
1109         background: -webkit-linear-gradient(top, #fef8d3 0%,#ffec91 9%,#ffed87 89%,#f9dc00 100%); /* Chrome10+,Safari5.1+ */
1110         background: -o-linear-gradient(top, #fef8d3 0%,#ffec91 9%,#ffed87 89%,#f9dc00 100%); /* Opera11.10+ */
1111         background: -ms-linear-gradient(top, #fef8d3 0%,#ffec91 9%,#ffed87 89%,#f9dc00 100%); /* IE10+ */
1112         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fef8d3', endColorstr='#f9dc00',GradientType=0 ); /* IE6-9 */
1113         background: linear-gradient(top, #fef8d3 0%,#ffec91 9%,#ffed87 89%,#f9dc00 100%); /* W3C */
1114           text-align : center;
1115         border: 1px solid #E0C726;
1116     color : inherit;
1117     text-shadow : none;
1118 }
1119
1120 div.alert strong {
1121         color : #900;
1122 }
1123
1124 .dialog li {
1125     list-style-position:inside;
1126 }
1127
1128 a.clear-field {
1129     background : transparent url("../../img/clear-field.png") center left no-repeat;
1130     padding-left : 16px;
1131 }
1132
1133 a.clone-field {
1134     background : transparent url("../../img/clone-field.png") center left no-repeat;
1135     padding-left : 20px;
1136 }
1137
1138 a.document {
1139         background-position : left middle;
1140         background-repeat : no-repeat;
1141         padding-left : 20px;
1142 }
1143
1144 a.pdf {
1145         background-image : url("../../img/famfamfam/silk/page_white_acrobat.png");
1146 }
1147
1148 a.csv {
1149         background-image : url("../../img/famfamfam/silk/page_white_excel.png");
1150 }
1151
1152 a.xml {
1153         background-image : url("../../img/famfamfam/silk/page_white_code.png");
1154 }
1155
1156 div.message {
1157         background: #ffffff; /* Old browsers */
1158         background: -moz-linear-gradient(top, #ffffff 0%, #f4f6fa 2%, #eaeef5 23%, #e8edf6 94%, #cddbf2 100%); /* FF3.6+ */
1159         background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(2%,#f4f6fa), color-stop(23%,#eaeef5), color-stop(94%,#e8edf6), color-stop(100%,#cddbf2)); /* Chrome,Safari4+ */
1160         background: -webkit-linear-gradient(top, #ffffff 0%,#f4f6fa 2%,#eaeef5 23%,#e8edf6 94%,#cddbf2 100%); /* Chrome10+,Safari5.1+ */
1161         background: -o-linear-gradient(top, #ffffff 0%,#f4f6fa 2%,#eaeef5 23%,#e8edf6 94%,#cddbf2 100%); /* Opera11.10+ */
1162         background: -ms-linear-gradient(top, #ffffff 0%,#f4f6fa 2%,#eaeef5 23%,#e8edf6 94%,#cddbf2 100%); /* IE10+ */
1163     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeef5', endColorstr='#cddbf2',GradientType=0 ); /* IE6-9 */
1164         background: linear-gradient(top, #ffffff 0%,#f4f6fa 2%,#eaeef5 23%,#e8edf6 94%,#cddbf2 100%); /* W3C */
1165         border : 1px solid #bcbcbc;
1166         text-align: center;
1167         width : 55%;
1168 }
1169
1170 div.message ul,
1171 div.message h5 {
1172         padding-left : 25%;
1173         text-align : left;
1174 }
1175
1176 div.message ul+h4 {
1177         margin-top : .7em;
1178 }
1179
1180 div.note {
1181         background: #f4f6fa;
1182         background-repeat : no-repeat;
1183         background-position : left center;
1184         background-image : url("../../img/note.png");
1185         background-image: url("../../img/note.png"), -moz-linear-gradient(top, #f4f6fa 0%, #e8edf6 100%); /* FF3.6+ */
1186         background-image: url("../../img/note.png"), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f6fa), color-stop(100%,#e8edf6)); /* Chrome,Safari4+ */
1187         background-image: url("../../img/note.png"), -webkit-linear-gradient(top, #f4f6fa 0%,#e8edf6 100%); /* Chrome10+,Safari5.1+ */
1188         background-image: url("../../img/note.png"), -o-linear-gradient(top, #f4f6fa 0%,#e8edf6 100%); /* Opera11.10+ */
1189         background-image: url("../../img/note.png"), -ms-linear-gradient(top, #f4f6fa 0%,#e8edf6 100%); /* IE10+ */
1190         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f6fa', endColorstr='#e8edf6',GradientType=0 ); /* IE6-9 */
1191         background-image: url("../../img/note.png"), linear-gradient(top, #f4f6fa 0%,#e8edf6 100%); /* W3C */
1192         border : 1px solid #BCBCBC;
1193         padding : .5em .5em .5em 20px;
1194         margin : .5em 0;
1195 }
1196  
1197  div.results {
1198         padding : .7em 0;
1199  }
1200  
1201  .accesskey {
1202         text-decoration : underline;
1203  }
1204  
1205 label.required,
1206 span.required {
1207     color : #C00;
1208 }
1209
1210 span.required {
1211         font-style : italic;
1212         margin-left : .5em;
1213 }
1214
1215 .missing{
1216     background-color : #FFFFCC;
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 #b9d8d9;
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
1253               background: #e8f0f6; /* Old browsers */
1254         background: -moz-linear-gradient(left, #e8f0f6 0%, #e8f0f6 96%, #c1c1c1 100%); /* FF3.6+ */
1255     background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e8f0f6), color-stop(96%,#e8f0f6), color-stop(100%,#c1c1c1)); /* Chrome,Safari4+ */
1256     background: -webkit-linear-gradient(left, #e8f0f6 0%,#e8f0f6 96%,#c1c1c1 100%); /* Chrome10+,Safari5.1+ */
1257      background: -o-linear-gradient(left, #e8f0f6 0%,#e8f0f6 96%,#c1c1c1 100%); /* Opera11.10+ */
1258    background: -ms-linear-gradient(left, #e8f0f6 0%,#e8f0f6 96%,#c1c1c1 100%); /* IE10+ */
1259        background: linear-gradient(left, #e8f0f6 0%,#e8f0f6 96%,#c1c1c1 100%); /* W3C */
1260         -moz-border-top-left-radius: 5px;
1261         border-top-left-radius: 5px;
1262         -moz-border-bottom-left-radius: 5px;
1263         border-bottom-left-radius: 5px;
1264     border:1px solid #b9d8d9;
1265         font-size: 111%;
1266         margin: .5em 0;
1267         padding: .4em .3em;
1268         margin-right :  -1px;
1269 }
1270
1271 div#menu li a:hover {
1272      background: #fff; /* Old browsers */
1273    background: -moz-linear-gradient(left, #FAFAFA 0%, #FAFAFA 96%, #e6e6e6 97%, #cccccc 99%, #c1c1c1 100%); /* FF3.6+ */
1274   background: -webkit-gradient(linear, left top, right top, color-stop(0%,#FAFAFA), color-stop(96%,#FAFAFA), color-stop(97%,#e6e6e6), color-stop(99%,#cccccc), color-stop(100%,#c1c1c1)); /* Chrome,Safari4+ */
1275   background: -webkit-linear-gradient(left, #FAFAFA 0%,#FAFAFA 96%,#e6e6e6 97%,#cccccc 99%,#c1c1c1 100%); /* Chrome10+,Safari5.1+ */
1276      background: -o-linear-gradient(left, #FAFAFA 0%,#FAFAFA 96%,#e6e6e6 97%,#cccccc 99%,#c1c1c1 100%); /* Opera11.10+ */
1277    background: -ms-linear-gradient(left, #FAFAFA 0%,#FAFAFA 96%,#e6e6e6 97%,#cccccc 99%,#c1c1c1 100%); /* IE10+ */
1278        background: linear-gradient(left, #FAFAFA 0%,#fff 96%,#e6e6e6 97%,#cccccc 99%,#c1c1c1 100%); /* W3C */
1279     border-left: 1px solid #85CA11;
1280     border-top: 1px solid #85CA11;
1281     border-bottom: 1px solid #85CA11;
1282 }
1283
1284 div#menu li.active a:hover {
1285         background-color: #fff;
1286     color :  #538200;
1287 }
1288
1289 #menu ul li {
1290         list-style-type: none;
1291 }
1292
1293 #menu ul li.active a {
1294         background-color: #FFF;
1295         background-image : none;
1296         font-weight: bold;
1297     color:#000000;
1298     border-left: 1px solid #85CA11;
1299     border-top: 1px solid #85CA11;
1300     border-bottom: 1px solid #85CA11;
1301     border-right: 0;
1302 }
1303
1304 h1#logo {
1305         border:0pt none;
1306         float:left !important;
1307         margin:0;
1308         padding:0;
1309         width:180px;
1310 }
1311 h1#logo {
1312         background:transparent url(../../img/koha-logo-medium.gif) no-repeat scroll 0%;
1313         margin:0.75em .3em 0.75em .7em;
1314 }
1315
1316 *html h1#logo {
1317         margin : 0.75em .3em 0.75em .3em;
1318 }
1319
1320 h1#logo a {
1321         border:0;
1322         cursor:pointer;
1323         display:block;
1324         height:0px !important;
1325         margin:0;
1326         overflow:hidden;
1327         padding:44px 0 0;
1328         text-decoration:none;
1329         width:180px;
1330 }
1331
1332 #closewindow {
1333         margin-top : 2em;
1334         text-align : center;
1335 }
1336
1337 #closewindow a {
1338         font-weight : bold;     
1339 }
1340
1341 .patroninfo+#menu {
1342         margin-right : 0;
1343 }
1344
1345 .barcode {
1346         font-size :  200%;
1347 }
1348
1349 li.email a {
1350         display:block;
1351         overflow:hidden;
1352         width:13em;
1353 }
1354 li.email {
1355         background: #FFF url(../../img/elipsis.gif) right bottom no-repeat;
1356         font-size :  87%;
1357         overflow:hidden;
1358         padding :0 10px 0 0;
1359         width:13em;
1360 }
1361
1362 .empty {
1363         color : #CCC;
1364 }
1365
1366 .address {
1367         font-size: 110%;
1368 }
1369
1370 .clearfix:after {
1371     content: "."; 
1372     display: block; 
1373     height: 0; 
1374     clear: both; 
1375     visibility: hidden;
1376 }
1377
1378 /* Hides from IE-mac \*/
1379 * html .clearfix {height: 1%;}
1380 /* End hide from IE-mac */
1381
1382 .title {
1383         font-weight : bold;
1384         font-size : 105%;
1385 }
1386
1387 .hold {
1388         float : right;
1389         font-size: 90%;
1390         margin: 0;
1391 }
1392
1393 .thumbnail {
1394         display : block;
1395         margin : auto;
1396 }
1397
1398 #searchresults ul li {
1399         font-size : 90%;
1400         list-style : url(../../img/item-bullet.gif);
1401         padding : .2em 0;
1402         clear : left;
1403 }
1404
1405 #searchresults span.status {
1406         clear : left;
1407         color : #900;
1408         display : block;
1409 }
1410
1411 #searchresults span.unavailable {
1412         clear : left;
1413         display : block;
1414 }
1415
1416 #searchresults .availability strong {
1417         display : block;
1418 }
1419
1420 #searchresults ul li img {
1421         float : left;
1422         margin : 3px 5px 3px -5px;
1423 }
1424
1425 #searchresults table td {
1426         vertical-align : top;
1427 }
1428
1429 #searchheader {
1430      background-color : #E6F0F2;
1431         font-size : 80%;
1432         margin : 0 0 .5em -1px;
1433  padding : .1em 0 .4em 1em;
1434      border-radius : 5px 5px 0 0;
1435    border : 1px solid #B9D8D9;
1436 }
1437
1438 #searchheader .btn-group > .btn:first-child {
1439     margin-left : .7em;
1440 }
1441
1442 #searchheader form {
1443         float : right;
1444   padding : 5px 5px 3px 0;
1445 }
1446
1447 #searchheader form.fz3950 {
1448         float : right;
1449         font-size : 125%;
1450         padding : 0 0 0 5em;
1451 }
1452
1453 #searchheader form.fz3950bigrpad {
1454         float : right;
1455         font-size : 125%;
1456         padding : 5px 25em 0 0;
1457 }
1458
1459 #searchheader .yui-button button,
1460 #searchheader .yui-button a {
1461         line-height : 1.5em;
1462 }
1463
1464 #search-facets ul {
1465         margin : 0;
1466         padding : .3em;
1467 }
1468
1469 #search-facets {
1470     border : 1px solid #B9D8D9;
1471     border-radius: 5px 5px 0 0;
1472 }
1473
1474 #search-facets h4 {
1475      background-color : #E6F0F2;
1476     border-bottom : 1px solid #B9D8D9;
1477      border-radius: 5px 5px 0 0;
1478         font-size : 90%;
1479         margin : 0;
1480         padding : .4em .2em;
1481         text-align : center;
1482 }
1483
1484 #search-facets ul li {
1485         font-weight : bold;
1486         list-style-type : none;
1487 }
1488
1489 #search-facets li li {
1490         font-weight : normal;
1491         font-size : 85%;
1492         margin-bottom : 2px;
1493         padding : .1em .2em;
1494 }
1495
1496 #search-facets li.showmore {
1497         font-weight : bold;
1498         text-indent : 1em;
1499 }
1500
1501 div.pages {
1502         margin : .5em 0;
1503 }
1504
1505 div.pages a {
1506         font-weight: bold;
1507         padding: 1px 5px 1px 5px;
1508         text-decoration: none;
1509 }
1510
1511 div.pages a:link,
1512 div.pages a:visited {
1513         background-color : #eeeeee;
1514         color : #3366CC;
1515 }
1516
1517 div.pages a:hover {
1518         background-color : #FFC;
1519 }
1520
1521 div.pages a:active {
1522         background-color : #ffc;
1523 }
1524
1525 div.pages .current,
1526 div.pages .currentPage {
1527         background-color : #e6fcb7;
1528         color : #666;
1529         font-weight: bold;
1530         padding: 1px 5px 1px 5px;
1531 }
1532
1533 div.pages .inactive {
1534         background-color : #f3f3f3;
1535         color : #BCBCBC;
1536         font-weight: bold;
1537         padding: 1px 5px 1px 5px;
1538 }
1539
1540 div.browse {
1541         margin : .5em 0;
1542 }
1543
1544 div#bookcoverimg {
1545         text-align : center;
1546 }
1547
1548 div#header_search input.submit {
1549         font-size : 1em;
1550 }
1551
1552 *html input.submit {
1553         padding : .1em;
1554 }
1555
1556 input[type=submit]:active, input[type=button]:active, button.submit:active {
1557         border : 1px inset #999999;
1558 }
1559
1560 input[type=submit], input[type=reset], input[type=button], input.submit, button.submit {
1561         border: 1px outset #999999;
1562         border-top-color: #666;
1563         border-left-color: #666;
1564         -moz-border-radius : 2px;
1565         padding: 0.25em;
1566         background: #ffffff; /* Old browsers */
1567         background: -moz-linear-gradient(top, #ffffff 0%, #f7f7f7 35%, #e0e0e0 100%); /* FF3.6+ */
1568         background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(35%,#f7f7f7), color-stop(100%,#e0e0e0)); /* Chrome,Safari4+ */
1569         background: -webkit-linear-gradient(top, #ffffff 0%,#f7f7f7 35%,#e0e0e0 100%); /* Chrome10+,Safari5.1+ */
1570         background: -o-linear-gradient(top, #ffffff 0%,#f7f7f7 35%,#e0e0e0 100%); /* Opera11.10+ */
1571         background: -ms-linear-gradient(top, #ffffff 0%,#f7f7f7 35%,#e0e0e0 100%); /* IE10+ */
1572         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */
1573         background: linear-gradient(top, #ffffff 0%,#f7f7f7 35%,#e0e0e0 100%); /* W3C */
1574         color: #333333;
1575 }
1576
1577 input[type=submit]:disabled,
1578 input[type=reset]:disabled,
1579 input[type=button]:disabled,
1580 input.submit:disabled,
1581 button.submit:disabled {
1582     color : #999;
1583     border : 1px solid #C0C0C0;
1584     background : #EEE none;
1585 }
1586
1587 input[type=reset]:active, input[type=button]:active, input.submit:active, button.submit:active {
1588         border : 1px inset #999999;
1589 }
1590
1591 ul li input.submit {
1592         font-size : 87%;
1593         padding : 2px;
1594 }
1595
1596 input.warning {
1597     background : #FFF url(../../img/famfamfam/silk/error.png) no-repeat 4px center;
1598         padding : 0.25em 0.25em 0.25em 25px;
1599 }
1600
1601 .searchhighlightblob {
1602     font-size:75%;
1603         font-style : italic;
1604 }
1605
1606 a.yuimenuitemlabel:hover {
1607         background-color : #B3D4FF;
1608         color : #000;
1609 }
1610                 
1611 #displayexample {
1612         padding: 5px; 
1613         margin-bottom: 10px;
1614         background-color: #CCCCCC;
1615 }
1616
1617 #irregularity_summary {
1618         vertical-align : top;
1619 }
1620
1621 ul#toplevelmenu {
1622     padding : 0;
1623 }
1624
1625 /*#toplevelnav {
1626         float : left;
1627         margin-left : .5em;
1628      width: 40%;
1629 }
1630
1631 ul#toplevelmenu li {
1632         display: inline;
1633         padding : 0 .6em;
1634 }
1635                 
1636 ul#toplevelmenu li.more a {
1637         background-image:url(../../img/more-arrow.gif);
1638         background-position:right center;
1639         background-repeat:no-repeat;
1640         padding-right:13px;
1641 }
1642                 
1643 ul#toplevelmenu li.more ul li a {
1644         background-image : none;
1645         padding-right : 20px;
1646 }
1647
1648 ul#toplevelmenu li.more ul li a.yuimenuitemlabel {
1649         padding: .2em 20px .2em 20px;
1650 }
1651                 
1652 ul#toplevelmenu li a {
1653         text-decoration : none;
1654 }
1655 ul#toplevelmenu li ul li {
1656         display :block;
1657         padding :0;
1658 }
1659 ul#toplevelmenu li ul li a {
1660         text-decoration : none;
1661 }
1662
1663 ul#i18nMenu {
1664         margin : 0;
1665         padding : .2em 0;
1666  }
1667  
1668 ul#i18nMenu li {
1669         border-left : 1px solid #CCC;
1670         display : inline;
1671         float: left;
1672         list-style : none;
1673         padding : 0 10px;
1674 }
1675
1676 ul#i18nMenu li.yuimenuitem {
1677         float: none;
1678 }
1679
1680 ul#i18nMenu li:first-child {
1681         border-left : 0;
1682  }
1683  
1684 ul#i18nMenu li ul li {
1685         border : 0;
1686         display : block;
1687         padding : 0;
1688  }
1689  
1690 ul#i18nMenu li.more a {
1691         background-image:url(../../img/more-up-arrow.gif);
1692         background-position:right center;
1693         background-repeat:no-repeat;
1694         padding-right:13px;
1695 }
1696                 
1697 ul#i18nMenu li.more ul li a {
1698         background-image : none;
1699         padding-right : 20px;
1700 }
1701
1702 div.lang {
1703         float:left;
1704 }
1705  
1706  div#changelanguage{
1707         background-color: #fff;
1708         border-top: 1px solid #CCC;
1709   position:absolute;
1710   bottom:0;
1711   left:0;
1712   width:100%;
1713   height: 2em;
1714  }
1715  
1716  @media screen{
1717   body>div#changelanguage {
1718    position: fixed;
1719   }
1720  }
1721  
1722  * html body{
1723   overflow:hidden;
1724  } 
1725  
1726  * html div#doc1{
1727   height:100%;
1728   overflow:auto;
1729  }
1730   
1731  * html div#doc2{
1732   height:100%;
1733   overflow:auto;
1734  }
1735   
1736  * html div#doc3{
1737   height:100%;
1738   overflow:auto;
1739  }*/
1740
1741 #CheckAll, #CheckNone, #CheckPending {
1742         font-weight : normal;
1743         margin : 0 .5em 0 0;
1744 }
1745 .lost,.dmg,.wdn {
1746         display : block;
1747         color : #990000;
1748 }
1749 .datedue {
1750         display : block;
1751         color : #999;
1752         font-style : italic;
1753 }
1754 /* Tablesorter */
1755 .header {
1756         background-image:url("../../img/ascdesc.gif");
1757         background-position:right center;
1758         background-repeat:no-repeat;
1759         cursor:pointer;
1760         padding : .2em 23px;
1761 }
1762 .headerSortUp {
1763         background-image:url("../../img/asc.gif");
1764 }
1765 .headerSortDown {
1766         background-image:url("../../img/desc.gif");
1767 }
1768
1769 tr.reserved td {
1770         background-color : #eeffd4;
1771 }
1772 tr.transfered td {
1773         background-color : #e8f0f6;
1774 }
1775 .waitinghere,
1776 .credit {
1777         color : #669900;
1778 }
1779
1780 /* Permissions Labels */
1781 label.permissioncode:before {
1782         content: "(";
1783 }
1784 label.permissioncode:after {
1785         content: ")";
1786 }
1787 label.permissioncode {
1788         font-style : italic;
1789 }
1790 span.permissiondesc {
1791         font-weight : normal;
1792 }
1793 #mainuserblock {
1794         border : 1px solid #E8E8E8;
1795         margin-top : .5em;
1796         padding : .5em;
1797 }
1798
1799 /* borrower autocomplete */
1800 #borrowerautocomplete { width: 500px; text-align:left;} /* z-index needed on top instances for ie & sf absolute inside relative issue */
1801 .autocomplete .yui-ac-highlight ,
1802 .autocomplete .yui-ac-highlight .sample-result,
1803 .autocomplete .yui-ac-highlight .sample-query { color:#FFF; }
1804 .autocomplete .sample-result { color: black; }
1805 .autocomplete .sample-query { color:#000; }
1806 #findborrower { position:static; width:auto; }
1807 #yborrowercontainer { text-align:left;width:335px; }
1808
1809 /* patron attribues autocomplete for overdues report (pattrodue) */
1810 .pattrodue-autocomplete .pattrodue-result { color: black; }
1811 .pattrodue-autocomplete .yui-ac-highlight .pattrodue-result { color: white; }
1812 .pattrodue-input { position:static; width:auto; }
1813 .pattrodue-container { text-align:left; width:400px; }
1814
1815 .labeledmarc-table {
1816         border: 0;
1817 }
1818
1819 .labeledmarc-label {
1820         border: 0;
1821         padding: 5;
1822         font-size: 11pt;
1823     color: #000000;
1824     font-style: italic;
1825 }
1826
1827 .labeledmarc-value {
1828         border: 0;
1829         padding: 5;
1830         font-size: 10pt;
1831         color: black;
1832 }
1833
1834 #cartDetails {
1835         background-color : #FFF;
1836         border: 1px solid #739acf;
1837          -moz-box-shadow: 1px 1px 3px 0 #666;
1838          -webkit-box-shadow: 1px 1px 3px 0 #666;
1839          box-shadow: 1px 1px 3px 0 #666;
1840         color : black;
1841         display : none;
1842         margin : 0;
1843         padding : 10px;
1844         text-align : center;
1845         width : 180px;
1846         z-index : 50;
1847 }
1848 #cartmenulink {
1849         background: transparent url("../../img/cart-small.gif") left center no-repeat;
1850         padding-left : 15px;
1851 }
1852 #cartmenulink span#basketcount span {
1853         display : inline;
1854         font-size : 90%;
1855         font-weight : normal;
1856         padding : 0;
1857 }
1858 #moremenu {
1859         display : none;
1860 }
1861
1862 .results_summary {
1863   display: block;
1864   font-size : 85%; 
1865   color: #707070;
1866   padding : 0 0 .5em 0;
1867 }
1868 .results_summary .label {
1869   color: #202020;
1870 }
1871 .results_summary a {
1872   font-weight: normal;
1873 }
1874
1875 img.spinner {
1876     vertical-align: middle;
1877     padding-right: 0.3em;
1878 }
1879 ul.budget_hierarchy {
1880     margin-left: 0px;
1881     padding-left: 0px;
1882 }
1883 ul.budget_hierarchy li {
1884     display: inline;
1885 }
1886 ul.budget_hierarchy li:after {
1887     content: " -> ";
1888 }
1889 ul.budget_hierarchy li:last-child:after {
1890     content: "";
1891 }
1892 ul.budget_hierarchy li:first-child:after {
1893     content: "";
1894 }
1895 .holdcount { font-size : 105%; line-height : 200%; }
1896 .holdcount a {
1897         border : 1px solid #a4bedd;
1898         background-color : #e4ecf5;
1899         font-weight : bold;
1900         -moz-border-radius: 4px;
1901         border-radius: 4px;
1902         padding : .1em .4em;
1903         text-decoration : none;
1904 }
1905 .holdcount a:hover { background-color : #ebeff7; }
1906 .container {
1907         border : 1px solid #EEE;
1908         padding : 1em;
1909         margin : 1em 0;
1910 }
1911 fieldset.rows+h3 {clear:both;padding-top:.5em;}
1912
1913 .import_export{
1914     position:relative;
1915 }
1916 .import_export .import_export_options{
1917     background: white;
1918     border: 1px solid #CDCDCD;
1919     left: 60px;
1920     padding: 10px;
1921     position: absolute;
1922     top: 0;
1923     z-index: 1;
1924     width: 300px;
1925 }
1926 .import_export_options fieldset.rows li label {
1927     width : 16em;
1928 }
1929 .form_import fieldset.rows li label {
1930     width : auto;
1931 }
1932
1933 .import_export_options .export_ok {
1934     padding: 10;
1935     background: #E3E3E3 none;
1936     cursor: pointer;
1937     margin-left: 20px;
1938     border: none;
1939 }
1940 .import_export_options {
1941     padding: 10;
1942     background: #E3E3E3 none;
1943     cursor: pointer;
1944     margin-left: 20px;
1945     border: none;
1946 }
1947 .form_import .input_import {
1948     border: 1px solid #bcbcbc;
1949 }
1950 .import_export_options .importing {
1951     padding: inherit;
1952     background: none;
1953 }
1954
1955 .importing {
1956     position: relative;
1957 }
1958
1959 .importing .importing_msg {
1960     padding-left: 10px;
1961     padding-bottom: 10px;
1962 }
1963
1964 .m880 {
1965     display:block; 
1966     text-align:right; 
1967     float:right; 
1968     width:50%; 
1969     padding-left:20px
1970 }
1971
1972 .advsearch {
1973     margin: 0;
1974 }
1975
1976 .advsearch table {
1977     border-spacing : 5px;
1978     border-collapse : separate;
1979     border-width : 0;
1980 }
1981 .advsearch td {
1982     border : 1px solid #EEE;
1983     padding : 0.3em 0.4em;
1984 }
1985 #circ_circulation_issue {
1986     position: relative;
1987     }
1988
1989 #clearscreen {
1990     position: absolute;
1991     top:0;
1992     right:0;
1993     }
1994
1995 #clearscreen a {
1996     display:block;
1997     -moz-border-radius: 0 0 0 5px;
1998     border-radius: 0 0 0 5px;
1999     padding : 0 .7em .2em .7em;
2000     background-color : #EEE;
2001     color : #CCC;
2002     text-shadow: 0px -1px 0px #666;
2003     text-decoration: none;
2004     font-size: 160%;
2005     font-weight : bold
2006     }
2007 #clearscreen a:hover {
2008     color : #cc0000;
2009     }
2010
2011 div.pager {
2012         background-color : #E8E8E8;
2013         border : 1px solid #BCBCBC;
2014         -moz-border-radius : 5px;
2015     border-radius : 5px;
2016         display : inline-block;
2017         font-size : 85%;
2018         padding : .3em .5em .3em .5em;
2019         margin : .4em 0;
2020 }
2021 div.pager img {
2022         vertical-align : middle;
2023 }
2024
2025 div.pager img.last {
2026         padding-right: 5px;
2027 }
2028 div.pager input.pagedisplay {
2029         border : 0;
2030         background-color : transparent;
2031         font-weight: bold;
2032         text-align : center;
2033 }
2034 a.localimage img {
2035         border : 1px solid #0000CC;
2036         margin : 0 .5em;
2037         padding : .3em;
2038 }
2039 div.pager p {
2040         margin: 0;
2041 }
2042
2043 div#acqui_order_supplierlist > div.supplier {
2044     border: 1px solid #EEEEEE;
2045     margin: 0.5em;
2046     padding: 1em;
2047 }
2048
2049 div#acqui_order_supplierlist > div.supplier > span.suppliername {
2050     display: inline;
2051     font-size: 1.7em;
2052     margin-bottom: 0.5em;
2053 }
2054
2055 div#acqui_order_supplierlist > div.supplier > span.action {
2056     margin-left: 5em;
2057 }
2058
2059 div#acqui_order_supplierlist > div.supplier > div.baskets {
2060     margin-top: 0.5em;
2061 }
2062
2063 /* Override core jQueryUI widgets */
2064 .ui-widget-content { border: 1px solid #B9D8D9; background: #ffffff none; color: #222222; }
2065 .ui-widget-header { border: 1px solid #B9D8D9; background: #E6F0F2 none; color: #222222; font-weight: bold; }
2066 .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #B9D8D9; background: #F4F8F9 none; font-weight: normal; color: #555555; }
2067 .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #B9D8D9; background: #E6F0F2 none; font-weight: normal; color: #212121; }
2068 .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff none; font-weight: normal; color: #212121; }
2069 .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #FED22F; background: #FFF4C6; color: #363636; }
2070 .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec; color: #cd0a0a; }
2071
2072 /* Override jQuery Autocomplete */
2073 .ui-autocomplete {
2074     position: absolute;
2075     cursor: default;
2076     -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,.3);
2077     -moz-box-shadow: 2px 2px 2px rgba(0,0,0,.3);
2078     box-shadow: 2px 2px 2px rgba(0,0,0,.3);
2079 }
2080 .ui-autocomplete.ui-widget-content .ui-state-hover {
2081     border: 1px solid #B9D8D9;
2082     background: #E6F0F2 none;
2083     font-weight: normal;
2084     color: #212121;
2085 }
2086 .ui-autocomplete-loading {
2087     background: #FFF url("../../img/loading-small.gif") right center no-repeat;
2088 }
2089
2090 /* jQuery UI standard tabs */
2091 .ui-menu li {
2092     list-style:none;
2093 }
2094
2095 .ui-tabs-nav .ui-tabs-selected a,
2096 .ui-tabs-nav a:hover,
2097 .ui-tabs-nav a:focus,
2098 .ui-tabs-nav a:active,
2099 .ui-tabs-nav span.a {
2100     background: none repeat scroll 0 0 transparent;
2101     outline: 0 none;
2102 }
2103
2104 .ui-tabs .ui-tabs-nav li.ui-tabs-selected {
2105     background-color : #FFF;
2106     border : 1px solid #B9D8D9;
2107 }
2108
2109 .ui-widget,
2110 .ui-widget input,
2111 .ui-widget select,
2112 .ui-widget textarea,
2113 .ui-widget button {
2114     font-family : inherit;
2115     font-size : inherit;
2116 }
2117 ul.ui-tabs-nav li {
2118     list-style : none;
2119 }
2120 .ui-tabs.ui-widget-content {
2121     background : transparent none;
2122     border : 0;
2123 }
2124
2125 .ui-tabs .ui-tabs-panel {
2126     border : 1px solid #B9D8D9;
2127 }
2128 .ui-tabs-nav.ui-widget-header {
2129     border : 0;
2130     background : none;
2131 }
2132 .ui-tabs .ui-tabs-nav li {
2133     background: #E6F0F2 none;
2134     border: 1px solid #B9D8D9;
2135     margin-right : .4em;
2136 }
2137 .ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
2138     color : #000;
2139     font-weight : bold;
2140 }
2141
2142 .ui-tabs .ui-tabs-nav li.ui-state-default.ui-state-hover {
2143     background : #EDF4F5 none;
2144 }
2145
2146 .ui-tabs .ui-tabs-nav li.ui-tabs-selected.ui-state-hover {
2147     background : #FFF none;
2148 }
2149
2150 .ui-tabs .ui-state-default a,
2151 .ui-tabs .ui-state-default a:link,
2152 .ui-tabs .ui-state-default a:visited {
2153     color: #004D99;
2154 }
2155
2156 .ui-tabs .ui-state-hover a,
2157 .ui-tabs .ui-state-hover a:link,
2158 .ui-tabs .ui-state-hover a:visited {
2159     color: #538200;
2160 }
2161
2162 .statictabs ul {
2163     background: none repeat scroll 0 0 transparent;
2164     border: 0 none;
2165     margin: 0;
2166     padding: 0.2em 0.2em 0;
2167     border-bottom-right-radius: 4px;
2168     border-bottom-left-radius: 4px;
2169     border-top-right-radius: 4px;
2170     border-top-left-radius: 4px;
2171     color: #222222;
2172     font-weight: bold;
2173     font-size: 100%;
2174     line-height: 1.3;
2175     list-style: none outside none;
2176     outline: 0 none;
2177     text-decoration: none;
2178 }
2179
2180 .statictabs ul:after {
2181     clear: both;
2182 }
2183
2184 .statictabs ul:before,
2185 .statictabs ul:after {
2186     content: "";
2187     display: table;
2188 }
2189
2190 .statictabs ul li {
2191     background: none repeat scroll 0 0 #E6F0F2;
2192     border: 1px solid #B9D8D9;
2193     border-bottom: 0 none !important;
2194     border-top-right-radius: 4px;
2195     border-top-left-radius: 4px;
2196     float: left;
2197     list-style: none outside none;
2198     margin-bottom: 0;
2199     margin-right: 0.4em;
2200     padding: 0;
2201     position: relative;
2202     white-space: nowrap;
2203     top: 1px;
2204     color: #555555;
2205     font-weight: normal;
2206
2207 }
2208
2209 .statictabs ul li.active {
2210     background-color: #FFFFFF;
2211     color: #212121;
2212     font-weight: normal;
2213     padding-bottom: 1px;
2214 }
2215
2216 .statictabs ul li a {
2217     color: #004D99;
2218     cursor: pointer;
2219     float: left;
2220     padding: 0.5em 1em;
2221     text-decoration: none;
2222 }
2223
2224 .statictabs ul li a:hover {
2225     background-color : #EDF4F5;
2226     border-top-right-radius: 4px;
2227     border-top-left-radius: 4px;
2228     color : #538200;
2229 }
2230
2231 .statictabs ul li.active a {
2232     color: #000000;
2233     font-weight: bold;
2234     cursor: text;
2235     background: none repeat scroll 0 0 transparent;
2236     outline: 0 none;
2237 }
2238
2239 .statictabs .tabs-container {
2240     border: 1px solid #B9D8D9;
2241     background: none repeat scroll 0 0 transparent;
2242     display: block;
2243     padding: 1em 1.4em;
2244     border-bottom-right-radius: 4px;
2245     border-bottom-left-radius: 4px;
2246     color: #222222;
2247 }
2248
2249 /* jQuery UI header search box tabs */
2250 #header_search ul.ui-tabs-nav {
2251     padding-top : 0;
2252     margin-left: 1em;
2253 }
2254 #header_search ul.ui-tabs-nav li.ui-state-default {
2255     border: 0 !important;
2256     background : transparent none; top: 0;
2257 }
2258 #header_search ul.ui-tabs-nav li.ui-state-default a {
2259     padding : .3em .6em;
2260 }
2261 #header_search ul.ui-tabs-nav li.ui-tabs-selected {
2262     background-color : #FFFFF1;
2263     border: 1px solid #85CA11 !important;
2264     border-top: 0 !important; top: -1px;
2265 }
2266 #header_search ul.ui-tabs-nav li.ui-tabs-selected a {
2267     text-decoration: none;
2268 }
2269 #header_search .ui-corner-top {
2270      border-radius: 0 0 4px 4px;
2271 }
2272
2273 .authref {
2274     text-indent: 2em;
2275 }
2276
2277 .authref .label {
2278     font-style: italic;
2279 }
2280
2281 #authfinderops {
2282     float: right;
2283 }
2284 div.authorizedheading {
2285   font-weight: bold;
2286 }
2287 .authres_notes, .authres_seealso, .authres_otherscript {
2288   padding-top: 3px;
2289 }
2290 .authres_notes {
2291   font-style: italic;
2292 }
2293
2294
2295 .contents {
2296     width: 75%;
2297 }
2298
2299 .contentblock {
2300     position: relative;
2301     margin-left: 2em;
2302 }
2303
2304 .contents .t:first-child:before {
2305     content: "→ ";
2306 }
2307
2308 .contents .t:before {
2309     content: "\A→ ";
2310     white-space: pre;
2311 }
2312
2313 .contents .t {
2314     font-weight: bold;
2315     display: inline;
2316 }
2317
2318 .contents .r {
2319     display: inline;
2320 }
2321
2322 #hierarchies a {
2323     font-weight: normal;
2324     text-decoration: underline;
2325     color: #069;
2326 }
2327
2328 #hierarchies a:hover {
2329     color: #990033;
2330 }
2331
2332 #didyoumeanopac, #didyoumeanintranet {
2333     float: left;
2334     width: 260px;
2335 }
2336
2337 .pluginlist {
2338     padding-bottom: 10px;
2339 }
2340 .plugin {
2341     margin: 0 1em 1em 0;
2342 }
2343 .pluginname {
2344     margin: 0.3em;
2345     padding-bottom: 4px;
2346     padding-left: 0.2em;
2347     background-color: #E6F0F2;
2348 }
2349 .pluginname .ui-icon {
2350     float: right;
2351 }
2352 .plugindesc {
2353     padding: 0.4em;
2354 }
2355 .ui-sortable-placeholder {
2356     border: 1px dotted black;
2357     visibility: visible !important;
2358     height: 80px !important;
2359 }
2360 .ui-sortable-placeholder * {
2361     visibility: hidden;
2362 }
2363
2364 /* jQuery UI Datepicker */
2365 .ui-datepicker table {
2366     width: 100%;
2367     font-size: .9em;
2368     border : 0;
2369     border-collapse: collapse;
2370     margin:0 0 .4em;
2371 }
2372
2373 .ui-datepicker th {
2374     background : transparent none;
2375     padding: .7em .3em;
2376     text-align: center;
2377     font-weight: bold;
2378     border: 0;
2379 }
2380
2381 .ui-datepicker-trigger {
2382     vertical-align: middle;
2383     margin : 0 3px;
2384 }
2385 .ui-datepicker {
2386     -moz-box-shadow: 1px 1px 3px 0 #666;
2387     -webkit-box-shadow: 1px 1px 3px 0 #666;
2388     box-shadow: 1px 1px 3px 0 #666;
2389 }
2390
2391 /* css for timepicker */
2392 .ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
2393 .ui-timepicker-div dl { text-align: left; }
2394 .ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
2395 .ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
2396 .ui-timepicker-div td { font-size: 90%; }
2397 .ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
2398
2399 /* jQuery UI Accordion */
2400 .ui-accordion-header { font-weight: bold; font-size : 110%; }
2401
2402 video {
2403     width: 480px;
2404 }
2405
2406 /* Bootstrap overrides */
2407 .btn {
2408     border-color : #ADADAD #ADADAD #949494;
2409
2410 }
2411
2412 .btn-small .caret {
2413     margin-top : .6em;
2414 }
2415
2416 .icon-hold {
2417     background-position:-24px -166px;
2418 }
2419
2420 .icon-copy {
2421     background-position:-3px -166px;
2422 }
2423
2424 #toolbar .btn,
2425 #toolbar .dropdown-menu {
2426     font-size: 13px;
2427 }
2428 a.btn:link,
2429 a.btn:visited{
2430     color: #333333;
2431 }
2432 .dropdown-menu li {
2433     list-style: none outside none;
2434 }
2435 [class^="icon-"],[class*=" icon-"]{background-image:url("../../img/glyphicons-halflings-koha.png");}
2436 .icon-white,.nav-tabs>.active>a>[class^="icon-"],.nav-tabs>.active>a>[class*=" icon-"],.nav-pills>.active>a>[class^="icon-"],.nav-pills>.active>a>[class*=" icon-"],.nav-list>.active>a>[class^="icon-"],.nav-list>.active>a>[class*=" icon-"],.navbar-inverse .nav>.active>a>[class^="icon-"],.navbar-inverse .nav>.active>a>[class*=" icon-"],.dropdown-menu>li>a:hover>[class^="icon-"],.dropdown-menu>li>a:hover>[class*=" icon-"],.dropdown-menu>.active>a>[class^="icon-"],.dropdown-menu>.active>a>[class*=" icon-"]{background-image:url("../../img/glyphicons-halflings-white.png");}
2437 a.disabled {
2438     color : #999999;
2439 }
2440
2441 .navbar {
2442     color: #333;
2443 }
2444
2445 .navbar .nav > li > a {
2446     color: #004D99;
2447     font-weight: bold;
2448     padding : .4em .2em;
2449 }
2450
2451 .navbar .nav > li {
2452     list-style: none outside none;
2453     padding : 0 .6em;
2454 }
2455
2456 .navbar .nav > li > a:focus,
2457 .navbar .nav > li > a:hover {
2458     color: #538200;
2459 }
2460
2461 .navbar .nav li.dropdown.open > .dropdown-toggle,
2462 .navbar .nav li.dropdown.active > .dropdown-toggle,
2463 .navbar .nav li.dropdown.open.active > .dropdown-toggle {
2464     background: transparent none;
2465 }
2466
2467 .navbar-static-top .navbar-inner {
2468     background: #E6F0F2 none;
2469     border: 0;
2470     box-shadow: none;
2471     min-height: 0;
2472     padding-left: 0;
2473 }
2474 .navbar-fixed-bottom .navbar-inner {
2475     min-height: 0;
2476     padding : .4em 0;
2477 }
2478
2479 .navbar-fixed-bottom .nav > li > a {
2480     font-weight: normal;
2481     padding : .05em .3em;
2482 }
2483
2484 .navbar-fixed-bottom .nav > li {
2485     border-right : 1px solid #CCC;
2486 }
2487
2488 .navbar-fixed-bottom .nav > li:last-child {
2489     border-right : 0;
2490 }
2491
2492 .navbar-fixed-bottom .nav > li.navbar-text {
2493     line-height: normal;
2494     padding : 0.4em 0.7em;
2495 }
2496 .navbar .nav > li {
2497     list-style: none outside none;
2498     padding : 0 .6em;
2499 }
2500 .navbar .nav > li > a {
2501     color: #004D99;
2502     font-weight: bold;
2503     padding : .4em .3em;
2504 }
2505 .navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle {
2506     background: transparent none;
2507 }
2508
2509 .navbar .nav > li > a:focus,
2510 .navbar .nav > li > a:hover {
2511     color: #538200;
2512 }
2513
2514 .navbar .nav li.dropdown.open > .dropdown-toggle,
2515 .navbar .nav li.dropdown.active > .dropdown-toggle,
2516 .navbar .nav li.dropdown.open.active > .dropdown-toggle {
2517     background: transparent none;
2518 }
2519
2520 .tooltip.bottom .tooltip-arrow {
2521     border-bottom-color: #EEE;
2522 }
2523 .tooltip.bottom .tooltip-inner {
2524     background-color : #FFF;
2525     border: 1px solid rgba(0, 0, 0, 0.2);
2526     box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
2527     color: #000;
2528     padding : 1em;
2529     font-size : 120%;
2530 }
2531 .separator { color : #666; padding : 0 .2em; }
2532
2533 .close {
2534     position: inherit;
2535     top: auto;
2536     right : auto;
2537     filter : none;
2538     float : none;
2539     font-size: inherit;
2540     font-weight: normal;
2541     opacity: inherit;
2542     text-shadow: none;
2543 }
2544
2545 .close:hover {
2546     color: #538200;
2547     filter: inherit;
2548     font-size: inherit;
2549     opacity: inherit;
2550 }
2551
2552 /* Redefine a new style for Bootstrap's class "close" since we use that already */
2553 /* Use <a class="closebtn" href="#">&times;</a> */
2554 .alert .closebtn{position:relative;top:-2px;right:-21px;line-height:20px;}
2555 .modal-header .closebtn{margin-top:2px;}
2556 .closebtn{float:right;font-size:20px;font-weight:bold;line-height:20px;color:#000000;text-shadow:0 1px 0 #ffffff;opacity:0.2;filter:alpha(opacity=20);}.closebtn:hover{color:#000000;text-decoration:none;cursor:pointer;opacity:0.4;filter:alpha(opacity=40);}
2557 button.closebtn{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;}
2558 .btn-group label,
2559 .btn-group select {
2560     font-size: 13px;
2561 }
2562
2563 .waiting {
2564     cursor: wait;
2565 }