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