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 %]
   5
   6 body {
   7     margin:0;
   8     font-family: Arial, Helvetica, sans-serif;
   9     font-size: [% css_fonts.size_base %];
  10     background: [% css_colors.primary %];
  11 }
  12
  13 button, input {
  14     font-family: Arial, Helvetica, sans-serif;
  15     font-size: [% css_fonts.size_base %];
  16 }
  17
  18 img {
  19     border: none;
  20 }
  21
  22 #topnav_logo {
  23     margin: 2em 0;
  24 }
  25
  26 #homesearch_main_logo {
  27     padding-top: 60px;
  28     margin: auto;
  29     width: 50%;
  30 }
  31
  32 a {
  33     color: [% css_colors.primary %];
  34 }
  35
  36 #search-wrapper input[type=text] {
  37     margin:0;
  38     padding:0;
  39 }
  40
  41 #search-wrapper select, .results_header_lbl select {
  42     border:1px solid [% css_colors.border_standard %];
  43     margin:0;
  44     padding:0;
  45     width: 12em;
  46 }
  47
  48 .searchbar {
  49     font-weight: bold;
  50     padding-top: 10px;
  51     margin-left: 1em;
  52 }
  53
  54 /*
  55 #search-wrapper select {
  56     border:0px solid [% css_colors.border_dark %];
  57     filter:alpha(opacity=0);
  58     -moz-opacity:0;
  59     -khtml-opacity:0;
  60     opacity:0;
  61     padding:0;
  62     margin:0;
  63     height:18px;
  64 }
  65 */
  66 h1 {
  67     margin:0;
  68     margin-bottom: 5px;
  69     font-size: [% css_fonts.size_biggest %];
  70     font-weight:normal;
  71 }
  72
  73 h2 {
  74     font-size: [% css_fonts.size_bigger %];
  75     font-weight:bold;
  76 }
  77
  78 h2.graphic880 {
  79     font-size: [% css_fonts.size_bigger %];
  80     font-weight:normal;
  81 }
  82
  83 .hide_me, .hidden {
  84     display: none;
  85     visibility: hidden;
  86 }
  87
  88 div.select-box-wrapper {
  89     position:absolute;
  90     padding-top:2px;
  91     padding-left:3px;
  92     overflow:hidden;
  93     text-align:left;
  94 }
  95
  96 #dash_wrapper {
  97     margin-left: 0.5em;
  98 }
  99
 100 #dash_wrapper div {
 101     background: [% css_colors.primary %];
 102     border-radius: 5px;
 103     padding: 0em 1em;
 104 }
 105
 106 .dash_divider {
 107     margin: 1em;
 108     color: [% css_colors.primary_fade %];
 109     display:inline-block;
 110 }
 111
 112 #dashboard {
 113     margin-top: 1em;
 114     height: 3em;
 115 }
 116
 117 #dashboard span.dash-align a {
 118     font-weight: bold;
 119     text-decoration: none;
 120 }
 121
 122 #dash_user {
 123     font-weight: bold;
 124 }
 125
 126 #logout_link { left: 1px; }
 127
 128 #dash_checked { color: [% css_colors.text_attention %]; }
 129 #dash_holds { color: [% css_colors.text_attention %]; }
 130 #dash_pickup { color: [% css_colors.text_goodnews %]; }
 131 #dash_fines { color: [% css_colors.text_badnews %]; }
 132 #header-wrap {
 133     background: linear-gradient([% css_colors.primary %], [% css_colors.primary_fade %]);
 134     background: -moz-linear-gradient([% css_colors.primary %], [% css_colors.primary_fade %]);
 135     background: -o-linear-gradient([% css_colors.primary %], [% css_colors.primary_fade %]);
 136     background: -webkit-linear-gradient([% css_colors.primary %], [% css_colors.primary_fade %]);
 137     background-color: [% css_colors.primary_fade %];
 138 }
 139 #header {
 140     color: [% css_colors.background %];
 141     margin-left: 1em;
 142     margin-right: 1em;
 143     font-size: [% css_fonts.size_small %];
 144 }
 145
 146 #header a {
 147     color: [% css_colors.background %];
 148 }
 149
 150 #header a:hover {
 151     color: [% css_colors.text_invert %];
 152     text-decoration: none;
 153 }
 154
 155 #header-links {
 156     color: [% css_colors.text_invert %];
 157     font-size: [% css_fonts.size_small %];
 158     font-weight: bold;
 159     position: relative;
 160     top:4px;
 161
 162 }
 163
 164 #header-links a {
 165     color: [% css_colors.text_invert %];
 166     display: block;
 167     float:left;
 168     margin-right:22px;
 169     text-decoration: none;
 170 }
 171
 172 #header-links a:hover {
 173     color: [% css_colors.text_invert %];
 174     text-shadow: 0 0 0.2em [% css_colors.primary %], 0 0 0.2em [% css_colors.primary %];
 175     text-decoration: none;
 176 }
 177
 178 #header #header-links2 {
 179     position:relative;
 180     top:-8px;
 181     color: [% css_colors.text_invert %];
 182     padding-bottom: 15px;
 183 }
 184
 185 #header #header-links2 a {
 186     color: [% css_colors.text_invert %];
 187 }
 188
 189 #header #header-links2 a:hover {
 190     text-decoration: underline;
 191 }
 192
 193 #your-acct-login {
 194     padding-top:2em;
 195 }
 196
 197 #gold-links {
 198     margin-left: 1em;
 199     padding-left:0px;
 200 }
 201
 202 #gold-links-home {
 203     margin:auto;
 204     padding-left:0px;
 205 }
 206
 207 #gold-links-holder {
 208     height: 24px;
 209     background: [% css_colors.background_invert %];
 210 }
 211
 212 #util-bar {
 213     margin-left: 1em;
 214     padding-left:0px;
 215     height:0px;
 216 }
 217
 218 #search-wrapper {
 219     border-bottom: 1px solid [% css_colors.border_standard %];
 220     padding-bottom: 5px;
 221     background: [% css_colors.background %];
 222 }
 223
 224 #search-wrapper #breadcrumb {
 225     margin-top:0px;
 226     font-size: [% css_fonts.size_smaller %];
 227     float:left;
 228 }
 229
 230 #search-wrapper #search-within {
 231     margin-top:10px;
 232     float:right;
 233     position:relative;
 234     left:-173px;
 235 }
 236
 237 #search-wrapper #breadcrumb a {
 238     color: [% css_colors.text %];
 239 }
 240
 241 #search-wrapper #search_frm label {
 242     font-size: [% css_fonts.size_smaller %];
 243 }
 244
 245 #search-wrapper #search-box {
 246     margin-left: 1em;
 247     padding-left: 0px;
 248     padding-top: 10px;
 249     padding-bottom: 10px;
 250 }
 251
 252 #adv_search_tabs, #acct_tabs, #acct_fines_tabs, #acct_checked_tabs, #acct_holds_tabs, #acct_prefs_tabs, #results_header_inner{
 253     margin-left: 2px;
 254     overflow: auto;
 255 }
 256
 257 #adv_search_tabs a, #acct_tabs a, #acct_fines_tabs a, #acct_checked_tabs a, #acct_holds_tabs a, #acct_prefs_tabs a {
 258     float: left;
 259     text-align: center;
 260     vertical-align: middle;
 261     display: block;
 262     margin: 10px 7px 0px 0px;
 263     padding: 10px 0px 10px 0px;
 264     -moz-border-radius: 10px 10px 0px 0px;
 265     border-radius: 10px 10px 0px 0px;
 266     font-weight: bold;
 267     color: [% css_colors.text_invert %];
 268     background: [% css_colors.control %];
 269     font-weight: bold;
 270     text-decoration: none;
 271 }
 272
 273 #adv_search_tabs a, #acct_tabs a, #acct_fines_tabs a {
 274     padding: 1em 1em 0.5em;
 275 }
 276
 277 #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 {
 278     background: [% css_colors.primary %];
 279     color: [% css_colors.text_invert %];
 280     text-decoration: none;
 281 }
 282
 283 #adv_search_filters {
 284     position: relative;
 285 }
 286 #adv_search_rows {
 287     border-bottom: none;
 288 }
 289 #adv_filter_block {
 290     padding: 15px;
 291     float: left;
 292     clear: both;
 293 }
 294 #adv_filter_block_item {
 295     float: left;
 296     padding: 5px;
 297 }
 298
 299 #adv_special_block {
 300     float: left;
 301     padding: 5px;
 302     margin-top: 5px;
 303 }
 304
 305 #adv_search_submit {
 306     position: relative;
 307     margin-left: 10px;
 308
 309 }
 310
 311 .checkbox_col {
 312     width: 1%;
 313     padding-left: 10px !important;
 314 }
 315
 316 #adv_search.on, #num_search.on, #expert_search.on {
 317     color: [% css_colors.accent_darker %];
 318     background: [% css_colors.background %];
 319     text-decoration: none;
 320 }
 321
 322 #adv_search_tabs a.acct-tab-on, #acct_tabs a.acct-tab-on, #acct_fines_tabs a.acct-tab-on {
 323     color: [% css_colors.accent_darker %];
 324     background: [% css_colors.background %];
 325     text-decoration: none;
 326 }
 327
 328 .acct-tab-off {
 329     background: [% css_colors.control %];
 330 }
 331
 332 #acct_checked_tabs a, #acct_holds_tabs a, #acct_prefs_tabs a {
 333     margin-top: 0px;
 334     font-size: [% css_fonts.size_smaller %];
 335     color: [% css_colors.accent_darker %];
 336     padding: 10px 10px 10px 10px;
 337 }
 338
 339 #acct_checked_tabs div.selected a, #acct_holds_tabs div.selected a, #acct_prefs_tabs div.selected a {
 340     background: [% css_colors.accent_lightest %];
 341     color: [% css_colors.accent_darker %];
 342 }
 343
 344 #acct_checked_tabs, #acct_holds_tabs, #acct_prefs_tabs {
 345     padding-bottom: 12px;
 346     color: [% css_colors.accent_medium %];
 347 }
 348
 349 #acct_select, #acct_prefs_select {
 350      display: none;
 351 }
 352
 353 .rdetail_header {
 354     padding: 5px 7px 6px 0px;
 355     margin-left: 1em;
 356     border-bottom: 1px dotted [% css_colors.accent_light %];
 357 }
 358
 359 .rdetail_results a {
 360     color:[% css_colors.primary_fade %];
 361     font-weight:bold;
 362     font-size: [% css_fonts.size_bigger %];
 363 }
 364
 365 .rdetail_result_count {
 366     color: [% css_colors.text %];
 367     font-weight: normal;
 368     padding-left: 1em;
 369     display: inline-block;
 370 }
 371
 372 .rdetail_result_nav {
 373     font-weight:normal;
 374     padding-left: 1em;
 375     display: inline-block;
 376 }
 377
 378 #rdetail_details_table {
 379     margin-top: 15px;
 380 }
 381
 382 #rdetail_image { border: none; }
 383 #rdetail_image_cell {
 384     padding-top: 3px;
 385     padding-right: 10px;
 386 }
 387
 388 h2.rdetail_uris {
 389     margin-top: 1em;
 390 }
 391 div.rdetail_uris {
 392     padding: 0.5em 1em 0.5em 1em;
 393     background-color: [% css_colors.accent_lighter2 %];
 394 }
 395 div.rdetail_uris ul li {
 396     position: relative;
 397     left: 1em;
 398 }
 399
 400 div.rdetail_show_copies {
 401     margin-top: 1em;
 402 }
 403
 404 div#rdetail_actions_div {
 405     float: right;
 406     background: [% css_colors.background %];
 407 }
 408
 409 span#rdetail_copy_counts {
 410     display: inline-block;
 411     border-right: thin;
 412     vertical-align: top;
 413     margin-right: 1em;
 414     padding-right: 1em;
 415 }
 416
 417 span#rdetail_hold_counts {
 418     display: inline-block;
 419     vertical-align: top;
 420 }
 421 span#rdetail_hold_counts p {
 422     padding-left: 2em;
 423 }
 424
 425 #rdetail_image_div {
 426     float: left;
 427     margin-right: 1em;
 428 }
 429
 430 .rdetail_aux_utils {
 431     border-left:1px dotted [% css_colors.accent_light %];
 432     padding-left: 17px;
 433     padding-bottom: 6px;
 434     padding-right: 70px;
 435 }
 436
 437 div.place_hold {
 438     border-bottom: 1px dotted [% css_colors.accent_light %];
 439     padding-top: 10px;
 440 }
 441
 442 div.toggle_list { padding-top: 6px; }
 443
 444 div.format_icon {
 445     float: right;
 446     margin-right: 17px;
 447 }
 448
 449 .result_util {
 450     border-bottom: 1px dotted [% css_colors.accent_light %];
 451     padding-top: 6px;
 452 }
 453
 454 .results_aux_utils {
 455     display: table-cell;
 456 }
 457
 458 .result_util {
 459     padding-left: 1em;
 460 }
 461
 462 .results_reviews {
 463     top: -5px;
 464 }
 465
 466 #rdetail_copies {
 467     padding-top: 1.5em;
 468 }
 469
 470 #rdetails_status td {
 471     padding: 7px 0px 3px 13px;
 472     white-space: nowrap;
 473 }
 474
 475 #rdetails_status td[headers=copy_header_library],
 476 #rdetails_status td[headers=copy_header_shelfloc] {
 477     white-space: normal;
 478 }
 479
 480 #rdetails_status thead th {
 481     background-color: [% css_colors.accent_lighter2 %];
 482     padding: 13px 0px 13px 13px;
 483     font-size: [% css_fonts.size_smaller %];
 484     font-weight: bold;
 485     text-align: left;
 486 }
 487
 488 #rdetails_status tbody td {
 489     padding-left: 13px;
 490     text-align: left;
 491 }
 492 #rdetails_status tbody td.copy_note {
 493     color: [% css_colors.primary %];
 494     text-wrap:normal;
 495     white-space:pre-wrap !important;
 496     word-wrap:normal;
 497 }
 498
 499 .rdetail_extras {
 500     background: [% css_colors.primary_fade %];
 501     border: 1px solid [% css_colors.primary %];
 502     padding-top:1px;
 503     clear:both;
 504 }
 505
 506 #rdetail_extras_div {
 507     margin: 1em 0;
 508 }
 509
 510 .rdetail_extras_hr {
 511     height: 1px;
 512     background: [% css_colors.accent_light %];
 513     margin-left: 1px;
 514     margin-right: 1px;
 515 }
 516
 517 .rdetail_extras_link {
 518     padding: 6px 12px;
 519     font-size: [% css_fonts.size_smaller %];
 520     font-weight: bold;
 521 }
 522
 523 .rdetail_extras_lbl {
 524     color: [% css_colors.text_invert %];
 525     text-decoration: none;
 526 }
 527
 528 ##rdetail_extras_expand, #rdetail_extras_collapse, #rdetail_locs_collapse {
 529     margin-left: 13px;
 530 }
 531
 532 #rdetail_locs_expand, #rdetail_locs_collapse {
 533     padding-bottom:3px;
 534     margin-top:15px;
 535     margin-left:13px;
 536 }
 537
 538 #rdetail_anotes_div .biography {
 539     margin:0;
 540 }
 541
 542 .almost-content-wrapper {
 543     background: [% css_colors.background %];
 544 }
 545
 546 #content-wrapper {
 547     background: [% css_colors.background %];
 548     min-height: 260px;
 549     border-bottom: 1px solid [% css_colors.border_dark %];
 550 }
 551
 552 .content-wrapper-record-page { top: -15px; position: relative; }
 553
 554 #main-content-home {
 555     padding-left: 17px;
 556     margin-left: 1em;
 557 }
 558 #main-content {
 559     padding-left: 0px;
 560     margin: 0 1em;
 561     clear: both;
 562 }
 563
 564 #main-content-after-bar {
 565     margin-left: 1em;
 566     padding-left: 4px;
 567 }
 568
 569 #results-side-bar { float: left; width: 174px; margin-right: 5px; background: [% css_colors.background %]; }
 570
 571 #main-content .login_boxes {
 572     border: 1px solid [% css_colors.accent_lighter %];
 573     background: linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
 574     background: -moz-linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
 575     background: -ms-linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
 576     background: -o-linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
 577     background: -webkit-linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
 578
 579     color: [% css_colors.accent_darker %];
 580 }
 581
 582 #main-content .login_boxes h1 {
 583     font-weight: normal;
 584     font-size: [% css_fonts.size_biggest %];
 585     margin:0;
 586 }
 587
 588 #main-content .left_brain {
 589     padding-left:28px;
 590     padding-top:25px;
 591 }
 592
 593 #main-content .left_brain input[type=text], #main-content .left_brain input[type=password] {
 594     width:167px;
 595     margin:0;
 596     padding:0;
 597     background: [% css_colors.background %];
 598     font-size: [% css_fonts.size_bigger %];
 599     color: [% css_colors.text %];
 600 }
 601
 602 #main-content .left_brain .input_bg {
 603     padding:10px 10px 0px 13px;
 604     width:167px;
 605     height:29px;
 606 }
 607
 608 .login-help-box {
 609     float: left;
 610     width: 200px;
 611     text-align: center;
 612     margin-left: 2em;
 613 }
 614
 615 .login-help-button {
 616     font-size: [% css_fonts.size_biggest %];
 617     padding: 1.5em;
 618 }
 619
 620 #login-failed-message {
 621     font-size: [% css_fonts.size_bigger %];
 622     font-weight: bold;
 623     color: [% css_colors.text_alert %];
 624     padding-top: 1em;
 625 }
 626
 627 #holds_temp_parent td {
 628     border-bottom:1px solid [% css_colors.border_standard %];
 629 }
 630
 631 #holds_temp_parent input, #holds_temp_parent select {
 632     margin:0;
 633 }
 634
 635 #holds_temp_parent tr td div {
 636     margin-top: 10px;
 637     margin-bottom: 10px;
 638 }
 639
 640 #holds_temp_parent tr td div.format_icon {
 641     margin-top: 6px;
 642     margin-bottom: 6px;
 643     float: none;
 644 }
 645
 646 #results_header_bar {
 647     background: [% css_colors.accent_medium %];
 648     border-top:1px solid [% css_colors.accent_mediumdark %];
 649     border-bottom:1px solid [% css_colors.accent_mediumdark %];
 650 }
 651
 652 .results_header_lbl {
 653     font-weight: bold;
 654     float: left;
 655     color: [% css_colors.text %];
 656     /* this border is not visible, but it keeps these labels the same size
 657     as the buttons */
 658     border: 1px solid [% css_colors.accent_medium %];
 659     background: [% css_colors.accent_medium %];
 660     margin: 0.5em 0.3em;
 661     padding: 0.3em;
 662 }
 663 /* we need a negative margin on the select to allow the containing <label>
 664 to determine the actual size of the element.  By doing this, we can increase
 665 the odds that the buttons and the select will be the same size, and therefore
 666 collapse correctly when the window width decreases */
 667 .results_header_lbl select {
 668     margin: -0.5em 0;
 669 }
 670
 671 #limit_to_available {
 672     vertical-align: middle;
 673 }
 674
 675 .results_header_sel {
 676     /* width: 88px; */
 677     float:left;
 678     margin:0;
 679 }
 680
 681 .results_header_nav1 {
 682     padding: 5px 7px 6px 0px;
 683     border-bottom: 1px dotted [% css_colors.accent_light %];
 684 }
 685
 686 .results_header_nav1 .h1 {
 687     font-size: [% css_fonts.size_bigger %];
 688     font-weight:bold;
 689     color:[% css_colors.primary_fade %];
 690 }
 691
 692 #result_table_div {
 693     margin-top: 1em;
 694 }
 695
 696 tr.result_table_row > td.results_row_count,
 697 tr.result_table_row > td.result_table_pic_header,
 698 tr.result_table_row > td.result_table_title_cell {
 699     vertical-align: top;
 700 }
 701
 702 .result_metadata {
 703     float: left;
 704     width: 30em;
 705     padding-right: 2em;
 706 }
 707
 708 tr.result_table_row:nth-child(n+2) > td {
 709     border-top: 1px solid [% css_colors.accent_lighter2 %];
 710 }
 711
 712 tr.result_table_row > td.result_table_pic_header {
 713     white-space: nowrap;
 714     width: 78px;
 715     padding-left: 1em;
 716 }
 717
 718 .result_number {
 719     padding-left: 1em;
 720     white-space: nowrap;
 721 }
 722
 723 .result_count_number {
 724    font-weight: bold;
 725 }
 726
 727 .result_table_subtable {
 728     width: 100%;
 729     padding-top: 1em;
 730 }
 731
 732 div.result_table_utils_cont {
 733     text-align:left;
 734     float: left;
 735 }
 736
 737 .icon_text {
 738 }
 739
 740 #myopac_summary_div p {
 741     margin:0;
 742     margin-bottom: 10px;
 743 }
 744
 745 #acct_sum_checked_table td {
 746     padding-bottom:5px;
 747 }
 748
 749 .zero_search_hits_main { float:left; width:300px; margin-top: 2ex; }
 750 .zero_search_hits_saved { float:left; width:200px; margin-top: 2ex; margin-right: 2em; }
 751
 752 #zero_search_hits p {
 753     margin-top:0;
 754 }
 755
 756 #zero_hits_term {
 757     font-weight: bold;
 758 }
 759
 760 #zero_search_hits #spell_check_link {
 761 }
 762
 763 #zero_search_hits #zero_hits_suggestions {
 764 }
 765
 766 #lowhits_help {
 767     float: right;
 768     width: 353px;
 769     background: [% css_colors.accent_light %];
 770     padding: 10px;
 771     margin-top: 7px;
 772 }
 773
 774 .results_info_table td {
 775     padding-right: 10px;
 776 }
 777
 778 #myopac_holds_main_table {
 779     border-collapse: collapse;
 780 }
 781
 782 #myopac_holds_main_table td {
 783     border: 1px solid [% css_colors.border_dark %];
 784
 785 }
 786
 787 #myopac_prefs_div .data_grid {
 788     border-collapse:collapse;
 789 }
 790
 791 #myopac_prefs_div .data_grid td {
 792     background:[% css_colors.accent_ultralight %];
 793     border-bottom:3px solid [% css_colors.background %];
 794     padding:6px 0px 7px 17px;
 795 }
 796
 797 .header_middle {
 798     height:22px;
 799     font-size: [% css_fonts.size_bigger %];
 800     font-weight:bold;
 801     color:[% css_colors.primary_fade %];
 802     padding: 0px 7px 0px 0px;
 803     border-bottom: 1px dotted [% css_colors.accent_light %];
 804     clear: both;
 805 }
 806
 807 .header_middle a {
 808     font-weight: normal;
 809 }
 810
 811 #acct_sum_block {
 812      float:left;
 813      clear:left;
 814 }
 815
 816 .acct_sum_table {
 817     border-collapse: collapse;
 818     background: [% css_colors.accent_ultralight %];
 819 }
 820
 821 .acct_sum_table tr {
 822     border-bottom: 2px solid white;
 823 }
 824
 825 .acct_sum_table td {
 826     padding: 1em;
 827 }
 828
 829 .acct_sum_table a {
 830     text-transform: none;
 831     position:relative;
 832     top:-1px;
 833 }
 834
 835 .acct_sum_table .view_link {
 836     font-weight: normal;
 837 }
 838
 839 table.acct_notes {
 840     border-collapse: collapse;
 841     margin: -1em 0 0.5em 0;
 842 }
 843
 844 table.acct_notes * {
 845     border: solid thin;
 846     padding: 0.5em;
 847 }
 848
 849 table.acct_notes th {
 850     font-weight: bold;
 851 }
 852
 853 #myopac_sum_fines {
 854     float:right;
 855     padding: 15px 0px 0px 23px;
 856     background: [% css_colors.accent_ultralight %];
 857     width: 177px;
 858     height: 166px;
 859 }
 860
 861 #myopac_sum_fines_placehold { float: right; width: 177px; height: 166px; }
 862
 863 .acct_holds_temp td {
 864     text-align: left;
 865 }
 866
 867 #acct_checked_tabs .align, #acct_holds_tabs .align, #acct_prefs_tabs .align {
 868     float:left;
 869     /*padding-left:10px;*/
 870 }
 871
 872 #acct_checked_main_header, #acct_holds_main_header, #acct_checked_hist_header, #acct_list_header, #acct_list_header_anon, #temp_list_holds {
 873     border-collapse: collapse;
 874 }
 875
 876 #acct_checked_main_header td, #acct_holds_main_header td, #acct_checked_hist_header td, #acct_list_header td, #acct_list_header_anon td, #temp_list_holds td {
 877     background: [% css_colors.accent_lighter2 %];
 878     padding: 10px;
 879 }
 880
 881 #acct_checked_main_header th, #acct_holds_main_header th, #acct_checked_hist_header th, #acct_list_header th, #acct_list_header_anon th, #temp_list_holds th {
 882     text-align: left;
 883     padding: 0px 10px 0px 10px;
 884 }
 885
 886 #acct_list_header select, #acct_list_header_anon select {
 887     font-weight:normal;
 888     text-transform:none;
 889 }
 890
 891 .search_catalog_lbl {
 892     font-size: [% css_fonts.size_bigger %];
 893 }
 894 .adv_search_catalog_lbl {
 895     font-size: [% css_fonts.size_bigger %];
 896 }
 897
 898 .browse_the_catalog_lbl {
 899     font-size: [% css_fonts.size_bigger %];
 900 }
 901
 902 .lbl1 {
 903     font-size: [% css_fonts.size_bigger %];
 904     font-weight:bold;
 905 }
 906
 907 .lbl2 {
 908     font-size: [% css_fonts.size_smaller %];
 909     font-weight:normal;
 910     position:relative;
 911     top:3px;
 912     max-width:300px;
 913 }
 914
 915 #myopac_tabs, #adv_search_parent, #fines_payments_wrapper {
 916     background: [% css_colors.primary_fade %];
 917     padding-top:5px;
 918     margin-bottom:20px;
 919 }
 920
 921 #fines_payments_wrapper {
 922     padding-left: 5px;
 923     padding-right: 5px;
 924 }
 925
 926 .myopac_payments_table th { text-align: left; }
 927 .myopac_payments_table thead th { border-bottom: 1px dashed [% css_colors.accent_darker %]; }
 928 .myopac_payments_table thead th:first-child { width: 8em; }
 929 .myopac_payments_table tbody tr:nth-child(odd) { background-color: [% css_colors.accent_lighter %]; }
 930 .myopac_payments_table form { display: inline; }
 931 .myopac_payments_table input[type="submit"] { padding: 1px; }
 932
 933 .payment-error {
 934     font-weight: bold; color: [% css_colors.text_alert %];
 935     padding: 10px; border: 1px solid [% css_colors.accent_medium_dark %];
 936 }
 937
 938 .payment-processing {
 939     font-weight: bold;
 940     color: [% css_colors.text_greatnews %];
 941     font-size: [% css_fonts.size_bigger %];
 942     padding: 10px; border: 1px solid [% css_colors.accent_medium_dark %];
 943     text-align: center;
 944 }
 945 #adv_search_input { width: 100%; }
 946 #adv_search_parent {
 947     margin-bottom:0px;
 948 }
 949 #search-submit-spinner {
 950     height: 16px;
 951     width: 16px;
 952 }
 953 div.adv_search_available {
 954     margin-top: 1em;
 955 }
 956 #myopac_loading {
 957     width:100%;
 958     text-align:center;
 959     padding-top:20px;
 960     font-size: [% css_fonts.size_bigger %];
 961     font-weight:bold;
 962 }
 963
 964 .chili_link {
 965     width:100px !important;
 966     text-align: center !important;
 967 }
 968
 969 .chili_review div.chili_link div {
 970     margin: auto;
 971 }
 972
 973 [%- IF we_want_to_turn_on_facet_styling.defined; %]
 974 /* some facet styling */
 975 .facetClassContainer { margin: 2px; border: 1px solid [% css_colors.accent_light %]; }
 976 .facetClassLabelContainer { border: 1px solid [% css_colors.accent_light %]; }
 977 .facetClassLabel { font-weight: bold; text-align: center; }
 978 .facetFieldContainer {  }
 979 .facetFieldLabel { padding-left: 2px; margin-top: 5px; margin-bottom: 5px; font-weight: bold; text-align: left; }
 980 .extraFacetFieldsWrapper { }
 981 .toggleExtraFacetFieldsButton { float: right; margin: 0px; padding: 0px; }
 982 .facetFieldLineCount {
 983     display: inline-block;
 984     border-right: 1px solid [% css_colors.accent_light %];
 985     color: [% css_colors.accent_mediumdark %];
 986     width: 3em;
 987     margin-right: 3px
 988 }
 989 .facetField { border-top: 1px solid [% css_colors.accent_light %]; }
 990 .facetFields { padding-left: 5px; }
 991 .facetFieldLineValue { overflow: hidden; text-overflow: ellipsis; }
 992 [%- END -%]
 993
 994 div#facet_sidebar {
 995     float: left;
 996     margin-right: 1em;
 997 }
 998
 999 .facet_box_temp {
1000     padding-bottom:3px;
1001 }
1002
1003 .facet_box_temp .header {
1004     height: 2.3em;
1005     background:[% css_colors.primary %];
1006     -moz-border-top-left-radius: 5px;
1007     border-top-left-radius: 5px;
1008     -moz-border-top-right-radius: 5px;
1009     border-top-right-radius: 5px;
1010     font-weight:bold;
1011     color:[% css_colors.text_invert %];
1012     padding-top:4px;
1013 }
1014
1015 .facet_box_temp .header .title {
1016     float:left;
1017     padding-top:6px;
1018     padding-left:12px;
1019 }
1020
1021 .facet_box_temp .header a.button {
1022     float:right;
1023     padding-top:6px;
1024     padding-right:6px;
1025     color:[% css_colors.text_invert %];
1026 }
1027
1028 .facet_box_wrapper .box_wrapper .box {
1029     border-top:1px solid [% css_colors.border_standard %];
1030     border-left:1px solid [% css_colors.border_standard %];
1031     border-right:1px solid [% css_colors.border_standard %];
1032     padding: 0 0.5em;
1033     width: 14em;
1034     overflow: hidden;
1035 }
1036
1037 .facet_template {
1038     box-sizing: border-box;
1039     -moz-box-sizing: border-box;
1040     display: table;
1041     margin: 0.5em 0;
1042     width: 100%;
1043 }
1044
1045 .facet_template div {
1046     display: table-cell;
1047     padding: 2px;
1048 }
1049
1050 .facet_template .count {
1051     text-align: right;
1052     color: [% css_colors.accent_mediumdark %];
1053 }
1054
1055 .facet_template_selected {
1056     background-color: [% css_colors.accent_lighter2 %];
1057     border: 1px solid [% css_colors.accent_medium %];
1058 }
1059
1060 #footer-wrap {
1061     background: linear-gradient([% css_colors.primary_fade %], [% css_colors.primary %]);
1062     background: -moz-linear-gradient([% css_colors.primary_fade %], [% css_colors.primary %]);
1063     background: -o-linear-gradient([% css_colors.primary_fade %], [% css_colors.primary %]);
1064     background: -webkit-linear-gradient([% css_colors.primary_fade %], [% css_colors.primary %]);
1065     background-color: [% css_colors.primary %];
1066 }
1067
1068 #footer {
1069     padding-top:5px;
1070     padding-bottom: 10px;
1071     margin-left: 1em;
1072     font-size: [% css_fonts.size_small %];
1073 }
1074
1075 #footer a {
1076     color: [% css_colors.text_invert %];
1077     text-decoration: none;
1078     text-shadow: 0 0 0.2em [% css_colors.primary %], 0 0 0.2em [% css_colors.primary %];
1079 }
1080
1081 #copyright_text, #footer_logo {
1082     color: [% css_colors.text_invert %];
1083 }
1084
1085 .color_4 {
1086     font-weight: bold;
1087 }
1088
1089 .advanced_div { padding-top: 15px; }
1090 #adv_global_search { width: 100%; }
1091 #adv_global_search select { width: 13em; }
1092 #adv_global_addrow td { padding-top: 7px; }
1093 #adv_global_input_table { width: 100%; }
1094 #adv_global_input_table select { width: 7em; }
1095 .adv_adv_link {
1096     font-size: [% css_fonts.size_smaller %];
1097     color: [% css_colors.text_alert %];
1098 }
1099 #acct_prefs_header { float: left; }
1100 .search_page_nav_link {
1101     cursor: pointer;
1102     padding-left: 1em;
1103 }
1104 #opac.result.sort { width: 160px; }
1105 .renew-summary { font-size: [% css_fonts.size_bigger %]; font-style: italic; margin: 0.5ex 0; }
1106 .failure-text { margin-left: 4em; font-style: italic; color: [% css_colors.text_alert %]; }
1107 .refine-controls { font-size: [% css_fonts.size_bigger %]; padding: 0.5ex 0; }
1108 #adv_search_refine input[type=text] { border: 1px inset [% css_colors.accent_light %] !important; }
1109 #adv_search_refine select { border: 1px inset [% css_colors.accent_light %] !important; }
1110 #adv_search_refine {
1111     padding-left: 5em; background-color: [% css_colors.accent_lighter2 %]; margin: 2ex 0;
1112 }
1113 .row-remover { position: relative; top: 1px; vertical-align: middle; }
1114 .subtle-button {
1115     background-color: [% css_colors.background %];
1116     color: [% css_colors.primary %]; text-decoration: none;
1117     padding: 0; border: 0; margin: 0;
1118     vertical-align: middle;
1119 }
1120 .subtle-button:hover { text-decoration: underline; cursor: pointer; }
1121 .no-dec:hover { text-decoration: none; }
1122 .pending-addr td { background-color: [% css_colors.background_alert %] !important; border: 0 !important; }
1123
1124 #account-update-email table { text-align: center; padding: 20px; margin-top: 18px; border-collapse: collapse; }
1125 #account-update-email table td { padding: 5px 15px 5px 15px; border-bottom: 1px solid [% css_colors.accent_lighter %]; text-align: left;}
1126 #account-update-email-error { font-size: [% css_fonts.size_biggest %]; padding: 10px; border:1px solid [% css_colors.border_standard %];}
1127 a.dash-link:hover { text-decoration: underline !important; }
1128 #list_create_table td { vertical-align: middle; padding: 0 8px; }
1129 #list_create_table {
1130     background-color: [% css_colors.accent_light %];
1131     padding-bottom: 4px;
1132     margin-bottom: 10px;
1133     border-bottom: 1px dotted [% css_colors.accent_medium %];
1134 }
1135 .list-create-table-buttons input[type=image] { margin-top: 2px; }
1136 .result_table_format_cell { padding: 0px 10px; text-align: center; }
1137 .results_row_count { font-weight: bold; }
1138 #hold_editor h1 { font-size: [% css_fonts.size_bigger %]; font-weight: bold; }
1139 #hold_editor h2 { font-size: [% css_fonts.size_big %]; font-weight: normal; text-indent: 2em; font-style: italic; }
1140 #hold_editor h1, #hold_editor h2 { margin: 2px 0; }
1141 #hold_editor_table { background-color: [% css_colors.accent_lighter %]; padding: 0.5em; }
1142 #hold_editor_table th { text-align: right; padding-right: 1em; }
1143 #hold_editor_table td { padding: 0.25em 0; }
1144 .fmt-note { vertical-align: middle; padding-left: 1em !important; }
1145 .hold-editor-controls { text-align: center; padding-top: 1em !important; }
1146 .hold-editor-controls a { padding-left: 2em; }
1147
1148 .text-right { text-align: right; }
1149 .text-right-top { text-align: right; vertical-align: top; }
1150 .rdetail-author-div { padding-bottom: 10px; }
1151
1152 .invisible { visibility: hidden; }
1153 .rdetail-extras-summary { margin: 10px; }
1154 .staff-hold { background-color: [% css_colors.accent_lightest %]; }
1155 .expert-search tbody tr th { text-align: right; padding-left: 2em; }
1156 .expert-search-row { padding-top: 10px; }
1157 #adv_expert_row label { font-weight: bold; }
1158
1159 .bookshelf thead tr td {
1160     border-bottom: 1px dashed [% css_colors.accent_dark %];
1161     padding-bottom: 1ex;
1162 }
1163 .cn_browse_item { padding: 2ex; }
1164 .results-paginator-list { padding-left: 1em; }
1165 .results-paginator-selected { color: [% css_colors.text_alert %]; }
1166 .inactive-hold { background: [% css_colors.accent_lightest %]; }
1167
1168 #hold-items-list td { padding: 5px; margin-bottom: 20px; }
1169 .hold-items-list-title { font-size: [% css_fonts.size_bigger %]; }
1170 .hold-items-list-problem { color: [% css_colors.text_alert %]; }
1171
1172 .big-strong {font-weight: bold; font-size: [% css_fonts.size_bigger %]; }
1173
1174 .results_header_btns, .results_header_sel {
1175     float:left;
1176 }
1177
1178 /*
1179  * .various_containers a = shortcut to putting .opac-button on every 'a' with
1180  *     the tradeoff of increased stylesheet complexity (TODO: rethink?)
1181  */
1182
1183 .opac-multiline-button > a,
1184 .opac-button, .results_header_btns a, #simple-detail-view-links a, .dash_account_buttons a {
1185     color: [% css_colors.button_text %];
1186     font-weight: bold;
1187     text-decoration: none;
1188     cursor: pointer !important;
1189     -moz-border-radius: 5px;
1190     border-radius: 5px;
1191     border: 1px solid [% css_colors.primary %];
1192     background:  [% css_colors.primary_fade %];
1193     margin: 0.5em;
1194     padding: 0.3em;
1195     display: inline-block;
1196 }
1197
1198 .opac-multiline-button > a:hover,
1199 .opac-button:hover, .results_header_btns a:hover, #simple-detail-view-links a:hover, #dash_wrapper a.opac-button:hover {
1200     background: [% css_colors.primary %];
1201 }
1202
1203 .opac-button:disabled {
1204     color: [% css_colors.accent_medium %];
1205     cursor: pointer !important;
1206     border: 1px solid [% css_colors.accent_light %];
1207     background-color: [% css_colors.accent_lighter %];
1208 }
1209
1210 /* Firefox adds its own special space to inputs; this gets us closer */
1211 button.opac-button::-moz-focus-inner, input.opac-button::-moz-focus-inner {
1212     padding: 0;
1213     border: 0;
1214 }
1215
1216 .opac-button-header, #dash_wrapper .opac-button {
1217     background: [% css_colors.control %];
1218     box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
1219     font-size: [% css_fonts.size_base %];
1220 }
1221 a.opac-button-header:hover, #dash_wrapper a.opac-button:hover {
1222     border-color: [% css_colors.control %];
1223 }
1224
1225 .opac-multiline-button > a {
1226     display: inline-block;
1227 }
1228
1229 #myopac_checked_div {
1230     padding: 0px;
1231 }
1232
1233 .rdetail-mfhd-head {
1234     margin-top: 5px;
1235     padding-top: 5px;
1236     background-color: [% css_colors.table_heading %];
1237 }
1238
1239 .rdetail-mfhd-type {
1240     padding-left: 1em;
1241 }
1242
1243 .rdetail-mfhd-bottom {
1244     border-bottom: thin solid [% css_colors.border_dark %];
1245     width: 100%;
1246 }
1247
1248 #rdetail_record_details {
1249     clear: both;
1250     margin-top: 1em;
1251 }
1252
1253 .rdetail_content {
1254     margin-left: 1.5em;
1255     padding-left: 1.5em;
1256 }
1257
1258 .rdetail_content_type, .rdetail_subject_type {
1259     vertical-align: top;
1260     font-weight: bold;
1261 }
1262
1263 .bookbag-item-row td { vertical-align: top; }
1264
1265 .error { color: [% css_colors.text_alert %]; font-weight: bold; }
1266 .success {
1267     color: [% css_colors.text_greatnews %];
1268     font-weight: bold;
1269 }
1270
1271 .rdetail_related_subjects {
1272     margin-top: 1.5em;
1273 }
1274
1275 .rdetail_related_series {
1276     margin-top: 1.5em;
1277 }
1278
1279 #rdetail_openurl {
1280     margin-top: 1em;
1281 }
1282
1283 .rdetail_openurl_entry {
1284     margin-left: 1em;
1285     padding-left: 1em;
1286 }
1287 .bookbag-controls-holder { width: 100%; }
1288 .bookbag-controls-holder:nth-child(odd) { background-color: [% css_colors.accent_lighter2 %]; }
1289 .bookbag-controls-holder:nth-child(even) { background-color: [% css_colors.accent_lightest %]; }
1290 .bookbag-controls-holder .most {
1291     padding-left: 0;
1292     margin-right: 5em;
1293 }
1294 h2.bookbag-name { margin-bottom: 0em; padding-bottom: 0em; }
1295 .bookbag-share .fixed { min-width: 4em; }
1296 .bookbag-specific { margin-left: 1em; }
1297 .bookbag-specific div.sort { float: left; width: 45%; text-align: left; }
1298 .bookbag-specific div.meta { float: right; width: 54%; text-align: right; }
1299 #bbag-name-desc-form tr th { vertical-align: middle; }
1300 #bbag-name-desc-form .saver { vertical-align: middle; text-align: center; }
1301 .bookbag-description {
1302     padding-top: 0em;
1303     font-style: italic;
1304     max-width: 40em;
1305 }
1306 #bbag-edit-description { width: 20em; }
1307 #bbag-edit-name { width: 20em; }
1308 textarea { font-family: sans-serif; }
1309 table.bookbag-specific {
1310     border-right: 1px solid [% css_colors.accent_dark %];
1311     border-bottom: 1px solid [% css_colors.accent_medium %];
1312     margin-bottom: 2ex;
1313 }
1314 .bookbag-share {
1315     float: left;
1316     padding: 5px 0;
1317 }
1318 .bookbag-controls {
1319     float: left;
1320     padding: 5px 0px 0px 10px;
1321 }
1322
1323 .bookbag-specific td.list_checkbox {
1324     padding-left: 10px !important;
1325 }
1326 .bookbag-specific td.list_entry {
1327     min-width: 10em;
1328     padding-left: 5px !important;
1329 }
1330 .bookbag-specific td.list_actions {
1331     white-space: nowrap !important;
1332 }
1333 .bookbag-paginator-selected { color: [% css_colors.text_alert %]; }
1334
1335 .list_is_empty {
1336     padding: 8px 0px 6px 0px;
1337     width: 100%;
1338     border: 0;
1339     font-size: [% css_fonts.size_bigger %];
1340     text-align: center;
1341     font-style: italic;
1342 }
1343 .save-notes { padding-bottom: 1.5ex; }
1344
1345 .nonbreaking-wrapper {
1346     display: inline-block;
1347 }
1348
1349 /* Moved from semiauto.css */
1350 .adv_global_input_container {
1351     border-bottom: none;
1352     clear: both;
1353 }
1354 .opac-auto-013 {
1355     border-bottom: none;
1356     *height: 0px;
1357 }
1358 .adv_global_filter_sort {
1359     border: none;
1360     width: 100%;
1361 }
1362 .clear-both { clear: both; }
1363 .common-no-pad {
1364     clear: both;
1365     height: 0px;
1366     margin: 0px;
1367     padding: 0px;
1368 }
1369 .common-full-pad {
1370     clear: both;
1371     height: 15px;
1372 }
1373 .alert { color: [% css_colors.text_alert %]; }
1374 .float-left { float: left; }
1375 .float-right { float: right; }
1376
1377 .saved-searches-header { width: 100%; font-weight: bold; font-size: [% css_fonts.size_bigger %]; }
1378 .saved-searches-header .button { float: right; width: 28px; }
1379 .saved-searches-header .text { float: left; padding-right: 1em; margin: 0.5ex 0;}
1380 .saved-searches-header {font-weight: bold; font-size: [% css_fonts.size_bigger %]; }
1381 .saved-searches { border-bottom: 1px solid [% css_colors.accent_medium %]; padding-right: 1em; }
1382 #staff-saved-search { /* wraps .saved-searches-header and .saved-searches on the record page */
1383     border-right: 1px solid [% css_colors.accent_darker %];
1384 }
1385 .result_item_circulated {
1386     padding-top: 4px;
1387 }
1388
1389 .result_item_circulated span {
1390     position: relative;
1391     top:-3px;
1392     left:3px;
1393 }
1394
1395 #search-only-bookbag-container { margin: 2ex 0; font-weight: bold; }
1396 #result-bookbag-heading { text-align: center; margin: 2ex; }
1397
1398 .result-bookbag-name { font-size: [% css_fonts.size_bigger %]; font-weight: bold; }
1399 .result-bookbag-description { font-size: [% css_fonts.size_bigger %]; font-style: italic; }
1400 .result-bookbag-item-note { font-style: italic; }
1401 .lowhits-bookbag-name { font-weight: bold; }
1402 .oils_AS { font-weight: bold; color: [% css_colors.text_match %]; }
1403 .oils_AS_match_term { text-align: left; color: [% css_colors.text %]; }
1404 .oils_AS_match_field {
1405     font-size: [% css_fonts.size_smallest %]; padding: 0.65em 0;
1406     text-align: right; color: [% css_colors.accent_medium %];
1407 }
1408 table.result_holdings_table {
1409     margin-top: 1em;
1410     margin-bottom: 1em;
1411 }
1412 table.result_holdings_table thead tr {
1413     background: [% css_colors.table_heading %];
1414 }
1415 table.result_holdings_table thead tr th {
1416     font-weight: bold;
1417 }
1418 span.preflib {
1419     margin: 0 2em 0 2em;
1420 }
1421 a.preflib_change {
1422   vertical-align: super;
1423   font-size: [% css_fonts.size_smaller %];
1424   line-height: normal;
1425   text-decoration: none;
1426 }
1427 .rdetail-holding-group { margin-left: 1.5em; }
1428 .rdetail-holding-group span { margin-left: 1.5em; }
1429 .rdetail-holding-group .paging { margin-left: 1.5em; }
1430 #rdetail_deleted_exp {
1431     font-weight: bold;
1432     padding: 1em;
1433     margin: 1em;
1434     border: thick solid [% css_colors.border_alert %];
1435 }
1436
1437 #ac_tab_wrapper { width : 100%; }
1438 .ac_tab { float: left; padding-right: 10px; font-size: [% css_fonts.size_big %]; padding: 5px; border: 1px solid [% css_colors.primary_offset %]; }
1439 .ac_tab_selected { background-color: [% css_colors.primary_offset %]; }
1440 .ac_tab_selected a { color: [% css_colors.text_invert %]; }
1441 #ac_content { clear: both; width: 100%; margin-top: 10px; }
1442
1443 /* Popmenu styles used for making css menus. */
1444 .popmenu {
1445     margin: 0;
1446     padding: 0;
1447 }
1448 .popmenu li {
1449     list-style: none;
1450 }
1451 .popmenu li a {
1452     display: block;
1453     padding: 3px 5px;
1454 }
1455 .popmenu li ul {
1456     display: none;
1457     width: 10em; /* Width to help Opera out */
1458     background-color: [% css_colors.primary %];
1459 }
1460 .popmenu li:hover ul {
1461     display: block;
1462     position: absolute;
1463     margin: 0;
1464     padding: 0;
1465     border-color: [% css_colors.border_dark %];
1466     border-width: 1px;
1467     border-style: solid;
1468 }
1469 .popmenu li:hover li {
1470     float: none;
1471 }
1472 .popmenu li:hover li a {
1473     background-color: [% css_colors.primary %];
1474     color: [% css_colors.accent_ultralight %];
1475 }
1476 .popmenu li li a:hover {
1477     background-color: [% css_colors.accent_ultralight %];
1478     color: [% css_colors.primary %];
1479 }
1480 /* Styles for the temporary list entry. */
1481 .popmenu li:hover li[class~="temporary"] a {
1482     background-color: [% css_colors.primary %];
1483     color: [% css_colors.accent_ultralight %];
1484 }
1485 .popmenu li li[class~="temporary"] a:hover {
1486     background-color: [% css_colors.accent_ultralight %];
1487     color: [% css_colors.primary %];
1488 }
1489 /* Styles for the default list entry. */
1490 .popmenu li:hover li[class~="default"] a {
1491     background-color: [% css_colors.primary %];
1492     color: [% css_colors.accent_ultralight %];
1493 }
1494 .popmenu li li[class~="default"] a:hover {
1495     background-color: [% css_colors.accent_ultralight %];
1496     color: [% css_colors.primary %];
1497 }
1498 /* Styles for the new list entry. */
1499 .popmenu li:hover li[class~="new"] a {
1500     background-color: [% css_colors.primary %];
1501     color: [% css_colors.accent_ultralight %];
1502 }
1503 .popmenu li li[class~="new"] a:hover {
1504     background-color: [% css_colors.accent_ultralight %];
1505     color: [% css_colors.primary %];
1506 }
1507 /* Style to add a divider on the menu. */
1508 .popmenu li li[class~="divider"] {
1509     border-bottom-width: 1px;
1510     border-bottom-color: [% css_colors.border_dark %];
1511     border-bottom-style: solid;
1512 }
1513
1514 #locale_picker_form {
1515     float: right;
1516     padding: 0.5em;
1517     margin-top: 2em;
1518     border-right: thin [% css_colors.control %] solid;
1519 }
1520
1521 #locale_picker_form * {
1522     margin: 0;
1523     padding: 0;
1524     vertical-align: middle;
1525 }
1526
1527 #patron_usr_barcode_not_found {
1528     font-weight: bold; color: [% css_colors.text_alert %];
1529 }
1530
1531 .record_title {
1532     font-weight: bold;
1533 }
1534
1535 .record_author {
1536     font-style: italic;
1537 }
1538
1539 .password_message {
1540     padding-top: 1em;
1541     padding-bottom: 0.5em;
1542         font-style: italic;
1543 }
1544
1545 #maintenance_message {
1546     padding: 5px;
1547     width: 100%;
1548     background-color: [% css_colors.text_alert %];
1549     color: [% css_colors.text_invert %];
1550     text-align: center;
1551 }
1552
1553 #search-box > span {
1554     margin: 0 1em;
1555 }
1556 .browse-error {
1557     font-weight: bold;
1558     font-color: #c00;
1559 }
1560 .browse-result-sources, .browse-result-authority-bib-links {
1561     margin-left: 1em;
1562 }
1563 .browse-result-best-match {
1564     font-weight: bold;
1565 }
1566 .browse-pager {
1567     margin: 2ex 0;
1568 }
1569 .browse-result-list {
1570     padding-bottom: 0.5ex;
1571 }
1572 .browse-shortcuts {
1573     font-size: [% css_fonts.size_bigger %];
1574 }
1575 .browse-result-authority-field-name {
1576     font-style: italic;
1577     margin-right: 1em;
1578 }
1579 .browse-leading-article-warning {
1580     font-style: italic;
1581     font-size: [% css_fonts.size_big %];
1582 }
1583 .browse-public-general-note {
1584     font-size: [% css_fonts.size_big %];
1585 }
1586 .browse-public-general-note-label { }
1587 .browse-public-general-note-institution {
1588     font-style: normal;
1589     font-weight: bold;
1590 }
1591 .browse-public-general-note-body {
1592     font-style: italic;
1593 }
1594
1595 .bib_peer_type {
1596     font-weight: bold;
1597 }
1598
1599 #main-content-register {
1600     margin-left: 40px;
1601     font-size: [% css_fonts.size_bigger %];
1602 }
1603
1604 #main-content-register table {
1605     padding: 20px;
1606     margin-top: 18px;
1607     border-collapse: collapse;
1608 }
1609
1610 #main-content-register td {
1611     text-align: left;
1612 }
1613
1614 #main-content-register td:not(:first-child) {
1615     padding-left: 20px;
1616 }
1617
1618 .patron-reg-invalid {
1619     font-weight: bold;
1620     color: red;
1621     padding-right: 10px;
1622 }
1623
1624 .result_footer_nav1 {
1625     clear: both;
1626 }
1627
1628 .small_view_only, #refine_hits, #return_to_hits {
1629     display: none;
1630 }
1631
1632 .rdetail_authors_div {
1633     margin-bottom: 1em;
1634 }
1635
1636 #search_query_label, #search_qtype_label, #search_itype_label, #search_locg_label {
1637     white-space: nowrap;
1638     display: inline-block;
1639 }
1640
1641 .result_table_title_cell {
1642     padding-top: 4px;
1643     padding-bottom: 4px;
1644 }
1645
1646 .record_title {
1647     font-size: [% css_fonts.size_bigger %];
1648 }
1649
1650 @media only screen and (max-width: 800px) {
1651     .facet_sidebar_hidden, .result_block_hidden {
1652         display: none;
1653     }
1654     .facet_sidebar_visible, .result_block_visible {
1655         display: inline ! important;
1656     }
1657     #acct_select, #acct_prefs_select {
1658         display: inline-block;
1659     }
1660 #acct_tabs, #acct_prefs_tabs {
1661          display:none;
1662      }
1663 }
1664
1665 @media only screen and (max-width: 600px) {
1666     input, select {
1667         font-size: [% css_fonts.size_big %];
1668     }
1669     span .nav_arrow_fix {
1670         display: none;
1671     }
1672     #header {
1673         padding: 0px;
1674         margin: 0px;
1675     }
1676     #homesearch_main_logo img {
1677         width:75%;
1678     }
1679     #format_selector {
1680         display:none;
1681     }
1682     #your-acct-login {
1683         padding: 0px;
1684         padding-top: 5px;
1685     }
1686     #your-acct-login a {
1687         margin: 0px;
1688         padding: 5px;
1689     }
1690     #topnav_logo {
1691         margin: 0;
1692     }
1693     #topnav_logo img {
1694         width: 200px;
1695     }
1696     #locale_picker_form {
1697         display: none;
1698     }
1699     #gold-links-holder {
1700         display: none;
1701     }
1702     #simple-detail-view-links {
1703         display: none;
1704     }
1705     #acct_tabs a, #acct_fines_tabs a {
1706        padding: 2px 4px 3px 4px;
1707        -moz-border-radius: 6px 6px 0px 0px;
1708        border-radius: 6px 6px 0px 0px;
1709        font-size: [% css_fonts.size_base %];
1710        margin: 0px 5px 0px 0px;
1711     }
1712
1713     #dash_wrapper div {
1714         background: transparent;
1715         padding: 0px;
1716     }
1717     #dash_wrapper {
1718         position: static;
1719         top: auto;
1720     }
1721     #dash_wrapper .opac-button {
1722         top: 0px;
1723     }
1724     .small_view_only {
1725         display: inline !important;
1726     }
1727     #dash_identity a {
1728         float:left;
1729     }
1730     #dashboard {
1731         display: none;
1732     }
1733     #holds_box form blockquote {
1734         margin-left: 10px;
1735         margin-right: 2px;
1736     }
1737     #holds_box form blockquote select {
1738         width: 100%;
1739     }
1740     #myopac_sum_fines_placehold {
1741         display:none;
1742     }
1743     #myopac_sum_fines {
1744         display: none;
1745     }
1746     .results_header_lbl {
1747         display: none;
1748     }
1749     .results_header_nav1 span.h1 {
1750         display: none;
1751     }
1752     .preflib {
1753         display: none;
1754     }
1755     .start_end_links_span {
1756         display: block;
1757     }
1758     .invisible {
1759         display: none;
1760     }
1761     .result_table_pic_header {
1762         padding-left: 0px !important;
1763         padding-right: 5px;
1764         width: 0px !important;
1765         margin: 0px;
1766     }
1767     .result_table_pic {
1768         width: 55px;
1769         padding: 0px;
1770         margin: 0px;
1771     }
1772     tr[name=results_isbn_tr], tr[name=results_phys_desc_tr], tr[name=results_pub_tr] strong, .result_count {
1773          display: none;
1774     }
1775     tr.result_table_title_cell[name=bib_cn_list] .result_holdings_table th:nth-child(4),
1776     tr.result_table_title_cell[name=bib_cn_list] .result_holdings_table td:nth-child(4) {
1777         display:none;
1778     }
1779     .results_info_table td {
1780         padding: 0px;
1781     }
1782     #results_header_bar {
1783         background-color: inherit;
1784     }
1785     .results_header_btns a {
1786         margin: 0.3em;
1787     }
1788     #main-content {
1789         margin: 0 1px;
1790     }
1791     #rdetails_status thead {
1792         display: none;
1793     }
1794     #rdetails_status tr {
1795         display: block;
1796         margin-top: 3px;
1797     }
1798     #rdetails_status td {
1799         display: block;
1800         padding: 1px;
1801     }
1802     .copy_details_row {
1803         background-color: [% css_colors.accent_lightest %];
1804     }
1805     .copy_details_offers_row {
1806         background-color: [% css_colors.accent_lightest %];
1807     }
1808     select#pickup_lib.search-wrapper-locg {
1809         width: 100%;
1810     }
1811     #search-wrapper #search-box {
1812         width: 85%;
1813         padding-top: 5px;
1814     }
1815     #main-content-home {
1816         padding: 0px;
1817         margin: 0px;
1818     }
1819     /* Make use of full width in mobile mode */
1820     .facet_box_wrapper .box_wrapper .box,
1821     .facet_template .facet,
1822     .facet_box_temp {
1823         width: inherit;
1824     }
1825     .facet_template .count {
1826         padding-left: 1em;
1827     }
1828     #facet_sidebar {
1829         margin-top: 0.5em;
1830     }
1831     #adv_search_parent {
1832         font-size: [% css_fonts.size_smaller %];
1833     }
1834     #adv_search_filters {
1835         position: relative;
1836         width: 300px;
1837     }
1838     #format_actions {
1839         float: left;
1840     }
1841     .rdetail_aux_utils {
1842         padding: 0px;
1843         border: none;
1844     }
1845     .result_metadata {
1846         width: inherit;
1847     }
1848     div#rdetail_actions_div {
1849         float: none;
1850     }
1851     h2.rdetail_uris {
1852         clear: both;
1853     }
1854     .search_catalog_lbl {
1855         margin-left: 0;
1856         white-space: nowrap;
1857     }
1858     .adv_search_catalog_lbl {
1859         margin-top: 0;
1860         white-space: nowrap;
1861     }
1862     .browse_the_catalog_lbl {
1863         white-space: nowrap;
1864     }
1865     .mobile_hide {
1866         display: none;
1867     }
1868     #dash_user {
1869         display: block;
1870         padding: 0.5em;
1871     }
1872     .dash_divider {
1873         display: none;
1874     }
1875     .dash_account_buttons {
1876         display: block;
1877     }
1878     .searchbar { line-height: 1.5em; }
1879     #browse-controls { line-height: 1.5em; }
1880     #search_query_label, #search_qtype_label, #search_itype_label, #search_locg_label {
1881         display: block;
1882     }
1883     .bookshelf td {
1884         display: block;
1885         width: 100%;
1886     }
1887     .bookshelf table thead tr {
1888         display: block;
1889     }
1890     #lowhits_help { width: inherit; }
1891     #adv_search_tabs a{
1892         font-size: [% css_fonts.size_small %];
1893         margin: 2px 2px 0px 2px;
1894         padding: 2px 2px 5px 2px;
1895         -moz-border-radius: 10px 0px 0px 0px;
1896         border-radius: 7px 7px 0px 0px;
1897     }
1898     #adv_global_tbody td {
1899         border-bottom: thin solid [% css_colors.accent_light %];
1900     }
1901     #adv_global_addrow td {
1902         border-bottom: none;
1903     }
1904         /* Force table to not be like tables anymore */
1905         table#acct_checked_main_header thead tr th {
1906                 display: block;
1907         }
1908         table#acct_checked_main_header tbody tr td {
1909                 display: block;
1910         }
1911
1912         /* Hide table headers (but not display: none;, for accessibility) */
1913         thead tr {
1914                 position: absolute;
1915                 top: -9999px;
1916                 left: -9999px;
1917         }
1918
1919         table#acct_checked_main_header tr { border: 1px solid #ddd; }
1920
1921         table#acct_checked_main_header td {
1922                 /* Behave  like a "row" */
1923                 border: none;
1924                 border-bottom: 1px solid #eee;
1925                 position: relative;
1926                 padding-left: 40%;
1927         }
1928
1929         table#acct_checked_main_header td:before {
1930                 /* Now like a table header */
1931                 position: absolute;
1932                 /* Top/left values mimic padding */
1933                 left: 2px;
1934                 width: 40%;
1935                 padding-right: 10px;
1936                 white-space: nowrap;
1937         }
1938
1939         table#acct_checked_main_header td:nth-of-type(1) { border-top: 5px solid #aaa; padding-top: 15px; background-color: #fff;}
1940         table#acct_checked_main_header td:nth-of-type(2):before { content: "[% l('Title / Author') %]";}
1941         table#acct_checked_main_header td:nth-of-type(3):before { content: "[% l('Renewals Left') %]"; }
1942         table#acct_checked_main_header td:nth-of-type(4):before { content: "[% l('Due Date') %]"; }
1943         table#acct_checked_main_header td:nth-of-type(5):before { content: "[% l('Barcode') %]"; }
1944         table#acct_checked_main_header td:nth-of-type(6):before { content: "[% l('Call number') %]"; }
1945
1946         table#acct_holds_main_header thead tr th {
1947                 display: block;
1948         }
1949         table#acct_holds_main_header tbody tr td {
1950                 display: block;
1951         }
1952
1953         table#acct_holds_main_header td {
1954                 /* Behave  like a "row" */
1955                 border: none;
1956                 border-bottom: 1px solid #eee;
1957                 position: relative;
1958                 padding-left: 40%;
1959         }
1960
1961
1962         table#acct_holds_main_header td:before {
1963                 /* Now like a table header */
1964                 position: absolute;
1965                 /* Top/left values mimic padding */
1966                 left: 2px;
1967                 width: 40%;
1968                 padding-right: 10px;
1969                 white-space: nowrap;
1970         }
1971
1972         table#acct_holds_main_header td:nth-of-type(1) { border-top: 5px solid #aaa; padding-top: 15px; background-color: #fff;}
1973         table#acct_holds_main_header td:nth-of-type(2):before { content: "[% l('Title') %]";}
1974         table#acct_holds_main_header td:nth-of-type(3):before { content: "[% l('Author') %]"; }
1975         table#acct_holds_main_header td:nth-of-type(4):before { content: "[% l('Format') %]"; }
1976         table#acct_holds_main_header td:nth-of-type(5):before { content: "[% l('Pickup Location') %]"; }
1977         table#acct_holds_main_header td:nth-of-type(6):before { content: "[% l('Activate') %]"; }
1978         table#acct_holds_main_header td:nth-of-type(7):before { content: "[% l('Cancel on') %]"; }
1979         table#acct_holds_main_header td:nth-of-type(8):before { content: "[% l('Active') %]"; }
1980         table#acct_holds_main_header td:nth-of-type(9):before { content: "[% l('Status') %]"; }
1981 }