Open-ILS/src/templates/opac/css/style.css.tt2

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