]> git.evergreen-ils.org Git - working/Evergreen.git/blob - Open-ILS/src/templates/opac/css/style.css.tt2
LP#1681943: show all list fields in mobile view
[working/Evergreen.git] / Open-ILS / src / templates / opac / css / style.css.tt2
1 [%-
2     PROCESS "opac/parts/css/colors.tt2";
3     PROCESS "opac/parts/css/fonts.tt2";
4     rtl = ctx.get_i18n_l(ctx.eg_locale).rtl;
5 %]
6
7 body {
8     margin:0;
9     font-family: Arial, Helvetica, sans-serif;
10     font-size: [% css_fonts.size_base %];
11     background: [% css_colors.primary %];
12     [% IF rtl == 't' -%]
13     direction: rtl;
14     [%- END %]
15 }
16
17 button, input {
18     font-family: Arial, Helvetica, sans-serif;
19     font-size: [% css_fonts.size_base %];
20 }
21
22 img {
23     border: none;
24 }
25
26 #topnav_logo {
27     margin: 2em 0;
28 }
29
30 #homesearch_main_logo {
31     padding-top: 60px;
32     margin: auto;
33     width: 50%;
34 }
35
36 a {
37     color: [% css_colors.primary %];
38 }
39
40 #search-wrapper input[type=text] {
41     margin:0;
42     padding:0;
43 }
44
45 #search-wrapper select, .results_header_lbl select {
46     border:1px solid [% css_colors.border_standard %];
47     margin:0;
48     padding:0;
49     width: 12em;
50 }
51
52 .searchbar {
53     font-weight: bold;
54     padding-top: 10px;
55     [% IF rtl == 't' -%]
56     margin-right: 1em;
57     [%- ELSE %]
58     margin-left: 1em;
59     [%- END %]
60 }
61
62 .refine_search {
63     padding-bottom: 7px;
64     margin-left: 1em;
65 }
66
67 /*
68 #search-wrapper select {
69     border:0px solid [% css_colors.border_dark %];
70     filter:alpha(opacity=0);
71     -moz-opacity:0;
72     -khtml-opacity:0;
73     opacity:0;
74     padding:0;
75     margin:0;
76     height:18px;
77 }
78 */
79 h1 {
80     margin:0;
81     margin-bottom: 5px;
82     font-size: [% css_fonts.size_biggest %];
83     font-weight:normal;
84 }
85
86 h2 {
87     font-size: [% css_fonts.size_bigger %];
88     font-weight:bold;
89 }
90
91 h2.graphic880 {
92     font-size: [% css_fonts.size_bigger %];
93     font-weight:normal;
94 }
95
96 .hide_me, .hidden {
97     display: none;
98     visibility: hidden;
99 }
100
101 div.select-box-wrapper {
102     position:absolute;
103     padding-top:2px;
104     overflow:hidden;
105     [% IF rtl == 't' -%]
106     padding-right: 3px;
107     text-align:right;
108     [%- ELSE %]
109     padding-left:3px;
110     text-align:left;
111     [%- END %]
112 }
113
114 #dash_wrapper {
115     [% IF rtl == 't' -%]
116     margin-right: 0.5em;
117     [%- ELSE %]
118     margin-left: 0.5em;
119     [%- END %]
120 }
121
122 #dash_wrapper div {
123     background: [% css_colors.primary %];
124     border-radius: 5px;
125     padding: 0em 1em;
126 }
127
128 .dash_divider {
129     margin: 1em;
130     color: [% css_colors.primary_fade %];
131     display:inline-block;
132 }
133
134 #dashboard, #dashboard_e {
135     margin-top: 1em;
136     height: 3em;
137 }
138
139 #dashboard span.dash-align a, #dashboard_e span.dash-align a {
140     font-weight: bold;
141     text-decoration: none;
142 }
143
144 #dash_user {
145     font-weight: bold;
146 }
147
148 #logout_link {
149     [% IF rtl == 't' -%]
150     right: 1px;
151     [%- ELSE %]
152     left: 1px;
153     [%- END %]
154 }
155
156 #dash_checked, #dash_e_checked { color: [% css_colors.text_attention %]; }
157 #dash_holds, #dash_e_holds { color: [% css_colors.text_attention %]; }
158 #dash_pickup, #dash_e_pickup { color: [% css_colors.text_goodnews %]; }
159
160 /*  
161 #dash_fines { color: [% css_colors.text_badnews %]; }
162 the color contrast between "text_badnews" and "primary"
163 is too low for WCAG compliance.  Use "text_attention" 
164 for now until a better color is picked - if needed.
165 */
166 #dash_fines { color: [% css_colors.text_attention %]; }
167
168 #dash_wrapper #dash_user_message_button_container {
169     display: inline;
170     padding: 0;
171 }
172 #dash_wrapper #unread_message_count_floater {
173     position: absolute;
174     background-color: [% css_colors.text_alert %];
175     padding-left: 0.2em;
176     padding-right: 0.2em;
177     display: inline-block;
178     font-size: 95%;
179     border-radius: 0;
180     z-index: 2;
181     margin-top: 0.2em;
182     [% IF rtl == 't' -%]
183     margin-right: -1.5em;
184     [%- ELSE %]
185     margin-left: -1.5em;
186     [%- END %]
187 }
188
189 #header-wrap {
190     background: linear-gradient([% css_colors.primary %], [% css_colors.primary_fade %]);
191     background: -moz-linear-gradient([% css_colors.primary %], [% css_colors.primary_fade %]);
192     background: -o-linear-gradient([% css_colors.primary %], [% css_colors.primary_fade %]);
193     background: -webkit-linear-gradient([% css_colors.primary %], [% css_colors.primary_fade %]);
194     background-color: [% css_colors.primary_fade %];
195 }
196 #header {
197     color: [% css_colors.background %];
198     margin-left: 1em;
199     margin-right: 1em;
200     font-size: [% css_fonts.size_small %];
201 }
202
203 #header a {
204     color: [% css_colors.background %];
205 }
206
207 #header a:hover {
208     color: [% css_colors.text_invert %];
209     text-decoration: none;
210 }
211
212 #header-links {
213     color: [% css_colors.text_invert %];
214     font-size: [% css_fonts.size_small %];
215     font-weight: bold;
216     position: relative;
217     top:4px;
218     
219 }
220
221 #header-links a {
222     color: [% css_colors.text_invert %];
223     display: block;
224     text-decoration: none;
225     [% IF rtl == 't' -%]
226     float: right;
227     margin-left: 22px;
228     [%- ELSE %]
229     float:left;
230     margin-right:22px;
231     [%- END %]
232 }
233
234 #header-links a:hover {
235     color: [% css_colors.text_invert %];
236     text-shadow: 0 0 0.2em [% css_colors.primary %], 0 0 0.2em [% css_colors.primary %];
237     text-decoration: none;
238 }
239
240 #header #header-links2 {
241     position:relative;
242     top:-8px;
243     color: [% css_colors.text_invert %];
244     padding-bottom: 15px;
245 }
246
247 #header #header-links2 a {
248     color: [% css_colors.text_invert %];
249 }
250
251 #header #header-links2 a:hover {
252     text-decoration: underline;
253 }
254
255 #your-acct-login {
256     padding-top:2em;
257 }
258
259 #gold-links {
260     [% IF rtl == 't' -%]
261     margin-right: 1em;
262     padding-right: 0px;
263     [%- ELSE %]
264     margin-left: 1em;
265     padding-left:0px;
266     [%- END %]
267 }
268
269 #gold-links-home {
270     margin:auto;
271     [% IF rtl == 't' -%]
272     padding-right: 0px;
273     [%- ELSE %]
274     padding-left:0px;
275     [%- END %]
276 }
277
278 #gold-links-holder {
279     height: 24px;
280     background: [% css_colors.background_invert %];
281 }
282
283 #util-bar {
284     [% IF rtl == 't' -%]
285     margin-right: 1em;
286     padding-right: 0px;
287     [%- ELSE %]
288     margin-left: 1em;
289     padding-left:0px;
290     [%- END %]
291     height:0px;
292 }
293
294 #search-wrapper {
295     border-bottom: 1px solid [% css_colors.border_standard %];
296     padding-bottom: 5px;
297     background: [% css_colors.background %];
298 }
299
300 #search-wrapper #breadcrumb {
301     margin-top:0px;
302     font-size: [% css_fonts.size_smaller %];
303     [% IF rtl == 't' -%]
304     float: right;
305     [%- ELSE %]
306     float:left;
307     [%- END %]
308 }
309
310 #search-wrapper #search-within {
311     margin-top:10px;
312     position:relative;
313     [% IF rtl == 't' -%]
314     float: left;
315     right: -173px;
316     [%- ELSE %]
317     float:right;
318     left:-173px;
319     [%- END %]
320 }
321
322 #search-wrapper #breadcrumb a {
323     color: [% css_colors.text %];
324 }
325
326 #search-wrapper #search_frm label {
327     font-size: [% css_fonts.size_smaller %];
328 }
329
330 #search-wrapper #search-box {
331     [% IF rtl == 't' -%]
332     margin-right: 1em;
333     padding-right: 0px;
334     [%- ELSE %]
335     margin-left: 1em;
336     padding-left: 0px;
337     [%- END %]
338     padding-top: 10px;
339     padding-bottom: 10px;
340 }
341
342 #adv_search_tabs, #acct_tabs, #acct_fines_tabs, #acct_checked_tabs, #acct_holds_tabs, #acct_prefs_tabs, #results_header_inner{
343     [% IF rtl == 't' -%]
344     margin-right:2px;
345     [%- ELSE %]
346     margin-left: 2px;
347     [%- END %]
348     overflow: auto;
349 }
350
351 #adv_search_tabs a, #acct_tabs a, #acct_fines_tabs a, #acct_checked_tabs a, #acct_holds_tabs a, #acct_prefs_tabs a {
352     [% IF rtl == 't' -%]
353     float: right;
354     margin: 10px 0px 0px 7px;
355     -moz-border-radius: 10px 10px 0px 0px;
356     border-radius: 10px 10px 0px 0px;
357     [%- ELSE %]
358     float: left;
359     margin: 10px 7px 0px 0px;
360     -moz-border-radius: 10px 10px 0px 0px; 
361     border-radius: 10px 10px 0px 0px;
362     [%- END %]
363     text-align: center;
364     vertical-align: middle;
365     display: block;
366     padding: 10px 0px 10px 0px;
367     font-weight: bold;
368     color: [% css_colors.text_invert %];
369     background: [% css_colors.control %];
370     font-weight: bold;
371     text-decoration: none;
372 }
373
374 #adv_search_tabs a, #acct_tabs a, #acct_fines_tabs a {
375     padding: 1em 1em 0.5em;
376 }
377
378 #adv_search_tabs a:hover, #acct_tabs a:hover, #acct_fines_tabs a:hover, #acct_checked_tabs a:hover, #acct_holds_tabs a:hover, #acct_prefs_tabs a:hover {
379     background: [% css_colors.primary %]; 
380     color: [% css_colors.text_invert %];
381     text-decoration: none;
382 }
383
384 #adv_search_filters {
385     position: relative;
386 }
387 #adv_search_rows {
388     border-bottom: none;
389 }
390 .adv_filter_block {
391     [% IF rtl == 't' -%]
392     float: right;
393     [%- ELSE %]
394     float: left;
395     [%- END %]
396     padding: 15px;
397     clear: both;
398 }
399 .adv_filter_block_item {
400     [% IF rtl == 't' -%]
401     float: right;
402     [%- ELSE %]
403     float: left;
404     [%- END %]
405     padding: 5px;
406 }
407
408 #adv_special_block {
409     [% IF rtl == 't' -%]
410     float: right;
411     [%- ELSE %]
412     float: left;
413     [%- END %]
414     padding: 5px;
415     margin-top: 5px;
416 }
417
418 #adv_search_submit {
419     [% IF rtl == 't' -%]
420     margin-right: 10px;
421     [%- ELSE %]
422     margin-left: 10px;
423     [%- END %]
424     position: relative;
425 }
426
427 .checkbox_col {
428     width: 1%;
429     [% IF rtl == 't' -%]
430     padding-right: 10px !important;
431     [%- ELSE %]
432     padding-left: 10px !important;
433     [%- END %]
434 }
435
436 #adv_search.on, #num_search.on, #expert_search.on {
437     color: [% css_colors.accent_darker %];
438     background: [% css_colors.background %];
439     text-decoration: none;
440 }
441
442 #adv_search_tabs a.acct-tab-on, #acct_tabs a.acct-tab-on, #acct_fines_tabs a.acct-tab-on {
443     color: [% css_colors.accent_darker %];
444     background: [% css_colors.background %];
445     text-decoration: none;
446 }
447
448 .acct-tab-off {
449     background: [% css_colors.control %];
450 }
451
452 #acct_checked_tabs a, #acct_holds_tabs a, #acct_prefs_tabs a {
453     margin-top: 0px;
454     font-size: [% css_fonts.size_smaller %];
455     color: [% css_colors.accent_darker %];
456     padding: 10px 10px 10px 10px;
457 }
458
459 #acct_checked_tabs div.selected a, #acct_holds_tabs div.selected a, #acct_prefs_tabs div.selected a {
460     background: [% css_colors.accent_lightest %];
461     color: [% css_colors.accent_darker %];
462 }
463
464 #acct_checked_tabs, #acct_holds_tabs, #acct_prefs_tabs {
465     padding-bottom: 12px;
466     color: [% css_colors.accent_medium %];
467 }
468
469 #acct_select, #acct_prefs_select {
470      display: none;
471 }
472
473 #mobile_acct_search_links {
474       background: [% css_colors.primary_fade %];
475 }
476
477 .rdetail_header {
478     [% IF rtl == 't' -%]
479     padding: 5px 0px 6px 7px;
480     margin-right: 1em;
481     [%- ELSE %]
482     padding: 5px 7px 6px 0px;
483     margin-left: 1em;
484     [%- END %]
485     border-bottom: 1px dotted [% css_colors.accent_light %];
486 }
487
488 .rdetail_results a {
489     color:[% css_colors.primary_fade %];
490     font-weight:bold;
491     font-size: [% css_fonts.size_bigger %];
492 }
493
494 .rdetail_result_count {
495     color: [% css_colors.text %];
496     font-weight: normal;
497     display: inline-block;
498     [% IF rtl == 't' -%]
499     padding-right: 1em;
500     [%- ELSE %]
501     padding-left: 1em;
502     [%- END %]
503 }
504
505 .rdetail_result_nav {
506     font-weight:normal;
507     display: inline-block;
508     [% IF rtl == 't' -%]
509     padding-right: 1em;
510     [%- ELSE %]
511     padding-left: 1em;
512     [%- END %]
513 }
514
515 #rdetail_details_table {
516     margin-top: 15px;
517 }
518
519 #rdetail_image { border: none; }
520 #rdetail_image_cell {
521     padding-top: 3px;
522     [% IF rtl == 't' -%]
523     padding-left: 10px;
524     [%- ELSE %]
525     padding-right: 10px;
526     [%- END %]
527 }
528
529 h2.rdetail_uris {
530     margin-top: 1em;
531 }
532 div.rdetail_uris {
533     padding: 0.5em 1em 0.5em 1em;
534     background-color: [% css_colors.accent_lighter2 %];
535 }
536 div.rdetail_uris ul li {
537     position: relative;
538     [% IF rtl == 't' -%]
539     right: 1em;
540     [%- ELSE %]
541     left: 1em;
542     [%- END %]
543 }
544
545 div.rdetail_show_copies {
546     margin-top: 1em;
547 }
548
549 div#rdetail_actions_div {
550     background: [% css_colors.background %];
551     [% IF rtl == 't' -%]
552     float: left;
553     [%- ELSE %]
554     float: right;
555     [%- END %]
556 }
557
558 span#rdetail_copy_counts {
559     display: inline-block;
560     vertical-align: top;
561     [% IF rtl == 't' -%]
562     border-left: thin;
563     margin-left: 1em;
564     padding-left: 1em;
565     [%- ELSE %]
566     border-right: thin;
567     margin-right: 1em;
568     padding-right: 1em;
569     [%- END %]
570 }
571
572 span#rdetail_hold_counts {
573     display: inline-block;
574     vertical-align: top;
575 }
576 span#rdetail_hold_counts p {
577     [% IF rtl == 't' -%]
578     padding-right: 2em;
579     [%- ELSE %]
580     padding-left: 2em;
581     [%- END %]
582 }
583
584 #rdetail_image_div {
585     [% IF rtl == 't' -%]
586     float: right;
587     margin-left: 1em;
588     [%- ELSE %]
589     float: left;
590     margin-right: 1em;
591     [%- END %]
592 }
593
594 .rdetail_aux_utils {
595     padding-bottom: 6px;
596     [% IF rtl == 't' -%]
597     border-right: 1px dotted [% css_colors.accent_light %];
598     padding-right:17px;
599     padding-left:70px;
600     [%- ELSE %]
601     border-left:1px dotted [% css_colors.accent_light %];
602     padding-left: 17px;
603     padding-right: 70px;
604     [%- END %]
605 }
606
607 div.place_hold {
608     border-bottom: 1px dotted [% css_colors.accent_light %];
609     padding-top: 10px;
610 }
611
612 div.toggle_list { padding-top: 6px; }
613
614 div.share_record {
615     padding-top: 6px;
616     border-top: 1px dotted [% css_colors.accent_light %];
617 }
618
619 div.format_icon {
620     [% IF rtl == 't' -%]
621     float: left;
622     margin-left: 17px;
623     [%- ELSE %]
624     float: right;
625     margin-right: 17px;
626     [%- END %]
627 }
628
629 #metarecord_population {
630     overflow: hidden;
631     width: 40%;
632     padding-bottom: 10px;
633 }
634
635 .metarecord_population_span_link {
636     line-height: 20px;
637 }
638
639 .metarecord_population_format {
640     border-right: thin;
641     display: inline-block;
642     margin-right: 1em;
643     padding-right: 1em;
644     vertical-align: top;
645 }
646
647 .metarecord_population_item_lang {
648     display: inline-block;
649     vertical-align: top;
650 }
651
652 .metarecord_population_all {
653     padding-top:10px;
654 }
655
656 .results_aux_utils {
657     display: table-cell;
658 }
659
660 .result_util {
661     border-bottom: 1px dotted [% css_colors.accent_light %];
662     padding-top: 6px;
663     [% IF rtl == 't' -%]
664     padding-right: 1em;
665     [%- ELSE %]
666     padding-left: 1em;
667     [%- END %]
668 }
669
670 .results_reviews {
671     top: -5px;
672 }
673
674 #rdetail_copies {
675     padding-top: 1.5em;
676 }
677
678 #rdetails_status td {
679     [% IF rtl == 't' -%]
680     padding: 7px 13px 3px 0px;
681     [%- ELSE %]
682     padding: 7px 0px 3px 13px;
683     [%- END %]
684     white-space: nowrap;
685 }
686
687 #rdetails_status td[headers=copy_header_library], 
688 #rdetails_status td[headers=copy_header_shelfloc] {
689     white-space: normal;
690 }
691
692 #rdetails_status thead th {
693     [% IF rtl == 't' -%]
694     padding: 13px 13px 13px 0px;
695     text-align: right;
696     [%- ELSE %]
697     padding: 13px 0px 13px 13px;
698     text-align: left;
699     [%- END %]
700     background-color: [% css_colors.accent_lighter2 %];
701     font-size: [% css_fonts.size_smaller %];
702     font-weight: bold;
703 }
704
705 #rdetails_status tbody td {
706     [% IF rtl == 't' -%]
707     padding-right: 13px;
708     text-align: right;
709     [%- ELSE %]
710     padding-left: 13px;
711     text-align: left;
712     [%- END %]
713 }
714 #rdetails_status tbody td.copy_note {
715     color: [% css_colors.primary %];
716     text-wrap:normal;
717     white-space:pre-wrap !important;
718     word-wrap:normal;
719 }
720
721 .rdetail_extras {
722     background: [% css_colors.primary_fade %];
723     border: 1px solid [% css_colors.primary %];
724     padding-top:1px;
725     clear:both;
726 }
727
728 #rdetail_extras_div {
729     margin: 1em 0;
730 }
731
732 .rdetail_extras_hr {
733     [% IF rtl == 't' -%]
734     margin-right: 1px;
735     margin-left: 1px;
736     [%- ELSE %]
737     margin-left: 1px;
738     margin-right: 1px;
739     [%- END %]
740     height: 1px;
741     background: [% css_colors.accent_light %];
742 }
743
744 .rdetail_extras_link {
745     padding: 6px 12px;
746     font-size: [% css_fonts.size_smaller %];
747     font-weight: bold;
748 }
749
750 .rdetail_extras_lbl {
751     color: [% css_colors.text_invert %];
752     text-decoration: none;
753 }
754
755 ##rdetail_extras_expand, #rdetail_extras_collapse, #rdetail_locs_collapse {
756     [% IF rtl == 't' -%]
757     margin-right: 13px;
758     [%- ELSE %]
759     margin-left: 13px;
760     [%- END %]
761 }
762
763 #rdetail_locs_expand, #rdetail_locs_collapse {
764     [% IF rtl == 't' -%]
765     margin-right: 13px;
766     [%- ELSE %]
767     margin-left:13px;
768     [%- END %]
769     padding-bottom:3px;
770     margin-top:15px;
771 }
772
773 #rdetail_anotes_div .biography {
774     margin:0;
775 }
776
777 #gbp_extra, #gbp_arrow_down_link {
778     display: none;
779 }
780
781 .almost-content-wrapper {
782     background: [% css_colors.background %];
783 }
784
785 #content-wrapper {
786     background: [% css_colors.background %];
787     min-height: 260px;
788     border-bottom: 1px solid [% css_colors.border_dark %];
789 }
790
791 .content-wrapper-record-page { top: -15px; position: relative; }
792
793 #main-content-home {
794     [% IF rtl == 't' -%]
795     padding-right: 17px;
796     margin-right: 1em;
797     [%- ELSE %]
798     padding-left: 17px;
799     margin-left: 1em;
800     [%- END %]
801 }
802 #main-content {
803     [% IF rtl == 't' -%]
804     padding-right: 0px;
805     [%- ELSE %]
806     padding-left: 0px;
807     [%- END %]
808     margin: 0 1em;
809     clear: both;
810 }
811
812 #main-content-after-bar {
813     [% IF rtl == 't' -%]
814     margin-right: 1em;
815     padding-right: 4px;
816     [%- ELSE %]
817     margin-left: 1em;
818     padding-left: 4px;
819     [%- END %]
820 }
821
822 #results-side-bar {
823     [% IF rtl == 't' -%]
824     float: right; 
825     margin-left: 5px;
826     [%- ELSE %]
827     float: left;
828     margin-right: 5px; 
829     [%- END %]
830     width: 174px;
831     background: [% css_colors.background %];
832 }
833
834 #main-content .login_boxes {
835     border: 1px solid [% css_colors.accent_lighter %];
836     background: linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
837     background: -moz-linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
838     background: -ms-linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
839     background: -o-linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
840     background: -webkit-linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
841
842     color: [% css_colors.accent_darker %];
843 }
844
845 #main-content .login_boxes h1 {
846     font-weight: normal;
847     font-size: [% css_fonts.size_biggest %];
848     margin:0;
849 }
850
851 #main-content .left_brain {
852     [% IF rtl == 't' -%]
853     padding-right: 28px;
854     [% ELSE -%]
855     padding-left:28px;
856     [% END -%]
857     padding-top:25px;
858 }
859
860 #main-content .left_brain input[type=text], #main-content .left_brain input[type=password] {
861     width:167px;
862     margin:0;
863     padding:0;
864     background: [% css_colors.background %];
865     font-size: [% css_fonts.size_bigger %];
866     color: [% css_colors.text %];
867 }
868
869 #main-content .left_brain .input_bg {
870     [% IF rtl == 't' -%]
871     padding: 10px 13px 0px 10px;
872     [% ELSE -%]
873     padding:10px 10px 0px 13px;
874     [% END -%]
875     width:167px;
876     height:29px;
877 }
878
879 .login-help-box {
880     [% IF rtl == 't' -%]
881     float: right;
882     margin-right: 2em;
883     [% ELSE -%]
884     float: left;
885     margin-left: 2em;
886     [% END -%]
887     width: 200px;
888     text-align: center;
889 }
890
891 .login-help-button {
892     font-size: [% css_fonts.size_biggest %];
893     padding: 1.5em;
894 }
895
896 #login-failed-message {
897     font-size: [% css_fonts.size_bigger %];
898     font-weight: bold;
899     color: [% css_colors.text_alert %];
900     padding-top: 1em;
901 }
902
903 #holds_temp_parent td {
904     border-bottom:1px solid [% css_colors.border_standard %];
905 }
906
907 #holds_temp_parent input, #holds_temp_parent select {
908     margin:0;
909 }
910
911 #holds_temp_parent tr td div {
912     margin-top: 10px;
913     margin-bottom: 10px;
914 }
915
916 #holds_temp_parent tr td div.format_icon {
917     margin-top: 6px;
918     margin-bottom: 6px;
919     float: none;
920 }
921
922 #results_header_bar {
923     background: [% css_colors.accent_medium %];
924     border-top:1px solid [% css_colors.accent_mediumdark %];
925     border-bottom:1px solid [% css_colors.accent_mediumdark %];
926 }
927
928 .results_header_lbl {
929     [% IF rtl == 't' -%]
930     float: right;
931     [% ELSE -%]
932     float: left;
933     [% END -%]
934     font-weight: bold;
935     color: [% css_colors.text %];
936     /* this border is not visible, but it keeps these labels the same size
937     as the buttons */
938     border: 1px solid [% css_colors.accent_medium %];
939     background: [% css_colors.accent_medium %];
940     margin: 0.5em 0.3em;
941     padding: 0.3em;
942 }
943 /* we need a negative margin on the select to allow the containing <label>
944 to determine the actual size of the element.  By doing this, we can increase
945 the odds that the buttons and the select will be the same size, and therefore
946 collapse correctly when the window width decreases */
947 .results_header_lbl select {
948     margin: -0.5em 0;
949 }
950
951 #limit_to_available {
952     vertical-align: middle;
953 }
954
955 .results_header_sel {
956     [% IF rtl == 't' -%]
957     float: right;
958     [% ELSE -%]
959     float:left;
960     [% END -%]
961     margin:0;
962 }
963
964 .results_header_nav1 {
965     [% IF rtl == 't' -%]
966     padding: 5px 0px 6px 7px;
967     [% ELSE -%]
968     padding: 5px 7px 6px 0px;
969     [% END -%]
970     border-bottom: 1px dotted [% css_colors.accent_light %];
971 }
972
973 .results_header_nav1 .h1 {
974     font-size: [% css_fonts.size_bigger %];
975     font-weight:bold;
976     color:[% css_colors.primary_fade %];
977 }
978
979 .table_no_border_space {
980   border-spacing: 0px;
981 }
982 .table_no_cell_pad td {
983   padding: 0px;
984 }
985 .table_no_border {
986   border-collapse: collapse;
987 }
988
989 #result_table_table {
990   margin-top:10px;
991 }
992
993 #result_table_div {
994     margin-top: 1em;
995 }
996
997 tr.result_table_row > td.results_row_count,
998 tr.result_table_row > td.result_table_pic_header,
999 tr.result_table_row > td.result_table_title_cell {
1000     vertical-align: top;
1001 }
1002
1003 .result_metadata {
1004     [% IF rtl == 't' -%]
1005     float: right;
1006     padding-left: 2em;
1007     [% ELSE -%]
1008     float: left;
1009     padding-right: 2em;
1010     [% END -%]
1011     width: 30em;
1012 }
1013
1014 tr.result_table_row:nth-child(n+2) > td {
1015     border-top: 1px solid [% css_colors.accent_lighter2 %];
1016 }
1017
1018 tr.result_table_row > td.result_table_pic_header {
1019     [% IF rtl == 't' -%]
1020     padding-right: 1em;
1021     [% ELSE -%]
1022     padding-left: 1em;
1023     [% END -%]
1024     white-space: nowrap;
1025     width: 78px;
1026 }
1027
1028 .result_number {
1029     [% IF rtl == 't' -%]
1030     padding-right: 1em;
1031     [% ELSE -%]
1032     padding-left: 1em;
1033     [% END -%]
1034     white-space: nowrap;
1035 }
1036
1037 .result_count_number {
1038    font-weight: bold;
1039 }
1040
1041 .result_table_subtable {
1042     width: 100%;
1043     padding-top: 1em;
1044 }
1045
1046 div.result_table_utils_cont {
1047     [% IF rtl == 't' -%]
1048     text-align: right;
1049     float: right;
1050     [% ELSE -%]
1051     text-align:left;
1052     float: left;
1053     [% END -%]
1054 }
1055
1056 #myopac_summary_div p {
1057     margin:0;
1058     margin-bottom: 10px;
1059 }
1060
1061 #acct_sum_checked_table td {
1062     padding-bottom:5px;
1063 }
1064
1065 .zero_search_hits_main {
1066     [% IF rtl == 't' -%]
1067     float: right;
1068     [% ELSE -%]
1069     float:left;
1070     [% END -%]
1071     width:300px;
1072     margin-top: 2ex;
1073 }
1074 .zero_search_hits_saved {
1075     [% IF rtl == 't' -%]
1076     float: right;
1077     margin-left: 2em;
1078     [% ELSE -%]
1079     float:left;
1080     margin-right: 2em;
1081     [% END -%]
1082     width:200px;
1083     margin-top: 2ex;
1084 }
1085
1086 #zero_search_hits p {
1087     margin-top:0;
1088 }
1089
1090 #zero_hits_term {
1091     font-weight: bold;
1092 }
1093
1094 #zero_search_hits #spell_check_link {
1095 }
1096
1097 #zero_search_hits #zero_hits_suggestions {
1098 }
1099
1100 #lowhits_help {
1101     [% IF rtl == 't' -%]
1102     float: left;
1103     [% ELSE -%]
1104     float: right;
1105     [% END-%]
1106     width: 353px;
1107     background: [% css_colors.accent_light %];
1108     padding: 10px;
1109     margin-top: 7px;
1110 }
1111
1112 .results_info_table td {
1113     [% IF rtl == 't' -%]
1114     padding-left: 10px;
1115     [% ELSE -%]
1116     padding-right: 10px;
1117     [% END-%]
1118 }
1119
1120 #myopac_holds_main_table {
1121     border-collapse: collapse;
1122 }
1123
1124 #myopac_holds_main_table td {
1125     border: 1px solid [% css_colors.border_dark %];
1126     
1127 }
1128
1129 .myopac-hold-available {
1130     color: [% css_colors.text_greatnews %];
1131     font-weight: bold;
1132 }
1133
1134 .myopac-hold-suspended {
1135     color: [% css_colors.text_badnews %];
1136     font-weight: bold;
1137 }
1138
1139 #myopac_prefs_div .data_grid {
1140     border-collapse:collapse;
1141 }
1142
1143 #myopac_prefs_div .data_grid td {
1144     [% IF rtl == 't' -%]
1145     padding: 6px 17px 7px 0px;
1146     [% ELSE -%]
1147     padding:6px 0px 7px 17px;
1148     [% END -%]
1149     background:[% css_colors.accent_ultralight %];
1150     border-bottom:3px solid [% css_colors.background %];
1151 }
1152
1153 .header_middle {
1154     [% IF rtl == 't' -%]
1155     padding: 0px 0px 0px 7px;
1156     [% ELSE -%]
1157     padding: 0px 7px 0px 0px;
1158     [% END -%]
1159     height:22px;
1160     font-size: [% css_fonts.size_bigger %];
1161     font-weight:bold;
1162     color:[% css_colors.primary_fade %];
1163     border-bottom: 1px dotted [% css_colors.accent_light %];
1164     clear: both;
1165 }
1166
1167 .header_middle a {
1168     font-weight: normal;
1169 }
1170
1171 #acct_sum_block {
1172     [% IF rtl == 't' -%]
1173     float: right;
1174     clear: right;
1175     [% ELSE -%]
1176     float: left;
1177     clear: left;
1178     [% END -%]
1179 }
1180
1181 .acct_sum_table {
1182     border-collapse: collapse;
1183     background: [% css_colors.accent_ultralight %];
1184 }
1185
1186 .acct_sum_table tr {
1187     border-bottom: 2px solid white;
1188 }
1189
1190 .acct_sum_table td {
1191     padding: 1em;
1192 }
1193
1194 .acct_sum_table a {
1195     text-transform: none;
1196     position:relative;
1197     top:-1px;
1198 }
1199
1200 .acct_sum_table .view_link {
1201     font-weight: normal;
1202 }
1203
1204 #myopac_sum_fines {
1205     [% IF rtl == 't' -%]
1206     float: left;
1207     padding: 15px 23px 0px 0px;
1208     [% ELSE -%]
1209     float:right;
1210     padding: 15px 0px 0px 23px;
1211     [% END -%]
1212     background: [% css_colors.accent_ultralight %];
1213     width: 177px;
1214     height: 166px;
1215 }
1216
1217 #myopac_sum_fines_placehold {
1218     [% IF rtl == 't' -%]
1219     float: left;
1220     [% ELSE -%]
1221     float: right;
1222     [% END -%]
1223     width: 177px;
1224     height: 166px;
1225 }
1226
1227 .acct_holds_temp td {
1228     [% IF rtl == 't' -%]
1229     text-align: right;
1230     [% ELSE -%]
1231     text-align: left;
1232     [% END -%]
1233 }
1234
1235 #acct_checked_tabs .align, #acct_holds_tabs .align, #acct_prefs_tabs .align {
1236     [% IF rtl == 't' -%]
1237     float: right;
1238     [% ELSE -%]
1239     float:left;
1240     [% END -%]
1241 }
1242
1243 #acct_checked_main_header, #acct_holds_main_header, #acct_checked_hist_header, #acct_holds_hist_header, #acct_list_header, #acct_list_header_anon, #temp_list_holds, #acct_messages_main_header, #ebook_circs_main_table, #ebook_holds_main_table {
1244     border-collapse: collapse;
1245 }
1246
1247 .hold_notes {
1248     text-transform: none;
1249     font-weight: normal;
1250 }
1251
1252 .hold_note_title { font-weight: bold; }
1253
1254 #acct_checked_main_header td, #acct_holds_main_header td, #acct_checked_hist_header td, #acct_holds_hist_header td, #acct_list_header td, #acct_list_header_anon td, #temp_list_holds td, #acct_messages_main_header, #ebook_circs_main_table td, #ebook_holds_main_table td {
1255     background: [% css_colors.accent_lighter2 %];
1256     padding: 10px;
1257 }
1258
1259 #acct_checked_main_header th, #acct_holds_main_header th, #acct_checked_hist_header th, acct_holds_hist_header th, #acct_list_header th, #acct_list_header_anon th, #temp_list_holds th, #acct_messages_main_header, #ebook_circs_main_table th, #ebook_holds_main_table th {
1260     [% IF rtl == 't' -%]
1261     text-align: right;
1262     [% ELSE -%]
1263     text-align: left;
1264     [% END -%]
1265     padding: 0px 10px 0px 10px;
1266 }
1267
1268 #acct_list_header select, #acct_list_header_anon select {
1269     font-weight:normal;
1270     text-transform:none;
1271 }
1272
1273 .search_catalog_lbl {
1274     font-size: [% css_fonts.size_bigger %];
1275 }
1276 .adv_search_catalog_lbl {
1277     font-size: [% css_fonts.size_bigger %];
1278 }
1279
1280 .browse_the_catalog_lbl {
1281     font-size: [% css_fonts.size_bigger %];
1282 }
1283
1284 .lbl1 {
1285     font-size: [% css_fonts.size_bigger %];
1286     font-weight:bold;
1287 }
1288
1289 .lbl2 {
1290     font-size: [% css_fonts.size_smaller %];
1291     font-weight:normal;
1292     position:relative;
1293     top:3px;
1294     max-width:300px;
1295 }
1296
1297 #myopac_tabs, #adv_search_parent, #fines_payments_wrapper {
1298     background: [% css_colors.primary_fade %];
1299     padding-top:5px;
1300     margin-bottom:20px;
1301 }
1302
1303 #fines_payments_wrapper {
1304     padding-left: 5px; 
1305     padding-right: 5px;
1306 }
1307
1308 .myopac_payments_table th {
1309     [% IF rtl == 't' -%]
1310     text-align: right; }
1311     [% ELSE -%]
1312     text-align: left;
1313     [% END -%]
1314 }
1315
1316 .myopac_payments_table thead th { border-bottom: 1px dashed [% css_colors.accent_darker %]; }
1317 .myopac_payments_table thead th:first-child { width: 8em; }
1318 .myopac_payments_table tbody tr:nth-child(odd) { background-color: [% css_colors.accent_lighter %]; }
1319 .myopac_payments_table form { display: inline; }
1320 .myopac_payments_table input[type="submit"] { padding: 1px; }
1321
1322 .payment-error {
1323     font-weight: bold; color: [% css_colors.text_alert %];
1324     padding: 10px; border: 1px solid [% css_colors.accent_medium_dark %];
1325 }
1326
1327 .payment-processing {
1328     font-weight: bold;
1329     color: [% css_colors.text_greatnews %];
1330     font-size: [% css_fonts.size_bigger %];
1331     padding: 10px; border: 1px solid [% css_colors.accent_medium_dark %];
1332     text-align: center;
1333 }
1334 #adv_search_input { width: 100%; }
1335 #adv_search_parent {
1336     margin-bottom:0px;
1337 }
1338 #search-submit-spinner {
1339     height: 16px;
1340     width: 16px;
1341 }
1342 div.adv_search_available {
1343     margin-top: 1em;
1344 }
1345
1346 #myopac_loading {
1347     width:100%;
1348     text-align:center;
1349     padding-top:20px;
1350     font-size: [% css_fonts.size_bigger %];
1351     font-weight:bold;
1352 }
1353
1354 .chili_link {
1355     width:100px !important;
1356     text-align: center !important;
1357 }
1358
1359 .chili_review div.chili_link div {
1360     margin: auto;
1361 }
1362
1363 /* styling for advanced search filters that display with searchbar */
1364
1365 #adv_filter_results_block h4 { display: inline; }
1366
1367 #adv_filter_results_block {
1368     margin-top: 6px;
1369 }
1370
1371 .adv_filter_results_block_label {
1372     font-weight:bold;
1373     [% IF rtl == 't' -%]
1374     padding: 4px 12px 4px 0px;
1375     [% ELSE -%]
1376     padding: 4px 0px 4px 12px;
1377     [% END -%]
1378 }
1379
1380 .adv_filter_results_group {
1381     font-size: 12px;
1382     display: inline-block;
1383     background:  [% css_colors.accent_lighter2 %];
1384     border-style: solid;
1385     border-color: [% css_colors.accent_medium %];
1386     border-width: 1px;
1387     border-radius: 4px;
1388     padding: 2px 4px 2px 4px;
1389 }
1390
1391 .adv_filter_results_group_wrapper {
1392     display: inline-block;
1393     [% IF rtl == 't' -%]
1394     margin-right: 1em;
1395     [% ELSE -%]
1396     margin-left: 1em;
1397     [% END -%]
1398     margin-bottom: 8px;
1399 }
1400
1401 .adv_filter_results_group_header {
1402     display: inline-block;
1403 }
1404
1405 .adv_filter_results_group_values {
1406     display: inline;
1407 }
1408
1409 .adv_search_result_filter {
1410     display: inline-block;
1411 }
1412
1413 .remove_filter {
1414     font-size: 16px;
1415     [% IF rtl == 't' -%]
1416     margin-right: 3px;
1417     [% ELSE -%]
1418     margin-left: 3px;
1419     [% END -%]
1420 }
1421
1422 a.remove_filter {
1423     text-decoration: none;
1424     color: [% css_colors.accent_dark %];
1425 }
1426
1427 #filter_hits {
1428      display: inline-block;
1429 }
1430
1431 #refine_search_link {
1432     display: inline-block;
1433 }
1434
1435 [%- IF we_want_to_turn_on_facet_styling.defined; %]
1436 /* some facet styling */
1437 .facetClassContainer { margin: 2px; border: 1px solid [% css_colors.accent_light %]; }
1438 .facetClassLabelContainer { border: 1px solid [% css_colors.accent_light %]; }
1439 .facetClassLabel { font-weight: bold; text-align: center; }
1440 .facetFieldContainer {  }
1441 .facetFieldLabel { padding-left: 2px; margin-top: 5px; margin-bottom: 5px; font-weight: bold; text-align: left; }
1442 .extraFacetFieldsWrapper { }
1443 .toggleExtraFacetFieldsButton { float: right; margin: 0px; padding: 0px; }
1444 .facetFieldLineCount {
1445     display: inline-block;
1446     border-right: 1px solid [% css_colors.accent_light %];
1447     color: [% css_colors.accent_mediumdark %];
1448     width: 3em;
1449     margin-right: 3px
1450 }
1451 .facetField { border-top: 1px solid [% css_colors.accent_light %]; }
1452 .facetFields { padding-left: 5px; }
1453 .facetFieldLineValue { overflow: hidden; text-overflow: ellipsis; }
1454 [%- END -%]
1455
1456 div#facet_sidebar {
1457     [% IF rtl == 't' -%]
1458     float: right;
1459     margin-left: 1em;
1460     [% ELSE -%]
1461     float: left;
1462     margin-right: 1em;
1463     [% END-%]
1464 }
1465
1466 .facet_box_temp {
1467     padding-bottom:3px;
1468 }
1469
1470 .facet_box_temp .header {
1471     height: 2.3em;
1472     background:[% css_colors.primary %];
1473     -moz-border-top-left-radius: 5px;
1474     border-top-left-radius: 5px;
1475     -moz-border-top-right-radius: 5px;
1476     border-top-right-radius: 5px;
1477     font-weight:bold;
1478     color:[% css_colors.text_invert %];
1479     padding-top:4px;
1480 }
1481
1482 .facet_box_temp.filter_box_temp .header {
1483     background: [% css_colors.background_invert %] !important;
1484 }
1485
1486 .filter_box_label {
1487     color: [% css_colors.background_invert %];
1488     font-weight:bold;
1489     padding-top:4px;
1490     padding-bottom:4px;
1491     padding-left:12px;
1492 }
1493
1494 .facet_box_temp .header .title {
1495     [% IF rtl == 't' -%]
1496     float: right;
1497     padding-right: 12px;
1498     [% ELSE -%]
1499     float:left;
1500     padding-left:12px;
1501     [% END -%]
1502     padding-top:6px;
1503 }
1504
1505 /* in this context, where h4 is primarily for structure, 
1506    avoid the normal large font and margin for h4's */
1507 .facet_box_temp h4 {
1508     font-size : 100%; 
1509     margin: 0px;
1510 }
1511
1512 .facet_box_temp .header a.button {
1513     [% IF rtl == 't' -%]
1514     float: left;
1515     padding-left: 6px;
1516     [% ELSE -%]
1517     float:right;
1518     padding-right:6px;
1519     [% END -%]
1520     padding-top:6px;
1521     color:[% css_colors.text_invert %];
1522 }
1523
1524 .facet_box_wrapper .box_wrapper .box {
1525     border-top:1px solid [% css_colors.border_standard %];
1526     border-left:1px solid [% css_colors.border_standard %];
1527     border-right:1px solid [% css_colors.border_standard %];
1528     padding: 0 0.5em;
1529     width: 14em;
1530     overflow: hidden;
1531 }
1532
1533 .filter_box_wrapper {
1534     margin-bottom: 3px;
1535     padding: 2px;
1536     border: 1px solid [% css_colors.background_invert %];
1537     -moz-border-radius: 3px;
1538     border-radius: 3px;
1539     font-weight:bold;
1540     padding-top:4px;
1541 }
1542
1543 .facet_template {
1544     box-sizing: border-box;
1545     -moz-box-sizing: border-box;
1546     display: table;
1547     margin: 0.5em 0;
1548     width: 100%;
1549 }
1550
1551 .facet_template div {
1552     display: table-cell;
1553     padding: 2px;
1554 }
1555
1556 .facet_template.filter_template div {
1557     padding: 0px !important;
1558 }
1559
1560 .facet_template .count {
1561     text-align: right;
1562     color: [% css_colors.accent_mediumdark %];
1563 }
1564
1565 .facet_template_selected {
1566     background-color: [% css_colors.accent_lighter2 %];
1567     border: 1px solid [% css_colors.accent_medium %];
1568 }
1569
1570 #footer-wrap {
1571     background: linear-gradient([% css_colors.primary_fade %], [% css_colors.primary %]);
1572     background: -moz-linear-gradient([% css_colors.primary_fade %], [% css_colors.primary %]);
1573     background: -o-linear-gradient([% css_colors.primary_fade %], [% css_colors.primary %]);
1574     background: -webkit-linear-gradient([% css_colors.primary_fade %], [% css_colors.primary %]);
1575     background-color: [% css_colors.primary %];
1576 }
1577
1578 #footer {
1579     [% IF rtl == 't' -%]
1580     margin-right: 1em;
1581     [% ELSE -%]
1582     margin-left: 1em;
1583     [% END -%]
1584     padding-top:5px;
1585     padding-bottom: 10px;
1586     font-size: [% css_fonts.size_small %];
1587 }
1588
1589 #footer a {
1590     color: [% css_colors.text_invert %];
1591     text-decoration: none;
1592     text-shadow: 0 0 0.2em [% css_colors.primary %], 0 0 0.2em [% css_colors.primary %];
1593 }
1594
1595 #copyright_text, #footer_logo {
1596     color: [% css_colors.text_invert %];
1597 }
1598
1599 .color_4 {
1600     font-weight: bold;
1601 }
1602
1603 .advanced_div { padding-top: 15px; }
1604 #adv_global_search { width: 100%; }
1605 #adv_global_search select { width: 13em; }
1606 #adv_global_addrow td { padding-top: 7px; }
1607 [% IF rtl == 't' -%]
1608 #adv_global_addrow.td-search-left{text-align:right;}
1609 [% END -%]
1610 #adv_global_input_table { width: 100%; }
1611 #adv_global_input_table select { width: 7em; }
1612 .adv_adv_link {
1613     font-size: [% css_fonts.size_smaller %];
1614     color: [% css_colors.text_alert %];
1615 }
1616 #acct_prefs_header {
1617     [% IF rtl == 't' -%]
1618     float: right;
1619     [% ELSE -%]
1620     float: left;
1621     [% END -%]
1622 }
1623 .search_page_nav_link {
1624     cursor: pointer;
1625     [% IF rtl == 't' -%]
1626     padding-right: 1em;
1627     [% ELSE -%]
1628     padding-left: 1em;
1629     [% END -%]
1630 }
1631 #opac.result.sort { width: 160px; }
1632 .renew-summary, .message-update-summary { font-size: [% css_fonts.size_bigger %]; font-style: italic; margin: 0.5ex 0; }
1633 .failure-text {
1634     [% IF rtl == 't' -%]
1635     margin-right: 4em;
1636     [% ELSE -%]
1637     margin-left: 4em;
1638     [% END -%]
1639     font-style: italic;
1640     color: [% css_colors.text_alert %];
1641 }
1642 .refine-controls { font-size: [% css_fonts.size_bigger %]; padding: 0.5ex 0; }
1643 #adv_search_refine input[type=text] { border: 1px inset [% css_colors.accent_light %] !important; }
1644 #adv_search_refine select { border: 1px inset [% css_colors.accent_light %] !important; }
1645 #adv_search_refine {
1646     [% IF rtl == 't' -%]
1647     padding-right: 5em;
1648     [% ELSE -%]
1649     padding-left: 5em;
1650     [% END -%]
1651     background-color: [% css_colors.accent_lighter2 %];
1652     margin: 2ex 0;
1653 }
1654 .row-remover { position: relative; top: 1px; vertical-align: middle; }
1655 .subtle-button {
1656     background-color: [% css_colors.background %];
1657     color: [% css_colors.primary %]; text-decoration: none;
1658     padding: 0; border: 0; margin: 0;
1659     vertical-align: middle;
1660 }
1661 .subtle-button:hover { text-decoration: underline; cursor: pointer; }
1662 .no-dec:hover { text-decoration: none; }
1663 .pending-addr td { background-color: [% css_colors.background_alert %] !important; border: 0 !important; }
1664
1665 #account-update-email table { text-align: center; padding: 20px; margin-top: 18px; border-collapse: collapse; }
1666 #account-update-email table td {
1667     [% IF rtl == 't' -%]
1668     text-align: right;
1669     [% ELSE -%]
1670     text-align: left;
1671     [% END -%]
1672     padding: 5px 15px 5px 15px;
1673     border-bottom: 1px solid [% css_colors.accent_lighter %];
1674 }
1675 #account-update-email-error { font-size: [% css_fonts.size_biggest %]; padding: 10px; border:1px solid [% css_colors.border_standard %];}
1676 a.dash-link:hover { text-decoration: underline !important; }
1677 #list_create_table td { vertical-align: middle; padding: 0 8px; }
1678 #list_create_table {
1679     background-color: [% css_colors.accent_light %];
1680     padding-bottom: 4px;
1681     margin-bottom: 10px;
1682     border-bottom: 1px dotted [% css_colors.accent_medium %];
1683     width: 100%;
1684 }
1685 .list_create_table_label {
1686     width: 30%;
1687 }
1688 #list_description, #list_create_name {
1689         width: 500px;
1690 }
1691 .list-create-table-buttons input[type=image] { margin-top: 2px; }
1692 .result_table_format_cell { padding: 0px 10px; text-align: center; }
1693 .results_row_count { font-weight: bold; }
1694 #hold_editor h1 { font-size: [% css_fonts.size_bigger %]; font-weight: bold; }
1695 #hold_editor h2 { font-size: [% css_fonts.size_big %]; font-weight: normal; text-indent: 2em; font-style: italic; }
1696 #hold_editor h1, #hold_editor h2 { margin: 2px 0; }
1697 #hold_editor_table { background-color: [% css_colors.accent_lighter %]; padding: 0.5em; }
1698 #hold_editor_table th {
1699     [% IF rtl == 't' -%]
1700     text-align: left;
1701     padding-left: 1em;
1702     [% ELSE -%]
1703     text-align: right;
1704     padding-right: 1em;
1705     [% END -%]
1706 }
1707 #hold_editor_table td { padding: 0.25em 0; }
1708 .fmt-note {
1709     [% IF rtl == 't' -%]
1710     padding-right: 1em !important;
1711     [% ELSE -%]
1712     padding-left: 1em !important;
1713     [% END -%]
1714     vertical-align: middle;
1715 }
1716 .hold-editor-controls { text-align: center; padding-top: 1em !important; }
1717 .hold-editor-controls a { padding-left: 2em; }
1718
1719 .text-right {
1720     [% IF rtl == 't' -%]
1721     text-align: left;
1722     [% ELSE -%]
1723     text-align: right;
1724     [% END -%]
1725 }
1726 .text-right-top {
1727     [% IF rtl == 't' -%]
1728     text-align: right;
1729     [% ELSE -%]
1730     vertical-align: top;
1731     [% END -%]
1732 }
1733 .rdetail-author-div {
1734     padding-bottom: 10px;
1735     display: inline-block;
1736 }
1737
1738 .invisible { visibility: hidden; }
1739 .rdetail-extras-summary { margin: 10px; }
1740 .staff-hold { background-color: [% css_colors.accent_lightest %]; }
1741 .expert-search tbody tr th {
1742     [% IF rtl == 't' -%]
1743     text-align: left;
1744     padding-right: 2em;
1745     [% ELSE -%]
1746     text-align: right;
1747     padding-left: 2em;
1748     [% END -%]
1749 }
1750 .expert-search-row { padding-top: 10px; }
1751 #adv_expert_row label { font-weight: bold; }
1752
1753 .bookshelf tr.browse_border td {
1754     border-bottom: 1px dashed [% css_colors.accent_dark %];
1755     font-size: 1px;
1756     height: 1px;
1757     padding-bottom: 1ex;
1758 }
1759 .cn_browse_item { padding: 2ex; }
1760 .results-paginator-list {
1761     [% IF rtl == 't' -%]
1762     padding-right: 1em;
1763     [% ELSE -%]
1764     padding-left: 1em;
1765     [% END -%]
1766 }
1767 .results-paginator-selected { color: [% css_colors.text_alert %]; }
1768 .inactive-hold { background: [% css_colors.accent_lightest %]; }
1769 .unread-patron-message { font-weight: bold; }
1770
1771 #hold-items-list td { padding: 5px; margin-bottom: 20px; }
1772 .hold-items-list-title { 
1773   font-size: [% css_fonts.size_bigger %];
1774   margin-bottom: 20px;
1775 }
1776 .hold-items-list-problem { color: [% css_colors.text_alert %]; }
1777
1778 .hold_success_links > span { margin: 0 2em; }
1779
1780 .radio-parts-selection { 
1781    width: 75%;
1782    margin-bottom: 20px;
1783 }
1784
1785 .parts-radio-option { 
1786   display: inline-block;
1787   width:15em;
1788 }
1789
1790 .mr_holds_no_formats { 
1791   [% IF rtl == 't' -%]
1792   margin-right: 25px;
1793   [% ELSE -%]
1794   margin-left: 25px;
1795   [% END -%]
1796   padding: 5px;
1797   font-size: 110%;
1798   font-weight: bold;
1799   color: [% css_colors.text_invert %]; 
1800   background: [% css_colors.primary %];
1801 }
1802  
1803 .holds_item_row_separator td {
1804   border-top: 2px dashed [% css_colors.accent_medium %];
1805 }
1806
1807 .big-strong {font-weight: bold; font-size: [% css_fonts.size_bigger %]; }
1808
1809 .results_header_btns, .results_header_sel {
1810     [% IF rtl == 't' -%]
1811     float: right;
1812     [% ELSE -%]
1813     float:left;
1814     [% END -%]
1815 }
1816
1817 /*
1818  * .various_containers a = shortcut to putting .opac-button on every 'a' with
1819  *     the tradeoff of increased stylesheet complexity (TODO: rethink?)
1820  */
1821
1822 .opac-multiline-button > a,
1823 .opac-button, .results_header_btns a, #simple-detail-view-links a, .dash_account_buttons a {
1824     color: [% css_colors.button_text %];
1825     font-weight: bold; 
1826     text-decoration: none;
1827     cursor: pointer !important;
1828     -moz-border-radius: 5px;
1829     border-radius: 5px;
1830     border: 1px solid [% css_colors.primary %];
1831     background:  [% css_colors.primary_fade %];
1832     margin: 0.5em;
1833     padding: 0.3em;
1834     display: inline-block;
1835 }
1836
1837 .opac-multiline-button > a:hover,
1838 .opac-button:hover, .results_header_btns a:hover, #simple-detail-view-links a:hover, #dash_wrapper a.opac-button:hover {
1839     background: [% css_colors.primary %];
1840 }
1841
1842 .opac-button:disabled {
1843     color: [% css_colors.accent_medium %];
1844     cursor: pointer !important;
1845     border: 1px solid [% css_colors.accent_light %];
1846     background-color: [% css_colors.accent_lighter %];
1847 }
1848
1849 /* Firefox adds its own special space to inputs; this gets us closer */
1850 button.opac-button::-moz-focus-inner, input.opac-button::-moz-focus-inner {
1851     padding: 0;
1852     border: 0;
1853 }
1854
1855 .opac-button-header, #dash_wrapper .opac-button {
1856     background: [% css_colors.control %];
1857     box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
1858     font-size: [% css_fonts.size_base %];
1859 }
1860 a.opac-button-header:hover, #dash_wrapper a.opac-button:hover {
1861     border-color: [% css_colors.control %];
1862 }
1863
1864 .opac-multiline-button > a {
1865     display: inline-block;
1866 }
1867
1868 #myopac_checked_div {
1869     padding: 0px;
1870 }
1871
1872 .rdetail-mfhd-head {
1873     margin-top: 5px;
1874     padding-top: 5px;
1875     background-color: [% css_colors.table_heading %];
1876 }
1877
1878 .rdetail-mfhd-type {
1879     [% IF rtl == 't' -%]
1880     padding-right: 1em;
1881     [% ELSE -%]
1882     padding-left: 1em;
1883     [% END -%]
1884 }
1885
1886 .rdetail-mfhd-bottom {
1887     border-bottom: thin solid [% css_colors.border_dark %];
1888     width: 100%;
1889 }
1890
1891 #rdetail_record_details {
1892     clear: both;
1893     margin-top: 1em;
1894 }
1895
1896 .rdetail_content {
1897     [% IF rtl == 't' -%]
1898     margin-right: 1.5em;
1899     padding-right: 1.5em;
1900     [% ELSE -%]
1901     margin-left: 1.5em;
1902     padding-left: 1.5em;
1903     [% END -%]
1904 }
1905
1906 .rdetail_content_type, .rdetail_subject_type {
1907     vertical-align: top;
1908     font-weight: bold;
1909 }
1910
1911 .bookbag-item-row td { vertical-align: top; }
1912
1913 .error { color: [% css_colors.text_alert %]; font-weight: bold; }
1914 .success {
1915     color: [% css_colors.text_greatnews %];
1916     font-weight: bold;
1917 }
1918
1919 .rdetail_related_subjects {
1920     margin-top: 1.5em;
1921 }
1922
1923 .rdetail_related_series {
1924     margin-top: 1.5em;
1925 }
1926
1927 #rdetail_openurl {
1928     margin-top: 1em;
1929 }
1930
1931 .rdetail_openurl_entry {
1932     [% IF rtl == 't' -%]
1933     margin-right: 1em;
1934     padding-right: 1em;
1935     [% ELSE -%]
1936     margin-left: 1em;
1937     padding-left: 1em;
1938     [% END -%]
1939 }
1940 .bookbag-controls-holder { width: 100%; }
1941 .bookbag-controls-holder:nth-child(odd) { background-color: [% css_colors.accent_lighter2 %]; }
1942 .bookbag-controls-holder:nth-child(even) { background-color: [% css_colors.accent_lightest %]; }
1943 .bookbag-controls-holder .most {
1944     [% IF rtl == 't' -%]
1945     padding-right: 0;
1946     margin-left: 5em;
1947     [% ELSE -%]
1948     padding-left: 0;
1949     margin-right: 5em;
1950     [% END -%]
1951 }
1952 .bookbag-controls-title-block {
1953     [% IF rtl == 't' -%]
1954     float:right;
1955     [% ELSE -%]
1956     float:left;
1957     [% END -%]
1958     width:40%;
1959 }
1960 .bookbag-controls-button-block {
1961     [% IF rtl == 't' -%]
1962     float:right;
1963     [% ELSE -%]
1964     float:left;
1965     [% END -%]
1966     width:50%;
1967 }
1968 h2.bookbag-name { margin-bottom: 0em; padding-bottom: 0em; }
1969 .bookbag-share .fixed { min-width: 4em; }
1970 .bookbag-specific {
1971     [% IF rtl == 't' -%]
1972     margin-right: 1em;
1973     [% ELSE -%]
1974     margin-left: 1em;
1975     [% END -%]
1976 }
1977 .bookbag-specific div.sort {
1978     [% IF rtl == 't' -%]
1979     float: right;
1980     text-align: right;
1981     margin-right: 15px;
1982     [% ELSE -%]
1983     float: left;
1984     text-align: left;
1985     margin-left: 15px;
1986     [% END -%]
1987     width: 40%;
1988 }
1989 .bookbag-specific div.meta {
1990     background-color: [% css_colors.accent_light %];
1991     [% IF rtl == 't' -%]
1992     float: left;
1993     text-align: left;
1994     [% ELSE -%]
1995     float: right;
1996     text-align: right;
1997     [% END -%]
1998     width: 54%;
1999     border: 1px solid [% css_colors.accent_light %];
2000     padding: 5px;
2001     margin-top: 5px;
2002 }
2003 #bbag-name-desc-form tr th { vertical-align: middle; }
2004 #bbag-name-desc-form .saver { vertical-align: middle; text-align: center; }
2005 .bookbag-description {
2006     padding-top: 0em;
2007     font-style: italic;
2008     max-width: 40em;
2009 }
2010 .bbag-edit-desc-label {
2011     [% IF rtl == 't' -%]
2012     float:right;
2013     [% ELSE -%]
2014     float:left;
2015     [% END -%]
2016     width:8em;
2017 }
2018 .bbag-edit-desc-save {
2019     clear:both;
2020     margin-bottom:10px;
2021 }
2022 #bbag-edit-description {
2023     width: 20em;
2024     [% IF rtl == 't' -%]
2025     float:right;
2026     [% ELSE -%]
2027     float:left;
2028     [% END -%]
2029 }
2030 #bbag-edit-name {
2031     width: 20em;
2032     [% IF rtl == 't' -%]
2033     float: right;
2034     [% ELSE -%]
2035     float: left;
2036     [% END -%]
2037 }
2038 .bbag-action {
2039     [% IF rtl == 't' -%]
2040     margin-right: 15px;
2041     [% ELSE -%]
2042     margin-left: 15px;
2043     [% END -%]
2044 }
2045 .bbag-navigate-list {
2046     [% IF rtl == 't' -%]
2047     padding-right: 32px;
2048     float:right;
2049     [% ELSE -%]
2050     padding-left: 32px;
2051     float:left;
2052     [% END -%]
2053 }
2054 .bbag-navigate-list-pages {
2055     [% IF rtl == 't' -%]
2056     padding-right: 10px;
2057     float:right;
2058     [% ELSE -%]
2059     padding-left: 10px;
2060     float:left;
2061     [% END -%]
2062 }
2063 textarea { font-family: sans-serif; }
2064 table.bookbag-specific {
2065     border-right: 1px solid [% css_colors.accent_dark %];
2066     border-bottom: 1px solid [% css_colors.accent_medium %];
2067     margin-bottom: 2ex;
2068     width: 100%;
2069 }
2070 .bookbag-share {
2071     [% IF rtl == 't' -%]
2072     float: right;
2073     padding: 0px 10px 0px 0px;
2074     [% ELSE -%]
2075     float: left;
2076     padding: 0px 0px 0px 10px;
2077     [% END -%]
2078 }
2079 .bookbag-share .fixed { min-width: 6em; }
2080 .bookbag-controls {
2081     [% IF rtl == 't' -%]
2082     float: right;
2083     padding: 0px 10px 0px 0px;
2084     [% ELSE -%]
2085     float: left;
2086     padding: 0px 0px 0px 10px;
2087     [% END -%]
2088 }
2089 .bookbag-specific td.list_checkbox {
2090     [% IF rtl == 't' -%]
2091     padding-right: 10px !important;
2092     [% ELSE -%]
2093     padding-left: 10px !important;
2094     [% END -%]
2095 }
2096 .bookbag-specific td.list_entry {
2097     min-width: 10em;
2098     [% IF rtl == 't' -%]
2099     padding-right: 5px !important;
2100     [% ELSE -%]
2101     padding-left: 5px !important;
2102     [% END -%]
2103 }
2104 .bookbag-specific td.list_actions {
2105     white-space: nowrap !important;
2106 }
2107 .bookbag-paginator-selected { color: [% css_colors.text_alert %]; }
2108
2109 .list_is_empty {
2110     padding: 8px 0px 6px 0px;
2111     width: 100%;
2112     border: 0;
2113     font-size: [% css_fonts.size_bigger %];
2114     text-align: center;
2115     font-style: italic;
2116 }
2117 .save-notes { padding-bottom: 1.5ex; }
2118
2119 .nonbreaking-wrapper {
2120     display: inline-block;
2121 }
2122
2123 /* Moved from semiauto.css */
2124 .adv_global_input_container {
2125     border-bottom: none;
2126     clear: both;
2127 }
2128 .opac-auto-013 {
2129     border-bottom: none;
2130     *height: 0px;
2131 }
2132 .adv_global_filter_sort {
2133     border: none;
2134     width: 100%;
2135 }
2136 .clear-both { clear: both; }
2137 .common-no-pad {
2138     clear: both;
2139     height: 0px;
2140     margin: 0px;
2141     padding: 0px;
2142 }
2143 .common-full-pad {
2144     clear: both;
2145     height: 15px;
2146 }
2147 .alert { color: [% css_colors.text_alert %]; }
2148 .float-left {
2149     [% IF rtl == 't' -%]
2150     float: right;
2151     [% ELSE -%]
2152     float: left;
2153     [% END -%]
2154 }
2155 .float-right {
2156     [% IF rtl == 't' -%]
2157     float: left;
2158     [% ELSE -%]
2159     float: right;
2160     [% END -%]
2161 }
2162
2163 .saved-searches-header { width: 100%; font-weight: bold; font-size: [% css_fonts.size_bigger %]; }
2164 .saved-searches-header .button {
2165     [% IF rtl == 't' -%]
2166     float: left;
2167     [% ELSE -%]
2168     float: right;
2169     width: 28px;
2170     [% END -%]
2171 }
2172 .saved-searches-header .text {
2173     [% IF rtl == 't' -%]
2174     float: right;
2175     padding-left: 1em;
2176     [% ELSE -%]
2177     float: left;
2178     padding-right: 1em;
2179     [% END -%]
2180     margin: 0.5ex 0;
2181 }
2182 .saved-searches-header {font-weight: bold; font-size: [% css_fonts.size_bigger %]; }
2183 .saved-searches { border-bottom: 1px solid [% css_colors.accent_medium %]; padding-right: 1em; }
2184 #staff-saved-search { /* wraps .saved-searches-header and .saved-searches on the record page */
2185     [% IF rtl == 't' -%]
2186     border-left: 1px solid [% css_colors.accent_darker %];
2187     [% ELSE -%]
2188     border-right: 1px solid [% css_colors.accent_darker %];
2189     [% END -%]
2190 }
2191 .result_item_circulated {
2192     padding-top: 4px;
2193 }
2194
2195 .result_item_circulated span {
2196     position: relative;
2197     top:-3px;
2198     [% IF rtl == 't' -%]
2199     right: 3px;
2200     [% ELSE -%]
2201     left:3px;
2202     [% END -%]
2203 }
2204
2205 #search-only-bookbag-container { margin: 2ex 0; font-weight: bold; }
2206 #result-bookbag-heading { text-align: center; margin: 2ex; }
2207
2208 .result-bookbag-name { font-size: [% css_fonts.size_bigger %]; font-weight: bold; }
2209 .result-bookbag-description { font-size: [% css_fonts.size_bigger %]; font-style: italic; }
2210 .result-bookbag-item-note { font-style: italic; }
2211 .lowhits-bookbag-name { font-weight: bold; }
2212 .oils_AS { font-weight: bold; color: [% css_colors.text_match %]; }
2213 .oils_AS_match_term {
2214     [% IF rtl == 't' -%]
2215     text-align: right;
2216     [% ELSE -%]
2217     text-align: left;
2218     [% END -%]
2219     color: [% css_colors.text %];
2220 }
2221 .oils_AS_match_field {
2222     font-size: [% css_fonts.size_smallest %]; padding: 0.65em 0;
2223     [% IF rtl == 't' -%]
2224     text-align: left;
2225     [% ELSE -%]
2226     text-align: right;
2227     [% END -%]
2228     color: [% css_colors.accent_medium %];
2229 }
2230 table.result_holdings_table {
2231     margin-top: 1em;
2232     margin-bottom: 1em;
2233 }
2234 table.result_holdings_table thead tr {
2235     background: [% css_colors.table_heading %];
2236 }
2237 table.result_holdings_table thead tr th {
2238     font-weight: bold;
2239 }
2240 span.preflib {
2241     margin: 0 2em 0 2em;
2242 }
2243 a.preflib_change {
2244   vertical-align: super;
2245   font-size: [% css_fonts.size_smaller %];
2246   line-height: normal;
2247   text-decoration: none;
2248 }
2249 .rdetail-holding-group {
2250     [% IF rtl == 't' -%]
2251     margin-right: 1.5em;
2252     [% ELSE -%]
2253     margin-left: 1.5em;
2254     [% END -%]
2255 }
2256 .rdetail-holding-group span {
2257     [% IF rtl == 't' -%]
2258     margin-right: 1.5em;
2259     [% ELSE -%]
2260     margin-left: 1.5em;
2261     [% END -%]
2262 }
2263 .rdetail-holding-group .paging {
2264     [% IF rtl == 't' -%]
2265     margin-right: 1.5em;
2266     [% ELSE -%]
2267     margin-left: 1.5em;
2268     [% END -%]
2269 }
2270 #rdetail_deleted_exp {
2271     font-weight: bold;
2272     padding: 1em;
2273     margin: 1em;
2274     border: thick solid [% css_colors.border_alert %];
2275 }
2276
2277 #ac_tab_wrapper { width : 100%; }
2278 .ac_tab {
2279     [% IF rtl == 't' -%]
2280     float: right;
2281     padding-left: 10px;
2282     [% ELSE -%]
2283     float: left;
2284     padding-right: 10px;
2285     [% END -%]
2286     font-size: [% css_fonts.size_big %];
2287     padding: 5px;
2288     border: 1px solid [% css_colors.primary_offset %];
2289 }
2290 .ac_tab_selected { background-color: [% css_colors.primary_offset %]; }
2291 .ac_tab_selected a { color: [% css_colors.text_invert %]; }
2292 #ac_content { clear: both; width: 100%; margin-top: 10px; }
2293
2294 /* Popmenu styles used for making css menus. */
2295 .popmenu {
2296     margin: 0;
2297     padding: 0;
2298 }
2299 .popmenu li {
2300     list-style: none;
2301 }
2302 .popmenu li a {
2303     display: block;
2304     padding: 3px 5px;
2305 }
2306 .popmenu li ul {
2307     display: none; 
2308     width: 10em; /* Width to help Opera out */
2309     background-color: [% css_colors.primary %];
2310 }
2311 .popmenu li:hover ul {
2312     display: block;
2313     position: absolute;
2314     margin: 0;
2315     padding: 0;
2316     border-color: [% css_colors.border_dark %];
2317     border-width: 1px;
2318     border-style: solid;
2319 }
2320 .popmenu li:hover li {
2321     float: none;
2322 }
2323 .popmenu li:hover li a {
2324     background-color: [% css_colors.primary %]; 
2325     color: [% css_colors.accent_ultralight %];
2326 }
2327 .popmenu li li a:hover {
2328     background-color: [% css_colors.accent_ultralight %]; 
2329     color: [% css_colors.primary %];
2330 }
2331 /* Styles for the temporary list entry. */
2332 .popmenu li:hover li[class~="temporary"] a {
2333     background-color: [% css_colors.primary %]; 
2334     color: [% css_colors.accent_ultralight %];
2335 }
2336 .popmenu li li[class~="temporary"] a:hover {
2337     background-color: [% css_colors.accent_ultralight %]; 
2338     color: [% css_colors.primary %];
2339 }
2340 /* Styles for the default list entry. */
2341 .popmenu li:hover li[class~="default"] a {
2342     background-color: [% css_colors.primary %]; 
2343     color: [% css_colors.accent_ultralight %];
2344 }
2345 .popmenu li li[class~="default"] a:hover {
2346     background-color: [% css_colors.accent_ultralight %]; 
2347     color: [% css_colors.primary %];
2348 }
2349 /* Styles for the new list entry. */
2350 .popmenu li:hover li[class~="new"] a {
2351     background-color: [% css_colors.primary %]; 
2352     color: [% css_colors.accent_ultralight %];
2353 }
2354 .popmenu li li[class~="new"] a:hover {
2355     background-color: [% css_colors.accent_ultralight %]; 
2356     color: [% css_colors.primary %];
2357 }
2358 /* Style to add a divider on the menu. */
2359 .popmenu li li[class~="divider"] {
2360     border-bottom-width: 1px;
2361     border-bottom-color: [% css_colors.border_dark %];
2362     border-bottom-style: solid;
2363 }
2364     
2365 #locale_picker_form {
2366     [% IF rtl == 't' -%]
2367     float: left;
2368     border-left: thin [% css_colors.control %] solid;
2369     [% ELSE -%]
2370     float: right;
2371     border-right: thin [% css_colors.control %] solid;
2372     [% END -%]
2373     padding: 0.5em;
2374     margin-top: 2em;
2375 }
2376
2377 #locale_picker_form * {
2378     margin: 0;
2379     padding: 0;
2380     vertical-align: middle;
2381 }
2382
2383 #patron_usr_barcode_not_found {
2384     font-weight: bold; color: [% css_colors.text_alert %];
2385 }
2386
2387 .record_title {
2388     font-weight: bold;
2389 }
2390
2391 .record_author {
2392     font-style: italic;
2393 }
2394
2395 .password_message {
2396     padding-top: 1em;
2397     padding-bottom: 0.5em;
2398         font-style: italic;
2399 }
2400
2401 #maintenance_message {
2402     padding: 5px;
2403     width: 100%;
2404     background-color: [% css_colors.text_alert %];
2405     color: [% css_colors.text_invert %];
2406     text-align: center;
2407 }
2408
2409 #search-box > span {
2410     margin: 0 1em;
2411 }
2412 .browse-error {
2413     font-weight: bold;
2414     font-color: #c00;
2415 }
2416 .browse-result-sources, .browse-result-authority-bib-links {
2417     [% IF rtl == 't' -%]
2418     margin-right: 1em;
2419     [% ELSE -%]
2420     margin-left: 1em;
2421     [% END -%]
2422 }
2423 .browse-result-best-match {
2424     font-weight: bold;
2425 }
2426 .browse-pager {
2427     margin: 2ex 0;
2428 }
2429 .browse-result-list {
2430     padding-bottom: 0.5ex;
2431 }
2432 .browse-shortcuts {
2433     font-size: [% css_fonts.size_bigger %];
2434 }
2435 .browse-result-authority-field-name {
2436     font-style: italic;
2437     [% IF rtl == 't' -%]
2438     margin-left: 1em;
2439     [% ELSE -%]
2440     margin-right: 1em;
2441     [% END -%]
2442 }
2443 .browse-leading-article-warning {
2444     font-style: italic;
2445     font-size: [% css_fonts.size_big %];
2446 }
2447 .browse-public-general-note {
2448     font-size: [% css_fonts.size_big %];
2449 }
2450 .browse-public-general-note-label { }
2451 .browse-public-general-note-institution {
2452     font-style: normal;
2453     font-weight: bold;
2454 }
2455 .browse-public-general-note-body {
2456     font-style: italic;
2457 }
2458
2459 .bib_peer_type {
2460     font-weight: bold;
2461 }
2462
2463 #main-content-register {
2464     [% IF rtl == 't' -%]
2465     margin-right: 40px;
2466     [% ELSE -%]
2467     margin-left: 40px;
2468     [% END -%]
2469     font-size: [% css_fonts.size_bigger %];
2470 }
2471
2472 #main-content-register table { 
2473     padding: 20px; 
2474     margin-top: 18px; 
2475     border-collapse: collapse;
2476 }
2477
2478 #main-content-register td {
2479     [% IF rtl == 't' -%]
2480     text-align: right;
2481     [% ELSE -%]
2482     text-align: left;
2483     [% END -%]
2484 }
2485
2486 #main-content-register td:not(:first-child) {
2487     [% IF rtl == 't' -%]
2488     padding-right: 20px;
2489     [% ELSE -%]
2490     padding-left: 20px;
2491     [% END -%]
2492 }
2493
2494 .patron-reg-invalid {
2495     font-weight: bold;
2496     color: red;
2497     [% IF rtl == 't' -%]
2498     padding-left: 10px;
2499     [% ELSE -%]
2500     padding-right: 10px;
2501     [% END -%]
2502 }
2503
2504 .result_footer_nav1 {
2505     clear: both;
2506 }
2507
2508 .small_view_only, #filter_hits, #refine_hits, #return_to_hits {
2509     display: none;
2510 }
2511
2512 .rdetail_authors_div {
2513     margin-bottom: 1em;
2514 }
2515
2516 #search_query_label, #search_qtype_label, #search_itype_label, #search_locg_label {
2517     white-space: nowrap;
2518     display: inline-block;
2519 }
2520
2521 .result_table_title_cell {
2522     padding-top: 4px;
2523     padding-bottom: 4px;
2524 }
2525
2526 .record_title {
2527     font-size: [% css_fonts.size_bigger %];
2528 }
2529
2530 /* styling for sms text call number */
2531 .sms_text pre {
2532     font-family: Arial, Helvetica, sans-serif;
2533     font-size: [% css_fonts.size_medium %];
2534     background: [% css_colors.accent_lightest %];
2535     padding: .5%;
2536     /* Allow text to wrap */
2537     white-space: pre-wrap;       /* css-3 */
2538     white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
2539     white-space: -pre-wrap;      /* Opera 4-6 */
2540     white-space: -o-pre-wrap;    /* Opera 7 */
2541     word-wrap: break-word;       /* Internet Explorer 5.5+ */
2542 }
2543
2544 .mobile_view {
2545    display:none;
2546 }
2547
2548 /* patron message center */
2549 #myopac_message_tbody {
2550     vertical-align: top;
2551 }
2552 .myopac_message_message {
2553     white-space: pre-wrap;
2554 }
2555
2556 @media only screen and (max-width: 800px) {
2557     .facet_sidebar_hidden, .result_block_hidden {
2558         display: none;
2559     }
2560     .facet_sidebar_visible, .result_block_visible {
2561         display: inline ! important;
2562     }
2563     #acct_select, #acct_prefs_select {
2564         display: inline-block;
2565     }
2566     #acct_tabs, #acct_prefs_tabs {
2567          display:none;
2568      }
2569     .radio-parts-selection { width: 90%; }
2570     #list_description, #list_create_name {
2571         width: 300px;
2572     }
2573 }
2574
2575 @media only screen and (max-width: 600px) {
2576     input, select {
2577         font-size: [% css_fonts.size_big %];
2578     }
2579     span .nav_arrow_fix {
2580         display: none;
2581     }
2582     #header {
2583         padding: 0px;
2584         margin: 0px;
2585     }
2586     #homesearch_main_logo img {
2587         width:75%;
2588     }
2589     #format_selector {
2590         display:none;
2591     }
2592     #your-acct-login {
2593         padding: 0px;
2594         padding-top: 5px;
2595     }
2596     #your-acct-login a {
2597         margin: 0px;
2598         padding: 5px;
2599     }
2600     #topnav_logo {
2601         margin: 0;
2602     }
2603     #topnav_logo img {
2604         width: 200px;
2605     }
2606     #locale_picker_form {
2607         display: none;
2608     }
2609     #gold-links-holder {
2610         display: none;
2611     }
2612     #simple-detail-view-links {
2613         display: none;
2614     }
2615     #acct_tabs a, #acct_fines_tabs a {
2616        [% IF rtl == 't' -%]
2617        -moz-border-radius: 6px 0px 0px 6px;
2618        border-radius: 6px 0px 0px 6px;
2619        margin: 0px 0px 0px 5px;
2620        [% ELSE -%]
2621        -moz-border-radius: 6px 6px 0px 0px;
2622        border-radius: 6px 6px 0px 0px;
2623        margin: 0px 5px 0px 0px;
2624        [% END -%]
2625        padding: 2px 4px 3px 4px;
2626        font-size: [% css_fonts.size_base %];
2627     }
2628     .bookbag-controls-title-block {
2629         [% IF rtl == 't' -%]
2630         clear:right;
2631         [% ELSE -%]
2632         clear:left;
2633         [% END -%]
2634         width:90%;
2635     }
2636     .bookbag-controls-button-block {
2637         [% IF rtl == 't' -%]
2638         clear:right;
2639         [% ELSE -%]
2640         clear:left;
2641         [% END -%]
2642         width;90%;
2643     }
2644     .bookbag-specific {
2645         [% IF rtl == 't' -%]
2646         margin-right: 0px;
2647         [% ELSE -%]
2648         margin-left: 0px;
2649         [% END -%]
2650     }
2651     .bookbag-specific div.sort {
2652         [% IF rtl == 't' -%]
2653         float: right;
2654         text-align: right;
2655         [% ELSE -%]
2656         float: left;
2657         text-align: left;
2658         [% END -%]
2659         width: 95%;
2660         margin: 5px 0px 5px 0px;
2661         border: 1px solid [% css_colors.accent_light %];
2662         padding:5px;
2663     }
2664     .bookbag-specific div.meta {
2665         [% IF rtl == 't' -%]
2666         float: right;
2667         margin-right:0px;
2668         text-align: right;
2669         [% ELSE -%]
2670         float: left;
2671         margin-left:0px;
2672         text-align: left;
2673         [% END -%]
2674         width: 95%;
2675         margin-bottom:5px;
2676         padding:5px;
2677     }
2678     #bbag-edit-name {
2679         [% IF rtl == 't' -%]
2680         float: right;
2681         [% ELSE -%]
2682         float: left;
2683         [% END -%]
2684         width: 220px;
2685     }
2686     #bbag-edit-description {
2687         width: 220px;
2688         margin-top:5px;
2689     }
2690     .bbag-content {
2691         padding:5px;
2692         border:1px solid [% css_colors.accent_light %];
2693     }
2694     .bbag-action {
2695         [% IF rtl == 't' -%]
2696         margin-right:0px;
2697         [% ELSE -%]
2698         margin-left:0px;
2699         [% END -%]
2700         margin-bottom:5px;
2701     }
2702     .bbag-action-field {
2703         width:230px;
2704     }
2705     .bookbag-specific div.sort select {
2706         width:180px;
2707     }
2708     .bookbag-specific tr {
2709         display: block;
2710         border-bottom: 1px solid [% css_colors.border_standard %];
2711     }
2712     .bookbag-specific td.list_checkbox {
2713         [% IF rtl == 't' -%]
2714         padding-right: 0px !important;
2715         [% ELSE -%]
2716         padding-left: 0px !important;
2717         [% END -%]
2718     }
2719     .bookbag-specific td.list_entry {
2720         display: inline-block;
2721         min-width: 5em;
2722         [% IF rtl == 't' -%]
2723         padding-right: 40% !important;
2724         [% ELSE -%]
2725         padding-left: 40% !important;
2726         [% END -%]
2727     }
2728     .bookbag-specific td.list_entry:before {
2729         content: attr(data-label);
2730         position: absolute;
2731         [% IF rtl == 't' -%]
2732         right: 10px;
2733         [% ELSE -%]
2734         left: 10px;
2735         [% END -%]
2736     }
2737     .bbag-navigate-list {
2738         display: none;
2739     }
2740     .bbag-navigate-list-pages {
2741         [% IF rtl == 't' -%]
2742         text-align:left;
2743         float:left;
2744         [% ELSE -%]
2745         text-align:right;
2746         float:right;
2747         [% END -%]
2748     }
2749     #dash_wrapper div {
2750         background: transparent;
2751         padding: 0px;
2752     }
2753     #dash_wrapper {
2754         position: static;
2755         top: auto;
2756     }
2757     #dash_wrapper .opac-button {
2758         top: 0px;
2759     }
2760     .small_view_only, #filter_hits {
2761         display: inline !important;
2762     }
2763     #dash_identity a {
2764         [% IF rtl == 't' -%]
2765         float:right;
2766         [% ELSE -%]
2767         float:left;
2768         [% END -%]
2769     }
2770     #dashboard, #dashboard_e {
2771         display: none;
2772     }
2773     #holds_box form blockquote {
2774         [% IF rtl == 't' -%]
2775         margin-right: 10px;
2776         margin-left: 2px;
2777         [% ELSE -%]
2778         margin-left: 10px;
2779         margin-right: 2px;
2780         [% END -%]
2781     }
2782     #holds_box form blockquote select {
2783         width: 100%;
2784     }
2785     #myopac_sum_fines_placehold {
2786         display:none;
2787     }
2788     #myopac_sum_fines {
2789         display: none;
2790     }
2791     #list_description, #list_create_name {
2792         width: 170px;
2793     }
2794     .results_header_lbl {
2795         display: none;
2796     }
2797     .results_header_nav1 span.h1 {
2798         display: none;
2799     }
2800     .preflib {
2801         display: none;
2802     }
2803     .start_end_links_span {
2804         display: block;
2805     }
2806     .invisible {
2807         display: none;
2808     }
2809     .result_table_pic_header {
2810         [% IF rtl == 't' -%]
2811         padding-right: 0px !important;
2812         padding-left: 5px;
2813         [% ELSE -%]
2814         padding-left: 0px !important;
2815         padding-right: 5px;
2816         [% END -%]
2817         width: 0px !important;
2818         margin: 0px;
2819     }
2820     .result_table_pic {
2821         width: 55px;
2822         padding: 0px;
2823         margin: 0px;
2824     }
2825     tr[name=results_isbn_tr], tr[name=results_phys_desc_tr], tr[name=results_pub_tr] strong, .result_count {
2826          display: none;
2827     }
2828     tr.result_table_title_cell[name=bib_cn_list] .result_holdings_table th:nth-child(4),
2829     tr.result_table_title_cell[name=bib_cn_list] .result_holdings_table td:nth-child(4) {
2830         display:none;
2831     }
2832     .results_info_table td {
2833         padding: 0px;
2834     }
2835     #results_header_bar {
2836         background-color: inherit;
2837     }
2838     .results_header_btns a {
2839         margin: 0.3em;
2840     }
2841     .adv_filter_results_hide {
2842         display: none;
2843     }
2844     .adv_filter_results_show {
2845         display: block;
2846     }
2847     .adv_filter_results_block_label {
2848         display: block;
2849     }
2850     .adv_filter_results_group_wrapper {
2851         display: block;
2852     }
2853     #main-content {
2854         margin: 0 1px;
2855     }
2856     #rdetails_status thead {
2857         display: none;
2858     }
2859     #rdetails_status tr {
2860         display: block;
2861         margin-top: 3px;
2862     }
2863     #rdetails_status td {
2864         display: block;
2865         padding: 1px;
2866     }
2867     .copy_details_row {
2868         background-color: [% css_colors.accent_lightest %];
2869     }
2870     .copy_details_offers_row {
2871         background-color: [% css_colors.accent_lightest %];
2872     }
2873     select#pickup_lib.search-wrapper-locg {
2874         width: 100%;
2875     }
2876     #search-wrapper #search-box {
2877         width: 85%;
2878         padding-top: 5px;
2879     }
2880     #main-content-home {
2881         padding: 0px;
2882         margin: 0px;
2883     }
2884     /* Make use of full width in mobile mode */
2885     .facet_box_wrapper .box_wrapper .box,
2886     .facet_template .facet,
2887     .facet_box_temp {
2888         width: inherit;
2889     }
2890     .facet_template .count {
2891         [% IF rtl == 't' -%]
2892         padding-right: 1em;
2893         [% ELSE -%]
2894         padding-left: 1em;
2895         [% END -%]
2896     }
2897     #facet_sidebar {
2898         margin-top: 0.5em;
2899     }
2900     #adv_search_parent {
2901         font-size: [% css_fonts.size_smaller %];
2902     }
2903     #adv_search_filters {                                                                                                                             
2904         position: relative;                                                                                                                           
2905         width: 300px;
2906     }
2907     #format_actions {
2908         [% IF rtl == 't' -%]
2909         float: right;
2910         [% ELSE -%]
2911         float: left;
2912         [% END -%]
2913     }
2914     .rdetail_aux_utils {
2915         padding: 0px;
2916         border: none;
2917     }
2918     .result_metadata {
2919         width: inherit;
2920     }
2921     div#rdetail_actions_div {
2922         float: none;
2923     }
2924     h2.rdetail_uris {
2925         clear: both;
2926     }
2927     #metarecord_population {
2928         overflow: hidden;
2929         width: 100%;
2930     }
2931     .metarecord_population_span_link {
2932     }
2933     .metarecord_population_item_lang {
2934         float: none;
2935     }
2936     .search_catalog_lbl {
2937         [% IF rtl == 't' -%]
2938         margin-right: 0;
2939         [% ELSE -%]
2940         margin-left: 0;
2941         [% END -%]
2942         white-space: nowrap;
2943     }
2944     .adv_search_catalog_lbl { 
2945         margin-top: 0;
2946         white-space: nowrap;
2947     }
2948     .browse_the_catalog_lbl {
2949         white-space: nowrap;
2950     }
2951     .mobile_hide {
2952         display: none;
2953     } 
2954     #dash_user {
2955         display: block;
2956         padding: 0.5em;
2957     }
2958     .dash_divider {
2959         display: none;
2960     }
2961     .dash_account_buttons {
2962         display: block;
2963     } 
2964     .searchbar { line-height: 1.5em; }
2965     #browse-controls { line-height: 1.5em; }
2966     #search_query_label, #search_qtype_label, #search_itype_label, #search_locg_label {
2967         display: block;
2968     }
2969     .bookshelf td {
2970         display: block;
2971         width: 100%;
2972     }
2973     .bookshelf table thead tr {
2974         display: block;
2975     }
2976     #lowhits_help { width: inherit; }
2977     #adv_search_tabs a{                                                                                                                           
2978         font-size: [% css_fonts.size_small %];
2979         margin: 2px 2px 0px 2px;
2980         padding: 2px 2px 5px 2px; 
2981         -moz-border-radius: 10px 0px 0px 0px;
2982         [% IF rtl == 't' -%]
2983         border-radius: 7px 0px 0px 7px;
2984         [% ELSE -%]
2985         border-radius: 7px 7px 0px 0px;
2986         [% END -%]
2987     }
2988     #adv_global_tbody td {
2989         border-bottom: thin solid [% css_colors.accent_light %];
2990     }
2991     #adv_global_addrow td {
2992         border-bottom: none;
2993     }
2994         /* Force table to not be like tables anymore */
2995         table#acct_checked_main_header thead tr th, table#acct_holds_main_header thead tr th, table#acct_checked_hist_header thead tr th, table#acct_holds_hist_header thead tr th, table#ebook_circs_main_table thead tr th, table#ebook_holds_main_table thead tr th {
2996                 display: block;
2997         }
2998         table#acct_checked_main_header tbody tr td, table#acct_holds_main_header tbody tr td, table#acct_checked_hist_header tbody tr td, table#acct_holds_hist_header tbody tr td, table#ebook_circs_main_table tbody tr td, table#ebook_holds_main_table tbody tr td {
2999                 display: block;
3000         }
3001
3002         /* Hide table headers (but not display: none;, for accessibility) */
3003         thead tr {
3004                 position: absolute;
3005                 top: -9999px;
3006                 [% IF rtl == 't' -%]
3007                 right: -9999px;
3008                 [% ELSE -%]
3009                 left: -9999px;
3010                 [% END -%]
3011         }
3012
3013         table#acct_checked_main_header, table#acct_holds_main_header, table#acct_checked_hist_header, table#acct_holds_hist_header, table#ebook_circs_main_table, table#ebook_holds_main_table {
3014                 width: 90%;
3015         }
3016
3017         table#acct_checked_main_header tr, table#acct_holds_main_header tr, table#acct_checked_hist_header tr { border: 1px solid #ddd; }
3018
3019         /* Holds history gets large white border to mimic header cell on other
3020            account screens that provide visual cue for next title. We should do
3021            the same for ebook tables too since we have no actions on those
3022            tables. If actions get added, we should move those tables out of
3023            here. */
3024
3025         table#acct_holds_hist_header tr, table#ebook_circs_main_table tr, table#ebook_holds_main_table tr { border-top: 25px solid #fff; }
3026
3027
3028         table#acct_checked_main_header td, table#acct_holds_main_header td, table#acct_checked_hist_header td, table#acct_holds_hist_header td, table#ebook_circs_main_table td, table#ebook_holds_main_table td {
3029                 /* Behave  like a "row" */
3030                 border: none;
3031                 border-bottom: 1px solid #eee;
3032                 position: relative;
3033                 [% IF rtl == 't' -%]
3034                 padding-right: 40%;
3035                 [% ELSE -%]
3036                 padding-left: 40%;
3037                 [% END -%]
3038         }
3039
3040          table#acct_checked_main_header td:before, table#acct_holds_main_header td:before, table#acct_checked_hist_header td:before, table#acct_holds_hist_header td:before, table#ebook_circs_main_table td:before, table#ebook_holds_main_table td:before {
3041                 /* Now like a table header */
3042                 position: absolute;
3043                 /* Top/left values mimic padding */
3044                 top: 2px;
3045                 width: 40%;
3046                 [% IF rtl == 't' -%]
3047                 right: 2px;
3048                 padding-left: 10px;
3049                 [% ELSE -%]
3050                 left: 2px;
3051                 padding-right: 10px;
3052                 [% END -%]
3053                 white-space: nowrap;
3054         }
3055
3056         table#acct_checked_main_header td:nth-of-type(1) { border-top: 5px solid #aaa; padding-top: 15px; background-color: #fff;}
3057         table#acct_checked_main_header td:nth-of-type(2):before { content: "[% l('Title') %]";}
3058         table#acct_checked_main_header td:nth-of-type(3):before { content: "[% l('Author') %]"; }
3059         table#acct_checked_main_header td:nth-of-type(4):before { content: "[% l('Renewals Left') %]"; }
3060         table#acct_checked_main_header td:nth-of-type(5):before { content: "[% l('Due Date') %]"; }
3061         table#acct_checked_main_header td:nth-of-type(6):before { content: "[% l('Barcode') %]"; }
3062         table#acct_checked_main_header td:nth-of-type(7):before { content: "[% l('Call number') %]"; }
3063
3064      table#acct_checked_hist_header td:nth-of-type(1) { border-top: 5px solid #aaa; padding-top: 15px; background-color: #fff;}
3065         table#acct_checked_hist_header td:nth-of-type(2):before { content: "[% l('Title') %]";}
3066         table#acct_checked_hist_header td:nth-of-type(3):before { content: "[% l('Author') %]"; }
3067         table#acct_checked_hist_header td:nth-of-type(4):before { content: "[% l('Checkout Date') %]"; }
3068         table#acct_checked_hist_header td:nth-of-type(5):before { content: "[% l('Due Date') %]"; }
3069         table#acct_checked_hist_header td:nth-of-type(6):before { content: "[% l('Date Returned') %]"; }
3070         table#acct_checked_hist_header td:nth-of-type(7):before { content: "[% l('Barcode') %]"; }
3071         table#acct_checked_hist_header td:nth-of-type(8):before { content: "[% l('Call number') %]"; }
3072
3073         table#acct_holds_main_header td:nth-of-type(1) { border-top: 5px solid #aaa; padding-top: 15px; background-color: #fff;}
3074         table#acct_holds_main_header td:nth-of-type(2):before { content: "[% l('Title') %]";}
3075         table#acct_holds_main_header td:nth-of-type(3):before { content: "[% l('Author') %]"; }
3076         table#acct_holds_main_header td:nth-of-type(4):before { content: "[% l('Format') %]"; }
3077         table#acct_holds_main_header td:nth-of-type(5):before { content: "[% l('Pickup Location') %]"; }
3078         table#acct_holds_main_header td:nth-of-type(6):before { content: "[% l('Cancel on') %]"; }
3079         table#acct_holds_main_header td:nth-of-type(7):before { content: "[% l('Status') %]"; }
3080         table#acct_holds_main_header td.hold_notes:before { content: "[% l('Notes') %]"; }
3081
3082         table#acct_holds_hist_header td:nth-of-type(1):before { content: "[% l('Title') %]";}
3083         table#acct_holds_hist_header td:nth-of-type(2):before { content: "[% l('Author') %]"; }
3084         table#acct_holds_hist_header td:nth-of-type(3):before { content: "[% l('Format') %]"; }
3085         table#acct_holds_hist_header td:nth-of-type(4):before { content: "[% l('Pickup Location') %]"; }
3086         table#acct_holds_hist_header td:nth-of-type(8):before { content: "[% l('Status') %]"; }
3087
3088         table#ebook_circs_main_table td:nth-of-type(1):before { content: "[% l('Title') %]"; }
3089         table#ebook_circs_main_table td:nth-of-type(2):before { content: "[% l('Author') %]"; }
3090         table#ebook_circs_main_table td:nth-of-type(3):before { content: "[% l('Due Date') %]"; }
3091         table#ebook_circs_main_table td:nth-of-type(4):before { content: "[% l('Actions') %]"; }
3092
3093         table#ebook_holds_main_table td:nth-of-type(1):before { content: "[% l('Title') %]"; }
3094         table#ebook_holds_main_table td:nth-of-type(2):before { content: "[% l('Author') %]"; }
3095         table#ebook_holds_main_table td:nth-of-type(3):before { content: "[% l('Due Date') %]"; }
3096         table#ebook_holds_main_table td:nth-of-type(4):before { content: "[% l('Actions') %]"; }
3097
3098
3099
3100        /*Want to see these in mobile ONLY */
3101        .mobile_view{
3102           display:block;
3103        }
3104
3105        .mobile_search_lbl_clr{
3106           color:[% css_colors.mobile_header_text %];
3107        }
3108 }
3109
3110
3111 /* 
3112 For text which is visible only to screen readers.
3113 Borrowed from http://getbootstrap.com/css/#helper-classes-screen-readers 
3114 See also http://webaim.org/techniques/css/invisiblecontent/
3115 */
3116 .sr-only {                                                                     
3117     position: absolute;                                                          
3118     width: 1px;                                                                  
3119     height: 1px;                                                                 
3120     padding: 0;                                                                  
3121     margin: -1px;                                                                
3122     overflow: hidden;                                                            
3123     clip: rect(0, 0, 0, 0);                                                      
3124     border: 0;                                                                   
3125 }
3126
3127 /* Make added rows in Expert Search have bold labels like the initial row */
3128 label[for*=expert_]
3129 {
3130     font-weight: bold;
3131 }  
3132
3133 .sort_deemphasize {
3134     font-weight: lighter;
3135     font-size: 70%;
3136 }
3137
3138 #results-page-depth-hint {
3139     text-align: center;
3140     font-style: italic;
3141 }
3142
3143 #clear-history-confirm {
3144   font-weight: bold;
3145   color: [% css_colors.text_badnews %]; 
3146   padding: 10px;
3147 }
3148
3149 /*Inline rules from other templates files*/
3150
3151 .td-left{
3152     [% IF rtl == 't' -%]
3153     text-align:right;
3154     [% ELSE -%]
3155     text-align:left;
3156     [% END -%]
3157     width:100%;
3158 }
3159 .td-search-left{
3160     [% IF rtl == 't' -%]
3161     text-align:right;
3162     [% ELSE -%]
3163     text-align:left;
3164     [% END -%]
3165 }
3166 #myopac_summary_div{padding:0px;}
3167 .div-left{
3168     [% IF rtl == 't' -%]
3169     float: right;
3170     [% ELSE -%]
3171     float: left;
3172     [% END -%]
3173 }
3174 .td-right{
3175     [% IF rtl == 't' -%]
3176     text-align:left;
3177     [% ELSE -%]
3178     text-align:right;
3179     [% END -%]
3180 }
3181 .login-form-left{
3182     [% IF rtl == 't' -%]
3183     float: right;
3184     margin-left: 40px;
3185     [% ELSE -%]
3186     float: left;
3187     margin-right: 40px;
3188     [% END -%]
3189     padding-bottom: 10px;
3190 }
3191 .hold-div{
3192     [% IF rtl == 't' -%]
3193     padding-right: 10px;
3194     [% ELSE -%]
3195     padding-left: 10px;
3196     [% END -%]
3197     padding-bottom: 15px;
3198 }
3199 .hold-span{font-weight: bold;}
3200 .padding-left-6{
3201     [% IF rtl == 't' -%]
3202     padding-right: 6px;
3203     [% ELSE -%]
3204     padding-left: 6px;
3205     [% END -%]
3206 }
3207 .padding-left-10{
3208     [% IF rtl == 't' -%]
3209     padding-right:10px;
3210     [% ELSE -%]
3211     padding-left:10px;
3212     [% END -%]
3213 }
3214 .padding-left-5{
3215     [% IF rtl == 't' -%]
3216     padding-right: 5px;
3217     [% ELSE -%]
3218     padding-left: 5px;
3219     [% END -%]
3220 }
3221
3222 /* Rules from metarecord_hold_filters.tt2 */
3223
3224 .metarecord_filters{
3225       padding: 5px;
3226       margin-top: 5px;
3227       border-bottom: 1px solid #333;
3228       border-top: 1px solid #333; }
3229 .metarecord_filter_container{
3230     [% IF rtl == 't' -%]
3231     float : right;
3232     margin-left: 10px;
3233     [% ELSE -%]
3234     float : left;
3235     margin-right: 10px;
3236     [% END -%]
3237 }
3238 .metarecord_filter_container select{padding: 2px;width: 13em; /* consistent w/ adv search selectors */}
3239 .metarecord_filter_header{padding-bottom: 5px;}