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

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