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