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