In response to paul's comment: "one user that just tested is confused by the green...
[koha.git] / koha-tmpl / intranet-tmpl / prog / en / css / staff-global.css
1 @import url("../lib/yui/reset-fonts-grids.css");
2
3 a, a:link, a:visited, a:active {
4         color : #0000CC;
5 }
6
7 a:hover {
8         color : #669ACC;
9 }
10
11 body {
12         text-align : left;
13 }
14
15 br.clear {
16         clear : both;
17         line-height : 1px;
18 }
19
20 form {
21         display : inline;
22 }
23
24 h1 {
25         font-size : 161.6%;
26         font-weight : bold;
27 }
28
29 h2 {
30         font-size : 146.5%;
31         font-weight : bold;
32 }
33
34 h3 {
35         font-size : 131%;
36         font-weight : bold;
37 }
38
39 h4 {
40         font-size : 116%;       
41         font-weight : bold;
42 }
43
44 h5 {
45         font-size : 100%;       
46         font-weight : bold;
47 }
48
49 h6 {
50         font-size : 93%;
51         font-weight : bold;
52 }
53
54 h1,h2,h3,h4,h5,h6 {
55         margin : .3em 0;
56 }
57
58 p {
59         margin: .5em 0 .5em 0;
60 }
61
62 strong {
63         font-weight : bold;
64 }
65
66 em {
67         font-style : italic;
68 }
69
70 .subfield-label {
71     font-style : italic;
72 }
73
74 #hd {
75 }
76
77 #navigation {
78         border-right : 1px solid #BCBCBC;
79 }
80
81 #navigation li {
82         font-weight : bold;
83 }
84
85 #navigation li li {
86         font-weight : normal;
87 }
88
89 #navigation input {
90         font-size : 85%;
91 }
92
93 #ft {
94 }
95
96 .yui-u {
97 }
98
99 #doc, #doc1, #doc2, #doc3 {
100         padding-top : 1em;
101 }
102
103 #login   {
104         position : absolute;
105         top : 3px;
106         right : .5em;
107 }
108
109 #login a {
110
111 }
112
113 ul {
114         padding-left : 1.1em;
115 }
116
117 li {
118         
119         list-style-type : disc;
120 }
121
122 li li {
123         list-style-type : circle;
124 }
125
126 #header {
127         background-color : #F3F3F3;
128         border-bottom : 1px solid #E8E8E8;
129 }
130
131 #header:after { /* clearing without presentational markup, IE gets extra treatment */
132     display: block;
133     clear: both;
134     content: " ";
135 }
136
137 #sitetitle {
138 /*      background-image : url("../../img/koha-logo-black.png");
139         background-position : 5px 2px;
140         background-repeat : no-repeat;
141         float : left;
142         height : 54px;
143         padding-left : 50px;*/
144         border-bottom : 1px solid #E8E8E8;
145 }
146
147 #sitetitle h1 {
148         display : inline;
149         line-height : 54px;
150 }
151
152 #sitetitle h1 a {
153         text-decoration : none;
154 }
155
156 #toplevelnav {
157         float : left;
158         line-height : 2em;
159 }
160
161 #submenu {
162         margin : 0 0 .5em 0;
163         padding : 0;
164 }
165
166 #submenu ul {
167         margin : 0;
168         padding : 0;    
169 }
170
171 #submenu ul li {
172         padding-left : 0;
173 }
174
175 /*#toplevelnav ul {
176         margin : 0;
177         padding : 0;
178 }
179
180 #toplevelnav li, #submenu li {
181         display : inline;
182         border-right : 1px solid #E8E8E8;
183         padding : 0 .5em;
184         white-space : nowrap;
185 }
186
187 #toplevelnav li:last-child, #submenu li:last-child {
188         border : 0;
189 }*/
190
191 table {
192         border-collapse : collapse;
193         border-top : 1px solid #BCBCBC;
194         border-right : 1px solid #BCBCBC;
195 }
196
197 td, th {
198         border-bottom : 1px solid #BCBCBC;
199         border-left : 1px solid #BCBCBC;
200         padding : .2em .3em;
201 }
202
203 td {
204         background-color : White;
205 }
206
207 th {
208         background-color : #E8E8E8;
209         font-weight : bold;
210 }
211
212 tr.highlight td, td.highlight {
213         background-color : #F3F3F3;
214 }
215
216 td.od {
217         color : #cc0000;
218         font-weight : bold;
219 }
220
221 tr.warn td {
222         background-color: #FF9090;
223 }
224
225 tr.onissue td {
226         background-color: #FFFFCC;
227 }
228
229 tr.highlight.onissue td {
230         background-color: #FFFFE1;
231 }
232
233 caption {
234         font-size : 153.9%;
235         font-weight : bold;
236 }
237
238 span.problem {
239         background-color : #FFFFCC;
240         color : #990000;
241         font-weight : bold;
242         line-height : 1.7em;
243 }
244
245 fieldset {
246         border : 2px solid #EEEEEE;
247         margin : 1em 1em 1em 0;
248         padding : 1em;
249 }
250
251 legend {
252         font-size : 123.1%;
253         font-weight : bold;
254         margin : 0 0 0 -1em;
255         padding : 0;
256 }
257
258 #breadcrumbs {
259         background-color : #F3F3F3;
260         border-bottom : 1px solid #E8E8E8;
261         clear : both;
262         font-size : 90%;
263         padding :.2em .5em .4em 10px;
264 }
265
266 #header+#breadcrumbs {
267         margin-top : 1em;
268 }
269
270 #commonsearch {
271         display : inline;
272 }
273
274
275 div#header_search {
276         background-position : .5em .5em;
277         background-repeat : no-repeat;
278         float: left;
279         margin: .3em 0 .5em 0;
280 }
281
282 div#header_search input {
283         font-size : 1.3em;
284 }
285
286 div#header_search ul.link-tabs {
287         font-family : Arial, Geneva, sans-serif;
288         margin-bottom : -4px;
289 }
290
291 div#header_search ul.link-tabs li.on a,
292 div#header_search ul.link-tabs li a,
293 div#header_search ul.link-tabs li.off a {
294         padding : 0.1em .5em .2em .5em;
295 }
296
297 div#header_search div.residentsearch {
298         border : 0;
299         border-bottom : 1px solid #FF9900;
300         padding : 0 0 .2em 0;
301 }
302
303 div#reserves,div#checkouts {
304         border : 1px solid #E8E8E8;
305         padding : 1em;
306 }
307
308 div#header_search .tip {
309         font-size: 93%;
310         color : Gray;
311 }
312
313 .ex {
314         font-family : "Courier New", Courier, fixed-width;
315         font-weight : bold;
316 }
317
318 /* ClickMenu Overrides */
319
320 ul#toplevelmenu li {
321         display : inline;
322         list-style: none;
323 }
324
325 ul#toplevelmenu li ul {
326 }
327
328 div.cmDiv
329 {
330         border: 0;
331         background-color: #F3F3F3;
332 }
333
334 .clickMenu li.more a {
335         background-image: url("../../img/more-arrow.gif");
336         background-position: right;
337         background-repeat: no-repeat;
338         padding-right : 13px;
339 }
340
341 .clickMenu li.more li a {
342         background-image : none;
343         padding-right : 0;
344         white-space : nowrap;
345 }
346
347 .clickMenu
348 {
349         margin: 0;
350         padding: 0;
351         cursor: default;
352 }
353 .clickMenu, .clickMenu ul
354 {
355         list-style: none;
356 }
357 .clickMenu ul
358 {
359         margin: 0;
360         padding: 2px;
361         border: 0;
362         background-color: #F3F3F3;
363         min-width: 100px; /* ie doesnt know this :/ */
364         //float: left;/*ie again*/
365         //width: 100%;/*and again*/
366 }
367 .clickMenu div.outerbox
368 {
369         display: none;
370         min-width: 106px; /* firefox produces animation-flickering when the box is bigger than this :/ */
371 }
372 .clickMenu div.inner
373 {
374         //top: 20px; /* for ie */
375         left: 0;
376         margin: 0;
377 }
378 .clickMenu div.inner div.outerbox
379 {
380         margin: 0;
381         left: 98px;
382         //left: 90px; /* for ie */
383         top: -3px;
384 }
385 .clickMenu li
386 {
387         list-style-type : none;
388         position: relative;
389         padding: 0 20px 0 2px;
390         /*white-space: nowrap; does not really work in ie */
391 }
392 .clickMenu li.main
393 {
394         float: left;
395         padding: 0 10px;
396         background-color: #F3F3F3;
397         //height: 20px; /* for ie */
398 }
399 .clickMenu li.main li
400 {
401         z-index: 2;
402         min-width: 78px;
403 }
404 .clickMenu li.hover
405 {
406         z-index: 1 !important; /* the hover z-index has to be below the normal one the hovering items may be drawn over a submenu */
407         background-color : transparent;
408 }
409 .clickMenu img.liArrow
410 {
411         position: absolute;
412         right: 5px;
413         top: 0.41em;
414 }
415 .clickMenu ul a {
416         cursor: default;
417 }
418
419 ul.innerBox a {
420         cursor : pointer;
421 }
422
423 ul.innerBox {
424         border: 1px solid #E8E8E8;
425 }
426
427 div.yui-b h5 {
428         font-size : 100%;
429         margin : .5em 0;
430 }
431
432 dt {
433         font-size : 110%;
434         font-weight : bold;
435 }
436
437 dd {
438         padding : .2em;
439         text-indent : 1.5em;
440 }
441
442 div#toolbar {
443         background-color : #F3F3F3;
444         margin-bottom : .7em;
445 }
446
447 ul.toolbar {
448         padding-left : 0;
449 }
450
451 .yui-menu-button  {
452         
453 }
454
455 ul.toolbar li {
456         display : inline;
457         list-style : none;
458 }
459
460 div.patroninfo {
461         margin-top : -.5em;
462 }
463
464 div.patroninfo h5 {
465         border-right :  1px solid #000;
466         margin-bottom : 0;
467         padding-left : -.5em;
468         padding-top : .3em;
469         padding-bottom : .5em;
470 }
471
472 div.patroninfo ul {
473         border-right : 1px solid #000;
474         border-bottom : 0;
475         border-top : 0;
476         padding : 0 0 .5em 0;
477 }
478
479 div.patroninfo ul li, div.patronviews ul li {
480         list-style-type : none;
481 }
482
483 div.patronviews {
484         border-right :  1px solid #000;
485         border-top : 1px solid #000;
486         margin-bottom : .5em;
487         padding : .5em 0 .5em 0;
488 }
489
490 a.member-edit {
491         float : right;
492         background-color : #DBECC8;
493         margin-top : .5em;
494         padding : .3em;
495         text-align : right;
496         text-decoration : none;
497 }
498
499 fieldset.brief {
500         border : 1px solid #E8E8E8;
501 }
502
503 fieldset.brief label {
504         display : block;
505         font-weight : bold;
506         padding : .3em 0;
507 }
508
509 fieldset.brief ol, fieldset.brief li {
510         list-style-type : none;
511 }
512
513 fieldset.brief div.hint, fieldset.rows div.hint {
514         color : #999999;
515         font-size : 95%;
516         margin-bottom : .4em;
517 }
518
519 fieldset.rows {  
520 border-width : 1px;
521 border-bottom : 1px solid black;
522 float : left;
523 font-size : 90%;
524 clear : left;
525 margin: .9em 0 0 0;  
526 padding: 0;
527 width: 100%; 
528 }
529
530 fieldset.rows legend {  
531         margin-left: 1em;
532         font-weight: bold;
533         font-size : 110%;
534 }
535
536 fieldset.rows label, fieldset.rows span.label {  
537         float: left;  
538         font-weight : bold;
539         width: 6em;  
540         margin-right: 1em;  
541         text-align: right;
542 }
543
544 fieldset.rows fieldset {
545         border-width : 1px;
546         margin : 0;
547         padding : .3em;
548 }
549
550 .yui-b fieldset.rows label, .yui-b fieldset.rows span.label {  
551         width: 9em;  
552 }
553
554 .yui-b fieldset.rows div.hint {
555         margin-left : 10.5em;
556 }
557
558 .yui-u fieldset.rows label, .yui-u fieldset.rows span.label {  
559         width: 6em;  
560 }
561
562 .yui-u fieldset.rows div.hint {
563         margin-left : 7.5em;
564 }
565
566 fieldset.rows.left label, fieldset.rows.left span.label {
567         width : 8em;
568         text-align : left;      
569 }
570
571 fieldset.rows ol {  
572 padding: 1em 1em 0 1em;  
573 list-style-type: none;
574 }
575
576 fieldset.rows li {  
577 float : left;
578 clear : left;
579 padding-bottom: 1em;
580 list-style-type: none;
581 width: 100%; 
582 }
583
584 fieldset.rows.left li {
585         padding-bottom : .4em;
586 }
587
588 fieldset.rows li.radio {
589         padding-left: 9em;
590         width : auto;
591 }
592
593 fieldset.rows li.radio label {
594         float : none;
595         width : auto;
596         margin : 0 0 0 1em;
597 }
598
599 fieldset.rows ol.radio label {
600         width : auto;
601         float : none;
602         margin-right : 0;
603 }
604
605 fieldset.rows ol.radio label.radio {
606         float : left;
607         width : 12em;
608         margin-right : 1em;
609 }
610
611 fieldset.rows table {
612         clear : both;
613         margin : 1em 0 0 1em;
614 }
615
616 fieldset.rows td label {
617         float : none;
618         font-weight : normal;
619         width : auto;
620 }
621
622 fieldset.rows label.yesno {
623         float : none;
624         width : auto;
625 }
626
627 fieldset.action, div.action {
628         clear : both;
629         float : none;
630         border : none;
631         margin : 0;
632         padding : 1em 0 .3em 0;
633         width : auto;
634 }
635
636 div.rows {
637 float : left;
638 clear : left;
639 margin: 0 0 0 0;  
640 padding: 0;
641 width: 100%; 
642 }
643
644
645 div.rows span.label {  
646         float: left;  
647         font-weight : bold;
648         width: 9em;  
649         margin-right: 1em;  
650         text-align: left;
651 }
652
653 div.rows ol {  
654 padding: .5em 1em 0 0;  
655 list-style-type: none;
656 }
657
658 div.rows ol li li {
659         border-bottom: 0;
660 }
661
662 div.rows li {
663 border-bottom :  1px solid #EEE;
664 float : left;
665 clear : left;
666 padding-bottom: .2em;
667 padding-top: .1em;
668 list-style-type: none;
669 width: 100%; 
670 }
671
672 a.cancel {
673         padding-left : 1em;
674 }
675
676 fieldset.rows fieldset.action {
677         padding : 1em;
678 }
679
680 fieldset.rows .inputnote {
681         float : left;
682         margin : .5em 0 0 10em;
683 }
684
685 .tabs-nav li {
686         list-style : none;
687 }
688
689 .tabs-nav a, .tabs-nav a span, .tabs-nav span.a {
690    background : none;
691         display : block;
692         padding: .2em .5em .25em .5em;
693 }
694
695 .tabs-nav a, .tabs-nav span.a {
696     z-index : auto;
697 }
698
699 .tabs-nav .tabs-selected a, .tabs-nav .tabs-selected span.a {
700         background-color : #FFFFCC;
701         border-top: 1px solid #FFFFCC;
702         border-right: 1px solid #FF9900;
703         border-bottom: 1px solid #FF9900;
704         border-left: 1px solid #FFCC66;
705         font-weight : bold;
706         text-align : center;
707         text-decoration : none;
708         top : -1px;
709 }
710
711 .tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active, .tabs-nav span.a {
712     background-position : inherit;
713     outline: 0; /* prevent dotted border in Firefox */
714 }
715 .tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active, .tabs-nav span.a {
716     background-position: inherit;
717 }
718
719 .tabs-nav .tabs-selected a:hover {
720         color : #0000CC;
721 }
722
723 .tabs-nav li.tabs-selected {
724         background-color : #FFFFCC;
725 }
726
727 .tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active, .tabs-nav span.a {
728          background : none;
729     outline: 0; /* prevent dotted border in Firefox */
730 }
731
732 .tabs-container {
733     border-top: 0;
734     padding : inherit;
735     background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
736 }
737 .tabs-loading em {
738     padding: inherit;
739     background: none;
740 }
741 .toptabs {
742         margin-top : 1em;
743 }
744
745 .toptabs .tabs-nav a, .toptabs .tabs-nav span.a {
746     top: 0;
747  }
748
749 .toptabs .tabs-nav li {
750         margin-right : .5em;
751 }
752
753 .toptabs .tabs-nav li a, .toptabs .tabs-nav li span.a {
754         background-color : #F3F3F3;
755         border-top : 1px solid #E8E8E8;
756         border-left : 1px solid #E8E8E8;
757         border-right : 1px solid #E8E8E8;
758         border-bottom : 0;
759         text-align : center;
760         text-decoration : none;
761 }
762
763 .toptabs .tabs-nav li.tabs-selected  {
764         background-color : #FFF;
765 }
766
767 .toptabs .tabs-nav li.tabs-selected a, .toptabs .tabs-nav li.tabs-selected span.a {
768         background-color : #FFF;
769         border-top : 1px solid #E8E8E8;
770         border-left : 1px solid #E8E8E8;
771         border-right : 1px solid #E8E8E8;
772         border-bottom : 1px solid #FFF;
773         margin-bottom : -5px;
774         text-align : center;
775 }
776
777 .toptabs.numbered .tabs-nav li {
778         min-width : 3em;
779 }
780
781 .toptabs .tabs-container {
782         border : 1px solid #E8E8E8;
783         padding : 1em;
784 }
785
786 .checkedout {
787         color : #999999;
788         font-style : italic;
789 }
790
791 .subfield_not_filled {
792         background-color : #FFFF99;
793 }
794 .content_hidden {
795     visibility:hidden; /* you propably don't need to change this one */
796     display:none;
797 }
798
799 /* the property for the displayed tab */
800 .content_visible {
801     visibility:visible; /* you propably don't need to change this one */
802     display:block;
803 }
804 #newbiblio a, #addchild a, #newentry a, #newshelf a, #newmenuc .first-child, #newsupplier .first-child, #newlabel a, #newtemplate a, #newbatch a, #newsubscription a, #newdictionary a, #neworder a {
805         padding-left : 34px;
806         background-image: url("../../img/toolbar-new.gif");
807         background-position : center left;
808         background-repeat : no-repeat;
809 }
810
811 #changepassword a {
812         padding-left : 34px;
813         background-image: url("../../img/toolbar-password.gif");
814         background-position : center left;
815         background-repeat : no-repeat;
816 }
817
818 #manageorders a {
819         padding-left : 34px;
820         background-image: url("../../img/toolbar-orders.gif");
821         background-position : center left;
822         background-repeat : no-repeat;
823 }
824
825
826 #savemenuc .first-child, #addbiblio .first-child {
827         padding-left : 34px;
828         background-image: url("../../img/toolbar-save.gif");
829         background-position : center left;
830         background-repeat : no-repeat;
831 }
832
833 #editpatron a, #editmenuc .first-child, #editshelf a, #edit a, #editsupplier a {
834         padding-left : 34px;
835         background-image: url("../../img/toolbar-edit.gif");
836         background-position : center left;
837         background-repeat : no-repeat;
838 }
839
840 #duplicate a {
841         padding-left : 34px;
842         background-image: url("../../img/toolbar-duplicate.gif");
843         background-position : center left;
844         background-repeat : no-repeat;
845 }
846
847 #receive a {
848         padding-left : 34px;
849         background-image: url("../../img/toolbar-receive.gif");
850         background-position : center left;
851         background-repeat : no-repeat;
852 }
853
854 #renew a {
855         padding-left : 34px;
856         background-image: url("../../img/toolbar-renew.gif");
857         background-position : center left;
858         background-repeat : no-repeat;
859 }
860
861 #deletebiblio button, #deletebiblio a, #deletepatron a, #deleteshelf .first-child, #delete a {
862         padding-left : 34px;
863         background-image: url("../../img/toolbar-delete.gif");
864         background-position : center left;
865         background-repeat : no-repeat;
866 }
867
868 #z3950search .first-child {
869         padding-left : 34px;
870         background-image: url("../../img/toolbar-search.gif");
871         background-position : center left;
872         background-repeat : no-repeat;
873 }
874 #printbiblio button, #printbiblio a, #printmenuc .first-child {
875         padding-left : 34px;
876         background-image: url("../../img/toolbar-print.gif");
877         background-position : center left;
878         background-repeat : no-repeat;
879 }
880
881 #addtoshelf button, #addtoshelf a {
882         padding-left : 34px;
883         background-image: url("../../img/toolbar-add-to-shelf.gif");
884         background-position : center left;
885         background-repeat : no-repeat;
886 }
887
888 #placehold a {
889         padding-left : 34px;
890         background-image: url("../../img/toolbar-hold.gif");
891         background-position : center left;
892         background-repeat : no-repeat;
893 }
894
895 #editmenuc .first-child, #deleteshelf .first-child,#newmenuc .first-child, #addbiblio .first-child, #z3950search .first-child, #printmenuc .first-child, #newsupplier .first-child, #savemenuc .first-child {
896         padding-left : 15px;
897 }
898
899 div.error {
900         border : 2px dashed #990000;
901         background-color : #FFFF99;
902         padding : .5em;
903         margin : 1em;
904 }
905
906 ol.bibliodetails {
907         float: left;
908         margin : 0 0 1em 1em;
909 }
910
911 ol.bibliodetails li {
912         border-bottom: 1px solid #E8E8E8;
913         list-style-type : none;
914         padding : .1em;
915 }
916
917 ol.bibliodetails span.label {
918         border-right : 1px solid #E8E8E8;
919         float : left;
920         font-weight: bold;
921         width: 12em;  
922         margin-right: 1em;  
923 }
924
925 ol.bibliodetails span.listgroup {
926         font-weight: bold;
927         font-style: oblique;
928 }
929
930 div.sysprefs h3 {
931         margin : .2em 0 .2em .4em;
932 }
933
934 div.sysprefs dl {
935         margin-left : 1.5em;
936 }
937
938 div.sysprefs div.hint {
939         width : 25%;
940         float : right;
941         padding : .5em;
942         margin : .7em;
943 }
944
945 tr.highlight td {
946         background-color : #F6F6F6;
947 }
948
949 tr.highlight th[scope=row] {
950         background-color : #DDDDDD;
951 }
952
953 tr.confirm td, tr.confirm.highlight td {
954         background-color : #ffbfbf;
955 }
956
957 #circ_circulation_issue label {
958         font-size: 105%;
959         font-weight : bold;
960 }
961
962 #circ_circulation_issue div.hint {
963         color : #666666;
964         margin: .2em 0;
965 }
966
967 tr.expired td {
968         color : #999999;
969 }
970
971 span.expired {
972         color : #990000;
973         font-style : italic;
974 }
975
976 div.subfield_line {
977         padding-bottom : .3em;
978 }
979
980 div.subfield_line label {
981     font-size:89%;
982     float: left;
983          padding-right : .4em;
984     width: 210px;
985     text-align: left;
986     clear:left;
987 }
988
989 div.help {
990         margin: .9em 0 0 0;  
991 }
992
993 .blocker {
994         color : #990000;
995 }
996
997 .circmessage li {
998         list-style : url(../../img/arrow-bullet.gif);
999         margin-bottom : .2em;
1000 }
1001
1002 div.circmessage:first-child {
1003         margin-top : 1em;
1004 }
1005
1006 div.circmessage {
1007         padding: .4em;
1008         margin-bottom : .3em;
1009 }
1010
1011 span.circ-hlt {
1012         color : #cc0000;
1013         font-weight : bold;
1014 }
1015
1016 div.first fieldset {
1017         margin-right : 0;
1018 }
1019
1020 #circ_needsconfirmation {
1021         margin : auto;
1022 }
1023
1024 .dialog {
1025   border: 1px solid #bcbcbc;
1026         padding : .5em;
1027         margin : 1em auto;
1028   width: 65%;
1029   }
1030   
1031 .dialog table {
1032         margin : .5em auto;
1033 }
1034
1035 .dialog table th {
1036         text-align : right;
1037 }
1038
1039 .dialog table td {
1040         text-align : left;
1041 }
1042   
1043 .dialog  h2, .dialog h3, .dialog h4 {
1044         margin : auto;
1045         text-align : center;
1046   }
1047   
1048 .dialog input {
1049         background-color : #FFF;
1050         border : 1px solid #bcbcbc;
1051         margin : .4em;
1052         padding : .4em .4em .4em 25px;
1053  }
1054  
1055 .dialog input.approve {
1056         background : #FFF url(../../img/approve.gif) no-repeat 4px center;
1057         padding : .4em .4em .4em 25px;  
1058  }
1059
1060 .dialog input.deny {
1061         background : #FFF url(../../img/deny.gif) no-repeat 4px center;
1062         padding : .4em .4em .4em 25px;
1063  }
1064
1065 .dialog input.save {
1066         background: #fff url(../../img/toolbar-save.gif) no-repeat 4px center;
1067         padding: .4em .4em .4em 34px;
1068 }
1069  
1070 .dialog input.edit {
1071         background: #fff url(../../img/toolbar-edit.gif) no-repeat 4px center;
1072         padding: .4em .4em .4em 34px;
1073 }
1074
1075 .dialog input:hover {
1076         background-color : #ffc;
1077  }
1078  
1079 div.alert {
1080   background : #FFC url(../../img/alert-bg.gif) repeat-x left 0;
1081   text-align : center;
1082 }
1083
1084 div.alert strong {
1085         color : #900;
1086 }
1087
1088 div.message {
1089         background : white url("../../img/message-bg.gif") repeat-x left 0;
1090    border : 1px solid #bcbcbc;
1091         width : 55%;
1092 }
1093
1094 div.message input.approve {
1095         display : block;
1096         margin: auto;
1097 }
1098  
1099  div.results {
1100         padding : .7em 0;
1101  }
1102  
1103  .accesskey {
1104         text-decoration : underline;
1105  }
1106  
1107  #changelanguage {
1108         background-color : #F3F3F3;
1109         border-top : 1px solid #E8E8E8;
1110         font-size : 93%;
1111         margin-top : 2em;
1112         padding : .3em .5em .5em .5em;
1113  }
1114  
1115  #changelanguage ul {
1116         margin : 0;
1117         padding : 0;
1118  }
1119  
1120  #changelanguage li {
1121         border-left : 1px solid #CCC;
1122         display : inline;
1123         list-style : none;
1124         padding : 0 .5em;
1125  }
1126  
1127  #changelanguage li:first-child {
1128         border-left : 0;
1129  }
1130  
1131 .required {
1132     color : #C00;
1133 }
1134
1135 span.required {
1136         font-style : italic;
1137 }
1138
1139 .term {
1140     background-color: #FFC;
1141          color : #990000;
1142 }
1143
1144 a .term {
1145          text-decoration : underline;
1146 }
1147
1148 a:hover .term {
1149         color : #FF9090;
1150 }
1151
1152 div#menu {
1153         border-right: 1px solid #000;
1154         margin-right: .5em;
1155         padding-top: 1em;
1156         padding-bottom: 2em;
1157 }
1158
1159 div#menu li a {
1160         text-decoration: none;
1161         display: block;
1162         background : #EEE url(../../img/side-tab-gradient.gif) repeat-y top right;
1163         border: 1px solid #000;
1164         font-size: 111%;
1165         margin: .5em 0;
1166         padding: .4em .3em;
1167         margin-right :  -1px;
1168 }
1169
1170 div#menu li a:hover {
1171         background : #E8F0F6 url(../../img/side-tab-gradient-hover.gif) repeat-y top right;
1172 }
1173
1174 div#menu li.active a:hover {
1175         background-color: #fff;
1176         color :  #0000CC;
1177 }
1178
1179 #menu ul li {
1180         list-style-type: none;
1181 }
1182
1183 #menu ul li.active a {
1184         background-color: #FFF;
1185         background-image : none;
1186         border-right: 0;
1187         font-weight: bold;
1188 }
1189
1190 ul.error {
1191         background : #ffffcc;
1192         border : 1px solid #ff9090;
1193         margin : .5em;
1194         padding : .5em .5em .5em 1.5em;
1195         width : 75%
1196 }
1197
1198 h1#logo {
1199         border:0pt none;
1200         float:left !important;
1201         margin:0;
1202         padding:0;
1203         width:180px;
1204 }
1205 h1#logo {
1206         background:transparent url(../../img/koha-logo-medium.gif) no-repeat scroll 0%;
1207         border: 0;
1208         margin:0.75em .3em 0.75em .7em;
1209         padding:0;
1210 }
1211
1212 h1#logo a {
1213         border:0;
1214         cursor:pointer;
1215         display:block;
1216         height:0px !important;
1217         margin:0;
1218         overflow:hidden;
1219         padding:44px 0 0;
1220         text-decoration:none;
1221         width:180px;
1222 }
1223
1224 #closewindow {
1225         margin-top : 2em;
1226         text-align : center;
1227 }
1228
1229 #closewindow a {
1230         font-weight : bold;     
1231 }
1232
1233 .patroninfo+#menu {
1234         margin-right : 0;
1235 }
1236
1237 .barcode {
1238         font-size :  200%;
1239 }
1240
1241 .email {
1242 font-size :  87%;
1243 width : 15em;
1244 margin: 0;
1245 padding: 0;
1246 overflow :  hidden;
1247 }
1248
1249 .address {
1250         font-size: 110%;
1251 }
1252
1253 #circ_circulation_issue .date-select label {
1254         font-weight: normal;
1255 }
1256
1257 .clearfix:after {
1258     content: "."; 
1259     display: block; 
1260     height: 0; 
1261     clear: both; 
1262     visibility: hidden;
1263 }
1264
1265 /* Hides from IE-mac \*/
1266 * html .clearfix {height: 1%;}
1267 /* End hide from IE-mac */
1268
1269 .title {
1270         font-weight : bold;
1271         font-size : 105%;
1272 }
1273
1274 .reserve {
1275         float : right;
1276         font-weight : bold;
1277 }
1278
1279 .thumbnail {
1280         display : block;
1281         margin : auto;
1282 }
1283
1284 #searchresults ul li {
1285         list-style : url(../../img/item-bullet.gif);
1286 }
1287
1288 #searchheader {
1289         background-color : #f3f3f3;
1290         font-size : 80%;
1291         margin : 0 0 .5em -1px;
1292         padding : .1em 0 .1em 1em;
1293 }
1294
1295 #searchheader h3 {
1296 }
1297
1298 #searchheader form {
1299         float : right;
1300 }
1301
1302 #search-facets ul {
1303         margin : 0;
1304         padding : .3em;
1305 }
1306
1307 #search-facets {
1308         border : 1px solid #e8e8e8;
1309 }
1310
1311 #search-facets h4 {
1312         background-color : #F3F3F3;
1313         border-bottom : 1px solid #e8e8e8;
1314         font-size : 90%;
1315         margin : 0;
1316         padding : .4em .2em;
1317         text-align : center;
1318 }
1319
1320 #search-facets ul li {
1321         font-weight : bold;
1322         list-style-type : none;
1323 }
1324
1325 #search-facets li li {
1326         font-weight : normal;
1327         font-size : 85%;
1328         margin-bottom : 2px;
1329         padding : .1em .2em;
1330 }
1331
1332 #search-facets li li a {
1333 }
1334
1335 #search-facets li.showmore {
1336         font-weight : bold;
1337         text-indent : 1em;
1338 }
1339
1340 div.pages {
1341         margin-top : .5em;
1342 }
1343
1344 div.pages a {
1345         font-weight: bold;
1346         padding: 1px 5px 1px 5px;
1347         text-decoration: none;
1348 }
1349
1350 div.pages a:link {
1351         background-color : #eeeeee;
1352         color : #3366CC;
1353 }
1354
1355 div.pages a:hover {
1356         background-color : #e8f0f6;
1357 }
1358
1359 div.pages a:active {
1360         background-color : #ffc;
1361 }
1362
1363 div.browse {
1364         margin : .5em 0;
1365 }
1366
1367 div#header_search input.submit {
1368         font-size : 1em;
1369 }
1370
1371 input[type=submit], input[type=button], input.submit {
1372         border: 1px outset #999999;
1373         border-top-color: #666;
1374         border-left-color: #666;
1375         padding: 0.25em;
1376         background : #E8E8E8 url(../../img/button-bg.gif) top left repeat-x;
1377         color: #333333;
1378 }
1379
1380 input[type=submit]:active, input[type=button]:active, input.submit:active {
1381         border : 1px inset #999999;
1382 }