Bug 20744: Replace staff client header Koha logo gif with transparent png
[koha.git] / koha-tmpl / intranet-tmpl / prog / css / staff-global.css
1 @import url("../../lib/yui/reset-fonts-grids.css") screen;
2
3 input:focus, textarea:focus {
4     border-color:#538200;
5     border-style:solid;
6     border-radius: 4px;
7 }
8
9 ::selection      { background:#538200; color:#ffffff; /* Safari and Opera */ }
10 ::-moz-selection  { background:#538200; color:#ffffff; /* Firefox */ }
11
12 a, a:link, a:visited,
13 a.btn:link, a.btn:visited {
14     color : #004d99;
15     text-decoration: none;
16 }
17
18 table .btn-group {
19     white-space: nowrap;
20 }
21
22 table .btn-group .btn {
23     float: none;
24     display: inline-block;
25 }
26
27 a:hover, a:active {
28     color : #538200;
29     text-decoration: none;
30 }
31
32 .overdue,
33 .debit {
34         color : #cc0000;
35 }
36
37 a.popup {
38     background : transparent url("../img/pop-up-link.png") center right no-repeat;
39         padding-right : 15px;
40 }
41
42 body {
43         text-align : left;
44     padding:0 0 4em 0;
45   font-family: arial, verdana, helvetica, sans-serif;
46 }
47
48 br.clear {
49         clear : both;
50         line-height : 1px;
51 }
52
53 form {
54         display : inline;
55 }
56
57 form.confirm {
58         display : block;
59         text-align : center;
60 }
61
62 h1 {
63         font-size : 161.6%;
64         font-weight : bold;
65 }
66
67 h2 {
68         font-size : 146.5%;
69         font-weight : bold;
70 }
71
72 h3 {
73         font-size : 131%;
74         font-weight : bold;
75 }
76
77 h4 {
78         font-size : 116%;       
79         font-weight : bold;
80 }
81
82 h5 {
83         font-size : 100%;       
84         font-weight : bold;
85 }
86
87 h6 {
88         font-size : 93%;
89         font-weight : bold;
90 }
91
92 h1,h2,h3,h4,h5,h6 {
93         margin : .3em 0;
94 }
95
96 p {
97         margin: .5em 0 .5em 0;
98 }
99
100 strong {
101         font-weight : bold;
102 }
103
104 strong em {
105         font-weight : bold;
106         font-style : italic;
107 }
108
109 em, cite {
110         font-style : italic;
111 }
112
113 em strong {
114         font-weight : bold;
115         font-style : italic;
116 }
117
118 input, textarea {
119     padding : 2px 4px;
120     line-height: normal;
121 }
122
123 input[type="checkbox"], input[type="radio"] {
124     vertical-align: middle;
125     margin: 0;
126 }
127
128 label, .label {
129     display: inline;
130     font-weight: normal;
131     font-size: inherit;
132     max-width: inherit;
133     padding: 0;
134     color: black;
135     margin-bottom: 0;
136     vertical-align: middle;
137 }
138
139 label input[type="checkbox"],
140 label input[type="radio"],
141 .label input[type="checkbox"],
142 .label input[type="radio"] {
143     margin-top: 0;
144 }
145
146
147 .subfield-label {
148     font-style : italic;
149 }
150
151 .subfield-label span.subfield-code {
152     font-weight : bold;
153 }
154
155 .members-update-table {
156     padding-top: 10px;
157 }
158
159 #navmenulist li {
160         padding : .2em 0;
161     list-style-image : url("../img/arrow-bullet.gif");
162         border-bottom : 1px solid #EEE;
163 }
164
165 #navmenulist li a {
166         text-decoration : none;
167 }
168
169 #doc, #doc1, #doc2, #doc3 {
170         padding-top : 1em;
171 }
172
173 .main {
174     margin-top: 1em;
175 }
176
177 #login_controls  {
178         position : absolute;
179         right : .5em;
180     padding: .4em .5em;
181 }
182
183 ul {
184         padding-left : 1.1em;
185 }
186
187 ul li {
188         list-style-type : disc;
189 }
190
191 ul li li {
192         list-style-type : circle;
193 }
194
195 ol {
196         padding-left : 1.5em;
197 }
198
199 ol li {
200         list-style : decimal;
201 }
202
203 .gradient {
204     background-image: linear-gradient(top, rgb(230,240,242) 1%, rgb(255,255,255) 99%);
205     background-image: -o-linear-gradient(top, rgb(230,240,242) 1%, rgb(255,255,255) 99%);
206     background-image: -moz-linear-gradient(top, rgb(230,240,242) 1%, rgb(255,255,255) 99%);
207     background-image: -webkit-linear-gradient(top, rgb(230,240,242) 1%, rgb(255,255,255) 99%);
208     background-image: -ms-linear-gradient(top, rgb(230,240,242) 1%, rgb(255,255,255) 99%);
209
210     background-image: -webkit-gradient(
211         linear,
212         left top,
213         left bottom,
214         color-stop(0.1, rgb(230, 240, 242)),
215         color-stop(0.99, rgb(255,255,255))
216     );
217     display: inline-block;
218     width:100%;
219 }
220
221 .clearfix:after {
222     content: ".";
223     display: block;
224     height: 0;
225     clear: both;
226     visibility: hidden;
227 }
228
229 .clearfix {
230     display: inline-block;
231 }
232
233 /* Hides from IE-mac \*/
234 * html .clearfix {height: 1%;}
235 .clearfix {display: block;}
236 /* End hide from IE-mac */
237
238 #cataloguing_additem_newitem fieldset.rows label, #cataloguing_additem_newitem fieldset.rows span.label {
239         text-align: right;
240 }
241
242 table {
243         border-collapse : collapse;
244         border-top : 1px solid #BCBCBC;
245         border-right : 1px solid #BCBCBC;
246 }
247
248 table.invis,
249 table.invis tr,
250 table.invis td,
251 tr.highlight table.invis td {
252         border : none;
253 }
254
255 td, th {
256         border-bottom : 1px solid #BCBCBC;
257         border-left : 1px solid #BCBCBC;
258         padding : .2em .3em;
259 }
260
261 td {
262         background-color : White;
263         vertical-align : top;
264 }
265
266 table.indexes td {
267     vertical-align : middle;
268 }
269
270 td.actions {
271     white-space: nowrap;
272 }
273
274 td.borderless {
275     border-collapse : separate;
276     border : 0 none;
277 }
278
279 td.data,
280 th.data {
281         font-family : "Courier New", Courier, monospace;
282         text-align : right;
283 }
284
285 th {
286         background-color : #E8E8E8;
287         font-weight : bold;
288         text-align : center;
289 }
290
291 table+table {
292         margin-top : 1em;
293 }
294
295 #editions table, #editions td {
296         border : 0;
297 }
298
299 .highlighted-row,
300 .highlighted-row td { background-color: #FFD000 !important }
301
302 tbody tr:nth-child(odd) td {
303         background-color : #F3F3F3;
304     border : 1px solid #BCBCBC;
305     border-right : 1px solid #BCBCBC;
306 }
307
308 .overdue td.od {
309         color : #cc0000;
310         font-weight : bold;
311 }
312
313 tr.warn td,
314 tr.warn:nth-child(odd) td {
315         background-color: #FF9090;
316 }
317
318 tr.ok td,
319 tr.ok:nth-child(odd) td,
320 tr.ok:nth-child(even) td {
321  background-color: #FFFFCC;
322 }
323
324 tr.onissue td {
325         background-color: #FFFFCC;
326 }
327
328 tr.odd.onissue td {
329         background-color: #FFFFE1;
330 }
331
332 tr.clickable {
333         cursor: pointer;
334 }
335
336 .table_borrowers tr:hover td {
337         background-color: #ffff99;
338 }
339
340 tfoot td {
341         background-color : #f3f3f3;
342         font-weight : bold;
343 }
344
345 td.total {
346         text-align : right;
347 }
348
349 caption {
350     font-size : 133.9%;
351     font-weight : bold;
352     margin : .3em 0;
353     color: black;
354 }
355
356 .problem {
357         background-color : #FFFFCC;
358         color : #990000;
359         font-weight : bold;
360         line-height : 1.7em;
361 }
362
363 fieldset {
364         margin : 1em 1em 1em 0;
365         padding : 1em;
366     background-color:#f4f8f9;
367     border:2px solid #b9d8d9;
368     border-radius:5px;
369 }
370
371 fieldset.lastchecked {
372     margin-bottom : 0;
373     border-bottom-width: 0;
374     border-bottom-left-radius: 0;
375     border-bottom-right-radius: 0;
376 }
377
378 legend {
379     font-size : 123.1%;
380     font-weight : bold;
381     border:2px solid #b9d8d9;
382     background-color:#ffffff;
383     border-radius:3px;
384     padding: 0.2em 0.5em;
385     width: auto;
386 }
387
388 details > summary {
389     cursor: pointer;
390 }
391
392 details > summary::before {
393     content: "\f0da";
394     display: inline-block;
395     font-family: FontAwesome;
396     width: 1em;
397 }
398
399 details[open] > summary::before {
400     content: "\f0d7";
401 }
402
403 #floating-save {
404     background-color: rgba(185, 216, 217, 0.6);
405     bottom: 3%;
406     position: fixed;
407     right: 1%;
408     width: 150px;
409 }
410
411 #breadcrumbs {
412     background-color : #e6f0f2;
413     clear : both;
414     font-size : 90%;
415     padding :.2em .5em .4em 10px;
416     margin : 0;
417 }
418
419 #header+#breadcrumbs {
420         margin-top : 1em;
421 }
422
423 #header>.container-fluid {
424     padding: 0;
425 }
426
427 div.justify {
428     text-align: justify;
429 }
430
431 div#header_search {
432         background-position : .5em .5em;
433         background-repeat : no-repeat;
434         float: left;
435         margin: .3em 0 .5em 0;
436 }
437
438 div#header_search input {
439         font-size : 1.3em;
440 }
441
442 div#header_search div.residentsearch {
443         border : 0;
444     border-bottom : 1px solid #85ca11;
445         padding : 0 0 .2em 0;
446 }
447
448 .head-searchbox {
449     width: 30em;
450 }
451
452 div#reserves,div#checkouts {
453         border : 1px solid #B9D8D9;
454         padding : 1em;
455 }
456
457 .tip {
458         font-size: 93%;
459         color : Gray;
460 }
461
462 .single-line {
463         white-space: nowrap;
464 }
465
466 .ex {
467         font-family : "Courier New", Courier, fixed-width;
468         font-weight : bold;
469 }
470
471
472 div.yui-b h5 {
473         font-size : 100%;
474         margin : .5em 0;
475 }
476
477 dt {
478         font-weight : bold;
479 }
480
481 dd {
482         padding : .2em;
483         font-size : 90%;
484         text-indent : 2.5em;
485         font-weight : normal;
486 }
487
488 div#toolbar,
489 .btn-toolbar {
490     background-color : #EDF4F6;
491     padding: 5px 5px 5px 5px;
492     margin: 0;
493     border-radius: 5px 5px 0 0;
494     border: 1px solid #E6F0F2;
495 }
496
497 ul.toolbar {
498         padding-left : 0;
499 }
500
501 ul.toolbar button {
502         padding-bottom : 2px;
503         font-family: arial, verdana, helvetica, sans-serif;
504 }
505
506 #disabled a {
507         color: #999;
508 }
509 #disabled2 a {
510  color: #999;
511 }
512 #disabled a:hover {
513         color : #999;
514 }
515 a.highlight_toggle {
516     display : none;
517 }
518
519 ul.toolbar li {
520         display : inline;
521         list-style : none;
522 }
523
524 div.patroninfo {
525         margin-top : -.5em;
526 }
527
528 *html div.patroninfo {
529         margin-right : .5em;
530 }
531
532 div.patroninfo h5 {
533     border-right:1px solid #b9d8d9;
534         margin-bottom : 0;
535         padding-left : -.5em;
536         padding-top : .3em;
537         padding-bottom : .5em;
538 }
539
540 div.patroninfo h5:empty {
541     border-right: none;
542 }
543
544 div.patroninfo ul {
545         border : 0;
546     border-right:1px solid #b9d8d9;
547         border-bottom : 0;
548         border-top : 0;
549         padding : 0;
550         margin : 0;
551 }
552
553 div.patroninfo ul li {
554         margin : 0;
555 }
556
557 div.patroninfo ul li {
558         list-style-type : none;
559 }
560
561 #patronbasics div {
562     background: transparent url("../img/patron-blank.min.svg") 10px 5px no-repeat;
563     border: 1px solid #CCCCCC;
564     height: 125px;
565     margin: .3em 0 .3em .3em;
566     padding: 0;
567     width: 105px;
568 }
569
570 #patronimage {
571     border: 1px solid #CCCCCC;
572     max-width : 140px;
573     margin: .3em 0 .3em .3em;
574     padding: .2em;
575     width:auto !important;
576     width:130px;
577 }
578
579 div.patronviews {
580         border-right :  1px solid #000;
581         border-top : 1px solid #000;
582         margin-bottom : .5em;
583         padding : .5em 0 .5em 0;
584 }
585 }
586
587 .column-tool {
588         font-size: 80%;
589 }
590
591 fieldset.brief {
592     border : 2px solid #B9D8D9;
593 }
594
595 fieldset.brief label,
596 fieldset.brief span.label {
597         display : block;
598         font-weight : bold;
599         padding : .3em 0;
600 }
601
602 fieldset.brief ol, fieldset.brief li {
603         list-style-type : none;
604 }
605
606 .hint {
607     color : #666;
608         font-size : 95%;
609 }
610
611 fieldset.brief div.hint,
612 fieldset.rows div.hint,
613 div.yui-u div.hint {
614     margin-bottom : .4em;
615 }
616
617 fieldset.rows div.hint {
618     margin-left : 7.5em;
619 }
620
621 div.yui-b fieldset.brief {
622         padding : .4em .7em;
623 }
624
625 div.yui-b fieldset.brief ol {
626         font-size : 85%;
627         margin : 0;
628         padding : 0;
629 }
630
631 div.yui-b fieldset.brief select,
632 div.yui-b fieldset.brief input[type=text] {
633     width: 100%;
634 }
635
636 div.yui-b fieldset.brief li.radio {
637         padding : .7em 0;
638 }
639 div.yui-b fieldset.brief li.radio label,
640 div.yui-b fieldset.brief li.checkbox label,
641 div.yui-b fieldset.brief li.dateinsert label,
642 div.yui-b fieldset.brief li.dateinsert span.label,
643 div.yui-b fieldset.brief li.radio span.label {
644         display : inline;
645 }
646
647 div.yui-b fieldset.brief li.radio input {
648         padding:0.3em 0;
649 }
650
651 div.yui-b fieldset.brief fieldset {
652         margin : 0 .3em;
653         padding : .5em;
654 }
655
656 div.yui-b fieldset.brief fieldset legend {
657         font-size : 85%;
658 }
659
660 #yui-main div.yui-b fieldset.brief select,
661 #yui-main div.yui-b fieldset.brief input[type=text] {
662     width: auto;
663 }
664
665 #tools_holidays fieldset.brief li.radio input,
666 #tools_holidays fieldset.brief li.checkbox input{
667     margin-left: 0;
668 }
669
670 #tools_holidays fieldset.brief li.radio label,
671 #tools_holidays fieldset.brief li.checkbox label {
672     margin-left: 20px;
673 }
674
675 fieldset.rows {  
676 border-width : 1px;
677 border:2px solid #b9d8d9;
678 float : left;
679 font-size : 90%;
680 clear : left;
681 margin: .9em 0 0 0;
682 padding: 0;
683 width: 100%; 
684 }
685
686 fieldset.rows.unselected {
687     background-color: white;
688     border-width : 0px;
689     border: 0;
690 }
691
692 fieldset.rows legend {  
693         margin-left: 1em;
694         font-weight: bold;
695         font-size : 110%;
696 }
697
698 fieldset.rows label, fieldset.rows span.label {  
699         float: left;  
700         font-weight : bold;
701     width: 9em;
702         margin-right: 1em;  
703         text-align: right;
704 }
705
706 fieldset.rows fieldset {
707     background-color: transparent;
708         border-width : 1px;
709     margin : 1em;
710         padding : .3em;
711 }
712
713 .yui-b fieldset.rows td label, .yui-b fieldset.rows td span.label {
714         width: auto;
715 }
716 .yui-b fieldset.rows ol.oladditemtype label, .yui-b fieldset.rows ol.oladditemtype span.label {
717     width: 13em;
718 }
719
720 .yui-b fieldset.rows div.hint {
721         margin-left : 10.5em;
722 }
723
724 .yui-u fieldset.rows label, .yui-u fieldset.rows span.label {  
725         width: 10em;  
726 }
727
728 .yui-u fieldset.rows div.hint {
729         margin-left : 7.5em;
730 }
731
732 fieldset.rows.left label, fieldset.rows.left span.label {
733         width : 8em;
734         text-align : left;      
735 }
736
737 fieldset.rows ol {  
738 padding: 1em 1em 0 1em;  
739 list-style-type: none;
740 }
741
742 fieldset.rows li {  
743 float : left;
744 clear : left;
745 padding-bottom: 1em;
746 list-style-type: none;
747 width: 100%; 
748 }
749
750 fieldset.rows.left li {
751         padding-bottom : .4em;
752 }
753
754 fieldset.rows li.radio {
755         padding-left: 9em;
756         width : auto;
757 }
758
759 fieldset.rows li.radio label {
760         float : none;
761         width : auto;
762         margin : 0 0 0 1em;
763 }
764
765 fieldset.rows ol.radio label {
766         width : auto;
767         float : none;
768         margin-right : 30px;
769         margin-left: 20px;
770         padding-left: 0;
771         vertical-align: middle;
772 }
773
774 fieldset.rows li.radio input + label {
775     margin-left: 0;
776     padding-left: 0;
777 }
778
779 fieldset.rows ol.radio input[type="checkbox"],
780 fieldset.rows ol.radio input[type="radio"] {
781     margin-left: -20px;
782 }
783
784 fieldset.rows ol.radio label.radio {
785         float : left;
786         width : 9em;
787         margin-right : 1em;
788         margin-top: 0;
789 }
790
791 fieldset.rows caption {
792     font-size : 120%;
793 }
794
795 fieldset.rows p {
796     margin : 1em 0 1em 1em;
797 }
798
799 fieldset.rows table {
800         font-size : 105%;
801         clear : both;
802         margin : 1em 0 1em 1em;
803 }
804
805 fieldset.rows td label {
806         float : none;
807         font-weight : normal;
808         width : auto;
809 }
810
811 fieldset.rows label.yesno {
812         float : none;
813         width : auto;
814 }
815
816 fieldset.rows label.error {
817         float: none;
818         margin-left: 1em;
819         width: auto;
820 }
821
822 #multi_receiving fieldset.rows label {
823     width: 50%;
824 }
825
826 fieldset.action, div.action {
827     background-color: transparent;
828     clear : both;
829     float : none;
830     border : 0px;
831     margin: 0.9em 0 0 0;
832     padding: 0.4em;
833     width: auto;
834 }
835
836 #fixedlengthbuilderaction {
837     padding: 5px 5px 5px 5px;
838     border: 3px solid #E6F0F2;
839     top: -80px;
840     left: 80%;
841     position: relative;
842     width: 12%;
843 }
844
845 .btn-toolbar fieldset.action {
846     margin-top: 0;
847 }
848
849 fieldset.rows li[aria-disabled="true"] {
850     color: #999;
851 }
852
853 div.rows+div.rows {
854     margin-top : .6em;
855 }
856
857 div.rows {
858 float : left;
859 clear : left;
860 margin: 0 0 0 0;  
861 padding: 0;
862 width: 100%; 
863 }
864
865
866 div.rows span.label {  
867         float: left;  
868         font-weight : bold;
869         width: 9em;
870         margin-right: 1em;  
871         text-align: left;
872         padding-top: 0;
873 }
874
875 .rows .label {
876     white-space: normal;
877 }
878
879 div.rows ol {  
880 padding: .5em 1em 0 0;  
881 list-style-type: none;
882 }
883
884 div.rows ol li li {
885         border-bottom: 0;
886 }
887
888 div.rows li {
889 border-bottom :  1px solid #EEE;
890 float : left;
891 clear : left;
892 padding-bottom: .2em;
893 padding-top: .1em;
894 list-style-type: none;
895 width: 100%; 
896 }
897
898 a.cancel {
899         padding-left : 1em;
900 }
901
902 fieldset.rows fieldset.action {
903         padding : 1em;
904 }
905
906 fieldset.brief label.inline,
907 fieldset.rows label.inline {
908         display : inline;
909         float : none;
910         margin-left : 1em;
911         width : auto;
912 }
913
914 fieldset.rows .inputnote {
915         clear : left;
916         float : left;
917         margin : 1em 0 0 11em;
918 }
919
920 .checkedout {
921         color : #999999;
922         font-style : italic;
923 }
924
925 .subfield_not_filled {
926         background-color : #FFFF99;
927 }
928 .content_hidden {
929     visibility:hidden; /* you propably don't need to change this one */
930     display:none;
931 }
932
933 /* the property for the displayed tab */
934 .content_visible {
935     visibility:visible; /* you propably don't need to change this one */
936     display:block;
937 }
938
939 #z3950searcht table {
940         /* 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 */
941         padding: 20px;
942         border: none;
943 }
944
945 #z3950_search_targets {
946     height:     338px;
947     overflow-y: auto;
948 }
949
950 #z3950_search_targets_acq {
951     height:     308px;
952     overflow-y: auto;
953 }
954
955 .z3950checks {
956     padding-left: 1em;
957 }
958
959 .error {
960        color: #cc0000;
961 }
962
963 .status_ok {
964  background-color: lightgreen;
965 }
966
967 .status_warn {
968  background-color: red;
969 }
970
971 /* Font Awesome icon */
972 i.success {
973     color: green;
974 }
975
976 /* Font Awesome icon */
977 i.error {
978     color: #CC0000;
979 }
980
981 /* Font Awesome icon */
982 i.warn {
983     color: orange;
984 }
985
986 /* For Font Awesome icon bullets */
987 ul.fa-ul li {
988     list-style-type: none;
989 }
990
991 div.error {
992         border : 2px dashed #990000;
993         background-color : #FFFF99;
994         padding : .5em;
995         margin : 1em;
996 }
997
998 input.alert {
999         background-color : #FFFF99;
1000         border-color: #900;
1001 }
1002
1003 ol.bibliodetails {
1004         float: left;
1005         margin : 0 0 1em 1em;
1006 }
1007
1008 ol.bibliodetails li {
1009         border-bottom: 1px solid #E8E8E8;
1010         list-style-type : none;
1011         padding : .1em;
1012 }
1013
1014 ol.bibliodetails span.label {
1015         border-right : 1px solid #E8E8E8;
1016         float : left;
1017         font-weight: bold;
1018         width: 12em;  
1019         margin-right: 1em;  
1020 }
1021
1022 div.listgroup {
1023         clear :  left;
1024 }
1025
1026 div.listgroup h4 {
1027         font-style: italic;
1028 }
1029
1030 div.listgroup h4 a {
1031         font-size :  80%;
1032 }
1033
1034 div.listgroup input {
1035         font-size: 80%;
1036 }
1037
1038 div.sysprefs h3 {
1039         margin : .2em 0 .2em .4em;
1040 }
1041
1042 div.sysprefs dl {
1043         margin-left : 1.5em;
1044 }
1045
1046 div.sysprefs div.hint {
1047         width : 25%;
1048         float : right;
1049         padding : .5em;
1050         margin : .7em;
1051 }
1052
1053 tr.highlight td {
1054         background-color : #F6F6F6;
1055         border-color : #BCBCBC;
1056 }
1057
1058 tr.highlight th[scope=row] {
1059         background-color : #DDDDDD;
1060         border-color : #BCBCBC;
1061 }
1062
1063 label.circ_barcode {
1064     font-size: 105%;
1065     font-weight : bold;
1066 }
1067
1068 .checkout-setting {
1069     font-size : 85%;
1070     padding-top : .3em;
1071 }
1072
1073 .checkout-setting label {
1074     font-size : inherit;
1075     font-weight: normal;
1076 }
1077
1078 .checkout-setting input {
1079     vertical-align: middle;
1080 }
1081
1082 .checkout-settings {
1083     background-color: #f4f8f9;
1084     border-radius: 0;
1085     border-top: 2px solid #b9d8d9;
1086     display: none;
1087     margin-left: -1em;
1088     margin-right: -1em;
1089     margin-top: 1em;
1090     padding: 1em 1em 0;
1091 }
1092
1093 #show-checkout-settings {
1094     margin-top: .5em;
1095 }
1096
1097 tr.expired td {
1098         color : #999999;
1099 }
1100
1101 span.expired {
1102         color : #990000;
1103         font-style : italic;
1104 }
1105
1106 details.checkouts-by-itemtype li {
1107     display: inline-block;
1108     margin-right: 1em;
1109 }
1110
1111 div.help {
1112         margin: .9em 0 0 0;  
1113 }
1114
1115 .blocker {
1116         color : #990000;
1117 }
1118
1119 .inaccurate-item-statuses {
1120     color : #990000;
1121 }
1122
1123 .circmessage li {
1124     list-style : url(../img/arrow-bullet.gif);
1125         margin-bottom : .2em;
1126 }
1127
1128 div.circmessage:first-child {
1129         margin-top : 1em;
1130 }
1131
1132 div.circmessage {
1133         padding: 0 .4em .4em .4em;
1134         margin-bottom : .3em;
1135 }
1136
1137 span.circ-hlt {
1138         color : #cc0000;
1139         font-weight : bold;
1140 }
1141
1142 div.first fieldset {
1143         margin-right : 0;
1144 }
1145
1146 #circ_needsconfirmation {
1147         margin : auto;
1148 }
1149
1150 .dialog {
1151         border-radius : 2px;
1152         padding : .5em;
1153         margin : 1em auto;
1154         text-align : center;
1155         width: 65%;
1156 }
1157
1158 .dialog table {
1159         margin : .5em auto;
1160 }
1161
1162 .dialog table th {
1163         text-align : right;
1164 }
1165
1166 .dialog table td {
1167         text-align : left;
1168 }
1169   
1170 .dialog  h2, .dialog h3, .dialog h4 {
1171         margin : auto;
1172         text-align : center;
1173   }
1174   
1175 .dialog input {
1176         background-color : #FFF;
1177         border : 1px solid #bcbcbc;
1178         margin : .4em;
1179         padding : .4em .4em .4em 25px;
1180  }
1181
1182  .dialog input[type="submit"] {
1183         background : #FFF none;
1184  }
1185
1186 td input.approve {
1187         background-color : #FFC;
1188 }
1189
1190 .dialog input:hover {
1191         background-color : #ffc;
1192  }
1193
1194 div.dialog {
1195         border: 1px solid #bcbcbc;
1196     text-align : center;
1197 }
1198
1199 div.alert {
1200         background: #fef8d3; /* Old browsers */
1201         background: -moz-linear-gradient(top, #fef8d3 0%, #ffec91 9%, #ffed87 89%, #f9dc00 100%); /* FF3.6+ */
1202         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+ */
1203         background: -webkit-linear-gradient(top, #fef8d3 0%,#ffec91 9%,#ffed87 89%,#f9dc00 100%); /* Chrome10+,Safari5.1+ */
1204         background: -o-linear-gradient(top, #fef8d3 0%,#ffec91 9%,#ffed87 89%,#f9dc00 100%); /* Opera11.10+ */
1205         background: -ms-linear-gradient(top, #fef8d3 0%,#ffec91 9%,#ffed87 89%,#f9dc00 100%); /* IE10+ */
1206         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fef8d3', endColorstr='#f9dc00',GradientType=0 ); /* IE6-9 */
1207         background: linear-gradient(top, #fef8d3 0%,#ffec91 9%,#ffed87 89%,#f9dc00 100%); /* W3C */
1208           text-align : center;
1209         border: 1px solid #E0C726;
1210     color : inherit;
1211     text-shadow : none;
1212 }
1213
1214 div.alert strong {
1215         color : #900;
1216 }
1217
1218 .dialog li {
1219     list-style-position:inside;
1220 }
1221
1222 .dialog button,
1223 .dialog a.approve {
1224     background: #fff none;
1225     border: 1px outset #999999;
1226     border-top-color: #666;
1227     border-left-color: #666;
1228     color: #000;
1229     margin : .4em;
1230     padding : .4em;
1231     white-space: pre-line;
1232 }
1233
1234 .dialog button:hover,
1235 .dialog a.approve:hover {
1236     background-color : #ffc;
1237 }
1238
1239 .dialog button:active,
1240 .dialog a.approve:active {
1241     border : 1px inset #999999;
1242 }
1243
1244 .dialog a.approve {
1245     display: inline-block;
1246 }
1247
1248 .approve i.fa,
1249 .success i.fa {
1250     color: green;
1251 }
1252
1253 .deny i.fa {
1254     color: #cc0000;
1255 }
1256
1257 .new i.fa {
1258     color: #425FAF;
1259 }
1260
1261 a.document {
1262         background-position : left middle;
1263         background-repeat : no-repeat;
1264     display: inline-block;
1265     min-height: 20px;
1266         padding-left : 20px;
1267 }
1268
1269 a.pdf {
1270     background-image: url("../img/famfamfam/silk/page_white_acrobat.png");
1271 }
1272
1273 a.csv {
1274     background-image: url("../img/famfamfam/silk/page_white_excel.png");
1275 }
1276
1277 a.xml {
1278     background-image: url("../img/famfamfam/silk/page_white_code.png");
1279 }
1280
1281 a.cartRemove {
1282     color: #cc3333;
1283     font-size : 90%;
1284     margin : 0;
1285     padding: 0;
1286 }
1287
1288 a.incart {
1289     color: #666;
1290 }
1291
1292 div.message {
1293         background: #ffffff; /* Old browsers */
1294         background: -moz-linear-gradient(top, #ffffff 0%, #f4f6fa 2%, #eaeef5 23%, #e8edf6 94%, #cddbf2 100%); /* FF3.6+ */
1295         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+ */
1296         background: -webkit-linear-gradient(top, #ffffff 0%,#f4f6fa 2%,#eaeef5 23%,#e8edf6 94%,#cddbf2 100%); /* Chrome10+,Safari5.1+ */
1297         background: -o-linear-gradient(top, #ffffff 0%,#f4f6fa 2%,#eaeef5 23%,#e8edf6 94%,#cddbf2 100%); /* Opera11.10+ */
1298         background: -ms-linear-gradient(top, #ffffff 0%,#f4f6fa 2%,#eaeef5 23%,#e8edf6 94%,#cddbf2 100%); /* IE10+ */
1299     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeef5', endColorstr='#cddbf2',GradientType=0 ); /* IE6-9 */
1300         background: linear-gradient(top, #ffffff 0%,#f4f6fa 2%,#eaeef5 23%,#e8edf6 94%,#cddbf2 100%); /* W3C */
1301         border : 1px solid #bcbcbc;
1302         text-align: center;
1303         width : 55%;
1304 }
1305
1306 div.message ul,
1307 div.message h5 {
1308         padding-left : 25%;
1309         text-align : left;
1310 }
1311
1312 div.message ul+h4 {
1313         margin-top : .7em;
1314 }
1315
1316 div.note {
1317     background: #f4f6fa;
1318     background: -moz-linear-gradient(top, #f4f6fa 0%, #e8edf6 100%); /* FF3.6+ */
1319     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f6fa), color-stop(100%,#e8edf6)); /* Chrome,Safari4+ */
1320     background: -webkit-linear-gradient(top, #f4f6fa 0%,#e8edf6 100%); /* Chrome10+,Safari5.1+ */
1321     background: -o-linear-gradient(top, #f4f6fa 0%,#e8edf6 100%); /* Opera11.10+ */
1322     background: -ms-linear-gradient(top, #f4f6fa 0%,#e8edf6 100%); /* IE10+ */
1323     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f6fa', endColorstr='#e8edf6',GradientType=0 ); /* IE6-9 */
1324     background: linear-gradient(top, #f4f6fa 0%,#e8edf6 100%); /* W3C */
1325     border : 1px solid #BCBCBC;
1326     padding : .5em;
1327     margin : .5em 0;
1328 }
1329
1330 div.note i.fa-exclamation {
1331     color: #cc0000;
1332     font-style: italic;
1333     padding: 0 0.3em;
1334 }
1335
1336  div.results {
1337         padding : .7em 0;
1338  }
1339  
1340  .accesskey {
1341         text-decoration : underline;
1342  }
1343  
1344 label.required,
1345 span.required {
1346     color : #C00;
1347 }
1348
1349 span.required {
1350         font-style : italic;
1351         margin-left : .5em;
1352 }
1353
1354 .missing{
1355     background-color : #FFFFCC;
1356 }
1357
1358 .term {
1359     background-color: #FFC;
1360          color : #990000;
1361 }
1362
1363 a .term {
1364          text-decoration : underline;
1365 }
1366
1367 /* style for shelving location in catalogsearch */
1368 .shelvingloc {
1369     display : block;
1370     font-style : italic;
1371 }
1372
1373 a:hover .term {
1374         color : #FF9090;
1375 }
1376
1377 div#menu {
1378     border-right:1px solid #b9d8d9;
1379         margin-right: .5em;
1380         padding-top: 1em;
1381         padding-bottom: 2em;
1382 }
1383
1384 *html #menu li {
1385         display : inline;
1386 }
1387
1388 div#menu li a {
1389         text-decoration: none;
1390         display: block;
1391
1392               background: #e8f0f6; /* Old browsers */
1393         background: -moz-linear-gradient(left, #e8f0f6 0%, #e8f0f6 96%, #c1c1c1 100%); /* FF3.6+ */
1394     background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e8f0f6), color-stop(96%,#e8f0f6), color-stop(100%,#c1c1c1)); /* Chrome,Safari4+ */
1395     background: -webkit-linear-gradient(left, #e8f0f6 0%,#e8f0f6 96%,#c1c1c1 100%); /* Chrome10+,Safari5.1+ */
1396      background: -o-linear-gradient(left, #e8f0f6 0%,#e8f0f6 96%,#c1c1c1 100%); /* Opera11.10+ */
1397    background: -ms-linear-gradient(left, #e8f0f6 0%,#e8f0f6 96%,#c1c1c1 100%); /* IE10+ */
1398        background: linear-gradient(left, #e8f0f6 0%,#e8f0f6 96%,#c1c1c1 100%); /* W3C */
1399         border-top-left-radius: 5px;
1400         border-bottom-left-radius: 5px;
1401     border:1px solid #b9d8d9;
1402         font-size: 111%;
1403         margin: .5em 0;
1404         padding: .4em .3em;
1405         margin-right :  -1px;
1406 }
1407
1408 div#menu li a:hover {
1409      background: #fff; /* Old browsers */
1410    background: -moz-linear-gradient(left, #FAFAFA 0%, #FAFAFA 96%, #e6e6e6 97%, #cccccc 99%, #c1c1c1 100%); /* FF3.6+ */
1411   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+ */
1412   background: -webkit-linear-gradient(left, #FAFAFA 0%,#FAFAFA 96%,#e6e6e6 97%,#cccccc 99%,#c1c1c1 100%); /* Chrome10+,Safari5.1+ */
1413      background: -o-linear-gradient(left, #FAFAFA 0%,#FAFAFA 96%,#e6e6e6 97%,#cccccc 99%,#c1c1c1 100%); /* Opera11.10+ */
1414    background: -ms-linear-gradient(left, #FAFAFA 0%,#FAFAFA 96%,#e6e6e6 97%,#cccccc 99%,#c1c1c1 100%); /* IE10+ */
1415        background: linear-gradient(left, #FAFAFA 0%,#fff 96%,#e6e6e6 97%,#cccccc 99%,#c1c1c1 100%); /* W3C */
1416     border-left: 1px solid #85CA11;
1417     border-top: 1px solid #85CA11;
1418     border-bottom: 1px solid #85CA11;
1419 }
1420
1421 div#menu li.active a:hover {
1422         background-color: #fff;
1423     color :  #538200;
1424 }
1425
1426 #menu ul li {
1427         list-style-type: none;
1428 }
1429
1430 #menu ul li.active a {
1431         background-color: #FFF;
1432         background-image : none;
1433         font-weight: bold;
1434     color:#000000;
1435     border-left: 1px solid #85CA11;
1436     border-top: 1px solid #85CA11;
1437     border-bottom: 1px solid #85CA11;
1438     border-right: 0;
1439 }
1440
1441 h1#logo {
1442         border:0pt none;
1443         float:left !important;
1444         margin:0;
1445         padding:0;
1446         width:180px;
1447 }
1448 h1#logo {
1449     background: transparent url(../img/koha-logo-medium.png) no-repeat scroll 0%;
1450         margin:0.75em .3em 0.75em .7em;
1451 }
1452
1453 *html h1#logo {
1454         margin : 0.75em .3em 0.75em .3em;
1455 }
1456
1457 h1#logo a {
1458         border:0;
1459         cursor:pointer;
1460         display:block;
1461         height:0px !important;
1462         margin:0;
1463         overflow:hidden;
1464         padding:44px 0 0;
1465         text-decoration:none;
1466         width:180px;
1467 }
1468
1469 #closewindow {
1470         margin-top : 2em;
1471         text-align : center;
1472 }
1473
1474 #closewindow a {
1475         font-weight : bold;     
1476 }
1477
1478 .patroninfo+#menu {
1479         margin-right : 0;
1480 }
1481
1482 .barcode {
1483         font-size :  200%;
1484         vertical-align: middle;
1485 }
1486
1487 li.email {
1488     overflow: hidden;
1489     text-overflow: ellipsis;
1490     white-space: nowrap;
1491 }
1492
1493 .patronbriefinfo li.email {
1494     font-size :  87%;
1495     padding : 0 10px 0 0;
1496     width: 90%;
1497 }
1498
1499 .empty {
1500         color : #CCC;
1501 }
1502
1503 .address {
1504         font-size: 110%;
1505 }
1506
1507 .clearfix:after {
1508     content: "."; 
1509     display: block; 
1510     height: 0; 
1511     clear: both; 
1512     visibility: hidden;
1513 }
1514
1515 /* Hides from IE-mac \*/
1516 * html .clearfix {height: 1%;}
1517 /* End hide from IE-mac */
1518
1519 .title {
1520         font-weight : bold;
1521         font-size : 105%;
1522 }
1523
1524 .hold {
1525         float : right;
1526         font-size: 90%;
1527         margin: 0;
1528 }
1529
1530 .thumbnail {
1531         display : block;
1532         margin : auto;
1533 }
1534
1535 .thumbnails > li {
1536     list-style-type: none;
1537 }
1538
1539 #searchresults ul li {
1540         font-size : 90%;
1541     list-style: url(../img/item-bullet.gif);
1542         padding : .2em 0;
1543         clear : left;
1544 }
1545
1546 #searchresults span.status {
1547         clear : left;
1548         color : #900;
1549         display : block;
1550 }
1551
1552 #searchresults span.unavailable {
1553         clear : left;
1554         display : block;
1555 }
1556
1557 #searchresults .availability strong {
1558         display : block;
1559 }
1560
1561 #searchresults ul li img {
1562         float : left;
1563         margin : 3px 5px 3px -5px;
1564 }
1565
1566 #searchresults table td {
1567         vertical-align : top;
1568 }
1569
1570 #searchheader {
1571      background-color : #E6F0F2;
1572         font-size : 80%;
1573         margin : 0 0 .5em -1px;
1574     padding : .4em 0 .4em 1em;
1575      border-radius : 5px 5px 0 0;
1576    border : 1px solid #B9D8D9;
1577 }
1578
1579 #searchheader .btn-group > .btn:first-child {
1580     margin-left : .7em;
1581 }
1582
1583 #searchheader form {
1584         float : right;
1585   padding : 5px 5px 3px 0;
1586 }
1587
1588 #searchheader form.fz3950 {
1589         float : right;
1590         font-size : 125%;
1591         padding : 0 0 0 5em;
1592 }
1593
1594 #searchheader form.fz3950bigrpad {
1595         float : right;
1596         font-size : 125%;
1597         padding : 5px 25em 0 0;
1598 }
1599
1600 #searchheader .dropdown-menu > li > a {
1601     padding: 2px 10px;
1602 }
1603
1604 #searchheader .dropdown-menu > li > a {
1605     padding: 2px 10px;
1606 }
1607
1608 #searchheader .dropdown-header {
1609     padding: 4px 5px
1610 }
1611
1612 #search-facets ul {
1613         margin : 0;
1614         padding : .3em;
1615 }
1616
1617 #search-facets {
1618     border : 1px solid #B9D8D9;
1619     border-radius: 5px 5px 0 0;
1620 }
1621
1622 #search-facets h4 {
1623      background-color : #E6F0F2;
1624     border-bottom : 1px solid #B9D8D9;
1625      border-radius: 5px 5px 0 0;
1626         font-size : 90%;
1627         margin : 0;
1628         padding : .4em .2em;
1629         text-align : center;
1630 }
1631
1632 #search-facets ul li {
1633         font-weight : bold;
1634         list-style-type : none;
1635 }
1636
1637 #search-facets li li {
1638         font-weight : normal;
1639         font-size : 85%;
1640         margin-bottom : 2px;
1641         padding : .1em .2em;
1642 }
1643
1644 #search-facets li.showmore {
1645         font-weight : bold;
1646         text-indent : 1em;
1647 }
1648
1649 .facet-count {
1650     display: inline-block;
1651 }
1652
1653 div.pages {
1654         margin : .5em 0;
1655 }
1656
1657 div.pages a {
1658         font-weight: bold;
1659         padding: 1px 5px 1px 5px;
1660         text-decoration: none;
1661 }
1662
1663 div.pages a:link,
1664 div.pages a:visited {
1665         background-color : #eeeeee;
1666         color : #3366CC;
1667 }
1668
1669 div.pages a:hover {
1670         background-color : #FFC;
1671 }
1672
1673 div.pages a:active {
1674         background-color : #ffc;
1675 }
1676
1677 div.pages .current,
1678 div.pages .currentPage {
1679         background-color : #e6fcb7;
1680         color : #666;
1681         font-weight: bold;
1682         padding: 1px 5px 1px 5px;
1683 }
1684
1685 div.pages .inactive {
1686         background-color : #f3f3f3;
1687         color : #BCBCBC;
1688         font-weight: bold;
1689         padding: 1px 5px 1px 5px;
1690 }
1691
1692 div.browse {
1693         margin : .5em 0;
1694 }
1695
1696 div#bookcoverimg {
1697         text-align : center;
1698 }
1699
1700 div#header_search input.submit {
1701         font-size : 1em;
1702 }
1703
1704 *html input.submit {
1705         padding : .1em;
1706 }
1707
1708 input[type=submit]:active, input[type=button]:active, button:active, a.submit:active {
1709         border : 1px inset #999999;
1710 }
1711
1712 input[type=submit], input[type=reset], input[type=button], input.submit, button, a.submit {
1713         border: 1px outset #999999;
1714         border-top-color: #666;
1715         border-left-color: #666;
1716         padding: 0.25em;
1717         background: #ffffff; /* Old browsers */
1718         background: -moz-linear-gradient(top, #ffffff 0%, #f7f7f7 35%, #e0e0e0 100%); /* FF3.6+ */
1719         background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(35%,#f7f7f7), color-stop(100%,#e0e0e0)); /* Chrome,Safari4+ */
1720         background: -webkit-linear-gradient(top, #ffffff 0%,#f7f7f7 35%,#e0e0e0 100%); /* Chrome10+,Safari5.1+ */
1721         background: -o-linear-gradient(top, #ffffff 0%,#f7f7f7 35%,#e0e0e0 100%); /* Opera11.10+ */
1722         background: -ms-linear-gradient(top, #ffffff 0%,#f7f7f7 35%,#e0e0e0 100%); /* IE10+ */
1723         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */
1724         background: linear-gradient(top, #ffffff 0%,#f7f7f7 35%,#e0e0e0 100%); /* W3C */
1725         color: #333333;
1726 }
1727
1728 input[type=submit]:disabled,
1729 input[type=reset]:disabled,
1730 input[type=button]:disabled,
1731 input.submit:disabled,
1732 button:disabled,
1733 a.submit:disabled {
1734     color : #999;
1735     border : 1px solid #C0C0C0;
1736     background : #EEE none;
1737 }
1738
1739 input[type=reset]:active, input[type=button]:active, input.submit:active, button:active, a.submit:active {
1740         border : 1px inset #999999;
1741 }
1742
1743 a.submit {
1744     display: inline-block;
1745 }
1746
1747 ul li input.submit {
1748         font-size : 87%;
1749         padding : 2px;
1750 }
1751
1752 input.warning {
1753     background: #FFF url(../img/famfamfam/silk/error.png) no-repeat 4px center;
1754         padding : 0.25em 0.25em 0.25em 25px;
1755 }
1756
1757 .searchhighlightblob {
1758     font-size:75%;
1759         font-style : italic;
1760 }
1761
1762 #displayexample {
1763         padding: 5px; 
1764         margin-bottom: 10px;
1765         background-color: #CCCCCC;
1766 }
1767
1768 #irregularity_summary {
1769         vertical-align : top;
1770 }
1771
1772 ul#toplevelmenu {
1773     padding : 0;
1774 }
1775
1776 table > caption span.actions {
1777     font-size: 66%;
1778     font-weight : normal;
1779     margin : 0 .5em 0 0;
1780 }
1781
1782 #CheckAll, #CheckNone, #CheckPending {
1783         font-weight : normal;
1784         margin : 0 .5em 0 0;
1785 }
1786 .lost,.dmg,.wdn {
1787         display : block;
1788         color : #990000;
1789 }
1790 .datedue {
1791         display : block;
1792         color : #999;
1793         font-style : italic;
1794 }
1795
1796 tr.reserved td {
1797         background-color : #eeffd4;
1798 }
1799 tr.transfered td {
1800         background-color : #e8f0f6;
1801 }
1802 .waitinghere,
1803 .credit {
1804         color : #669900;
1805 }
1806
1807 /* Permissions Labels */
1808 label.permissioncode:before {
1809         content: "(";
1810 }
1811 label.permissioncode:after {
1812         content: ")";
1813 }
1814 label.permissioncode {
1815         font-style : italic;
1816 }
1817 span.permissiondesc {
1818         font-weight : normal;
1819 }
1820 #mainuserblock {
1821         border : 1px solid #E8E8E8;
1822         margin-top : .5em;
1823         padding : .5em;
1824 }
1825
1826 .labeledmarc-table {
1827         border: 0;
1828 }
1829
1830 .labeledmarc-label {
1831         border: 0;
1832         padding: 5;
1833         font-size: 11pt;
1834     color: #000000;
1835     font-style: italic;
1836 }
1837
1838 .labeledmarc-value {
1839         border: 0;
1840         padding: 5;
1841         font-size: 10pt;
1842         color: black;
1843 }
1844
1845 #marcPreview table { border: 0; margin: .7em 0 0 0; font-family: monospace; font-size: 95%; }
1846 #marcPreview th { background-color : #FFF; border: 0; white-space: nowrap; text-align:left; vertical-align: top; padding: 2px; }
1847 #marcPreview td { border: 0; padding : 2px; vertical-align: top; }
1848 #marcPreview tbody tr:nth-child(2n+1) td { background-color: #FFF; }
1849 #marcPreview .modal-dialog { width: 80%; }
1850 @media (max-width: 767px) { #marcPreview { margin: 0; width : auto; } }
1851
1852 #cartDetails {
1853         background-color : #FFF;
1854         border: 1px solid #739acf;
1855          box-shadow: 1px 1px 3px 0 #666;
1856         color : black;
1857         display : none;
1858         margin : 0;
1859         padding : 10px;
1860         text-align : center;
1861         width : 180px;
1862         z-index : 50;
1863 }
1864 #cartmenulink {
1865     background: transparent url("../img/cart-small.gif") left center no-repeat;
1866         padding-left : 15px;
1867 }
1868 #cartmenulink span#basketcount span {
1869         display : inline;
1870         font-size : 90%;
1871         font-weight : normal;
1872         padding : 0;
1873 }
1874 #moremenu {
1875         display : none;
1876 }
1877
1878 .results_summary {
1879   display: block;
1880   font-size : 85%; 
1881   color: #707070;
1882   padding : 0 0 .5em 0;
1883 }
1884 .results_summary .label {
1885   color: #202020;
1886 }
1887 .results_summary a {
1888   font-weight: normal;
1889 }
1890
1891 ul.budget_hierarchy {
1892     margin-left: 0px;
1893     padding-left: 0px;
1894 }
1895 ul.budget_hierarchy li {
1896     display: inline;
1897 }
1898 ul.budget_hierarchy li:after {
1899     content: " -> ";
1900 }
1901 ul.budget_hierarchy li:last-child:after {
1902     content: "";
1903 }
1904 ul.budget_hierarchy li:first-child:after {
1905     content: "";
1906 }
1907 .child_fund_amount {
1908     font-style: italic;
1909 }
1910 .number_box { font-size : 105%; line-height : 200%; }
1911 .number_box a {
1912         border : 1px solid #a4bedd;
1913         background-color : #e4ecf5;
1914         font-weight : bold;
1915         border-radius: 4px;
1916         padding : .1em .4em;
1917         text-decoration : none;
1918 }
1919 .number_box a:hover { background-color : #ebeff7; }
1920 .container {
1921         border : 1px solid #EEE;
1922         padding : 1em;
1923         margin : 1em 0;
1924 }
1925 fieldset.rows+h3 {clear:both;padding-top:.5em;}
1926
1927 .import_export{
1928     position:relative;
1929 }
1930 .import_export .import_export_options{
1931     background: white;
1932     border: 1px solid #CDCDCD;
1933     left: 60px;
1934     padding: 10px;
1935     position: absolute;
1936     top: 0;
1937     z-index: 1;
1938     width: 300px;
1939 }
1940 .import_export_options fieldset.rows li label {
1941     width : 16em;
1942 }
1943 .form_import fieldset.rows li label {
1944     width : auto;
1945 }
1946
1947 .import_export_options .export_ok {
1948     padding: 10;
1949     background: #E3E3E3 none;
1950     cursor: pointer;
1951     margin-left: 20px;
1952     border: none;
1953 }
1954 .import_export_options {
1955     padding: 10;
1956     background: #E3E3E3 none;
1957     cursor: pointer;
1958     margin-left: 20px;
1959     border: none;
1960 }
1961 .form_import .input_import {
1962     border: 1px solid #bcbcbc;
1963 }
1964 .import_export_options .importing {
1965     padding: inherit;
1966     background: none;
1967 }
1968
1969 .importing {
1970     position: relative;
1971 }
1972
1973 .importing .importing_msg {
1974     padding-left: 10px;
1975     padding-bottom: 10px;
1976 }
1977
1978 .field_hint {
1979     color: grey;
1980     font-style: italic;
1981     padding-left: 1em;
1982 }
1983
1984 .m880 {
1985     display:block; 
1986     text-align:right; 
1987     float:right; 
1988     width:50%; 
1989     padding-left:20px
1990 }
1991
1992 .advsearch {
1993     margin: 0;
1994 }
1995
1996 .advsearch table {
1997     border-spacing : 5px;
1998     border-collapse : separate;
1999     border-width : 0;
2000 }
2001 .advsearch td {
2002     border : 1px solid #EEE;
2003     padding : 0.3em 0.4em;
2004 }
2005 #circ_circulation_issue {
2006     position: relative;
2007     }
2008
2009 #clearscreen {
2010     position: absolute;
2011     top:0;
2012     right:0;
2013     }
2014
2015 #clearscreen a {
2016     display:block;
2017     border-radius: 0 0 0 5px;
2018     padding : 0 .7em .2em .7em;
2019     background-color : #EEE;
2020     color : #CCC;
2021     text-shadow: 0px -1px 0px #666;
2022     text-decoration: none;
2023     font-size: 160%;
2024     font-weight : bold
2025     }
2026 #clearscreen a:hover {
2027     color : #cc0000;
2028     }
2029
2030 div.pager {
2031         background-color : #E8E8E8;
2032         border : 1px solid #BCBCBC;
2033     border-radius : 5px;
2034         display : inline-block;
2035         font-size : 85%;
2036         padding : .3em .5em .3em .5em;
2037         margin : .4em 0;
2038 }
2039 div.pager img {
2040         vertical-align : middle;
2041 }
2042
2043 div.pager img.last {
2044         padding-right: 5px;
2045 }
2046 div.pager input.pagedisplay {
2047         border : 0;
2048         background-color : transparent;
2049         font-weight: bold;
2050         text-align : center;
2051 }
2052 a.localimage img {
2053         border : 1px solid #0000CC;
2054         margin : 0 .5em;
2055         padding : .3em;
2056 }
2057
2058 .no-image {
2059     background-color : #FFF;
2060     border: 1px solid #AAA;
2061     color : #979797;
2062     display:block;
2063     font-size : 86%;
2064     font-weight : bold;
2065     text-align : center;
2066     width : 75px;
2067     border-radius : 3px;
2068 }
2069
2070 div.pager p {
2071         margin: 0;
2072 }
2073
2074 div#acqui_order_supplierlist > div.supplier {
2075     border: 1px solid #EEEEEE;
2076     margin: 0.5em;
2077     padding: 1em;
2078 }
2079
2080 div#acqui_order_supplierlist > div.supplier > span.suppliername {
2081     display: inline;
2082     font-size: 1.7em;
2083     margin-bottom: 0.5em;
2084 }
2085
2086 div#acqui_order_supplierlist > div.supplier > span.action {
2087     margin-left: 5em;
2088 }
2089
2090 div#acqui_order_supplierlist > div.supplier > div.baskets {
2091     margin-top: 0.5em;
2092 }
2093
2094 .supplier-contact-details {
2095     float: left;
2096 }
2097
2098 #add-contact {
2099     margin: 0 0 8px 8px;
2100 }
2101
2102 #contact-template {
2103     display: none;
2104 }
2105
2106 /* Override core jQueryUI widgets */
2107 .ui-widget-content { border: 1px solid #B9D8D9; background: #ffffff none; color: #222222; }
2108 .ui-widget-header { border: 1px solid #B9D8D9; background: #E6F0F2 none; color: #222222; font-weight: bold; }
2109 .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; }
2110 .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; }
2111 .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; }
2112 .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #FED22F; background: #FFF4C6; color: #363636; }
2113 .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec; color: #cd0a0a; }
2114
2115 /* Override jQuery Autocomplete */
2116 .ui-autocomplete {
2117     position: absolute;
2118     cursor: default;
2119     box-shadow: 2px 2px 2px rgba(0,0,0,.3);
2120 }
2121 .ui-autocomplete.ui-widget-content .ui-state-hover {
2122     border: 1px solid #B9D8D9;
2123     background: #E6F0F2 none;
2124     font-weight: normal;
2125     color: #212121;
2126 }
2127 .ui-autocomplete-loading {
2128     background: #FFF url("../img/spinner-small.gif") right center no-repeat;
2129 }
2130
2131 /* jQuery UI standard tabs */
2132 .ui-menu li {
2133     list-style:none;
2134 }
2135
2136 .ui-tabs-nav .ui-tabs-active a,
2137 .ui-tabs-nav a:hover,
2138 .ui-tabs-nav a:focus,
2139 .ui-tabs-nav a:active,
2140 .ui-tabs-nav span.a {
2141     background: none repeat scroll 0 0 transparent;
2142     outline: 0 none;
2143 }
2144
2145 .ui-tabs .ui-tabs-nav li.ui-tabs-active {
2146     background-color : #FFF;
2147     border : 1px solid #B9D8D9;
2148     border-bottom-width: 0;
2149 }
2150
2151 .ui-widget,
2152 .ui-widget input,
2153 .ui-widget select,
2154 .ui-widget textarea,
2155 .ui-widget button {
2156     font-family : inherit;
2157     font-size : inherit;
2158 }
2159 ul.ui-tabs-nav li {
2160     list-style : none;
2161 }
2162 .ui-tabs.ui-widget-content {
2163     background : transparent none;
2164     border : 0;
2165 }
2166
2167 .ui-tabs .ui-tabs-panel {
2168     border : 1px solid #B9D8D9;
2169 }
2170 .ui-tabs-nav.ui-widget-header {
2171     border : 0;
2172     background : none;
2173 }
2174 .ui-tabs .ui-tabs-nav li {
2175     background: #E6F0F2 none;
2176     border: 1px solid #B9D8D9;
2177     margin-right : .4em;
2178     top: 1px;
2179 }
2180 .ui-tabs .ui-tabs-nav li.ui-tabs-active a {
2181     color : #000;
2182     font-weight : bold;
2183 }
2184
2185 .ui-tabs .ui-tabs-nav li.ui-state-default.ui-state-hover {
2186     background : #EDF4F5 none;
2187 }
2188
2189 .ui-tabs .ui-tabs-nav li.ui-tabs-active.ui-state-hover {
2190     background : #FFF none;
2191 }
2192
2193 .ui-tabs .ui-state-default a,
2194 .ui-tabs .ui-state-default a:link,
2195 .ui-tabs .ui-state-default a:visited {
2196     color: #004D99;
2197 }
2198
2199 .ui-tabs .ui-state-hover a,
2200 .ui-tabs .ui-state-hover a:link,
2201 .ui-tabs .ui-state-hover a:visited {
2202     color: #538200;
2203 }
2204
2205 .statictabs ul {
2206     background: none repeat scroll 0 0 transparent;
2207     border: 0 none;
2208     margin: 0;
2209     padding: 0.2em 0.2em 0;
2210     border-bottom-right-radius: 4px;
2211     border-bottom-left-radius: 4px;
2212     border-top-right-radius: 4px;
2213     border-top-left-radius: 4px;
2214     color: #222222;
2215     font-weight: bold;
2216     font-size: 100%;
2217     line-height: 1.3;
2218     list-style: none outside none;
2219     outline: 0 none;
2220     text-decoration: none;
2221 }
2222
2223 .statictabs ul:after {
2224     clear: both;
2225 }
2226
2227 .statictabs ul:before,
2228 .statictabs ul:after {
2229     content: "";
2230     display: table;
2231 }
2232
2233 .statictabs ul li {
2234     background: none repeat scroll 0 0 #E6F0F2;
2235     border: 1px solid #B9D8D9;
2236     border-bottom: 0 none;
2237     border-top-right-radius: 4px;
2238     border-top-left-radius: 4px;
2239     float: left;
2240     list-style: none outside none;
2241     margin-bottom: 0;
2242     margin-right: 0.4em;
2243     padding: 0;
2244     position: relative;
2245     white-space: nowrap;
2246     top: 1px;
2247     color: #555555;
2248     font-weight: normal;
2249
2250 }
2251
2252 .statictabs ul li.active {
2253     background-color: #FFFFFF;
2254     color: #212121;
2255     font-weight: normal;
2256     padding-bottom: 1px;
2257 }
2258
2259 .statictabs ul li a {
2260     color: #004D99;
2261     cursor: pointer;
2262     float: left;
2263     padding: 0.5em 1em;
2264     text-decoration: none;
2265 }
2266
2267 .statictabs ul li a:hover {
2268     background-color : #EDF4F5;
2269     border-top-right-radius: 4px;
2270     border-top-left-radius: 4px;
2271     color : #538200;
2272 }
2273
2274 .statictabs ul li.active a {
2275     color: #000000;
2276     font-weight: bold;
2277     cursor: text;
2278     background: none repeat scroll 0 0 transparent;
2279     outline: 0 none;
2280     top : 1px;
2281 }
2282
2283 .statictabs .tabs-container {
2284     border: 1px solid #B9D8D9;
2285     background: none repeat scroll 0 0 transparent;
2286     display: block;
2287     padding: 1em 1.4em;
2288     border-bottom-right-radius: 4px;
2289     border-bottom-left-radius: 4px;
2290     color: #222222;
2291 }
2292
2293 /* jQuery UI header search box tabs */
2294 #header_search ul.ui-tabs-nav {
2295     padding-top : 0;
2296     margin-left: 1em;
2297 }
2298 #header_search ul.ui-tabs-nav li.ui-state-default {
2299     border: 0;
2300     background : transparent none;
2301     top: 0;
2302 }
2303 #header_search ul.ui-tabs-nav li.ui-state-default a {
2304     padding : .3em .6em;
2305 }
2306 #header_search ul.ui-tabs-nav li.ui-tabs-active {
2307     border : 1px solid #85CA11;
2308     border-top-width: 0;
2309     top: -2px;
2310     background-color : #FFFFF1;
2311 }
2312 #header_search ul.ui-tabs-nav li.ui-tabs-active a {
2313     text-decoration: none;
2314 }
2315 #header_search .ui-corner-top {
2316      border-radius: 0 0 4px 4px;
2317 }
2318
2319 #header_search > div,
2320 #header_search > ul > li {
2321     display: none;
2322 }
2323 #header_search > div:first-of-type,
2324 #header_search > ul > li:first-of-type {
2325     display: block;
2326 }
2327
2328 .authref {
2329     font-style: normal;
2330     text-indent: 4em;
2331 }
2332
2333 .seefrom, .seealso {
2334     font-style: italic;
2335     text-indent: 2em;
2336 }
2337
2338 #authfinderops {
2339     float: right;
2340 }
2341 div.authorizedheading {
2342   font-weight: bold;
2343 }
2344 .authres_notes, .authres_seealso, .authres_otherscript {
2345   padding-top: 3px;
2346 }
2347 .authres_notes {
2348   font-style: italic;
2349 }
2350
2351
2352 .contents {
2353     width: 75%;
2354 }
2355
2356 .contentblock {
2357     position: relative;
2358     margin-left: 2em;
2359 }
2360
2361 .contents .t:first-child:before {
2362     content: "→ ";
2363 }
2364
2365 .contents .t:before {
2366     content: "\A→ ";
2367     white-space: pre;
2368 }
2369
2370 .contents .t {
2371     font-weight: bold;
2372     display: inline;
2373 }
2374
2375 .contents .r {
2376     display: inline;
2377 }
2378
2379 #hierarchies a {
2380     font-weight: normal;
2381     text-decoration: underline;
2382     color: #069;
2383 }
2384
2385 #hierarchies a:hover {
2386     color: #990033;
2387 }
2388
2389 #didyoumeanopac, #didyoumeanintranet {
2390     float: left;
2391     width: 260px;
2392 }
2393
2394 .pluginlist {
2395     padding-bottom: 10px;
2396 }
2397 .plugin {
2398     margin: 0 1em 1em 0;
2399 }
2400 .pluginname {
2401     cursor: move;
2402     margin: 0.3em;
2403     padding-bottom: 4px;
2404     padding-left: 0.2em;
2405     background-color: #E6F0F2;
2406 }
2407 .pluginname .ui-icon {
2408     float: right;
2409 }
2410 .plugindesc {
2411     padding: 0.4em;
2412 }
2413 .ui-sortable-placeholder {
2414     border: 1px dotted black;
2415     visibility: visible !important;
2416     height: 80px !important;
2417 }
2418 .ui-sortable-placeholder * {
2419     visibility: hidden;
2420 }
2421
2422 /* jQuery UI Datepicker */
2423 .ui-datepicker table {
2424     width: 100%;
2425     font-size: .9em;
2426     border : 0;
2427     border-collapse: collapse;
2428     margin:0 0 .4em;
2429 }
2430
2431 .ui-datepicker th {
2432     background : transparent none;
2433     padding: .7em .3em;
2434     text-align: center;
2435     font-weight: bold;
2436     border: 0;
2437 }
2438
2439 .ui-datepicker-trigger {
2440     vertical-align: middle;
2441     margin : 0 3px;
2442 }
2443 .ui-datepicker {
2444     box-shadow: 1px 1px 3px 0 #666;
2445 }
2446
2447 /* css for timepicker */
2448 .ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
2449 .ui-timepicker-div dl { text-align: left; }
2450 .ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
2451 .ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
2452 .ui-timepicker-div td { font-size: 90%; }
2453 .ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
2454 .ui_tpicker_second,
2455 .ui_tpicker_millisec,
2456 .ui_tpicker_microsec {
2457     display: none;
2458 }
2459
2460 /* jQuery UI Accordion */
2461 .ui-accordion-header,
2462 .ui-widget-content .ui-accordion-header {
2463     font-weight: bold; font-size : 110%;
2464 }
2465
2466 fieldset.rows.ui-accordion-content {
2467     border-top-left-radius: 0;
2468     border-top-right-radius: 0;
2469     margin: 0;
2470     padding: 0;
2471     width: auto;
2472 }
2473
2474 fieldset.rows.ui-accordion-content table {
2475     margin : 0;
2476 }
2477
2478 video {
2479     width: 480px;
2480 }
2481
2482 /* Bootstrap overrides */
2483 button,
2484 .btn {
2485     border-color : #ADADAD #ADADAD #949494;
2486     font-family: arial,helvetica,clean,sans-serif;
2487 }
2488
2489 .btn-xs, .btn-group-xs > .btn {
2490     font-size: 10.5px;
2491     padding: 3px 5px;
2492 }
2493
2494 .btn.btn-link {
2495     border : 0;
2496 }
2497
2498 #toolbar .dropdown-menu,
2499 .btn-toolbar .dropdown-menu {
2500     font-size: 13px;
2501 }
2502 a.btn:link,
2503 a.btn:visited{
2504     color: #333333;
2505 }
2506
2507 a.btn-link:link,
2508 a.btn-link:visited {
2509     color: #004d99;
2510 }
2511
2512 a.btn-link:hover {
2513     color : #538200;
2514 }
2515
2516 .dropdown-menu {
2517     font-size: 12px;
2518 }
2519
2520 .dropdown-menu li {
2521     list-style: none outside none;
2522 }
2523
2524 a.dropdown-toggle {
2525     white-space: nowrap;
2526 }
2527
2528 .dropdown-menu > li > a {
2529     padding: 4px 20px;
2530 }
2531
2532 .dropdown-menu > li > a:hover,
2533 .dropdown-menu > li > a:focus {
2534     text-decoration: none;
2535     color: #ffffff;
2536     background-color: #0081c2;
2537     background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
2538     background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
2539     background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
2540     background-image: -o-linear-gradient(top, #0088cc, #0077b3);
2541     background-image: linear-gradient(to bottom, #0088cc, #0077b3);
2542     background-repeat: repeat-x;
2543     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
2544 }
2545
2546 .dropdown-header {
2547     border-top: 1px solid #EEE;
2548     color: #000;
2549     font-weight: bold;
2550 }
2551
2552 a.disabled {
2553     color : #999999;
2554 }
2555
2556 .navbar {
2557     color: #333;
2558     min-height: 20px;
2559 }
2560
2561 #header.navbar {
2562     margin-bottom: 0;
2563 }
2564
2565 #header.navbar-default {
2566     background: #e6f0f2;
2567     box-shadow: none;
2568     border: none;
2569 }
2570
2571 #changelanguage .navbar-text {
2572     margin: 0;
2573 }
2574
2575 #changelanguage .navbar-text span {
2576    display: block;
2577    line-height: 20px;
2578 }
2579
2580 #changelanguage .dropdown-menu > li > a,
2581 #changelanguage .dropdown-menu > li > span {
2582     padding: 5px 15px;
2583 }
2584
2585 .navbar .nav > li > a, .loggedout {
2586     color: #004D99;
2587     font-weight: bold;
2588     padding : .4em .2em;
2589 }
2590
2591 .navbar .nav > li {
2592     list-style: none outside none;
2593     padding : 0 .6em;
2594 }
2595
2596 .navbar .nav > li > a:focus,
2597 .navbar .nav > li > a:hover {
2598     color: #538200;
2599 }
2600
2601 .navbar-static-top .navbar-inner {
2602     background: #E6F0F2 none;
2603     border: 0;
2604     box-shadow: none;
2605     min-height: 0;
2606     padding-left: 0;
2607 }
2608 .navbar-fixed-bottom .navbar-inner {
2609     min-height: 0;
2610     padding : .4em 0;
2611 }
2612
2613 .navbar-fixed-bottom .nav > li > a {
2614     font-weight: normal;
2615     padding : .05em .3em;
2616 }
2617
2618 .navbar-fixed-bottom .nav > li {
2619     border-right : 1px solid #CCC;
2620 }
2621
2622 .navbar-fixed-bottom .nav > li:last-child {
2623     border-right : 0;
2624 }
2625
2626 .navbar-fixed-bottom .nav > li.navbar-text {
2627     line-height: normal;
2628     padding : 0.4em 0.7em;
2629 }
2630 .navbar .nav > li {
2631     list-style: none outside none;
2632     padding : 0 .6em;
2633 }
2634 .navbar .nav > li > a {
2635     color: #004D99;
2636     font-weight: bold;
2637     padding : .4em .3em;
2638 }
2639
2640 .navbar .nav > li > a:focus,
2641 .navbar .nav > li > a:hover {
2642     color: #538200;
2643 }
2644
2645 .navbar .nav li.dropdown.open > .dropdown-toggle:focus,
2646 .navbar .nav li.dropdown.active > .dropdown-toggle:focus,
2647 .navbar .nav li.dropdown.open.active > .dropdown-toggle:focus {
2648     background: #e6f0f2 none;
2649     box-shadow: none;
2650 }
2651
2652 .tooltip.bottom .tooltip-arrow {
2653     border-bottom-color: #EEE;
2654 }
2655 .tooltip.bottom .tooltip-inner {
2656     background-color : #FFF;
2657     border: 1px solid rgba(0, 0, 0, 0.2);
2658     box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
2659     color: #000;
2660     padding : 1em;
2661     font-size : 120%;
2662 }
2663 .separator { color : #666; padding : 0 .2em; }
2664
2665 .close {
2666     position: inherit;
2667     top: auto;
2668     right : auto;
2669     filter : none;
2670     float : none;
2671     font-size: inherit;
2672     font-weight: normal;
2673     line-height: 1.5;
2674     opacity: inherit;
2675     text-shadow: none;
2676 }
2677
2678 .close:hover {
2679     color: inherit;
2680     filter: inherit;
2681     font-size: inherit;
2682     opacity: inherit;
2683 }
2684
2685 a.close:hover {
2686     color: #538200;
2687 }
2688
2689 .radio label, .checkbox label {
2690     margin-left: 20px;
2691     padding-left: 0;
2692 }
2693
2694 .radio input[type="radio"],
2695 .checkbox input[type="checkbox"] {
2696     position: relative;
2697     margin-left: 0;
2698 }
2699
2700 .modal-body {
2701     background-color: #FFF;
2702     overflow-y: auto;
2703 }
2704
2705 .modal-content {
2706     background-color : #EDF4F6;
2707 }
2708
2709 /* Redefine a new style for Bootstrap's class "close" since we use that already */
2710 /* Use <a class="closebtn" href="#">&times;</a> */
2711 .alert .closebtn{position:relative;top:-2px;right:-21px;line-height:20px;}
2712 .modal-header .closebtn{margin-top: 4px;}
2713 .closebtn{float: right;font-size: 21px;font-weight: bold;line-height: 1;color: #000;text-shadow: 0 1px 0 #fff;filter: alpha(opacity=20);opacity: .2;}.closebtn:hover,.closebtn:focus{color:#000;text-decoration:none;cursor:pointer;opacity:0.5;filter:alpha(opacity=50);}
2714 button.closebtn{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;}
2715
2716 .modal-body {
2717     overflow-y: auto;
2718 }
2719
2720 .modal-dialog.modal-wide {
2721     width: 80%;
2722 }
2723
2724 .btn-group label,
2725 .btn-group select {
2726     font-size: 13px;
2727 }
2728
2729 .tooltip-inner {
2730     white-space:pre-wrap;
2731 }
2732
2733 pre {
2734     display: block;
2735     padding: 0;
2736     margin: 0;
2737     font-size: inherit;
2738     line-height: inherit;
2739     word-break: break-all;
2740     word-wrap: break-word;
2741     color: inherit;
2742     background-color: transparent;
2743     border: 0;
2744     border-radius: 0;
2745 }
2746
2747 code {
2748     background-color: transparent;
2749     border-radius: 0;
2750     font-size: inherit;
2751     color: inherit;
2752     padding: 0;
2753 }
2754
2755 .pagination > li > a, .pagination > li > span {
2756     font-weight: bold;
2757 }
2758
2759 /* End Bootstrap overrides */
2760
2761 .waiting {
2762     cursor: wait;
2763 }
2764
2765 fieldset.rows table.mceListBox {
2766     margin: 0;
2767 }
2768
2769 #jobpanel,#jobstatus,#jobfailed { display : none; }
2770 #jobstatus { margin:.4em; }
2771
2772 #jobprogress{
2773     display: inline-block;
2774     width:200px;
2775     height:10px;
2776     border:1px solid #666;
2777     background:url('../img/progress.png') -300px 0px no-repeat;
2778  }
2779
2780 .progress_panel {
2781     clear: both;
2782     font-size: 120%;
2783     margin: 1em 0;
2784     padding: 1em;
2785     border: 2px solid #EEE;
2786     border-radius: 5px;
2787 }
2788
2789 progress {
2790     width: 50%;
2791 }
2792
2793 #selections { width : 100%; white-space : normal; }
2794 #selections span { margin:3px;padding:3px;background-color:#EBF3FF;border-radius:5px;white-space:nowrap;line-height:240%;font-size:75%; }
2795 #selections span.selected { background-color : #CCE0FC; }
2796 #selections input { vertical-align:middle;margin:0 2px; }
2797
2798 #changepasswordf input[type="text"],
2799 #changepasswordf input[type="password"] {
2800     font-size: 140%;
2801     font-family : monospace;
2802     padding : .3em;
2803 }
2804
2805 /* Class to be added to toolbar when it starts being fixed at the top of the screen*/
2806
2807 .floating {
2808     box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, .5);
2809 }
2810
2811 div#toolbar.floating,
2812 #searchheader.floating {
2813     border-radius: 0;
2814     margin-top: 0;
2815 }
2816
2817 .inline {
2818     display : inline;
2819 }
2820
2821 .nowrap {
2822     white-space: nowrap;
2823 }
2824
2825 .tag_editor {
2826     background: transparent url("../img/edit-tag.png") top left no-repeat;
2827     display : block;
2828     float : left;
2829     width : 16px;
2830     height: 16px;
2831     margin : 4px;
2832     text-indent: 100%;
2833     white-space: nowrap;
2834     overflow: hidden;
2835 }
2836
2837 .browse-controls {
2838     margin-left: 1.1em;
2839     margin-right: .5em;
2840     padding-bottom: 1em;
2841     padding-top: 1em;
2842 }
2843
2844 #browse-return-to-results {
2845     border-top-left-radius : 3px;
2846     border-top-right-radius : 3px;
2847     display: block;
2848     text-align: center;
2849 }
2850
2851 .browse-button {
2852     color: #004d99;
2853     padding: .4em .6em;
2854     display: inline-block;
2855 }
2856
2857 span.browse-button {
2858     background: #fafafa;
2859     color: #222;
2860 }
2861
2862 .browse-button:hover {
2863     background: #fafafa;
2864 }
2865
2866 .browse-label,
2867 .browse-prev-next {
2868     border: 1px solid #b9d8d9;
2869 }
2870
2871 .browse-label {
2872     border-top-left-radius : 5px;
2873     border-top-right-radius : 5px;
2874     background-color : #e8f0f6;
2875 }
2876
2877 .browse-prev-next {
2878     border-top-width: 0;
2879     border-bottom-left-radius: 5px;
2880     border-bottom-right-radius: 5px;
2881 }
2882
2883 #browse-previous {
2884     border-right : 1px solid #B9D8D9;
2885     border-bottom-left-radius: 5px;
2886     padding-right: 1em;
2887 }
2888
2889 #browse-next {
2890     border-top-width : 0;
2891     border-bottom-right-radius: 5px;
2892     float: right;
2893     padding-right: 1em;
2894 }
2895
2896 .loading-overlay {
2897     background-color: #FFF;
2898     cursor: wait;
2899     height: 100%;
2900     left: 0;
2901     opacity: .7;
2902     position: fixed;
2903     top: 0;
2904     width: 100%;
2905     z-index: 1000;
2906 }
2907 .loading-overlay div {
2908     background : transparent url(../img/loading.gif) top left no-repeat;
2909     font-size : 175%;
2910     font-weight: bold;
2911     height: 2em;
2912     left: 50%;
2913     margin: -1em 0 0 -2.5em;
2914     padding-left : 50px;
2915     position: absolute;
2916     top: 50%;
2917     width: 15em;
2918 }
2919
2920 #merge_invoices {
2921     display: none;
2922     margin: 1em auto;
2923 }
2924
2925 #merge {
2926     margin: 0.5em 0 0 0;
2927 }
2928
2929 #merge_table tr.active td {
2930     background-color: #FFFFCC;
2931 }
2932
2933 .renewals {
2934     display:block;
2935     font-size:0.8em;
2936     padding:0.5em;
2937 }
2938
2939 #transport-types {
2940     padding-top: 0.5px;
2941 }
2942
2943 #i18nMenu .navbar-text .currentlanguage {
2944     color : #000;
2945     font-weight: bold;
2946 }
2947
2948 #i18nMenu a.currentlanguage:link,
2949 #i18nMenu a.currentlanguage:visited {
2950     font-weight: bold;
2951 }
2952
2953 #i18nMenu a .sublanguage-selected {
2954     color: #000;
2955     font-weight: bold;
2956 }
2957
2958 #i18nMenu .dropdown-menu a:hover,
2959 #i18nMenu .dropdown-menu a:focus {
2960 }
2961
2962 #circ_circulation_issue .onsite_checkout-select label,
2963 .onsite_checkout-select label {
2964     font-size : inherit;
2965     font-weight: normal;
2966 }
2967 span.onsite_checkout {
2968     color: #cc0000;
2969 }
2970 .onsite-checkout-only {
2971     background-color : rgba(255, 242, 206, 0.5);
2972     border-radius: 4px;
2973     border : 1px solid #FFF2CE;
2974 }
2975
2976 div.lastchecked {
2977     padding : .2em 1em;
2978     border: 2px solid #BCDB89;
2979     border-bottom-left-radius: 5px;
2980     border-bottom-right-radius: 5px;
2981 }
2982 .branchgriditem {
2983     background-color: #fff;
2984     border: 1px solid #b9d8d9;
2985     border-radius: 3px;
2986     display: table-cell;
2987     float: left;
2988     margin: 3px;
2989     padding: 0.3em;
2990 }
2991 .branchgridrow {
2992     display: table-row;
2993 }
2994 .branchselector {
2995     display: table;
2996 }
2997
2998 .hq-author {
2999     font-weight: bold;
3000 }
3001
3002 div#cn_browser_table_wrapper > table#cn_browser_table {
3003    margin: auto;
3004    width:90%;
3005 }
3006
3007 /* Tools > automatic_item_modification_by_age */
3008 div.rules {
3009     display: block;
3010 }
3011
3012 #new_rule {
3013     display: none;
3014 }
3015
3016 #new_rule, div.rule {
3017     background-color: #F4F8F9;
3018     border: 2px solid #B9D8D9;
3019     border-radius: 5px;
3020     margin: .3em;
3021     padding: .3em;
3022 }
3023
3024 .blocks {
3025     margin-bottom: .3em;
3026 }
3027
3028 .remove_rule {
3029     padding-left: .7em;
3030     font-size: 80%;
3031 }
3032
3033 div[class$="_table_controls"] {
3034     padding: .7em 0;
3035 }
3036
3037 .underline {
3038     text-decoration: underline;
3039 }
3040
3041 .overline {
3042     text-decoration: overline;
3043 }
3044
3045 .order-control {
3046     padding-right: 5px;
3047 }
3048
3049 #borrower_message {
3050     margin-top: 10px;
3051 }
3052
3053 .form-group {
3054    margin-bottom: 10px;
3055 }
3056
3057 .form-group label {
3058     font-weight: bold;
3059 }
3060
3061 .modal-textarea {
3062     width: 98%;
3063 }
3064
3065 fieldset.rows + fieldset.action {
3066     padding-top: 20px;
3067 }
3068
3069 .yui-u .rows li p label.widelabel {
3070     width: auto;
3071 }
3072
3073 #pat_member #patron_list_dialog,
3074 #pat_member #searchresults,
3075 #patron_search #filters {
3076     display: none;
3077 }
3078
3079 #interlibraryloans h1 {
3080     margin: 1em 0;
3081 }
3082
3083 #interlibraryloans h2 {
3084     margin-bottom: 20px;
3085 }
3086
3087 #interlibraryloans h3 {
3088     margin-top: 20px;
3089 }
3090
3091 #interlibraryloans .bg-info {
3092     overflow: auto;
3093     position: relative;
3094 }
3095
3096 #interlibraryloans #search-summary {
3097     -webkit-transform: translateY(-50%);
3098     -ms-transform: translateY(-50%);
3099     -o-transform: translateY(-50%);
3100     transform: translateY(-50%);
3101     position: absolute;
3102     top: 50%;
3103 }
3104
3105 #interlibraryloans .format h5 {
3106     margin-top: 20px;
3107 }
3108
3109 #interlibraryloans .format li {
3110     list-style: none;
3111 }
3112
3113 #interlibraryloans .format h4 {
3114     margin-bottom: 20px;
3115 }
3116
3117 #interlibraryloans .format input {
3118     margin: 10px 0;
3119 }
3120
3121 #interlibraryloans #freeform-fields .custom-name {
3122     width: 9em;
3123     margin-right: 1em;
3124     text-align: right;
3125 }
3126
3127 #interlibraryloans #freeform-fields .delete-new-field {
3128     margin-left: 1em;
3129 }
3130
3131 #interlibraryloans #add-new-fields {
3132     margin: 1em;
3133 }
3134
3135 #interlibraryloans #column-toggle,
3136 #interlibraryloans #reset-toggle {
3137     margin: 15px 0;
3138     line-height: 1.5em;
3139     font-weight: 700;
3140 }
3141
3142 #ill-view-panel {
3143     margin-top: 15px;
3144 }
3145
3146 #ill-view-panel h3 {
3147     margin-bottom: 10px;
3148 }
3149
3150 #ill-view-panel h4 {
3151     margin-bottom: 20px;
3152 }
3153
3154 #ill-view-panel .rows div {
3155     height: 1em;
3156     margin-bottom: 1em;
3157 }
3158
3159 #ill-view-panel #requestattributes .label {
3160     width: auto;
3161 }
3162
3163 table#ill-requests {
3164     width: 100% !important;
3165 }
3166
3167 #helper span {
3168     display: none;
3169 }
3170
3171 #logged-in-info-full {
3172     display: none;
3173 }
3174
3175 .loggedin-menu-label {
3176     color: #777;
3177     font-size: 12px;
3178     line-height: 1.42857143;
3179     padding: 4px 12px;
3180     white-space: nowrap;
3181 }
3182
3183 .loggedin-menu-label.divider {
3184     padding: 0;
3185 }
3186
3187 .loggedin-menu-label span {
3188     color: #000;
3189     font-weight: bold;
3190 }
3191
3192
3193 /* ==== MODULE LINKS - Start ==== */
3194
3195 ul.buttons-list {
3196     /* List containing the module links */
3197     padding: 0px;
3198     margin-bottom:30px;
3199 }
3200
3201 ul.buttons-list li {
3202     /* Standard attributes for the list elements */
3203     list-style-type:none;
3204 }
3205
3206 ul.buttons-list li a.circ-button {
3207     /* Class used for each module link */
3208     display: block;
3209     box-sizing: content-box;
3210     max-width : 260px;
3211     margin: .5em 0;
3212     padding:8px;
3213
3214     border: solid 2px #b9d8d9;
3215     border-radius: 6px;
3216
3217     text-decoration: none;
3218     font-weight: bold;
3219     font-size: 110%;
3220     color: #000000;
3221
3222     background-color:#f4f8f9;
3223     background-position: 5px 3px;
3224     background-repeat:no-repeat;
3225 }
3226
3227 ul.buttons-list li a:hover.circ-button {
3228     /* Class used for each module link hover state */
3229     color: #538200;
3230     border-color: #538200;
3231 }
3232
3233 /* ==== MODULE LINKS - End ==== */
3234
3235
3236
3237 @media (min-width: 200px) {
3238     .navbar-nav > li {
3239         float: left;
3240     }
3241     .navbar-right {
3242         float: right !important;
3243         margin-right: -15px;
3244     }
3245     .navbar-nav {
3246         float: left;
3247         margin: 0;
3248     }
3249
3250     .navbar-nav .open .dropdown-menu.dropdown-menu-left {
3251         position: absolute;
3252         float: left;
3253         left: auto;
3254         right: 0;
3255         width: auto;
3256         background-color: #fff;
3257         border: 1px solid rgba(0,0,0,0.15);
3258         box-shadow: 0 6px 12px rgba(0,0,0,0.175);
3259     }
3260
3261     .navbar-nav .open .dropdown-menu.dropdown-menu-right {
3262         position: absolute;
3263         float: left;
3264         left: ;
3265         right: auto;
3266         width: auto;
3267         background-color: #fff;
3268         border: 1px solid rgba(0,0,0,0.15);
3269         box-shadow: 0 6px 12px rgba(0,0,0,0.175);
3270     }
3271
3272     .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
3273     .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
3274         background-color: #0081c2;
3275         background-image: linear-gradient(to bottom, #0088cc, #0077b3);
3276         background-repeat: repeat-x;
3277         color: #ffffff;
3278         text-decoration: none;
3279     }
3280
3281 }
3282
3283 @media (min-width: 800px) {
3284     #helper span {
3285         display: inline;
3286     }
3287
3288     #helper i {
3289         display: none;
3290     }
3291
3292     #logged-in-info-full {
3293         display: inline;
3294     }
3295
3296     #logged-in-info-brief {
3297         display: none;
3298     }
3299     .loggedin-menu-label {
3300         display: none;
3301     }
3302 }
3303
3304 span.name {
3305     font-weight: bold;
3306     font-style: italic;
3307 }
3308
3309 .result-biblio-itemtype {
3310     float: right;
3311     padding: .5em;
3312     margin: .5em;
3313     font-size: 85%;
3314     text-align: center;
3315 }
3316
3317 .result-biblio-itemtype img {
3318     display: block;
3319     margin: auto;
3320     margin-bottom: 2px;
3321 }