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