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     width: 177px;
1218 }
1219
1220 .cc_logo_img
1221 {
1222    width: 79%;
1223     [% IF rtl == 't' -%]
1224       padding-right: .5em;
1225     [% ELSE -%]
1226        padding-left: .5em;
1227     [% END -%]
1228 }
1229
1230 #myopac_sum_fines_placehold {
1231     [% IF rtl == 't' -%]
1232     float: left;
1233     [% ELSE -%]
1234     float: right;
1235     [% END -%]
1236     width: 177px;
1237     height: 166px;
1238 }
1239
1240 .acct_holds_temp td {
1241     [% IF rtl == 't' -%]
1242     text-align: right;
1243     [% ELSE -%]
1244     text-align: left;
1245     [% END -%]
1246 }
1247
1248 #acct_checked_tabs .align, #acct_holds_tabs .align, #acct_prefs_tabs .align {
1249     [% IF rtl == 't' -%]
1250     float: right;
1251     [% ELSE -%]
1252     float:left;
1253     [% END -%]
1254 }
1255
1256 #acct_checked_main_header, #acct_holds_main_header, #acct_fines_main_header, #acct_fees_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 {
1257     border-collapse: collapse;
1258 }
1259
1260 .acct_fines_header
1261 {
1262    width: 100%;
1263    padding-bottom:1em;
1264    [% IF rtl == 't' -%]
1265    float: right;
1266    [% ELSE -%]
1267    float:left;
1268    [% END -%]
1269 }
1270
1271 /* tables for entering payment information */
1272 #acct_fines_main_header,
1273 #acct_fees_main_header
1274 {
1275    width: 100%;
1276 }
1277
1278 /* tables for entering payment information */
1279 #billing_info_table
1280 {
1281     width: auto;
1282     [% IF rtl == 't' -%]
1283     float: right;
1284     [% ELSE -%]
1285     float:left;
1286     [% END -%]
1287     display:inline;
1288     padding-left: 1em;
1289     padding-right: 1em;
1290 }
1291
1292 /* tables for entering payment information */
1293 #credit_card_info_table
1294 {
1295     width: auto;
1296     display: block;
1297 }
1298
1299 /* tables for entering payment information */
1300 #billing_info_table td,
1301 #credit_card_info_table td
1302 {
1303    [% IF rtl == 't' -%]
1304     padding-right: .5em;
1305     [% ELSE -%]
1306     padding-left: .5em;
1307     [% END -%]
1308
1309 }
1310
1311 /* div for the payment buttons with the total */
1312 #payment_actions
1313 {
1314    width: auto;
1315    display: block;
1316    padding: 1em 0 0 1em;
1317    text-align:center;
1318 }
1319
1320 /* text to state what is seen on cc statement */
1321 .cc_disclaimer
1322 {
1323    font-style:italic;
1324    font-size: 90%;
1325    color:[% css_colors.primary_fade %];
1326 }
1327
1328 .hold_notes {
1329     text-transform: none;
1330     font-weight: normal;
1331 }
1332
1333 .hold_note_title { font-weight: bold; }
1334 #acct_checked_main_header td, #acct_holds_main_header td, #acct_fines_main_header td, #acct_fines_confirm_header td, #acct_fees_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 td, #ebook_circs_main_table td, #ebook_holds_main_table td {
1335     background-color: [% css_colors.background %];
1336     padding: 10px;
1337          border: 1px solid #d3d3d3;
1338 }
1339
1340 #acct_checked_main_header th, #acct_holds_main_header th, #acct_fines_main_header th, #acct_fines_confirm_header th, #acct_fees_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 th, #ebook_holds_main_table th {
1341     [% IF rtl == 't' -%]
1342     text-align: right;
1343     [% ELSE -%]
1344     text-align: left;
1345     [% END -%]
1346     padding: 0px 10px 0px 10px;
1347 }
1348
1349 #acct_list_header select, #acct_list_header_anon select {
1350     font-weight:normal;
1351     text-transform:none;
1352 }
1353
1354 .search_catalog_lbl {
1355     font-size: [% css_fonts.size_bigger %];
1356 }
1357 .adv_search_catalog_lbl {
1358     font-size: [% css_fonts.size_bigger %];
1359 }
1360
1361 .browse_the_catalog_lbl {
1362     font-size: [% css_fonts.size_bigger %];
1363 }
1364
1365 .lbl1 {
1366     font-size: [% css_fonts.size_bigger %];
1367     font-weight:bold;
1368 }
1369
1370 .lbl2 {
1371     font-size: [% css_fonts.size_smaller %];
1372     font-weight:normal;
1373     position:relative;
1374     top:3px;
1375     max-width:300px;
1376 }
1377
1378 #myopac_tabs, #adv_search_parent, #fines_payments_wrapper {
1379     background-color: [% css_colors.primary_fade %];
1380     padding-top:5px;
1381     margin-bottom:20px;
1382 }
1383
1384 #fines_payments_wrapper {
1385     padding-left: 5px;
1386     padding-right: 5px;
1387 }
1388
1389 .myopac_payments_table th {
1390     [% IF rtl == 't' -%]
1391     text-align: right; }
1392     [% ELSE -%]
1393     text-align: left;
1394     [% END -%]
1395 }
1396
1397 .myopac_payments_table thead th { border-bottom: 1px dashed [% css_colors.accent_darker %]; }
1398 .myopac_payments_table thead th:first-child { width: 8em; }
1399 .myopac_payments_table tbody tr:nth-child(odd) { background-color: [% css_colors.accent_lighter %]; }
1400 .myopac_payments_table form { display: inline; }
1401 .myopac_payments_table input[type="submit"] { padding: 1px; }
1402
1403 .cc_header
1404 {
1405    padding-top:1em;
1406    background-color: [% css_colors.accent_lighter %];
1407 }
1408
1409 .payment-error {
1410     font-weight: bold; color: [% css_colors.text_alert %];
1411     padding: 10px; border: 1px solid [% css_colors.accent_medium_dark %];
1412 }
1413
1414 .payment-processing {
1415     font-weight: bold;
1416     color: [% css_colors.text_greatnews %];
1417     font-size: [% css_fonts.size_bigger %];
1418     padding: 10px; border: 1px solid [% css_colors.accent_medium_dark %];
1419     text-align: center;
1420 }
1421 #adv_search_input { width: 100%; }
1422 #adv_search_parent {
1423     margin-bottom:0px;
1424 }
1425 #search-submit-spinner {
1426     height: 16px;
1427     width: 16px;
1428 }
1429 div.adv_search_available {
1430     margin-top: 1em;
1431 }
1432
1433 #myopac_loading {
1434     width:100%;
1435     text-align:center;
1436     padding-top:20px;
1437     font-size: [% css_fonts.size_bigger %];
1438     font-weight:bold;
1439 }
1440
1441 .chili_link {
1442     width:100px !important;
1443     text-align: center !important;
1444 }
1445
1446 .chili_review div.chili_link div {
1447     margin: auto;
1448 }
1449
1450 /* styling for advanced search filters that display with searchbar */
1451
1452 #adv_filter_results_block h4 { display: inline; }
1453
1454 #adv_filter_results_block {
1455     margin-top: 6px;
1456 }
1457
1458 .adv_filter_results_block_label {
1459     font-weight:bold;
1460     [% IF rtl == 't' -%]
1461     padding: 4px 12px 4px 0px;
1462     [% ELSE -%]
1463     padding: 4px 0px 4px 12px;
1464     [% END -%]
1465 }
1466
1467 .adv_filter_results_group {
1468     font-size: 12px;
1469     display: inline-block;
1470     background-color:  [% css_colors.accent_lighter2 %];
1471     border-style: solid;
1472     border-color: [% css_colors.accent_medium %];
1473     border-width: 1px;
1474     border-radius: 4px;
1475     padding: 2px 4px 2px 4px;
1476 }
1477
1478 .adv_filter_results_group_wrapper {
1479     display: inline-block;
1480     [% IF rtl == 't' -%]
1481     margin-right: 1em;
1482     [% ELSE -%]
1483     margin-left: 1em;
1484     [% END -%]
1485     margin-bottom: 8px;
1486 }
1487
1488 .adv_filter_results_group_header {
1489     display: inline-block;
1490 }
1491
1492 .adv_filter_results_group_values {
1493     display: inline;
1494 }
1495
1496 .adv_search_result_filter {
1497     display: inline-block;
1498 }
1499
1500 .remove_filter {
1501     font-size: 16px;
1502     [% IF rtl == 't' -%]
1503     margin-right: 3px;
1504     [% ELSE -%]
1505     margin-left: 3px;
1506     [% END -%]
1507 }
1508
1509 a.remove_filter {
1510     text-decoration: none;
1511     color: [% css_colors.accent_dark %];
1512 }
1513
1514 #filter_hits {
1515      display: inline-block;
1516 }
1517
1518 #refine_search_link {
1519     display: inline-block;
1520 }
1521
1522 [%- IF we_want_to_turn_on_facet_styling.defined; %]
1523 /* some facet styling */
1524 .facetClassContainer { margin: 2px; border: 1px solid [% css_colors.accent_light %]; }
1525 .facetClassLabelContainer { border: 1px solid [% css_colors.accent_light %]; }
1526 .facetClassLabel { font-weight: bold; text-align: center; }
1527 .facetFieldContainer {  }
1528 .facetFieldLabel { padding-left: 2px; margin-top: 5px; margin-bottom: 5px; font-weight: bold; text-align: left; }
1529 .extraFacetFieldsWrapper { }
1530 .toggleExtraFacetFieldsButton { float: right; margin: 0px; padding: 0px; }
1531 .facetFieldLineCount {
1532     display: inline-block;
1533     border-right: 1px solid [% css_colors.accent_light %];
1534     color: [% css_colors.accent_mediumdark %];
1535     width: 3em;
1536     margin-right: 3px
1537 }
1538 .facetField { border-top: 1px solid [% css_colors.accent_light %]; }
1539 .facetFields { padding-left: 5px; }
1540 .facetFieldLineValue { overflow: hidden; text-overflow: ellipsis; }
1541 [%- END -%]
1542
1543 div#facet_sidebar {
1544     [% IF rtl == 't' -%]
1545     float: right;
1546     margin-left: 1em;
1547     [% ELSE -%]
1548     float: left;
1549     margin-right: 1em;
1550     [% END-%]
1551 }
1552
1553 .facet_box_temp {
1554     padding-bottom:3px;
1555 }
1556
1557 .facet_box_temp .header {
1558     height: 2.3em;
1559     background-color:[% css_colors.primary %];
1560     border-top-left-radius: 5px;
1561     border-top-right-radius: 5px;
1562     font-weight:bold;
1563     color:[% css_colors.text_invert %];
1564     padding-top:4px;
1565 }
1566
1567 .facet_box_temp.filter_box_temp .header {
1568     background-color: [% css_colors.background_invert %] !important;
1569 }
1570
1571 .filter_box_label {
1572     color: [% css_colors.background_invert %];
1573     font-weight:bold;
1574     padding-top:4px;
1575     padding-bottom:4px;
1576     padding-left:12px;
1577 }
1578
1579 .facet_box_temp .header .title {
1580     [% IF rtl == 't' -%]
1581     float: right;
1582     padding-right: 12px;
1583     [% ELSE -%]
1584     float:left;
1585     padding-left:12px;
1586     [% END -%]
1587     padding-top:6px;
1588 }
1589
1590 /* in this context, where h4 is primarily for structure,
1591    avoid the normal large font and margin for h4's */
1592 .facet_box_temp h4 {
1593     font-size : 100%;
1594     margin: 0px;
1595 }
1596
1597 .facet_box_temp .header a.button {
1598     [% IF rtl == 't' -%]
1599     float: left;
1600     padding-left: 6px;
1601     [% ELSE -%]
1602     float:right;
1603     padding-right:6px;
1604     [% END -%]
1605     padding-top:6px;
1606     color:[% css_colors.text_invert %];
1607 }
1608
1609 .facet_box_wrapper .box_wrapper .box {
1610     border-top:1px solid [% css_colors.border_standard %];
1611     border-left:1px solid [% css_colors.border_standard %];
1612     border-right:1px solid [% css_colors.border_standard %];
1613     padding: 0 0.5em;
1614     width: 14em;
1615     overflow: hidden;
1616 }
1617
1618 .filter_box_wrapper {
1619     margin-bottom: 3px;
1620     padding: 2px;
1621     border: 1px solid [% css_colors.background_invert %];
1622     border-radius: 3px;
1623     font-weight:bold;
1624     padding-top:4px;
1625 }
1626
1627 .facet_template {
1628     box-sizing: border-box;
1629     -moz-box-sizing: border-box;
1630     display: table;
1631     margin: 0.5em 0;
1632     width: 100%;
1633 }
1634
1635 .facet_template div {
1636     display: table-cell;
1637     padding: 2px;
1638 }
1639
1640 .facet_template.filter_template div {
1641     padding: 0px !important;
1642 }
1643
1644 .facet_template .count {
1645     text-align: right;
1646     color: [% css_colors.accent_mediumdark %];
1647 }
1648
1649 .facet_template_selected {
1650     background-color: [% css_colors.accent_lighter2 %];
1651     border: 1px solid [% css_colors.accent_medium %];
1652 }
1653
1654 #footer-wrap {
1655     background-color: [% css_colors.primary %];
1656     background-image: -moz-linear-gradient([% css_colors.primary_fade %], [% css_colors.primary %]);
1657     background-image: -o-linear-gradient([% css_colors.primary_fade %], [% css_colors.primary %]);
1658     background-image: -webkit-linear-gradient([% css_colors.primary_fade %], [% css_colors.primary %]);
1659     background-image: linear-gradient([% css_colors.primary_fade %], [% css_colors.primary %]);
1660 }
1661
1662 #footer {
1663     [% IF rtl == 't' -%]
1664     margin-right: 1em;
1665     [% ELSE -%]
1666     margin-left: 1em;
1667     [% END -%]
1668     padding-top:5px;
1669     padding-bottom: 10px;
1670     font-size: [% css_fonts.size_small %];
1671 }
1672
1673 #footer a {
1674     color: [% css_colors.text_invert %];
1675     text-decoration: none;
1676     text-shadow: 0 0 0.2em [% css_colors.primary %], 0 0 0.2em [% css_colors.primary %];
1677 }
1678
1679 #copyright_text, #footer_logo {
1680     color: [% css_colors.text_invert %];
1681 }
1682
1683 .color_4 {
1684     font-weight: bold;
1685 }
1686
1687 .advanced_div { padding-top: 15px; }
1688 #adv_global_search { width: 100%; }
1689 #adv_global_search select { width: 13em; }
1690 #adv_global_addrow td { padding-top: 7px; }
1691 [% IF rtl == 't' -%]
1692 #adv_global_addrow.td-search-left{text-align:right;}
1693 [% END -%]
1694 #adv_global_input_table { width: 100%; }
1695 #adv_global_input_table select { width: 7em; }
1696 .adv_adv_link {
1697     font-size: [% css_fonts.size_smaller %];
1698     color: [% css_colors.text_alert %];
1699 }
1700 #acct_prefs_header {
1701     [% IF rtl == 't' -%]
1702     float: right;
1703     [% ELSE -%]
1704     float: left;
1705     [% END -%]
1706 }
1707 .search_page_nav_link {
1708     cursor: pointer;
1709     [% IF rtl == 't' -%]
1710     padding-right: 1em;
1711     [% ELSE -%]
1712     padding-left: 1em;
1713     [% END -%]
1714 }
1715 #opac.result.sort { width: 160px; }
1716 .renew-summary, .message-update-summary { font-size: [% css_fonts.size_bigger %]; font-style: italic; margin: 0.5ex 0; }
1717 .failure-text {
1718     [% IF rtl == 't' -%]
1719     margin-right: 4em;
1720     [% ELSE -%]
1721     margin-left: 4em;
1722     [% END -%]
1723     font-style: italic;
1724     color: [% css_colors.text_alert %];
1725 }
1726 .refine-controls { font-size: [% css_fonts.size_bigger %]; padding: 0.5ex 0; }
1727 #adv_search_refine input[type=text] { border: 1px inset [% css_colors.accent_light %] !important; }
1728 #adv_search_refine select { border: 1px inset [% css_colors.accent_light %] !important; }
1729 #adv_search_refine {
1730     [% IF rtl == 't' -%]
1731     padding-right: 5em;
1732     [% ELSE -%]
1733     padding-left: 5em;
1734     [% END -%]
1735     background-color: [% css_colors.accent_lighter2 %];
1736     margin: 2ex 0;
1737 }
1738 .row-remover { position: relative; top: 1px; vertical-align: middle; }
1739 .subtle-button {
1740     background-color: [% css_colors.background %];
1741     color: [% css_colors.primary %]; text-decoration: none;
1742     padding: 0; border: 0; margin: 0;
1743     vertical-align: middle;
1744 }
1745 .subtle-button:hover { text-decoration: underline; cursor: pointer; }
1746 .no-dec:hover { text-decoration: none; }
1747 .pending-addr td { background-color: [% css_colors.background_alert %] !important; border: 0 !important; }
1748
1749 #account-update-email table { text-align: center; padding: 20px; margin-top: 18px; border-collapse: collapse; }
1750 #account-update-email table td {
1751     [% IF rtl == 't' -%]
1752     text-align: right;
1753     [% ELSE -%]
1754     text-align: left;
1755     [% END -%]
1756     padding: 5px 15px 5px 15px;
1757     border-bottom: 1px solid [% css_colors.accent_lighter %];
1758 }
1759 #account-update-email-error { font-size: [% css_fonts.size_biggest %]; padding: 10px; border:1px solid [% css_colors.border_standard %];}
1760 a.dash-link:hover { text-decoration: underline !important; }
1761 #list_create_table td { vertical-align: middle; padding: 0 8px; }
1762 #list_create_table {
1763     background-color: [% css_colors.accent_light %];
1764     padding-bottom: 4px;
1765     margin-bottom: 10px;
1766     border-bottom: 1px dotted [% css_colors.accent_medium %];
1767     width: 100%;
1768 }
1769 .list_create_table_label {
1770     width: 30%;
1771 }
1772 #list_description, #list_create_name {
1773         width: 500px;
1774 }
1775 .list-create-table-buttons input[type=image] { margin-top: 2px; }
1776 .result_table_format_cell { padding: 0px 10px; text-align: center; }
1777 .results_row_count { font-weight: bold; }
1778 #hold_editor h1 { font-size: [% css_fonts.size_bigger %]; font-weight: bold; }
1779 #hold_editor h2 { font-size: [% css_fonts.size_big %]; font-weight: normal; text-indent: 2em; font-style: italic; }
1780 #hold_editor h1, #hold_editor h2 { margin: 2px 0; }
1781 #hold_editor_table { background-color: [% css_colors.accent_lighter %]; padding: 0.5em; }
1782 #hold_editor_table th {
1783     [% IF rtl == 't' -%]
1784     text-align: left;
1785     padding-left: 1em;
1786     [% ELSE -%]
1787     text-align: right;
1788     padding-right: 1em;
1789     [% END -%]
1790 }
1791 #hold_editor_table td { padding: 0.25em 0; }
1792 .fmt-note {
1793     [% IF rtl == 't' -%]
1794     padding-right: 1em !important;
1795     [% ELSE -%]
1796     padding-left: 1em !important;
1797     [% END -%]
1798     vertical-align: middle;
1799 }
1800 .hold-editor-controls { text-align: center; padding-top: 1em !important; }
1801 .hold-editor-controls a { padding-left: 2em; }
1802
1803 .text-right {
1804     [% IF rtl == 't' -%]
1805     text-align: left;
1806     [% ELSE -%]
1807     text-align: right;
1808     [% END -%]
1809 }
1810 .text-right-top {
1811     [% IF rtl == 't' -%]
1812     text-align: right;
1813     [% ELSE -%]
1814     vertical-align: top;
1815     [% END -%]
1816 }
1817 .rdetail-author-div {
1818     padding-bottom: 10px;
1819     display: inline-block;
1820 }
1821
1822 .invisible { visibility: hidden; }
1823 .rdetail-extras-summary { margin: 10px; }
1824 .staff-hold { background-color: [% css_colors.accent_lightest %]; }
1825 .expert-search tbody tr th {
1826     [% IF rtl == 't' -%]
1827     text-align: left;
1828     padding-right: 2em;
1829     [% ELSE -%]
1830     text-align: right;
1831     padding-left: 2em;
1832     [% END -%]
1833 }
1834 .expert-search-row { padding-top: 10px; }
1835 #adv_expert_row label { font-weight: bold; }
1836
1837 .bookshelf tr.browse_border td {
1838     border-bottom: 1px dashed [% css_colors.accent_dark %];
1839     font-size: 1px;
1840     height: 1px;
1841     padding-bottom: 1ex;
1842 }
1843 .cn_browse_item { padding: 2ex; }
1844 .results-paginator-list {
1845     [% IF rtl == 't' -%]
1846     padding-right: 1em;
1847     [% ELSE -%]
1848     padding-left: 1em;
1849     [% END -%]
1850 }
1851 .results-paginator-selected { color: [% css_colors.text_alert %]; }
1852 .inactive-hold { background-color: [% css_colors.accent_lightest %]; }
1853 .unread-patron-message { font-weight: bold; }
1854
1855 #hold-items-list td { padding: 5px; margin-bottom: 20px; }
1856 .hold-items-list-title {
1857   font-size: [% css_fonts.size_bigger %];
1858   margin-bottom: 20px;
1859 }
1860 .hold-items-list-problem { color: [% css_colors.text_alert %]; }
1861
1862 .hold_success_links > span { margin: 0 2em; }
1863
1864 .radio-parts-selection {
1865    width: 75%;
1866    margin-bottom: 20px;
1867 }
1868
1869 .parts-radio-option {
1870   display: inline-block;
1871   width:15em;
1872 }
1873
1874 .mr_holds_no_formats {
1875   [% IF rtl == 't' -%]
1876   margin-right: 25px;
1877   [% ELSE -%]
1878   margin-left: 25px;
1879   [% END -%]
1880   padding: 5px;
1881   font-size: 110%;
1882   font-weight: bold;
1883   color: [% css_colors.text_invert %];
1884   background-color: [% css_colors.primary %];
1885 }
1886
1887 .holds_item_row_separator td {
1888   border-top: 2px dashed [% css_colors.accent_medium %];
1889 }
1890
1891 .big-strong {font-weight: bold; font-size: [% css_fonts.size_bigger %]; }
1892
1893 .results_header_btns, .results_header_sel {
1894     [% IF rtl == 't' -%]
1895     float: right;
1896     [% ELSE -%]
1897     float:left;
1898     [% END -%]
1899 }
1900
1901 /*
1902  * .various_containers a = shortcut to putting .opac-button on every 'a' with
1903  *     the tradeoff of increased stylesheet complexity (TODO: rethink?)
1904  */
1905
1906 .opac-multiline-button > a,
1907 .opac-button, .results_header_btns a, #simple-detail-view-links a, .dash_account_buttons a {
1908     color: [% css_colors.button_text %];
1909     font-weight: bold;
1910     text-decoration: none;
1911     cursor: pointer !important;
1912     border-radius: 5px;
1913     border: 1px solid [% css_colors.primary %];
1914     background-color:  [% css_colors.primary_fade %];
1915     margin: 0.5em;
1916     padding: 0.3em;
1917     display: inline-block;
1918 }
1919
1920 .opac-multiline-button > a:hover,
1921 .opac-button:hover, .results_header_btns a:hover, #simple-detail-view-links a:hover, #dash_wrapper a.opac-button:hover {
1922     background-color: [% css_colors.primary %];
1923 }
1924
1925 .opac-button:disabled {
1926     color: [% css_colors.accent_medium %];
1927     cursor: pointer !important;
1928     border: 1px solid [% css_colors.accent_light %];
1929     background-color: [% css_colors.accent_lighter %];
1930 }
1931
1932 /* Firefox adds its own special space to inputs; this gets us closer */
1933 button.opac-button::-moz-focus-inner, input.opac-button::-moz-focus-inner {
1934     padding: 0;
1935     border: 0;
1936 }
1937
1938 .opac-button-header, #dash_wrapper .opac-button {
1939     background-color: [% css_colors.control %];
1940     box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
1941     font-size: [% css_fonts.size_base %];
1942 }
1943 a.opac-button-header:hover, #dash_wrapper a.opac-button:hover {
1944     border-color: [% css_colors.control %];
1945 }
1946
1947 .opac-multiline-button > a {
1948     display: inline-block;
1949 }
1950
1951 #myopac_checked_div {
1952     padding: 0px;
1953 }
1954
1955 .rdetail-mfhd-head {
1956     margin-top: 5px;
1957     padding-top: 5px;
1958     background-color: [% css_colors.table_heading %];
1959 }
1960
1961 .rdetail-mfhd-type {
1962     [% IF rtl == 't' -%]
1963     padding-right: 1em;
1964     [% ELSE -%]
1965     padding-left: 1em;
1966     [% END -%]
1967 }
1968
1969 .rdetail-mfhd-bottom {
1970     border-bottom: thin solid [% css_colors.border_dark %];
1971     width: 100%;
1972 }
1973
1974 #rdetail_record_details {
1975     clear: both;
1976     margin-top: 1em;
1977 }
1978
1979 .rdetail_content {
1980     [% IF rtl == 't' -%]
1981     margin-right: 1.5em;
1982     padding-right: 1.5em;
1983     [% ELSE -%]
1984     margin-left: 1.5em;
1985     padding-left: 1.5em;
1986     [% END -%]
1987 }
1988
1989 .rdetail_content_type, .rdetail_subject_type {
1990     vertical-align: top;
1991     font-weight: bold;
1992 }
1993
1994 .bookbag-item-row td { vertical-align: top; }
1995
1996 .error { color: [% css_colors.text_alert %]; font-weight: bold; }
1997 .success {
1998     color: [% css_colors.text_greatnews %];
1999     font-weight: bold;
2000 }
2001
2002 .rdetail_related_subjects {
2003     margin-top: 1.5em;
2004 }
2005
2006 .rdetail_related_series {
2007     margin-top: 1.5em;
2008 }
2009
2010 #rdetail_openurl {
2011     margin-top: 1em;
2012 }
2013
2014 .rdetail_openurl_entry {
2015     [% IF rtl == 't' -%]
2016     margin-right: 1em;
2017     padding-right: 1em;
2018     [% ELSE -%]
2019     margin-left: 1em;
2020     padding-left: 1em;
2021     [% END -%]
2022 }
2023 .bookbag-controls-holder { width: 100%; }
2024 .bookbag-controls-holder:nth-child(odd) { background-color: [% css_colors.accent_lighter2 %]; }
2025 .bookbag-controls-holder:nth-child(even) { background-color: [% css_colors.accent_lightest %]; }
2026 .bookbag-controls-holder .most {
2027     [% IF rtl == 't' -%]
2028     padding-right: 0;
2029     margin-left: 5em;
2030     [% ELSE -%]
2031     padding-left: 0;
2032     margin-right: 5em;
2033     [% END -%]
2034 }
2035 .bookbag-controls-title-block {
2036     [% IF rtl == 't' -%]
2037     float:right;
2038     [% ELSE -%]
2039     float:left;
2040     [% END -%]
2041     width:40%;
2042 }
2043 .bookbag-controls-button-block {
2044     [% IF rtl == 't' -%]
2045     float:right;
2046     [% ELSE -%]
2047     float:left;
2048     [% END -%]
2049     width:50%;
2050 }
2051 h2.bookbag-name { margin-bottom: 0em; padding-bottom: 0em; }
2052 .bookbag-share .fixed { min-width: 4em; }
2053 .bookbag-specific {
2054     [% IF rtl == 't' -%]
2055     margin-right: 1em;
2056     [% ELSE -%]
2057     margin-left: 1em;
2058     [% END -%]
2059 }
2060 .bookbag-specific div.sort {
2061     [% IF rtl == 't' -%]
2062     float: right;
2063     text-align: right;
2064     margin-right: 15px;
2065     [% ELSE -%]
2066     float: left;
2067     text-align: left;
2068     margin-left: 15px;
2069     [% END -%]
2070     width: 40%;
2071 }
2072 .bookbag-specific div.meta {
2073     background-color: [% css_colors.accent_light %];
2074     [% IF rtl == 't' -%]
2075     float: left;
2076     text-align: left;
2077     [% ELSE -%]
2078     float: right;
2079     text-align: right;
2080     [% END -%]
2081     width: 54%;
2082     border: 1px solid [% css_colors.accent_light %];
2083     padding: 5px;
2084     margin-top: 5px;
2085 }
2086 #bbag-name-desc-form tr th { vertical-align: middle; }
2087 #bbag-name-desc-form .saver { vertical-align: middle; text-align: center; }
2088 .bookbag-description {
2089     padding-top: 0em;
2090     font-style: italic;
2091     max-width: 40em;
2092 }
2093 .bbag-edit-desc-label {
2094     [% IF rtl == 't' -%]
2095     float:right;
2096     [% ELSE -%]
2097     float:left;
2098     [% END -%]
2099     width:8em;
2100 }
2101 .bbag-edit-desc-save {
2102     clear:both;
2103     margin-bottom:10px;
2104 }
2105 #bbag-edit-description {
2106     width: 20em;
2107     [% IF rtl == 't' -%]
2108     float:right;
2109     [% ELSE -%]
2110     float:left;
2111     [% END -%]
2112 }
2113 #bbag-edit-name {
2114     width: 20em;
2115     [% IF rtl == 't' -%]
2116     float: right;
2117     [% ELSE -%]
2118     float: left;
2119     [% END -%]
2120 }
2121 .bbag-action {
2122     [% IF rtl == 't' -%]
2123     margin-right: 15px;
2124     [% ELSE -%]
2125     margin-left: 15px;
2126     [% END -%]
2127 }
2128 .bbag-navigate-list {
2129     [% IF rtl == 't' -%]
2130     padding-right: 32px;
2131     float:right;
2132     [% ELSE -%]
2133     padding-left: 32px;
2134     float:left;
2135     [% END -%]
2136 }
2137 .bbag-navigate-list-pages {
2138     [% IF rtl == 't' -%]
2139     padding-right: 10px;
2140     float:right;
2141     [% ELSE -%]
2142     padding-left: 10px;
2143     float:left;
2144     [% END -%]
2145 }
2146 textarea { font-family: sans-serif; }
2147 table.bookbag-specific {
2148     border-right: 1px solid [% css_colors.accent_dark %];
2149     border-bottom: 1px solid [% css_colors.accent_medium %];
2150     margin-bottom: 2ex;
2151     width: 100%;
2152 }
2153 .bookbag-share {
2154     [% IF rtl == 't' -%]
2155     float: right;
2156     padding: 0px 10px 0px 0px;
2157     [% ELSE -%]
2158     float: left;
2159     padding: 0px 0px 0px 10px;
2160     [% END -%]
2161 }
2162 .bookbag-share .fixed { min-width: 6em; }
2163 .bookbag-controls {
2164     [% IF rtl == 't' -%]
2165     float: right;
2166     padding: 0px 10px 0px 0px;
2167     [% ELSE -%]
2168     float: left;
2169     padding: 0px 0px 0px 10px;
2170     [% END -%]
2171 }
2172 .bookbag-specific td.list_checkbox {
2173     [% IF rtl == 't' -%]
2174     padding-right: 10px !important;
2175     [% ELSE -%]
2176     padding-left: 10px !important;
2177     [% END -%]
2178 }
2179 .bookbag-specific td.list_entry {
2180     min-width: 10em;
2181     [% IF rtl == 't' -%]
2182     padding-right: 5px !important;
2183     [% ELSE -%]
2184     padding-left: 5px !important;
2185     [% END -%]
2186 }
2187 .bookbag-specific td.list_actions {
2188     white-space: nowrap !important;
2189 }
2190 .bookbag-paginator-selected { color: [% css_colors.text_alert %]; }
2191
2192 .list_is_empty {
2193     padding: 8px 0px 6px 0px;
2194     width: 100%;
2195     border: 0;
2196     font-size: [% css_fonts.size_bigger %];
2197     text-align: center;
2198     font-style: italic;
2199 }
2200 .save-notes { padding-bottom: 1.5ex; }
2201
2202 .nonbreaking-wrapper {
2203     display: inline-block;
2204 }
2205
2206 /* Moved from semiauto.css */
2207 .adv_global_input_container {
2208     border-bottom: none;
2209     clear: both;
2210 }
2211 .opac-auto-013 {
2212     border-bottom: none;
2213     *height: 0px;
2214 }
2215 .adv_global_filter_sort {
2216     border: none;
2217     width: 100%;
2218 }
2219 .clear-both { clear: both; }
2220 .common-no-pad {
2221     clear: both;
2222     height: 0px;
2223     margin: 0px;
2224     padding: 0px;
2225 }
2226 .common-full-pad {
2227     clear: both;
2228     height: 15px;
2229 }
2230 .alert { color: [% css_colors.text_alert %]; }
2231 .float-left {
2232     [% IF rtl == 't' -%]
2233     float: right;
2234     [% ELSE -%]
2235     float: left;
2236     [% END -%]
2237 }
2238 .float-right {
2239     [% IF rtl == 't' -%]
2240     float: left;
2241     [% ELSE -%]
2242     float: right;
2243     [% END -%]
2244 }
2245
2246 .saved-searches-header { width: 100%; font-weight: bold; font-size: [% css_fonts.size_bigger %]; }
2247 .saved-searches-header .button {
2248     [% IF rtl == 't' -%]
2249     float: left;
2250     [% ELSE -%]
2251     float: right;
2252     width: 28px;
2253     [% END -%]
2254 }
2255 .saved-searches-header .text {
2256     [% IF rtl == 't' -%]
2257     float: right;
2258     padding-left: 1em;
2259     [% ELSE -%]
2260     float: left;
2261     padding-right: 1em;
2262     [% END -%]
2263     margin: 0.5ex 0;
2264 }
2265 .saved-searches-header {font-weight: bold; font-size: [% css_fonts.size_bigger %]; }
2266 .saved-searches { border-bottom: 1px solid [% css_colors.accent_medium %]; padding-right: 1em; }
2267 #staff-saved-search { /* wraps .saved-searches-header and .saved-searches on the record page */
2268     [% IF rtl == 't' -%]
2269     border-left: 1px solid [% css_colors.accent_darker %];
2270     [% ELSE -%]
2271     border-right: 1px solid [% css_colors.accent_darker %];
2272     [% END -%]
2273 }
2274 .result_item_circulated {
2275     padding-top: 4px;
2276 }
2277
2278 .result_item_circulated span {
2279     position: relative;
2280     top:-3px;
2281     [% IF rtl == 't' -%]
2282     right: 3px;
2283     [% ELSE -%]
2284     left:3px;
2285     [% END -%]
2286 }
2287
2288 #search-only-bookbag-container { margin: 2ex 0; font-weight: bold; }
2289 #result-bookbag-heading { text-align: center; margin: 2ex; }
2290
2291 .result-bookbag-name { font-size: [% css_fonts.size_bigger %]; font-weight: bold; }
2292 .result-bookbag-description { font-size: [% css_fonts.size_bigger %]; font-style: italic; }
2293 .result-bookbag-item-note { font-style: italic; }
2294 .lowhits-bookbag-name { font-weight: bold; }
2295 .oils_AS { font-weight: bold; color: [% css_colors.text_match %]; }
2296 .oils_AS_match_term {
2297     [% IF rtl == 't' -%]
2298     text-align: right;
2299     [% ELSE -%]
2300     text-align: left;
2301     [% END -%]
2302     color: [% css_colors.text %];
2303 }
2304 .oils_AS_match_field {
2305     font-size: [% css_fonts.size_smallest %]; padding: 0.65em 0;
2306     [% IF rtl == 't' -%]
2307     text-align: left;
2308     [% ELSE -%]
2309     text-align: right;
2310     [% END -%]
2311     color: [% css_colors.accent_medium %];
2312 }
2313 table.result_holdings_table {
2314     margin-top: 1em;
2315     margin-bottom: 1em;
2316 }
2317 table.result_holdings_table thead tr {
2318     background-color: [% css_colors.table_heading %];
2319 }
2320 table.result_holdings_table thead tr th {
2321     font-weight: bold;
2322 }
2323 span.preflib {
2324     margin: 0 2em 0 2em;
2325 }
2326 a.preflib_change {
2327   vertical-align: super;
2328   font-size: [% css_fonts.size_smaller %];
2329   line-height: normal;
2330   text-decoration: none;
2331 }
2332 .rdetail-holding-group {
2333     [% IF rtl == 't' -%]
2334     margin-right: 1.5em;
2335     [% ELSE -%]
2336     margin-left: 1.5em;
2337     [% END -%]
2338 }
2339 .rdetail-holding-group span {
2340     [% IF rtl == 't' -%]
2341     margin-right: 1.5em;
2342     [% ELSE -%]
2343     margin-left: 1.5em;
2344     [% END -%]
2345 }
2346 .rdetail-holding-group .paging {
2347     [% IF rtl == 't' -%]
2348     margin-right: 1.5em;
2349     [% ELSE -%]
2350     margin-left: 1.5em;
2351     [% END -%]
2352 }
2353 #rdetail_deleted_exp {
2354     font-weight: bold;
2355     padding: 1em;
2356     margin: 1em;
2357     border: thick solid [% css_colors.border_alert %];
2358 }
2359
2360 #ac_tab_wrapper { width : 100%; }
2361 .ac_tab {
2362     [% IF rtl == 't' -%]
2363     float: right;
2364     padding-left: 10px;
2365     [% ELSE -%]
2366     float: left;
2367     padding-right: 10px;
2368     [% END -%]
2369     font-size: [% css_fonts.size_big %];
2370     padding: 5px;
2371     border: 1px solid [% css_colors.primary_offset %];
2372 }
2373 .ac_tab_selected { background-color: [% css_colors.primary_offset %]; }
2374 .ac_tab_selected a { color: [% css_colors.text_invert %]; }
2375 #ac_content { clear: both; width: 100%; margin-top: 10px; }
2376
2377 /* Popmenu styles used for making css menus. */
2378 .popmenu {
2379     margin: 0;
2380     padding: 0;
2381 }
2382 .popmenu li {
2383     list-style: none;
2384 }
2385 .popmenu li a {
2386     display: block;
2387     padding: 3px 5px;
2388 }
2389 .popmenu li ul {
2390     display: none;
2391     width: 10em; /* Width to help Opera out */
2392     background-color: [% css_colors.primary %];
2393 }
2394 .popmenu li:hover ul {
2395     display: block;
2396     position: absolute;
2397     margin: 0;
2398     padding: 0;
2399     border-color: [% css_colors.border_dark %];
2400     border-width: 1px;
2401     border-style: solid;
2402 }
2403 .popmenu li:hover li {
2404     float: none;
2405 }
2406 .popmenu li:hover li a {
2407     background-color: [% css_colors.primary %];
2408     color: [% css_colors.accent_ultralight %];
2409 }
2410 .popmenu li li a:hover {
2411     background-color: [% css_colors.accent_ultralight %];
2412     color: [% css_colors.primary %];
2413 }
2414 /* Styles for the temporary list entry. */
2415 .popmenu li:hover li[class~="temporary"] a {
2416     background-color: [% css_colors.primary %];
2417     color: [% css_colors.accent_ultralight %];
2418 }
2419 .popmenu li li[class~="temporary"] a:hover {
2420     background-color: [% css_colors.accent_ultralight %];
2421     color: [% css_colors.primary %];
2422 }
2423 /* Styles for the default list entry. */
2424 .popmenu li:hover li[class~="default"] a {
2425     background-color: [% css_colors.primary %];
2426     color: [% css_colors.accent_ultralight %];
2427 }
2428 .popmenu li li[class~="default"] a:hover {
2429     background-color: [% css_colors.accent_ultralight %];
2430     color: [% css_colors.primary %];
2431 }
2432 /* Styles for the new list entry. */
2433 .popmenu li:hover li[class~="new"] a {
2434     background-color: [% css_colors.primary %];
2435     color: [% css_colors.accent_ultralight %];
2436 }
2437 .popmenu li li[class~="new"] a:hover {
2438     background-color: [% css_colors.accent_ultralight %];
2439     color: [% css_colors.primary %];
2440 }
2441 /* Style to add a divider on the menu. */
2442 .popmenu li li[class~="divider"] {
2443     border-bottom-width: 1px;
2444     border-bottom-color: [% css_colors.border_dark %];
2445     border-bottom-style: solid;
2446 }
2447
2448 #locale_picker_form {
2449     [% IF rtl == 't' -%]
2450     float: left;
2451     border-left: thin [% css_colors.control %] solid;
2452     [% ELSE -%]
2453     float: right;
2454     border-right: thin [% css_colors.control %] solid;
2455     [% END -%]
2456     padding: 0.5em;
2457     margin-top: 2em;
2458 }
2459
2460 #locale_picker_form * {
2461     margin: 0;
2462     padding: 0;
2463     vertical-align: middle;
2464 }
2465
2466 #patron_usr_barcode_not_found {
2467     font-weight: bold; color: [% css_colors.text_alert %];
2468 }
2469
2470 .record_title {
2471     font-weight: bold;
2472 }
2473
2474 .record_author {
2475     font-style: italic;
2476 }
2477
2478 .password_message {
2479     padding-top: 1em;
2480     padding-bottom: 0.5em;
2481         font-style: italic;
2482 }
2483
2484 #maintenance_message {
2485     padding: 5px;
2486     width: 100%;
2487     background-color: [% css_colors.text_alert %];
2488     color: [% css_colors.text_invert %];
2489     text-align: center;
2490 }
2491
2492 #search-box > span {
2493     margin: 0 1em;
2494 }
2495 .browse-error {
2496     font-weight: bold;
2497     font-color: #c00;
2498 }
2499 .browse-result-sources, .browse-result-authority-bib-links {
2500     [% IF rtl == 't' -%]
2501     margin-right: 1em;
2502     [% ELSE -%]
2503     margin-left: 1em;
2504     [% END -%]
2505 }
2506 .browse-result-best-match {
2507     font-weight: bold;
2508 }
2509 .browse-pager {
2510     margin: 2ex 0;
2511 }
2512 .browse-result-list {
2513     padding-bottom: 0.5ex;
2514 }
2515 .browse-shortcuts {
2516     font-size: [% css_fonts.size_bigger %];
2517 }
2518 .browse-result-authority-field-name {
2519     font-style: italic;
2520     [% IF rtl == 't' -%]
2521     margin-left: 1em;
2522     [% ELSE -%]
2523     margin-right: 1em;
2524     [% END -%]
2525 }
2526 .browse-leading-article-warning {
2527     font-style: italic;
2528     font-size: [% css_fonts.size_big %];
2529 }
2530 .browse-public-general-note {
2531     font-size: [% css_fonts.size_big %];
2532 }
2533 .browse-public-general-note-label { }
2534 .browse-public-general-note-institution {
2535     font-style: normal;
2536     font-weight: bold;
2537 }
2538 .browse-public-general-note-body {
2539     font-style: italic;
2540 }
2541
2542 .bib_peer_type {
2543     font-weight: bold;
2544 }
2545
2546 #main-content-register {
2547     [% IF rtl == 't' -%]
2548     margin-right: 40px;
2549     [% ELSE -%]
2550     margin-left: 40px;
2551     [% END -%]
2552     font-size: [% css_fonts.size_bigger %];
2553 }
2554
2555 #main-content-register table {
2556     padding: 20px;
2557     margin-top: 18px;
2558     border-collapse: collapse;
2559 }
2560
2561 #main-content-register td {
2562     [% IF rtl == 't' -%]
2563     text-align: right;
2564     [% ELSE -%]
2565     text-align: left;
2566     [% END -%]
2567 }
2568
2569 #main-content-register td:not(:first-child) {
2570     [% IF rtl == 't' -%]
2571     padding-right: 20px;
2572     [% ELSE -%]
2573     padding-left: 20px;
2574     [% END -%]
2575 }
2576
2577 .patron-reg-invalid {
2578     font-weight: bold;
2579     color: red;
2580     [% IF rtl == 't' -%]
2581     padding-left: 10px;
2582     [% ELSE -%]
2583     padding-right: 10px;
2584     [% END -%]
2585 }
2586
2587 .result_footer_nav1 {
2588     clear: both;
2589 }
2590
2591 .small_view_only, #filter_hits, #refine_hits, #return_to_hits {
2592     display: none;
2593 }
2594
2595 .rdetail_authors_div {
2596     margin-bottom: 1em;
2597 }
2598
2599 #search_query_label, #search_qtype_label, #search_itype_label, #search_locg_label {
2600     white-space: nowrap;
2601     display: inline-block;
2602 }
2603
2604 .result_table_title_cell {
2605     padding-top: 4px;
2606     padding-bottom: 4px;
2607 }
2608
2609 .record_title {
2610     font-size: [% css_fonts.size_bigger %];
2611 }
2612
2613 /* styling for sms text call number */
2614 .sms_text pre {
2615     font-family: Arial, Helvetica, sans-serif;
2616     font-size: [% css_fonts.size_medium %];
2617     background-color: [% css_colors.accent_lightest %];
2618     padding: .5%;
2619     /* Allow text to wrap */
2620     white-space: pre-wrap;       /* css-3 */
2621     white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
2622     white-space: -pre-wrap;      /* Opera 4-6 */
2623     white-space: -o-pre-wrap;    /* Opera 7 */
2624     word-wrap: break-word;       /* Internet Explorer 5.5+ */
2625 }
2626
2627 .mobile_view {
2628    display:none;
2629 }
2630
2631 /* patron message center */
2632 #myopac_message_tbody {
2633     vertical-align: top;
2634 }
2635 .myopac_message_message {
2636     white-space: pre-wrap;
2637 }
2638
2639 @media only screen and (max-width: 800px) {
2640     .facet_sidebar_hidden, .result_block_hidden {
2641         display: none;
2642     }
2643     .facet_sidebar_visible, .result_block_visible {
2644         display: inline ! important;
2645     }
2646     #acct_select, #acct_prefs_select {
2647         display: inline-block;
2648     }
2649     #acct_tabs, #acct_prefs_tabs {
2650          display:none;
2651      }
2652     .radio-parts-selection { width: 90%; }
2653     #list_description, #list_create_name {
2654         width: 300px;
2655     }
2656 }
2657
2658 @media only screen and (max-width: 600px) {
2659     input, select {
2660         font-size: [% css_fonts.size_big %];
2661     }
2662     span .nav_arrow_fix {
2663         display: none;
2664     }
2665     #header {
2666         padding: 0px;
2667         margin: 0px;
2668     }
2669     #homesearch_main_logo img {
2670         width:75%;
2671     }
2672     #format_selector {
2673         display:none;
2674     }
2675     #your-acct-login {
2676         padding: 0px;
2677         padding-top: 5px;
2678     }
2679     #your-acct-login a {
2680         margin: 0px;
2681         padding: 5px;
2682     }
2683     #topnav_logo {
2684         margin: 0;
2685     }
2686     #topnav_logo img {
2687         width: 200px;
2688     }
2689     #locale_picker_form {
2690         display: none;
2691     }
2692     #gold-links-holder {
2693         display: none;
2694     }
2695     #simple-detail-view-links {
2696         display: none;
2697     }
2698     #acct_tabs a, #acct_fines_tabs a {
2699        [% IF rtl == 't' -%]
2700        border-radius: 6px 0px 0px 6px;
2701        margin: 0px 0px 0px 5px;
2702        [% ELSE -%]
2703        border-radius: 6px 6px 0px 0px;
2704        margin: 0px 5px 0px 0px;
2705        [% END -%]
2706        padding: 2px 4px 3px 4px;
2707        font-size: [% css_fonts.size_base %];
2708     }
2709     .bookbag-controls-title-block {
2710         [% IF rtl == 't' -%]
2711         clear:right;
2712         [% ELSE -%]
2713         clear:left;
2714         [% END -%]
2715         width:90%;
2716     }
2717     .bookbag-controls-button-block {
2718         [% IF rtl == 't' -%]
2719         clear:right;
2720         [% ELSE -%]
2721         clear:left;
2722         [% END -%]
2723         width;90%;
2724     }
2725     .bookbag-specific {
2726         [% IF rtl == 't' -%]
2727         margin-right: 0px;
2728         [% ELSE -%]
2729         margin-left: 0px;
2730         [% END -%]
2731     }
2732     .bookbag-specific div.sort {
2733         [% IF rtl == 't' -%]
2734         float: right;
2735         text-align: right;
2736         [% ELSE -%]
2737         float: left;
2738         text-align: left;
2739         [% END -%]
2740         width: 95%;
2741         margin: 5px 0px 5px 0px;
2742         border: 1px solid [% css_colors.accent_light %];
2743         padding:5px;
2744     }
2745     .bookbag-specific div.meta {
2746         [% IF rtl == 't' -%]
2747         float: right;
2748         margin-right:0px;
2749         text-align: right;
2750         [% ELSE -%]
2751         float: left;
2752         margin-left:0px;
2753         text-align: left;
2754         [% END -%]
2755         width: 95%;
2756         margin-bottom:5px;
2757         padding:5px;
2758     }
2759     #bbag-edit-name {
2760         [% IF rtl == 't' -%]
2761         float: right;
2762         [% ELSE -%]
2763         float: left;
2764         [% END -%]
2765         width: 220px;
2766     }
2767     #bbag-edit-description {
2768         width: 220px;
2769         margin-top:5px;
2770     }
2771     .bbag-content {
2772         padding:5px;
2773         border:1px solid [% css_colors.accent_light %];
2774     }
2775     .bbag-action {
2776         [% IF rtl == 't' -%]
2777         margin-right:0px;
2778         [% ELSE -%]
2779         margin-left:0px;
2780         [% END -%]
2781         margin-bottom:5px;
2782     }
2783     .bbag-action-field {
2784         width:230px;
2785     }
2786     .bookbag-specific div.sort select {
2787         width:180px;
2788     }
2789     .bookbag-specific tr {
2790         display: block;
2791         border-bottom: 1px solid [% css_colors.border_standard %];
2792     }
2793     .bookbag-specific td.list_checkbox {
2794         [% IF rtl == 't' -%]
2795         padding-right: 0px !important;
2796         [% ELSE -%]
2797         padding-left: 0px !important;
2798         [% END -%]
2799     }
2800     .bookbag-specific td.list_entry {
2801         display: inline-block;
2802         min-width: 5em;
2803         [% IF rtl == 't' -%]
2804         padding-right: 40% !important;
2805         [% ELSE -%]
2806         padding-left: 40% !important;
2807         [% END -%]
2808     }
2809     .bookbag-specific td.list_entry:before {
2810         content: attr(data-label);
2811         position: absolute;
2812         [% IF rtl == 't' -%]
2813         right: 10px;
2814         [% ELSE -%]
2815         left: 10px;
2816         [% END -%]
2817     }
2818     .bbag-navigate-list {
2819         display: none;
2820     }
2821     .bbag-navigate-list-pages {
2822         [% IF rtl == 't' -%]
2823         text-align:left;
2824         float:left;
2825         [% ELSE -%]
2826         text-align:right;
2827         float:right;
2828         [% END -%]
2829     }
2830     #dash_wrapper div {
2831         background-color: transparent;
2832         padding: 0px;
2833     }
2834     #dash_wrapper {
2835         position: static;
2836         top: auto;
2837     }
2838     #dash_wrapper .opac-button {
2839         top: 0px;
2840     }
2841     .small_view_only, #filter_hits {
2842         display: inline !important;
2843     }
2844     #dash_identity a {
2845         [% IF rtl == 't' -%]
2846         float:right;
2847         [% ELSE -%]
2848         float:left;
2849         [% END -%]
2850     }
2851     #dashboard, #dashboard_e {
2852         display: none;
2853     }
2854     #holds_box form blockquote {
2855         [% IF rtl == 't' -%]
2856         margin-right: 10px;
2857         margin-left: 2px;
2858         [% ELSE -%]
2859         margin-left: 10px;
2860         margin-right: 2px;
2861         [% END -%]
2862     }
2863     #holds_box form blockquote select {
2864         width: 100%;
2865     }
2866     #myopac_sum_fines_placehold {
2867         display:none;
2868     }
2869     #myopac_sum_fines {
2870         display: none;
2871     }
2872     #list_description, #list_create_name {
2873         width: 170px;
2874     }
2875     .results_header_lbl {
2876         display: none;
2877     }
2878     .results_header_nav1 span.h1 {
2879         display: none;
2880     }
2881     .preflib {
2882         display: none;
2883     }
2884     .start_end_links_span {
2885         display: block;
2886     }
2887     .invisible {
2888         display: none;
2889     }
2890     .result_table_pic_header {
2891         [% IF rtl == 't' -%]
2892         padding-right: 0px !important;
2893         padding-left: 5px;
2894         [% ELSE -%]
2895         padding-left: 0px !important;
2896         padding-right: 5px;
2897         [% END -%]
2898         width: 0px !important;
2899         margin: 0px;
2900     }
2901     .result_table_pic {
2902         width: 55px;
2903         padding: 0px;
2904         margin: 0px;
2905     }
2906     tr[name=results_isbn_tr], tr[name=results_phys_desc_tr], tr[name=results_pub_tr] strong, .result_count {
2907          display: none;
2908     }
2909     tr.result_table_title_cell[name=bib_cn_list] .result_holdings_table th:nth-child(4),
2910     tr.result_table_title_cell[name=bib_cn_list] .result_holdings_table td:nth-child(4) {
2911         display:none;
2912     }
2913     .results_info_table td {
2914         padding: 0px;
2915     }
2916     #results_header_bar {
2917         background-color: inherit;
2918     }
2919     .results_header_btns a {
2920         margin: 0.3em;
2921     }
2922     .adv_filter_results_hide {
2923         display: none;
2924     }
2925     .adv_filter_results_show {
2926         display: block;
2927     }
2928     .adv_filter_results_block_label {
2929         display: block;
2930     }
2931     .adv_filter_results_group_wrapper {
2932         display: block;
2933     }
2934     #main-content {
2935         margin: 0 1px;
2936     }
2937     #rdetails_status thead {
2938         display: none;
2939     }
2940     #rdetails_status tr {
2941         display: block;
2942         margin-top: 3px;
2943     }
2944     #rdetails_status td {
2945         display: block;
2946         padding: 1px;
2947     }
2948     .copy_details_row {
2949         background-color: [% css_colors.accent_lightest %];
2950     }
2951     .copy_details_offers_row {
2952         background-color: [% css_colors.accent_lightest %];
2953     }
2954     select#pickup_lib.search-wrapper-locg {
2955         width: 100%;
2956     }
2957     #search-wrapper #search-box {
2958         width: 85%;
2959         padding-top: 5px;
2960     }
2961     #main-content-home {
2962         padding: 0px;
2963         margin: 0px;
2964     }
2965     /* Make use of full width in mobile mode */
2966     .facet_box_wrapper .box_wrapper .box,
2967     .facet_template .facet,
2968     .facet_box_temp {
2969         width: inherit;
2970     }
2971     .facet_template .count {
2972         [% IF rtl == 't' -%]
2973         padding-right: 1em;
2974         [% ELSE -%]
2975         padding-left: 1em;
2976         [% END -%]
2977     }
2978     #facet_sidebar {
2979         margin-top: 0.5em;
2980     }
2981     #adv_search_parent {
2982         font-size: [% css_fonts.size_smaller %];
2983     }
2984     #adv_search_filters {
2985         position: relative;
2986         width: 300px;
2987     }
2988     #format_actions {
2989         [% IF rtl == 't' -%]
2990         float: right;
2991         [% ELSE -%]
2992         float: left;
2993         [% END -%]
2994     }
2995     .rdetail_aux_utils {
2996         padding: 0px;
2997         border: none;
2998     }
2999     .result_metadata {
3000         width: inherit;
3001     }
3002     div#rdetail_actions_div {
3003         float: none;
3004     }
3005     h2.rdetail_uris {
3006         clear: both;
3007     }
3008     #metarecord_population {
3009         overflow: hidden;
3010         width: 100%;
3011     }
3012     .metarecord_population_span_link {
3013     }
3014     .metarecord_population_item_lang {
3015         float: none;
3016     }
3017     .search_catalog_lbl {
3018         [% IF rtl == 't' -%]
3019         margin-right: 0;
3020         [% ELSE -%]
3021         margin-left: 0;
3022         [% END -%]
3023         white-space: nowrap;
3024     }
3025     .adv_search_catalog_lbl {
3026         margin-top: 0;
3027         white-space: nowrap;
3028     }
3029     .browse_the_catalog_lbl {
3030         white-space: nowrap;
3031     }
3032     .mobile_hide {
3033         display: none;
3034     }
3035     #dash_user {
3036         display: block;
3037         padding: 0.5em;
3038     }
3039     .dash_divider {
3040         display: none;
3041     }
3042     .dash_account_buttons {
3043         display: block;
3044     }
3045     .searchbar { line-height: 1.5em; }
3046     #browse-controls { line-height: 1.5em; }
3047     #search_query_label, #search_qtype_label, #search_itype_label, #search_locg_label {
3048         display: block;
3049     }
3050     .bookshelf td {
3051         display: block;
3052         width: 100%;
3053     }
3054     .bookshelf table thead tr {
3055         display: block;
3056     }
3057     #lowhits_help { width: inherit; }
3058     #adv_search_tabs a{
3059         font-size: [% css_fonts.size_small %];
3060         margin: 2px 2px 0px 2px;
3061         padding: 2px 2px 5px 2px;
3062         [% IF rtl == 't' -%]
3063         border-radius: 7px 0px 0px 7px;
3064         [% ELSE -%]
3065         border-radius: 7px 7px 0px 0px;
3066         [% END -%]
3067     }
3068     #adv_global_tbody td {
3069         border-bottom: thin solid [% css_colors.accent_light %];
3070     }
3071     #adv_global_addrow td {
3072         border-bottom: none;
3073     }
3074         /* Force table to not be like tables anymore */
3075         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 {
3076                 display: block;
3077         }
3078         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 {
3079                 display: block;
3080         }
3081
3082         /* Hide table headers (but not display: none;, for accessibility) */
3083         thead tr {
3084                 position: absolute;
3085                 top: -9999px;
3086                 [% IF rtl == 't' -%]
3087                 right: -9999px;
3088                 [% ELSE -%]
3089                 left: -9999px;
3090                 [% END -%]
3091         }
3092
3093         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 {
3094                 width: 90%;
3095         }
3096
3097         table#acct_checked_main_header tr, table#acct_holds_main_header tr, table#acct_checked_hist_header tr { border: 1px solid #ddd; }
3098
3099         /* Holds history gets large white border to mimic header cell on other
3100            account screens that provide visual cue for next title. We should do
3101            the same for ebook tables too since we have no actions on those
3102            tables. If actions get added, we should move those tables out of
3103            here. */
3104
3105         table#acct_holds_hist_header tr, table#ebook_circs_main_table tr, table#ebook_holds_main_table tr { border-top: 25px solid #fff; }
3106
3107
3108         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 {
3109                 /* Behave  like a "row" */
3110                 border: none;
3111                 border-bottom: 1px solid #eee;
3112                 position: relative;
3113                 [% IF rtl == 't' -%]
3114                 padding-right: 40%;
3115                 [% ELSE -%]
3116                 padding-left: 40%;
3117                 [% END -%]
3118         }
3119
3120          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 {
3121                 /* Now like a table header */
3122                 position: absolute;
3123                 /* Top/left values mimic padding */
3124                 top: 2px;
3125                 width: 40%;
3126                 [% IF rtl == 't' -%]
3127                 right: 2px;
3128                 padding-left: 10px;
3129                 [% ELSE -%]
3130                 left: 2px;
3131                 padding-right: 10px;
3132                 [% END -%]
3133                 white-space: nowrap;
3134         }
3135
3136         table#acct_checked_main_header td:nth-of-type(1) { border-top: 5px solid #aaa; padding-top: 15px; background-color: #fff;}
3137         table#acct_checked_main_header td:nth-of-type(2):before { content: "[% l('Title') %]";}
3138         table#acct_checked_main_header td:nth-of-type(3):before { content: "[% l('Author') %]"; }
3139         table#acct_checked_main_header td:nth-of-type(4):before { content: "[% l('Renewals Left') %]"; }
3140         table#acct_checked_main_header td:nth-of-type(5):before { content: "[% l('Due Date') %]"; }
3141         table#acct_checked_main_header td:nth-of-type(6):before { content: "[% l('Barcode') %]"; }
3142         table#acct_checked_main_header td:nth-of-type(7):before { content: "[% l('Call number') %]"; }
3143
3144      table#acct_checked_hist_header td:nth-of-type(1) { border-top: 5px solid #aaa; padding-top: 15px; background-color: #fff;}
3145         table#acct_checked_hist_header td:nth-of-type(2):before { content: "[% l('Title') %]";}
3146         table#acct_checked_hist_header td:nth-of-type(3):before { content: "[% l('Author') %]"; }
3147         table#acct_checked_hist_header td:nth-of-type(4):before { content: "[% l('Checkout Date') %]"; }
3148         table#acct_checked_hist_header td:nth-of-type(5):before { content: "[% l('Due Date') %]"; }
3149         table#acct_checked_hist_header td:nth-of-type(6):before { content: "[% l('Date Returned') %]"; }
3150         table#acct_checked_hist_header td:nth-of-type(7):before { content: "[% l('Barcode') %]"; }
3151         table#acct_checked_hist_header td:nth-of-type(8):before { content: "[% l('Call number') %]"; }
3152
3153         table#acct_holds_main_header td:nth-of-type(1) { border-top: 5px solid #aaa; padding-top: 15px; background-color: #fff;}
3154         table#acct_holds_main_header td:nth-of-type(2):before { content: "[% l('Title') %]";}
3155         table#acct_holds_main_header td:nth-of-type(3):before { content: "[% l('Author') %]"; }
3156         table#acct_holds_main_header td:nth-of-type(4):before { content: "[% l('Format') %]"; }
3157         table#acct_holds_main_header td:nth-of-type(5):before { content: "[% l('Pickup Location') %]"; }
3158         table#acct_holds_main_header td:nth-of-type(6):before { content: "[% l('Cancel on') %]"; }
3159         table#acct_holds_main_header td:nth-of-type(7):before { content: "[% l('Status') %]"; }
3160         table#acct_holds_main_header td.hold_notes:before { content: "[% l('Notes') %]"; }
3161
3162         table#acct_holds_hist_header td:nth-of-type(1):before { content: "[% l('Title') %]";}
3163         table#acct_holds_hist_header td:nth-of-type(2):before { content: "[% l('Author') %]"; }
3164         table#acct_holds_hist_header td:nth-of-type(3):before { content: "[% l('Format') %]"; }
3165         table#acct_holds_hist_header td:nth-of-type(4):before { content: "[% l('Pickup Location') %]"; }
3166         table#acct_holds_hist_header td:nth-of-type(8):before { content: "[% l('Status') %]"; }
3167
3168         table#ebook_circs_main_table td:nth-of-type(1):before { content: "[% l('Title') %]"; }
3169         table#ebook_circs_main_table td:nth-of-type(2):before { content: "[% l('Author') %]"; }
3170         table#ebook_circs_main_table td:nth-of-type(3):before { content: "[% l('Due Date') %]"; }
3171         table#ebook_circs_main_table td:nth-of-type(4):before { content: "[% l('Actions') %]"; }
3172
3173         table#ebook_holds_main_table td:nth-of-type(1):before { content: "[% l('Title') %]"; }
3174         table#ebook_holds_main_table td:nth-of-type(2):before { content: "[% l('Author') %]"; }
3175         table#ebook_holds_main_table td:nth-of-type(3):before { content: "[% l('Due Date') %]"; }
3176         table#ebook_holds_main_table td:nth-of-type(4):before { content: "[% l('Actions') %]"; }
3177
3178
3179
3180        /*Want to see these in mobile ONLY */
3181        .mobile_view{
3182           display:block;
3183        }
3184
3185        .mobile_search_lbl_clr{
3186           color:[% css_colors.mobile_header_text %];
3187        }
3188 }
3189
3190
3191 /*
3192 For text which is visible only to screen readers.
3193 Borrowed from http://getbootstrap.com/css/#helper-classes-screen-readers
3194 See also http://webaim.org/techniques/css/invisiblecontent/
3195 */
3196 .sr-only {
3197     position: absolute;
3198     width: 1px;
3199     height: 1px;
3200     padding: 0;
3201     margin: -1px;
3202     overflow: hidden;
3203     clip: rect(0, 0, 0, 0);
3204     border: 0;
3205 }
3206
3207 /* Make added rows in Expert Search have bold labels like the initial row */
3208 label[for*=expert_]
3209 {
3210     font-weight: bold;
3211 }
3212
3213 .sort_deemphasize {
3214     font-weight: lighter;
3215     font-size: 70%;
3216 }
3217
3218 #results-page-depth-hint {
3219     text-align: center;
3220     font-style: italic;
3221 }
3222
3223 #clear-history-confirm {
3224   font-weight: bold;
3225   color: [% css_colors.text_badnews %];
3226   padding: 10px;
3227 }
3228
3229 /*Inline rules from other templates files*/
3230
3231 .td-left{
3232     [% IF rtl == 't' -%]
3233     text-align:right;
3234     [% ELSE -%]
3235     text-align:left;
3236     [% END -%]
3237     width:100%;
3238 }
3239 .td-search-left{
3240     [% IF rtl == 't' -%]
3241     text-align:right;
3242     [% ELSE -%]
3243     text-align:left;
3244     [% END -%]
3245 }
3246 #myopac_summary_div{padding:0px;}
3247 .div-left{
3248     [% IF rtl == 't' -%]
3249     float: right;
3250     [% ELSE -%]
3251     float: left;
3252     [% END -%]
3253 }
3254 .td-right{
3255     [% IF rtl == 't' -%]
3256     text-align:left;
3257     [% ELSE -%]
3258     text-align:right;
3259     [% END -%]
3260 }
3261 .login-form-left{
3262     [% IF rtl == 't' -%]
3263     float: right;
3264     margin-left: 40px;
3265     [% ELSE -%]
3266     float: left;
3267     margin-right: 40px;
3268     [% END -%]
3269     padding-bottom: 10px;
3270 }
3271 .hold-div{
3272     [% IF rtl == 't' -%]
3273     padding-right: 10px;
3274     [% ELSE -%]
3275     padding-left: 10px;
3276     [% END -%]
3277     padding-bottom: 15px;
3278 }
3279 .hold-span{font-weight: bold;}
3280 .padding-left-6{
3281     [% IF rtl == 't' -%]
3282     padding-right: 6px;
3283     [% ELSE -%]
3284     padding-left: 6px;
3285     [% END -%]
3286 }
3287 .padding-left-10{
3288     [% IF rtl == 't' -%]
3289     padding-right:10px;
3290     [% ELSE -%]
3291     padding-left:10px;
3292     [% END -%]
3293 }
3294 .padding-left-5{
3295     [% IF rtl == 't' -%]
3296     padding-right: 5px;
3297     [% ELSE -%]
3298     padding-left: 5px;
3299     [% END -%]
3300 }
3301
3302 /* Rules from metarecord_hold_filters.tt2 */
3303
3304 .metarecord_filters{
3305       padding: 5px;
3306       margin-top: 5px;
3307       border-bottom: 1px solid #333;
3308       border-top: 1px solid #333; }
3309 .metarecord_filter_container{
3310     [% IF rtl == 't' -%]
3311     float : right;
3312     margin-left: 10px;
3313     [% ELSE -%]
3314     float : left;
3315     margin-right: 10px;
3316     [% END -%]
3317 }
3318 .metarecord_filter_container select{padding: 2px;width: 13em; /* consistent w/ adv search selectors */}
3319 .metarecord_filter_header{padding-bottom: 5px;}
3320
3321 /* Toggled items. */
3322 /* A block that is initially hidden and shown by clicking an anchor. */
3323 [id^="toggled-block-"]{
3324     display: none;
3325 }
3326 [id^="toggled-block-"]:target{
3327     display: block;
3328 }
3329 /* Inline text that is initially hidden and shown by clicking an anchor. Useful on a span. */
3330 [id^="toggled-inline-"]{
3331     display: none;
3332 }
3333 [id^="toggled-inline-"]:target{
3334     display: inline;
3335 }
3336
3337 .oils_SH {
3338     font-weight: bolder;
3339     background-color: #99ff99;
3340 }
3341
3342 .oils_SH.identifier {
3343     font-weight: bolder;
3344     background-color: #42b0f4;
3345 }