Proposed fix for Bug 5106 - Simplify MARC view choices in the OPAC (Conflict marker...
[wip/koha-chris_n.git] / koha-tmpl / opac-tmpl / prog / en / css / opac.css
1 @import url("../../en/lib/yui/reset-fonts-grids.css");
2 @import url("../../en/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,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 a,
447 #toolbar input {
448         white-space : nowrap;
449 }
450
451 #toolbar ul {
452         padding-left : 0;
453 }
454
455 #toolbar ul li {
456         display : inline;
457         list-style : none;
458 }
459
460 #toolbar ul li a {
461         border-left : 1px solid #e8e8e8;
462 }
463
464 #toolbar ul li:first-child a {
465         border-left : 0;
466 }
467
468
469 #toolbar a.print {
470         background: transparent url(../../images/print-small.png) 5px 50% no-repeat;
471         text-decoration : none;
472         padding-left : 23px;
473 }
474
475 #toolbar a.brief {
476         background: transparent url(../../images/brief.gif) 5px 50% no-repeat;
477         text-decoration : none;
478         padding-left : 23px;
479 }
480
481 #toolbar a.detail {
482         background: transparent url(../../images/detail.gif) 5px 50% no-repeat;
483         text-decoration : none;
484         padding-left : 27px;
485 }
486
487 #toolbar a.download {
488         background : transparent url("../../images/download.png") 7px 50% no-repeat;
489         padding-left : 24px;
490         text-decoration : none;
491 }
492
493 #toolbar a.editshelf {
494         background : transparent url("../../images/shelf-edit.gif") 12px 50% no-repeat;
495         padding-left : 26px;
496         text-decoration : none;
497 }
498
499 #toolbar a.empty {
500         background: transparent url(../../images/empty-small.png) 5px 50% no-repeat;
501         text-decoration : none;
502         padding-left : 21px;
503 }
504
505 #toolbar a.hide {
506         background: transparent url(../../images/close.gif) 5px 50% no-repeat;
507         text-decoration : none;
508         padding-left : 26px;
509 }
510
511 #toolbar a.hold {
512         background: transparent url(../../images/place-hold-small.png) 5px 50% no-repeat;
513         text-decoration : none;
514         padding-left : 23px;
515 }
516
517 #toolbar a.newshelf {
518         background : transparent url("../../images/shelf-new.gif") 5px 50% no-repeat;
519         padding-left : 23px;
520         text-decoration : none;
521 }
522
523 #toolbar a.send,
524 a.send {
525         background: transparent url(../../images/send.png) 2px 50% no-repeat;
526         text-decoration : none;
527         padding-left : 28px;
528 }
529
530 #toolbar a.new {
531         background : transparent url("../../images/new.gif") 5px 50% no-repeat;
532         padding-left : 23px;
533         text-decoration : none;
534 }
535
536 #toolbar input.download {
537         background : transparent url("../../images/download.png") 7px 50% no-repeat;
538         border : 0;
539         color : #006699;
540         cursor : pointer;
541         padding-left : 24px;
542         text-decoration : none;
543 }
544
545 #toolbar input.editshelf,
546 input.editshelf {
547         background : transparent url("../../images/shelf-edit.gif") 10px 50% no-repeat;
548         border : 0;
549         color : #006699;
550         cursor : pointer;
551         font-size : 100%;
552         padding-left : 29px;
553         text-decoration : none;
554 }
555
556 #toolbar input.newshelf {
557         background : transparent url("../../images/shelf-new.gif") center left no-repeat;
558         border : 0;
559         color : #006699;
560         cursor : pointer;
561         font-size : 100%;
562         margin: 0 0.5em;
563         padding-left : 15px;
564         text-decoration : none;
565 }
566
567 #toolbar input.deleteshelf,
568 input.deleteshelf {
569         background : transparent url("../../images/shelf-delete.gif") 7px 50% no-repeat;
570         border : 0;
571         color : #006699;
572         cursor : pointer;
573         font-size : 100%;
574         padding-left : 20px;
575 }
576
577 #toolbar input.deleteshelf:hover {
578         color: #990033;
579 }
580
581
582 #toolbar input.editshelf:active,
583 input.editshelf:active,
584 #toolbar input.deleteshelf:active,
585 input.deleteshelf:active {
586         border : 0;
587 }
588
589 #tagsel_span input.submit,
590 #tagsel_tag {
591         background-image: url(../../images/tags-small.png);
592         background-position : 7px center;
593         background-repeat : no-repeat;
594         padding-left : 25px;
595         text-decoration: none;
596 }
597
598 #placehold input.submit:hover,
599 #tagsel_span input.submit:hover {
600         color: #990033;
601 }
602
603 #addto {
604         max-width : 10em;
605 }
606
607 .addto a.addtocart {
608         background-image:url(../../images/cart2.gif);
609         background-position : 9px -3px;
610         background-repeat : no-repeat;
611         text-decoration : none;
612         padding-left : 33px;
613 }
614
615 #placehold input.submit {
616         background-image:url(../../images/placereserve.gif);
617         background-position : 9px center;
618         background-repeat : no-repeat;
619         text-decoration : none;
620         padding-left : 23px;
621 }
622
623 #placehold input.submit,
624 #tagsel_span input.submit {
625         border : 0;
626         background-color: transparent;
627         font-size : 100%;
628         font-weight : bold;
629         padding-left : 31px;
630         color : #336699;
631         cursor : pointer;
632 }
633 .searchresults a.highlight_toggle {
634         background : transparent url(../../images/highlight.gif) -4px center no-repeat;
635         display: none;
636         font-weight: normal;
637         padding : 0 10px 0 21px;
638 }
639
640 /* the itemtype list in advanced search */
641 #advsearch-itemtype table {
642         border-collapse : separate;
643         border-spacing : 3px;
644         border : 0px;
645         margin : 0px;
646         background-color : white;
647         border : 0px solid #D8DEB8;
648 }
649
650 #advsearch-itemtype table tr td {
651         background-color : #F8F8EB;
652         border : 0px;
653         margin : 0px;
654         width : 700px;
655 }
656
657 #advsearch-itemtype td {
658         font-size : 0.8em;
659         background-color : #F8F8EB;
660 }
661
662 body#advsearch #breadcrumbs {
663         line-height : 1px;
664         height : 1px;
665         padding : 0;    
666 }
667
668 body#advsearch #cartmenulink,
669 body#advsearch #listsmenulink {
670         float : right;
671 }
672
673 #advsearch #branchloop,
674 #advsearch #sort_by {
675         width : 23em;
676 }
677
678 #auth {
679         float : left;
680 }
681
682 #facets {
683         
684 }
685
686 /* the footer */
687 #footer {
688         margin-top : 30px;
689         margin-left : 30%;
690         margin-right : 20%;
691         border-top : 1px solid #384b73;
692         color : #384b73;
693         font-size : 1em;
694         text-align : center;
695 }
696
697 /* facets bloc */
698 /* the USER information block */
699 #librarian_information {
700         float : right;
701         font-size : 10pt;
702 }
703
704 #header-wrapper {
705         background-color: #FFF;
706 }
707
708 #holds,#opac-auth {
709         min-width : 750px;
710         width : 57.69em;
711         margin : auto;
712 }
713
714 #members {
715         background-color: #fff;
716         font-size : 85%;
717         margin-left : -10px;
718         margin-right : -10px;
719         padding : 4px 0 4px 0;
720         color : #000066;
721 }
722
723 #members a {
724         text-decoration : none;
725 }
726
727 #members a.logout {
728         color : #cc3333;
729         font-weight : bold;
730         padding : 0 .3em 0 .3em;
731         text-decoration : none;
732 }
733
734 #members li:last-child {
735         border-right : 0;
736 }
737
738 #members li {
739         border-right : 1px solid black;
740         display : inline;
741         list-style : none;
742         margin : 0;
743         padding : 0 .5em;
744 }
745
746 #members ul {
747         margin : 0;
748         padding : 0;
749         text-align : right;
750 }
751
752 #opac-main-search {
753         background-image : url( ../../images/menu-background.gif);
754         background-repeat : repeat-x;
755         background-color : #739ACF;
756         background-position : -10px top;
757         border-top : 1px solid #335599;
758         border-bottom : 1px solid #335599;
759         margin-left : -10px;
760         margin-right : -10px;
761         padding : .7em 0 .4em .5em;
762         font-size : 108%;
763         line-height : 116%;
764 }
765
766 #opac-main-search form {
767         display : inline;
768         padding-right : 1em;
769 }
770
771 #opac-main-search label {
772         color : #FFFFCC;
773         font-weight : bold;
774         margin : .2em .3em 0 0;
775 }
776
777
778 #search-facets ul {
779         margin : 0;
780         padding : .3em;
781 }
782
783 #search-facets {
784         border : 1px solid #e8e8e8;
785 }
786
787 #search-facets h4 {
788         background-color : #EEE;
789         border-bottom : 1px solid #e8e8e8;
790         font-size : 90%;
791         margin : 0;
792         padding : .7em .2em;
793         text-align : center;
794 }
795
796 #search-facets ul li {
797         font-weight : bold;
798         list-style-type : none;
799 }
800
801 #search-facets li li {
802         font-weight : normal;
803         font-size : 85%;
804         margin-bottom : 2px;
805         padding : .1em .2em;
806 }
807
808 #search-facets li li a {
809         font-weight : normal;
810 }
811
812 #search-facets li.showmore a {
813         font-weight : bold;
814         text-indent : 1em;
815 }
816
817 .suggestion {
818         background-color : #EEEEEB;
819         border : 1px solid #DDDED3;
820         margin : 10px auto;
821         padding : 4px;
822         width : 35%;
823 }
824
825 #facets ul {
826         margin : 0;
827         padding : 0;
828 }
829
830 #facets ul li {
831         font-weight : bold;
832         text-align : left;
833         list-style : none;
834 }
835
836 #facets ul ul li {
837         border : 0;
838         font-size : 85%;
839         font-weight : normal;
840         padding : 2px;
841         text-align : left;
842 }
843
844 #facets ul ul li a {
845         font-weight : normal;
846         text-decoration : underline;
847 }
848
849 #facets h4 {
850         font-size : 93%;
851         padding:3px;
852         text-align:center;
853         background-color:#E7E7CA;
854         line-height:1.8em;
855         margin-left:-1px;
856         margin-right:-1px;
857         margin-top:-1px;
858 }
859
860 #breadcrumbs {
861         padding : .7em;
862 }
863
864 p {
865         margin: .7em 0;
866 }
867
868 strong {
869         font-weight : bold;
870 }
871
872 em {
873         font-style : italic;
874 }
875
876
877 table#marc,
878 table#marc td,
879 table#marc th {
880         background-color : transparent;
881         border : 0;
882 }
883
884 table#marc p span.label {
885         font-weight : bold;
886 }
887
888 table#marc p,
889 table#marc ul {
890         padding-bottom: .6em;
891 }
892
893 table#items,
894 table#items td
895 table#items th {
896         border-width : 1px solid #EEE;
897         font-size : 90%;
898 }
899
900
901 table#marc div.results_summary {
902         clear :  left;
903 }
904 table#marc div.results_summary ul {
905         display : inline;
906         float :  none;
907         clear :  none;
908         margin: 0;
909         padding: 0;
910         list-style : none;
911 }
912
913 table#marc div.results_summary ul li {
914         display : inline;
915 }
916
917 #basketcount {
918         display : inline;
919 }
920
921 #bookcover {
922         float : left;
923         margin : 0;
924         padding : 0;
925 }
926
927 #bookcover img {
928         margin : 0 1em 1em 0;   
929 }
930
931 fieldset.brief {
932         border : 1px solid #E8E8E8;
933 }
934
935 fieldset.brief legend {
936         font-weight : bold;
937         font-size : 100%;
938 }
939
940 fieldset.brief label {
941         display : block;
942         padding : .3em 0;
943 }
944
945 fieldset.brief input+input {
946         margin-top : 3px;
947 }
948
949 fieldset.brief input, fieldset.brief textarea, fieldset.brief select {  
950         background-color: #F3F3F3;
951         border-top : 1px solid #979797;
952         border-left : 1px solid #979797;
953         border-right : 1px solid #DDDDDD;
954         border-bottom : 1px solid #DDDDDD;
955         font-size : 140%;
956         padding : .2em;
957         font-weight: normal;
958 }
959
960 fieldset.brief textarea {
961         font-size: 105%;
962 }
963
964 fieldset.brief input:focus {
965         background-color: #FFFFCC;
966 }
967
968 fieldset.brief ol, fieldset.brief li {
969         list-style-type : none;
970 }
971
972 fieldset.brief div.hint, fieldset.rows div.hint {
973         color : #666666;
974         font-size : 100%;
975         margin : .4em;
976 }
977
978 h2 span.hint {
979         font-size: 76%;
980         font-weight : normal;
981 }
982 .thumbnail {
983         border : 0;
984         float : left;
985         margin : 0pt 5px 5px 0pt;
986 }
987 a.cancel {
988         padding-left : 1em;
989 }
990
991 .resultscontrol, .resultscontrol select {
992         font-size: 90%;
993 }
994
995 .cartlist {
996         margin-top : 5px;
997 }
998
999 .cartlist input.submit, #tagsel_button {
1000         background-color : #d8deb8;
1001         background-image : none;
1002         border-color : #bebf84;
1003         color : #333;
1004         font-size : 87%;
1005         padding : 2px 0;
1006         margin : 0 0 0 0;
1007 }
1008
1009 #CheckAll, #CheckNone {
1010         font-weight : normal;
1011         margin : 0 .5em;
1012 }
1013
1014 .resultscontrol label {
1015         font-weight : bold;
1016         margin-left : .5em;
1017 }
1018
1019 .resort {
1020         float : right;
1021         margin-top : 5px;
1022 }
1023
1024 .searchresults p.details {
1025         color : #979797;
1026 }
1027
1028 .searchresults p {
1029         margin: 0;
1030         padding: 0 0 .6em 0;
1031 }
1032
1033 td.resultscontrol img {
1034         vertical-align: middle;
1035 }
1036
1037 .searchresults table td {
1038 }
1039
1040 .searchresults table {
1041         margin : 0;
1042 }
1043
1044 .searchresults td, .searchresults th, .searchresults table {
1045         border: 0;
1046 }
1047 .searchresults td {
1048         vertical-align: top;
1049 }
1050
1051 .searchresults tr {
1052         border-bottom : 1px solid #f3f3f3;
1053 }
1054
1055 .searchresults tr:first-child {
1056         border : 0;
1057 }
1058
1059 .searchresults table {
1060         border-top : 0px solid #CCCCCC;
1061         width : 100%;
1062 }
1063
1064 .searchresults a.reserve, .searchresults a.reserve:visited {
1065         background-position:left top;
1066         background-repeat:no-repeat;
1067         float:right;
1068         padding:2px 3px 2px 26px;
1069 }
1070
1071 .searchresults a.reserve {
1072         background-color:transparent;
1073         color:#006699;
1074 }
1075
1076 .unavailable, .tagerror, .tagerror:visited {
1077         color: #990033;
1078 }
1079
1080 #libraryname {
1081         float : left;
1082         line-height : 2em;
1083 }
1084
1085 #corner {
1086         float : right;
1087         line-height : 2em;
1088 }
1089
1090 .pages {
1091         line-height : 1.8em;
1092         text-align: center;
1093 }
1094 a:link.current {
1095         background-color: transparent;
1096         color: #3366CC;
1097         font-weight: bold;
1098         padding: 1px 5px 1px 5px;
1099         text-decoration: none;
1100 }
1101 a:visited.current {
1102         background-color: transparent;
1103         color: #3366CC;
1104         font-weight: bold;
1105         padding: 1px 5px 1px 5px;
1106         text-decoration: none;
1107 }
1108
1109 a:hover.current {
1110         background-color: #CCFF00;
1111         color: #CC3333;
1112         font-weight: bold;
1113         padding: 1px 5px 1px 5px;
1114         text-decoration: none;
1115 }
1116
1117 a:active.current {
1118         background-color: #99CC00;
1119         color: #FFFF99;
1120         font-weight: bold;
1121         padding: 1px 5px 1px 5px;
1122         text-decoration: none;
1123 }
1124
1125 .current {
1126         background-color: #FFFFFF;
1127         color: #3366CC;
1128         font-weight: bold;
1129         padding: 1px 5px 1px 5px;
1130         text-decoration: none;
1131 }
1132
1133 a:link.nav {
1134         background-color: #EEE;
1135         border: 1px solid #CCCC99;
1136         color: #3366CC;
1137         font-weight: bold;
1138         padding: 1px 5px 1px 5px;
1139         text-decoration: none;
1140 }
1141
1142 a:visited.nav {
1143         background-color: #EEE;
1144         border: 1px solid #CCCC99;
1145         color: #3366CC;
1146         font-weight: bold;
1147         padding: 1px 5px 1px 5px;
1148         text-decoration: none;
1149 }
1150
1151 a:hover.nav {
1152         background-color: #FFFFCC;
1153         border: 1px solid #CCCC99;
1154         color: #CC3333;
1155         font-weight: bold;
1156         padding: 1px 5px 1px 5px;
1157         text-decoration: none;
1158 }
1159
1160 a:active.nav {
1161         background-color: #FFFFCC;
1162         border: 1px solid #CCCC99;
1163         color: #D25500;
1164         font-weight: bold;
1165         padding: 1px 5px 1px 5px;
1166         text-decoration: none;
1167 }
1168
1169 /* Tabs */
1170 ul.link-tabs {
1171         list-style-type: none;
1172         margin: 9px 0 -2px 5px;
1173         padding: 0;
1174 }
1175
1176 ul.link-tabs li {
1177         display: inline;
1178         padding: 0px;
1179 }
1180
1181 ul.link-tabs li a {
1182         font-weight: bold;
1183         padding: 2px 4px 2px 4px;
1184         text-decoration: none;
1185         border-top: 1px solid #DDDDDD;
1186         border-left : 1px solid #DDDDDD;
1187         border-right : 1px solid #666666;
1188 }
1189
1190 ul.link-tabs li#power_formButton a, ul.link-tabs li#proximity_formButton a {
1191         padding: 2px 4px 3px 4px;
1192 }
1193
1194 ul.link-tabs li.off a {
1195         background-color: #EEEEEB;
1196         border-bottom: 1px solid #DDDDDD;
1197 }
1198
1199 ul.link-tabs li.off a:hover {
1200         padding: 2px 3px 2px 4px;
1201         background-color: #FFFFEC;
1202         border-top: 1px solid #BEBF84;
1203         border-left : 1px solid #BEBF84;
1204         border-right : 2px solid #333333;
1205 }
1206
1207 ul.link-tabs li.on a {
1208         background-color: #FFFFFF;
1209         border-bottom: 1px solid #FFFFFF;
1210 }
1211
1212 ul.link-tabs li a.debit {
1213         background-color : #FFFF99;
1214         color : #990033;
1215 }
1216
1217 div.tab-container {
1218         border : 1px solid #DDDDDD;     
1219         margin-top : 4px;
1220         padding : .7em;
1221         width : 90%;
1222 }
1223
1224 tr.overdue td {
1225         background-color : #ffcccc;
1226         border-bottom : 1px solid #ffaeae;
1227         border-right : 1px solid #ffaeae;
1228         font-weight : bold;
1229 }
1230
1231 td.overdue {
1232         color : #cc3333;
1233 }
1234
1235 .renewals {
1236         display:block;
1237         font-size:0.8em;
1238         padding:0.5em;
1239 }
1240
1241 table#marc, table#marc td, table#marc th {
1242         border : 0;
1243 }
1244
1245 table#marc th {
1246         background-color : transparent;
1247         text-align : left;
1248 }
1249
1250 table#marc td:first-child {
1251         text-indent : 2em;
1252 }
1253 #masthead {
1254 float: left;
1255 width: 120px;
1256 }
1257
1258 #fluid {
1259 margin-left: 124px;
1260 margin-top : .4em;
1261 padding-left : 1em;
1262 }
1263
1264 #fluid-offset {
1265 float : right;
1266 width: 100%;
1267 }
1268
1269 #translControl{
1270 float : left;
1271 padding-left : .4em;
1272 }
1273
1274 .clearfix:after {
1275     content: "."; 
1276     display: block; 
1277     height: 0; 
1278     clear: both; 
1279     visibility: hidden;
1280 }
1281
1282 /* Hides from IE-mac \*/
1283 * html .clearfix {height: 1%;}
1284 /* End hide from IE-mac */
1285
1286 .results_summary {
1287         display: block;
1288         font-size : 85%;
1289         color: #707070;
1290         padding : 0 0 .5em 0;
1291 }
1292
1293 .searchresults .tagstatus {
1294         display: block;
1295         color: #707070;
1296 }
1297
1298 #login4tags {
1299         margin-top : .3em;
1300 }
1301
1302 .results_summary .label {
1303         color: #202020;
1304 }
1305
1306 .results_summary a {
1307         font-weight: normal;
1308 }
1309
1310 .actions a {
1311         margin-left : 1em;
1312         text-decoration : none;
1313 }
1314
1315 .actions a.hold {
1316         background : url("../../images/placehold-small.gif") center left no-repeat;
1317         padding-left : 16px;
1318 }
1319
1320 .actions a.addtocart {
1321         background : url("../../images/cart-small.gif") center left no-repeat;
1322         padding-left : 13px;
1323         display : none;
1324 }
1325
1326 .actions a.addtoshelf {
1327         background : url("../../images/addtolist-small.gif") center left no-repeat;
1328         padding-left : 13px;
1329 }
1330
1331 .dialog {
1332   border: 1px solid #bcbcbc;
1333         padding : .5em;
1334         margin : 1em auto;
1335   width: 65%;
1336   }
1337   
1338 .dialog  h2, .dialog h3, .dialog h4 {
1339         margin : auto;
1340         text-align : center;
1341   }
1342  
1343 div.alert {
1344   background : #FFC url(../../images/alert-bg.gif) repeat-x left 0;
1345   text-align : center;
1346 }
1347
1348 div.alert strong {
1349         color : #900;
1350 }
1351
1352 div.message {
1353         background : white url("../../images/message-bg.gif") repeat-x left 0;
1354    border : 1px solid #bcbcbc;
1355         width : 55%;
1356 }
1357
1358 #moresearches {
1359         clear : left;
1360         color : #000099;
1361         font-size : 90%;
1362         line-height : 110%;
1363         margin : .6em 0 .3em 0;
1364 }
1365
1366 #moresearches a:link, #moresearches a:visited {
1367         color : #e5ebff;
1368         font-weight : normal;
1369         text-decoration : none;
1370 }
1371
1372 #news th {
1373         text-align : left;
1374         padding : 3px 5px;
1375 }
1376
1377 #opac-main-search #listsmenu a, #opac-main-search #listsmenu h4 {
1378         color : #000;
1379         font-weight : normal;
1380 }
1381  #opac-main-search #listsmenu h4 {
1382         font-size : 90%;
1383         font-weight : bold;
1384         margin : 0 .2em; 
1385  }
1386  
1387 #opac-main-search #listsmenu .yuimenuitemlabel {
1388         cursor : pointer;
1389 }
1390
1391 #opac-main-search #listsmenu .bd {
1392         background-color : #f3f3f3;
1393         border : 1px solid #739acf;
1394         background-image : url("../../images/listmenu-container-bg.gif");
1395         background-position : top right;
1396         background-repeat : repeat-y;
1397         padding : .3em 1em 0 0;
1398 }
1399
1400 #opac-main-search #listsmenu .yuimenuitemlabel.selected {
1401         background-color : #fff;
1402 }
1403
1404 #opac-main-search #listsmenu ul {
1405         border-color : #b8d0e6;
1406 }
1407
1408 .selectcol {
1409         vertical-align: top;
1410         width: 10px;
1411 }
1412 .itypecol {
1413         vertical-align: top;
1414         width: 10px;
1415 }
1416 #container {
1417         color : #000;
1418 }
1419
1420 div#changelanguage{
1421         background-color: #fff;
1422         border-top: 1px solid #CCC;
1423         color : #666;
1424         font-size : 85%;
1425         padding : 1em;
1426  }
1427  
1428 div#changelanguage a {
1429         font-weight : normal;
1430         padding : .5em;
1431
1432                 
1433 div#changelanguage a.more {
1434         background-image:url(../../images/more-up-arrow.gif);
1435         background-position:right center;
1436         background-repeat:no-repeat;
1437         padding-right:13px;
1438 }
1439  
1440 div#changelanguage li.yuimenuitem {
1441         font-size : 120%;
1442         font-weight : normal;
1443         margin : 0;
1444         padding : 0 1em;
1445 }
1446
1447 div#changelanguage li.yuimenuitem a.yuimenuitemlabel {
1448         padding : 0;
1449 }
1450
1451 #cartDetails,#cartUpdate,#holdDetails,#listsDetails {
1452         background-color : #FFF;
1453         border: 1px solid #739acf;
1454         color : black;
1455         display : none;
1456         margin : 0;
1457         padding : 10px;
1458         text-align : center;
1459         width : 180px;
1460         box-shadow: 1px 1px 3px #666;
1461         -moz-box-shadow: 1px 1px 3px #666;
1462         -webkit-box-shadow: 1px 1px 3px #666;
1463
1464 }
1465
1466 .yui-panel .hd, .yui-panel .bd, .yui-panel .ft {
1467         background-color : transparent;
1468         border : 0;
1469         padding : inherit;
1470 }
1471
1472 #login #userid, #login #password {
1473         width : 98%;    
1474 }
1475
1476 #opac-main-search input.submit {
1477         background : #b8d0e6 url(../../images/submit-bg.gif) repeat-x 0 0;
1478         background-color : #b8d0e6;
1479         border-top: 1px solid #cccccc;
1480         border-left: 1px solid #cccccc;
1481         border-right: 1px solid #eeeeee;
1482         border-bottom: 1px solid #eeeeee;
1483         color : #333;
1484         font-weight : normal;
1485         font-size : 80%;
1486         padding : 2px;
1487 }
1488
1489 div#menu {
1490         border-right : 1px solid #979797;
1491         font-size : 94%;
1492         margin-right : .5em;
1493         padding-top : 1em;
1494         padding-bottom : 2em;
1495 }
1496
1497 div#menu li a {
1498         text-decoration : none;
1499         display : block;
1500         background : #EEE url(../../images/side-tab-gradient.gif) repeat-y top right;
1501         border : 1px solid #979797;
1502         font-size : 111%;
1503         margin : .5em 0;
1504         padding : .4em .3em;
1505         margin-right : -1px;
1506 }
1507
1508 div#menu li a:hover {
1509         background : #E8F0F6 url(../../images/side-tab-gradient-hover.gif) repeat-y top right;
1510 }
1511
1512 div#menu li.active a:hover {
1513         background-color : #fff;
1514         color : #0000CC;
1515 }
1516
1517 #menu ul li {
1518         list-style-type : none;
1519 }
1520
1521 #menu ul li.active a {
1522         background-color : #FFF;
1523         background-image : none;
1524         border-right : 0;
1525         font-weight : bold;
1526 }
1527
1528 .left {
1529         float : left;
1530 }
1531
1532 .right {
1533         float : right;
1534 }
1535
1536 #searchsubmit {
1537         cursor : default;
1538         font-size : 87%;
1539         font-weight :  normal;
1540         margin-top : 0;
1541         margin-left :  .2em;
1542         padding: 2px 2px 1px 2px;
1543 }
1544
1545 #export,#further,.detailtagcell {
1546         margin-top : .5em;
1547         background-color : #F3F3F3;
1548         border : 1px solid #E8E8E8;
1549         font-size : 76%;
1550         padding : 3px;
1551         text-align : center;
1552 }
1553 #furtherm { margin-top : .5em; }
1554
1555 #export label, .detailtagcell label {
1556         display : block;
1557         font-weight : bold;
1558         font-size : 110%;
1559         margin-bottom : 2px;
1560 }
1561
1562 #export input, .detailtagcell input {
1563         padding : 2px;
1564 }
1565
1566 #further {
1567         text-align : left;
1568         font-size : 95%;
1569         padding : 3px 3px .5em 1em;
1570 }
1571
1572 #further ul li {
1573         list-style-image : url("../../images/further-bullet.gif");
1574 }
1575
1576 #amazonreviews h4 {
1577         font-size : 90%;
1578         margin : 0;
1579         padding : 0;
1580 }
1581 #amazonreviews h3 {
1582         font-size : 100%;
1583         margin : 0;
1584         padding : 0;
1585 }
1586 span.starFull {
1587         background: url(../../images/star-ratings.gif) top left no-repeat;
1588         display : block;
1589         height: 10px;
1590         margin: 0;
1591         padding: 0;
1592 }
1593
1594 span.starMT {
1595         background: url(../../images/star-ratings-empty.gif) top left no-repeat;
1596         display : block;
1597         height: 10px;
1598         margin: 0 10px 0 10px;
1599         padding: 0;
1600         position: relative;
1601         width: 50px;
1602 }
1603
1604 #cartmenulink, #listsmenulink {
1605         display : block;
1606         position : relative;
1607         background : #aaa;
1608         padding : 5px;
1609         float : left;
1610         color : #333;
1611         text-decoration : none;
1612         cursor : pointer;
1613 }
1614
1615  #cartmenulink *, #listsmenulink * {
1616         font-style : normal;
1617         background-image : url(../../images/button-background.png);
1618         background-repeat : no-repeat;
1619         display : block;
1620         position : relative;
1621 }
1622
1623  #cartmenulink i, #listsmenulink i {
1624         background-position : top left;
1625         position : absolute;
1626         margin-bottom : -5px;
1627         top : 0;
1628         left : 0;
1629         width : 5px;
1630         height : 5px;
1631 }
1632
1633  #cartmenulink span, #listsmenulink span {
1634         background-position : bottom left;
1635         left : -5px;
1636         padding : 0 0 5px 10px;
1637         margin-bottom : -5px;
1638 }
1639 /* For IE7 */
1640  *:first-child+html #cartmenulink span { padding-top : 3px; padding-bottom : 7px; }
1641  *:first-child+html #listsmenulink span { padding-top : 5px; }
1642
1643  #cartmenulink span i, #listsmenulink span i {
1644         background-position : bottom right;
1645         margin-bottom : 0;
1646         position : absolute;
1647         left : 100%;
1648         width : 10px;
1649         height : 100%;
1650         top : 0;
1651 }
1652
1653  #cartmenulink span span, #listsmenulink span span {
1654         background-position : top right;
1655         position : absolute;
1656         right : -10px;
1657         margin-left : 10px;
1658         top : -5px;
1659         height : 0;
1660 }
1661
1662 * html #cartmenulink span, * html #cartmenulink i, * html #listsmenulink span, * html #listsmenulink i {
1663         float : left;
1664         width : auto;
1665         background-image : none;
1666         cursor : pointer;
1667 }
1668 * html #cartmenulink span, * html #listsmenulink span {
1669         padding-top : 5px;
1670 }
1671 #listsmenulink {
1672         background : #9FBFFF;
1673 }
1674
1675 #cartmenulink {
1676         background : #98CB58;
1677         color : #336600;
1678         font-size : 105%;
1679 }
1680
1681 #cartmenulink[class], #listsmenulink[class] {
1682         background-image : url(../../images/button-background-gradient.png);
1683         background-position : left top;
1684 }
1685
1686 #listsmenulink:hover {
1687         background-color : #b8d0e6;
1688 }
1689
1690 #cartmenulink:hover {
1691         background-color : #BFDE96;
1692 }
1693
1694 #cartmenulink img {
1695         background-image : none;
1696         display : inline;
1697         padding : 3px 3px 0 3px;
1698 }
1699
1700 #cartmenulink span#basketcount {
1701         background-image : none;
1702         float : none;
1703         display : inline;
1704         height : auto;
1705         position : relative;
1706         margin : 0;
1707         padding : 0;
1708         left : auto;
1709         right : auto;
1710         top : auto;
1711 }
1712
1713 #cartmenulink span#basketcount span {
1714         background-image : none;
1715         background-color : #E6FCB7;
1716         color : #000;
1717         display : inline;
1718         float : none;
1719         font-size : 80%;
1720         font-weight : normal;
1721         margin : 0 0 0 .9em;
1722         padding : 0 .3em 0 .3em;
1723         position : relative;
1724         left : auto;
1725         right : auto;
1726         top : auto;
1727 }
1728
1729 a#listsmenulink, a#listsmenulink:hover {
1730         color : #006699;
1731         font-size : 105%;
1732         font-weight : bold;
1733         line-height : 185%;
1734         margin-left : 1.5em;
1735 }
1736
1737 a#cartmenulink, a#cartmenulink:hover {
1738         color : #336600;
1739         font-size : 105%;
1740         font-weight : bold;
1741         line-height : 185%;
1742         margin-left : 1.5em;
1743 }
1744 * html a#cartmenulink {
1745         padding-top: 0;
1746 }
1747  * html a#cartmenulink:hover {
1748         padding-top : 0;
1749 }
1750 /* For IE7 */
1751 *:first-child+html a#listsmenulink { padding-top : 0; }
1752 *:first-child+html a#listsmenulink:hover { padding-top : 0; }
1753 *:first-child+html a#cartmenulink { padding-top : 0; }
1754 *:first-child+html a#cartmenulink:hover { padding-top : 0; }
1755 *:first-child+html #cartmenulink span i{ top : -4px; }
1756 *:first-child+html #listsmenulink span i { top : -5px; }
1757
1758 #listsmenulink img {
1759         background-image : none;
1760         display : inline;
1761         padding : 0 0 2px 0;
1762 }
1763
1764 * html #cartmenulink {
1765         border : 1px solid #336600;
1766 }
1767
1768 * html #listsmenulink {
1769         border : 1px solid #006699;
1770 }
1771
1772 ul.ui-tabs-nav li {
1773         margin-right : .5em;
1774 }
1775
1776 ul.ui-tabs-nav li a, ul.ui-tabs-nav li span.a {
1777         background-color : #F3F3F3;
1778         border-top : 1px solid #E8E8E8;
1779         border-left : 1px solid #E8E8E8;
1780         border-right : 1px solid #E8E8E8;
1781         border-bottom : 0;
1782         padding : .2em 1em;
1783         text-align : center;
1784         text-decoration : none;
1785 }
1786
1787 ul.ui-tabs-nav li.ui-tabs-selected a, ul.ui-tabs-nav li.ui-tabs-selected span.a {
1788         background-color : #FFF;
1789         border-top : 1px solid #E8E8E8;
1790         border-left : 1px solid #E8E8E8;
1791         border-right : 1px solid #E8E8E8;
1792         border-bottom : 1px solid #FFF;
1793         margin-bottom : -5px;
1794         text-align : center;
1795 }
1796
1797 #views {
1798         border-bottom : 1px solid #E8E8E8;
1799         margin-bottom : .5em;
1800         padding : 0 2em 2px 0.2em;
1801         white-space : nowrap;
1802 }
1803
1804 span.view {
1805         padding : 0.2em .2em 2px .2em;
1806 }
1807
1808 #bibliodescriptions,
1809 #isbdcontents {
1810         clear : left;
1811         margin-top : .5em;
1812 }
1813
1814 a#MARCview, span#MARCview, a#MARCviewPop, a#ISBDview, span#ISBDview, a#Normalview, a#Briefhistory, span#Normalview, a#Fullhistory, span#Fullhistory, span#Briefhistory {
1815         background-position : 5px 3px;
1816         background-repeat : no-repeat;
1817         font-size : 87%;
1818         font-weight : normal;
1819         padding : .2em .5em;
1820         text-decoration: none;
1821 }
1822
1823 a#MARCview, span#MARCview {
1824         background-image : url(../../images/marc.gif);
1825         padding-left : 17px;
1826 }
1827 a#MARCviewPop, span#MARCviewPop {
1828     background-image : url(../../images/marc.gif);
1829     padding-left : 17px;
1830 }
1831 a#ISBDview, span#ISBDview {
1832         background-image : url(../../images/isbd.gif);
1833         padding-left : 20px;
1834 }
1835 a#Normalview, span#Normalview {
1836         background-image : url(../../images/normal.gif);
1837         padding-left : 15px;
1838 }
1839
1840 a#MARCview, a#MARCviewPop, a#ISBDview, a#Normalview, a#Fullhistory, a#Briefhistory {
1841         background-color : #F3F3F3;
1842         border-left : 1px solid #E8E8E8;
1843 }
1844
1845 #shelfbrowser table {
1846         margin : 0 20px;
1847 }
1848 #shelfbrowser table, #shelfbrowser td, #shelfbrowser th {
1849         border : 0;
1850         font-size : 90%;
1851         text-align : center;
1852 }
1853 #shelfbrowser a {
1854         font-size : 110%;
1855         text-decoration : none;
1856 }
1857 #shelfbrowser td, #shelfbrowser th {
1858         vertical-align : bottom;
1859         width : 20%;
1860 }
1861 #shelfbrowser td.top {
1862         vertical-align : top;
1863 }
1864 #shelfbrowser td.top a {
1865         text-decoration : underline;
1866 }
1867 #shelfbrowser a {
1868         display : block;
1869 }
1870
1871 #comments .commentline {
1872         border-bottom : 2px solid #eeeeeb;
1873         margin : 0 -.5em 0 -.5em;
1874         padding : 0 .5em .5em .5em;
1875 }
1876 #comments .yours {
1877         background-color : #effed5;
1878 }
1879 #comments #addcomment {
1880         margin : 0 -1em -1em -1em;
1881         padding : .3em 1em;
1882 }
1883 input.tagbutton {
1884         padding : 1px !important;
1885 }
1886 table#items th {
1887         padding : 2px;
1888 }
1889 #action {
1890         margin-top: 0;
1891 }
1892 #similars h4 {
1893         text-align : left;
1894 }
1895 #similars table,
1896 #similars td {
1897         border : 0;
1898         margin : 0;
1899 }
1900 #similars td {
1901         width : 13em;
1902 }
1903 #similars a {
1904         display : block;
1905         font-weight : normal;
1906 }
1907 #furtherm a,
1908 #furtherm a:link,
1909 #furtherm a:visited {
1910         color : #006699;
1911 }
1912 #furtherm h4 {
1913         font-size : 106%;
1914         margin : .1em .5em;
1915 }
1916 #furtherm .bd {
1917         background-color : #F3F3F3;
1918         border:1px solid #DDD;
1919 }
1920 .results_summary img {
1921         margin : 0 5px;
1922  }
1923 span.no-image {
1924         background-color : #FFF;
1925         border: 1px solid #979797;
1926         color : #AAA;
1927         display:block;
1928         font-size : 86%;
1929         font-weight : bold;
1930         text-align : center;
1931         width : 75px;
1932 }
1933 #bookcover span.no-image {
1934         margin-right : 10px;
1935         margin-bottom : 10px;
1936 }
1937 #shelfbrowser a:link span.no-image,
1938 #shelfbrowser a:visited span.no-image,
1939 #shelfbrowser a:hover span.no-image,
1940 #shelfbrowser a:active span.no-image {
1941         font-size : 95%;
1942 }
1943 #shelfbrowser a:link span.no-image,
1944 #shelfbrowser a:visited span.no-image,
1945 #shelfbrowser a:hover span.no-image,
1946 #shelfbrowser a:active span.no-image,
1947 td.jacketcell a:link,
1948 td.jacketcell a:visited,
1949 td.jacketcell a:hover,
1950 td.jacketcell a:active,
1951 a.p1:link,
1952 a.p1:visited,
1953 a.p1:hover,
1954 a.p1:active {
1955         color : #AAA;
1956         text-decoration : none;
1957         font-weight : bold;
1958 }
1959
1960 .copies_row > td:first-child {
1961     border-left-style : none;
1962 }
1963
1964 .rtl {
1965   unicode-bidi: embed;
1966   direction: rtl;
1967   text-align: right;
1968 }
1969
1970 div.ft {
1971         clear : both;
1972 }
1973 #basket td ul li {
1974         font-size:90%;
1975         list-style:disc outside url("../../images/item-bullet.gif");
1976         padding:0.2em 0;
1977 }
1978
1979 #recentcomments {
1980         margin:auto;
1981         max-width:750px;
1982 }
1983
1984 .searchresults .commentline {
1985         background-color : rgb(255, 255, 204);
1986         background-color : rgba(255, 255, 204, 0.4);
1987         border : 1px solid #CCC;
1988         display: inline-block;
1989         -webkit-border-radius: 4px;
1990         -moz-border-radius: 4px;
1991         border-radius: 4px;
1992         -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
1993         -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
1994         box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
1995         margin : .3em;
1996         padding : .4em;
1997 }
1998
1999 .searchresults .commentline.yours {
2000         background-color : rgb(239, 254, 213);
2001         background-color : rgba(239, 254, 213, 0.4);
2002 }
2003
2004 #plainmarc table { border: 0; margin: .7em 0 0 0; font-family: monospace; font-size: 95%; }
2005 #plainmarc th { background-color : #FFF; border: 0; white-space: nowrap; text-align:left; vertical-align: top; padding: 2px; }
2006 #plainmarc td { border: 0; padding : 2px; vertical-align: top; }
2007