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