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