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