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