Bug 6636 - add 'powered by Koha' text to OPAC footer
[koha.git] / koha-tmpl / opac-tmpl / prog / en / css / opac.css
1 @import url("../lib/yui/reset-fonts-grids.css");
2 @import url("../lib/yui/skin.css");
3
4 a {
5         font-weight : bold;
6 }
7
8 a, a:visited {
9         color : #006699;
10 }
11
12 a:hover,#toolbar input.editshelf:hover,input.editshelf:hover,a.editshelf:hover,input.deleteshelf:hover {
13         color : #990033;
14 }
15
16 body {
17         background-color : white;
18         text-align : left;
19         padding : 0 0 2.5em 0;
20 }
21
22 .required {
23     color : #C00;
24 }
25
26 caption {
27         font-size : 140%;
28         font-weight : bold;
29         line-height : 144%;
30         text-align : left;
31 }
32
33 fieldset {
34         background-color: #FFF;
35         border : 2px solid #EEEEEE;
36         margin : 1em 1em 1em 0;
37         padding : 1em;
38 }
39
40 fieldset.rows {  
41         border-width : 1px;
42         border-bottom : 1px solid black;
43         float : left;
44         font-size : 90%;
45         clear : left;
46         margin: .9em 0 0 0;  
47         padding: 0;
48         width: 100%; 
49 }
50
51 fieldset.rows legend {  
52         margin-left: 1em;
53         font-weight: bold;
54         font-size : 110%;
55 }
56
57 fieldset.rows label, fieldset.rows span.label {
58         float: left;  
59         font-weight : bold;
60         width: 9em;  
61         margin-right: 1em;  
62         text-align: right;
63 }
64
65 fieldset.rows fieldset {
66         border-width : 1px;
67         margin : 0;
68         padding : .3em;
69 }
70
71 fieldset.rows ol {  
72         padding: 1em 1em 0 1em;  
73         list-style-type: none;
74 }
75
76 fieldset.rows li {  
77         float : left;
78         clear : left;
79         padding-bottom: 1em;
80         list-style-type: none;
81         width: 100%; 
82 }
83
84 fieldset.rows.left li {
85         padding-bottom : .4em;
86 }
87
88 fieldset.rows li.radio {
89         padding-left: 9em;
90         width : auto;
91 }
92
93 fieldset.rows li.radio label {
94         float : none;
95         width : auto;
96         margin : 0 0 0 1em;
97 }
98
99 fieldset.rows ol.radio label {
100         width : auto;
101         float : none;
102         margin-right : 0;
103 }
104
105 fieldset.rows ol.radio label.radio {
106         float : left;
107         width : 12em;
108         margin-right : 1em;
109 }
110
111 fieldset.rows table {
112         clear : both;
113         margin-left : 1em;
114 }
115
116 fieldset.rows td label {
117         float : none;
118         font-weight : normal;
119         width : auto;
120 }
121
122 fieldset.holds {
123         background-color : #F3F3F3;
124         border: 0;
125         font-size : 110%;
126         padding : 1px;
127 }
128
129 fieldset.holds ol {
130         margin : 0;
131         padding : 0;
132 }
133
134 fieldset.holds li {
135         background-color : #FFF;
136         border-bottom : 1px solid #F3F3F3;
137         padding : .3em;
138 }
139
140 fieldset.holds label, fieldset.holds span.label {
141
142 }
143
144 fieldset.action {
145         clear : both;
146         float : none;
147         border : none;
148         margin : 0;
149         padding : 1em 0 .3em 0;
150         width : auto;
151 }
152
153 fieldset.action p {
154         margin-bottom : 1em;
155 }
156
157 form {
158         display : inline;
159         margin : 0;
160         padding : 0;
161 }
162
163 h1 {
164         font-size : 138.5%;
165 }
166
167 h1#library {
168         font-size : 100%;
169         font-weight : normal;
170         margin : .2em 0 .2em .5em;
171
172
173
174 h1#libraryname {
175         background:transparent url(../../images/koha-logo.gif) no-repeat scroll 0%;
176         border: 0;
177         float : left !important;
178         margin:0;
179         padding:0;
180         width:120px;
181 }
182
183 h1#libraryname a {
184         border:0;
185         cursor:pointer;
186         display:block;
187         height:0px !important;
188         margin:0;
189         overflow:hidden;
190         padding:40px 0 0;
191         text-decoration:none;
192         width:120px;
193 }
194
195 h1,h2,h3,h4,h5,h6 {
196         font-weight : bold;
197         margin : .5em 0;
198 }
199
200 h2 {
201         font-size : 131%;
202 }
203
204 h5.author {
205 }
206
207 h3 {
208         font-size : 123.1%;
209 }
210
211 h4 {
212         font-size : 116%;
213 }
214
215 h5 {
216         font-size : 108%;
217 }
218
219 h6 {
220         font-size : 100%;
221 }
222
223 input[type=submit], input[type=button], input[type=reset] {
224         background : #b8d0e6 url(../../images/submit-bg.gif) repeat-x 0 0;
225         background-color : #b8d0e6;
226         border-top: 1px solid #cccccc;
227         border-left: 1px solid #cccccc;
228         border-right: 1px solid #eeeeee;
229         border-bottom: 1px solid #eeeeee;
230         color : #333;
231         font-size : 93%;
232         font-weight : bold;
233         padding : 4px;
234 }
235
236 input[type=submit]:active, input[type=button], input[type=reset] {
237         border: 1px inset #666666;
238 }
239
240 td.resultscontrol,
241 .searchresults td.resultscontrol {
242         background-color : #EEE;
243         border : 1px solid #E8E8E8;
244         vertical-align : middle;
245         padding : 3px 3px 5px 5px;
246 }
247
248 table {
249         background-color: #FFF;
250         border-collapse : collapse;
251         margin : 1em 0;
252         border-right : 1px solid #dddddd;
253         border-top : 1px solid #dddddd;
254 }
255
256 td,th {
257         background-color: #FFF;
258         border-left : 1px solid #dddddd;
259         border-bottom : 1px solid #dddddd;
260         padding : 3px 5px;
261 }
262
263 td.place_on_type table,
264 td.place_on_type table td {
265         border : 0;
266 }
267 td caption {
268         font-size : 105%;
269 }
270
271 th {
272         background-color:#EEE;
273         font-weight : bold;
274         padding : 2px 23px;
275         text-align : center;
276 }
277
278 th.sum {
279         text-align: right;
280 }
281
282 td.sum {
283         background-color: #FFC;
284         font-weight: bold;
285 }
286
287 th[scope=row] {
288         text-align : right;
289 }
290
291 tr.highlight td, tr.highlight th, tr.odd td {
292         background-color : #F3F3F3;
293    border-top : 1px solid #DDDDDD;
294    border-bottom : 1px solid #DDDDDD;
295 }
296
297 tr.even td, tr.even.highlight td {
298         background-color: #FFF;
299 }
300
301 tr.grouplabel td {
302         background-color : #E8E8E8;
303         border : 1px solid #DDDDDD;
304         border-right : 1px solid #DDDDDD;
305         text-align : center;
306         font-weight : bold;
307     padding: 10px;
308 }
309
310 tr.reserved td {
311         background-color : #eeffd4;
312 }
313 tr.transfered td {
314         background-color : #e8f0f6;
315 }
316
317 #editions table, #editions td {
318         border : 0;
319 }
320
321 .header {
322         background-image:url("../../images/ascdesc.gif");
323         background-position:right center;
324         background-repeat:no-repeat;
325         cursor:pointer;
326 }
327 .headerSortUp {
328         background-image:url("../../images/asc.gif");
329 }
330 .headerSortDown {
331         background-image:url("../../images/desc.gif");
332 }
333
334 ul {
335         list-style : disc;
336         padding-left : 1em;
337 }
338
339 li {
340         list-style : disc;
341 }
342
343 p.availability {
344         font-size : 87%;
345 }
346
347 .available {
348         color : #006600;
349 }
350
351 .waiting,.intransit,.notforloan,.checkedout,.lost,.notonhold {
352         display : block;
353 }
354 .notforloan {
355         color : #900;
356 }
357 .lost {
358         color : #666;
359 }
360 .waiting {
361         
362 }
363
364 /* "problem" enhancement */
365 .problem {
366         color : white;
367         background-color : red;
368 }
369
370 /* style for search terms in catalogsearch */
371 .term {
372         /* color : blue; */
373     color : #990000;
374     background-color : #FFFFCC;
375 }
376
377 a .term {
378         text-decoration : underline;
379 }
380
381 /* style for shelving location in catalogsearch */
382 .shelvingloc {
383     display : block;
384     font-style : italic;
385 }
386
387 .transfered {
388         background-color : #F9FF9A;
389 }
390
391 /* action buttons */
392 #action {
393         margin-top : .5em;
394         background-color : #F3F3F3;
395         border : 1px solid #E8E8E8;
396         padding-bottom : 3px;
397 }
398
399 #action li {
400         list-style : none;
401         margin : .2em;
402         padding : .3em 0;
403 }
404
405 #action a {
406         background-position : 5px center;
407         background-repeat : no-repeat;
408         text-decoration : none;
409         padding-left : 35px;
410 }
411
412 #action a.print {
413         background-image:url(../../images/print.gif);
414 }
415
416 #action a#furthersearches {
417         background : transparent url(../../images/menu-arrow.gif) no-repeat right center;
418         border : 1px solid #F3F3F3;
419         margin-left : 5px;
420         padding : 2px 26px 2px 10px;
421         text-decoration : none;
422 }
423
424 #action a#furthersearches:hover {
425         border-top : 1px solid #FFF;
426         border-left : 1px solid #FFF;
427         border-right : 1px solid #979797;
428         border-bottom : 1px solid #979797;
429 }
430
431 #action a.reserve,
432 .searchresults a.reserve {
433         background-image:url(../../images/placereserve.gif);
434 }
435
436 #action a.addtoshelf, #toolbar a.addtoshelf {
437         background-image:url(../../images/addtoshelf.gif);
438 }
439
440 #action a.addtocart, #toolbar a.addtocart {
441         background-image:url(../../images/cart2.gif);
442 }
443
444 /* toolbar buttons */
445
446 #toolbar {
447 background-color:#EEEEEE;
448 border:1px solid #E8E8E8;
449 margin : .5em 0;
450 padding:3px 3px 5px 5px;
451 vertical-align:middle;
452 }
453
454 #toolbar a,
455 #toolbar input {
456         white-space : nowrap;
457 }
458
459 #toolbar ul {
460         padding-left : 0;
461 }
462
463 #toolbar ul li {
464         display : inline;
465         list-style : none;
466 }
467
468 #toolbar ul li a {
469         border-left : 1px solid #e8e8e8;
470 }
471
472 #toolbar ul li:first-child a {
473         border-left : 0;
474 }
475
476
477 #toolbar a.print {
478         background: transparent url(../../images/print-small.png) 5px 50% no-repeat;
479         text-decoration : none;
480         padding-left : 23px;
481 }
482
483 #toolbar a.brief {
484         background: transparent url(../../images/brief.gif) 5px 50% no-repeat;
485         text-decoration : none;
486         padding-left : 23px;
487 }
488
489 #toolbar a.detail {
490         background: transparent url(../../images/detail.gif) 5px 50% no-repeat;
491         text-decoration : none;
492         padding-left : 27px;
493 }
494
495 #toolbar a.download {
496         background : transparent url("../../images/download.png") 7px 50% no-repeat;
497         padding-left : 24px;
498         text-decoration : none;
499 }
500
501 #toolbar a.editshelf {
502         background : transparent url("../../images/shelf-edit.gif") 12px 50% no-repeat;
503         padding-left : 26px;
504         text-decoration : none;
505 }
506
507 #toolbar a.empty {
508         background: transparent url(../../images/empty-small.png) 5px 50% no-repeat;
509         text-decoration : none;
510         padding-left : 21px;
511 }
512
513 #toolbar a.hide {
514         background: transparent url(../../images/close.gif) 5px 50% no-repeat;
515         text-decoration : none;
516         padding-left : 26px;
517 }
518
519 #toolbar a.hold {
520         background: transparent url(../../images/place-hold-small.png) 5px 50% no-repeat;
521         text-decoration : none;
522         padding-left : 23px;
523 }
524
525 #toolbar a.newshelf {
526         background : transparent url("../../images/shelf-new.gif") 5px 50% no-repeat;
527         padding-left : 23px;
528         text-decoration : none;
529 }
530
531 #toolbar a.send,
532 a.send {
533         background: transparent url(../../images/send.png) 2px 50% no-repeat;
534         text-decoration : none;
535         padding-left : 28px;
536 }
537
538 #toolbar a.new {
539         background : transparent url("../../images/new.gif") 5px 50% no-repeat;
540         padding-left : 23px;
541         text-decoration : none;
542 }
543
544 #toolbar input.download {
545         background : transparent url("../../images/download.png") 7px 50% no-repeat;
546         border : 0;
547         color : #006699;
548         cursor : pointer;
549         padding-left : 24px;
550         text-decoration : none;
551 }
552
553 #toolbar input.editshelf,
554 input.editshelf {
555         background : transparent url("../../images/shelf-edit.gif") 10px 50% no-repeat;
556         border : 0;
557         color : #006699;
558         cursor : pointer;
559         font-size : 100%;
560         padding-left : 29px;
561         text-decoration : none;
562 }
563
564 #toolbar input.newshelf {
565         background : transparent url("../../images/shelf-new.gif") center left no-repeat;
566         border : 0;
567         color : #006699;
568         cursor : pointer;
569         font-size : 100%;
570         margin: 0 0.5em;
571         padding-left : 15px;
572         text-decoration : none;
573 }
574
575 #toolbar input.deleteshelf,
576 input.deleteshelf {
577         background : transparent url("../../images/shelf-delete.gif") 7px 50% no-repeat;
578         border : 0;
579         color : #006699;
580         cursor : pointer;
581         font-size : 100%;
582         padding-left : 20px;
583 }
584
585 #toolbar input.deleteshelf:hover {
586         color: #990033;
587 }
588
589
590 #toolbar input.editshelf:active,
591 input.editshelf:active,
592 #toolbar input.deleteshelf:active,
593 input.deleteshelf:active {
594         border : 0;
595 }
596
597 #tagsel_span input.submit,
598 #tagsel_tag {
599         background-image: url(../../images/tags-small.png);
600         background-position : 7px center;
601         background-repeat : no-repeat;
602         padding-left : 25px;
603         text-decoration: none;
604 }
605
606 #tagslist li { display : inline; }
607
608 #placehold input.submit:hover,
609 #tagsel_span input.submit:hover {
610         color: #990033;
611 }
612
613 #addto {
614         max-width : 10em;
615 }
616
617 .addto a.addtocart {
618         background-image:url(../../images/cart2.gif);
619         background-position : 9px -3px;
620         background-repeat : no-repeat;
621         text-decoration : none;
622         padding-left : 33px;
623 }
624
625 #placehold input.submit {
626         background-image:url(../../images/placereserve.gif);
627         background-position : 9px center;
628         background-repeat : no-repeat;
629         text-decoration : none;
630         padding-left : 23px;
631 }
632
633 #placehold input.submit,
634 #tagsel_span input.submit {
635         border : 0;
636         background-color: transparent;
637         font-size : 100%;
638         font-weight : bold;
639         padding-left : 31px;
640         color : #336699;
641         cursor : pointer;
642 }
643 .searchresults a.highlight_toggle {
644         background : transparent url(../../images/highlight.gif) -4px center no-repeat;
645         display: none;
646         font-weight: normal;
647         padding : 0 10px 0 21px;
648 }
649
650 /* the itemtype list in advanced search */
651 #advsearch-itemtype table {
652         border-collapse : separate;
653         border-spacing : 3px;
654         border : 0px;
655         margin : 0px;
656         background-color : white;
657         border : 0px solid #D8DEB8;
658 }
659
660 #advsearch-itemtype table tr td {
661         background-color : #F8F8EB;
662         border : 0px;
663         margin : 0px;
664         width : 700px;
665 }
666
667 #advsearch-itemtype td {
668         font-size : 0.8em;
669         background-color : #F8F8EB;
670 }
671
672 body#advsearch #breadcrumbs {
673         line-height : 1px;
674         height : 1px;
675         padding : 0;    
676 }
677
678 body#advsearch #cartmenulink,
679 body#advsearch #listsmenulink {
680         float : right;
681 }
682
683 #advsearch #branchloop,
684 #advsearch #sort_by {
685         width : 23em;
686 }
687
688 #auth {
689         float : left;
690 }
691
692 #facets {
693         
694 }
695
696 /* the footer */
697 #footer {
698         margin-top : 30px;
699         margin-left : 30%;
700         margin-right : 20%;
701         border-top : 1px solid #384b73;
702         color : #384b73;
703         font-size : 1em;
704         text-align : center;
705 }
706
707 /* facets bloc */
708 /* the USER information block */
709 #librarian_information {
710         float : right;
711         font-size : 10pt;
712 }
713
714 #header-wrapper {
715         background-color: #FFF;
716 }
717
718 #holds,#opac-auth {
719         min-width : 750px;
720         width : 57.69em;
721         margin : auto;
722 }
723
724 #members {
725         background-color: #fff;
726         font-size : 85%;
727         margin-left : -10px;
728         margin-right : -10px;
729         padding : 4px 0 4px 0;
730         color : #000066;
731 }
732
733 #members a {
734         text-decoration : none;
735 }
736
737 #members a.logout {
738         color : #cc3333;
739         font-weight : bold;
740         padding : 0 .3em 0 .3em;
741         text-decoration : none;
742 }
743
744 #members li:last-child {
745         border-right : 0;
746 }
747
748 #members li {
749         border-right : 1px solid black;
750         display : inline;
751         list-style : none;
752         margin : 0;
753         padding : 0 .5em;
754 }
755
756 #members ul {
757         margin : 0;
758         padding : 0;
759         text-align : right;
760 }
761
762 #opac-main-search {
763         background-image : url( ../../images/menu-background.gif);
764         background-repeat : repeat-x;
765         background-color : #739ACF;
766         background-position : -10px top;
767         border-top : 1px solid #335599;
768         border-bottom : 1px solid #335599;
769         margin-left : -10px;
770         margin-right : -10px;
771         padding : .7em 0 .4em .5em;
772         font-size : 108%;
773         line-height : 116%;
774 }
775
776 #opac-main-search form {
777         display : inline;
778         padding-right : 1em;
779 }
780
781 #opac-main-search label {
782         color : #FFFFCC;
783         font-weight : bold;
784         margin : .2em .3em 0 0;
785 }
786
787
788 #search-facets ul {
789         margin : 0;
790         padding : .3em;
791 }
792
793 #search-facets {
794         border : 1px solid #e8e8e8;
795 }
796
797 #search-facets h4 {
798         background-color : #EEE;
799         border-bottom : 1px solid #e8e8e8;
800         font-size : 90%;
801         margin : 0;
802         padding : .7em .2em;
803         text-align : center;
804 }
805
806 #search-facets ul li {
807         font-weight : bold;
808         list-style-type : none;
809 }
810
811 #search-facets li li {
812         font-weight : normal;
813         font-size : 85%;
814         margin-bottom : 2px;
815         padding : .1em .2em;
816 }
817
818 #search-facets li li a {
819         font-weight : normal;
820 }
821
822 #search-facets li.showmore a {
823         font-weight : bold;
824         text-indent : 1em;
825 }
826
827 .suggestion {
828         background-color : #EEEEEB;
829         border : 1px solid #DDDED3;
830         margin : 10px auto;
831         padding : 4px;
832         width : 35%;
833 }
834
835 #facets ul {
836         margin : 0;
837         padding : 0;
838 }
839
840 #facets ul li {
841         font-weight : bold;
842         text-align : left;
843         list-style : none;
844 }
845
846 #facets ul ul li {
847         border : 0;
848         font-size : 85%;
849         font-weight : normal;
850         padding : 2px;
851         text-align : left;
852 }
853
854 #facets ul ul li a {
855         font-weight : normal;
856         text-decoration : underline;
857 }
858
859 #facets h4 {
860         font-size : 93%;
861         padding:3px;
862         text-align:center;
863         background-color:#E7E7CA;
864         line-height:1.8em;
865         margin-left:-1px;
866         margin-right:-1px;
867         margin-top:-1px;
868 }
869
870 #breadcrumbs {
871         padding : .7em;
872 }
873
874 p {
875         margin: .7em 0;
876 }
877
878 strong {
879         font-weight : bold;
880 }
881
882 em {
883         font-style : italic;
884 }
885
886
887 table#marc,
888 table#marc td,
889 table#marc th {
890         background-color : transparent;
891         border : 0;
892 }
893
894 table#marc p span.label {
895         font-weight : bold;
896 }
897
898 table#marc p,
899 table#marc ul {
900         padding-bottom: .6em;
901 }
902
903 table#items,
904 table#items td
905 table#items th {
906         border-width : 1px solid #EEE;
907         font-size : 90%;
908 }
909
910
911 table#marc div.results_summary {
912         clear :  left;
913 }
914 table#marc div.results_summary ul {
915         display : inline;
916         float :  none;
917         clear :  none;
918         margin: 0;
919         padding: 0;
920         list-style : none;
921 }
922
923 table#marc div.results_summary ul li {
924         display : inline;
925 }
926
927 #basketcount {
928         display : inline;
929 }
930
931 #bookcover {
932         float : left;
933         margin : 0;
934         padding : 0;
935 }
936
937 #bookcover img {
938         margin : 0 1em 1em 0;   
939 }
940
941 fieldset.brief {
942         border : 1px solid #E8E8E8;
943 }
944
945 fieldset.brief legend {
946         font-weight : bold;
947         font-size : 100%;
948 }
949
950 fieldset.brief label {
951         display : block;
952         padding : .3em 0;
953 }
954
955 fieldset.brief input+input {
956         margin-top : 3px;
957 }
958
959 fieldset.brief input, fieldset.brief textarea, fieldset.brief select {  
960         background-color: #F3F3F3;
961         border-top : 1px solid #979797;
962         border-left : 1px solid #979797;
963         border-right : 1px solid #DDDDDD;
964         border-bottom : 1px solid #DDDDDD;
965         font-size : 140%;
966         padding : .2em;
967         font-weight: normal;
968 }
969
970 fieldset.brief textarea {
971         font-size: 105%;
972 }
973
974 fieldset.brief input:focus {
975         background-color: #FFFFCC;
976 }
977
978 fieldset.brief ol, fieldset.brief li {
979         list-style-type : none;
980 }
981
982 fieldset.brief div.hint, fieldset.rows div.hint {
983         color : #666666;
984         font-size : 100%;
985         margin : .4em;
986 }
987
988 h2 span.hint {
989         font-size: 76%;
990         font-weight : normal;
991 }
992 .thumbnail {
993         border : 0;
994         float : left;
995         margin : 0pt 5px 5px 0pt;
996 }
997 a.cancel {
998         padding-left : 1em;
999 }
1000
1001 .resultscontrol, .resultscontrol select {
1002         font-size: 90%;
1003 }
1004
1005 .cartlist {
1006         margin-top : 5px;
1007 }
1008
1009 .cartlist input.submit, #tagsel_button {
1010         background-color : #d8deb8;
1011         background-image : none;
1012         border-color : #bebf84;
1013         color : #333;
1014         font-size : 87%;
1015         padding : 2px 0;
1016         margin : 0 0 0 0;
1017 }
1018
1019 #CheckAll, #CheckNone {
1020         font-weight : normal;
1021         margin : 0 .5em;
1022 }
1023
1024 .resultscontrol label {
1025         font-weight : bold;
1026         margin-left : .5em;
1027 }
1028
1029 .resort {
1030         float : right;
1031         margin-top : 5px;
1032 }
1033
1034 .searchresults p.details {
1035         color : #979797;
1036 }
1037
1038 .searchresults p {
1039         margin: 0;
1040         padding: 0 0 .6em 0;
1041 }
1042
1043 td.resultscontrol img {
1044         vertical-align: middle;
1045 }
1046
1047 .searchresults table td {
1048 }
1049
1050 .searchresults table {
1051         margin : 0;
1052 }
1053
1054 .searchresults td, .searchresults th, .searchresults table {
1055         border: 0;
1056 }
1057 .searchresults td {
1058         vertical-align: top;
1059 }
1060
1061 .searchresults tr {
1062         border-bottom : 1px solid #f3f3f3;
1063 }
1064
1065 .searchresults tr:first-child {
1066         border : 0;
1067 }
1068
1069 .searchresults table {
1070         border-top : 0px solid #CCCCCC;
1071         width : 100%;
1072 }
1073
1074 .searchresults a.reserve, .searchresults a.reserve:visited {
1075         background-position:left top;
1076         background-repeat:no-repeat;
1077         float:right;
1078         padding:2px 3px 2px 26px;
1079 }
1080
1081 .searchresults a.reserve {
1082         background-color:transparent;
1083         color:#006699;
1084 }
1085
1086 .unavailable, .tagerror, .tagerror:visited {
1087         color: #990033;
1088 }
1089
1090 #libraryname {
1091         float : left;
1092         line-height : 2em;
1093 }
1094
1095 #corner {
1096         float : right;
1097         line-height : 2em;
1098 }
1099
1100 .pages {
1101         line-height : 1.8em;
1102         text-align: center;
1103 }
1104
1105 .current,
1106 .currentPage {
1107         background-color: #FFFFFF;
1108         color: #3366CC;
1109         font-weight: bold;
1110         padding: 1px 5px 1px 5px;
1111         text-decoration: none;
1112 }
1113
1114 a:link.nav,
1115 div.pages a:link {
1116         background-color: #EEE;
1117         border: 1px solid #CCCC99;
1118         color: #3366CC;
1119         font-weight: bold;
1120         padding: 1px 5px 1px 5px;
1121         text-decoration: none;
1122 }
1123
1124 a:visited.nav,
1125 div.pages a:visited {
1126         background-color: #EEE;
1127         border: 1px solid #CCCC99;
1128         color: #3366CC;
1129         font-weight: bold;
1130         padding: 1px 5px 1px 5px;
1131         text-decoration: none;
1132 }
1133
1134 a:hover.nav,
1135 div.pages a:hover {
1136         background-color: #FFFFCC;
1137         border: 1px solid #CCCC99;
1138         color: #CC3333;
1139         font-weight: bold;
1140         padding: 1px 5px 1px 5px;
1141         text-decoration: none;
1142 }
1143
1144 a:active.nav,
1145 div.pages a:active {
1146         background-color: #FFFFCC;
1147         border: 1px solid #CCCC99;
1148         color: #D25500;
1149         font-weight: bold;
1150         padding: 1px 5px 1px 5px;
1151         text-decoration: none;
1152 }
1153
1154 /* Tabs */
1155 ul.link-tabs {
1156         list-style-type: none;
1157         margin: 9px 0 -2px 5px;
1158         padding: 0;
1159 }
1160
1161 ul.link-tabs li {
1162         display: inline;
1163         padding: 0px;
1164 }
1165
1166 ul.link-tabs li a {
1167         font-weight: bold;
1168         padding: 2px 4px 2px 4px;
1169         text-decoration: none;
1170         border-top: 1px solid #DDDDDD;
1171         border-left : 1px solid #DDDDDD;
1172         border-right : 1px solid #666666;
1173 }
1174
1175 ul.link-tabs li#power_formButton a, ul.link-tabs li#proximity_formButton a {
1176         padding: 2px 4px 3px 4px;
1177 }
1178
1179 ul.link-tabs li.off a {
1180         background-color: #EEEEEB;
1181         border-bottom: 1px solid #DDDDDD;
1182 }
1183
1184 ul.link-tabs li.off a:hover {
1185         padding: 2px 3px 2px 4px;
1186         background-color: #FFFFEC;
1187         border-top: 1px solid #BEBF84;
1188         border-left : 1px solid #BEBF84;
1189         border-right : 2px solid #333333;
1190 }
1191
1192 ul.link-tabs li.on a {
1193         background-color: #FFFFFF;
1194         border-bottom: 1px solid #FFFFFF;
1195 }
1196
1197 ul.link-tabs li a.debit {
1198         background-color : #FFFF99;
1199         color : #990033;
1200 }
1201
1202 div.tab-container {
1203         border : 1px solid #DDDDDD;     
1204         margin-top : 4px;
1205         padding : .7em;
1206         width : 90%;
1207 }
1208
1209 tr.overdue td {
1210         background-color : #ffcccc;
1211         border-bottom : 1px solid #ffaeae;
1212         border-right : 1px solid #ffaeae;
1213         font-weight : bold;
1214 }
1215
1216 td.overdue {
1217         color : #cc3333;
1218 }
1219
1220 .renewals {
1221         display:block;
1222         font-size:0.8em;
1223         padding:0.5em;
1224 }
1225
1226 table#marc, table#marc td, table#marc th {
1227         border : 0;
1228 }
1229
1230 table#marc th {
1231         background-color : transparent;
1232         text-align : left;
1233 }
1234
1235 table#marc td:first-child {
1236         text-indent : 2em;
1237 }
1238 #masthead {
1239 float: left;
1240 width: 120px;
1241 }
1242
1243 #fluid {
1244 margin-left: 124px;
1245 margin-top : .4em;
1246 padding-left : 1em;
1247 }
1248
1249 #fluid-offset {
1250 float : right;
1251 width: 100%;
1252 }
1253
1254 #translControl{
1255 float : left;
1256 padding-left : .4em;
1257 }
1258
1259 .clearfix:after {
1260     content: "."; 
1261     display: block; 
1262     height: 0; 
1263     clear: both; 
1264     visibility: hidden;
1265 }
1266
1267 /* Hides from IE-mac \*/
1268 * html .clearfix {height: 1%;}
1269 /* End hide from IE-mac */
1270
1271 .results_summary {
1272         display: block;
1273         font-size : 85%;
1274         color: #707070;
1275         padding : 0 0 .5em 0;
1276 }
1277
1278 .m880 {
1279     display:block; 
1280     text-align:right; 
1281     float:right; 
1282     width:50%; 
1283     padding-left:20px
1284 }
1285
1286 .searchresults .tagstatus {
1287         display: block;
1288         color: #707070;
1289 }
1290
1291 #login4tags {
1292         margin-top : .3em;
1293 }
1294
1295 .results_summary .label {
1296         color: #202020;
1297 }
1298
1299 .results_summary a {
1300         font-weight: normal;
1301 }
1302
1303 .actions a {
1304         margin-left : 1em;
1305         text-decoration : none;
1306 }
1307
1308 .actions a.hold {
1309         background : url("../../images/placehold-small.gif") center left no-repeat;
1310         padding-left : 16px;
1311 }
1312
1313 .actions a.addtocart {
1314         background : url("../../images/cart-small.gif") center left no-repeat;
1315         padding-left : 13px;
1316         display : none;
1317 }
1318
1319 .actions a.addtoshelf {
1320         background : url("../../images/addtolist-small.gif") center left no-repeat;
1321         padding-left : 13px;
1322 }
1323
1324 .dialog {
1325   border: 1px solid #bcbcbc;
1326         padding : .5em;
1327         margin : 1em auto;
1328   width: 65%;
1329   }
1330   
1331 .dialog  h2, .dialog h3, .dialog h4 {
1332         margin : auto;
1333         text-align : center;
1334   }
1335  
1336 div.alert {
1337   background : #FFC url(../../images/alert-bg.gif) repeat-x left 0;
1338   text-align : center;
1339 }
1340
1341 div.alert strong {
1342         color : #900;
1343 }
1344
1345 div.message {
1346         background : white url("../../images/message-bg.gif") repeat-x left 0;
1347    border : 1px solid #bcbcbc;
1348         width : 55%;
1349 }
1350
1351 #moresearches {
1352         clear : left;
1353         color : #000099;
1354         font-size : 90%;
1355         line-height : 110%;
1356         margin : .6em 0 .3em 0;
1357 }
1358
1359 #moresearches a:link, #moresearches a:visited {
1360         color : #e5ebff;
1361         font-weight : normal;
1362         text-decoration : none;
1363 }
1364
1365 #news th {
1366         text-align : left;
1367         padding : 3px 5px;
1368 }
1369
1370 #opac-main-search #listsmenu a, #opac-main-search #listsmenu h4 {
1371         color : #000;
1372         font-weight : normal;
1373 }
1374  #opac-main-search #listsmenu h4 {
1375         font-size : 90%;
1376         font-weight : bold;
1377         margin : 0 .2em; 
1378  }
1379  
1380 #opac-main-search #listsmenu .yuimenuitemlabel {
1381         cursor : pointer;
1382 }
1383
1384 #opac-main-search #listsmenu .bd {
1385         background-color : #f3f3f3;
1386         border : 1px solid #739acf;
1387         background-image : url("../../images/listmenu-container-bg.gif");
1388         background-position : top right;
1389         background-repeat : repeat-y;
1390         padding : .3em 1em 0 0;
1391 }
1392
1393 #opac-main-search #listsmenu .yuimenuitemlabel.selected {
1394         background-color : #fff;
1395 }
1396
1397 #opac-main-search #listsmenu ul {
1398         border-color : #b8d0e6;
1399 }
1400
1401 .selectcol {
1402         vertical-align: top;
1403         width: 10px;
1404 }
1405 .itypecol {
1406         vertical-align: top;
1407         width: 10px;
1408 }
1409 #container {
1410         color : #000;
1411 }
1412
1413 div#changelanguage{
1414         background-color: #fff;
1415         border-top: 1px solid #CCC;
1416         color : #666;
1417         font-size : 85%;
1418         padding : 1em;
1419         margin-top : 2em;
1420  }
1421  
1422 div#changelanguage a {
1423         font-weight : normal;
1424         padding : .5em;
1425
1426                 
1427 div#changelanguage a.more {
1428         background-image:url(../../images/more-up-arrow.gif);
1429         background-position:right center;
1430         background-repeat:no-repeat;
1431         padding-right:13px;
1432 }
1433  
1434 div#changelanguage li.yuimenuitem {
1435         font-size : 120%;
1436         font-weight : normal;
1437         margin : 0;
1438         padding : 0 1em;
1439 }
1440
1441 div#changelanguage li.yuimenuitem a.yuimenuitemlabel {
1442         padding : 0;
1443 }
1444
1445 #cartDetails,#cartUpdate,#holdDetails,#listsDetails {
1446         background-color : #FFF;
1447         border: 1px solid #739acf;
1448         color : black;
1449         display : none;
1450         margin : 0;
1451         padding : 10px;
1452         text-align : center;
1453         width : 180px;
1454         box-shadow: 1px 1px 3px #666;
1455         -moz-box-shadow: 1px 1px 3px #666;
1456         -webkit-box-shadow: 1px 1px 3px #666;
1457
1458 }
1459
1460 .yui-panel .hd, .yui-panel .bd, .yui-panel .ft {
1461         background-color : transparent;
1462         border : 0;
1463         padding : inherit;
1464 }
1465
1466 #login #userid, #login #password {
1467         width : 98%;    
1468 }
1469
1470 #opac-main-search input.submit {
1471         background : #b8d0e6 url(../../images/submit-bg.gif) repeat-x 0 0;
1472         background-color : #b8d0e6;
1473         border-top: 1px solid #cccccc;
1474         border-left: 1px solid #cccccc;
1475         border-right: 1px solid #eeeeee;
1476         border-bottom: 1px solid #eeeeee;
1477         color : #333;
1478         font-weight : normal;
1479         font-size : 80%;
1480         padding : 2px;
1481 }
1482
1483 div#menu {
1484         border-right : 1px solid #979797;
1485         font-size : 94%;
1486         margin-right : .5em;
1487         padding-top : 1em;
1488         padding-bottom : 2em;
1489 }
1490
1491 div#menu li a {
1492         text-decoration : none;
1493         display : block;
1494         background : #EEE url(../../images/side-tab-gradient.gif) repeat-y top right;
1495         border : 1px solid #979797;
1496         font-size : 111%;
1497         margin : .5em 0;
1498         padding : .4em .3em;
1499         margin-right : -1px;
1500 }
1501
1502 div#menu li a:hover {
1503         background : #E8F0F6 url(../../images/side-tab-gradient-hover.gif) repeat-y top right;
1504 }
1505
1506 div#menu li.active a:hover {
1507         background-color : #fff;
1508         color : #0000CC;
1509 }
1510
1511 #menu ul li {
1512         list-style-type : none;
1513 }
1514
1515 #menu ul li.active a {
1516         background-color : #FFF;
1517         background-image : none;
1518         border-right : 0;
1519         font-weight : bold;
1520 }
1521
1522 .left {
1523         float : left;
1524 }
1525
1526 .right {
1527         float : right;
1528 }
1529
1530 #searchsubmit {
1531         cursor : default;
1532         font-size : 87%;
1533         font-weight :  normal;
1534         margin-top : 0;
1535         margin-left :  .2em;
1536         padding: 2px 2px 1px 2px;
1537 }
1538
1539 #export,#further,.detailtagcell {
1540         margin-top : .5em;
1541         background-color : #F3F3F3;
1542         border : 1px solid #E8E8E8;
1543         font-size : 76%;
1544         padding : 3px;
1545         text-align : center;
1546 }
1547 #furtherm { margin-top : .5em; }
1548
1549 #export label, .detailtagcell label {
1550         display : block;
1551         font-weight : bold;
1552         font-size : 110%;
1553         margin-bottom : 2px;
1554 }
1555
1556 #export input, .detailtagcell input {
1557         padding : 2px;
1558 }
1559
1560 #further {
1561         text-align : left;
1562         font-size : 95%;
1563         padding : 3px 3px .5em 1em;
1564 }
1565
1566 #further ul li {
1567         list-style-image : url("../../images/further-bullet.gif");
1568 }
1569
1570 #amazonreviews h4 {
1571         font-size : 90%;
1572         margin : 0;
1573         padding : 0;
1574 }
1575 #amazonreviews h3 {
1576         font-size : 100%;
1577         margin : 0;
1578         padding : 0;
1579 }
1580 span.starFull {
1581         background: url(../../images/star-ratings.gif) top left no-repeat;
1582         display : block;
1583         height: 10px;
1584         margin: 0;
1585         padding: 0;
1586 }
1587
1588 span.starMT {
1589         background: url(../../images/star-ratings-empty.gif) top left no-repeat;
1590         display : block;
1591         height: 10px;
1592         margin: 0 10px 0 10px;
1593         padding: 0;
1594         position: relative;
1595         width: 50px;
1596 }
1597
1598 #cartmenulink, #listsmenulink {
1599         display : block;
1600         position : relative;
1601         background : #aaa;
1602         padding : 5px;
1603         float : left;
1604         color : #333;
1605         text-decoration : none;
1606         cursor : pointer;
1607 }
1608
1609  #cartmenulink *, #listsmenulink * {
1610         font-style : normal;
1611         background-image : url(../../images/button-background.png);
1612         background-repeat : no-repeat;
1613         display : block;
1614         position : relative;
1615 }
1616
1617  #cartmenulink i, #listsmenulink i {
1618         background-position : top left;
1619         position : absolute;
1620         margin-bottom : -5px;
1621         top : 0;
1622         left : 0;
1623         width : 5px;
1624         height : 5px;
1625 }
1626
1627  #cartmenulink span, #listsmenulink span {
1628         background-position : bottom left;
1629         left : -5px;
1630         padding : 0 0 5px 10px;
1631         margin-bottom : -5px;
1632 }
1633 /* For IE7 */
1634  *:first-child+html #cartmenulink span { padding-top : 3px; padding-bottom : 7px; }
1635  *:first-child+html #listsmenulink span { padding-top : 5px; }
1636
1637  #cartmenulink span i, #listsmenulink span i {
1638         background-position : bottom right;
1639         margin-bottom : 0;
1640         position : absolute;
1641         left : 100%;
1642         width : 10px;
1643         height : 100%;
1644         top : 0;
1645 }
1646
1647  #cartmenulink span span, #listsmenulink span span {
1648         background-position : top right;
1649         position : absolute;
1650         right : -10px;
1651         margin-left : 10px;
1652         top : -5px;
1653         height : 0;
1654 }
1655
1656 * html #cartmenulink span, * html #cartmenulink i, * html #listsmenulink span, * html #listsmenulink i {
1657         float : left;
1658         width : auto;
1659         background-image : none;
1660         cursor : pointer;
1661 }
1662 * html #cartmenulink span, * html #listsmenulink span {
1663         padding-top : 5px;
1664 }
1665
1666 #cartmenulink span#carticon {
1667         background: transparent url("../../images/cart.gif") top left no-repeat;
1668         position: static;
1669         width : 14px;
1670         height:14px;
1671         margin: 0.35em 0.45em 0 0.2em;
1672         padding:0;
1673         float: left;
1674 }
1675
1676 #listsmenulink {
1677         background : #9FBFFF;
1678 }
1679
1680 #cartmenulink {
1681         background : #98CB58;
1682         color : #336600;
1683         font-size : 105%;
1684 }
1685
1686 #cartmenulink[class], #listsmenulink[class] {
1687         background-image : url(../../images/button-background-gradient.png);
1688         background-position : left top;
1689 }
1690
1691 #listsmenulink:hover {
1692         background-color : #b8d0e6;
1693 }
1694
1695 #cartmenulink:hover {
1696         background-color : #BFDE96;
1697 }
1698
1699 #cartmenulink img {
1700         background-image : none;
1701         display : inline;
1702         padding : 3px 3px 0 3px;
1703 }
1704
1705 #cartmenulink span#basketcount {
1706         background-image : none;
1707         float : none;
1708         display : inline;
1709         height : auto;
1710         position : relative;
1711         margin : 0;
1712         padding : 0;
1713         left : auto;
1714         right : auto;
1715         top : auto;
1716 }
1717
1718 #cartmenulink span#basketcount span {
1719         background-image : none;
1720         background-color : #E6FCB7;
1721         color : #000;
1722         display : inline;
1723         float : none;
1724         font-size : 80%;
1725         font-weight : normal;
1726         margin : 0 0 0 .9em;
1727         padding : 0 .3em 0 .3em;
1728         position : relative;
1729         left : auto;
1730         right : auto;
1731         top : auto;
1732 }
1733
1734 a#listsmenulink, a#listsmenulink:hover {
1735         color : #006699;
1736         font-size : 105%;
1737         font-weight : bold;
1738         line-height : 185%;
1739         margin-left : 1.5em;
1740 }
1741
1742 a#cartmenulink, a#cartmenulink:hover {
1743         color : #336600;
1744         font-size : 105%;
1745         font-weight : bold;
1746         line-height : 185%;
1747         margin-left : 1.5em;
1748 }
1749 * html a#cartmenulink {
1750         padding-top: 0;
1751 }
1752  * html a#cartmenulink:hover {
1753         padding-top : 0;
1754 }
1755 /* For IE7 */
1756 *:first-child+html a#listsmenulink { padding-top : 0; }
1757 *:first-child+html a#listsmenulink:hover { padding-top : 0; }
1758 *:first-child+html a#cartmenulink { padding-top : 0; }
1759 *:first-child+html a#cartmenulink:hover { padding-top : 0; }
1760 *:first-child+html #cartmenulink span i{ top : -4px; }
1761 *:first-child+html #listsmenulink span i { top : -5px; }
1762
1763 #listsmenulink img {
1764         background-image : none;
1765         display : inline;
1766         padding : 0 0 2px 0;
1767 }
1768
1769 * html #cartmenulink {
1770         border : 1px solid #336600;
1771 }
1772
1773 * html #listsmenulink {
1774         border : 1px solid #006699;
1775 }
1776
1777 ul.ui-tabs-nav li {
1778         margin-right : .5em;
1779 }
1780
1781 ul.ui-tabs-nav li a, ul.ui-tabs-nav li span.a {
1782         background-color : #F3F3F3;
1783         border-top : 1px solid #E8E8E8;
1784         border-left : 1px solid #E8E8E8;
1785         border-right : 1px solid #E8E8E8;
1786         border-bottom : 0;
1787         padding : .2em 1em;
1788         text-align : center;
1789         text-decoration : none;
1790 }
1791
1792 ul.ui-tabs-nav li.ui-tabs-selected a, ul.ui-tabs-nav li.ui-tabs-selected span.a {
1793         background-color : #FFF;
1794         border-top : 1px solid #E8E8E8;
1795         border-left : 1px solid #E8E8E8;
1796         border-right : 1px solid #E8E8E8;
1797         border-bottom : 1px solid #FFF;
1798         margin-bottom : -5px;
1799         text-align : center;
1800 }
1801
1802 #views {
1803         border-bottom : 1px solid #E8E8E8;
1804         margin-bottom : .5em;
1805         padding : 0 2em 2px 0.2em;
1806         white-space : nowrap;
1807 }
1808
1809 span.view {
1810         padding : 0.2em .2em 2px .2em;
1811 }
1812
1813 #bibliodescriptions,
1814 #isbdcontents {
1815         clear : left;
1816         margin-top : .5em;
1817 }
1818
1819 a#MARCview, span#MARCview, a#MARCviewPop, a#ISBDview, span#ISBDview, a#Normalview, a#Briefhistory, span#Normalview, a#Fullhistory, span#Fullhistory, span#Briefhistory {
1820         background-position : 5px 3px;
1821         background-repeat : no-repeat;
1822         font-size : 87%;
1823         font-weight : normal;
1824         padding : .2em .5em;
1825         text-decoration: none;
1826 }
1827
1828 a#MARCview, span#MARCview {
1829         background-image : url(../../images/marc.gif);
1830         padding-left : 17px;
1831 }
1832 a#MARCviewPop, span#MARCviewPop {
1833     background-image : url(../../images/marc.gif);
1834     padding-left : 17px;
1835 }
1836 a#ISBDview, span#ISBDview {
1837         background-image : url(../../images/isbd.gif);
1838         padding-left : 20px;
1839 }
1840 a#Normalview, span#Normalview {
1841         background-image : url(../../images/normal.gif);
1842         padding-left : 15px;
1843 }
1844
1845 a#MARCview, a#MARCviewPop, a#ISBDview, a#Normalview, a#Fullhistory, a#Briefhistory {
1846         background-color : #F3F3F3;
1847         border-left : 1px solid #E8E8E8;
1848 }
1849
1850 #shelfbrowser table {
1851         margin : 0 20px;
1852 }
1853 #shelfbrowser table, #shelfbrowser td, #shelfbrowser th {
1854         border : 0;
1855         font-size : 90%;
1856         text-align : center;
1857 }
1858 #shelfbrowser a {
1859         font-size : 110%;
1860         text-decoration : none;
1861 }
1862 #shelfbrowser td, #shelfbrowser th {
1863         vertical-align : bottom;
1864         width : 20%;
1865 }
1866 #shelfbrowser td.top {
1867         vertical-align : top;
1868 }
1869 #shelfbrowser td.top a {
1870         text-decoration : underline;
1871 }
1872 #shelfbrowser a {
1873         display : block;
1874 }
1875
1876 #comments .commentline {
1877         border-bottom : 2px solid #eeeeeb;
1878         margin : 0 -.5em 0 -.5em;
1879         padding : 0 .5em .5em .5em;
1880 }
1881 #comments .yours {
1882         background-color : #effed5;
1883 }
1884 .commentline .avatar {
1885         float : right;
1886         padding-left : .5em;
1887 }
1888 #comments #addcomment {
1889         margin : 0 -1em -1em -1em;
1890         padding : .3em 1em;
1891 }
1892 input.tagbutton {
1893         padding : 1px !important;
1894 }
1895 table#items th {
1896         padding : 2px;
1897 }
1898 #action {
1899         margin-top: 0;
1900 }
1901 #similars h4 {
1902         text-align : left;
1903 }
1904 #similars table,
1905 #similars td {
1906         border : 0;
1907         margin : 0;
1908 }
1909 #similars td {
1910         width : 13em;
1911 }
1912 #similars a {
1913         display : block;
1914         font-weight : normal;
1915 }
1916 #furtherm a,
1917 #furtherm a:link,
1918 #furtherm a:visited {
1919         color : #006699;
1920 }
1921 #furtherm h4 {
1922         font-size : 106%;
1923         margin : .1em .5em;
1924 }
1925 #furtherm .bd {
1926         background-color : #F3F3F3;
1927         border:1px solid #DDD;
1928 }
1929 .results_summary img {
1930         margin : 0 5px;
1931  }
1932 span.no-image {
1933         background-color : #FFF;
1934         border: 1px solid #979797;
1935         color : #AAA;
1936         display:block;
1937         font-size : 86%;
1938         font-weight : bold;
1939         text-align : center;
1940         width : 75px;
1941 }
1942 #bookcover span.no-image {
1943         margin-right : 10px;
1944         margin-bottom : 10px;
1945 }
1946 #shelfbrowser a:link span.no-image,
1947 #shelfbrowser a:visited span.no-image,
1948 #shelfbrowser a:hover span.no-image,
1949 #shelfbrowser a:active span.no-image {
1950         font-size : 95%;
1951 }
1952 #shelfbrowser a:link span.no-image,
1953 #shelfbrowser a:visited span.no-image,
1954 #shelfbrowser a:hover span.no-image,
1955 #shelfbrowser a:active span.no-image,
1956 td.jacketcell a:link,
1957 td.jacketcell a:visited,
1958 td.jacketcell a:hover,
1959 td.jacketcell a:active,
1960 a.p1:link,
1961 a.p1:visited,
1962 a.p1:hover,
1963 a.p1:active {
1964         color : #AAA;
1965         text-decoration : none;
1966         font-weight : bold;
1967 }
1968
1969 .copies_row > td:first-child {
1970     border-left-style : none;
1971 }
1972
1973 .rtl {
1974   unicode-bidi: embed;
1975   direction: rtl;
1976   text-align: right;
1977 }
1978
1979 div.ft {
1980         clear : both;
1981 }
1982 #basket td ul li {
1983         font-size:90%;
1984         list-style:disc outside url("../../images/item-bullet.gif");
1985         padding:0.2em 0;
1986 }
1987
1988 #recentcomments {
1989         margin:auto;
1990         max-width:750px;
1991 }
1992
1993 .searchresults .commentline {
1994         background-color : rgb(255, 255, 204);
1995         background-color : rgba(255, 255, 204, 0.4);
1996         border : 1px solid #CCC;
1997         display: inline-block;
1998         -webkit-border-radius: 4px;
1999         -moz-border-radius: 4px;
2000         border-radius: 4px;
2001         -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
2002         -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
2003         box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
2004         margin : .3em;
2005         padding : .4em;
2006 }
2007
2008 .searchresults .commentline.yours {
2009         background-color : rgb(239, 254, 213);
2010         background-color : rgba(239, 254, 213, 0.4);
2011 }
2012
2013 #plainmarc table { border: 0; margin: .7em 0 0 0; font-family: monospace; font-size: 95%; }
2014 #plainmarc th { background-color : #FFF; border: 0; white-space: nowrap; text-align:left; vertical-align: top; padding: 2px; }
2015 #plainmarc td { border: 0; padding : 2px; vertical-align: top; }
2016
2017 #catalogue_detail_biblio h1 { float:left; margin:0 1em 1em 0; }
2018 #catalogue_detail_biblio h1.title { float:none; margin-top:1em; }
2019 #catalogue_detail_biblio h3 {clear:both; }
2020
2021 #opac-detail #Normalview { font-weight:bold; }
2022 #opac-marcdetail #Normalview { font-weight:normal; }
2023 #opac-marcdetail #MARCview { font-weight:bold; }
2024 #opac-isbddetail #Normalview { font-weight:normal; }
2025 #opac-isbddetail #ISBDview { font-weight:bold; }
2026 #opac-isbddetail #isbdcontents { margin-top: 2em; }
2027
2028 div.bibmessage { background-color : #ffffb0; border-radius : 5px; padding : 3px; margin : 2px; }
2029
2030 #renewcontrols {
2031          float: right;
2032          font-size: 66%;
2033 }
2034
2035 #renewcontrols a {
2036         background-position : 3px center;
2037         background-repeat : no-repeat;
2038         text-decoration:none;
2039         padding : .1em .4em;
2040         padding-left : 18px;
2041 }
2042
2043 #renewselected_link {
2044         background-image : url(../../images/check.png);
2045 }
2046
2047 #renewall_link {
2048         background-image : url(../../images/checks.png);
2049 }
2050
2051 div.koha_url {
2052     border-top: none !important;
2053 }
2054 span.koha_url {
2055     position: absolute;
2056     right: 0;
2057 }
2058 a.koha_url {
2059     text-decoration:none;
2060     color: #666666;
2061 }