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