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