skin/openils/var/templates_equinox/opac/css/style.css.tt2

   1 [%-
   2     PROCESS "opac/parts/css/colors.tt2";
   3     PROCESS "opac/parts/css/fonts.tt2";
   4     rtl=ctx.get_i18n_l(ctx.eg_locale).rtl;
   5 -%]
   6
   7 html {
   8     height: 100%;
   9 }
  10
  11 body {
  12     display: flex;
  13     flex-direction: column;
  14     height: 100%;
  15 }
  16
  17 body {
  18     background-color: #FFF;
  19     [%- IF rtl=='t' -%]
  20     direction: rtl;
  21     [%- END %]
  22     font-family: "Raleway", sans-serif;
  23     font-size: 18px;
  24     margin: 30px 0 0 0;
  25
  26 }
  27
  28 input[type='text'],
  29 input[type='password'] {
  30     -moz-appearance: none;
  31     -webkit-appearance: none !important;
  32     -webkit-border-radius: 0px;
  33     background-color: #F9F9F9;
  34     border: 1px solid #cccccc;
  35     box-sizing: border-box;
  36     border-radius: 0;
  37     font-size: 100%;
  38     height: 2.5rem;
  39     padding: .2em;
  40     width: 13em;
  41 }
  42
  43 button,
  44 input[type='submit'],
  45 #acct_info_main a,
  46 input[type='reset'] {
  47     background-color: #EEEEEE;
  48     border: 1px solid #CCCCCC;
  49     border-radius: 0;
  50     font-family: "Raleway", sans-serif;
  51     font-size: 100%;
  52     padding: .4em .7em;
  53     transition: all .3s ease-out;
  54     -webkit-appearance: none;
  55 }
  56
  57 button:hover,
  58 input[type='submit']:hover,
  59 input[type='reset']:hover {
  60     background-color: #f5f8ff;
  61     border: 1px solid #789ACE;
  62     font-size: 100%;
  63 }
  64
  65 button:active,
  66 input[type='submit']:active,
  67 input[type='reset']:active {
  68     background-color: #f5f8ff;
  69     border: 1px inset #7e98ce;
  70     font-size: 100%;
  71 }
  72
  73 abbr[title].unapi-id {
  74     text-decoration: none;
  75 }
  76
  77 select {
  78     /* Cribbed from https://evergreen.owwl.org */
  79     border: 1px solid #e9ebf3;
  80     -webkit-appearance: none !important;
  81     -webkit-border-radius: 0px;
  82     -moz-appearance: none;
  83     background-color: #F9F9F9;
  84     background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+);
  85     background-position: 100% center;
  86     background-repeat: no-repeat;
  87     border: 1px solid #cccccc;
  88     padding: 0.333rem 0.5rem;
  89     padding-right: 1.1em;
  90     font-size: 1rem;
  91     color: rgba(0, 0, 0, 0.75);
  92     line-height: normal;
  93     border-radius: 0;
  94     height: 2.5rem;
  95 }
  96
  97
  98
  99 img {
 100     border: 0;
 101 }
 102
 103 label {
 104     color: #0A5FAB;
 105 }
 106
 107 #topnav_logo {
 108     margin: 2em 0;
 109 }
 110
 111 #homesearch_main_logo {
 112     margin: auto;
 113     padding-top: 60px;
 114     width: 50%;
 115 }
 116
 117 a,
 118 a:link,
 119 a:visited,
 120 a:active {
 121     color: #536090;
 122     cursor: pointer;
 123     text-decoration: none;
 124     transition: all .2s ease;
 125 }
 126
 127 a:hover {
 128     color: #6AB5F9;
 129     cursor: pointer;
 130 }
 131
 132 a.opac-button,
 133 a:link.opac-button,
 134 a:visited.opac-button,
 135 a:active.opac-button,
 136 #account-update-email input[type='submit'] {
 137     background: #38558A;
 138     border: 0;
 139     color: #fff;
 140     cursor: pointer;
 141     display: inline-block;
 142     letter-spacing: .0625em;
 143     line-height: 1;
 144     margin: 0 .3em;
 145     padding: .6em .8em;
 146     position: relative;
 147     text-transform: uppercase;
 148     transition: all .3s ease-out;
 149     vertical-align: middle;
 150 }
 151
 152 a.opac-button:hover,
 153 a:link.opac-button:hover,
 154 a:visited.opac-button:hover,
 155 a:active.opac-button:hover,
 156 #account-update-email input[type='submit']:hover {
 157     background: #085EAB;
 158 }
 159
 160 #account-update-email input[type='submit'] {
 161     margin: 0;
 162 }
 163
 164 .results_header_lbl select {
 165     margin: 0;
 166     padding: 0;
 167     width: 12em;
 168 }
 169
 170 {
 171     font-weight: bold;
 172     padding-top: 10px;
 173 }
 174
 175 .refine_search {
 176     margin-left: 0;
 177     padding-bottom: 7px;
 178 }
 179
 180
 181 /*
 182 #search-wrapper select {
 183     border:0px solid black;
 184     filter:alpha(opacity=0);
 185     -khtml-opacity:0;
 186     opacity:0;
 187     padding:0;
 188     margin:0;
 189     height:18px;
 190 }
 191 */
 192
 193 h1 {
 194     margin: 0;
 195     margin-bottom: 5px;
 196     font-size: 150%;
 197     font-weight: normal;
 198 }
 199
 200 h2 {
 201     font-size: 125%;
 202     font-weight: bold;
 203 }
 204
 205 h2.graphic880 {
 206     font-size: 125%;
 207     font-weight: normal;
 208 }
 209
 210 .hide_me,
 211 .hidden {
 212     display: none;
 213     visibility: hidden;
 214 }
 215
 216 div.select-box-wrapper {
 217     position: absolute;
 218     padding-top: 2px;
 219     overflow: hidden;
 220     [% IF rtl=='t' -%]
 221     padding-right: 3px;
 222     text-align: right;
 223     [%- ELSE %]
 224     padding-left: 3px;
 225     text-align: left;
 226     [%- END %]
 227 }
 228
 229 #dash_wrapper {
 230     [% IF rtl=='t' -%]
 231     margin-right: .5em;
 232     [%- ELSE %]
 233     margin-left: .5em;
 234     [%- END %]
 235 }
 236
 237 #dash_identity {
 238
 239 }
 240
 241 #dashboard {
 242     float: right;
 243 }
 244
 245 .dash_divider {
 246     margin: 0 .5em;
 247     display: inline-block;
 248 }
 249
 250 #dashboard,
 251 #dashboard_e {
 252     margin-top: 1em;
 253     height: 3em;
 254 }
 255
 256 #dashboard span.dash-align a,
 257 #dashboard_e span.dash-align a {
 258     font-family: Arial, Helvetica, sans-serif;
 259     font-size: 90%;
 260     font-weight: bold;
 261 }
 262
 263 #dash_user {
 264     font-weight: bold;
 265 }
 266
 267 #dash_checked,
 268 #dash_e_checked {
 269     background-color: #38558a;
 270     color: #FFF;
 271     border-radius: 30px;
 272     font-weight: normal;
 273     padding: .25em .6em;
 274 }
 275
 276 #dash_holds,
 277 #dash_e_holds {
 278     background-color: #6F2062;
 279     color: #FFF;
 280     border-radius: 30px;
 281     font-weight: normal;
 282     padding: .25em .6em;
 283 }
 284
 285 #dash_pickup,
 286 #dash_e_pickup {
 287     background-color: #006736;
 288     color: #FFF;
 289     border-radius: 30px;
 290     font-weight: normal;
 291     padding: .25em .6em;
 292 }
 293
 294
 295 /*
 296 #dash_fines { color: #f41d36; }
 297 the color contrast between "text_badnews" and "primary"
 298 is too low for WCAG compliance.  Use "text_attention"
 299 for now until a better color is picked - if needed.
 300 */
 301
 302 #dash_fines {
 303     background-color: #b60000;
 304     color: #FFF;
 305     border-radius: 30px;
 306     font-weight: normal;
 307     padding: .25em .6em;
 308 }
 309
 310 #dash_user_message_button_container {
 311     display: inline;
 312     padding: 0;
 313 }
 314
 315 #unread_message_count_floater {
 316     background: #b60000;
 317     border: 0;
 318     border-radius: 20px;
 319     color: #fff;
 320     display: inline-block;
 321     letter-spacing: .0625em;
 322     line-height: 1;
 323     margin: 0;
 324     padding: .25em .5em .5em .5em;
 325     position: relative;
 326     text-transform: uppercase;
 327     transition: all .3s ease-out;
 328     vertical-align: middle;
 329 }
 330
 331 .dash-link:hover #dash_holds {
 332     background-color: #922580;
 333 }
 334
 335 .dash-link:hover #dash_pickup {
 336     background-color: #0c9655;
 337 }
 338
 339 .dash-link:hover #dash_checked {
 340     background-color: #4672c1;
 341 }
 342
 343 .dash-link:hover #dash_fines {
 344     background-color: #ca1d1d;
 345 }
 346
 347
 348 #header-wrap {
 349     background-color: #FFF;
 350 }
 351
 352 #header {
 353     border-bottom: 1px solid #EEEEEE;
 354     font-size: 92%;
 355     margin: 1em;
 356 }
 357
 358 #header-links {
 359     font-size: 92%;
 360 }
 361
 362 #header-links a {
 363     color: #FFFFFF;
 364     display: block;
 365     float: left;
 366     margin-right: 22px;
 367     text-shadow: 0 1px 1px #000036;
 368 }
 369
 370 #header #header-links2 {
 371     position: relative;
 372     top: -8px;
 373     padding-bottom: 15px;
 374 }
 375
 376 #header #header-links2 a:hover {
 377     text-decoration: underline;
 378 }
 379
 380 #your-acct-login {
 381     padding-top: 2em;
 382 }
 383
 384 #home_myopac_link {
 385     font-size: 110%;
 386 }
 387
 388 #gold-links {
 389     line-height: 1.5em;
 390     [% IF rtl=='t' -%]
 391     margin-right: 1em;
 392     padding-right: 0;
 393     [%- ELSE %]
 394     margin-left: 1em;
 395     padding-left: 0;
 396     [%- END %]
 397 }
 398
 399 #gold-links-home {
 400     margin: auto;
 401     [% IF rtl=='t' -%]
 402     padding-right: 0;
 403     [%- ELSE %]
 404     padding-left: 0;
 405     [%- END %]
 406 }
 407
 408 #gold-links-holder {
 409     background-color: #3f61a7;
 410     border-top: 10px solid #7E98CE;
 411     height: 30px;
 412     left: 0;
 413     position: absolute;
 414     top: 0;
 415     width: 100%;
 416 }
 417
 418 #gold-links-holder a {
 419     display: inline-block;
 420     font-family: Arial, sans-serif;
 421 }
 422
 423 #util-bar {
 424     [% IF rtl=='t' -%]
 425     margin-right: 1em;
 426     padding-right: 0;
 427     [%- ELSE %]
 428     margin-left: 1em;
 429     padding-left: 0;
 430     [%- END %]
 431     height: 0;
 432 }
 433
 434 #breadcrumb {
 435     margin-top: 0;
 436     font-size: [% css_fonts.size_smaller %];
 437     [% IF rtl=='t' -%]
 438     float: right;
 439     [%- ELSE %]
 440     float: left;
 441     [%- END %]
 442 }
 443
 444 #search-within {
 445     margin-top: 10px;
 446     position: relative;
 447     [% IF rtl=='t' -%]
 448     float: left;
 449     right: -173px;
 450     [%- ELSE %]
 451     float: right;
 452     left: -173px;
 453     [%- END %]
 454 }
 455
 456 #breadcrumb a {
 457     color: #000000;
 458 }
 459
 460 #search_frm label {
 461     font-size: 83%;
 462 }
 463
 464 #search-wrapper {
 465     margin: 0 10%;
 466     padding-bottom: 5px;
 467 }
 468
 469 #search-box {
 470     [% IF rtl=='t' -%]
 471     margin-right: 1em;
 472     padding-right: 0;
 473     [%- ELSE %]
 474     padding-left: 0;
 475     [%- END %]
 476     padding-top: 10px;
 477     padding-bottom: 10px;
 478 }
 479
 480 #adv_search_tabs {
 481     border-bottom: 4px solid #263245;
 482 }
 483
 484 #adv_search_tabs a {
 485     border-bottom: 1px solid #7E98CD;;
 486 }
 487
 488 #adv_search_tabs a.on {
 489     border-bottom: 1px solid #263245;;
 490 }
 491
 492 #adv_search_input {
 493     display: none;
 494 }
 495
 496 #adv_search_tabs,
 497 #acct_tabs,
 498 #acct_fines_tabs,
 499 #acct_checked_tabs,
 500 #acct_holds_tabs,
 501 #acct_prefs_tabs,
 502 #results_header_inner {
 503     font-family: "Raleway", sans-serif;
 504     overflow: auto;
 505 }
 506
 507 #account-update-email {
 508
 509 }
 510
 511 #adv_search_tabs a,
 512 #acct_tabs a,
 513 #acct_fines_tabs a,
 514 #acct_holds_tabs a,
 515 #acct_prefs_tabs a {
 516     background-color: #0a5fab;
 517     color: #FFF;
 518     [% IF rtl=='t' -%]
 519     float: right;
 520     margin: 10px 0 0px 7px;
 521     [%- ELSE %]
 522     float: left;
 523     margin: 10px 7px 0 0;
 524     [%- END %]
 525     font-size: 90%;
 526     text-align: center;
 527     vertical-align: middle;
 528     display: block;
 529     padding: 10px 0 10px 0;
 530 }
 531
 532 #adv_search_tabs a,
 533 #acct_tabs a,
 534 #acct_fines_tabs a {
 535     padding: .6em 1em;
 536 }
 537
 538 a.acct-tab-on {
 539     border-bottom: 1px solid #263245;
 540 }
 541
 542 a.acct-tab-off {
 543     border-bottom: 1px solid #7E98CE;
 544 }
 545
 546 #adv_search_rows {
 547     border-bottom: 0;
 548 }
 549
 550 .adv_filter_block {
 551     [% IF rtl=='t' -%]
 552     float: right;
 553     [%- ELSE %]
 554     float: left;
 555     [%- END %]
 556     padding-right: 1em;
 557     clear: both;
 558 }
 559
 560 .adv_filter_block_item {
 561     [% IF rtl=='t' -%]
 562     float: right;
 563     [%- ELSE %]
 564     float: left;
 565     [%- END %]
 566     padding: 5px;
 567 }
 568
 569 .adv_filter_block_item br {
 570     display: none;
 571 }
 572
 573 .adv_filter_block_item strong {
 574     display: block;
 575     letter-spacing: .0625em;
 576     margin: .2em 0;
 577 }
 578
 579 #adv_special_block {
 580     [% IF rtl=='t' -%]
 581     float: right;
 582     [%- ELSE %]
 583     float: left;
 584     [%- END %]
 585     padding: 5px;
 586     margin-top: 5px;
 587 }
 588
 589 #adv_search_submit {
 590     margin-bottom: 2em;
 591 }
 592
 593 #adv_search_submit .opac-button {
 594     background-color: #FFF;
 595     color: #0A5FAB;
 596 }
 597
 598 #adv_search_submit #search-submit-go,
 599 #adv_numeric_block .opac-button,
 600 .expert-search .opac-button {
 601     background-color: #38558a;
 602     border: 0;
 603     color: #FFF;
 604     font-size: 110%;
 605     padding: .4em .6em;
 606 }
 607
 608 .checkbox_col {
 609     width: 1%;
 610     [% IF rtl=='t' -%]
 611     padding-right: 10px !important;
 612     [%- ELSE %]
 613     padding-left: 10px !important;
 614     [%- END %]
 615 }
 616
 617 #adv_search,
 618 #num_search,
 619 #expert_search {
 620     background-color: #0A5FAB;
 621     color: #FFF;
 622     font-weight: normal;
 623     text-transform: uppercase;
 624 }
 625
 626 #adv_search.on,
 627 #num_search.on,
 628 #expert_search.on {
 629     background-color: #263245;
 630     border-bottom: 1px solid #263245;
 631     color: #FFF;
 632     font-weight: normal;
 633     text-transform: uppercase;
 634 }
 635
 636 #adv_search_tabs a.acct-tab-on,
 637 #acct_tabs a.acct-tab-on,
 638 #acct_fines_tabs a.acct-tab-on {
 639     background-color: #263245;
 640     color: #FFF;
 641 }
 642
 643 #acct_checked_tabs a,
 644 #acct_holds_tabs a,
 645 #acct_prefs_tabs a {
 646     background-color: #7a9f37;
 647     border-bottom: 3px solid #7a9f37;
 648     color: #FFFFE8;
 649     font-size: 1rem;
 650     margin-top: 0;
 651     padding: .2em .8em;
 652 }
 653
 654 #acct_checked_tabs div.selected a,
 655 #acct_holds_tabs div.selected a,
 656 #acct_prefs_tabs div.selected a {
 657     background-color: #FFF;
 658     border-bottom: 3px solid #9ECC4C;
 659     color: #333;
 660 }
 661
 662 #acct_checked_tabs,
 663 #acct_holds_tabs,
 664 #acct_prefs_tabs {
 665     padding-bottom: 1.5rem;
 666     padding-top: .5rem;
 667     color: #999;
 668 }
 669
 670 #acct_select,
 671 #acct_prefs_select {
 672     display: none;
 673 }
 674
 675 #canvas_main h2 {
 676     color: #16305C;
 677     font-family: "Raleway", sans-serif;
 678     font-size: 110%;
 679     font-weight: 600;
 680     letter-spacing: .0625em;
 681     border-bottom: 1px solid #EEE;
 682     padding-bottom: .2em;
 683 }
 684
 685 #canvas_main hr {
 686     display: none;
 687 }
 688
 689 #rdetail_record_details + ul,
 690 #rdetail_related_subjects + ul {
 691     line-height: 1.5em;
 692     list-style-type: none;
 693     padding: 0;
 694 }
 695
 696 #rdetail_summary_header {
 697     margin-top: 1em;
 698 }
 699
 700 #rdetail_summary_header  #rdetail_title {
 701     font-family: "Raleway", sans-serif;
 702     font-weight: 700;
 703     letter-spacing: .0625em;
 704     margin: .7em 0 .4em 0;
 705 }
 706
 707
 708 .rdetail_header {
 709     border-bottom: 3px solid #7a9f37;
 710     font-size: 85%;
 711     margin-left: 0;
 712 }
 713
 714 .rdetail_results a {
 715     background-color: #7a9f37;
 716     color: #FFFFE8;
 717     padding: .3em .5em;
 718 }
 719
 720 .rdetail_result_count {
 721     color: #000000;
 722     font-weight: normal;
 723     display: inline-block;
 724     [% IF rtl=='t' -%]
 725     padding-right: 1em;
 726     [%- ELSE %]
 727     padding-left: 1em;
 728     [%- END %]
 729 }
 730
 731 .result_count::before {
 732     color: #7095D6;
 733     content: "\002022";
 734 }
 735
 736 .rdetail_result_nav {
 737     font-weight: normal;
 738     display: inline-block;
 739     [% IF rtl=='t' -%]
 740     padding-right: 1em;
 741     [%- ELSE %]
 742     padding-left: 1em;
 743     [%- END %]
 744 }
 745
 746 .rdetail_result_nav a {
 747     background-color: #7a9f37;
 748     color: #FFFFE8;
 749     padding: .3em .5em;
 750 }
 751
 752 #rdetail_details_table {
 753     margin-top: 15px;
 754 }
 755
 756 #rdetail_image {
 757     border: 0;
 758     padding-right: 1em;
 759     padding-bottom: 1em;
 760 }
 761
 762 #rdetail_image_cell {
 763     padding-top: 3px;
 764     [% IF rtl=='t' -%]
 765     padding-left: 10px;
 766     [%- ELSE %]
 767     padding-right: 10px;
 768     [%- END %]
 769 }
 770
 771 h2.rdetail_uris {
 772     margin-top: 1em;
 773 }
 774 div.rdetail_uris {
 775     background-color: #d8d8d8;
 776     display: inline-block;
 777     padding: .5em 1em .5em 1em;
 778 }
 779
 780 div.rdetail_uris p {
 781     margin: 0;
 782 }
 783
 784 div.rdetail_uris ul li {
 785     position: relative;
 786     [% IF rtl=='t' -%]
 787     right: 1em;
 788     [%- ELSE %]
 789     left: 1em;
 790     [%- END %]
 791 }
 792
 793 div.rdetail_show_copies {
 794     margin-top: 1em;
 795 }
 796
 797 #rdetail_actions_div {
 798     background-color: #fff;
 799     margin-bottom: 1em;
 800     float: right;
 801 }
 802
 803 #copy_hold_counts h2 {
 804     font-size: 100%;
 805     margin-bottom: .6em;
 806 }
 807
 808 #copy_hold_counts p,
 809 #copy_hold_counts ul {
 810     margin: .5em 0;
 811 }
 812
 813 #rdetail_copy_counts {
 814     display: inline-block;
 815     vertical-align: top;
 816     [% IF rtl=='t' -%]
 817     border-left: thin;
 818     margin-left: 1em;
 819     padding-left: 1em;
 820     [%- ELSE %]
 821     border-right: thin;
 822     margin-right: 1em;
 823     padding-right: 1em;
 824     [%- END %]
 825 }
 826
 827 #rdetail_hold_counts {
 828     display: inline-block;
 829     vertical-align: top;
 830 }
 831
 832 #rdetail_hold_counts p {
 833     [% IF rtl=='t' -%]
 834     padding-right: 2em;
 835     [%- ELSE %]
 836     padding-left: 2em;
 837     [%- END %]
 838 }
 839
 840 #rdetail_image_div {
 841     [% IF rtl=='t' -%]
 842     float: right;
 843     margin-left: 1em;
 844     [%- ELSE %]
 845     float: left;
 846     margin-right: 1em;
 847     [%- END %]
 848 }
 849
 850 .rdetail_aux_utils {
 851     color: #FFF;
 852     padding-left: 17px;
 853     padding-right: 70px;
 854 }
 855
 856 .rdetail_aux_utils img {
 857     display: none;
 858 }
 859
 860 #format_actions,
 861 #rdetail_copy_counts,
 862 #rdetail_hold_counts {
 863     font-size: .9rem;
 864 }
 865
 866 .result_table_title_cell img,
 867 #format_actions img {
 868     vertical-align: middle;
 869 }
 870
 871 #rdetail_image_div {
 872     margin-right: 0;
 873 }
 874
 875 .classic_link {
 876     display: inline-block;
 877     margin: 0 1em;
 878 }
 879
 880 .classic_link.record_title {
 881     line-height: 1.5em;
 882 }
 883
 884 div.toggle_list {
 885     padding-top: 6px;
 886 }
 887
 888
 889 div.share_record {
 890     padding-top: 6px;
 891 }
 892
 893 div.format_icon {
 894     [% IF rtl=='t' -%]
 895     float: left;
 896     margin-left: 17px;
 897     [%- ELSE %]
 898     float: right;
 899     margin-right: 17px;
 900     [%- END %]
 901 }
 902
 903 #metarecord_population h3 {
 904     font-size: 96%;
 905     margin: .5em 0;
 906 }
 907
 908 #metarecord_population a::before {
 909     content: "\002022";
 910 }
 911
 912 #metarecord_population {
 913     border: 1px solid #CCC;
 914     background-color: rgba(228, 243, 212, .5);
 915     float: left;
 916     padding: .3em 1em;
 917     margin-bottom: 1em;
 918     min-width: 50%;
 919 }
 920
 921 .metarecord_population_span_link {
 922     line-height: 20px;
 923 }
 924
 925 .metarecord_population_format {
 926     border-right: thin;
 927     display: inline-block;
 928     margin-right: 1em;
 929     padding-right: 1em;
 930     vertical-align: top;
 931 }
 932
 933 .metarecord_population_item_lang {
 934     display: inline-block;
 935     vertical-align: top;
 936 }
 937
 938 .metarecord_population_all {
 939     padding-top: 10px;
 940 }
 941
 942 .results_aux_utils.place_hold a,
 943 .results_aux_utils.result_util a,
 944 .rdetail_aux_utils a {
 945     background-color: #5176b6;
 946     color: #FFF;
 947     display: inline-block;
 948     margin-top: .3em;
 949     padding: .7em 1em;
 950     text-align: center;
 951 }
 952
 953 .results_aux_utils.place_hold a:hover,
 954 .results_aux_utils.result_util a:hover {
 955     background-color: #7095D6;
 956     color: #FFF;
 957 }
 958
 959 .results_aux_utils.place_hold a,
 960 .rdetail_aux_utils.place_hold a {
 961     background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAd0lEQVQ4jd2Tuw2AMAxEbUBiIcZgJ7IDDMUmtIgFHk2ErJCfUlBwlXXOPVlWLMAMHCQkgby9WyMZzgAeX2OPrFRVQ4D1u1y4RlUAwAEu1htqwiKy+PrVL+4gpW938HOAmF87tU5w+bpvnWDLHVPxyIARWIGzBXADu57icISS+qQAAAAASUVORK5CYII=")  #5176b6 no-repeat;
 962     background-position-x: 10px;
 963     display: block;
 964     padding-left: 30px;
 965     background-position-y: center;
 966 }
 967
 968 .results_aux_utils.result_util a,
 969 .rdetail_aux_utils.result_util a,
 970 .rdetail_aux_utils.toggle_list a {
 971     background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAQElEQVQ4je3QQQpAAABE0TdOxf1XypEwNi5AUcqv2U8vbWfsSSZoWxcasJ/7aPkNpO2CNcnIPYMV2wPnXuo34ADcXyvnnwHItgAAAABJRU5ErkJggg==") #5176b6 no-repeat;
 972     background-position-x: 10px;
 973     display: block;
 974     padding-left: 30px;
 975     background-position-y: center;
 976 }
 977
 978 .rdetail_aux_utils.share_record a {
 979     background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABH0lEQVQ4jY2TPUtDQRBF7+SZSmJAsBCC3yaFYCHW/j57QSQgRFHBoP4CG8sgKbVRtBNF856NnXIsMuCyL092YFmYO2e4O7srJQTQBq6Ad199YD2FFbAEfFKOEbBWS+hhkpB0LGlOUlPSkaRZSbtJLia4agA/QDH1T9GmpI6kXNKNmX0HchY4K4EbwG103kdg2nUDep7vx/A2ULj4AJwDd8CL2zagGwxxtQreB7JAswjOga0qeC8Efa8Dh1VwuwIeAs/AKfAU2P6DvfDSxYMoP4gGOQA68dANyDV+HDNm9hU0yCTtSGpJujezYenKvHDkj6IZ5esTgShqkq597wLzwAJwIakg5cMAK4x/WBwfQCvFhYBl4Ax4A16BE2Axhf0FMaqORLwYoRUAAAAASUVORK5CYII=") #5176b6 no-repeat;
 980     background-position-x: 10px;
 981     display: block;
 982     padding-left: 30px;
 983     background-position-y: center;
 984 }
 985
 986
 987 div .place_hold img,
 988 .result_util img {
 989     display: none;
 990 }
 991
 992 .result_count {
 993     color: #666;
 994 }
 995
 996 .results_reviews {
 997     top: -5px;
 998 }
 999
