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