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