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