1000 #rdetail_copies {
1001     padding-top: 1.5em;
1002 }
1003
1004 #rdetails_status tbody>tr:nth-child(even)>td {
1005     background-color: #FFF;
1006 }
1007
1008 #rdetails_status td {
1009     [% IF rtl=='t' -%]
1010     padding: 7px 13px 3px 0;
1011     [%- ELSE %]
1012     padding: 7px 0 3px 13px;
1013     [%- END %]
1014 }
1015
1016 #rdetails_status td[headers=copy_header_library],
1017 #rdetails_status td[headers=copy_header_shelfloc] {
1018     white-space: normal;
1019 }
1020
1021
1022 #rdetails_status tbody td.copy_note {
1023     text-wrap: normal;
1024     white-space: pre-wrap !important;
1025     word-wrap: normal;
1026 }
1027
1028 #rdetails_status tbody td.copy_tag {
1029     background-color: #FFF;
1030     border-top: 4px solid #FFDD1A;
1031     border-bottom: 4px solid #FFDD1A;
1032
1033 }
1034
1035 #rdetails_status tbody .copy_tag_value {
1036     font-weight: bolder;
1037 }
1038
1039 #rdetails_status tbody td.copy_tag {
1040     border-color: [% css_colors.primary %];
1041     border-style: dashed;
1042     border-width: 2px;
1043 }
1044 #rdetails_status tbody .copy_tag_value {
1045     font-weight: bolder;
1046 }
1047
1048 .rdetail_extras {
1049     padding-top: 1px;
1050     clear: both;
1051 }
1052
1053 #rdetail_extras_div {
1054     margin: 1em 0;
1055 }
1056
1057 .rdetail_extras_hr {
1058     height: 1px;
1059     background-color: #EEE;
1060 }
1061
1062 .rdetail_extras_link {
1063     padding: 6px 12px;
1064     font-size: 100%;
1065     font-weight: bold;
1066 }
1067
1068 .rdetail_extras_link a:link,
1069 .rdetail_extras_link a:visited {
1070     color: #0A5FAB;
1071 }
1072
1073 .rdetail_extras_link a:hover,
1074 .rdetail_extras_link a:active {
1075     color: #6AB5F9;
1076 }
1077
1078 #rdetail_extras_expand,
1079 #rdetail_extras_collapse,
1080 #rdetail_locs_collapse {
1081     [% IF rtl=='t' -%]
1082     margin-right: 13px;
1083     [%- ELSE %]
1084     margin-left: 13px;
1085     [%- END %]
1086 }
1087
1088 #rdetail_locs_expand,
1089 #rdetail_locs_collapse {
1090     [% IF rtl=='t' -%]
1091     margin-right: 13px;
1092     [%- ELSE %]
1093     margin-left:13px;
1094     [%- END %]
1095     padding-bottom:3px;
1096     margin-top:15px;
1097 }
1098
1099 #rdetail_anotes_div .biography {
1100     margin:0;
1101 }
1102
1103 .rdetail_subject_value {
1104     color: #3f61a7;
1105     font-size: 90%;
1106 }
1107
1108 .rdetail_subject_value a {
1109     display: inline-block;
1110     padding: .05em .4em;
1111     margin-bottom: .2em;
1112 }
1113
1114 .rdetail_subject_value a:link,
1115 .rdetail_subject_value a:visited {
1116     background-color: #F3F6FB;
1117     border: 1px solid #D5E1F8;
1118     border-radius: 5px;
1119     color: #3E5B90;
1120 }
1121
1122 .rdetail_subject_value a:hover,
1123 .rdetail_subject_value a:active {
1124     background-color: #FFF;
1125     border: 1px solid #D0DAED;
1126     border-radius: 5px;
1127     color: #6B86BB;
1128 }
1129
1130 .rdetail_subject_value span {
1131     display: block;
1132     margin-bottom: .1em;
1133 }
1134
1135 #gbp_extra,
1136 #gbp_arrow_down_link {
1137     display: none;
1138 }
1139
1140 .almost-content-wrapper {
1141     background-color: #fff;
1142 }
1143
1144 #content-wrapper,
1145 #search-wrapper,
1146 #results_header_bar {
1147     background-color: #fff;
1148     margin: 0 10%;
1149 }
1150
1151 .content-wrapper-record-page {
1152     position: relative;
1153     top: -15px;
1154 }
1155
1156 #main-content-home {
1157     [% IF rtl=='t' -%]
1158     padding-right: 17px;
1159     margin-right: 1em;
1160     [%- ELSE %]
1161     padding-left: 17px;
1162     margin-left: 1em;
1163     [%- END %]
1164 }
1165
1166 #main-content {
1167     clear: both;
1168     font-family: Helvetica, Arial, sans-serif;
1169     [% IF rtl=='t' -%]
1170     padding-right: 0;
1171     [%- ELSE %]
1172     padding-left: 0;
1173     [%- END %]
1174 }
1175
1176 #main-content h1,
1177 #main-content h2,
1178 #main-content h3,
1179 #main-content h4 {
1180
1181 }
1182
1183 #main-content-after-bar {
1184     [% IF rtl=='t' -%]
1185     margin-right: 1em;
1186     padding-right: 4px;
1187     [%- ELSE %]
1188     margin-left: 1em;
1189     padding-left: 4px;
1190     [%- END %]
1191 }
1192
1193 #results-side-bar {
1194     background-color: #fff;
1195     [% IF rtl=='t' -%]
1196     float: right;
1197     margin-left: 5px;
1198     [%- ELSE %]
1199     float: left;
1200     margin-right: 5px;
1201     [%- END %]
1202     width: 174px;
1203 }
1204
1205 #login-form-box {
1206     background-color: #EEEEEE;
1207     border: 1px solid #ddd;
1208     color: #333;
1209 }
1210
1211 #main-content .left_brain {
1212     margin: 1em 0;
1213     padding: 1em;
1214 }
1215
1216
1217
1218 #main-content .left_brain .input_bg {
1219
1220     padding: .5em 0;
1221
1222 }
1223
1224
1225 label[for="login_persist"] {
1226     font-size: 80%;
1227 }
1228
1229 #login-form-box h1 {
1230     font-family: "Raleway", sans-serif;
1231     font-weight: bold;
1232     letter-spacing: .0625em;
1233 }
1234
1235 #login-form-box input[type='text'],
1236 #login-form-box input[type='password'] {
1237     width: 15rem;
1238 }
1239
1240 #login-form-box label.lbl1 {
1241     display: block;
1242     font-size: 110%;
1243     margin: .3em 0;
1244 }
1245
1246 #login-form-box .opac-button {
1247     background: #38558A;
1248     border: 0;
1249     color: #fff;
1250     cursor: pointer;
1251     display: block;
1252     font-size: 100%;
1253     letter-spacing: .0625em;
1254     line-height: 1;
1255     margin: .5em 0;
1256     padding: .6em .8em;
1257     position: relative;
1258     text-transform: uppercase;
1259     transition: all .3s ease-out;
1260     vertical-align: middle;
1261 }
1262
1263
1264
1265 .login-help-box {
1266     [% IF rtl=='t' -%]
1267     float: right;
1268     margin-right: 2em;
1269     [% ELSE -%]
1270     float: left;
1271     margin-left: 2em;
1272     [% END -%]
1273     width: 200px;
1274     text-align: center
1275 ;}
1276
1277 .login-help-button {
1278     font-size: 90%;
1279     padding: 1.5em;
1280 }
1281
1282 .login-help-button a.opac-button {
1283     background-color: #1a7c48;
1284 }
1285
1286 #login-failed-message {
1287     background-color: #FBEE86;
1288     border-left: 10px solid #EC5959;
1289     font-style: italic;
1290     margin: 1em 0;
1291     padding: 1em;
1292     min-width: 75%;
1293 }
1294
1295 #holds_temp_parent td {
1296     border-bottom: 1px solid #e9ebf3;
1297 }
1298
1299 #holds_temp_parent input,
1300 #holds_temp_parent select {
1301     margin:0;
1302 }
1303
1304 #holds_temp_parent tr td div {
1305     margin-top: 10px;
1306     margin-bottom: 10px;
1307 }
1308
1309 #holds_temp_parent tr td div.format_icon {
1310     margin-top: 6px;
1311     margin-bottom: 6px;
1312     float: none;
1313 }
1314
1315 #results_another_search a,
1316 #refine_hits a,
1317 #return_to_hits a,
1318 .results_header_sel a {
1319     background: #5178ad;
1320     border: 0;
1321     color: #fff;
1322     cursor: pointer;
1323     display: block;
1324     font-size: 75%;
1325     letter-spacing: .0625em;
1326     margin: .4em 0;
1327     padding: .5em;
1328     text-align: center;
1329     transition: all .3s ease-out;
1330     vertical-align: middle;
1331 }
1332
1333 .results_header_lbl {
1334     color: #333333;
1335     display: block;
1336     font-size: 80%;
1337     margin: .5em 0 .5em 1em;
1338 }
1339
1340 #results_header_bar {
1341     background-color: #EEEEEE;
1342     border-bottom: 1px solid #cbcbcb;
1343     border-top: 1px solid #dedede;
1344     font-family: Helvetica, Arial, sans-serif;
1345     font-size: .85rem;
1346     margin: 0 10%;
1347 }
1348
1349 #results_header_bar a {
1350     background: #38558a;
1351     border: 0;
1352     color: #fff;
1353     cursor: pointer;
1354     display: inline-block;
1355     letter-spacing: .0625em;
1356     margin: .4em .6em;
1357     padding: .5em;
1358     transition: all .3s ease-out;
1359     vertical-align: middle;
1360 }
1361
1362 #results_header_bar a:hover {
1363     background: #085EAB;
1364 }
1365
1366 #results_header_bar select {
1367     height: 1.9em;
1368     margin: .3em 0;
1369 }
1370
1371 #sidebar_search_options h4 {
1372     background-color: rgba(228, 243, 212, .5);
1373     margin: 0 0 .3em 0;
1374     padding: .4em .4em .5em 1em;
1375 }
1376
1377 #results_check_options {
1378
1379 }
1380
1381 #results_check_options .results_header_lbl {
1382
1383 }
1384
1385 /* we need a negative margin on the select to allow the containing <label>
1386 to determine the actual size of the element.  By doing this, we can increase
1387 the odds that the buttons and the select will be the same size, and therefore
1388 collapse correctly when the window width decreases */
1389 .results_header_lbl select {
1390     margin: -.5em 0;
1391 }
1392
1393 #limit_to_available {
1394     vertical-align: middle;
1395 }
1396
1397 .results_header_sel {
1398
1399 }
1400
1401 .results_header_nav1 {
1402     border-bottom: 1px dotted #CCCCCC;
1403     font-size: 75%;
1404     padding: 1em 0;
1405 }
1406
1407 .results_header_nav1 .h1 {
1408     color: #38558a;
1409     font-size: 115%;
1410     font-weight: bold;
1411 }
1412
1413 .table_no_border_space {
1414     border-spacing: 0;
1415 }
1416 .table_no_cell_pad td {
1417     padding: 0;
1418 }
1419 .table_no_border {
1420     border-collapse: collapse;
1421 }
1422
1423 #result_table_table {
1424     margin-top:10px;
1425 }
1426
1427 #result_table_div {
1428     margin-top: 1em;
1429 }
1430
1431 tr.result_table_row td {
1432     padding: .3em 0;
1433 }
1434
1435 tr.result_table_row>td.results_row_count,
1436 tr.result_table_row>td.result_table_pic_header,
1437 tr.result_table_row>td.result_table_title_cell {
1438     padding-top: .4em;
1439     padding-bottom: 1em;
1440     vertical-align: top;
1441 }
1442
1443 tr.result_table_row>td.results_row_count {
1444     padding-top: 1em;
1445 }
1446
1447 .result_metadata {
1448     [% IF rtl=='t' -%]
1449     float: right;
1450     padding-left: 2em;
1451     [% ELSE -%]
1452     float: left;
1453     padding-right: 2em;
1454     [% END -%]
1455     width: 60%;
1456 }
1457
1458 tr.result_table_row:nth-child(n+2)>td {
1459     border-top: 1px solid #d8d8d8;
1460 }
1461
1462 tr.result_table_row>td.result_table_pic_header {
1463     padding: 1em;
1464     white-space: nowrap;
1465 }
1466
1467 .result_number {
1468     [% IF rtl=='t' -%]
1469     padding-right: 1em;
1470     [% ELSE -%]
1471     padding-left: 1em;
1472     [% END -%]
1473     white-space: nowrap;
1474 }
1475
1476 .result_count_number {
1477     font-weight: bold;
1478 }
1479
1480 .result_table_subtable {
1481     width: 100%;
1482     padding-top: 1em;
1483 }
1484
1485 div.result_table_utils_cont {
1486     [% IF rtl=='t' -%]
1487     text-align: right;
1488     float: right;
1489     [% ELSE -%]
1490     text-align:left;
1491     float: left;
1492     [% END -%]
1493     font-size: 85%;
1494     margin-top: .5em;
1495 }
1496
1497 #myopac_summary_div .header_middle {
1498     padding: .4em 0;
1499 }
1500
1501 #myopac_summary_div .div-left .header_middle {
1502     margin: 0;
1503     padding: 0;
1504 }
1505
1506 #myopac_summary_div p {
1507     margin:0;
1508     margin-bottom: 10px;
1509 }
1510
1511 #myopac_summary_div noscript {
1512     display: block;
1513     margin: 1em;
1514 }
1515
1516 #acct_sum_checked_table td {
1517     padding-bottom:5px;
1518 }
1519
1520 .zero_search_hits_main {
1521     background-color: #e4f3d4;
1522     border-left: 5px solid #b8df8f;
1523     clear: both;
1524     [% IF rtl=='t' -%]
1525     float: right;
1526     [% ELSE -%]
1527     float:left;
1528     [% END -%]
1529     font-style: italic;
1530     margin-bottom: 1em;
1531     margin-top: 2ex;
1532     padding: 1em;
1533     width: 75%;
1534 }
1535
1536 .zero_search_hits_saved {
1537     [% IF rtl=='t' -%]
1538     float: right;
1539     margin-left: 2em;
1540     [% ELSE -%]
1541     float:left;
1542     margin-right: 2em;
1543     [% END -%]
1544     width:200px;
1545     margin-top: 2ex;
1546 }
1547
1548 #zero_search_hits_main p {
1549     margin: 0;
1550 }
1551
1552 #zero_hits_term {
1553     font-weight: bold;
1554 }
1555
1556 #lowhits_help {
1557     background-color: #F9F9F9;
1558     border-top: 1px solid #CCCCCC;
1559     border-bottom: 1px solid #CCCCCC;
1560     font-size: 85%;
1561     [% IF rtl=='t' -%]
1562     float: left;
1563     [% ELSE -%]
1564     float: right;
1565     [% END-%]
1566     margin-top: 7px;
1567     padding: 10px;
1568 }
1569
1570 .results_info_table td {
1571     [% IF rtl=='t' -%]
1572     padding-left: 10px;
1573     [% ELSE -%]
1574     padding-right: 10px;
1575     [% END-%]
1576 }
1577
1578 #myopac_holds_main_table {
1579     border-collapse: collapse;
1580 }
1581
1582 #myopac_holds_main_table td {
1583     border: 1px solid black;
1584 }
1585
1586 .myopac-hold-available {
1587     font-weight: bold;
1588 }
1589
1590 .myopac-hold-suspended {
1591     color: #b60000;
1592     font-weight: bold;
1593 }
1594
1595 .header_middle {
1596     border-bottom: 1px dotted #CCCCCC;
1597     clear: both;
1598     color: #666;
1599     font-family: "Raleway", sans-serif;
1600     font-size: 125%;
1601     font-weight: bold;
1602     letter-spacing: .0625em;
1603     margin-bottom: .7em;
1604     padding: 0 7px 8px 0;
1605 }
1606
1607 .header_middle a {
1608     font-weight: normal;
1609 }
1610
1611 .header_middle .float-left {
1612     float: none;
1613 }
1614
1615 .header_middle button {
1616     font-size: 80%;
1617     margin: .4em 0;
1618 }
1619
1620 #acct_sum_block {
1621     [% IF rtl=='t' -%]
1622     float: right;
1623     clear: right;
1624     [% ELSE -%]
1625     float: left;
1626     clear: left;
1627     [% END -%]
1628 }
1629
1630 .acct_sum_table {
1631     background-color: #f0f0f0;
1632     border-collapse: collapse;
1633 }
1634
1635 .acct_sum_table tr {
1636     border-bottom: 2px solid #FFF;
1637 }
1638
1639 .acct_sum_table td {
1640     padding: 1em;
1641 }
1642
1643 .acct_sum_table a {
1644     text-transform: none;
1645     position:relative;
1646     top:-1px;
1647 }
1648
1649 .acct_sum_table .view_link {
1650     font-weight: normal;
1651 }
1652
1653 #messages_main div {
1654     background-color: #EEEEEE;
1655     font-size: 120%;
1656     padding: .5rem 1rem;
1657 }
1658
1659 #messages_main div select {
1660     font-size: 76%;
1661     width: auto;
1662 }
1663
1664 #messages_main div input[type='submit'] {
1665     background-color: #FFF;
1666     font-size: 80%;
1667 }
1668
1669 #myopac_sum_fines {
1670     background-color: #f0f0f0;
1671     [% IF rtl=='t' -%]
1672     float: left;
1673     padding: 15px 23px 0 0;
1674     [% ELSE -%]
1675     float:right;
1676     padding: 15px 0 0px 23px;
1677     [% END -%]
1678     margin-top: 2em;
1679     min-width: 177px;
1680     min-height: 166px;
1681 }
1682
1683 #myopac_sum_fines_placehold {
1684     [% IF rtl=='t' -%]
1685     float: left;
1686     [% ELSE -%]
1687     float: right;
1688     [% END -%]
1689     width: 177px;
1690     height: 166px;
1691 }
1692
1693 .acct_holds_temp td {
1694     [% IF rtl=='t' -%]
1695     text-align: right;
1696     [% ELSE -%]
1697     text-align: left;
1698     [% END -%]
1699 }
1700
1701 #acct_holds_tabs .align,
1702 #acct_prefs_tabs .align {
1703     [% IF rtl=='t' -%]
1704     float: right;
1705     [% ELSE -%]
1706     float:left;
1707     [% END -%]
1708 }
1709
1710 #acct_checked_tabs .align {
1711     display: inline-block;
1712 }
1713
1714 #acct_info_main hr {
1715     display: none;
1716 }
1717
1718 #acct_info_main a {
1719     color: #000;
1720     padding: .4em .4em;
1721     margin: .2em 0;
1722     display: inline-block;
1723 }
1724
1725 #acct_info_main a:hover {
1726     background-color: #f5f8ff;
1727     border: 1px solid #789ACE;
1728     font-size: 100%;
1729 }
1730
1731 .result_holdings_table {
1732     font-size: 90%;
1733 }
1734
1735 #acct_checked_main_header,
1736 #acct_holds_main_header,
1737 #acct_checked_hist_header,
1738 #acct_holds_hist_header,
1739 #acct_list_header,
1740 #acct_list_header_anon,
1741 #temp_list_holds,
1742 #acct_messages_main_header,
1743 #ebook_circs_main_table,
1744 #ebook_holds_main_table,
1745 #single_message_main table,
1746 #myopac_trans_table,
1747 #copy_hold_counts table,
1748 .result_holdings_table,
1749 #acct_info_main table,
1750 #acct_search_main table,
1751 #acct_holds_hist_header,
1752 .bookbag-specific {
1753     border-bottom: 1px solid #EEEEEE;
1754     border-collapse: collapse;
1755 }
1756
1757 #acct_messages_main_header,
1758 #single_message_main table {
1759     margin-top: 1em;
1760 }
1761
1762 #copy_hold_counts table {
1763     border-top: 1px solid #CCCCCC;
1764 }
1765
1766 #acct_checked_main_header tbody>tr:nth-child(even)>td,
1767 #acct_holds_main_header tbody>tr:nth-child(even)>td,
1768 #acct_checked_hist_header tbody>tr:nth-child(even)>td,
1769 #acct_holds_hist_header tbody>tr:nth-child(even)>td,
1770 #acct_list_header tbody>tr:nth-child(even)>td,
1771 #acct_list_header_anon tbody>tr:nth-child(even)>td,
1772 #temp_list_holds tbody>tr:nth-child(even)>td,
1773 #acct_messages_main_header tbody>tr:nth-child(even)>td,
1774 #ebook_circs_main_table tbody>tr:nth-child(even)>td,
1775 #ebook_holds_main_table tbody>tr:nth-child(even)>td,
1776 .bookbag-specific tbody>tr:nth-child(even)>td,
1777 #myopac_trans_table tbody>tr:nth-child(even)>td,
1778 #acct_info_main tbody>tr:nth-child(even)>td,
1779 #acct_search_main tbody>tr:nth-child(even)>td,
1780 .result_holdings_table tbody>tr:nth-child(even)>td,
1781 #acct_holds_hist_header tbody>tr:nth-child(even)>td,
1782 #single_message_main table tbody>tr:nth-child(even)>td {
1783     background-color: #f5f8ff;
1784 }
1785
1786 #acct_checked_main_header input[type='checkbox'],
1787 #acct_holds_main_header input[type='checkbox'],
1788 #acct_checked_hist_header input[type='checkbox'],
1789 #acct_holds_hist_header input[type='checkbox'],
1790 #acct_list_header input[type='checkbox'],
1791 #acct_list_header_anon input[type='checkbox'],
1792 #temp_list_holds input[type='checkbox'],
1793 #acct_messages_main_header input[type='checkbox'],
1794 #ebook_circs_main_table input[type='checkbox'],
1795 .bookbag-specific input[type='checkbox'],
1796 #myopac_trans_table input[type='checkbox'],
1797 #acct_holds_hist_header input[type='checkbox'],
1798 #ebook_holds_main_table input[type='checkbox'] {
1799     font-size: 200%;
1800 }
1801
1802 .hold_notes {
1803     text-transform: none;
1804     font-weight: normal;
1805 }
1806
1807 .hold_note_title {
1808     font-weight: bold;
1809 }
1810
1811
1812 #acct_checked_main_header td,
1813 #acct_holds_main_header td,
1814 #acct_checked_hist_header td,
1815 #acct_holds_hist_header td,
1816 #acct_list_header td,
1817 #acct_list_header_anon td,
1818 #temp_list_holds td,
1819 #acct_messages_main_header td,
1820 #ebook_circs_main_table td,
1821 #ebook_holds_main_table td,
1822 .bookbag-specific td,
1823 #myopac_trans_table td,
1824 #acct_info_main td,
1825 #acct_search_main td,
1826 .result_holdings_table td,
1827 #acct_holds_hist_header td,
1828 #single_message_main td {
1829     background-color: #FFF;
1830     border-top: 1px solid #EEEEEE;
1831     padding: 10px;
1832 }
1833
1834 #acct_checked_main_header th,
1835 #acct_holds_main_header th,
1836 #acct_checked_hist_header th,
1837 #acct_holds_hist_header th,
1838 #acct_list_header th,
1839 #acct_list_header_anon th,
1840 #temp_list_holds th,
1841 #acct_messages_main_header th,
1842 #ebook_circs_main_table th,
1843 #ebook_holds_main_table th,
1844 .bookbag-specific thead td,
1845 #copy_hold_counts th,
1846 #acct_info_main th,
1847 #acct_search_main th,
1848 .result_holdings_table th,
1849 #acct_holds_hist_header thead td,
1850 #myopac_trans_table thead td,
1851 #single_message_main th {
1852     border-bottom: 1px solid #666;
1853     font-family: "Raleway", sans-serif;
1854     font-size: 90%;
1855     letter-spacing: .04em;
1856     [% IF rtl=='t' -%]
1857     text-align: right;
1858     [% ELSE -%]
1859     text-align: left;
1860     [% END -%]
1861     padding: 10px;
1862 }
1863
1864 #single_message_main a.opac-button,
1865 #single_message_main button.opac-button {
1866     background-color: #FFF;
1867     border: 1px solid #CCCCCC;
1868     color: #000;
1869     font-size: 14px;
1870     padding: .4rem .7rem;
1871     text-transform: none;
1872 }
1873
1874 #acct_list_header select,
1875 #acct_list_header_anon select {
1876     font-weight:normal;
1877     text-transform:none;
1878 }
1879
1880 .lbl1 {
1881     font-size: 125%;
1882     font-weight: bold;
1883 }
1884
1885 .lbl2 {
1886     font-size: 83%;
1887     font-weight:normal;
1888     line-height: 1.5em;
1889     margin-bottom: 1em;
1890     max-width:300px;
1891     position:relative;
1892     top:3px;
1893 }
1894
1895 #acct_search_main {
1896     color: #666;
1897     font-size: 80%;
1898 }
1899
1900 #acct_search_main td:first-child {
1901     font-weight: bold;
1902     color: #000;
1903 }
1904
1905 #acct_search_main label {
1906     color: #000;
1907     font-weight: bold;
1908 }
1909
1910 #acct_search_main select,
1911 #acct_search_main input {
1912     display: block;
1913     margin-bottom: .2em;
1914 }
1915
1916 #acct_search_main select[name='opac.hits_per_page'],
1917 #acct_search_main select[name='opac.lists_per_page'],
1918 #acct_search_main select[name='opac.list_items_per_page'] {
1919     display: inline;
1920 }
1921
1922
1923 #myopac_tabs,
1924 #adv_search_parent,
1925 #fines_payments_wrapper {
1926     border-bottom: 4px solid #263245;
1927     margin-bottom:20px;
1928     padding-top:5px;
1929 }
1930
1931 #fines_payments_wrapper {
1932     [% IF rtl=='t' -%]
1933         padding-left: 5px;
1934     [% ELSE -%]
1935         padding-right: 5px;
1936     [% END -%]
1937     margin-bottom: 0;
1938 }
1939
1940 #myopac_trans_table thead .bold {
1941     font-size: 110%;
1942 }
1943
1944 #myopac_trans_div br {
1945     display: none;
1946 }
1947
1948 .myopac_payments_table {
1949     width: 100%;
1950 }
1951
1952 .myopac_payments_table th {
1953     [% IF rtl=='t' -%]
1954     text-align: right;
1955     [% ELSE -%]
1956     text-align: left;
1957     [% END -%]
1958 }
1959
1960 .myopac_payments_table thead th:first-child {
1961     min-width: 8em;
1962 }
1963
1964 .myopac_payments_table tbody tr:nth-child(odd) {
1965     background-color: #EEE;
1966 }
1967
1968 .myopac_payments_table form {
1969     display: inline;
1970 }
1971
1972 .myopac_payments_table input[type="submit"] {
1973     padding: 1px;
1974 }
1975
1976 .myopac_payments_table {
1977     border-right: 1px solid #CCC;
1978     border-top: 1px solid #CCC;
1979 }
1980
1981 .myopac_payments_table td,
1982 .myopac_payments_table th {
1983     border-left: 1px solid #CCC;
1984     border-bottom: 1px solid #CCC;
1985     padding: .4em;
1986 }
1987
1988 .pending-addr {
1989     border-left: 10px solid #FFCCCC;
1990 }
1991
1992 .cc_header
1993 {
1994    padding-top:1em;
1995    background-color: [% css_colors.accent_lighter %];
1996 }
1997
1998 .payment-error {
1999     border: 1px solid;
2000     color: #f00;
2001     font-weight: bold;
2002     padding: 10px;
2003 }
2004
2005 .payment-processing {
2006     border: 1px solid;
2007     font-size: 125%;
2008     font-weight: bold;
2009     color: [% css_colors.text_greatnews %];
2010     font-size: [% css_fonts.size_bigger %];
2011     padding: 10px;
2012     border: 1px solid [% css_colors.accent_medium_dark %];
2013     text-align: center;
2014 }
2015
2016 #adv_search_input {
2017     width: 100%;
2018 }
2019
2020 #adv_search_parent {
2021     margin-bottom: 0;
2022 }
2023 #search-submit-spinner {
2024     height: 16px;
2025     width: 16px;
2026 }
2027 div.adv_search_available {
2028     margin-top: 1em;
2029 }
2030
2031 #myopac_loading {
2032     font-size: 125%;
2033     font-weight: bold;
2034     padding-top: 20px;
2035     text-align:center;
2036     width: 100%;
2037 }
2038
2039 .chili_link {
2040     text-align: center !important;
2041     width: 100px !important;
2042 }
2043
2044 .chili_review div.chili_link div {
2045     margin: auto;
2046 }
2047
2048
2049 /* styling for advanced search filters that display with searchbar */
2050 #adv_filter_results_block h4 {
2051     display: inline;
2052 }
2053
2054
2055 #adv_filter_results_block {
2056     margin-top: 6px;
2057 }
2058
2059 .adv_filter_results_block_label {
2060     font-weight:bold;
2061     [% IF rtl=='t' -%]
2062     padding: 4px 12px 4px 0;
2063     [% ELSE -%]
2064     padding: 4px 0 4px 12px;
2065     [% END -%]
2066 }
2067
2068 .adv_filter_results_group {
2069     font-size: 12px;
2070     display: inline-block;
2071     background-color: #d8d8d8;
2072     border-style: solid;
2073     border-color: #999;
2074     border-width: 1px;
2075     border-radius: 4px;
2076     padding: 2px 4px 2px 4px;
2077 }
2078
2079 .adv_filter_results_group_wrapper {
2080     display: inline-block;
2081     [% IF rtl=='t' -%]
2082     margin-right: 1em;
2083     [% ELSE -%]
2084     margin-left: 1em;
2085     [% END -%]
2086     margin-bottom: 8px;
2087 }
2088
2089 .adv_filter_results_group_header {
2090     display: inline-block;
2091 }
2092
2093 .adv_filter_results_group_values {
2094     display: inline;
2095 }
2096
2097 .adv_search_result_filter {
2098     display: inline-block;
2099 }
2100
2101 .remove_filter {
2102     font-size: 16px;
2103     [% IF rtl=='t' -%]
2104     margin-right: 3px;
2105     [% ELSE -%]
2106     margin-left: 3px;
2107     [% END -%]
2108 }
2109
2110 a.remove_filter {
2111     color: #666;
2112 }
2113
2114 #filter_hits {
2115     display: inline-block;
2116 }
2117
2118 #refine_search_link {
2119     display: inline-block;
2120 }
2121
2122 #facet_sidebar {
2123     float: left;
2124     margin-right: 1em;
2125 }
2126
2127 #facet_sidebar .header {
2128     background-color: rgba(228, 243, 212, .5);
2129     font-weight: bold;
2130     height: 1.8em;
2131     padding: .2em;
2132 }
2133
2134 #facet_sidebar .box_wrapper {
2135     padding-right: .2em;
2136 }
2137
2138 #facet_sidebar .box_wrapper a {
2139     font-size: 85%;
2140 }
2141
2142 .facet_box_temp {
2143     padding-bottom: 3px;
2144 }
2145
2146 .facet_box_temp.filter_box_temp .header {
2147     background-color: #252525 !important;
2148 }
2149
2150 .filter_box_label {
2151     color: #252525;
2152     font-weight: bold;
2153     padding-top: 4px;
2154     padding-bottom: 4px;
2155     padding-left: 12px;
2156 }
2157
2158 .facet_box_temp .header .title {
2159     float: left;
2160     padding-left: 12px;
2161     padding-top: 6px;
2162 }
2163
2164 .facet_box_temp h4 {
2165     font-size: 92%;
2166     margin: 0px;
2167 }
2168
2169 .facet_box_temp .header a.button {
2170     display: inline-block;
2171     float: right;
2172     font-size: 75%;
2173     margin: .7em;
2174     text-decoration: underline;
2175 }
2176
2177 .facet_box_wrapper .box_wrapper .box {
2178     padding: 0 .5em;
2179     width: 14em;
2180     overflow: hidden;
2181 }
2182
2183
2184 .filter_box_wrapper {
2185     margin-bottom: 3px;
2186     padding: 2px;
2187     border: 1px solid #252525;
2188     border-radius: 3px;
2189     font-weight: bold;
2190     padding-top: 4px;
2191 }
2192
2193 .facet_template {
2194     box-sizing: border-box;
2195     -moz-box-sizing: border-box;
2196     display: table;
2197     margin: .5em 0;
2198     width: 100%;
2199 }
2200
2201 .facet_template div {
2202     display: table-cell;
2203     padding: 2px;
2204 }
2205
2206 .facet_template.filter_template div {
2207     padding: 0 !important;
2208 }
2209
2210 .facet_template .count {
2211     text-align: right;
2212     color: #888;
2213 }
2214
2215 .facet_template_selected a:hover::before {
2216     color: #EC5959;
2217     content: "\0000D7";
2218     padding: 0 .4em;
2219     vertical-align: middle;
2220 }
2221
2222
2223 .facet_template_selected a::before {
2224     color: #22A760;
2225     content: "\002713";
2226     padding: 0 .4em;
2227     vertical-align: middle;
2228 }
2229
2230 .facet_template_selected a {
2231     font-weight: bold;
2232 }
2233
2234 #result_block {
2235
2236 }
2237
2238 .page-wrapper {
2239     background-color: #FFF;
2240     flex: 1 0 auto;
2241 }
2242
2243 #footer-wrap {
2244     flex: 0 0 auto;
2245 }
2246
2247 #footer a {
2248     color: #FFFFFF;
2249 }
2250
2251 #copyright_text {
2252     margin: .5em 0;
2253 }
2254
2255 .color_4 {
2256     font-weight: bold;
2257 }
2258
2259 .advanced_div {
2260     padding-top: 15px;
2261 }
2262
2263 #adv_global_search {
2264     width: 100%;
2265 }
2266
2267 #adv_search_filters select {
2268     font-size: 75%;
2269     width: 20em;
2270 }
2271
2272 #adv_global_addrow td {
2273     padding-top: 7px;
2274 }
2275
2276 #adv_numeric_block,
2277 #adv_expert_row,
2278 #adv_search_filters,
2279 #adv_global_input_table,
2280 #browse-controls {
2281     width: 100%;
2282 }
2283
2284 #adv_numeric_block select,
2285 #adv_numeric_block input[type='text'],
2286 #adv_expert_row select,
2287 #adv_expert_row input[type='text'],
2288 #adv_search_filters select,
2289 #adv_search_filters input[type='text'],
2290 #adv_global_input_table select,
2291 #adv_global_input_table input[type='text'],
2292 #browse-controls select
2293 #browse-controls input[type='text'] {
2294     border: 1px solid #cccccc;
2295     border-radius: 0;
2296     box-sizing: border-box;
2297     color: rgba(0, 0, 0, .75);
2298     font-size: 1em;
2299     height: 2em;
2300     padding: .3em .5em;
2301 }
2302
2303 #adv_global_search select[name='bool'] {
2304     padding-right: 1.1em;
2305 }
2306
2307 #adv_search_filters select {
2308     height: auto;
2309 }
2310
2311 #adv_numeric_block select {
2312     margin: .7em 0;
2313 }
2314
2315 #browse-controls {
2316     font-weight: normal;
2317 }
2318
2319 .adv_adv_link {
2320     font-size: 83%;
2321     color: #f00;
2322 }
2323
2324
2325 #acct_prefs_header {
2326
2327 }
2328 .search_page_nav_link {
2329     cursor: pointer;
2330     [% IF rtl=='t' -%]
2331     padding-right: 1em;
2332     [% ELSE -%]
2333     padding-left: 1em;
2334     [% END -%]
2335 }
2336 #opac.result.sort {
2337     width: 160px;
2338 }
2339
2340 .renew-summary,
2341 .message-update-summary {
2342     background-color: #fff9d0;
2343     border-left: 5px solid #fdd087;
2344     font-style: italic;
2345     margin-bottom: 1em;
2346     padding: 1em;
2347     width: 50%;
2348 }
2349
2350 .failure-text {
2351     [% IF rtl=='t' -%]
2352     margin-right: 4em;
2353     [% ELSE -%]
2354     margin-left: 4em;
2355     [% END -%]
2356     font-style: italic;
2357     color: #F00;
2358 }
2359 .refine-controls {
2360     font-size: 125%;
2361     padding: .5ex 0;
2362 }
2363
2364 #adv_search_refine input[type=text] {
2365     border: 1px inset #ccc !important;
2366 }
2367
2368 #adv_search_refine select {
2369     border: 1px inset #ccc !important;
2370 }
2371
2372 #adv_search_refine {
2373     [% IF rtl=='t' -%]
2374     padding-right: 5em;
2375     [% ELSE -%]
2376     padding-left: 5em;
2377     [% END -%]
2378     background-color: [% css_colors.accent_lighter2 %];
2379     margin: 2ex 0;
2380 }
2381
2382 .row-remover {
2383
2384     position: relative;
2385     top: 1px;
2386     vertical-align: middle;
2387 }
2388
2389 .row-remover img {
2390     background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEwAACxMBAJqcGAAAAN1JREFUOI2d0k1KA0EQxfGfY7yBB8jaM3gCQSFgJgTFheC1/ERceB5dZ5FDqImMi3TJpOnpoA960VX1f2+Yrn0bjfCMPbwbVoNHHOAtiiO8osMK0wp8l+bWuIjGSyp2vea8Asf5xgzOU3JuctWD77N+hwXGkTBNUJ5wg4ddcGheMCmdIhy6TMn/gkPXA/CyBDeF+/GA8SGOaskNbiuf3+ETp3+Bl/jIal+Y5HC+JP0fdpKS+70V2jB4qsChs5ScL1vLZh3XFTg0sb2xW3Px/kNwqE1hxbnZDrhv8jv3AyPQeyhY+a94AAAAAElFTkSuQmCC) no-repeat;
2391     box-sizing: border-box;
2392     width: 16px;
2393     height: 16px;
2394     padding-left: 16px;
2395     margin-left: 5px;
2396 }
2397
2398 .subtle-button {
2399     background-color: #fff;
2400     padding: 0;
2401     border: 0;
2402     margin: 0;
2403     vertical-align: middle;
2404 }
2405
2406 .subtle-button:hover {
2407     text-decoration: underline;
2408     cursor: pointer;
2409 }
2410
2411 #account-update-email table,
2412 #hold_editor_table,
2413 #list_create_table {
2414     padding: 20px;
2415     margin-top: 18px;
2416     border-collapse: collapse;
2417 }
2418
2419 #account-update-email table td,
2420 #hold_editor_table td,
2421 #list_create_table td {
2422     [% IF rtl=='t' -%]
2423     text-align: right;
2424     [% ELSE -%]
2425     text-align: left;
2426     [% END -%]
2427     padding: 5px 15px 5px 0;
2428     border-bottom: 1px solid #ddd;
2429 }
2430
2431 #hold_editor_table td.fmt-note {
2432     border-bottom: 1px solid #FFF;
2433 }
2434
2435 #account-update-email-error {
2436     font-size: 150%;
2437     padding: 10px;
2438     border: 1px solid #e9ebf3;
2439 }
2440
2441 #list_create_table td {
2442     vertical-align: middle;
2443     padding: .4em;
2444 }
2445
2446 #list_create_table {
2447     padding-bottom: 4px;
2448     margin-bottom: 10px;
2449     border-bottom: 1px dotted #999;
2450     width: 100%;
2451 }
2452
2453 #list_create_table input[type=text] {
2454     font-size: 1.2em;
2455 }
2456
2457 #list_create_table label {
2458     color: #000;
2459 }
2460
2461 .list_create_table_label {
2462     width: 30%;
2463 }
2464
2465 #list_description,
2466 #list_create_name {
2467     width: 500px;
2468 }
2469 .list-create-table-buttons input[type=image] {
2470     margin-top: 2px;
2471 }
2472
2473 .list-create-table-buttons input[type='submit'] {
2474     font-family: "Raleway", sans-serif;
2475     display: inline-block;
2476     float: left;
2477 }
2478
2479 .list-create-table-buttons input[type='reset'] {
2480     background-color: #fff;
2481     border: 0;
2482     color: #0A5FAB;
2483     display: inline-block;
2484     font-family: "Raleway", sans-serif;
2485     font-size: 90%;
2486     padding: .6em 2em;
2487     text-transform: uppercase;
2488 }
2489
2490 .result_table_format_cell {
2491     padding: 0 10px;
2492     text-align: center;
2493 }
2494
2495 .results_row_count {
2496     color: #919191;
2497     font-size: 80%;
2498     font-weight: normal;
2499 }
2500
2501 #hold_editor h1 {
2502     font-size: 125%;
2503     font-weight: bold;
2504 }
2505
2506 #hold_editor h2 {
2507     font-size: 110%;
2508     font-weight: normal;
2509     text-indent: 2em;
2510     font-style: italic;
2511 }
2512
2513 #hold_editor h1,
2514 #hold_editor h2 {
2515     margin: 2px 0;
2516 }
2517
2518 #hold_editor_table th {
2519     border-bottom: 1px solid #ddd;
2520     font-weight: normal;
2521     [% IF rtl=='t' -%]
2522     text-align: right;
2523     [% ELSE -%]
2524     text-align: left;
2525     [% END -%]
2526     padding: 5px 15px 5px 0;
2527 }
2528
2529 #hold_editor_table td {
2530     padding: .25em 0;
2531 }
2532
2533 .fmt-note {
2534     [% IF rtl=='t' -%]
2535     padding-right: 1em !important;
2536     [% ELSE -%]
2537     padding-left: 1em !important;
2538     [% END -%]
2539     vertical-align: middle;
2540 }
2541 .hold-editor-controls {
2542     padding-top: 1em !important;
2543     text-align: center;
2544 }
2545
2546 .hold-editor-controls a {
2547     padding-left: 2em;
2548 }
2549
2550
2551 .text-right {
2552     [% IF rtl=='t' -%]
2553     text-align: left;
2554     [% ELSE -%]
2555     text-align: right;
2556     [% END -%]
2557 }
2558 .text-right-top {
2559     [% IF rtl=='t' -%]
2560     text-align: right;
2561     [% ELSE -%]
2562     vertical-align: top;
2563     [% END -%]
2564 }
2565 .rdetail-author-div {
2566     padding-bottom: 10px;
2567     display: inline-block;
2568 }
2569
2570 .invisible {
2571     visibility: hidden;
2572 }
2573
2574 .rdetail-extras-summary {
2575     margin: 10px;
2576 }
2577
2578 .staff-hold {
2579     background-color: #EEEEEE;
2580 }
2581
2582 .expert-search tbody tr th {
2583     [% IF rtl=='t' -%]
2584     text-align: left;
2585     padding-right: 2em;
2586     [% ELSE -%]
2587     text-align: right;
2588     padding-left: 2em;
2589     [% END -%]
2590 }
2591 .expert-search-row {
2592     padding-top: 10px;
2593 }
2594
2595 #adv_expert_row label {
2596     font-weight: bold;
2597 }
2598
2599 #cn_browse_div .color_4 {
2600     font-family: "Raleway", sans-serif;
2601     font-size: 110%;
2602     text-align: left;
2603     font-weight: 600;
2604     letter-spacing: .03em;
2605 }
2606
2607 .bookshelf tbody:first-child td a {
2608     font-size: 80%;
2609 }
2610
2611 .bookshelf td {
2612     font-size: 90%;
2613 }
2614
2615 .bookshelf tr.browse_border td {
2616     border-bottom: 3px solid #7a9f37;
2617     font-size: 1px;
2618     height: 1px;
2619     padding-bottom: 1ex;
2620 }
2621
2622 .results-paginator-list {
2623     padding-left: 1em;
2624 }
2625
2626 .results-paginator-selected {
2627     background-color: #fffce2;
2628     color: #f00;
2629     display: inline-block;
2630     padding: .3em .7em;
2631 }
2632
2633 .inactive-hold {
2634     background-color: [% css_colors.accent_lightest %];
2635 }
2636
2637 .unread-patron-message {
2638     color: #333;
2639     font-weight: bold;
2640 }
2641
2642
2643 #hold-items-list td {
2644     padding: 5px;
2645     margin-bottom: 20px;
2646 }
2647
2648 .hold-items-list-title {
2649     font-size: 125%;
2650     margin-bottom: 20px;
2651 }
2652
2653 .hold-items-list-problem {
2654     color: #f00;
2655 }
2656
2657 .hold_success_links>span {
2658     margin: 0 2em;
2659     white-space: nowrap;
2660 }
2661
2662 .radio-parts-selection {
2663     width: 75%;
2664     margin-bottom: 20px;
2665 }
2666
2667 .parts-radio-option {
2668     display: inline-block;
2669     width: 15em;
2670 }
2671
2672 .mr_holds_no_formats {
2673     [% IF rtl=='t' -%]
2674     margin-right: 25px;
2675     [% ELSE -%]
2676     margin-left: 25px;
2677     [% END -%]
2678     padding: 5px;
2679     font-size: 110%;
2680     font-weight: bold;
2681     color: [% css_colors.text_invert %];
2682     background-color: [% css_colors.primary %];
2683 }
2684
2685 .holds_item_row_separator td {
2686     border-top: 2px dashed #999;
2687 }
2688
2689 .big-strong {
2690     font-weight: bold;
2691     font-size: [% css_fonts.size_bigger %];
2692 }
2693
2694
2695 .results_header_btns,
2696 .results_header_sel {
2697
2698 }
2699
2700
2701 /*
2702  * .various_containers a = shortcut to putting .opac-button on every 'a' with
2703  *     the tradeoff of increased stylesheet complexity (TODO: rethink?)
2704  */
2705 .opac-multiline-button>a,
2706 .opac-button,
2707 .dash_account_buttons a {
2708     cursor: pointer !important;
2709     display: inline-block;
2710     padding: .4em .7em;
2711 }
2712
2713 .opac-button:disabled {
2714     background-color: #ddd;
2715     border: 3px solid #CCCCCC;
2716     color: #999;
2717     cursor: pointer !important;
2718 }
2719
2720
2721 /* Firefox adds its own special space to inputs; this gets us closer */
2722 button.opac-button::-moz-focus-inner,
2723 input.opac-button::-moz-focus-inner {
2724     padding: 0;
2725     border: 0;
2726 }
2727
2728 .opac-button-header,
2729 #dash_wrapper .opac-button {
2730     font-size: [% css_fonts.size_base %];
2731     margin-right: 0;
2732 }
2733
2734 .opac-multiline-button>a {
2735     display: inline-block;
2736 }
2737
2738 #myopac_checked_div {
2739     padding: 0;
2740 }
2741
2742 .rdetail-mfhd-head {
2743     margin-top: 5px;
2744     padding-top: 5px;
2745     background-color: #d8d8d8;
2746 }
2747
2748 .rdetail-mfhd-type {
2749     [% IF rtl=='t' -%]
2750     padding-right: 1em;
2751     [% ELSE -%]
2752     padding-left: 1em;
2753     [% END -%]
2754 }
2755
2756 .rdetail-mfhd-bottom {
2757     border-bottom: thin solid black;
2758     width: 100%;
2759 }
2760
2761 #rdetail_record_details {
2762     clear: both;
2763     margin-top: 1em;
2764 }
2765
2766 .rdetail_content {
2767
2768 }
2769
2770 .rdetail_content_type,
2771 .rdetail_subject_type {
2772     vertical-align: top;
2773     font-weight: bold;
2774 }
2775
2776 .bookbag-item-row td {
2777     vertical-align: top;
2778 }
2779
2780
2781 .error {
2782     color: #b60000;
2783     font-weight: bold;
2784 }
2785
2786 .success {
2787     background-color: #e4f3d4;
2788     [% IF rtl=='t' -%]
2789     border-right: 5px solid #b8df8f;
2790     [% ELSE -%]
2791     border-left: 5px solid #b8df8f;
2792     [% END -%]
2793     font-size: 1rem;
2794     margin-bottom: 1em;
2795     margin-top: 2ex;
2796     padding: 1em;
2797 }
2798
2799 .rdetail_related_subjects {
2800     margin-top: 1.5em;
2801 }
2802
2803 .rdetail_related_series {
2804     margin-top: 1.5em;
2805 }
2806
2807 #rdetail_openurl {
2808     margin-top: 1em;
2809 }
2810
2811 .rdetail_openurl_entry {
2812     [% IF rtl=='t' -%]
2813     margin-right: 1em;
2814     padding-right: 1em;
2815     [% ELSE -%]
2816     margin-left: 1em;
2817     padding-left: 1em;
2818     [% END -%]
2819 }
2820
2821 .bookbag-controls-holder {
2822     padding: 1rem;
2823     width: 100%;
2824 }
2825
2826 .bookbag-controls-holder:nth-child(odd) {
2827     background-color: #f5f8ff;
2828 }
2829
2830 .bookbag-controls-holder:nth-child(even) {
2831     background-color: #FFF;
2832 }
2833
2834 .bookbag-controls-holder .most {
2835     [% IF rtl=='t' -%]
2836     padding-right: 0;
2837     margin-left: 5em;
2838     [% ELSE -%]
2839     padding-left: 0;
2840     margin-right: 5em;
2841     [% END -%]
2842 }
2843 .bookbag-controls-title-block {
2844     [% IF rtl=='t' -%]
2845     float:right;
2846     [% ELSE -%]
2847     float:left;
2848     [% END -%]
2849     width:40%;
2850 }
2851 .bookbag-controls-button-block {
2852     [% IF rtl=='t' -%]
2853     float:right;
2854     [% ELSE -%]
2855     float:left;
2856     [% END -%]
2857     width:50%;
2858 }
2859
2860 .bookbag-controls-button-block form {
2861     line-height: 2.2em;
2862 }
2863
2864 .bookbag-controls-button-block input,
2865 .bookbag-controls-button-block input:active,
2866 .bookbag-controls-button-block input:hover {
2867     font-size: 80%;
2868 }
2869
2870 h2.bookbag-name {
2871     margin-bottom: 0em;
2872     padding-bottom: 0em;
2873 }
2874
2875 .bookbag-share .fixed {
2876     min-width: 4em;
2877 }
2878
2879 .bookbag-specific {
2880
2881 }
2882
2883 .bookbag-specific td input[type='text']{
2884     font-size: 100%;
2885 }
2886
2887 .bookbag-specific thead td,
2888 #acct_holds_hist_header {
2889     font-weight: bold;
2890 }
2891
2892 .bookbag-specific div.sort {
2893     [% IF rtl=='t' -%]
2894     float: right;
2895     text-align: right;
2896     margin-right: 15px;
2897     [% ELSE -%]
2898     float: left;
2899     text-align: left;
2900     margin-left: 15px;
2901     [% END -%]
2902     width: 40%;
2903 }
2904
2905 .bookbag-specific div.meta {
2906     border: 1px solid #EEEEEE;
2907     [% IF rtl=='t' -%]
2908     float: left;
2909     [% ELSE -%]
2910     float: right;
2911     [% END -%]
2912     padding: .5em 1em;
2913 }
2914
2915 .bookbag-specific div.meta input[type='text'],
2916 .bookbag-specific div.meta textarea {
2917     font-size: 85%;
2918     padding: .2em;
2919     margin: .2em 0;
2920 }
2921
2922 .bookbag-specific div.meta p {
2923     font-family: "Raleway", sans-serif;
2924     letter-spacing: .0625em;
2925     margin: .5em 0;
2926 }
2927
2928 #bbag-name-desc-form tr th {
2929     vertical-align: middle;
2930 }
2931
2932 #bbag-name-desc-form .saver {
2933     vertical-align: middle;
2934     text-align: center;
2935 }
2936
2937 .bookbag-description {
2938     padding-top: 0;
2939     font-style: italic;
2940     max-width: 40em;
2941 }
2942
2943 .bbag-edit-desc-label {
2944     [% IF rtl=='t' -%]
2945     float:right;
2946     [% ELSE -%]
2947     float:left;
2948     [% END -%]
2949     width:8em;
2950 }
2951
2952 .bbag-edit-desc-save {
2953     clear:both;
2954     margin-top: .5em;
2955     font-size: 80%;
2956 }
2957
2958 .bbag-edit-desc-save input {
2959     display: block;
2960     margin: .5em 0;
2961 }
2962
2963 #bbag-edit-description {
2964     width: 20em;
2965 }
2966
2967 #bbag-edit-name {
2968     width: 20em;
2969     [% IF rtl=='t' -%]
2970     float: right;
2971     [% ELSE -%]
2972     float: left;
2973     [% END -%]
2974 }
2975
2976 .bbag-action {
2977     margin: .5em 0;
2978 }
2979 /*
2980 .bbag-action select,
2981 .bbag-action input[type='submit'] {
2982     height: 1.5em;
2983     font-size: 100%;
2984 } */
2985
2986 .bbag-navigate-list {
2987     [% IF rtl=='t' -%]
2988     padding-right: 32px;
2989     float:right;
2990     [% ELSE -%]
2991     padding-left: 32px;
2992     float:left;
2993     [% END -%]
2994 }
2995
2996 .bbag-navigate-list-pages {
2997     [% IF rtl=='t' -%]
2998     padding-right: 10px;
2999     float:right;
3000     [% ELSE -%]
3001     padding-left: 10px;
3002     float:left;
3003     [% END -%]
3004 }
3005
3006 textarea {
3007     font-family: sans-serif;
3008 }
3009
3010 .bookbag-share {
3011     [% IF rtl=='t' -%]
3012     float: right;
3013     padding: 0 10px 0 0;
3014     [% ELSE -%]
3015     float: left;
3016     padding: 0 0 0px 10px;
3017     [% END -%]
3018 }
3019
3020 .bookbag-share .fixed {
3021     min-width: 6em;
3022 }
3023
3024 .bookbag-controls {
3025     [% IF rtl=='t' -%]
3026     float: right;
3027     padding: 0 10px 0 0;
3028     [% ELSE -%]
3029     float: left;
3030     padding: 0 0 0px 10px;
3031     [% END -%]
3032 }
3033
3034 .bookbag-specific td.list_checkbox {
3035     [% IF rtl=='t' -%]
3036     padding-right: 10px !important;
3037     [% ELSE -%]
3038     padding-left: 10px !important;
3039     [% END -%]
3040 }
3041
3042 .bookbag-specific td.list_entry {
3043
3044     [% IF rtl=='t' -%]
3045     padding-right: 5px !important;
3046     [% ELSE -%]
3047     padding-left: 5px !important;
3048     [% END -%]
3049 }
3050
3051 .bookbag-specific td.list_actions {
3052     white-space: nowrap !important;
3053 }
3054
3055 .bookbag-paginator-selected {
3056     color: [% css_colors.text_alert %];
3057 }
3058
3059
3060 .list_is_empty {
3061     padding: 8px 0 6px 0;
3062     width: 100%;
3063     border: 0;
3064     font-size: [% css_fonts.size_bigger %];
3065     text-align: center;
3066     font-style: italic;
3067 }
3068
3069 .save-notes {
3070     padding-bottom: 1.5ex;
3071 }
3072
3073
3074 .nonbreaking-wrapper {
3075     display: inline-block;
3076 }
3077
3078
3079 /* Moved from semiauto.css */
3080 .adv_global_input_container {
3081     border-bottom: 0;
3082     clear: both;
3083 }
3084 .opac-auto-013 {
3085     border-bottom: 0;
3086     *height: 0;
3087 }
3088 .adv_global_filter_sort {
3089     border: 0;
3090     width: 100%;
3091 }
3092 .clear-both {
3093     clear: both;
3094 }
3095
3096 .common-no-pad {
3097     clear: both;
3098     height: 0;
3099     margin: 0;
3100     padding: 0;
3101 }
3102 .common-full-pad {
3103     clear: both;
3104     height: 15px;
3105 }
3106 .alert {
3107     color: #EC5959;
3108 }
3109
3110 .float-left {
3111     [% IF rtl=='t' -%]
3112     float: right;
3113     [% ELSE -%]
3114     float: left;
3115     [% END -%]
3116 }
3117 .float-right {
3118     [% IF rtl=='t' -%]
3119     float: left;
3120     [% ELSE -%]
3121     float: right;
3122     [% END -%]
3123 }
3124
3125 .saved-searches-header {
3126     width: 100%;
3127     font-weight: bold;
3128     font-size: [% css_fonts.size_bigger %];
3129 }
3130
3131 .saved-searches-header .button {
3132     [% IF rtl=='t' -%]
3133     float: left;
3134     [% ELSE -%]
3135     float: right;
3136     width: 28px;
3137     [% END -%]
3138 }
3139 .saved-searches-header .text {
3140     [% IF rtl=='t' -%]
3141     float: right;
3142     padding-left: 1em;
3143     [% ELSE -%]
3144     float: left;
3145     padding-right: 1em;
3146     [% END -%]
3147     margin: .5ex 0;
3148 }
3149 .saved-searches-header {
3150     font-weight: bold;
3151     font-size: [% css_fonts.size_bigger %];
3152 }
3153
3154 .saved-searches {
3155     border-bottom: 1px solid [% css_colors.accent_medium %];
3156     padding-right: 1em;
3157 }
3158
3159 #staff-saved-search {
3160     /* wraps .saved-searches-header and .saved-searches on the record page */
3161     [% IF rtl=='t' -%]
3162     border-left: 1px solid [% css_colors.accent_darker %];
3163     [% ELSE -%]
3164     border-right: 1px solid [% css_colors.accent_darker %];
3165     [% END -%]
3166 }
3167 .result_item_circulated {
3168     background-color: #f5fff1;
3169     display: inline-block;
3170     padding: .2em 1em .2em .4em;
3171     margin: .2em 0;
3172 }
3173
3174 #search-only-bookbag-container {
3175     margin: 2ex 0;
3176     font-weight: bold;
3177 }
3178
3179 #result-bookbag-heading {
3180     text-align: center;
3181     margin: 2ex;
3182 }
3183
3184
3185 .result-bookbag-name {
3186     font-size: [% css_fonts.size_bigger %];
3187     font-weight: bold;
3188 }
3189
3190 .result-bookbag-description {
3191     font-size: [% css_fonts.size_bigger %];
3192     font-style: italic;
3193 }
3194
3195 .result-bookbag-item-note {
3196     font-style: italic;
3197 }
3198
3199 .lowhits-bookbag-name {
3200     font-weight: bold;
3201 }
3202
3203 .oils_AS {
3204     font-weight: bold;
3205     color: [% css_colors.text_match %];
3206 }
3207
3208 .oils_AS_match_term {
3209     [% IF rtl=='t' -%]
3210     text-align: right;
3211     [% ELSE -%]
3212     text-align: left;
3213     [% END -%]
3214 }
3215 .oils_AS_match_field {
3216     font-size: [% css_fonts.size_smallest %];
3217     padding: .65em 0;
3218     [% IF rtl=='t' -%]
3219     text-align: left;
3220     [% ELSE -%]
3221     text-align: right;
3222     [% END -%]
3223     color: [% css_colors.accent_medium %];
3224 }
3225
3226 span.preflib {
3227     margin: 0 2em 0 2em;
3228 }
3229 a.preflib_change {
3230     vertical-align: super;
3231     font-size: [% css_fonts.size_smaller %];
3232     line-height: normal;
3233     text-decoration: none;
3234 }
3235 .rdetail-holding-group {
3236     [% IF rtl=='t' -%]
3237     margin-right: 1.5em;
3238     [% ELSE -%]
3239     margin-left: 1.5em;
3240     [% END -%]
3241 }
3242 .rdetail-holding-group span {
3243     [% IF rtl=='t' -%]
3244     margin-right: 1.5em;
3245     [% ELSE -%]
3246     margin-left: 1.5em;
3247     [% END -%]
3248 }
3249 .rdetail-holding-group .paging {
3250     [% IF rtl=='t' -%]
3251     margin-right: 1.5em;
3252     [% ELSE -%]
3253     margin-left: 1.5em;
3254     [% END -%]
3255 }
3256 #rdetail_deleted_exp {
3257     font-weight: bold;
3258     padding: 1em;
3259     margin: 1em;
3260     border: thick solid [% css_colors.border_alert %];
3261 }
3262
3263 #ac_tab_wrapper {
3264     width: 100%;
3265 }
3266
3267 .ac_tab {
3268     [% IF rtl=='t' -%]
3269     float: right;
3270     padding-left: 10px;
3271     [% ELSE -%]
3272     float: left;
3273     padding-right: 10px;
3274     [% END -%]
3275     font-size: [% css_fonts.size_big %];
3276     padding: 5px;
3277     border: 1px solid [% css_colors.primary_offset %];
3278 }
3279 .ac_tab_selected {
3280     background-color: [% css_colors.primary_offset %];
3281 }
3282
3283 .ac_tab_selected a {
3284     color: [% css_colors.text_invert %];
3285 }
3286
3287 #ac_content {
3288     clear: both;
3289     width: 100%;
3290     margin-top: 10px;
3291 }
3292
3293 /* Popmenu styles used for making css menus. */
3294 .popmenu {
3295     margin: 0;
3296     padding: 0;
3297 }
3298 .popmenu li {
3299     list-style: none;
3300 }
3301
3302 .results_aux_utils.result_util li li a,
3303 .rdetail_aux_utils.toggle_list li li a {
3304     display: block;
3305     color: #0645b3;
3306     margin: 0;
3307     padding: .6em .5em;
3308     background: #f2f7ff none;
3309     text-align: left;
3310     border-bottom: 1px solid #BECFE6;
3311 }
3312
3313 .popmenu li ul {
3314     box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
3315     border-left: 4px solid #5176b6;
3316     display: none;
3317     width: 15em;
3318     /* Width to help Opera out */
3319     background-color: #FFF;
3320     position: absolute;
3321     margin: 0;
3322     padding: 0;
3323 }
3324 .popmenu li:hover ul {
3325     display: block;
3326     position: absolute;
3327     margin: 0;
3328     padding: 0;
3329     width: 15em;
3330 }
3331
3332 .popmenu li li a:hover {
3333     background-color: #FFFFFF;
3334 }
3335
3336 #locale_picker_form {
3337     [% IF rtl=='t' -%]
3338     float: left;
3339     border-left: thin [% css_colors.control %]
3340     solid;
3341     [% ELSE -%]
3342     float: right;
3343     border-right: thin [% css_colors.control %]
3344     solid;
3345     [% END -%]
3346     padding: .5em;
3347     margin-top: 2em;
3348 }
3349
3350 #locale_picker_form * {
3351     margin: 0;
3352     padding: 0;
3353     vertical-align: middle;
3354 }
3355
3356 #patron_usr_barcode_not_found {
3357     font-weight: bold;
3358     color: [% css_colors.text_alert %];
3359 }
3360
3361 .record_title:link,
3362 .record_author:link {
3363     color: #0645b3;
3364 }
3365
3366 .record_title {
3367     display: block;
3368     font-family: "Raleway", sans-serif;
3369     font-size: 115%;
3370     font-weight: 600;
3371     line-height: 1.4em;
3372 }
3373
3374 .record_author {
3375     font-style: italic;
3376     line-height: 1.5em;
3377 }
3378
3379 .password_message {
3380     padding-top: 1em;
3381     padding-bottom: .5em;
3382     font-style: italic;
3383 }
3384
3385 #maintenance_message {
3386     padding: 5px;
3387     width: 100%;
3388     background-color: [% css_colors.text_alert %];
3389     color: [% css_colors.text_invert %];
3390     text-align: center;
3391 }
3392
3393 #search-box>span {
3394     margin-right: 1em;
3395 }
3396 .browse-error {
3397     font-weight: bold;
3398     font-color: #c00;
3399 }
3400 .browse-result-sources,
3401 .browse-result-authority-bib-links {
3402     [% IF rtl=='t' -%]
3403     margin-right: 1em;
3404     [% ELSE -%]
3405     margin-left: 1em;
3406     [% END -%]
3407 }
3408 .browse-result-best-match {
3409     font-weight: bold;
3410 }
3411 .browse-pager {
3412     margin: 2ex 0;
3413 }
3414
3415 .browse-result-list ul {
3416     margin: 0;
3417 }
3418
3419 .browse-result-list li {
3420     margin: 0;
3421     list-style-type: none;
3422     border-bottom: 1px solid #CCCCCC;
3423     padding: 0;
3424 }
3425
3426 .browse-result-value {
3427     display: block;
3428     font-size: 90%;
3429     padding: .3em;
3430 }
3431
3432 li:nth-child(even) > .browse-result-value {
3433     background-color: #f5f8ff;
3434 }
3435
3436 .browse-result-value a {
3437     font-size: 130%;
3438 }
3439
3440 .browse-result-best-match {
3441     background-color: #FFE;
3442 }
3443
3444 .browse-shortcuts {
3445     font-size: [% css_fonts.size_bigger %];
3446 }
3447 .browse-result-authority-field-name {
3448     font-style: italic;
3449     [% IF rtl=='t' -%]
3450     margin-left: 1em;
3451     [% ELSE -%]
3452     margin-right: 1em;
3453     [% END -%]
3454 }
3455 .browse-leading-article-warning {
3456     font-style: italic;
3457     font-size: [% css_fonts.size_big %];
3458 }
3459 .browse-public-general-note {
3460     font-size: [% css_fonts.size_big %];
3461 }
3462 .browse-public-general-note-label {}
3463 .browse-public-general-note-institution {
3464     font-style: normal;
3465     font-weight: bold;
3466 }
3467 .browse-public-general-note-body {
3468     font-style: italic;
3469 }
3470
3471 .bib_peer_type {
3472     font-weight: bold;
3473 }
3474
3475 #main-content-register {
3476     [% IF rtl=='t' -%]
3477     margin-right: 40px;
3478     [% ELSE -%]
3479     margin-left: 40px;
3480     [% END -%]
3481     font-size: [% css_fonts.size_bigger %];
3482 }
3483
3484 #main-content-register table {
3485     padding: 20px;
3486     margin-top: 18px;
3487     border-collapse: collapse;
3488 }
3489
3490 #main-content-register td {
3491     [% IF rtl=='t' -%]
3492     text-align: right;
3493     [% ELSE -%]
3494     text-align: left;
3495     [% END -%]
3496 }
3497
3498 #main-content-register td:not(:first-child) {
3499     [% IF rtl=='t' -%]
3500     padding-right: 20px;
3501     [% ELSE -%]
3502     padding-left: 20px;
3503     [% END -%]
3504 }
3505 #main-content-register tr:last-child td {
3506     padding: 1em 0;
3507 }
3508
3509 #main-content-register input[type='submit']{
3510     background: #38558A;
3511     border: 0;
3512     color: #fff;
3513     cursor: pointer;
3514     display: inline-block;
3515     float: left;
3516     letter-spacing: .0625em;
3517     line-height: 1;
3518     padding: .6em .8em;
3519     position: relative;
3520     text-transform: uppercase;
3521     transition: all .3s ease-out;
3522     vertical-align: middle;
3523 }
3524
3525 #main-content-register input[type='submit'],
3526 #main-content-register a {
3527     font-size: 80%;
3528 }
3529
3530 #main-content-register a {
3531     background-color: transparent;
3532     color: #38558A;
3533     text-transform: none;
3534 }
3535
3536 .patron-reg-invalid {
3537     font-family: Helvetica, Arial, sans-serif;
3538     font-size: 70%;
3539     font-weight: bold;
3540     color: #ca1d1d;
3541     [% IF rtl=='t' -%]
3542     padding-left: 10px;
3543     [% ELSE -%]
3544     padding-right: 10px;
3545     [% END -%]
3546 }
3547
3548 .result_footer_nav1 {
3549     clear: both;
3550 }
3551
3552 .small_view_only,
3553 #filter_hits,
3554 #refine_hits,
3555 #return_to_hits {
3556     display: none;
3557 }
3558
3559 .rdetail_authors_div {
3560     margin-bottom: 1em;
3561 }
3562
3563 .search_box_wrapper label {
3564     display: block;
3565 }
3566
3567 .search_box_wrapper,
3568 .search_submit_wrapper {
3569     width: 20.8%;
3570     float: left;
3571     padding: .5% 1%;
3572 }
3573
3574 .search_submit_wrapper {
3575     width: 16.64%;
3576 }
3577
3578 .search_box_row * {
3579     box-sizing: border-box;
3580 }
3581
3582 .search_box_row::after {
3583     content: "";
3584     clear: both;
3585     display: table;
3586 }
3587
3588 .searchbar label {
3589     margin-bottom: 3px;
3590 }
3591
3592 .searchbar select,
3593 .searchbar input[type='text'] {
3594     font-size: 80%;
3595     min-width: 10em;
3596     width: 100%;
3597 }
3598
3599 #search_box_keyword .dijitTextBox,
3600 #search_box_keyword .dijitComboBox,
3601 #search_box_keyword .dijitSpinner {
3602     height: 2em;
3603     min-width: 9em;
3604     width: 100%;
3605 }
3606
3607 input#search_box.dijitReset {
3608     font-size: 120%;
3609 }
3610
3611 #search-submit-go,
3612 #search-submit-go-depth {
3613     background: #38558A;
3614     border: 0;
3615     color: #fff;
3616     cursor: pointer;
3617     display: inline-block;
3618     letter-spacing: .0625em;
3619     line-height: 1;
3620     margin: 1.7em 0 .1em 0;
3621     padding: .6em .4em;
3622     transition: all .3s ease-out;
3623     vertical-align: middle;
3624     font-size: 80%;
3625     width: 100%;
3626 }
3627
3628 #search-submit-go.hidden {
3629     display: none;
3630 }
3631
3632 #search-submit-go.with-depth {
3633     margin-top: .1em;
3634 }
3635
3636 #search-submit-go-depth {
3637     background-color: #5176b6;
3638     font-size: 70%;
3639     margin-top: .1em;
3640 }
3641
3642 #search_submit_actions {
3643     padding-left: 5px;
3644 }
3645
3646 #search-submit-spinner {
3647     margin-top: 2em;
3648 }
3649
3650 #account-update-email input[type='password'],
3651 #hold_editor_table input[type='password'],
3652 #account-update-email input[type='text'],
3653 #hold_editor_table input[type='text'] {
3654     background-color: #fff;
3655     border: 1px solid #ddd;
3656     border-radius: 5px;
3657     font-size: 90%;
3658     line-height: 30px;
3659     padding: .3em;
3660 }
3661
3662 .tundra .InputField input {
3663     height: 1.5em;
3664 }
3665
3666 .result_table_title_cell {
3667     padding-top: 4px;
3668     padding-bottom: 4px;
3669 }
3670
3671 div.result_table_title_cell {
3672     color: #666;
3673     font-size: 90%;
3674 }
3675
3676 /* styling for sms text call number */
3677 .sms_text pre {
3678     font-family: monospace;
3679     background-color: #EEE;
3680     border: 1px dotted #CCC;
3681     padding: 1em;
3682     /* Allow text to wrap */
3683     white-space: pre-wrap;
3684     /* css-3 */
3685     white-space: -moz-pre-wrap;
3686     /* Mozilla, since 1999 */
3687     white-space: -pre-wrap;
3688     /* Opera 4-6 */
3689     white-space: -o-pre-wrap;
3690     /* Opera 7 */
3691     word-wrap: break-word;
3692     /* Internet Explorer 5.5+ */
3693 }
3694
3695 .sms_text + form select,
3696 .sms_text + form input {
3697     display: block;
3698     margin: .5em 0;
3699     max-width: 100%;
3700 }
3701
3702 .mobile_view {
3703     display: none;
3704 }
3705
3706 .start_end_links_span {
3707     float: right;
3708 }
3709 .start_end_links_span a {
3710     background-color: #EEEEEE;
3711     display: inline-block;
3712     padding: .3em .7em;
3713     transition: all .2s ease;
3714 }
3715 .start_end_links_span a:hover {
3716     background-color: #fffcc9;
3717     color: #0A5FAB;
3718 }
3719
3720
3721 /* patron message center */
3722 #myopac_message_tbody {
3723     vertical-align: top;
3724 }
3725 .myopac_message_message {
3726     white-space: pre-wrap;
3727 }
3728
3729 .search_catalog_lbl,
3730 .browse_the_catalog_lbl,
3731 .adv_search_catalog_lbl {
3732     font-size: 120%;
3733 }
3734
3735 @media only screen and (max-width: 320px) {
3736     #search-box {
3737         font-size: 82%;
3738     }
3739
3740     #search_query_label,
3741     #search_qtype_label,
3742     #search_itype_label,
3743     #search_locg_label {
3744         margin: .3em 0;
3745     }
3746 }
3747
3748 @media only screen and (max-width: 400px){
3749     #dash_wrapper {
3750         margin: 0;
3751     }
3752
3753     #dash_wrapper .opac-button {
3754         background-color: #5178ad;
3755         text-transform: none;
3756         float: none;
3757         display: block;
3758         margin: 3px 0;
3759     }
3760
3761     table#acct_checked_main_header,
3762     table#acct_holds_main_header,
3763     table#acct_checked_hist_header,
3764     table#acct_holds_hist_header,
3765     table#ebook_circs_main_table,
3766     table#ebook_holds_main_table {
3767         margin-top: .5em;
3768         width: auto;
3769     }
3770 }
3771
3772 @media only screen and (max-width: 465px) {
3773     .rdetail_result_count {
3774         display: none;
3775     }
3776
3777     #main-content .left_brain {
3778         font-size: 90%;
3779     }
3780
3781     #login-form-box {
3782         background-color: transparent;
3783         border: 0;
3784     }
3785
3786     #login-form-box h1 {
3787         font-size: 120%;
3788     }
3789
3790     #login-form-box label.lbl1 {
3791         /* font-size: 100%; */
3792     }
3793
3794     #login-form-box .opac-button {
3795         width: 100%;
3796     }
3797
3798     #acct_checked_tabs,
3799     #acct_holds_tabs,
3800     #acct_prefs_tabs {
3801         padding: .5em 0;
3802     }
3803
3804     #acct_checked_tabs a,
3805     #acct_holds_tabs a,
3806     #acct_prefs_tabs a {
3807         display: block;
3808         float: none;
3809         margin: .5em 0;
3810         text-align: left;
3811     }
3812
3813     #acct_checked_tabs .align,
3814     #acct_holds_tabs .align,
3815     #acct_prefs_tabs .align {
3816         display: block;
3817         float: none;
3818     }
3819
3820     #myopac_tabs,
3821     #adv_search_parent,
3822     #fines_payments_wrapper {
3823
3824     }
3825
3826     #hold_editor_table select,
3827     #hold_editor_table input,
3828     #acct_search_main select,
3829     #acct_search_main input {
3830         display: block;
3831         margin-bottom: .2em;
3832     }
3833
3834     #acct_info_main td {
3835         display: block;
3836         padding: .2em .3em;
3837     }
3838
3839     #acct_info_main td td {
3840         display: table-cell;
3841     }
3842
3843     #main-content-register {
3844         margin-left: 0;
3845         font-size: 90%;
3846     }
3847
3848     #main-content-register select,
3849     #main-content-register input {
3850         font-size: 90%;
3851         width: auto;
3852     }
3853
3854     .patron-reg-invalid {
3855         font-size: 80%;
3856     }
3857 }
3858
3859 @media only screen and (max-width: 1085px) {
3860     #acct_tabs a,
3861     #adv_search_tabs a {
3862         background-color: #0a5fab;
3863         color: #FFF;
3864         [% IF rtl=='t' -%]
3865         float: right;
3866         margin: 10px 0 0px 7px;
3867         [%- ELSE %]
3868         float: left;
3869         margin: 10px 7px 0 0;
3870         [%- END %]
3871         font-size: 90%;
3872         text-align: center;
3873         vertical-align: middle;
3874         display: block;
3875         padding: .3em .5em;
3876     }
3877     .search_box_wrapper {
3878         width: 50%;
3879     }
3880
3881     .search_submit_wrapper {
3882         width: auto;
3883     }
3884
3885     #search-submit-go,
3886     #search-submit-go-depth {
3887         font-size: 80%;
3888         margin-top: 0;
3889         padding: .8em;
3890         width: auto;
3891     }
3892     #search-submit-spinner {
3893         margin-top: 1em;
3894     }
3895 }
3896
3897 @media only screen and (min-width: 920px) and (max-width: 1200px){
3898     #login-form-box {
3899         max-width: 50%;
3900     }
3901
3902     .results_aux_utils {
3903         display: inline-block;
3904     }
3905 }
3906
3907 @media only screen and (min-width: 1200px){
3908     #adv_search_tabs a,
3909     #acct_tabs a,
3910     #acct_fines_tabs a,
3911     #acct_holds_tabs a,
3912     #acct_prefs_tabs a {
3913         font-size: 100%;
3914     }
3915
3916     .myopac_payments_table {
3917         width: auto;
3918     }
3919
3920 }
3921
3922 @media only screen and (min-width: 1151px){
3923     #adv_global_search .td-left select,
3924     #adv_global_search .td-left input[type='text'],
3925     .advanced_div select,
3926     .advanced_div input[type='text'],
3927     .expert-search select,
3928     .expert-search input[type='text'] {
3929         width: 13em;
3930     }
3931 }
3932
3933 @media only screen and (max-width: 1150px) {
3934     #dash_user {
3935         display: block;
3936         margin: .5em 0;
3937     }
3938
3939     .qtype_selector_margin {
3940         margin-right: 0;
3941     }
3942
3943     .bookbag-specific div.sort{
3944         float: none;
3945         margin: .3em 0;
3946         width: 100%;
3947     }
3948
3949     #acct_lists_prime div.sort {
3950         float: none;
3951     }
3952
3953     #acct_lists_prime div.meta {
3954         float: none;
3955     }
3956
3957     #adv_global_search .td-left input.invisible {
3958         display: none;
3959     }
3960
3961     #dash_user + .dash_divider {
3962         display:none;
3963     }
3964 }
3965
3966 @media only screen and (max-width: 1000px) {
3967     #acct_sum_block {
3968         float: none;
3969         max-width: 60%;
3970     }
3971
3972 }
3973
3974 @media only screen and (max-width: 965px) {
3975     #header.no-user .float-left {
3976         float: left;
3977     }
3978
3979     #header.no-user .float-right {
3980         float: right;
3981     }
3982
3983     #header .float-right,
3984     #header .float-left,
3985     #dashboard {
3986         float: none;
3987     }
3988
3989     #acct_tabs {
3990         display:none;
3991     }
3992
3993
3994     #content-wrapper,
3995     #search-wrapper,
3996     #results_header_bar {
3997         margin: 0 5%;
3998     }
3999 }
4000
4001 @media only screen and (max-width: 893px) {
4002
4003     .login-help-box {
4004         margin: 0;
4005         width: 100%;
4006     }
4007
4008     #adv_global_search .td-left select,
4009     #adv_global_search .td-left input[type='text'],
4010     .advanced_div select,
4011     .advanced_div input[type='text'],
4012     .expert-search select,
4013     .expert-search input[type='text'] {
4014         box-sizing: border-box;
4015         display: block;
4016         height: 2em;
4017         margin: .2em 0;
4018         width: 100%;
4019     }
4020
4021     #adv_global_search .td-left select.invisible,
4022     #adv_global_search .td-left input.invisible {
4023         display: none;
4024     }
4025
4026     #adv_search_submit #search-submit-go,
4027     #adv_numeric_block .opac-button,
4028     .expert-search .opac-button {
4029         width: 50%;
4030     }
4031
4032     .adv_filter_block,
4033     .adv_filter_block_item {
4034         float: none;
4035     }
4036
4037     #adv_search_filters select {
4038         width: 100%;
4039     }
4040 }
4041
4042 @media only screen and (max-width: 850px) {
4043     .search_catalog_lbl,
4044     .browse_the_catalog_lbl,
4045     .adv_search_catalog_lbl {
4046         font-size: 100%;
4047     }
4048
4049     #dash_user {
4050         display: block;
4051         padding: .5em;
4052     }
4053
4054     #metarecord_population {
4055         float: none;
4056         width: auto;
4057     }
4058
4059     #rdetail_actions_div .rdetail_aux_utils {
4060         display: inline-block;
4061         font-size: 90%;
4062         padding: 0;
4063     }
4064 }
4065
4066 @media only screen and (max-width: 800px) {
4067
4068     .search_catalog_lbl {
4069         display: none;
4070     }
4071
4072     .facet_sidebar_hidden,
4073     .result_block_hidden {
4074         display: none;
4075     }
4076
4077     .facet_sidebar_visible,
4078     .result_block_visible {
4079         display: inline ! important;
4080     }
4081
4082     #acct_select,
4083     #acct_prefs_select {
4084         display: inline-block;
4085     }
4086
4087     .radio-parts-selection {
4088         width: 90%;
4089     }
4090
4091     #list_description,
4092     #list_create_name {
4093         width: 300px;
4094     }
4095
4096     .advanced_div label strong {
4097         display: block;
4098     }
4099
4100     .expert-search label {
4101         display: block;
4102     }
4103
4104     .nonbreaking-wrapper {
4105         display: block;
4106     }
4107
4108     #myopac_tabs {
4109         border-bottom: none;
4110     }
4111
4112     #content-wrapper,
4113     #canvas_main,
4114     #search-wrapper,
4115     #results_header_bar {
4116         margin: 0 2%;
4117     }
4118 }
4119
4120 @media only screen and (max-width: 650px) {
4121     #adv_search_tabs a {
4122         font-size: 92%;
4123         width: 100%;
4124         box-sizing: border-box;
4125     }
4126
4127     #dash_checked,
4128     #dash_holds,
4129     #dash_pickup,
4130     #dash_fines {
4131         display: none;
4132     }
4133
4134     #rdetail_actions_div {
4135         float: none;
4136     }
4137 }
4138
4139 @media only screen and (max-width: 600px) {
4140     body{
4141         margin-top: 0;
4142     }
4143
4144     input,
4145     select {
4146         font-size: 110%;
4147     }
4148
4149     span .nav_arrow_fix {
4150         display: none;
4151     }
4152
4153     #acct_select {
4154         display: block;
4155     }
4156
4157     #acct_checked_tabs div.selected,
4158     #acct_holds_tabs div.selected,
4159     #acct_prefs_tabs div.selected {
4160         display: none;
4161     }
4162
4163     #acct_select select {
4164         display: block;
4165         font-size: 100%;
4166         width: 100%;
4167     }
4168
4169     #acct_sum_block {
4170         max-width: 100%;
4171     }
4172
4173     #content-wrapper,
4174     #canvas_main,
4175     #search-wrapper,
4176     #results_header_bar {
4177         margin: 0 2%;
4178     }
4179
4180     #header {
4181         padding: 0;
4182         margin: 0;
4183     }
4184
4185     #homesearch_main_logo img {
4186         width:75%;
4187     }
4188
4189     #format_selector {
4190         display:none;
4191     }
4192
4193     #myopac_tabs {
4194         border-bottom: 0;
4195     }
4196
4197     #your-acct-login {
4198         padding-top: 0;
4199         position: absolute;
4200         top: .5em;
4201         right: .5em;
4202     }
4203
4204     #your-acct-login a {
4205         margin: 0;
4206         padding: 5px;
4207     }
4208
4209     #topnav_logo {
4210         margin: 0;
4211     }
4212
4213     #topnav_logo img {
4214         width: 50%;
4215     }
4216
4217     #locale_picker_form {
4218         display: none;
4219     }
4220
4221     #gold-links-holder {
4222         display: none;
4223     }
4224
4225     #simple-detail-view-links {
4226         display: none;
4227     }
4228
4229     .bookbag-controls-title-block {
4230         [% IF rtl=='t' -%]
4231         clear:right;
4232         [% ELSE -%]
4233         clear:left;
4234         [% END -%]
4235         width:90%;
4236     }
4237
4238     .bookbag-controls-button-block {
4239         [% IF rtl=='t' -%]
4240         clear:right;
4241         [% ELSE -%]
4242         clear:left;
4243         [% END -%]
4244         width: 90%;
4245     }
4246
4247     .bookbag-specific {
4248         [% IF rtl=='t' -%]
4249         margin-right: 0;
4250         [% ELSE -%]
4251         margin-left: 0;
4252         [% END -%]
4253     }
4254
4255     .bookbag-specific div.sort {
4256         [% IF rtl=='t' -%]
4257         float: right;
4258         text-align: right;
4259         [% ELSE -%]
4260         float: left;
4261         text-align: left;
4262         [% END -%]
4263         width: 95%;
4264         margin: 5px 0 5px 0;
4265         border: 1px solid [% css_colors.accent_light %];
4266         padding:5px;
4267     }
4268
4269     .bookbag-specific div.meta {
4270         [% IF rtl=='t' -%]
4271         float: right;
4272         margin-right: 0;
4273         text-align: right;
4274         [% ELSE -%]
4275         float: left;
4276         margin-left: 0;
4277         text-align: left;
4278         [% END -%]
4279         width: 95%;
4280         margin-bottom:5px;
4281         padding:5px;
4282     }
4283
4284     #bbag-edit-name {
4285         [% IF rtl=='t' -%]
4286         float: right;
4287         [% ELSE -%]
4288         float: left;
4289         [% END -%]
4290         width: 220px;
4291     }
4292
4293     #bbag-edit-description {
4294         width: 220px;
4295         margin-top:5px;
4296     }
4297
4298     .bbag-content {
4299         padding:5px;
4300         border:1px solid [% css_colors.accent_light %];
4301     }
4302
4303     .bbag-action {
4304         [% IF rtl=='t' -%]
4305         margin-right: 0;
4306         [% ELSE -%]
4307         margin-left: 0;
4308         [% END -%]
4309         margin-bottom:5px;
4310     }
4311
4312     .bbag-action-field {
4313         width:230px;
4314     }
4315
4316     .bookbag-specific div.sort select {
4317         width:180px;
4318     }
4319
4320     .bookbag-specific tr {
4321         display: block;
4322         border-bottom: 1px solid [% css_colors.border_standard %];
4323     }
4324
4325     .bookbag-specific td.list_checkbox {
4326         [% IF rtl=='t' -%]
4327         padding-right: 0 !important;
4328         [% ELSE -%]
4329         padding-left: 0 !important;
4330         [% END -%]
4331     }
4332
4333     .bookbag-specific td.list_entry {
4334         display: inline-block;
4335         min-width: 5em;
4336         [% IF rtl=='t' -%]
4337         padding-right: 40% !important;
4338         [% ELSE -%]
4339         padding-left: 40% !important;
4340         [% END -%]
4341     }
4342
4343     .bookbag-specific td.list_entry:before {
4344         content: attr(data-label);
4345         position: absolute;
4346         [% IF rtl=='t' -%]
4347         right: 10px;
4348         [% ELSE -%]
4349         left: 10px;
4350         [% END -%]
4351     }
4352
4353     .bbag-navigate-list {
4354         display: none;
4355     }
4356
4357     .bbag-navigate-list-pages {
4358         [% IF rtl=='t' -%]
4359         text-align:left;
4360         float:left;
4361         [% ELSE -%]
4362         text-align:right;
4363         float:right;
4364         [% END -%]
4365     }
4366
4367     #content-wrapper,
4368     #canvas_main,
4369     #search-wrapper,
4370     #results_header_bar {
4371         margin: 0 2%;
4372     }
4373
4374     #dash_wrapper div {
4375         background-color: transparent;
4376         padding: 0;
4377     }
4378
4379     #dash_wrapper {
4380
4381     }
4382
4383     #dash_wrapper .opac-button {
4384         top: 0;
4385     }
4386
4387     .small_view_only,
4388     #filter_hits {
4389         display: inline !important;
4390     }
4391
4392     #dash_identity a {
4393         [% IF rtl=='t' -%]
4394         float:right;
4395         [% ELSE -%]
4396         float:left;
4397         [% END -%]
4398     }
4399
4400     #dashboard,
4401     #dashboard_e {
4402         display: none;
4403     }
4404
4405     #holds_box form blockquote {
4406         [% IF rtl=='t' -%]
4407         margin-right: 10px;
4408         margin-left: 2px;
4409         [% ELSE -%]
4410         margin-left: 10px;
4411         margin-right: 2px;
4412         [% END -%]
4413     }
4414
4415     #holds_box form blockquote select {
4416         width: 100%;
4417     }
4418
4419     #myopac_sum_fines_placehold {
4420         display:none;
4421     }
4422
4423     #myopac_sum_fines {
4424         display: none;
4425     }
4426
4427     #list_description,
4428     #list_create_name {
4429         width: 170px;
4430     }
4431
4432     .results_header_lbl {
4433         display: none;
4434     }
4435
4436     .results_header_nav1 span.h1 {
4437         display: none;
4438     }
4439
4440     .preflib {
4441         display: none;
4442     }
4443
4444     .start_end_links_span {
4445         display: block;
4446     }
4447
4448     .invisible {
4449         display: none;
4450     }
4451
4452     .result_table_pic_header {
4453         [% IF rtl=='t' -%]
4454         padding-right: 0 !important;
4455         padding-left: 5px;
4456         [% ELSE -%]
4457         padding-left: 0 !important;
4458         padding-right: 5px;
4459         [% END -%]
4460         width: 0 !important;
4461         margin: 0;
4462     }
4463
4464     .result_table_pic {
4465         background-color: #CCCCCC;
4466         width: 55px;
4467         padding: 0;
4468         margin: 0;
4469     }
4470
4471     tr[name=results_isbn_tr],
4472     tr[name=results_phys_desc_tr],
4473     tr[name=results_pub_tr] strong,
4474     .result_count {
4475         display: none;
4476     }
4477
4478     tr.result_table_title_cell[name=bib_cn_list] .result_holdings_table th:nth-child(4),
4479     tr.result_table_title_cell[name=bib_cn_list] .result_holdings_table td:nth-child(4) {
4480         display:none;
4481     }
4482
4483     .results_info_table td {
4484         padding: 0;
4485     }
4486
4487     #results_header_bar {
4488         background-color: inherit;
4489     }
4490
4491     .results_header_btns a {
4492         margin: .3em;
4493     }
4494
4495     .adv_filter_results_hide {
4496         display: none;
4497     }
4498
4499     .adv_filter_results_show {
4500         display: block;
4501     }
4502
4503     .adv_filter_results_block_label {
4504         display: block;
4505     }
4506
4507     .adv_filter_results_group_wrapper {
4508         display: block;
4509     }
4510
4511     #main-content {
4512         margin: 0 1px;
4513     }
4514
4515     #rdetails_status thead {
4516         display: none;
4517     }
4518
4519     #rdetails_status tr {
4520         display: block;
4521         margin-top: 3px;
4522     }
4523
4524     #rdetails_status td {
4525         display: block;
4526         padding: 1px;
4527     }
4528
4529     .copy_details_row {
4530         background-color: [% css_colors.accent_lightest %];
4531     }
4532
4533     .copy_details_offers_row {
4534         background-color: [% css_colors.accent_lightest %];
4535     }
4536
4537     select#pickup_lib.search-wrapper-locg {
4538         width: 100%;
4539     }
4540
4541     #search-wrapper {
4542         margin: 0 2%;
4543     }
4544
4545     #widget_search_box {
4546         background: #F9F9F9 none;
4547         display: block;
4548         height: 2em;
4549         margin: .6em 0;
4550         width: 100%;
4551     }
4552
4553     #search-box {
4554         margin: 1em 0;
4555         padding: 0;
4556         text-align: center;
4557     }
4558
4559     #search-box > span {
4560         margin: 0 .5em;
4561     }
4562
4563     .page-wrapper {
4564         padding: 5px;
4565     }
4566
4567     .searchbar .search_box_wrapper {
4568         display: block;
4569         width: 100%;
4570     }
4571
4572     #search_box_label {
4573     }
4574
4575     #dash_wrapper .opac-button {
4576         font-size: 75%;
4577     }
4578
4579     #main-content-home {
4580         padding: 0;
4581         margin: 0;
4582     }
4583
4584     /* Make use of full width in mobile mode */
4585     .facet_box_wrapper .box_wrapper .box,
4586     .facet_template .facet,
4587     .facet_box_temp {
4588         width: inherit;
4589     }
4590
4591     .facet_template .count {
4592         [% IF rtl=='t' -%]
4593         padding-right: 1em;
4594         [% ELSE -%]
4595         padding-left: 1em;
4596         [% END -%]
4597     }
4598
4599     #facet_sidebar {
4600         margin-top: .5em;
4601     }
4602
4603     #adv_search_parent {
4604         font-size: 83%;
4605     }
4606
4607     #format_actions {
4608         [% IF rtl=='t' -%]
4609         float: right;
4610         [% ELSE -%]
4611         float: left;
4612         [% END -%]
4613     }
4614
4615     .rdetail_aux_utils {
4616         padding: 0;
4617         border: 0;
4618     }
4619
4620     .result_metadata {
4621         float: none;
4622         width: inherit;
4623     }
4624
4625     #rdetail_actions_div {
4626         float: 0;
4627     }
4628
4629     h2.rdetail_uris {
4630         clear: both;
4631     }
4632
4633     .metarecord_population_span_link {}
4634
4635     .metarecord_population_item_lang {
4636         float: 0;
4637     }
4638
4639     .search_catalog_lbl {
4640         [% IF rtl=='t' -%]
4641         margin-right: 0;
4642         [% ELSE -%]
4643         margin-left: 0;
4644         [% END -%]
4645         white-space: nowrap;
4646     }
4647
4648     .adv_search_catalog_lbl {
4649         margin-top: 0;
4650         white-space: nowrap;
4651     }
4652
4653     .browse_the_catalog_lbl {
4654         white-space: nowrap;
4655     }
4656
4657     .browse_the_catalog_lbl,
4658     .adv_search_catalog_lbl {
4659         font-size: 100%;
4660     }
4661
4662     .mobile_hide {
4663         display: none;
4664     }
4665
4666     .dash_divider {
4667         display: none;
4668     }
4669
4670     .dash_account_buttons {
4671         display: block;
4672     }
4673
4674     {
4675         line-height: 1.5em;
4676     }
4677
4678     #browse-controls {
4679         line-height: 1.5em;
4680     }
4681
4682     #search_query_label,
4683     #search_qtype_label,
4684     #search_itype_label,
4685     #search_locg_label {
4686         display: block;
4687     }
4688
4689     .bookshelf td {
4690         display: block;
4691         width: 100%;
4692     }
4693
4694     .bookshelf table thead tr {
4695         display: block;
4696     }
4697
4698     #lowhits_help {
4699         width: inherit;
4700     }
4701
4702     #adv_global_addrow td {
4703         border-bottom: 0;
4704     }
4705
4706     /* Force table to not be like tables anymore */
4707     table#acct_checked_main_header thead tr th,
4708     table#acct_holds_main_header thead tr th,
4709     table#acct_checked_hist_header thead tr th,
4710     table#acct_holds_hist_header thead tr th,
4711     table#ebook_circs_main_table thead tr th,
4712     table#ebook_holds_main_table thead tr th {
4713         display: block;
4714     }
4715
4716     table#acct_checked_main_header tbody tr td,
4717     table#acct_holds_main_header tbody tr td,
4718     table#acct_checked_hist_header tbody tr td,
4719     table#acct_holds_hist_header tbody tr td,
4720     table#ebook_circs_main_table tbody tr td,
4721     table#ebook_holds_main_table tbody tr td {
4722         display: block;
4723     }
4724
4725
4726     /* Hide table headers (but not display: none;, for accessibility) */
4727     thead tr {
4728         position: absolute;
4729         top: -9999px;
4730         [% IF rtl=='t' -%]
4731         right: -9999px;
4732         [% ELSE -%]
4733         left: -9999px;
4734         [% END -%]
4735     }
4736
4737
4738     table#acct_checked_main_header,
4739     table#acct_holds_main_header,
4740     table#acct_checked_hist_header,
4741     table#acct_holds_hist_header,
4742     table#ebook_circs_main_table,
4743     table#ebook_holds_main_table {
4744     }
4745
4746     /* Holds history gets large white border to mimic header cell on other
4747            account screens that provide visual cue for next title. We should do
4748            the same for ebook tables too since we have no actions on those
4749            tables. If actions get added, we should move those tables out of
4750            here. */
4751     table#acct_holds_hist_header tr,
4752     table#ebook_circs_main_table tr,
4753     table#ebook_holds_main_table tr {
4754         border-top: 25px solid #fff;
4755     }
4756
4757
4758
4759     table#acct_checked_main_header td,
4760     table#acct_holds_main_header td,
4761     table#acct_checked_hist_header td,
4762     table#acct_holds_hist_header td,
4763     table#ebook_circs_main_table td,
4764     table#ebook_holds_main_table td {
4765         /* Behave  like a "row" */
4766         border: 0;
4767         border-bottom: 1px solid #EEEEEE;
4768         position: relative;
4769         [% IF rtl=='t' -%]
4770         padding-right: 40%;
4771         [% ELSE -%]
4772         padding-left: 40%;
4773         [% END -%]
4774     }
4775
4776
4777     table#acct_checked_main_header td:before,
4778     table#acct_holds_main_header td:before,
4779     table#acct_checked_hist_header td:before,
4780     table#acct_holds_hist_header td:before,
4781     table#ebook_circs_main_table td:before,
4782     table#ebook_holds_main_table td:before {
4783         /* Now like a table header */
4784         position: absolute;
4785         /* Top/left values mimic padding */
4786         top: 2px;
4787         width: 40%;
4788         [% IF rtl=='t' -%]
4789         right: 2px;
4790         padding-left: 10px;
4791         [% ELSE -%]
4792         left: 2px;
4793         padding-right: 10px;
4794         [% END -%]
4795         white-space: nowrap;
4796     }
4797
4798     .opac-auto-097 td:nth-of-type(5) {
4799         display: none;
4800     }
4801
4802     table#acct_checked_main_header td:nth-of-type(2):before {
4803         content: "[% l('Title') %]";
4804     }
4805
4806     table#acct_checked_main_header td:nth-of-type(3):before {
4807         content: "[% l('Author') %]";
4808     }
4809
4810     table#acct_checked_main_header td:nth-of-type(4):before {
4811         content: "[% l('Renewals Left') %]";
4812     }
4813
4814     table#acct_checked_main_header td:nth-of-type(5):before {
4815         content: "[% l('Due Date') %]";
4816     }
4817
4818     table#acct_checked_main_header td:nth-of-type(6):before {
4819         content: "[% l('Barcode') %]";
4820     }
4821
4822     table#acct_checked_main_header td:nth-of-type(7):before {
4823         content: "[% l('Call number') %]";
4824     }
4825
4826     table#acct_checked_hist_header td:nth-of-type(1) {
4827         padding-top: 15px;
4828         background-color: #fff;
4829     }
4830
4831     table#acct_checked_hist_header td:nth-of-type(2):before {
4832         content: "[% l('Title') %]";
4833     }
4834     table#acct_checked_hist_header td:nth-of-type(3):before {
4835         content: "[% l('Author') %]";
4836     }
4837
4838     table#acct_checked_hist_header td:nth-of-type(4):before {
4839         content: "[% l('Checkout Date') %]";
4840     }
4841
4842     table#acct_checked_hist_header td:nth-of-type(5):before {
4843         content: "[% l('Due Date') %]";
4844     }
4845
4846     table#acct_checked_hist_header td:nth-of-type(6):before {
4847         content: "[% l('Date Returned') %]";
4848     }
4849
4850     table#acct_checked_hist_header td:nth-of-type(7):before {
4851         content: "[% l('Barcode') %]";
4852     }
4853
4854     table#acct_checked_hist_header td:nth-of-type(8):before {
4855         content: "[% l('Call number') %]";
4856     }
4857
4858     table#acct_holds_main_header td:nth-of-type(1) {
4859         padding-top: 15px;
4860         background-color: #fff;
4861     }
4862
4863     table#acct_holds_main_header td:nth-of-type(2):before {
4864         content: "[% l('Title') %]";
4865     }
4866     table#acct_holds_main_header td:nth-of-type(3):before {
4867         content: "[% l('Author') %]";
4868     }
4869
4870     table#acct_holds_main_header td:nth-of-type(4):before {
4871         content: "[% l('Format') %]";
4872     }
4873
4874     table#acct_holds_main_header td:nth-of-type(5):before {
4875         content: "[% l('Pickup Location') %]";
4876     }
4877
4878     table#acct_holds_main_header td:nth-of-type(6):before {
4879         content: "[% l('Cancel on') %]";
4880     }
4881
4882     table#acct_holds_main_header td:nth-of-type(7):before {
4883         content: "[% l('Status') %]";
4884     }
4885
4886     table#acct_holds_main_header td.hold_notes:before {
4887         content: "[% l('Notes') %]";
4888     }
4889
4890     table#acct_holds_hist_header td:nth-of-type(1):before {
4891         content: "[% l('Title') %]";
4892     }
4893     table#acct_holds_hist_header td:nth-of-type(2):before {
4894         content: "[% l('Author') %]";
4895     }
4896
4897     table#acct_holds_hist_header td:nth-of-type(3):before {
4898         content: "[% l('Format') %]";
4899     }
4900
4901     table#acct_holds_hist_header td:nth-of-type(4):before {
4902         content: "[% l('Pickup Location') %]";
4903     }
4904
4905     table#acct_holds_hist_header td:nth-of-type(8):before {
4906         content: "[% l('Status') %]";
4907     }
4908
4909
4910     table#ebook_circs_main_table td:nth-of-type(1):before {
4911         content: "[% l('Title') %]";
4912     }
4913
4914     table#ebook_circs_main_table td:nth-of-type(2):before {
4915         content: "[% l('Author') %]";
4916     }
4917
4918     table#ebook_circs_main_table td:nth-of-type(3):before {
4919         content: "[% l('Due Date') %]";
4920     }
4921
4922     table#ebook_circs_main_table td:nth-of-type(4):before {
4923         content: "[% l('Actions') %]";
4924     }
4925
4926
4927     table#ebook_holds_main_table td:nth-of-type(1):before {
4928         content: "[% l('Title') %]";
4929     }
4930
4931     table#ebook_holds_main_table td:nth-of-type(2):before {
4932         content: "[% l('Author') %]";
4933     }
4934
4935     table#ebook_holds_main_table td:nth-of-type(3):before {
4936         content: "[% l('Due Date') %]";
4937     }
4938
4939     table#ebook_holds_main_table td:nth-of-type(4):before {
4940         content: "[% l('Actions') %]";
4941     }
4942
4943     /*Want to see these in mobile ONLY */
4944     .mobile_view {
4945         display:block;
4946     }
4947
4948     #mobile_acct_search_links {
4949         display: block;
4950         margin: .5em 2%;
4951     }
4952
4953     .mobile_search_lbl_clr {
4954
4955     }
4956
4957     .login-form-left {
4958         float: none;
4959         margin: 0;
4960     }
4961
4962     .adv_filter_block_item strong {
4963         margin: .2em 0;
4964     }
4965
4966     #header .float-right,
4967     #header .float-left {
4968         float: none;
4969     }
4970
4971     .dijitTextBox input {
4972         padding: .2em .5em;
4973     }
4974
4975     #results-page {
4976         font-size: 80%;
4977     }
4978
4979     #results_header_bar a {
4980         display: block;
4981         text-align: center;
4982     }
4983
4984     .results_header_btns,
4985     .results_header_sel {
4986     }
4987
4988     .results_row_count {
4989         display: none;
4990     }
4991
4992     #unread_message_count_floater {
4993         display: none;
4994     }
4995
4996     .header_middle {
4997         font-size: 100%;
4998     }
4999
5000     #login-form-box {
5001         width: 90%;
5002     }
5003
5004     #login-form-box .float-left,
5005     #login-form-box .float-right {
5006         float: none;
5007     }
5008
5009
5010     #login-form-box input[type='text'],
5011     #login-form-box input[type='password'] {
5012         width: 100%;
5013     }
5014
5015     .renew-summary,
5016     .message-update-summary {
5017         width: 92%;
5018     }
5019
5020     #acct_search_main select,
5021     #acct_search_main input {
5022         width: 80%;
5023     }
5024
5025     #acct_prefs_tabs {
5026         padding: .5em 0;
5027     }
5028
5029     #acct_prefs_tabs a {
5030         display: block;
5031         float: none;
5032         margin: .5em 0;
5033         text-align: left;
5034     }
5035
5036     #acct_prefs_tabs .align {
5037         display: block;
5038         float: none;
5039     }
5040
5041     #acct_prefs_tabs .float-left {
5042         display: block;
5043         float: none;
5044     }
5045
5046     #acct_holds_actions {
5047         font-size: 80%;
5048     }
5049 }
5050
5051
5052 @media only screen and (min-width: 601px) {
5053     .login-form-left {
5054         [% IF rtl=='t' -%]
5055         float: right;
5056         margin-left: 40px;
5057         [% ELSE -%]
5058         float: left;
5059         margin-right: 40px;
5060         [% END -%]
5061     }
5062 }
5063
5064 /*
5065 For text which is visible only to screen readers.
5066 Borrowed from http://getbootstrap.com/css/#helper-classes-screen-readers
5067 See also http://webaim.org/techniques/css/invisiblecontent/
5068 */
5069 .sr-only {
5070     position: absolute;
5071     width: 1px;
5072     height: 1px;
5073     padding: 0;
5074     margin: -1px;
5075     overflow: hidden;
5076     clip: rect(0, 0, 0, 0);
5077     border: 0;
5078 }
5079
5080
5081 /* Make added rows in Expert Search have bold labels like the initial row */
5082 label[for*=expert_] {
5083     font-weight: bold;
5084 }
5085
5086 .sort_deemphasize {
5087     font-weight: lighter;
5088     font-size: 70%;
5089 }
5090
5091 #results-page {
5092     font-family: Helvetica,
5093     Arial,
5094     sans-serif;
5095 }
5096
5097 #results-page-depth-hint {
5098     font-size: 90%;
5099     margin: 1em 0 0 0;
5100 }
5101
5102 #clear-history-confirm {
5103     color: #EC5959;
5104     font-size: 125%;
5105     font-weight: normal;
5106     padding: 10px;
5107 }
5108
5109 /*Inline rules from other templates files*/
5110 .td-left {
5111     [% IF rtl=='t' -%]
5112     text-align:right;
5113     [% ELSE -%]
5114     text-align:left;
5115     [% END -%]
5116     width:100%;
5117 }
5118 .td-search-left {
5119     [% IF rtl=='t' -%]
5120     text-align:right;
5121     [% ELSE -%]
5122     text-align:left;
5123     [% END -%]
5124 }
5125 #myopac_summary_div {
5126     padding: 0;
5127 }
5128 .div-left {
5129     [% IF rtl=='t' -%]
5130     float: right;
5131     [% ELSE -%]
5132     float: left;
5133     [% END -%]
5134 }
5135 .td-right {
5136     [% IF rtl=='t' -%]
5137     text-align:left;
5138     [% ELSE -%]
5139     text-align:right;
5140     [% END -%]
5141 }
5142 .login-form-left {
5143     padding-bottom: 10px;
5144 }
5145 .hold-div {
5146     [% IF rtl=='t' -%]
5147     padding-right: 10px;
5148     [% ELSE -%]
5149     padding-left: 10px;
5150     [% END -%]
5151     padding-bottom: 15px;
5152 }
5153 .hold-span {
5154     font-weight: bold;
5155 }
5156 .padding-left-6 {
5157     [% IF rtl=='t' -%]
5158     padding-right: 6px;
5159     [% ELSE -%]
5160     padding-left: 6px;
5161     [% END -%]
5162 }
5163 .padding-left-10 {
5164     [% IF rtl=='t' -%]
5165     padding-right:10px;
5166     [% ELSE -%]
5167     padding-left:10px;
5168     [% END -%]
5169 }
5170 .padding-left-5 {
5171     [% IF rtl=='t' -%]
5172     padding-right: 5px;
5173     [% ELSE -%]
5174     padding-left: 5px;
5175     [% END -%]
5176 }
5177
5178
5179 /* Rules from metarecord_hold_filters.tt2 */
5180 .metarecord_filters {
5181     padding: 5px;
5182     margin-top: 5px;
5183     border-bottom: 1px solid #333;
5184     border-top: 1px solid #333;
5185 }
5186
5187 .metarecord_filter_container {
5188     [% IF rtl=='t' -%]
5189     float: right;
5190     margin-left: 10px;
5191     [% ELSE -%]
5192     float: left;
5193     margin-right: 10px;
5194     [% END -%]
5195 }
5196 .metarecord_filter_container select {
5197     padding: 2px;
5198     width: 13em;
5199     /* consistent w/ adv search selectors */
5200 }
5201 .metarecord_filter_header {
5202     padding-bottom: 5px;
5203 }
5204
5205
5206 /* Toggled items. */
5207
5208 /* A block that is initially hidden and shown by clicking an anchor. */
5209 [id^="toggled-block-"] {
5210     display: none;
5211 }
5212 [id^="toggled-block-"]:target {
5213     display: block;
5214 }
5215
5216 /* Inline text that is initially hidden and shown by clicking an anchor. Useful on a span. */
5217 [id^="toggled-inline-"] {
5218     display: none;
5219 }
5220 [id^="toggled-inline-"]:target {
5221     display: inline;
5222 }
5223
5224 #footer {
5225     padding: 8px;
5226     background: #2E3545;
5227     color: #fff;
5228     font-size: .75em;
5229     text-align: center;
5230 }
5231
5232 #myopac_new_global_row {
5233     display: inline-block;
5234     margin: .3em 0 1em 0;
5235 }
5236
5237 .content-wrapper-library-page {
5238     border-top: 1px solid #EEEEEE;
5239     padding-top: .5em;
5240     margin-top: .5em;
5241 }
5242
5243 .content-wrapper-library-page div {
5244     margin: .2em 1em;
5245 }
5246
5247 .content-wrapper-library-page h1 {
5248     font-family: "Raleway", sans-serif;
5249     font-weight: bold;
5250 }
5251
5252 #addresses {
5253     margin: 0;
5254 }
5255
5256 #hidden_search_bar * {
5257     display: none;
5258 }
5259
5260 #payment_form p {
5261     margin: 1em 0;
5262 }
5263
5264 #pay_fines_now big {
5265     background-color: #FFF39B;
5266     border-left: 5px solid #FAA925;
5267     display: block;
5268     font-style: italic;
5269     margin: 1em 0;
5270     min-width: 75%;
5271     padding: 1em;
5272 }
5273
5274 .opac-auto-161 {
5275     padding: inherit;
5276     width: auto;
5277 }
5278
5279 #image-credits h2 {
5280     font-family: "Raleway", sans-serif;
5281 }
5282
5283 #image-credits {
5284     font-family: Arial, sans-serif;
5285     margin: 0 2em;
5286 }
5287
5288 /* Image slider */
5289
5290 #carousel_title {
5291     font-size: 110%;
5292     display: block;
5293     text-align: center;
5294 }
5295
5296 .tns-nav {
5297     text-align: center;
5298     margin: 10px 0;
5299 }
5300
5301 .tns-nav > [aria-controls] {
5302     width: 20px;
5303     height: 12px;
5304     padding: 0;
5305     margin: 0 5px;
5306     border-radius: 20px;
5307     background: #999;
5308     border: 0;
5309 }
5310 .tns-nav > [aria-controls]:hover {
5311     background-color: #9ECC4C;
5312 }
5313
5314 .tns-nav-active > [aria-selected="true"] {
5315     background-color: #6AB5F9;
5316 }
5317
5318 .tns-nav > [aria-selected="true"] {
5319     background-color: #8EC1EE;
5320 }
5321
5322 #carousel a {
5323     display: block;
5324     font-family: Arial, sans-serif;
5325     font-size: 90%;
5326     text-align: center;
5327     max-width: 13em;
5328 }