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