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