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 %]
   5
   6 body {
   7     margin:0;
   8     font-family: Arial, Helvetica, sans-serif;
   9     font-size: [% css_fonts.size_base %];
  10     background: [% css_colors.primary %];
  11 }
  12
  13 button, input {
  14     font-family: Arial, Helvetica, sans-serif;
  15     font-size: [% css_fonts.size_base %];
  16 }
  17
  18 img {
  19     border: none;
  20 }
  21
  22 #topnav_logo {
  23     margin: 2em 0;
  24 }
  25
  26 #homesearch_main_logo {
  27     padding-top: 60px;
  28     margin: auto;
  29     width: 50%;
  30 }
  31
  32 a {
  33     color: [% css_colors.primary %];
  34 }
  35
  36 #search-wrapper input[type=text] {
  37     margin:0;
  38     padding:0;
  39 }
  40
  41 #search-wrapper select, .results_header_lbl select {
  42     border:1px solid [% css_colors.border_standard %];
  43     margin:0;
  44     padding:0;
  45     width: 12em;
  46 }
  47
  48 .searchbar {
  49     font-weight: bold;
  50     padding-top: 10px;
  51     margin-left: 1em;
  52 }
  53
  54 .refine_search {
  55     padding-bottom: 7px;
  56     margin-left: 1em;
  57 }
  58
  59 /*
  60 #search-wrapper select {
  61     border:0px solid [% css_colors.border_dark %];
  62     filter:alpha(opacity=0);
  63     -moz-opacity:0;
  64     -khtml-opacity:0;
  65     opacity:0;
  66     padding:0;
  67     margin:0;
  68     height:18px;
  69 }
  70 */
  71 h1 {
  72     margin:0;
  73     margin-bottom: 5px;
  74     font-size: [% css_fonts.size_biggest %];
  75     font-weight:normal;
  76 }
  77
  78 h2 {
  79     font-size: [% css_fonts.size_bigger %];
  80     font-weight:bold;
  81 }
  82
  83 h2.graphic880 {
  84     font-size: [% css_fonts.size_bigger %];
  85     font-weight:normal;
  86 }
  87
  88 .hide_me, .hidden {
  89     display: none;
  90     visibility: hidden;
  91 }
  92
  93 div.select-box-wrapper {
  94     position:absolute;
  95     padding-top:2px;
  96     padding-left:3px;
  97     overflow:hidden;
  98     text-align:left;
  99 }
 100
 101 #dash_wrapper {
 102     margin-left: 0.5em;
 103 }
 104
 105 #dash_wrapper div {
 106     background: [% css_colors.primary %];
 107     border-radius: 5px;
 108     padding: 0em 1em;
 109 }
 110
 111 .dash_divider {
 112     margin: 1em;
 113     color: [% css_colors.primary_fade %];
 114     display:inline-block;
 115 }
 116
 117 #dashboard, #dashboard_e {
 118     margin-top: 1em;
 119     height: 3em;
 120 }
 121
 122 #dashboard span.dash-align a, #dashboard_e span.dash-align a {
 123     font-weight: bold;
 124     text-decoration: none;
 125 }
 126
 127 #dash_user {
 128     font-weight: bold;
 129 }
 130
 131 #logout_link { left: 1px; }
 132
 133 #dash_checked, #dash_e_checked { color: [% css_colors.text_attention %]; }
 134 #dash_holds, #dash_e_holds { color: [% css_colors.text_attention %]; }
 135 #dash_pickup, #dash_e_pickup { color: [% css_colors.text_goodnews %]; }
 136
 137 /*
 138 #dash_fines { color: [% css_colors.text_badnews %]; }
 139 the color contrast between "text_badnews" and "primary"
 140 is too low for WCAG compliance.  Use "text_attention"
 141 for now until a better color is picked - if needed.
 142 */
 143 #dash_fines { color: [% css_colors.text_attention %]; }
 144
 145 #dash_wrapper #dash_user_message_button_container {
 146     display: inline;
 147     padding: 0;
 148 }
 149 #dash_wrapper #unread_message_count_floater {
 150     position: absolute;
 151     background-color: [% css_colors.text_alert %];
 152     padding-left: 0.2em;
 153     padding-right: 0.2em;
 154     display: inline-block;
 155     font-size: 95%;
 156     border-radius: 0;
 157     z-index: 2;
 158     margin-top: 0.2em;
 159     margin-left: -1.5em;
 160 }
 161
 162 #header-wrap {
 163     background: linear-gradient([% css_colors.primary %], [% css_colors.primary_fade %]);
 164     background: -moz-linear-gradient([% css_colors.primary %], [% css_colors.primary_fade %]);
 165     background: -o-linear-gradient([% css_colors.primary %], [% css_colors.primary_fade %]);
 166     background: -webkit-linear-gradient([% css_colors.primary %], [% css_colors.primary_fade %]);
 167     background-color: [% css_colors.primary_fade %];
 168 }
 169 #header {
 170     color: [% css_colors.background %];
 171     margin-left: 1em;
 172     margin-right: 1em;
 173     font-size: [% css_fonts.size_small %];
 174 }
 175
 176 #header a {
 177     color: [% css_colors.background %];
 178 }
 179
 180 #header a:hover {
 181     color: [% css_colors.text_invert %];
 182     text-decoration: none;
 183 }
 184
 185 #header-links {
 186     color: [% css_colors.text_invert %];
 187     font-size: [% css_fonts.size_small %];
 188     font-weight: bold;
 189     position: relative;
 190     top:4px;
 191
 192 }
 193
 194 #header-links a {
 195     color: [% css_colors.text_invert %];
 196     display: block;
 197     float:left;
 198     margin-right:22px;
 199     text-decoration: none;
 200 }
 201
 202 #header-links a:hover {
 203     color: [% css_colors.text_invert %];
 204     text-shadow: 0 0 0.2em [% css_colors.primary %], 0 0 0.2em [% css_colors.primary %];
 205     text-decoration: none;
 206 }
 207
 208 #header #header-links2 {
 209     position:relative;
 210     top:-8px;
 211     color: [% css_colors.text_invert %];
 212     padding-bottom: 15px;
 213 }
 214
 215 #header #header-links2 a {
 216     color: [% css_colors.text_invert %];
 217 }
 218
 219 #header #header-links2 a:hover {
 220     text-decoration: underline;
 221 }
 222
 223 #your-acct-login {
 224     padding-top:2em;
 225 }
 226
 227 #gold-links {
 228     margin-left: 1em;
 229     padding-left:0px;
 230 }
 231
 232 #gold-links-home {
 233     margin:auto;
 234     padding-left:0px;
 235 }
 236
 237 #gold-links-holder {
 238     height: 24px;
 239     background: [% css_colors.background_invert %];
 240 }
 241
 242 #util-bar {
 243     margin-left: 1em;
 244     padding-left:0px;
 245     height:0px;
 246 }
 247
 248 #search-wrapper {
 249     border-bottom: 1px solid [% css_colors.border_standard %];
 250     padding-bottom: 5px;
 251     background: [% css_colors.background %];
 252 }
 253
 254 #search-wrapper #breadcrumb {
 255     margin-top:0px;
 256     font-size: [% css_fonts.size_smaller %];
 257     float:left;
 258 }
 259
 260 #search-wrapper #search-within {
 261     margin-top:10px;
 262     float:right;
 263     position:relative;
 264     left:-173px;
 265 }
 266
 267 #search-wrapper #breadcrumb a {
 268     color: [% css_colors.text %];
 269 }
 270
 271 #search-wrapper #search_frm label {
 272     font-size: [% css_fonts.size_smaller %];
 273 }
 274
 275 #search-wrapper #search-box {
 276     margin-left: 1em;
 277     padding-left: 0px;
 278     padding-top: 10px;
 279     padding-bottom: 10px;
 280 }
 281
 282 #adv_search_tabs, #acct_tabs, #acct_fines_tabs, #acct_checked_tabs, #acct_holds_tabs, #acct_prefs_tabs, #results_header_inner{
 283     margin-left: 2px;
 284     overflow: auto;
 285 }
 286
 287 #adv_search_tabs a, #acct_tabs a, #acct_fines_tabs a, #acct_checked_tabs a, #acct_holds_tabs a, #acct_prefs_tabs a {
 288     float: left;
 289     text-align: center;
 290     vertical-align: middle;
 291     display: block;
 292     margin: 10px 7px 0px 0px;
 293     padding: 10px 0px 10px 0px;
 294     -moz-border-radius: 10px 10px 0px 0px;
 295     border-radius: 10px 10px 0px 0px;
 296     font-weight: bold;
 297     color: [% css_colors.text_invert %];
 298     background: [% css_colors.control %];
 299     font-weight: bold;
 300     text-decoration: none;
 301 }
 302
 303 #adv_search_tabs a, #acct_tabs a, #acct_fines_tabs a {
 304     padding: 1em 1em 0.5em;
 305 }
 306
 307 #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 {
 308     background: [% css_colors.primary %];
 309     color: [% css_colors.text_invert %];
 310     text-decoration: none;
 311 }
 312
 313 #adv_search_filters {
 314     position: relative;
 315 }
 316 #adv_search_rows {
 317     border-bottom: none;
 318 }
 319 .adv_filter_block {
 320     padding: 15px;
 321     float: left;
 322     clear: both;
 323 }
 324 .adv_filter_block_item {
 325     float: left;
 326     padding: 5px;
 327 }
 328
 329 #adv_special_block {
 330     float: left;
 331     padding: 5px;
 332     margin-top: 5px;
 333 }
 334
 335 #adv_search_submit {
 336     position: relative;
 337     margin-left: 10px;
 338
 339 }
 340
 341 .checkbox_col {
 342     width: 1%;
 343     padding-left: 10px !important;
 344 }
 345
 346 #adv_search.on, #num_search.on, #expert_search.on {
 347     color: [% css_colors.accent_darker %];
 348     background: [% css_colors.background %];
 349     text-decoration: none;
 350 }
 351
 352 #adv_search_tabs a.acct-tab-on, #acct_tabs a.acct-tab-on, #acct_fines_tabs a.acct-tab-on {
 353     color: [% css_colors.accent_darker %];
 354     background: [% css_colors.background %];
 355     text-decoration: none;
 356 }
 357
 358 .acct-tab-off {
 359     background: [% css_colors.control %];
 360 }
 361
 362 #acct_checked_tabs a, #acct_holds_tabs a, #acct_prefs_tabs a {
 363     margin-top: 0px;
 364     font-size: [% css_fonts.size_smaller %];
 365     color: [% css_colors.accent_darker %];
 366     padding: 10px 10px 10px 10px;
 367 }
 368
 369 #acct_checked_tabs div.selected a, #acct_holds_tabs div.selected a, #acct_prefs_tabs div.selected a {
 370     background: [% css_colors.accent_lightest %];
 371     color: [% css_colors.accent_darker %];
 372 }
 373
 374 #acct_checked_tabs, #acct_holds_tabs, #acct_prefs_tabs {
 375     padding-bottom: 12px;
 376     color: [% css_colors.accent_medium %];
 377 }
 378
 379 #acct_select, #acct_prefs_select {
 380      display: none;
 381 }
 382
 383 #mobile_acct_search_links {
 384       background: [% css_colors.primary_fade %];
 385 }
 386
 387 .rdetail_header {
 388     padding: 5px 7px 6px 0px;
 389     margin-left: 1em;
 390     border-bottom: 1px dotted [% css_colors.accent_light %];
 391 }
 392
 393 .rdetail_results a {
 394     color:[% css_colors.primary_fade %];
 395     font-weight:bold;
 396     font-size: [% css_fonts.size_bigger %];
 397 }
 398
 399 .rdetail_result_count {
 400     color: [% css_colors.text %];
 401     font-weight: normal;
 402     padding-left: 1em;
 403     display: inline-block;
 404 }
 405
 406 .rdetail_result_nav {
 407     font-weight:normal;
 408     padding-left: 1em;
 409     display: inline-block;
 410 }
 411
 412 #rdetail_details_table {
 413     margin-top: 15px;
 414 }
 415
 416 #rdetail_image { border: none; }
 417 #rdetail_image_cell {
 418     padding-top: 3px;
 419     padding-right: 10px;
 420 }
 421
 422 h2.rdetail_uris {
 423     margin-top: 1em;
 424 }
 425 div.rdetail_uris {
 426     padding: 0.5em 1em 0.5em 1em;
 427     background-color: [% css_colors.accent_lighter2 %];
 428 }
 429 div.rdetail_uris ul li {
 430     position: relative;
 431     left: 1em;
 432 }
 433
 434 div.rdetail_show_copies {
 435     margin-top: 1em;
 436 }
 437
 438 div#rdetail_actions_div {
 439     float: right;
 440     background: [% css_colors.background %];
 441 }
 442
 443 span#rdetail_copy_counts {
 444     display: inline-block;
 445     border-right: thin;
 446     vertical-align: top;
 447     margin-right: 1em;
 448     padding-right: 1em;
 449 }
 450
 451 span#rdetail_hold_counts {
 452     display: inline-block;
 453     vertical-align: top;
 454 }
 455 span#rdetail_hold_counts p {
 456     padding-left: 2em;
 457 }
 458
 459 #rdetail_image_div {
 460     float: left;
 461     margin-right: 1em;
 462 }
 463
 464 .rdetail_aux_utils {
 465     border-left:1px dotted [% css_colors.accent_light %];
 466     padding-left: 17px;
 467     padding-bottom: 6px;
 468     padding-right: 70px;
 469 }
 470
 471 div.place_hold {
 472     border-bottom: 1px dotted [% css_colors.accent_light %];
 473     padding-top: 10px;
 474 }
 475
 476 div.toggle_list { padding-top: 6px; }
 477
 478 div.share_record {
 479     padding-top: 6px;
 480     border-top: 1px dotted [% css_colors.accent_light %];
 481 }
 482
 483 div.format_icon {
 484     float: right;
 485     margin-right: 17px;
 486 }
 487
 488 #metarecord_population {
 489     overflow: hidden;
 490     width: 40%;
 491     padding-bottom: 10px;
 492 }
 493
 494 .metarecord_population_span_link {
 495     line-height: 20px;
 496 }
 497
 498 .metarecord_population_format {
 499     border-right: thin;
 500     display: inline-block;
 501     margin-right: 1em;
 502     padding-right: 1em;
 503     vertical-align: top;
 504 }
 505
 506 .metarecord_population_item_lang {
 507     display: inline-block;
 508     vertical-align: top;
 509 }
 510
 511 .metarecord_population_all {
 512     padding-top:10px;
 513 }
 514
 515 .result_util {
 516     border-bottom: 1px dotted [% css_colors.accent_light %];
 517     padding-top: 6px;
 518 }
 519
 520 .results_aux_utils {
 521     display: table-cell;
 522 }
 523
 524 .result_util {
 525     padding-left: 1em;
 526 }
 527
 528 .results_reviews {
 529     top: -5px;
 530 }
 531
 532 #rdetail_copies {
 533     padding-top: 1.5em;
 534 }
 535
 536 #rdetails_status td {
 537     padding: 7px 0px 3px 13px;
 538     white-space: nowrap;
 539 }
 540
 541 #rdetails_status td[headers=copy_header_library],
 542 #rdetails_status td[headers=copy_header_shelfloc] {
 543     white-space: normal;
 544 }
 545
 546 #rdetails_status thead th {
 547     background-color: [% css_colors.accent_lighter2 %];
 548     padding: 13px 0px 13px 13px;
 549     font-size: [% css_fonts.size_smaller %];
 550     font-weight: bold;
 551     text-align: left;
 552 }
 553
 554 #rdetails_status tbody td {
 555     padding-left: 13px;
 556     text-align: left;
 557 }
 558 #rdetails_status tbody td.copy_note {
 559     color: [% css_colors.primary %];
 560     text-wrap:normal;
 561     white-space:pre-wrap !important;
 562     word-wrap:normal;
 563 }
 564
 565 .rdetail_extras {
 566     background: [% css_colors.primary_fade %];
 567     border: 1px solid [% css_colors.primary %];
 568     padding-top:1px;
 569     clear:both;
 570 }
 571
 572 #rdetail_extras_div {
 573     margin: 1em 0;
 574 }
 575
 576 .rdetail_extras_hr {
 577     height: 1px;
 578     background: [% css_colors.accent_light %];
 579     margin-left: 1px;
 580     margin-right: 1px;
 581 }
 582
 583 .rdetail_extras_link {
 584     padding: 6px 12px;
 585     font-size: [% css_fonts.size_smaller %];
 586     font-weight: bold;
 587 }
 588
 589 .rdetail_extras_lbl {
 590     color: [% css_colors.text_invert %];
 591     text-decoration: none;
 592 }
 593
 594 ##rdetail_extras_expand, #rdetail_extras_collapse, #rdetail_locs_collapse {
 595     margin-left: 13px;
 596 }
 597
 598 #rdetail_locs_expand, #rdetail_locs_collapse {
 599     padding-bottom:3px;
 600     margin-top:15px;
 601     margin-left:13px;
 602 }
 603
 604 #rdetail_anotes_div .biography {
 605     margin:0;
 606 }
 607
 608 .almost-content-wrapper {
 609     background: [% css_colors.background %];
 610 }
 611
 612 #content-wrapper {
 613     background: [% css_colors.background %];
 614     min-height: 260px;
 615     border-bottom: 1px solid [% css_colors.border_dark %];
 616 }
 617
 618 .content-wrapper-record-page { top: -15px; position: relative; }
 619
 620 #main-content-home {
 621     padding-left: 17px;
 622     margin-left: 1em;
 623 }
 624 #main-content {
 625     padding-left: 0px;
 626     margin: 0 1em;
 627     clear: both;
 628 }
 629
 630 #main-content-after-bar {
 631     margin-left: 1em;
 632     padding-left: 4px;
 633 }
 634
 635 #results-side-bar { float: left; width: 174px; margin-right: 5px; background: [% css_colors.background %]; }
 636
 637 #main-content .login_boxes {
 638     border: 1px solid [% css_colors.accent_lighter %];
 639     background: linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
 640     background: -moz-linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
 641     background: -ms-linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
 642     background: -o-linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
 643     background: -webkit-linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
 644
 645     color: [% css_colors.accent_darker %];
 646 }
 647
 648 #main-content .login_boxes h1 {
 649     font-weight: normal;
 650     font-size: [% css_fonts.size_biggest %];
 651     margin:0;
 652 }
 653
 654 #main-content .left_brain {
 655     padding-left:28px;
 656     padding-top:25px;
 657 }
 658
 659 #main-content .left_brain input[type=text], #main-content .left_brain input[type=password] {
 660     width:167px;
 661     margin:0;
 662     padding:0;
 663     background: [% css_colors.background %];
 664     font-size: [% css_fonts.size_bigger %];
 665     color: [% css_colors.text %];
 666 }
 667
 668 #main-content .left_brain .input_bg {
 669     padding:10px 10px 0px 13px;
 670     width:167px;
 671     height:29px;
 672 }
 673
 674 .login-help-box {
 675     float: left;
 676     width: 200px;
 677     text-align: center;
 678     margin-left: 2em;
 679 }
 680
 681 .login-help-button {
 682     font-size: [% css_fonts.size_biggest %];
 683     padding: 1.5em;
 684 }
 685
 686 #login-failed-message {
 687     font-size: [% css_fonts.size_bigger %];
 688     font-weight: bold;
 689     color: [% css_colors.text_alert %];
 690     padding-top: 1em;
 691 }
 692
 693 #holds_temp_parent td {
 694     border-bottom:1px solid [% css_colors.border_standard %];
 695 }
 696
 697 #holds_temp_parent input, #holds_temp_parent select {
 698     margin:0;
 699 }
 700
 701 #holds_temp_parent tr td div {
 702     margin-top: 10px;
 703     margin-bottom: 10px;
 704 }
 705
 706 #holds_temp_parent tr td div.format_icon {
 707     margin-top: 6px;
 708     margin-bottom: 6px;
 709     float: none;
 710 }
 711
 712 #results_header_bar {
 713     background: [% css_colors.accent_medium %];
 714     border-top:1px solid [% css_colors.accent_mediumdark %];
 715     border-bottom:1px solid [% css_colors.accent_mediumdark %];
 716 }
 717
 718 .results_header_lbl {
 719     font-weight: bold;
 720     float: left;
 721     color: [% css_colors.text %];
 722     /* this border is not visible, but it keeps these labels the same size
 723     as the buttons */
 724     border: 1px solid [% css_colors.accent_medium %];
 725     background: [% css_colors.accent_medium %];
 726     margin: 0.5em 0.3em;
 727     padding: 0.3em;
 728 }
 729 /* we need a negative margin on the select to allow the containing <label>
 730 to determine the actual size of the element.  By doing this, we can increase
 731 the odds that the buttons and the select will be the same size, and therefore
 732 collapse correctly when the window width decreases */
 733 .results_header_lbl select {
 734     margin: -0.5em 0;
 735 }
 736
 737 #limit_to_available {
 738     vertical-align: middle;
 739 }
 740
 741 .results_header_sel {
 742     /* width: 88px; */
 743     float:left;
 744     margin:0;
 745 }
 746
 747 .results_header_nav1 {
 748     padding: 5px 7px 6px 0px;
 749     border-bottom: 1px dotted [% css_colors.accent_light %];
 750 }
 751
 752 .results_header_nav1 .h1 {
 753     font-size: [% css_fonts.size_bigger %];
 754     font-weight:bold;
 755     color:[% css_colors.primary_fade %];
 756 }
 757
 758 .table_no_border_space {
 759   border-spacing: 0px;
 760 }
 761 .table_no_cell_pad td {
 762   padding: 0px;
 763 }
 764 .table_no_border {
 765   border-collapse: collapse;
 766 }
 767
 768 #result_table_table {
 769   margin-top:10px;
 770 }
 771
 772 #result_table_div {
 773     margin-top: 1em;
 774 }
 775
 776 tr.result_table_row > td.results_row_count,
 777 tr.result_table_row > td.result_table_pic_header,
 778 tr.result_table_row > td.result_table_title_cell {
 779     vertical-align: top;
 780 }
 781
 782 .result_metadata {
 783     float: left;
 784     width: 30em;
 785     padding-right: 2em;
 786 }
 787
 788 tr.result_table_row:nth-child(n+2) > td {
 789     border-top: 1px solid [% css_colors.accent_lighter2 %];
 790 }
 791
 792 tr.result_table_row > td.result_table_pic_header {
 793     white-space: nowrap;
 794     width: 78px;
 795     padding-left: 1em;
 796 }
 797
 798 .result_number {
 799     padding-left: 1em;
 800     white-space: nowrap;
 801 }
 802
 803 .result_count_number {
 804    font-weight: bold;
 805 }
 806
 807 .result_table_subtable {
 808     width: 100%;
 809     padding-top: 1em;
 810 }
 811
 812 div.result_table_utils_cont {
 813     text-align:left;
 814     float: left;
 815 }
 816
 817 .icon_text {
 818 }
 819
 820 #myopac_summary_div p {
 821     margin:0;
 822     margin-bottom: 10px;
 823 }
 824
 825 #acct_sum_checked_table td {
 826     padding-bottom:5px;
 827 }
 828
 829 .zero_search_hits_main { float:left; width:300px; margin-top: 2ex; }
 830 .zero_search_hits_saved { float:left; width:200px; margin-top: 2ex; margin-right: 2em; }
 831
 832 #zero_search_hits p {
 833     margin-top:0;
 834 }
 835
 836 #zero_hits_term {
 837     font-weight: bold;
 838 }
 839
 840 #zero_search_hits #spell_check_link {
 841 }
 842
 843 #zero_search_hits #zero_hits_suggestions {
 844 }
 845
 846 #lowhits_help {
 847     float: right;
 848     width: 353px;
 849     background: [% css_colors.accent_light %];
 850     padding: 10px;
 851     margin-top: 7px;
 852 }
 853
 854 .results_info_table td {
 855     padding-right: 10px;
 856 }
 857
 858 #myopac_holds_main_table {
 859     border-collapse: collapse;
 860 }
 861
 862 #myopac_holds_main_table td {
 863     border: 1px solid [% css_colors.border_dark %];
 864
 865 }
 866
 867 .myopac-hold-available {
 868     color: [% css_colors.text_greatnews %];
 869     font-weight: bold;
 870 }
 871
 872 .myopac-hold-suspended {
 873     color: [% css_colors.text_badnews %];
 874     font-weight: bold;
 875 }
 876
 877 #myopac_prefs_div .data_grid {
 878     border-collapse:collapse;
 879 }
 880
 881 #myopac_prefs_div .data_grid td {
 882     background:[% css_colors.accent_ultralight %];
 883     border-bottom:3px solid [% css_colors.background %];
 884     padding:6px 0px 7px 17px;
 885 }
 886
 887 .header_middle {
 888     height:22px;
 889     font-size: [% css_fonts.size_bigger %];
 890     font-weight:bold;
 891     color:[% css_colors.primary_fade %];
 892     padding: 0px 7px 0px 0px;
 893     border-bottom: 1px dotted [% css_colors.accent_light %];
 894     clear: both;
 895 }
 896
 897 .header_middle a {
 898     font-weight: normal;
 899 }
 900
 901 #acct_sum_block {
 902      float:left;
 903      clear:left;
 904 }
 905
 906 .acct_sum_table {
 907     border-collapse: collapse;
 908     background: [% css_colors.accent_ultralight %];
 909 }
 910
 911 .acct_sum_table tr {
 912     border-bottom: 2px solid white;
 913 }
 914
 915 .acct_sum_table td {
 916     padding: 1em;
 917 }
 918
 919 .acct_sum_table a {
 920     text-transform: none;
 921     position:relative;
 922     top:-1px;
 923 }
 924
 925 .acct_sum_table .view_link {
 926     font-weight: normal;
 927 }
 928
 929 #myopac_sum_fines {
 930     float:right;
 931     padding: 15px 0px 0px 23px;
 932     background: [% css_colors.accent_ultralight %];
 933     width: 177px;
 934     height: 166px;
 935 }
 936
 937 #myopac_sum_fines_placehold { float: right; width: 177px; height: 166px; }
 938
 939 .acct_holds_temp td {
 940     text-align: left;
 941 }
 942
 943 #acct_checked_tabs .align, #acct_holds_tabs .align, #acct_prefs_tabs .align {
 944     float:left;
 945     /*padding-left:10px;*/
 946 }
 947
 948 #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 {
 949     border-collapse: collapse;
 950 }
 951
 952 .hold_notes {
 953     text-transform: none;
 954     font-weight: normal;
 955 }
 956
 957 .hold_note_title { font-weight: bold; }
 958
 959 #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 {
 960     background: [% css_colors.accent_lighter2 %];
 961     padding: 10px;
 962 }
 963
 964 #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 {
 965     text-align: left;
 966     padding: 0px 10px 0px 10px;
 967 }
 968
 969 #acct_list_header select, #acct_list_header_anon select {
 970     font-weight:normal;
 971     text-transform:none;
 972 }
 973
 974 .search_catalog_lbl {
 975     font-size: [% css_fonts.size_bigger %];
 976 }
 977 .adv_search_catalog_lbl {
 978     font-size: [% css_fonts.size_bigger %];
 979 }
 980
 981 .browse_the_catalog_lbl {
 982     font-size: [% css_fonts.size_bigger %];
 983 }
 984
 985 .lbl1 {
 986     font-size: [% css_fonts.size_bigger %];
 987     font-weight:bold;
 988 }
 989
 990 .lbl2 {
 991     font-size: [% css_fonts.size_smaller %];
 992     font-weight:normal;
 993     position:relative;
 994     top:3px;
 995     max-width:300px;
 996 }
 997
 998 #myopac_tabs, #adv_search_parent, #fines_payments_wrapper {
 999     background: [% css_colors.primary_fade %];
