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