Bug 5917 : Swapping templates over
[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,.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         font-family: arial, verdana, helvetica, sans-serif;
443 }
444 .yui-menu-button  {
445         
446 }
447
448 a.yuimenuitemlabel-disabled, #disabled a {
449         color: #999;
450 }
451 a.yuimenuitemlabel-disabled:hover, #disabled a:hover {
452         color : #999;
453 }
454 a.highlight_toggle {
455     display : none;
456 }
457
458 ul.toolbar li {
459         display : inline;
460         list-style : none;
461 }
462
463 div.patroninfo {
464         margin-top : -.5em;
465 }
466
467 *html div.patroninfo {
468         margin-right : .5em;
469 }
470
471 div.patroninfo h5 {
472         border-right :  1px solid #000;
473         margin-bottom : 0;
474         padding-left : -.5em;
475         padding-top : .3em;
476         padding-bottom : .5em;
477 }
478
479 div.patroninfo ul {
480         border : 0;
481         border-right : 1px solid #000;
482         border-bottom : 0;
483         border-top : 0;
484         padding : 0;
485         margin : 0;
486 }
487
488 div.patroninfo ul li {
489         margin : 0;
490 }
491
492 div.patroninfo ul li, div.patronviews ul li {
493         list-style-type : none;
494 }
495
496 div.patronviews {
497         border-right :  1px solid #000;
498         border-top : 1px solid #000;
499         margin-bottom : .5em;
500         padding : .5em 0 .5em 0;
501 }
502
503 .column-tool {
504         font-size: 80%;
505 }
506
507 fieldset.brief {
508         border : 1px solid #E8E8E8;
509 }
510
511 fieldset.brief label,
512 fieldset.brief span.label {
513         display : block;
514         font-weight : bold;
515         padding : .3em 0;
516 }
517
518 fieldset.brief ol, fieldset.brief li {
519         list-style-type : none;
520 }
521
522 .hint {
523         color : #999999;
524         font-size : 95%;
525 }
526
527 fieldset.brief div.hint, fieldset.rows div.hint, div.yui-u div.hint {
528         font-size : 95%;
529         margin-bottom : .4em;
530 }
531
532 div.yui-b fieldset.brief {
533         padding : .4em .7em;
534 }
535
536 div.yui-b fieldset.brief ol {
537         font-size : 85%;
538         margin : 0;
539         padding : 0;
540 }
541
542 div.yui-b fieldset.brief select {
543         width: 12em;
544 }
545 div.yui-b fieldset.brief li.radio {
546         padding : .7em 0;
547 }
548 div.yui-b fieldset.brief li.radio label,
549 div.yui-b fieldset.brief li.radio span.label {
550         display : inline;
551 }
552
553 div.yui-b fieldset.brief li.radio input {
554         padding:0.3em 0;
555 }
556
557 fieldset.rows {  
558 border-width : 1px;
559 border-bottom : 1px solid #666;
560 float : left;
561 font-size : 90%;
562 clear : left;
563 margin: .9em 0 0 0;  
564 padding: 0;
565 width: 100%; 
566 }
567
568 fieldset.rows legend {  
569         margin-left: 1em;
570         font-weight: bold;
571         font-size : 110%;
572 }
573
574 fieldset.rows label, fieldset.rows span.label {  
575         float: left;  
576         font-weight : bold;
577         width: 6em;  
578         margin-right: 1em;  
579         text-align: right;
580 }
581
582 fieldset.rows fieldset {
583         border-width : 1px;
584         margin : 0 0 .5em 0;
585         padding : .3em;
586 }
587
588 .yui-b fieldset.rows label, .yui-b fieldset.rows span.label {  
589         width: 9em;  
590 }
591
592 .yui-b fieldset.rows div.hint {
593         margin-left : 10.5em;
594 }
595
596 .yui-u fieldset.rows label, .yui-u fieldset.rows span.label {  
597         width: 10em;  
598 }
599
600 .yui-u fieldset.rows div.hint {
601         margin-left : 7.5em;
602 }
603
604 fieldset.rows.left label, fieldset.rows.left span.label {
605         width : 8em;
606         text-align : left;      
607 }
608
609 fieldset.rows ol {  
610 padding: 1em 1em 0 1em;  
611 list-style-type: none;
612 }
613
614 fieldset.rows li {  
615 float : left;
616 clear : left;
617 padding-bottom: 1em;
618 list-style-type: none;
619 width: 100%; 
620 }
621
622 fieldset.rows.left li {
623         padding-bottom : .4em;
624 }
625
626 fieldset.rows li.radio {
627         padding-left: 9em;
628         width : auto;
629 }
630
631 fieldset.rows li.radio label {
632         float : none;
633         width : auto;
634         margin : 0 0 0 1em;
635 }
636
637 fieldset.rows ol.radio label {
638         width : auto;
639         float : none;
640         margin-right : 0;
641 }
642
643 fieldset.rows ol.radio label.radio {
644         float : left;
645         width : 12em;
646         margin-right : 1em;
647 }
648
649 fieldset.rows table {
650         font-size : 105%;
651         clear : both;
652         margin : 1em 0 1em 1em;
653 }
654
655 fieldset.rows td label {
656         float : none;
657         font-weight : normal;
658         width : auto;
659 }
660
661 fieldset.rows label.yesno {
662         float : none;
663         width : auto;
664 }
665
666 fieldset.action, div.action {
667         clear : both;
668         float : none;
669         border : none;
670         margin : 0;
671         padding : 1em 0 .3em 0;
672         width : auto;
673 }
674
675 div.rows {
676 float : left;
677 clear : left;
678 margin: 0 0 0 0;  
679 padding: 0;
680 width: 100%; 
681 }
682
683
684 div.rows span.label {  
685         float: left;  
686         font-weight : bold;
687         width: 9em;  
688         margin-right: 1em;  
689         text-align: left;
690 }
691
692 div.rows ol {  
693 padding: .5em 1em 0 0;  
694 list-style-type: none;
695 }
696
697 div.rows ol li li {
698         border-bottom: 0;
699 }
700
701 div.rows li {
702 border-bottom :  1px solid #EEE;
703 float : left;
704 clear : left;
705 padding-bottom: .2em;
706 padding-top: .1em;
707 list-style-type: none;
708 width: 100%; 
709 }
710
711 a.cancel {
712         padding-left : 1em;
713 }
714
715 fieldset.rows fieldset.action {
716         padding : 1em;
717 }
718
719 fieldset.rows label.inline {
720         display : inline;
721         float : none;
722         margin-left : 1em;
723         width : auto;
724 }
725
726 fieldset.rows .inputnote {
727         clear : left;
728         float : left;
729         margin : .5em 0 0 11em;
730 }
731
732 .ui-tabs-nav li {
733         margin-right : .5em;
734         position : relative;
735         top : -1px;
736 }
737
738 .ui-tabs-nav li.ui-tabs-selected {
739
740 }
741
742 .ui-tabs-nav a, .ui-tabs-nav a span, .ui-tabs-nav span.a {
743    background : none;
744         display : block;
745         padding: .2em .5em .25em .5em;
746 }
747
748 .ui-tabs-nav a, .ui-tabs-nav span.a {
749
750 }
751
752 .ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav .ui-tabs-selected span.a {
753         background-color : #FFFFCC;
754         border-top: 1px solid #FFFFCC;
755         border-right: 1px solid #FF9900;
756         border-bottom: 1px solid #FF9900;
757         border-left: 1px solid #FFCC66;
758         font-weight : bold;
759         text-align : center;
760         text-decoration : none;
761
762 }
763
764 .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 {
765     outline: 0; /* prevent dotted border in Firefox */
766 }
767
768 .ui-tabs-nav .ui-tabs-selected a:hover {
769         color : #0000CC;
770 }
771
772 .ui-tabs-nav li.ui-tabs-selected {
773         background-color : #FFFFCC;
774 }
775
776 .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 {
777          background : none;
778     outline: 0; /* prevent dotted border in Firefox */
779 }
780
781 .tabs-container {
782     border-top: 0;
783     padding : inherit;
784     background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
785 }
786 .tabs-loading em {
787     padding: inherit;
788     background: none;
789 }
790
791 .toptabs {
792         margin-top : 1em;
793 }
794
795 .toptabs .ui-tabs-nav li {
796         margin-right : .5em;
797         position : relative;
798         top : 1px;
799 }
800
801 .toptabs .ui-tabs-nav li a, .toptabs .ui-tabs-nav li span.a {
802         background-color : #F3F3F3;
803         border : 1px solid #E8E8E8;
804         text-align : center;
805         text-decoration : none;
806 }
807
808 .toptabs .ui-tabs-nav li.ui-tabs-selected  {
809
810 }
811
812 .toptabs .ui-tabs-nav li.ui-tabs-selected a, .toptabs .ui-tabs-nav li.ui-tabs-selected span.a {
813         background-color : #FFF;
814         border-bottom : 1px solid #FFF;
815         margin-top : 0;
816 }
817
818 .toptabs .tabs-container {
819         border : 1px solid #E8E8E8;
820         padding : 1em;
821 }
822
823 .checkedout {
824         color : #999999;
825         font-style : italic;
826 }
827
828 .subfield_not_filled {
829         background-color : #FFFF99;
830 }
831 .content_hidden {
832     visibility:hidden; /* you propably don't need to change this one */
833     display:none;
834 }
835
836 /* the property for the displayed tab */
837 .content_visible {
838     visibility:visible; /* you propably don't need to change this one */
839     display:block;
840 }
841 #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 {
842         padding-left : 34px;
843         background-image: url("../../img/toolbar-new.gif");
844         background-position : center left;
845         background-repeat : no-repeat;
846 }
847
848 #changepassword a {
849         padding-left : 34px;
850         background-image: url("../../img/toolbar-password.gif");
851         background-position : center left;
852         background-repeat : no-repeat;
853 }
854
855 #manageorders a {
856         padding-left : 34px;
857         background-image: url("../../img/toolbar-orders.gif");
858         background-position : center left;
859         background-repeat : no-repeat;
860 }
861
862
863 #savemenuc .first-child, #addbiblio .first-child {
864         padding-left : 34px;
865         background-image: url("../../img/toolbar-save.gif");
866         background-position : center left;
867         background-repeat : no-repeat;
868 }
869
870 #editpatron a, #editmenuc .first-child, #editshelf a, #edit a, #editsupplier a, #managelabel a, #managetemplate a, #managelabelbatch a, #manageprofile a {
871         padding-left : 34px;
872         background-image: url("../../img/toolbar-edit.gif");
873         background-position : center left;
874         background-repeat : no-repeat;
875 }
876
877 #duplicate a {
878         padding-left : 34px;
879         background-image: url("../../img/toolbar-duplicate.gif");
880         background-position : center left;
881         background-repeat : no-repeat;
882 }
883
884 #receive a {
885         padding-left : 34px;
886         background-image: url("../../img/toolbar-receive.gif");
887         background-position : center left;
888         background-repeat : no-repeat;
889 }
890
891 #renew a {
892         padding-left : 34px;
893         background-image: url("../../img/toolbar-renew.gif");
894         background-position : center left;
895         background-repeat : no-repeat;
896 }
897
898 #deletebiblio button, #deletebiblio a, #deletepatron a, #deleteshelf .first-child, #delete a {
899         padding-left : 34px;
900         background-image: url("../../img/toolbar-delete.gif");
901         background-position : center left;
902         background-repeat : no-repeat;
903 }
904
905 #z3950search .first-child {
906         padding-left : 34px;
907         background-image: url("../../img/toolbar-search.gif");
908         background-position : center left;
909         background-repeat : no-repeat;
910 }
911 #z3950searcht table {
912         /* 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 */
913         padding: 20px;
914         border: none;
915 }
916 #printbiblio button, #printbiblio a, #printmenuc .first-child {
917         padding-left : 34px;
918         background-image: url("../../img/toolbar-print.gif");
919         background-position : center left;
920         background-repeat : no-repeat;
921 }
922
923 #addtoshelf button, #addtoshelf a {
924         padding-left : 34px;
925         background-image: url("../../img/toolbar-add-to-shelf.gif");
926         background-position : center left;
927         background-repeat : no-repeat;
928 }
929
930 #placehold a,
931 #placehold button,
932 #holdfor .first-child {
933         padding-left : 34px;
934         background-image: url("../../img/toolbar-hold.gif");
935         background-position : center left;
936         background-repeat : no-repeat;
937 }
938
939 #holdfor .first-child { padding-left : 17px; }
940
941 #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 {
942         padding-left : 15px;
943 }
944
945 .error,
946 .error a,
947 .error a:link,
948 .error a:visited {
949        color: #cc0000;
950 }
951
952 div.error {
953         border : 2px dashed #990000;
954         background-color : #FFFF99;
955         padding : .5em;
956         margin : 1em;
957 }
958
959 input.alert {
960         background-color : #FFFF99;
961         border-color: #900;
962 }
963
964 ol.bibliodetails {
965         float: left;
966         margin : 0 0 1em 1em;
967 }
968
969 ol.bibliodetails li {
970         border-bottom: 1px solid #E8E8E8;
971         list-style-type : none;
972         padding : .1em;
973 }
974
975 ol.bibliodetails span.label {
976         border-right : 1px solid #E8E8E8;
977         float : left;
978         font-weight: bold;
979         width: 12em;  
980         margin-right: 1em;  
981 }
982
983 div.listgroup {
984         clear :  left;
985 }
986
987 div.listgroup h4 {
988         font-style: italic;
989 }
990
991 div.listgroup h4 a {
992         font-size :  80%;
993 }
994
995 div.listgroup input {
996         font-size: 80%;
997 }
998
999 div.sysprefs h3 {
1000         margin : .2em 0 .2em .4em;
1001 }
1002
1003 div.sysprefs dl {
1004         margin-left : 1.5em;
1005 }
1006
1007 div.sysprefs div.hint {
1008         width : 25%;
1009         float : right;
1010         padding : .5em;
1011         margin : .7em;
1012 }
1013
1014 tr.highlight td {
1015         background-color : #F6F6F6;
1016         border-color : #BCBCBC;
1017 }
1018
1019 tr.highlight th[scope=row] {
1020         background-color : #DDDDDD;
1021         border-color : #BCBCBC;
1022 }
1023
1024 tr.confirm td, tr.highlight.confirm td {
1025         background-color : #ffbfbf;
1026 }
1027
1028 #circ_circulation_issue label {
1029         font-size: 105%;
1030         font-weight : bold;
1031 }
1032
1033 #circ_circulation_issue div.hint {
1034         color : #666666;
1035         margin: .2em 0;
1036 }
1037
1038 #circ_circulation_issue .date-select {
1039         font-size : 85%;
1040         padding-top : .3em;
1041 }
1042
1043 #circ_circulation_issue .date-select label {
1044         font-size : inherit;
1045         font-weight: normal;
1046 }
1047
1048 #circ_circulation_issue .date-select input {
1049         padding : 1px;
1050 }
1051
1052 tr.expired td {
1053         color : #999999;
1054 }
1055
1056 span.expired {
1057         color : #990000;
1058         font-style : italic;
1059 }
1060
1061 div.help {
1062         margin: .9em 0 0 0;  
1063 }
1064
1065 .blocker {
1066         color : #990000;
1067 }
1068
1069 .circmessage li {
1070         list-style : url(../../img/arrow-bullet.gif);
1071         margin-bottom : .2em;
1072 }
1073
1074 div.circmessage:first-child {
1075         margin-top : 1em;
1076 }
1077
1078 div.circmessage {
1079         padding: 0 .4em .4em .4em;
1080         margin-bottom : .3em;
1081 }
1082
1083 span.circ-hlt {
1084         color : #cc0000;
1085         font-weight : bold;
1086 }
1087
1088 div.first fieldset {
1089         margin-right : 0;
1090 }
1091
1092 #circ_needsconfirmation {
1093         margin : auto;
1094 }
1095
1096 .dialog {
1097   border: 1px solid #bcbcbc;
1098         padding : .5em;
1099         margin : 1em auto;
1100   width: 65%;
1101   }
1102   
1103 .dialog table {
1104         margin : .5em auto;
1105 }
1106
1107 .dialog table th {
1108         text-align : right;
1109 }
1110
1111 .dialog table td {
1112         text-align : left;
1113 }
1114   
1115 .dialog  h2, .dialog h3, .dialog h4 {
1116         margin : auto;
1117         text-align : center;
1118   }
1119   
1120 .dialog input {
1121         background-color : #FFF;
1122         border : 1px solid #bcbcbc;
1123         margin : .4em;
1124         padding : .4em .4em .4em 25px;
1125  }
1126
1127  .dialog input[type="submit"] {
1128         background : #FFF none;
1129  }
1130  
1131 .dialog input.approve, td input.approve {
1132         background : #FFF url(../../img/approve.gif) no-repeat 4px center;
1133         padding : .4em .4em .4em 25px;  
1134  }
1135  
1136 td input.approve {
1137         background-color : #FFC;
1138 }
1139
1140 .dialog input.deny {
1141         background : #FFF url(../../img/deny.gif) no-repeat 4px center;
1142         padding : .4em .4em .4em 25px;
1143  }
1144
1145 .dialog input.save {
1146         background: #fff url(../../img/toolbar-save.gif) no-repeat 4px center;
1147         color:black;
1148         padding: .4em .4em .4em 34px;
1149 }
1150
1151 .dialog input.edit {
1152         background: #fff url(../../img/toolbar-edit.gif) no-repeat 4px center;
1153         color:black;
1154         max-width : 13em;
1155         padding: .4em .4em .4em 34px;
1156         white-space: normal;
1157 }
1158
1159 .dialog input.new {
1160         background: #fff url(../../img/toolbar-new.gif) no-repeat 4px center;
1161         color:black;
1162         max-width : 13em;
1163         padding: .4em .4em .4em 34px;
1164         white-space: normal;
1165 }
1166
1167 .dialog input.print {
1168         background : #FFF url(../../img/print-confirm.gif) no-repeat 4px center;
1169         padding : .4em .4em .4em 25px;  
1170 }
1171
1172 .dialog input:hover {
1173         background-color : #ffc;
1174  }
1175
1176 div.alert {
1177   background : #FFC url(../../img/alert-bg.gif) repeat-x left 0;
1178   text-align : center;
1179 }
1180
1181 div.alert strong {
1182         color : #900;
1183 }
1184
1185 div.dialog {
1186   background : #FFC url(../../img/dialog-bg.gif) repeat-x left 0;
1187   text-align : center;
1188 }
1189
1190 div.message {
1191         background : white url("../../img/message-bg.gif") repeat-x left 0;
1192         border : 1px solid #bcbcbc;
1193         text-align: center;
1194         width : 55%;
1195 }
1196
1197 div.message ul,
1198 div.message h5 {
1199         padding-left : 25%;
1200         text-align : left;
1201 }
1202
1203 div.message ul+h4 {
1204         margin-top : .7em;
1205 }
1206  
1207  div.results {
1208         padding : .7em 0;
1209  }
1210  
1211  .accesskey {
1212         text-decoration : underline;
1213  }
1214  
1215 .required {
1216     color : #C00;
1217 }
1218
1219 span.required {
1220         font-style : italic;
1221 }
1222
1223 .term {
1224     background-color: #FFC;
1225          color : #990000;
1226 }
1227
1228 a .term {
1229          text-decoration : underline;
1230 }
1231
1232 /* style for shelving location in catalogsearch */
1233 .shelvingloc {
1234     display : block;
1235     font-style : italic;
1236 }
1237
1238 a:hover .term {
1239         color : #FF9090;
1240 }
1241
1242 div#menu {
1243         border-right: 1px solid #000;
1244         margin-right: .5em;
1245         padding-top: 1em;
1246         padding-bottom: 2em;
1247 }
1248
1249 *html #menu li {
1250         display : inline;
1251 }
1252
1253 div#menu li a {
1254         text-decoration: none;
1255         display: block;
1256         background : #EEE url(../../img/side-tab-gradient.gif) repeat-y top right;
1257         border: 1px solid #000;
1258         font-size: 111%;
1259         margin: .5em 0;
1260         padding: .4em .3em;
1261         margin-right :  -1px;
1262 }
1263
1264 div#menu li a:hover {
1265         background : #E8F0F6 url(../../img/side-tab-gradient-hover.gif) repeat-y top right;
1266 }
1267
1268 div#menu li.active a:hover {
1269         background-color: #fff;
1270         color :  #0000CC;
1271 }
1272
1273 #menu ul li {
1274         list-style-type: none;
1275 }
1276
1277 #menu ul li.active a {
1278         background-color: #FFF;
1279         background-image : none;
1280         border-right: 0;
1281         font-weight: bold;
1282 }
1283
1284 ul.error {
1285         background : #ffffcc;
1286         border : 1px solid #ff9090;
1287         margin : .5em;
1288         padding : .5em .5em .5em 1.5em;
1289         width : 75%
1290 }
1291
1292 h1#logo {
1293         border:0pt none;
1294         float:left !important;
1295         margin:0;
1296         padding:0;
1297         width:180px;
1298 }
1299 h1#logo {
1300         background:transparent url(../../img/koha-logo-medium.gif) no-repeat scroll 0%;
1301         margin:0.75em .3em 0.75em .7em;
1302 }
1303
1304 *html h1#logo {
1305         margin : 0.75em .3em 0.75em .3em;
1306 }
1307
1308 h1#logo a {
1309         border:0;
1310         cursor:pointer;
1311         display:block;
1312         height:0px !important;
1313         margin:0;
1314         overflow:hidden;
1315         padding:44px 0 0;
1316         text-decoration:none;
1317         width:180px;
1318 }
1319
1320 #closewindow {
1321         margin-top : 2em;
1322         text-align : center;
1323 }
1324
1325 #closewindow a {
1326         font-weight : bold;     
1327 }
1328
1329 .patroninfo+#menu {
1330         margin-right : 0;
1331 }
1332
1333 .barcode {
1334         font-size :  200%;
1335 }
1336
1337 li.email a {
1338         display:block;
1339         overflow:hidden;
1340         width:13em;
1341 }
1342 li.email {
1343         background: #FFF url(../../img/elipsis.gif) right bottom no-repeat;
1344         font-size :  87%;
1345         overflow:hidden;
1346         padding :0 10px 0 0;
1347         width:13em;
1348 }
1349
1350 .empty {
1351         color : #CCC;
1352 }
1353
1354 .address {
1355         font-size: 110%;
1356 }
1357
1358 .clearfix:after {
1359     content: "."; 
1360     display: block; 
1361     height: 0; 
1362     clear: both; 
1363     visibility: hidden;
1364 }
1365
1366 /* Hides from IE-mac \*/
1367 * html .clearfix {height: 1%;}
1368 /* End hide from IE-mac */
1369
1370 .title {
1371         font-weight : bold;
1372         font-size : 105%;
1373 }
1374
1375 .hold {
1376         float : right;
1377         font-size: 90%;
1378         margin: 0;
1379 }
1380
1381 .thumbnail {
1382         display : block;
1383         margin : auto;
1384 }
1385
1386 #searchresults ul li {
1387         font-size : 90%;
1388         list-style : url(../../img/item-bullet.gif);
1389         padding : .2em 0;
1390         clear : left;
1391 }
1392
1393 #searchresults span.status {
1394         clear : left;
1395         color : #900;
1396         display : block;
1397 }
1398
1399 #searchresults span.unavailable {
1400         clear : left;
1401         display : block;
1402 }
1403
1404 #searchresults .availability strong {
1405         display : block;
1406 }
1407
1408 #searchresults ul li img {
1409         float : left;
1410         margin : 3px 5px 3px -5px;
1411 }
1412
1413 #searchresults table td {
1414         vertical-align : top;
1415 }
1416
1417 #searchheader {
1418         background-color : #f3f3f3;
1419         font-size : 80%;
1420         margin : 0 0 .5em -1px;
1421         padding : .1em 0 .1em 1em;
1422 }
1423
1424 /* Hack just for Firefox */
1425 html>/**/body #searchheader button, x:-moz-any-link, x:default {
1426         padding-bottom : 3px;
1427 }
1428
1429 #searchheader h3 {
1430 }
1431
1432 #searchheader form {
1433         float : right;
1434 }
1435
1436 #searchheader form.fz3950 {
1437         float : right;
1438         font-size : 125%;
1439         padding : 0 0 0 5em;
1440 }
1441
1442 #searchheader form.fz3950bigrpad {
1443         float : right;
1444         font-size : 125%;
1445         padding : 5px 25em 0 0;
1446 }
1447
1448 #search-facets ul {
1449         margin : 0;
1450         padding : .3em;
1451 }
1452
1453 #search-facets {
1454         border : 1px solid #e8e8e8;
1455 }
1456
1457 #search-facets h4 {
1458         background-color : #F3F3F3;
1459         border-bottom : 1px solid #e8e8e8;
1460         font-size : 90%;
1461         margin : 0;
1462         padding : .4em .2em;
1463         text-align : center;
1464 }
1465
1466 #search-facets ul li {
1467         font-weight : bold;
1468         list-style-type : none;
1469 }
1470
1471 #search-facets li li {
1472         font-weight : normal;
1473         font-size : 85%;
1474         margin-bottom : 2px;
1475         padding : .1em .2em;
1476 }
1477
1478 #search-facets li li a {
1479 }
1480
1481 #search-facets li.showmore {
1482         font-weight : bold;
1483         text-indent : 1em;
1484 }
1485
1486 div.pages {
1487         margin : .5em 0;
1488 }
1489
1490 div.pages a {
1491         font-weight: bold;
1492         padding: 1px 5px 1px 5px;
1493         text-decoration: none;
1494 }
1495
1496 div.pages a:link,
1497 div.pages a:visited {
1498         background-color : #eeeeee;
1499         color : #3366CC;
1500 }
1501
1502 div.pages a:hover {
1503         background-color : #FFC;
1504 }
1505
1506 div.pages a:active {
1507         background-color : #ffc;
1508 }
1509
1510 div.pages .current,
1511 div.pages .currentPage {
1512         background-color : #e6fcb7;
1513         color : #666;
1514         font-weight: bold;
1515         padding: 1px 5px 1px 5px;
1516 }
1517
1518 div.pages .inactive {
1519         background-color : #f3f3f3;
1520         color : #BCBCBC;
1521         font-weight: bold;
1522         padding: 1px 5px 1px 5px;
1523 }
1524
1525 div.browse {
1526         margin : .5em 0;
1527 }
1528
1529 div#bookcoverimg {
1530         text-align : center;
1531 }
1532
1533 div#header_search input.submit {
1534         font-size : 1em;
1535 }
1536
1537 *html input.submit {
1538         padding : .1em;
1539 }
1540
1541 input[type=submit]:active, input[type=button]:active, button.submit:active {
1542         border : 1px inset #999999;
1543 }
1544
1545 input[type=submit], input[type=reset], input[type=button], input.submit, button.submit {
1546         border: 1px outset #999999;
1547         border-top-color: #666;
1548         border-left-color: #666;
1549         padding: 0.25em;
1550         background : #E8E8E8 url(../../img/button-bg.gif) top left repeat-x;
1551         color: #333333;
1552 }
1553
1554 input[type=reset]:active, input[type=button]:active, input.submit:active, button.submit:active {
1555         border : 1px inset #999999;
1556 }
1557
1558 ul li input.submit {
1559         font-size : 87%;
1560         padding : 2px;
1561 }
1562
1563 input.warning {
1564     background : #FFF url(../../img/famfamfam/silk/error.png) no-repeat 4px center;
1565         padding : 0.25em 0.25em 0.25em 25px;
1566 }
1567
1568 .searchhighlightblob {
1569     font-size:75%;
1570         font-style : italic;
1571 }
1572
1573 a.yuimenuitemlabel:hover {
1574         background-color : #B3D4FF;
1575         color : #000;
1576 }
1577                 
1578 #displayexample {
1579         padding: 5px; 
1580         margin-bottom: 10px;
1581         background-color: #CCCCCC;
1582 }
1583
1584 #irregularity_summary {
1585         vertical-align : top;
1586 }
1587
1588 #toplevelnav {
1589         float : left;
1590         margin-left : .5em;
1591         width : 30em;
1592 }
1593
1594 ul#toplevelmenu {
1595         padding : 0;
1596 }
1597                 
1598 ul#toplevelmenu li {
1599         display: inline;
1600         padding : 0 .6em;
1601 }
1602                 
1603 ul#toplevelmenu li.more a {
1604         background-image:url(../../img/more-arrow.gif);
1605         background-position:right center;
1606         background-repeat:no-repeat;
1607         padding-right:13px;
1608 }
1609                 
1610 ul#toplevelmenu li.more ul li a {
1611         background-image : none;
1612         padding-right : 20px;
1613 }
1614
1615 ul#toplevelmenu li.more ul li a.yuimenuitemlabel {
1616         padding: .2em 20px .2em 20px;
1617 }
1618                 
1619 ul#menu li a, ul#toplevelmenu li a {
1620         text-decoration : none;
1621 }
1622 ul#menu li ul li, ul#toplevelmenu li ul li {
1623         display :block;
1624         padding :0;
1625 }
1626 ul#menu li ul li a, ul#toplevelmenu li ul li a {
1627         text-decoration : none;
1628 }
1629
1630 ul#i18nMenu {
1631         margin : 0;
1632         padding : .2em 0;
1633  }
1634  
1635 ul#i18nMenu li {
1636         border-left : 1px solid #CCC;
1637         display : inline;
1638         list-style : none;
1639         padding : 0 10px;
1640  }
1641  
1642 ul#i18nMenu li:first-child {
1643         border-left : 0;
1644  }
1645  
1646 ul#i18nMenu li ul li {
1647         border : 0;
1648         display : block;
1649         padding : 0;
1650  }
1651  
1652                 
1653 ul#i18nMenu li.more a {
1654         background-image:url(../../img/more-up-arrow.gif);
1655         background-position:right center;
1656         background-repeat:no-repeat;
1657         padding-right:13px;
1658 }
1659                 
1660 ul#i18nMenu li.more ul li a {
1661         background-image : none;
1662         padding-right : 20px;
1663 }
1664  
1665  div#changelanguage{
1666         background-color: #fff;
1667         border-top: 1px solid #CCC;
1668   position:absolute;
1669   bottom:0;
1670   left:0;
1671   width:100%;
1672   height: 2em;
1673  }
1674  
1675  @media screen{
1676   body>div#changelanguage {
1677    position: fixed;
1678   }
1679  }
1680  
1681  * html body{
1682   overflow:hidden;
1683  } 
1684  
1685  * html div#doc1{
1686   height:100%;
1687   overflow:auto;
1688  }
1689   
1690  * html div#doc2{
1691   height:100%;
1692   overflow:auto;
1693  }
1694   
1695  * html div#doc3{
1696   height:100%;
1697   overflow:auto;
1698  }
1699
1700 #CheckAll, #CheckNone, #CheckPending {
1701         font-weight : normal;
1702         margin : 0 .5em 0 0;
1703 }
1704 .lost,.dmg,.wdn {
1705         display : block;
1706         color : #990000;
1707 }
1708 .datedue {
1709         display : block;
1710         color : #999;
1711         font-style : italic;
1712 }
1713 /* Tablesorter */
1714 .header {
1715         background-image:url("../../img/ascdesc.gif");
1716         background-position:right center;
1717         background-repeat:no-repeat;
1718         cursor:pointer;
1719         padding : .2em 23px;
1720 }
1721 .headerSortUp {
1722         background-image:url("../../img/asc.gif");
1723 }
1724 .headerSortDown {
1725         background-image:url("../../img/desc.gif");
1726 }
1727
1728 tr.reserved td {
1729         background-color : #eeffd4;
1730 }
1731 tr.transfered td {
1732         background-color : #e8f0f6;
1733 }
1734 .waitinghere {
1735         color : #669900;
1736 }
1737
1738 /* Permissions Labels */
1739 label.permissioncode:before {
1740         content: "(";
1741 }
1742 label.permissioncode:after {
1743         content: ")";
1744 }
1745 label.permissioncode {
1746         font-style : italic;
1747 }
1748 span.permissiondesc {
1749         font-weight : normal;
1750 }
1751 #mainuserblock {
1752         border : 1px solid #E8E8E8;
1753         margin-top : .5em;
1754         padding : .5em;
1755 }
1756
1757
1758 /* borrower autocomplete */
1759 #borrowerautocomplete { width: 450px; text-align:left;} /* z-index needed on top instances for ie & sf absolute inside relative issue */
1760 .autocomplete .yui-ac-highlight ,
1761 .autocomplete .yui-ac-highlight .sample-result,
1762 .autocomplete .yui-ac-highlight .sample-query { color:#FFF; }
1763 .autocomplete .sample-result { color: black; }
1764 .autocomplete .sample-query { color:#000; }
1765 #findborrower { position:static; width:auto; }
1766 #yborrowercontainer { text-align:left;width:335px; }
1767
1768 /* patron attribues autocomplete for overdues report (pattrodue) */
1769 .pattrodue-autocomplete .pattrodue-result { color: black; }
1770 .pattrodue-autocomplete .yui-ac-highlight .pattrodue-result { color: white; }
1771 .pattrodue-input { position:static; width:auto; }
1772 .pattrodue-container { text-align:left; width:400px; }
1773
1774 .labeledmarc-table {
1775         border: 0;
1776 }
1777
1778 .labeledmarc-label {
1779         border: 0;
1780         padding: 5;
1781         font-size: 11pt;
1782         color: darkblue;
1783 }
1784
1785 .labeledmarc-value {
1786         border: 0;
1787         padding: 5;
1788         font-size: 10pt;
1789         color: black;
1790 }
1791
1792 .hintsClass {
1793     font-family: tahoma, verdana, arial;
1794     font-size: 12px;
1795     background-color: #f0f0f0;
1796     color: #000000;
1797     border: 1px solid #808080;
1798     padding: 5px;
1799 }
1800 .hintSource {
1801     color: green;
1802     text-decoration: underline;
1803     cursor: pointer;
1804 }
1805
1806 h1#pdf {
1807         background:transparent url(../../img/pdficon_large.gif) no-repeat scroll 0%;
1808         border: 0;
1809         margin:0.75em .3em 0.75em .7em;
1810         padding:0;
1811 }
1812
1813 h1#pdf a {
1814         border:0;
1815         cursor:pointer;
1816         display:block;
1817         height:0px !important;
1818         margin:0;
1819         overflow:hidden;
1820         padding:44px 0 0;
1821         text-decoration:none;
1822         width:35px;
1823 }
1824
1825 h1#csv {
1826         background:transparent url(../../img/csv_icon.gif) no-repeat scroll 0%;
1827         border: 0;
1828         margin:0.75em .3em 0.75em .7em;
1829         padding:0;
1830 }
1831
1832 h1#csv a {
1833         border:0;
1834         cursor:pointer;
1835         display:block;
1836         height:0px !important;
1837         margin:0;
1838         overflow:hidden;
1839         padding:44px 0 0;
1840         text-decoration:none;
1841         width:35px;
1842 }
1843
1844 h1#xml {
1845         background:transparent url(../../img/icon_xml.gif) no-repeat scroll 0%;
1846         border: 0;
1847         margin:0.75em .3em 0.75em .7em;
1848         padding:0;
1849 }
1850
1851 h1#xml a {
1852         border:0;
1853         cursor:pointer;
1854         display:block;
1855         height:0px !important;
1856         margin:0;
1857         overflow:hidden;
1858         padding:44px 0 0;
1859         text-decoration:none;
1860         width:35px;
1861 }
1862
1863 #cartDetails {
1864         background-color : #FFF;
1865         border: 1px solid #739acf;
1866          -moz-box-shadow: 1px 1px 3px 0 #666;
1867          -webkit-box-shadow: 1px 1px 3px 0 #666;
1868          box-shadow: 1px 1px 3px 0 #666;
1869         color : black;
1870         display : none;
1871         margin : 0;
1872         padding : 10px;
1873         text-align : center;
1874         width : 180px;
1875         z-index : 50;
1876 }
1877 #cartmenulink {
1878         background: transparent url("../../img/cart-small.gif") 0 3px no-repeat;
1879         padding-left : 15px;
1880 }
1881 #cartmenulink span#basketcount span {
1882         display : inline;
1883         font-size : 90%;
1884         font-weight : normal;
1885         padding : 0;
1886 }
1887 #moremenu {
1888         display : none;
1889 }
1890
1891 .results_summary {
1892   display: block;
1893   font-size : 85%; 
1894   color: #707070;
1895   padding : 0 0 .5em 0;
1896 }
1897 .results_summary .label {
1898   color: #202020;
1899 }
1900 .results_summary a {
1901   font-weight: normal;
1902 }
1903
1904 img.spinner {
1905     vertical-align: middle;
1906     padding-right: 0.3em;
1907 }
1908 #cataloguing_additem_itemlist div {
1909         overflow : scroll;
1910 }
1911 ul.budget_hierarchy {
1912     margin-left: 0px;
1913     padding-left: 0px;
1914 }
1915 ul.budget_hierarchy li {
1916     display: inline;
1917 }
1918 ul.budget_hierarchy li:after {
1919     content: " -> ";
1920 }
1921 ul.budget_hierarchy li:last-child:after {
1922     content: "";
1923 }
1924 ul.budget_hierarchy li:first-child:after {
1925     content: "";
1926 }
1927 .holdcount { font-size : 105%; line-height : 200%; }
1928 .holdcount a { border : 1px solid #a4bedd; background-color : #e4ecf5; font-weight : bold; -moz-border-radius: 4px; padding : .1em .4em; text-decoration : none; }
1929 .holdcount a:hover { background-color : #ebeff7; }
1930 .container {
1931         border : 1px solid #EEE;
1932         padding : 1em;
1933         margin : 1em 0;
1934 }
1935 fieldset.rows+h3 {clear:both;padding-top:.5em;}
1936
1937 .import_export{
1938     position:relative;
1939 }
1940 .import_export .import_export_options{
1941     background: white;
1942     border: 1px solid #CDCDCD;
1943     left: 60px;
1944     padding: 10px;
1945     position: absolute;
1946     top: 0;
1947     z-index: 1;
1948     width: 300px;
1949 }
1950 .import_export_options li{
1951     display: block;
1952     list-style: none;
1953     padding-top: 10px;
1954 }
1955 .import_export_options .import_export_close {
1956     cursor: pointer;
1957     text-decoration: underline;
1958 }
1959 .import_export_options .export_ok {
1960     padding: 10;
1961     background: #E3E3E3 none;
1962     cursor: pointer;
1963     margin-left: 20px;
1964     border: none;
1965 }
1966 .import_export_options .import_ok {
1967     padding: 10;
1968     background: #E3E3E3 none;
1969     cursor: pointer;
1970     margin-left: 20px;
1971     border: none;
1972 }
1973 .form_import .input_import {
1974     border: 1px solid #bcbcbc;
1975 }
1976 .import_export_options .importing {
1977     padding: inherit;
1978     background: none;
1979 }
1980 .li_close_import_export {
1981     text-align: right;
1982 }
1983
1984 .importing {
1985     position: relative;
1986 }
1987
1988 .importing .importing_msg {
1989     padding-left: 10px;
1990     padding-bottom: 10px;
1991 }