Bookbag enhancements in TTOPAC
[Evergreen.git] / Open-ILS / web / css / skin / default / opac / style.css
1 body {
2         margin:0;
3         font-family: Arial, Helvetica, sans-serif;
4         font-size: 12px;
5         background:#333;
6 }
7
8 img {
9         border: none;
10 }
11
12 a {
13         color: #003399;
14         text-decoration: none;
15 }
16
17 a:hover {
18         text-decoration: underline;
19 }
20
21 #search-wrapper input[type=text] {
22         border:none;
23         margin:0;
24         padding:0;
25 }
26
27 #search-wrapper select {
28         border:1px solid #e9ebf3;
29         margin:0;
30         padding:0;
31         width:168px;
32 }
33
34 /*
35 #search-wrapper select {
36         border:0px solid black;
37         filter:alpha(opacity=0);
38         -moz-opacity:0;
39         -khtml-opacity:0;
40         opacity:0;
41         padding:0;
42         margin:0;
43         height:18px;
44         font-size: 12px;
45 }
46 */
47 h1 {
48         margin:0;
49         margin-bottom: 5px;
50         font-size: 20px;
51         font-weight:normal;
52 }
53
54 h2 {
55         margin:0;
56         margin-bottom: 5px;
57         font-size: 14px;
58         font-weight:bold;
59 }
60
61 .hide_me, .hidden {
62         display: none;
63         visibility: hidden;
64 }
65
66 div.select-box-wrapper {
67         position:absolute;
68         padding-top:2px;
69         padding-left:3px;
70         overflow:hidden;
71         text-align:left;
72 }
73
74 div.select-wrapper {
75         border:1px solid #4C8AB0;
76         display:inline-block;
77         position:relative;
78         z-index:2;
79         background:url('/images/dropdown.gif') no-repeat right center;
80 }
81
82 div.select-wrapper:hover {
83         background:url('/images/dropdown-hover.gif') no-repeat right center;
84 }
85
86 #dash_wrapper {
87         width:500px;
88         position:relative;
89         top:-26px;
90 }
91
92 #dashboard {
93         clear:both;
94         float:right;
95         width:384px;
96 }
97
98 #dashboard span {
99         font-weight:bold;
100         position:relative;
101         left:-1px;
102 }
103
104 #dash_user {
105         font-weight: bold;
106         text-transform: capitalize;
107     position: relative;
108     top: 10px;
109 }
110
111 #dash_corner_mid1a {
112     vertical-align: top;
113     background: url('/images/dash-corner-mid1.png') repeat-x;
114     padding-left: 8px;
115 }
116 #dash_corner_mid1b {
117     background: url('/images/dash-corner-mid1.png') repeat-x;
118     padding: 0px 8px 0px 10px;
119 }
120 #dash_corner_mid1b img { position: relative; top: -1px; }
121 #dash_corner_mid1c {
122     background: url('/images/dash-corner-mid1.png') repeat-x;
123     vertical-align: top;
124 }
125 #dash_corner_mid2a {
126     vertical-align: top;
127     width: 372px;
128     background: url('/images/dash-corner-mid2.png') repeat-x;
129 }
130 .dash-pos-out { position: relative; left: 3px; }
131 .dash-pos-holds { position: relative; left: 100px; }
132 .dash-align-out { text-align: right; width: 86px; }
133 .dash-align-holds { text-align: right; width: 62px; }
134 .dash-pos-pickup { position: relative; left: 170px; }
135 .dash-align-pickup { text-align: right; width: 111px; }
136 .dash-pos-fines { position: relative; left: 284px; }
137 .dash-align-fines { text-align: right; width: 76px; }
138 .pos-rel-top4 { position: relative; top: 4px; }
139 #dash_number_row { position: relative; top: 6px; }
140 #logout_link { left: 1px; }
141
142 #dash_checked { color: #ffcc33; }
143 #dash_holds { color: #ffcc33; }
144 #dash_pickup { color: #1dd93c; }
145 #dash_fines { color: #f41d36; }
146 #header {
147         color: #fff;
148         padding: 26px 0px 26px 0px;
149         width: 974px;
150         margin: auto;
151         font-size:11px;
152 }
153
154 #header a {
155         color: #fff;
156 }
157
158 #header a:hover {
159         color: white;
160         text-decoration: none;
161 }
162
163 #header-links {
164         color: #afafaf;
165         font-size: 11px;
166         font-weight: bold;
167         position: relative;
168         top:4px;
169         
170 }
171
172 #header-links a {
173         color: #afafaf;
174         display: block;
175         float:left;
176         margin-right:22px;
177 }
178
179 #header-links a:hover {
180         color: white;
181         text-decoration: none;
182 }
183
184 #header #header-links2 {
185         position:relative;
186         top:-8px;
187         color: white;
188         padding-bottom: 15px;
189 }
190
191 #header #header-links2 a {
192         color: white;
193 }
194
195 #header #header-links2 a:hover {
196         text-decoration: underline;
197 }
198
199 #header #your-acct-login {
200         padding-top:10px;
201 }
202
203 #gold-links {
204         margin:auto;
205         width:974px;
206         padding-left:0px;
207 }
208
209 #gold-links-home {
210         margin:auto;
211         width:694px;
212         padding-left:0px;
213 }
214
215 #util-bar {
216         margin:auto;
217         width:974px;
218         padding-left:0px;
219         height:0px;
220 }
221
222 #search-wrapper {
223         border-bottom: 1px solid #e9ebf3;
224         padding-bottom: 5px;
225         background: white;
226 }
227
228 #search_box_wrapper {
229         border:1px solid #e9ebf3;
230         padding: 1px;
231     padding-left: 3px;
232 }
233
234 #search-wrapper #breadcrumb {
235         margin-top:0px;
236         font-size: 10px;
237         float:left;
238 }
239
240 #search-wrapper #search-within {
241         margin-top:10px;
242         float:right;
243         position:relative;
244         left:-173px;
245 }
246
247 #search-wrapper #breadcrumb a {
248         color: black;
249 }
250
251 #search-wrapper #search_frm label {
252         font-size: 10px;
253 }
254
255 #search-wrapper #search-box {
256         width:974px;
257         margin:auto;
258         padding-left: 0px;
259 }
260
261 #utils {
262         float:right;
263         z-index:1;
264         width:150px;
265         height:30px;
266         background:url('/images/utils-corner-left.png') no-repeat left top;
267         padding-left: 3px;
268         color: white;
269         position:relative;
270 }
271
272 #utils a {
273         color: white;
274         font-size: 10px;
275 }
276
277 #adv_search_tabs, #acct_tabs, #acct_fines_tabs, #acct_checked_tabs, #acct_holds_tabs, #acct_prefs_tabs, #results_header_inner{
278         height: 40px;
279         width:974px;
280         margin:auto;
281 }
282
283 #adv_search_tabs a, #acct_tabs a, #acct_fines_tabs a, #acct_checked_tabs a, #acct_holds_tabs a, #acct_prefs_tabs a {
284     float: left;
285     text-align: center;
286     vertical-align: middle;
287     display: block;
288     margin: 10px 7px 10px 0px;
289     padding: 10px 0px 10px 0px;
290     -moz-border-radius: 5%; 
291     border-radius: 5%;
292     font-weight: bold;
293     color: #45709b;
294     background: #9ad0f1;
295     font-weight: bold;
296 }
297
298 #adv_search_tabs a, #acct_tabs a, #acct_fines_tabs a {
299     width:156px;
300 }
301
302 #adv_search.on, #num_search.on, #expert_search.on {
303     color: #333333;
304     background: white;
305 }
306
307 #adv_search_tabs a.acct-tab-on, #acct_tabs a.acct-tab-on, #acct_fines_tabs a.acct-tab-on {
308     color: #333333;
309     background: white;
310 }
311
312 .acct-tab-off {
313     background: #9ad0f1;
314 }
315
316 #acct_checked_tabs a, #acct_holds_tabs a, #acct_prefs_tabs a {
317     margin-top: 0px;
318     font-size: 10px;
319     color: #333333;
320     padding: 10px 10px 10px 10px;
321 }
322
323 #acct_checked_tabs div.selected a, #acct_holds_tabs div.selected a, #acct_prefs_tabs div.selected a {
324     background: #e1e1e1;
325     color: #333333;
326 }
327
328 #acct_checked_tabs, #acct_holds_tabs, #acct_prefs_tabs {
329     padding-bottom: 12px;
330     color: #666;
331 }
332
333 #rdetail_header {
334         font-size:14px;
335         font-weight:bold;
336         color:#074079;
337         padding: 5px 7px 6px 0px;
338         border-bottom: 1px dotted #ccc;
339 }
340
341 #rdetail_result_count {
342         color: black;
343         font-size: 11px;
344         font-weight: normal;
345 }
346
347 #rdetail_result_nav {
348         float:right;
349         font-size: 11px;
350         font-weight:normal;
351 }
352
353 #rdetail_details_table {
354         margin-top: 15px;
355 }
356
357 #rdetail_title {
358         font-size: 18px;
359 }
360
361 #rdetail_image { border: none; }
362 #rdetail_image_cell {
363         padding-top: 3px;
364         padding-right: 10px;
365 }
366
367 .rdetail_uri {
368     border: thin black solid;
369     padding: 3px;
370 }
371
372 .rdetail_aux_utils {
373         border-left:1px dotted #ccc;
374         padding-left: 17px;
375         padding-bottom: 6px;
376         padding-right: 70px;
377 }
378
379 .results_aux_utils {
380         border-left:1px dotted #ccc;
381         padding-left: 17px;
382         padding-bottom: 6px;
383         padding-right: 50px;
384 }
385
386 #rdetails_status td, #rdetails_status2 td {
387         white-space:nowrap !important;
388         padding: 7px 0px 3px 13px;
389 }
390
391 #rdetails_status thead td {
392         background-color: #d8d8d8;
393         padding: 13px 0px 13px 13px;
394         font-size: 10px;
395         text-transform: uppercase;
396         font-weight: bold;
397 }
398
399 #rdetails_status tbody td {
400         padding-left: 13px;;
401 }
402
403 .rdetail_extras {
404         height: 29px;
405         background: #9ad0f1;
406         padding-top:1px;
407         margin-bottom: 10px;
408         margin-top: 10px;
409         clear:both;
410 }
411
412 .rdetail_extras_hr {
413         height: 1px;
414         background: #b7def5;
415         margin-left: 1px;
416         margin-right: 1px;
417 }
418
419 .rdetail_extras_link {
420         padding-top: 4px;
421         padding-left: 12px;
422         font-size: 10px;
423         text-transform: uppercase;
424         font-weight: bold;
425 }
426
427 .rdetail_extras_lbl {
428         position: relative;
429         top: -4px;
430         left: 7px;
431 }
432
433 #paginate-homebanner a.toc {
434         display:block;
435         width:20px;
436         height:20px;
437         background:gray;
438         float:left;
439         margin-left:2px;
440         margin-right:2px;
441         margin-top:2px;
442 }
443
444 #rdetail_extras_expand, #rdetail_extras_collapse, #rdetail_locs_collapse {
445         margin-left: 13px;
446 }
447
448 #rdetail_locs_expand, #rdetail_locs_collapse {
449         padding-bottom:3px;
450         margin-top:15px;
451         margin-left:13px;
452 }
453
454 #rdetail_anotes_div .biography {
455         margin:0;
456 }
457
458 #paginate-homebanner a.selected {
459         border: 2px solid black;
460         margin-top:0px;
461         margin-left:0px;
462         margin-right:0px;
463 }
464
465 #hp-buttons {
466         margin: auto;
467         margin-top: 6px;
468         width: 694px; /* 974px; */
469 }
470
471 #hp-welcome {
472         position:absolute;
473         width:295px;
474         height:192px;
475         background: url('/images/banner-bg.png') no-repeat;
476         color: #fff;
477         padding-left: 33px;
478         padding-top: 21px;
479         z-index:9999999999;
480 }
481
482 #hp-welcome h1 {
483         font-size: 25px;
484         margin-bottom:15px;
485 }
486
487 #hp-welcome a {
488         color: #fff;
489         text-decoration: underline;
490 }
491
492 #hp-banner {
493         margin: auto;
494         width: 694px; /* formerly 974px */
495         height: 213px;
496 }
497
498 #hp-ql-table {
499         margin-left: 2px;
500         padding-top: 3px;
501 }
502
503 #hp-ql-table a {
504         color: #333;
505         font-weight: bold;
506         font-size: 13px;
507         text-transform: uppercase;
508         text-decoration: none;
509         display: block;
510         width: 144px;
511         height: 25px;
512         padding-top: 9px;
513         padding-left: 15px;
514         background: url('/images/button-bg.png') no-repeat;
515 }
516
517 #hp-ql-bottom {
518         width: 640px;
519         height: 31px;
520         padding-left: 24px;
521         padding-top: 13px;
522         background: url('/images/hp-links-mid.jpg') repeat-x;
523 }
524
525 #hp-ql-bottom a {
526         display: inline-block;
527         text-decoration: none;
528         color: white;
529         font-size: 15px;
530         font-weight: bold;
531 }
532
533 #hp-ql-bottom img {
534     position:relative;
535     top:-1px;
536     left:2px;
537 }
538
539 .almost-content-wrapper {
540         background: white;
541 }
542
543 #content-wrapper {
544         background: white;
545         min-height: 260px;
546         border-bottom: 1px solid black;
547 }
548
549 .content-wrapper-record-page { top: -15px; position: relative; }
550
551 #main-content-home { width: 694px; margin: auto; padding-left: 17px; }
552 #main-content { width: 974px; margin:auto; padding-left: 0px; }
553
554 #main-content .login_boxes {
555         border: 1px solid #dedede;
556         background:url('/images/login-bg.jpg') top repeat-x;
557         color: #333;
558 }
559
560 #main-content .login_boxes h1 {
561         font-weight: normal;
562         font-size: 25px;
563         margin:0;
564 }
565
566 #main-content .left_brain {
567         padding-left:28px;
568         padding-top:25px;
569 }
570
571 #main-content .left_brain input[type=text], #main-content .left_brain input[type=password] {
572         width:167px;
573         height:18px;
574         margin:0;
575         padding:0;
576         border:none;
577         background: none;
578         font-size: 15px;
579         color: #666;
580 }
581
582 #main-content .left_brain .input_bg {
583         padding:10px 10px 0px 13px;
584         background: url('/images/login-box-bg.jpg') no-repeat;
585         width:167px;
586         height:29px;
587 }
588
589 #home-buttons-inner {
590         width:664px;
591         height:117px;
592         background:#bda964;
593 }
594
595 #holds_temp_parent td {
596         border-bottom:1px solid #dcdbdb;
597 }
598
599 #holds_temp_parent input, #holds_temp_parent select {
600         margin:0;
601 }
602
603 #results_header_bar {
604         background: #929292;
605         border-top:1px solid #8b8b8b;
606 }
607
608 #results_header_inner {
609     height: 32px;
610     padding-top:6px;
611 }
612
613 .cached_list_div { width: 111px; height: 25px; }
614
615 .results_header_div {
616         float: left;
617         width: 0px;
618         height: 25px;
619         border-left: 1px solid #7c7c7c;
620         border-right: 1px solid #9c9c9c;
621         margin: 0px 13px;
622 }
623
624 .results_header_lbl {
625         font-weight: bold;
626         float: left;
627         font-size: 11px;
628         color: #191919;
629         position: relative;
630         top: 5px;
631         margin-right: 6px;
632 }
633
634 .results_header_sel {
635     /* width: 88px; */
636         float:left;
637         margin:0;
638 }
639
640 .results_header_nav1 {
641         padding: 5px 7px 6px 0px;
642         border-bottom: 1px dotted #ccc;
643 }
644
645 .results_header_nav1 .h1 {
646         font-size:14px;
647         font-weight:bold;
648         color:#074079;
649 }
650
651 .start_end_links_span {
652         font-size: 11px;
653 }
654
655 .nav_arrow_fix {
656         font-size:8px;
657         position:relative;
658         top:-1px;
659 }
660
661 #result_table_div {
662         margin-top: 20px;
663 }
664
665 .result_numbers {
666         font-size: 11px; padding-left:15px; white-space: nowrap; width: 320px;
667 }
668
669 .result_table_subtable { width: 100%; border-collapse: collapse; border: 0; }
670
671
672
673
674 .icon_text {
675         text-transform:capitalize;
676 }
677
678 .result_table_title_cell {
679         padding-left: 7px;
680 }
681
682 #myopac_summary_div p {
683         margin:0;
684         margin-bottom: 10px;
685 }
686
687 #acct_sum_checked_table td {
688         padding-bottom:5px;
689 }
690
691 #zero_search_hits div { float:left;width:300px;margin-top:20px; }
692
693 #zero_search_hits p {
694         margin-top:0;
695 }
696
697 #zero_hits_term {
698         text-transform: uppercase;
699     font-weight: bold;
700 }
701
702 #zero_search_hits #spell_check_link {
703         text-transform: uppercase;
704 }
705
706 #zero_search_hits #zero_hits_suggestions {
707         text-transform: uppercase;
708 }
709
710 .results_info_table td {
711         padding-right: 10px;
712 }
713
714 #myopac_holds_main_table {
715         border-collapse: collapse;
716 }
717
718 #myopac_holds_main_table td {
719         border: 1px solid black;
720         
721 }
722
723 #myopac_prefs_div .data_grid {
724         border-collapse:collapse;
725 }
726
727 #myopac_prefs_div .data_grid td {
728         background:#f0f0f0;
729         border-bottom:3px solid white;
730         padding:6px 0px 7px 17px;
731 }
732
733 .header_middle {
734         height:22px;
735         font-size:14px;
736         font-weight:bold;
737         color:#074079;
738         padding: 0px 7px 0px 0px;
739         border-bottom: 1px dotted #ccc;
740 }
741
742 .header_middle a {
743         font-size: 12px;
744         font-weight: normal;
745 }
746
747 .acct_sum_row {
748         padding: 7px 15px;
749         width: 712px;
750         background: #f0f0f0;
751         margin-bottom: 2px;
752         font-size: 10px;
753         font-weight: bold;
754         text-transform: uppercase;
755 }
756
757 .acct_sum_row a {
758         text-transform: none;
759         font-size: 12px;
760         position:relative;
761         top:-1px;
762 }
763
764 .acct_sum_row .view_link {
765         font-weight: normal;
766         font-size:12px;
767 }
768
769 #myopac_sum_fines {
770         float:right;
771         padding: 15px 0px 0px 23px;
772         background: #f0f0f0;
773         width: 177px;
774         height: 166px;
775 }
776
777 #myopac_sum_fines_placehold { float: right; width: 177px; height: 166px; }
778
779 .acct_holds_temp td {
780         text-align: left;
781 }
782
783 #acct_checked_tabs .align, #acct_holds_tabs .align, #acct_prefs_tabs .align {
784         float:left;
785         /*padding-left:10px;*/
786 }
787
788 #acct_checked_tabs .selected, #acct_holds_tabs .selected, #acct_prefs_tabs .selected {
789         /*background:url('/images/gray-arrow.png') left 3px no-repeat;*/
790 }
791
792 #acct_checked_main_header, #acct_holds_main_header, #acct_checked_hist_header, #acct_list_header, #acct_list_header_anon, #temp_list_holds {
793         font-weight:bold;
794         text-transform:uppercase;
795         font-size: 10px;
796 }
797
798 #acct_checked_main_header td, #acct_holds_main_header td, #acct_checked_hist_header td, #acct_list_header td, #acct_list_header_anon td, #temp_list_holds td {
799         background: #d8d8d8;
800         padding: 8px 0px 7px 0px;
801 }
802
803 #acct_list_header select, #acct_list_header_anon select {
804         font-weight:normal;
805         text-transform:none;
806 }
807
808 #acct_holds_activates_table label {
809         font-weight: bold;
810         font-size: 11px;
811         text-transform:uppercase;
812         padding-right: 5px;
813 }
814
815 .adv_search_font {
816         font-size: 10px;
817 }
818
819 .search_catalog_lbl {
820         font-size: 14px;
821 }
822
823 .lbl1 {
824         font-size:14px;
825         font-weight:bold;
826 }
827
828 .lbl2 {
829         font-size:10px;
830         font-weight:normal;
831         position:relative;
832         top:3px;
833 }
834
835 #myopac_tabs, #adv_search_parent, #fines_payments_wrapper {
836         background: #929292;
837         border-top:1px solid #8b8b8b;
838         padding-top:5px;
839         margin-bottom:20px;
840 }
841
842 #fines_payments_wrapper {
843     padding-left: 5px; 
844     padding-right: 5px;
845 }
846
847 .myopac_payments_table th { text-align: left; }
848 .myopac_payments_table thead th { border-bottom: 1px dashed #333; }
849 .myopac_payments_table thead th:first-child { width: 8em; }
850 .myopac_payments_table tbody tr:nth-child(odd) { background-color: #ddd; }
851 .myopac_payments_table form { display: inline; }
852 .myopac_payments_table input[type="submit"] { padding: 1px; }
853
854 .payment-error {
855     font-weight: bold; color: red;
856     padding: 10px; border: 1px solid #888;
857 }
858
859 #adv_search_parent {
860         margin-bottom:0px;
861 }
862
863 #myopac_loading {
864         width:100%;
865         text-align:center;
866         padding-top:20px;
867         font-size:16px;
868         font-weight:bold;
869 }
870
871 .chili_link {
872         width:100px !important;
873         text-align: center !important;
874 }
875
876 .chili_review div.chili_link div {
877         margin: auto;
878 }
879
880 /* some facet styling */
881 .facetClassContainer { margin: 2px; border: 1px solid #CCC; }
882 .facetClassLabelContainer { border: 1px solid #CCC; }
883 .facetClassLabel { font-weight: bold; text-align: center; }
884 .facetFieldContainer {  }
885 .facetFieldLabel { padding-left: 2px; margin-top: 5px; margin-bottom: 5px; font-weight: bold; text-align: left; }
886 .extraFacetFieldsWrapper { }
887 .toggleExtraFacetFieldsButton { float: right; margin: 0px; padding: 0px; }
888 .facetFieldLineCount { display: inline-block; border-right: 1px solid #CCC; color: gray; width: 3em; margin-right: 3px }
889 .facetField { border-top: 1px solid #CCC; }
890 .facetFields { padding-left: 5px; }
891 .facetFieldLineValue { overflow: hidden; text-overflow: ellipsis; }
892
893 #footer {
894         padding-top:5px;
895         padding-bottom: 10px;
896         color: white;
897         margin: auto;
898         width: 974px;
899         color: #afafaf;
900         font-size: 11px;
901 }
902
903 #footer a {
904         color: white;
905         color: #afafaf;
906 }
907
908 .color_4 {
909         text-transform: uppercase;
910         font-weight: bold;
911         font-size: 10px;
912 }
913
914 .advanced_div { padding-top: 15px; }
915 #adv_global_search select { width: 13em; }
916 #adv_global_input_table select { width: 7em; }
917 .adv_adv_link { font-size: 8pt; color: red; }
918 #acct_prefs_header { float: left; }
919 #limit_to_available {
920     float: left; position: relative; top: 2px;
921     left: -2px; margin-right: 4px;
922 }
923 .search_page_nav_link { cursor: pointer; }
924 #opac.result.sort { width: 160px; }
925 .renew-summary { font-size: 125%; font-style: italic; margin: 0.5ex 0; }
926 .failure-text { margin-left: 4em; font-style: italic; color: #ff0000; }
927 .refine-controls { font-size: 125%; padding: 0.5ex 0; }
928 #adv_search_refine input[type=text] { border: 1px inset #ccc !important; }
929 #adv_search_refine select { border: 1px inset #ccc !important; }
930 #adv_search_refine {
931     padding-left: 5em; background-color: #d7d7d7; margin: 2ex 0;
932 }
933 .row-remover { position: relative; top: 1px; vertical-align: middle; }
934 .subtle-button {
935     background-color: #ffffff;
936     color: #003399; text-decoration: none;
937     font-size: 12px;
938     padding: 0; border: 0; margin: 0;
939     vertical-align: middle;
940 }
941 .subtle-button:hover { text-decoration: underline; cursor: pointer; }
942 .no-dec:hover { text-decoration: none; }
943 .pending-addr td { background-color: #ffcccc !important; border: 0 !important; }
944
945 #account-update-email table { text-align: center; padding: 20px; margin-top: 30px; border-collapse: collapse; }
946 #account-update-email table td { padding: 5px 15px 5px 15px; border-bottom: 1px solid #ddd; text-align: left;}
947 #account-update-email-error { font-size: 1.5em; padding: 10px; border:1px solid #e9ebf3;}
948 a.dash-link:hover { text-decoration: underline !important; }
949 #list_create_table td { vertical-align: middle; padding: 0 8px; }
950 #list_create_table {
951     background-color: #ccc;
952     padding-bottom: 4px;
953     margin-bottom: 10px;
954     border-bottom: 1px dotted #666;
955 }
956 .list-create-table-buttons input[type=image] { margin-top: 2px; }
957 .result_table_format_cell { padding: 0px 10px; text-align: center; }
958 #hold_editor h1 { font-size: 120%; font-weight: bold; }
959 #hold_editor h2 { font-size: 111%; font-weight: normal; text-indent: 2em; font-style: italic; }
960 #hold_editor h1, #hold_editor h2 { margin: 2px 0; }
961 #hold_editor_table { background-color: #ddd; padding: 0.5em; }
962 #hold_editor_table th { text-align: right; padding-right: 1em; }
963 #hold_editor_table td { padding: 0.25em 0; }
964 .fmt-note { vertical-align: middle; padding-left: 1em !important; }
965 .hold-editor-controls { text-align: center; padding-top: 1em !important; }
966 .hold-editor-controls a { padding-left: 2em; }
967
968 .text-right { text-align: right; }
969 .text-right-top { text-align: right; vertical-align: top; }
970 .rdetail-author-div { padding-bottom: 10px; }
971
972 .invisible { visibility: hidden; }
973 .rdetail-extras-summary { margin: 10px; }
974 .staff-hold { background-color: #eee; }
975 .expert-search tbody tr th { text-align: right; padding-left: 2em; }
976 .bookshelf thead tr td {
977     border-bottom: 1px dashed #999;
978     padding-bottom: 1ex;
979 }
980 .cn_browse_item { padding: 2ex; }
981
982 .results-paginator-selected { color: red; }
983 .inactive-hold { background: #e5e5e5; }
984
985 #hold-items-list td { padding: 5px; margin-bottom: 20px; }
986 .hold-items-list-title { font-size: 120%; }
987 .hold-items-list-problem { color: red; }
988
989 .big-strong {font-weight: bold; font-size: 120%; }
990
991 .results_header_btns, .results_header_sel {
992     float:left;
993     margin-right: 6px;
994     height: 26px;
995 }
996
997 /* TODO: gradients */
998 .opac-button, .results_header_btns, #simple-detail-view-links { 
999     color: white; 
1000     font-weight: bold; 
1001     -moz-border-radius: 5%;
1002     border-radius: 5%;
1003     background: #1784c7; 
1004 }
1005
1006 .results_header_btns a, #simple-detail-view-links a {
1007     margin: 10px;
1008     padding: 5px 10px 5px 10px;
1009     color: white;
1010     vertical-align: middle;
1011     display: table-cell;
1012 }
1013
1014 a.opac-button:hover, .results_header_btns a:hover, #simple-detail-view-links a:hover {
1015     background: #359ee0;
1016     text-decoration: none;
1017 }
1018
1019 a.opac-button {
1020     margin: 10px;
1021     padding: 5px 10px 5px 10px;
1022 }
1023
1024 #dash_wrapper .opac-button {
1025     position: relative;
1026     top: 10px;
1027 }
1028
1029 #myopac_checked_div {
1030     padding: 0px;
1031 }
1032
1033
1034 .bookbag-item-row td { vertical-align: top; }