1000     padding-top:5px;
1001     margin-bottom:20px;
1002 }
1003
1004 #fines_payments_wrapper {
1005     padding-left: 5px;
1006     padding-right: 5px;
1007 }
1008
1009 .myopac_payments_table th { text-align: left; }
1010 .myopac_payments_table thead th { border-bottom: 1px dashed [% css_colors.accent_darker %]; }
1011 .myopac_payments_table thead th:first-child { width: 8em; }
1012 .myopac_payments_table tbody tr:nth-child(odd) { background-color: [% css_colors.accent_lighter %]; }
1013 .myopac_payments_table form { display: inline; }
1014 .myopac_payments_table input[type="submit"] { padding: 1px; }
1015
1016 .payment-error {
1017     font-weight: bold; color: [% css_colors.text_alert %];
1018     padding: 10px; border: 1px solid [% css_colors.accent_medium_dark %];
1019 }
1020
1021 .payment-processing {
1022     font-weight: bold;
1023     color: [% css_colors.text_greatnews %];
1024     font-size: [% css_fonts.size_bigger %];
1025     padding: 10px; border: 1px solid [% css_colors.accent_medium_dark %];
1026     text-align: center;
1027 }
1028 #adv_search_input { width: 100%; }
1029 #adv_search_parent {
1030     margin-bottom:0px;
1031 }
1032 #search-submit-spinner {
1033     height: 16px;
1034     width: 16px;
1035 }
1036 div.adv_search_available {
1037     margin-top: 1em;
1038 }
1039
1040 #myopac_loading {
1041     width:100%;
1042     text-align:center;
1043     padding-top:20px;
1044     font-size: [% css_fonts.size_bigger %];
1045     font-weight:bold;
1046 }
1047
1048 .chili_link {
1049     width:100px !important;
1050     text-align: center !important;
1051 }
1052
1053 .chili_review div.chili_link div {
1054     margin: auto;
1055 }
1056
1057 /* styling for advanced search filters that display with searchbar */
1058
1059 #adv_filter_results_block h4 { display: inline; }
1060
1061 #adv_filter_results_block {
1062     margin-top: 6px;
1063 }
1064
1065 .adv_filter_results_block_label {
1066     font-weight:bold;
1067     padding: 4px 0px 4px 12px;
1068 }
1069
1070 .adv_filter_results_group {
1071     font-size: 12px;
1072     display: inline-block;
1073     background:  [% css_colors.accent_lighter2 %];
1074     border-style: solid;
1075     border-color: [% css_colors.accent_medium %];
1076     border-width: 1px;
1077     border-radius: 4px;
1078     padding: 2px 4px 2px 4px;
1079 }
1080
1081 .adv_filter_results_group_wrapper {
1082     display: inline-block;
1083     margin-left: 1em;
1084     margin-bottom: 8px;
1085 }
1086
1087 .adv_filter_results_group_header {
1088     display: inline-block;
1089 }
1090
1091 .adv_filter_results_group_values {
1092     display: inline;
1093 }
1094
1095 .adv_search_result_filter {
1096     display: inline-block;
1097 }
1098
1099 .remove_filter {
1100    font-size: 16px;
1101    margin-left: 3px;
1102  }
1103
1104 a.remove_filter {
1105     text-decoration: none;
1106     color: [% css_colors.accent_dark %];
1107 }
1108
1109 #filter_hits {
1110      display: inline-block;
1111 }
1112
1113 #refine_search_link {
1114     display: inline-block;
1115 }
1116
1117 [%- IF we_want_to_turn_on_facet_styling.defined; %]
1118 /* some facet styling */
1119 .facetClassContainer { margin: 2px; border: 1px solid [% css_colors.accent_light %]; }
1120 .facetClassLabelContainer { border: 1px solid [% css_colors.accent_light %]; }
1121 .facetClassLabel { font-weight: bold; text-align: center; }
1122 .facetFieldContainer {  }
1123 .facetFieldLabel { padding-left: 2px; margin-top: 5px; margin-bottom: 5px; font-weight: bold; text-align: left; }
1124 .extraFacetFieldsWrapper { }
1125 .toggleExtraFacetFieldsButton { float: right; margin: 0px; padding: 0px; }
1126 .facetFieldLineCount {
1127     display: inline-block;
1128     border-right: 1px solid [% css_colors.accent_light %];
1129     color: [% css_colors.accent_mediumdark %];
1130     width: 3em;
1131     margin-right: 3px
1132 }
1133 .facetField { border-top: 1px solid [% css_colors.accent_light %]; }
1134 .facetFields { padding-left: 5px; }
1135 .facetFieldLineValue { overflow: hidden; text-overflow: ellipsis; }
1136 [%- END -%]
1137
1138 div#facet_sidebar {
1139     float: left;
1140     margin-right: 1em;
1141 }
1142
1143 .facet_box_temp {
1144     padding-bottom:3px;
1145 }
1146
1147 .facet_box_temp .header {
1148     height: 2.3em;
1149     background:[% css_colors.primary %];
1150     -moz-border-top-left-radius: 5px;
1151     border-top-left-radius: 5px;
1152     -moz-border-top-right-radius: 5px;
1153     border-top-right-radius: 5px;
1154     font-weight:bold;
1155     color:[% css_colors.text_invert %];
1156     padding-top:4px;
1157 }
1158
1159 .facet_box_temp.filter_box_temp .header {
1160     background: [% css_colors.background_invert %] !important;
1161 }
1162
1163 .filter_box_label {
1164     color: [% css_colors.background_invert %];
1165     font-weight:bold;
1166     padding-top:4px;
1167     padding-bottom:4px;
1168     padding-left:12px;
1169 }
1170
1171 .facet_box_temp .header .title {
1172     float:left;
1173     padding-top:6px;
1174     padding-left:12px;
1175 }
1176
1177 /* in this context, where h4 is primarily for structure,
1178    avoid the normal large font and margin for h4's */
1179 .facet_box_temp h4 {
1180     font-size : 100%;
1181     margin: 0px;
1182 }
1183
1184 .facet_box_temp .header a.button {
1185     float:right;
1186     padding-top:6px;
1187     padding-right:6px;
1188     color:[% css_colors.text_invert %];
1189 }
1190
1191 .facet_box_wrapper .box_wrapper .box {
1192     border-top:1px solid [% css_colors.border_standard %];
1193     border-left:1px solid [% css_colors.border_standard %];
1194     border-right:1px solid [% css_colors.border_standard %];
1195     padding: 0 0.5em;
1196     width: 14em;
1197     overflow: hidden;
1198 }
1199
1200 .filter_box_wrapper {
1201     margin-bottom: 3px;
1202     padding: 2px;
1203     border: 1px solid [% css_colors.background_invert %];
1204     -moz-border-radius: 3px;
1205     border-radius: 3px;
1206     font-weight:bold;
1207     padding-top:4px;
1208 }
1209
1210 .facet_template {
1211     box-sizing: border-box;
1212     -moz-box-sizing: border-box;
1213     display: table;
1214     margin: 0.5em 0;
1215     width: 100%;
1216 }
1217
1218 .facet_template div {
1219     display: table-cell;
1220     padding: 2px;
1221 }
1222
1223 .facet_template.filter_template div {
1224     padding: 0px !important;
1225 }
1226
1227 .facet_template .count {
1228     text-align: right;
1229     color: [% css_colors.accent_mediumdark %];
1230 }
1231
1232 .facet_template_selected {
1233     background-color: [% css_colors.accent_lighter2 %];
1234     border: 1px solid [% css_colors.accent_medium %];
1235 }
1236
1237 #footer-wrap {
1238     background: linear-gradient([% css_colors.primary_fade %], [% css_colors.primary %]);
1239     background: -moz-linear-gradient([% css_colors.primary_fade %], [% css_colors.primary %]);
1240     background: -o-linear-gradient([% css_colors.primary_fade %], [% css_colors.primary %]);
1241     background: -webkit-linear-gradient([% css_colors.primary_fade %], [% css_colors.primary %]);
1242     background-color: [% css_colors.primary %];
1243 }
1244
1245 #footer {
1246     padding-top:5px;
1247     padding-bottom: 10px;
1248     margin-left: 1em;
1249     font-size: [% css_fonts.size_small %];
1250 }
1251
1252 #footer a {
1253     color: [% css_colors.text_invert %];
1254     text-decoration: none;
1255     text-shadow: 0 0 0.2em [% css_colors.primary %], 0 0 0.2em [% css_colors.primary %];
1256 }
1257
1258 #copyright_text, #footer_logo {
1259     color: [% css_colors.text_invert %];
1260 }
1261
1262 .color_4 {
1263     font-weight: bold;
1264 }
1265
1266 .advanced_div { padding-top: 15px; }
1267 #adv_global_search { width: 100%; }
1268 #adv_global_search select { width: 13em; }
1269 #adv_global_addrow td { padding-top: 7px; }
1270 #adv_global_input_table { width: 100%; }
1271 #adv_global_input_table select { width: 7em; }
1272 .adv_adv_link {
1273     font-size: [% css_fonts.size_smaller %];
1274     color: [% css_colors.text_alert %];
1275 }
1276 #acct_prefs_header { float: left; }
1277 .search_page_nav_link {
1278     cursor: pointer;
1279     padding-left: 1em;
1280 }
1281 #opac.result.sort { width: 160px; }
1282 .renew-summary, .message-update-summary { font-size: [% css_fonts.size_bigger %]; font-style: italic; margin: 0.5ex 0; }
1283 .failure-text { margin-left: 4em; font-style: italic; color: [% css_colors.text_alert %]; }
1284 .refine-controls { font-size: [% css_fonts.size_bigger %]; padding: 0.5ex 0; }
1285 #adv_search_refine input[type=text] { border: 1px inset [% css_colors.accent_light %] !important; }
1286 #adv_search_refine select { border: 1px inset [% css_colors.accent_light %] !important; }
1287 #adv_search_refine {
1288     padding-left: 5em; background-color: [% css_colors.accent_lighter2 %]; margin: 2ex 0;
1289 }
1290 .row-remover { position: relative; top: 1px; vertical-align: middle; }
1291 .subtle-button {
1292     background-color: [% css_colors.background %];
1293     color: [% css_colors.primary %]; text-decoration: none;
1294     padding: 0; border: 0; margin: 0;
1295     vertical-align: middle;
1296 }
1297 .subtle-button:hover { text-decoration: underline; cursor: pointer; }
1298 .no-dec:hover { text-decoration: none; }
1299 .pending-addr td { background-color: [% css_colors.background_alert %] !important; border: 0 !important; }
1300
1301 #account-update-email table { text-align: center; padding: 20px; margin-top: 18px; border-collapse: collapse; }
1302 #account-update-email table td { padding: 5px 15px 5px 15px; border-bottom: 1px solid [% css_colors.accent_lighter %]; text-align: left;}
1303 #account-update-email-error { font-size: [% css_fonts.size_biggest %]; padding: 10px; border:1px solid [% css_colors.border_standard %];}
1304 a.dash-link:hover { text-decoration: underline !important; }
1305 #list_create_table td { vertical-align: middle; padding: 0 8px; }
1306 #list_create_table {
1307     background-color: [% css_colors.accent_light %];
1308     padding-bottom: 4px;
1309     margin-bottom: 10px;
1310     border-bottom: 1px dotted [% css_colors.accent_medium %];
1311 }
1312 .list-create-table-buttons input[type=image] { margin-top: 2px; }
1313 .result_table_format_cell { padding: 0px 10px; text-align: center; }
1314 .results_row_count { font-weight: bold; }
1315 #hold_editor h1 { font-size: [% css_fonts.size_bigger %]; font-weight: bold; }
1316 #hold_editor h2 { font-size: [% css_fonts.size_big %]; font-weight: normal; text-indent: 2em; font-style: italic; }
1317 #hold_editor h1, #hold_editor h2 { margin: 2px 0; }
1318 #hold_editor_table { background-color: [% css_colors.accent_lighter %]; padding: 0.5em; }
1319 #hold_editor_table th { text-align: right; padding-right: 1em; }
1320 #hold_editor_table td { padding: 0.25em 0; }
1321 .fmt-note { vertical-align: middle; padding-left: 1em !important; }
1322 .hold-editor-controls { text-align: center; padding-top: 1em !important; }
1323 .hold-editor-controls a { padding-left: 2em; }
1324
1325 .text-right { text-align: right; }
1326 .text-right-top { text-align: right; vertical-align: top; }
1327 .rdetail-author-div {
1328     padding-bottom: 10px;
1329     display: inline-block;
1330 }
1331
1332 .invisible { visibility: hidden; }
1333 .rdetail-extras-summary { margin: 10px; }
1334 .staff-hold { background-color: [% css_colors.accent_lightest %]; }
1335 .expert-search tbody tr th { text-align: right; padding-left: 2em; }
1336 .expert-search-row { padding-top: 10px; }
1337 #adv_expert_row label { font-weight: bold; }
1338
1339 .bookshelf tr.browse_border td {
1340     border-bottom: 1px dashed [% css_colors.accent_dark %];
1341     font-size: 1px;
1342     height: 1px;
1343     padding-bottom: 1ex;
1344 }
1345 .cn_browse_item { padding: 2ex; }
1346 .results-paginator-list { padding-left: 1em; }
1347 .results-paginator-selected { color: [% css_colors.text_alert %]; }
1348 .inactive-hold { background: [% css_colors.accent_lightest %]; }
1349 .unread-patron-message { font-weight: bold; }
1350
1351 #hold-items-list td { padding: 5px; margin-bottom: 20px; }
1352 .hold-items-list-title {
1353   font-size: [% css_fonts.size_bigger %];
1354   margin-bottom: 20px;
1355 }
1356 .hold-items-list-problem { color: [% css_colors.text_alert %]; }
1357
1358 .hold_success_links > span { margin: 0 2em; }
1359
1360 .radio-parts-selection {
1361    width: 75%;
1362    margin-bottom: 20px;
1363 }
1364
1365 .parts-radio-option {
1366   display: inline-block;
1367   width:15em;
1368 }
1369
1370 .mr_holds_no_formats {
1371   padding: 5px;
1372   margin-left: 25px;
1373   font-size: 110%;
1374   font-weight: bold;
1375   color: [% css_colors.text_invert %];
1376   background: [% css_colors.primary %];
1377 }
1378
1379 .holds_item_row_separator td {
1380   border-top: 2px dashed [% css_colors.accent_medium %];
1381 }
1382
1383 .big-strong {font-weight: bold; font-size: [% css_fonts.size_bigger %]; }
1384
1385 .results_header_btns, .results_header_sel {
1386     float:left;
1387 }
1388
1389 /*
1390  * .various_containers a = shortcut to putting .opac-button on every 'a' with
1391  *     the tradeoff of increased stylesheet complexity (TODO: rethink?)
1392  */
1393
1394 .opac-multiline-button > a,
1395 .opac-button, .results_header_btns a, #simple-detail-view-links a, .dash_account_buttons a {
1396     color: [% css_colors.button_text %];
1397     font-weight: bold;
1398     text-decoration: none;
1399     cursor: pointer !important;
1400     -moz-border-radius: 5px;
1401     border-radius: 5px;
1402     border: 1px solid [% css_colors.primary %];
1403     background:  [% css_colors.primary_fade %];
1404     margin: 0.5em;
1405     padding: 0.3em;
1406     display: inline-block;
1407 }
1408
1409 .opac-multiline-button > a:hover,
1410 .opac-button:hover, .results_header_btns a:hover, #simple-detail-view-links a:hover, #dash_wrapper a.opac-button:hover {
1411     background: [% css_colors.primary %];
1412 }
1413
1414 .opac-button:disabled {
1415     color: [% css_colors.accent_medium %];
1416     cursor: pointer !important;
1417     border: 1px solid [% css_colors.accent_light %];
1418     background-color: [% css_colors.accent_lighter %];
1419 }
1420
1421 /* Firefox adds its own special space to inputs; this gets us closer */
1422 button.opac-button::-moz-focus-inner, input.opac-button::-moz-focus-inner {
1423     padding: 0;
1424     border: 0;
1425 }
1426
1427 .opac-button-header, #dash_wrapper .opac-button {
1428     background: [% css_colors.control %];
1429     box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
1430     font-size: [% css_fonts.size_base %];
1431 }
1432 a.opac-button-header:hover, #dash_wrapper a.opac-button:hover {
1433     border-color: [% css_colors.control %];
1434 }
1435
1436 .opac-multiline-button > a {
1437     display: inline-block;
1438 }
1439
1440 #myopac_checked_div {
1441     padding: 0px;
1442 }
1443
1444 .rdetail-mfhd-head {
1445     margin-top: 5px;
1446     padding-top: 5px;
1447     background-color: [% css_colors.table_heading %];
1448 }
1449
1450 .rdetail-mfhd-type {
1451     padding-left: 1em;
1452 }
1453
1454 .rdetail-mfhd-bottom {
1455     border-bottom: thin solid [% css_colors.border_dark %];
1456     width: 100%;
1457 }
1458
1459 #rdetail_record_details {
1460     clear: both;
1461     margin-top: 1em;
1462 }
1463
1464 .rdetail_content {
1465     margin-left: 1.5em;
1466     padding-left: 1.5em;
1467 }
1468
1469 .rdetail_content_type, .rdetail_subject_type {
1470     vertical-align: top;
1471     font-weight: bold;
1472 }
1473
1474 .bookbag-item-row td { vertical-align: top; }
1475
1476 .error { color: [% css_colors.text_alert %]; font-weight: bold; }
1477 .success {
1478     color: [% css_colors.text_greatnews %];
1479     font-weight: bold;
1480 }
1481
1482 .rdetail_related_subjects {
1483     margin-top: 1.5em;
1484 }
1485
1486 .rdetail_related_series {
1487     margin-top: 1.5em;
1488 }
1489
1490 #rdetail_openurl {
1491     margin-top: 1em;
1492 }
1493
1494 .rdetail_openurl_entry {
1495     margin-left: 1em;
1496     padding-left: 1em;
1497 }
1498 .bookbag-controls-holder { width: 100%; }
1499 .bookbag-controls-holder:nth-child(odd) { background-color: [% css_colors.accent_lighter2 %]; }
1500 .bookbag-controls-holder:nth-child(even) { background-color: [% css_colors.accent_lightest %]; }
1501 .bookbag-controls-holder .most {
1502     padding-left: 0;
1503     margin-right: 5em;
1504 }
1505 h2.bookbag-name { margin-bottom: 0em; padding-bottom: 0em; }
1506 .bookbag-share .fixed { min-width: 4em; }
1507 .bookbag-specific { margin-left: 1em; }
1508 .bookbag-specific div.sort { float: left; width: 45%; text-align: left; }
1509 .bookbag-specific div.meta { float: right; width: 54%; text-align: right; }
1510 #bbag-name-desc-form tr th { vertical-align: middle; }
1511 #bbag-name-desc-form .saver { vertical-align: middle; text-align: center; }
1512 .bookbag-description {
1513     padding-top: 0em;
1514     font-style: italic;
1515     max-width: 40em;
1516 }
1517 #bbag-edit-description { width: 20em; }
1518 #bbag-edit-name { width: 20em; }
1519 textarea { font-family: sans-serif; }
1520 table.bookbag-specific {
1521     border-right: 1px solid [% css_colors.accent_dark %];
1522     border-bottom: 1px solid [% css_colors.accent_medium %];
1523     margin-bottom: 2ex;
1524 }
1525 .bookbag-share {
1526     float: left;
1527     padding: 5px 0;
1528 }
1529 .bookbag-controls {
1530     float: left;
1531     padding: 5px 0px 0px 10px;
1532 }
1533
1534 .bookbag-specific td.list_checkbox {
1535     padding-left: 10px !important;
1536 }
1537 .bookbag-specific td.list_entry {
1538     min-width: 10em;
1539     padding-left: 5px !important;
1540 }
1541 .bookbag-specific td.list_actions {
1542     white-space: nowrap !important;
1543 }
1544 .bookbag-paginator-selected { color: [% css_colors.text_alert %]; }
1545
1546 .list_is_empty {
1547     padding: 8px 0px 6px 0px;
1548     width: 100%;
1549     border: 0;
1550     font-size: [% css_fonts.size_bigger %];
1551     text-align: center;
1552     font-style: italic;
1553 }
1554 .save-notes { padding-bottom: 1.5ex; }
1555
1556 .nonbreaking-wrapper {
1557     display: inline-block;
1558 }
1559
1560 /* Moved from semiauto.css */
1561 .adv_global_input_container {
1562     border-bottom: none;
1563     clear: both;
1564 }
1565 .opac-auto-013 {
1566     border-bottom: none;
1567     *height: 0px;
1568 }
1569 .adv_global_filter_sort {
1570     border: none;
1571     width: 100%;
1572 }
1573 .clear-both { clear: both; }
1574 .common-no-pad {
1575     clear: both;
1576     height: 0px;
1577     margin: 0px;
1578     padding: 0px;
1579 }
1580 .common-full-pad {
1581     clear: both;
1582     height: 15px;
1583 }
1584 .alert { color: [% css_colors.text_alert %]; }
1585 .float-left { float: left; }
1586 .float-right { float: right; }
1587
1588 .saved-searches-header { width: 100%; font-weight: bold; font-size: [% css_fonts.size_bigger %]; }
1589 .saved-searches-header .button { float: right; width: 28px; }
1590 .saved-searches-header .text { float: left; padding-right: 1em; margin: 0.5ex 0;}
1591 .saved-searches-header {font-weight: bold; font-size: [% css_fonts.size_bigger %]; }
1592 .saved-searches { border-bottom: 1px solid [% css_colors.accent_medium %]; padding-right: 1em; }
1593 #staff-saved-search { /* wraps .saved-searches-header and .saved-searches on the record page */
1594     border-right: 1px solid [% css_colors.accent_darker %];
1595 }
1596 .result_item_circulated {
1597     padding-top: 4px;
1598 }
1599
1600 .result_item_circulated span {
1601     position: relative;
1602     top:-3px;
1603     left:3px;
1604 }
1605
1606 #search-only-bookbag-container { margin: 2ex 0; font-weight: bold; }
1607 #result-bookbag-heading { text-align: center; margin: 2ex; }
1608
1609 .result-bookbag-name { font-size: [% css_fonts.size_bigger %]; font-weight: bold; }
1610 .result-bookbag-description { font-size: [% css_fonts.size_bigger %]; font-style: italic; }
1611 .result-bookbag-item-note { font-style: italic; }
1612 .lowhits-bookbag-name { font-weight: bold; }
1613 .oils_AS { font-weight: bold; color: [% css_colors.text_match %]; }
1614 .oils_AS_match_term { text-align: left; color: [% css_colors.text %]; }
1615 .oils_AS_match_field {
1616     font-size: [% css_fonts.size_smallest %]; padding: 0.65em 0;
1617     text-align: right; color: [% css_colors.accent_medium %];
1618 }
1619 table.result_holdings_table {
1620     margin-top: 1em;
1621     margin-bottom: 1em;
1622 }
1623 table.result_holdings_table thead tr {
1624     background: [% css_colors.table_heading %];
1625 }
1626 table.result_holdings_table thead tr th {
1627     font-weight: bold;
1628 }
1629 span.preflib {
1630     margin: 0 2em 0 2em;
1631 }
1632 a.preflib_change {
1633   vertical-align: super;
1634   font-size: [% css_fonts.size_smaller %];
1635   line-height: normal;
1636   text-decoration: none;
1637 }
1638 .rdetail-holding-group { margin-left: 1.5em; }
1639 .rdetail-holding-group span { margin-left: 1.5em; }
1640 .rdetail-holding-group .paging { margin-left: 1.5em; }
1641 #rdetail_deleted_exp {
1642     font-weight: bold;
1643     padding: 1em;
1644     margin: 1em;
1645     border: thick solid [% css_colors.border_alert %];
1646 }
1647
1648 #ac_tab_wrapper { width : 100%; }
1649 .ac_tab { float: left; padding-right: 10px; font-size: [% css_fonts.size_big %]; padding: 5px; border: 1px solid [% css_colors.primary_offset %]; }
1650 .ac_tab_selected { background-color: [% css_colors.primary_offset %]; }
1651 .ac_tab_selected a { color: [% css_colors.text_invert %]; }
1652 #ac_content { clear: both; width: 100%; margin-top: 10px; }
1653
1654 /* Popmenu styles used for making css menus. */
1655 .popmenu {
1656     margin: 0;
1657     padding: 0;
1658 }
1659 .popmenu li {
1660     list-style: none;
1661 }
1662 .popmenu li a {
1663     display: block;
1664     padding: 3px 5px;
1665 }
1666 .popmenu li ul {
1667     display: none;
1668     width: 10em; /* Width to help Opera out */
1669     background-color: [% css_colors.primary %];
1670 }
1671 .popmenu li:hover ul {
1672     display: block;
1673     position: absolute;
1674     margin: 0;
1675     padding: 0;
1676     border-color: [% css_colors.border_dark %];
1677     border-width: 1px;
1678     border-style: solid;
1679 }
1680 .popmenu li:hover li {
1681     float: none;
1682 }
1683 .popmenu li:hover li a {
1684     background-color: [% css_colors.primary %];
1685     color: [% css_colors.accent_ultralight %];
1686 }
1687 .popmenu li li a:hover {
1688     background-color: [% css_colors.accent_ultralight %];
1689     color: [% css_colors.primary %];
1690 }
1691 /* Styles for the temporary list entry. */
1692 .popmenu li:hover li[class~="temporary"] a {
1693     background-color: [% css_colors.primary %];
1694     color: [% css_colors.accent_ultralight %];
1695 }
1696 .popmenu li li[class~="temporary"] a:hover {
1697     background-color: [% css_colors.accent_ultralight %];
1698     color: [% css_colors.primary %];
1699 }
1700 /* Styles for the default list entry. */
1701 .popmenu li:hover li[class~="default"] a {
1702     background-color: [% css_colors.primary %];
1703     color: [% css_colors.accent_ultralight %];
1704 }
1705 .popmenu li li[class~="default"] a:hover {
1706     background-color: [% css_colors.accent_ultralight %];
1707     color: [% css_colors.primary %];
1708 }
1709 /* Styles for the new list entry. */
1710 .popmenu li:hover li[class~="new"] a {
1711     background-color: [% css_colors.primary %];
1712     color: [% css_colors.accent_ultralight %];
1713 }
1714 .popmenu li li[class~="new"] a:hover {
1715     background-color: [% css_colors.accent_ultralight %];
1716     color: [% css_colors.primary %];
1717 }
1718 /* Style to add a divider on the menu. */
1719 .popmenu li li[class~="divider"] {
1720     border-bottom-width: 1px;
1721     border-bottom-color: [% css_colors.border_dark %];
1722     border-bottom-style: solid;
1723 }
1724
1725 #locale_picker_form {
1726     float: right;
1727     padding: 0.5em;
1728     margin-top: 2em;
1729     border-right: thin [% css_colors.control %] solid;
1730 }
1731
1732 #locale_picker_form * {
1733     margin: 0;
1734     padding: 0;
1735     vertical-align: middle;
1736 }
1737
1738 #patron_usr_barcode_not_found {
1739     font-weight: bold; color: [% css_colors.text_alert %];
1740 }
1741
1742 .record_title {
1743     font-weight: bold;
1744 }
1745
1746 .record_author {
1747     font-style: italic;
1748 }
1749
1750 .password_message {
1751     padding-top: 1em;
1752     padding-bottom: 0.5em;
1753         font-style: italic;
1754 }
1755
1756 #maintenance_message {
1757     padding: 5px;
1758     width: 100%;
1759     background-color: [% css_colors.text_alert %];
1760     color: [% css_colors.text_invert %];
1761     text-align: center;
1762 }
1763
1764 #search-box > span {
1765     margin: 0 1em;
1766 }
1767 .browse-error {
1768     font-weight: bold;
1769     font-color: #c00;
1770 }
1771 .browse-result-sources, .browse-result-authority-bib-links {
1772     margin-left: 1em;
1773 }
1774 .browse-result-best-match {
1775     font-weight: bold;
1776 }
1777 .browse-pager {
1778     margin: 2ex 0;
1779 }
1780 .browse-result-list {
1781     padding-bottom: 0.5ex;
1782 }
1783 .browse-shortcuts {
1784     font-size: [% css_fonts.size_bigger %];
1785 }
1786 .browse-result-authority-field-name {
1787     font-style: italic;
1788     margin-right: 1em;
1789 }
1790 .browse-leading-article-warning {
1791     font-style: italic;
1792     font-size: [% css_fonts.size_big %];
1793 }
1794 .browse-public-general-note {
1795     font-size: [% css_fonts.size_big %];
1796 }
1797 .browse-public-general-note-label { }
1798 .browse-public-general-note-institution {
1799     font-style: normal;
1800     font-weight: bold;
1801 }
1802 .browse-public-general-note-body {
1803     font-style: italic;
1804 }
1805
1806 .bib_peer_type {
1807     font-weight: bold;
1808 }
1809
1810 #main-content-register {
1811     margin-left: 40px;
1812     font-size: [% css_fonts.size_bigger %];
1813 }
1814
1815 #main-content-register table {
1816     padding: 20px;
1817     margin-top: 18px;
1818     border-collapse: collapse;
1819 }
1820
1821 #main-content-register td {
1822     text-align: left;
1823 }
1824
1825 #main-content-register td:not(:first-child) {
1826     padding-left: 20px;
1827 }
1828
1829 .patron-reg-invalid {
1830     font-weight: bold;
1831     color: red;
1832     padding-right: 10px;
1833 }
1834
1835 .result_footer_nav1 {
1836     clear: both;
1837 }
1838
1839 .small_view_only, #filter_hits, #refine_hits, #return_to_hits {
1840     display: none;
1841 }
1842
1843 .rdetail_authors_div {
1844     margin-bottom: 1em;
1845 }
1846
1847 #search_query_label, #search_qtype_label, #search_itype_label, #search_locg_label {
1848     white-space: nowrap;
1849     display: inline-block;
1850 }
1851
1852 .result_table_title_cell {
1853     padding-top: 4px;
1854     padding-bottom: 4px;
1855 }
1856
1857 .record_title {
1858     font-size: [% css_fonts.size_bigger %];
1859 }
1860
1861 /* styling for sms text call number */
1862 .sms_text pre {
1863     font-family: Arial, Helvetica, sans-serif;
1864     font-size: [% css_fonts.size_medium %];
1865     background: [% css_colors.accent_lightest %];
1866     padding: .5%;
1867     /* Allow text to wrap */
1868     white-space: pre-wrap;       /* css-3 */
1869     white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
1870     white-space: -pre-wrap;      /* Opera 4-6 */
1871     white-space: -o-pre-wrap;    /* Opera 7 */
1872     word-wrap: break-word;       /* Internet Explorer 5.5+ */
1873 }
1874
1875 .mobile_view {
1876    display:none;
1877 }
1878
1879 /* patron message center */
1880 #myopac_message_tbody {
1881     vertical-align: top;
1882 }
1883 .myopac_message_message {
1884     white-space: pre-wrap;
1885 }
1886
1887 @media only screen and (max-width: 800px) {
1888     .facet_sidebar_hidden, .result_block_hidden {
1889         display: none;
1890     }
1891     .facet_sidebar_visible, .result_block_visible {
1892         display: inline ! important;
1893     }
1894     #acct_select, #acct_prefs_select {
1895         display: inline-block;
1896     }
1897     #acct_tabs, #acct_prefs_tabs {
1898          display:none;
1899      }
1900     .radio-parts-selection { width: 90%; }
1901 }
1902
1903 @media only screen and (max-width: 600px) {
1904     input, select {
1905         font-size: [% css_fonts.size_big %];
1906     }
1907     span .nav_arrow_fix {
1908         display: none;
1909     }
1910     #header {
1911         padding: 0px;
1912         margin: 0px;
1913     }
1914     #homesearch_main_logo img {
1915         width:75%;
1916     }
1917     #format_selector {
1918         display:none;
1919     }
1920     #your-acct-login {
1921         padding: 0px;
1922         padding-top: 5px;
1923     }
1924     #your-acct-login a {
1925         margin: 0px;
1926         padding: 5px;
1927     }
1928     #topnav_logo {
1929         margin: 0;
1930     }
1931     #topnav_logo img {
1932         width: 200px;
1933     }
1934     #locale_picker_form {
1935         display: none;
1936     }
1937     #gold-links-holder {
1938         display: none;
1939     }
1940     #simple-detail-view-links {
1941         display: none;
1942     }
1943     #acct_tabs a, #acct_fines_tabs a {
1944        padding: 2px 4px 3px 4px;
1945        -moz-border-radius: 6px 6px 0px 0px;
1946        border-radius: 6px 6px 0px 0px;
1947        font-size: [% css_fonts.size_base %];
1948        margin: 0px 5px 0px 0px;
1949     }
1950
1951     #dash_wrapper div {
1952         background: transparent;
1953         padding: 0px;
1954     }
1955     #dash_wrapper {
1956         position: static;
1957         top: auto;
1958     }
1959     #dash_wrapper .opac-button {
1960         top: 0px;
1961     }
1962     .small_view_only, #filter_hits {
1963         display: inline !important;
1964     }
1965     #dash_identity a {
1966         float:left;
1967     }
1968     #dashboard {
1969         display: none;
1970     }
1971     #holds_box form blockquote {
1972         margin-left: 10px;
1973         margin-right: 2px;
1974     }
1975     #holds_box form blockquote select {
1976         width: 100%;
1977     }
1978     #myopac_sum_fines_placehold {
1979         display:none;
1980     }
1981     #myopac_sum_fines {
1982         display: none;
1983     }
1984     .results_header_lbl {
1985         display: none;
1986     }
1987     .results_header_nav1 span.h1 {
1988         display: none;
1989     }
1990     .preflib {
1991         display: none;
1992     }
1993     .start_end_links_span {
1994         display: block;
1995     }
1996     .invisible {
1997         display: none;
1998     }
1999     .result_table_pic_header {
2000         padding-left: 0px !important;
2001         padding-right: 5px;
2002         width: 0px !important;
2003         margin: 0px;
2004     }
2005     .result_table_pic {
2006         width: 55px;
2007         padding: 0px;
2008         margin: 0px;
2009     }
2010     tr[name=results_isbn_tr], tr[name=results_phys_desc_tr], tr[name=results_pub_tr] strong, .result_count {
2011          display: none;
2012     }
2013     tr.result_table_title_cell[name=bib_cn_list] .result_holdings_table th:nth-child(4),
2014     tr.result_table_title_cell[name=bib_cn_list] .result_holdings_table td:nth-child(4) {
2015         display:none;
2016     }
2017     .results_info_table td {
2018         padding: 0px;
2019     }
2020     #results_header_bar {
2021         background-color: inherit;
2022     }
2023     .results_header_btns a {
2024         margin: 0.3em;
2025     }
2026     .adv_filter_results_hide {
2027         display: none;
2028     }
2029     .adv_filter_results_show {
2030         display: block;
2031     }
2032     .adv_filter_results_block_label {
2033         display: block;
2034     }
2035     .adv_filter_results_group_wrapper {
2036         display: block;
2037     }
2038     #main-content {
2039         margin: 0 1px;
2040     }
2041     #rdetails_status thead {
2042         display: none;
2043     }
2044     #rdetails_status tr {
2045         display: block;
2046         margin-top: 3px;
2047     }
2048     #rdetails_status td {
2049         display: block;
2050         padding: 1px;
2051     }
2052     .copy_details_row {
2053         background-color: [% css_colors.accent_lightest %];
2054     }
2055     .copy_details_offers_row {
2056         background-color: [% css_colors.accent_lightest %];
2057     }
2058     select#pickup_lib.search-wrapper-locg {
2059         width: 100%;
2060     }
2061     #search-wrapper #search-box {
2062         width: 85%;
2063         padding-top: 5px;
2064     }
2065     #main-content-home {
2066         padding: 0px;
2067         margin: 0px;
2068     }
2069     /* Make use of full width in mobile mode */
2070     .facet_box_wrapper .box_wrapper .box,
2071     .facet_template .facet,
2072     .facet_box_temp {
2073         width: inherit;
2074     }
2075     .facet_template .count {
2076         padding-left: 1em;
2077     }
2078     #facet_sidebar {
2079         margin-top: 0.5em;
2080     }
2081     #adv_search_parent {
2082         font-size: [% css_fonts.size_smaller %];
2083     }
2084     #adv_search_filters {
2085         position: relative;
2086         width: 300px;
2087     }
2088     #format_actions {
2089         float: left;
2090     }
2091     .rdetail_aux_utils {
2092         padding: 0px;
2093         border: none;
2094     }
2095     .result_metadata {
2096         width: inherit;
2097     }
2098     div#rdetail_actions_div {
2099         float: none;
2100     }
2101     h2.rdetail_uris {
2102         clear: both;
2103     }
2104     #metarecord_population {
2105         overflow: hidden;
2106         width: 100%;
2107     }
2108     .metarecord_population_span_link {
2109     }
2110     .metarecord_population_item_lang {
2111         float: none;
2112     }
2113     .search_catalog_lbl {
2114         margin-left: 0;
2115         white-space: nowrap;
2116     }
2117     .adv_search_catalog_lbl {
2118         margin-top: 0;
2119         white-space: nowrap;
2120     }
2121     .browse_the_catalog_lbl {
2122         white-space: nowrap;
2123     }
2124     .mobile_hide {
2125         display: none;
2126     }
2127     #dash_user {
2128         display: block;
2129         padding: 0.5em;
2130     }
2131     .dash_divider {
2132         display: none;
2133     }
2134     .dash_account_buttons {
2135         display: block;
2136     }
2137     .searchbar { line-height: 1.5em; }
2138     #browse-controls { line-height: 1.5em; }
2139     #search_query_label, #search_qtype_label, #search_itype_label, #search_locg_label {
2140         display: block;
2141     }
2142     .bookshelf td {
2143         display: block;
2144         width: 100%;
2145     }
2146     .bookshelf table thead tr {
2147         display: block;
2148     }
2149     #lowhits_help { width: inherit; }
2150     #adv_search_tabs a{
2151         font-size: [% css_fonts.size_small %];
2152         margin: 2px 2px 0px 2px;
2153         padding: 2px 2px 5px 2px;
2154         -moz-border-radius: 10px 0px 0px 0px;
2155         border-radius: 7px 7px 0px 0px;
2156     }
2157     #adv_global_tbody td {
2158         border-bottom: thin solid [% css_colors.accent_light %];
2159     }
2160     #adv_global_addrow td {
2161         border-bottom: none;
2162     }
2163         /* Force table to not be like tables anymore */
2164         table#acct_checked_main_header thead tr th, table#acct_holds_main_header thead tr th, table#acct_checked_hist_header thead tr th, #acct_holds_hist_header thead tr th, #ebook_circs_main_table thead tr th, #ebook_holds_main_table thead tr th {
2165                 display: block;
2166         }
2167         table#acct_checked_main_header tbody tr td, table#acct_holds_main_header tbody tr td, table#acct_checked_hist_header tbody tr td, #acct_holds_hist_header tbody tr td, #ebook_circs_main_table thead tr td, #ebook_holds_main_table thead tr td {
2168                 display: block;
2169         }
2170
2171         /* Hide table headers (but not display: none;, for accessibility) */
2172         thead tr {
2173                 position: absolute;
2174                 top: -9999px;
2175                 left: -9999px;
2176         }
2177
2178         table#acct_checked_main_header, table#acct_holds_main_header, table#acct_checked_hist_header, #acct_holds_hist_header {
2179                 width: 90%;
2180         }
2181
2182         table#acct_checked_main_header tr, table#acct_holds_main_header tr, table#acct_checked_hist_header tr { border: 1px solid #ddd; }
2183
2184         /* Holds history gets large white border to mimic header cell on other
2185            account screens that provide visual cue for next title */
2186
2187         table#acct_holds_hist_header tr { border-top: 25px solid #fff; }
2188
2189
2190         table#acct_checked_main_header td, table#acct_holds_main_header td, table#acct_checked_hist_header td, #acct_holds_hist_header td {
2191                 /* Behave  like a "row" */
2192                 border: none;
2193                 border-bottom: 1px solid #eee;
2194                 position: relative;
2195                 padding-left: 40%;
2196         }
2197
2198          table#acct_checked_main_header td:before, table#acct_holds_main_header td:before, table#acct_checked_hist_header td:before, #acct_holds_hist_header td_before {
2199                 /* Now like a table header */
2200                 position: absolute;
2201                 /* Top/left values mimic padding */
2202                 top: 2px;
2203                 left: 2px;
2204                 width: 40%;
2205                 padding-right: 10px;
2206                 white-space: nowrap;
2207         }
2208
2209         table#acct_checked_main_header td:nth-of-type(1) { border-top: 5px solid #aaa; padding-top: 15px; background-color: #fff;}
2210         table#acct_checked_main_header td:nth-of-type(2):before { content: "[% l('Title') %]";}
2211         table#acct_checked_main_header td:nth-of-type(3):before { content: "[% l('Author') %]"; }
2212         table#acct_checked_main_header td:nth-of-type(4):before { content: "[% l('Renewals Left') %]"; }
2213         table#acct_checked_main_header td:nth-of-type(5):before { content: "[% l('Due Date') %]"; }
2214         table#acct_checked_main_header td:nth-of-type(6):before { content: "[% l('Barcode') %]"; }
2215         table#acct_checked_main_header td:nth-of-type(7):before { content: "[% l('Call number') %]"; }
2216
2217      table#acct_checked_hist_header td:nth-of-type(1) { border-top: 5px solid #aaa; padding-top: 15px; background-color: #fff;}
2218         table#acct_checked_hist_header td:nth-of-type(2):before { content: "[% l('Title') %]";}
2219         table#acct_checked_hist_header td:nth-of-type(3):before { content: "[% l('Author') %]"; }
2220         table#acct_checked_hist_header td:nth-of-type(4):before { content: "[% l('Checkout Date') %]"; }
2221         table#acct_checked_hist_header td:nth-of-type(5):before { content: "[% l('Due Date') %]"; }
2222         table#acct_checked_hist_header td:nth-of-type(6):before { content: "[% l('Date Returned') %]"; }
2223         table#acct_checked_hist_header td:nth-of-type(7):before { content: "[% l('Barcode') %]"; }
2224         table#acct_checked_hist_header td:nth-of-type(8):before { content: "[% l('Call number') %]"; }
2225
2226         table#acct_holds_main_header td:nth-of-type(1) { border-top: 5px solid #aaa; padding-top: 15px; background-color: #fff;}
2227         table#acct_holds_main_header td:nth-of-type(2):before { content: "[% l('Title') %]";}
2228         table#acct_holds_main_header td:nth-of-type(3):before { content: "[% l('Author') %]"; }
2229         table#acct_holds_main_header td:nth-of-type(4):before { content: "[% l('Format') %]"; }
2230         table#acct_holds_main_header td:nth-of-type(5):before { content: "[% l('Pickup Location') %]"; }
2231         table#acct_holds_main_header td:nth-of-type(6):before { content: "[% l('Cancel on') %]"; }
2232         table#acct_holds_main_header td:nth-of-type(7):before { content: "[% l('Status') %]"; }
2233         table#acct_holds_main_header td.hold_notes:before { content: "[% l('Notes') %]"; }
2234
2235         table#acct_holds_hist_header td:nth-of-type(1):before { content: "[% l('Title') %]";}
2236         table#acct_holds_hist_header td:nth-of-type(2):before { content: "[% l('Author') %]"; }
2237         table#acct_holds_hist_header td:nth-of-type(3):before { content: "[% l('Format') %]"; }
2238         table#acct_holds_hist_header td:nth-of-type(4):before { content: "[% l('Pickup Location') %]"; }
2239         table#acct_holds_hist_header td:nth-of-type(8):before { content: "[% l('Status') %]"; }
2240
2241
2242        /*Want to see these in mobile ONLY */
2243        .mobile_view{
2244           display:block;
2245        }
2246
2247        .mobile_search_lbl_clr{
2248           color:[% css_colors.mobile_header_text %];
2249        }
2250 }
2251
2252
2253 /*
2254 For text which is visible only to screen readers.
2255 Borrowed from http://getbootstrap.com/css/#helper-classes-screen-readers
2256 See also http://webaim.org/techniques/css/invisiblecontent/
2257 */
2258 .sr-only {
2259     position: absolute;
2260     width: 1px;
2261     height: 1px;
2262     padding: 0;
2263     margin: -1px;
2264     overflow: hidden;
2265     clip: rect(0, 0, 0, 0);
2266     border: 0;
2267 }
2268
2269 /* Make added rows in Expert Search have bold labels like the initial row */
2270 label[for*=expert_]
2271 {
2272     font-weight: bold;
2273 }
2274
2275 .sort_deemphasize {
2276     font-weight: lighter;
2277     font-size: 70%;
2278 }
2279
2280 #results-page-depth-hint {
2281     text-align: center;
2282     font-style: italic;
2283 }
2284
2285 #clear-history-confirm {
2286   font-weight: bold;
2287   color: [% css_colors.text_badnews %];
2288   padding: 10px;
2289 }
2290
2291 /*Inline rules from other templates files*/
2292
2293 .td-left{text-align:left; width:100%;}
2294 .td-search-left{text-align:left;}
2295 #myopac_summary_div{padding:0px;}
2296 .div-left{float: left;}
2297 .td-right{text-align:right;}
2298 .login-form-left{float: left; padding-bottom: 10px; margin-right: 40px;}
2299 .hold-div{padding-left: 10px; padding-bottom: 15px;}
2300 .hold-span{font-weight: bold;}
2301 .padding-left-6{padding-left: 6px;}
2302 .padding-left-10{padding-left:10px;}
2303 .padding-left-5{padding-left: 5px;}
2304
2305 /* Rules from metarecord_hold_filters.tt2 */
2306
2307 .metarecord_filters{
2308       padding: 5px;
2309       margin-top: 5px;
2310       border-bottom: 1px solid #333;
2311       border-top: 1px solid #333; }
2312 .metarecord_filter_container{float : left;margin-right: 10px;}
2313 .metarecord_filter_container select{padding: 2px;width: 13em; /* consistent w/ adv search selectors */}
2314 .metarecord_filter_header{padding-bottom: 5px;}