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 .table_no_border_space {
 693   border-spacing: 0px;
 694 }
 695 .table_no_cell_pad td {
 696   padding: 0px;
 697 }
 698 .table_no_border {
 699   border-collapse: collapse;
 700 }
 701
 702 #result_table_table {
 703   margin-top:10px;
 704 }
 705
 706 #result_table_div {
 707     margin-top: 1em;
 708 }
 709
 710 tr.result_table_row > td.results_row_count,
 711 tr.result_table_row > td.result_table_pic_header,
 712 tr.result_table_row > td.result_table_title_cell {
 713     vertical-align: top;
 714 }
 715
 716 .result_metadata {
 717     float: left;
 718     width: 30em;
 719     padding-right: 2em;
 720 }
 721
 722 tr.result_table_row:nth-child(n+2) > td {
 723     border-top: 1px solid [% css_colors.accent_lighter2 %];
 724 }
 725
 726 tr.result_table_row > td.result_table_pic_header {
 727     white-space: nowrap;
 728     width: 78px;
 729     padding-left: 1em;
 730 }
 731
 732 .result_number {
 733     padding-left: 1em;
 734     white-space: nowrap;
 735 }
 736
 737 .result_count_number {
 738    font-weight: bold;
 739 }
 740
 741 .result_table_subtable {
 742     width: 100%;
 743     padding-top: 1em;
 744 }
 745
 746 div.result_table_utils_cont {
 747     text-align:left;
 748     float: left;
 749 }
 750
 751 .icon_text {
 752 }
 753
 754 #myopac_summary_div p {
 755     margin:0;
 756     margin-bottom: 10px;
 757 }
 758
 759 #acct_sum_checked_table td {
 760     padding-bottom:5px;
 761 }
 762
 763 .zero_search_hits_main { float:left; width:300px; margin-top: 2ex; }
 764 .zero_search_hits_saved { float:left; width:200px; margin-top: 2ex; margin-right: 2em; }
 765
 766 #zero_search_hits p {
 767     margin-top:0;
 768 }
 769
 770 #zero_hits_term {
 771     font-weight: bold;
 772 }
 773
 774 #zero_search_hits #spell_check_link {
 775 }
 776
 777 #zero_search_hits #zero_hits_suggestions {
 778 }
 779
 780 #lowhits_help {
 781     float: right;
 782     width: 353px;
 783     background: [% css_colors.accent_light %];
 784     padding: 10px;
 785     margin-top: 7px;
 786 }
 787
 788 .results_info_table td {
 789     padding-right: 10px;
 790 }
 791
 792 #myopac_holds_main_table {
 793     border-collapse: collapse;
 794 }
 795
 796 #myopac_holds_main_table td {
 797     border: 1px solid [% css_colors.border_dark %];
 798
 799 }
 800
 801 #myopac_prefs_div .data_grid {
 802     border-collapse:collapse;
 803 }
 804
 805 #myopac_prefs_div .data_grid td {
 806     background:[% css_colors.accent_ultralight %];
 807     border-bottom:3px solid [% css_colors.background %];
 808     padding:6px 0px 7px 17px;
 809 }
 810
 811 .header_middle {
 812     height:22px;
 813     font-size: [% css_fonts.size_bigger %];
 814     font-weight:bold;
 815     color:[% css_colors.primary_fade %];
 816     padding: 0px 7px 0px 0px;
 817     border-bottom: 1px dotted [% css_colors.accent_light %];
 818     clear: both;
 819 }
 820
 821 .header_middle a {
 822     font-weight: normal;
 823 }
 824
 825 #acct_sum_block {
 826      float:left;
 827      clear:left;
 828 }
 829
 830 .acct_sum_table {
 831     border-collapse: collapse;
 832     background: [% css_colors.accent_ultralight %];
 833 }
 834
 835 .acct_sum_table tr {
 836     border-bottom: 2px solid white;
 837 }
 838
 839 .acct_sum_table td {
 840     padding: 1em;
 841 }
 842
 843 .acct_sum_table a {
 844     text-transform: none;
 845     position:relative;
 846     top:-1px;
 847 }
 848
 849 .acct_sum_table .view_link {
 850     font-weight: normal;
 851 }
 852
 853 table.acct_notes {
 854     border-collapse: collapse;
 855     margin: -1em 0 0.5em 0;
 856 }
 857
 858 table.acct_notes * {
 859     border: solid thin;
 860     padding: 0.5em;
 861 }
 862
 863 table.acct_notes th {
 864     font-weight: bold;
 865 }
 866
 867 #myopac_sum_fines {
 868     float:right;
 869     padding: 15px 0px 0px 23px;
 870     background: [% css_colors.accent_ultralight %];
 871     width: 177px;
 872     height: 166px;
 873 }
 874
 875 #myopac_sum_fines_placehold { float: right; width: 177px; height: 166px; }
 876
 877 .acct_holds_temp td {
 878     text-align: left;
 879 }
 880
 881 #acct_checked_tabs .align, #acct_holds_tabs .align, #acct_prefs_tabs .align {
 882     float:left;
 883     /*padding-left:10px;*/
 884 }
 885
 886 #acct_checked_main_header, #acct_holds_main_header, #acct_checked_hist_header, #acct_list_header, #acct_list_header_anon, #temp_list_holds {
 887     border-collapse: collapse;
 888 }
 889
 890 .hold_notes {
 891     text-transform: none;
 892     font-weight: normal;
 893 }
 894
 895 .hold_note_title { font-weight: bold; }
 896
 897 #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 {
 898     background: [% css_colors.accent_lighter2 %];
 899     padding: 10px;
 900 }
 901
 902 #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 {
 903     text-align: left;
 904     padding: 0px 10px 0px 10px;
 905 }
 906
 907 #acct_list_header select, #acct_list_header_anon select {
 908     font-weight:normal;
 909     text-transform:none;
 910 }
 911
 912 .search_catalog_lbl {
 913     font-size: [% css_fonts.size_bigger %];
 914 }
 915 .adv_search_catalog_lbl {
 916     font-size: [% css_fonts.size_bigger %];
 917 }
 918
 919 .browse_the_catalog_lbl {
 920     font-size: [% css_fonts.size_bigger %];
 921 }
 922
 923 .lbl1 {
 924     font-size: [% css_fonts.size_bigger %];
 925     font-weight:bold;
 926 }
 927
 928 .lbl2 {
 929     font-size: [% css_fonts.size_smaller %];
 930     font-weight:normal;
 931     position:relative;
 932     top:3px;
 933     max-width:300px;
 934 }
 935
 936 #myopac_tabs, #adv_search_parent, #fines_payments_wrapper {
 937     background: [% css_colors.primary_fade %];
 938     padding-top:5px;
 939     margin-bottom:20px;
 940 }
 941
 942 #fines_payments_wrapper {
 943     padding-left: 5px;
 944     padding-right: 5px;
 945 }
 946
 947 .myopac_payments_table th { text-align: left; }
 948 .myopac_payments_table thead th { border-bottom: 1px dashed [% css_colors.accent_darker %]; }
 949 .myopac_payments_table thead th:first-child { width: 8em; }
 950 .myopac_payments_table tbody tr:nth-child(odd) { background-color: [% css_colors.accent_lighter %]; }
 951 .myopac_payments_table form { display: inline; }
 952 .myopac_payments_table input[type="submit"] { padding: 1px; }
 953
 954 .payment-error {
 955     font-weight: bold; color: [% css_colors.text_alert %];
 956     padding: 10px; border: 1px solid [% css_colors.accent_medium_dark %];
 957 }
 958
 959 .payment-processing {
 960     font-weight: bold;
 961     color: [% css_colors.text_greatnews %];
 962     font-size: [% css_fonts.size_bigger %];
 963     padding: 10px; border: 1px solid [% css_colors.accent_medium_dark %];
 964     text-align: center;
 965 }
 966 #adv_search_input { width: 100%; }
 967 #adv_search_parent {
 968     margin-bottom:0px;
 969 }
 970 #search-submit-spinner {
 971     height: 16px;
 972     width: 16px;
 973 }
 974 div.adv_search_available {
 975     margin-top: 1em;
 976 }
 977 #myopac_loading {
 978     width:100%;
 979     text-align:center;
 980     padding-top:20px;
 981     font-size: [% css_fonts.size_bigger %];
 982     font-weight:bold;
 983 }
 984
 985 .chili_link {
 986     width:100px !important;
 987     text-align: center !important;
 988 }
 989
 990 .chili_review div.chili_link div {
 991     margin: auto;
 992 }
 993
 994 [%- IF we_want_to_turn_on_facet_styling.defined; %]
 995 /* some facet styling */
 996 .facetClassContainer { margin: 2px; border: 1px solid [% css_colors.accent_light %]; }
 997 .facetClassLabelContainer { border: 1px solid [% css_colors.accent_light %]; }
 998 .facetClassLabel { font-weight: bold; text-align: center; }
 999 .facetFieldContainer {  }
1000 .facetFieldLabel { padding-left: 2px; margin-top: 5px; margin-bottom: 5px; font-weight: bold; text-align: left; }
1001 .extraFacetFieldsWrapper { }
1002 .toggleExtraFacetFieldsButton { float: right; margin: 0px; padding: 0px; }
1003 .facetFieldLineCount {
1004     display: inline-block;
1005     border-right: 1px solid [% css_colors.accent_light %];
1006     color: [% css_colors.accent_mediumdark %];
1007     width: 3em;
1008     margin-right: 3px
1009 }
1010 .facetField { border-top: 1px solid [% css_colors.accent_light %]; }
1011 .facetFields { padding-left: 5px; }
1012 .facetFieldLineValue { overflow: hidden; text-overflow: ellipsis; }
1013 [%- END -%]
1014
1015 div#facet_sidebar {
1016     float: left;
1017     margin-right: 1em;
1018 }
1019
1020 .facet_box_temp {
1021     padding-bottom:3px;
1022 }
1023
1024 .facet_box_temp .header {
1025     height: 2.3em;
1026     background:[% css_colors.primary %];
1027     -moz-border-top-left-radius: 5px;
1028     border-top-left-radius: 5px;
1029     -moz-border-top-right-radius: 5px;
1030     border-top-right-radius: 5px;
1031     font-weight:bold;
1032     color:[% css_colors.text_invert %];
1033     padding-top:4px;
1034 }
1035
1036 .facet_box_temp .header .title {
1037     float:left;
1038     padding-top:6px;
1039     padding-left:12px;
1040 }
1041
1042 .facet_box_temp .header a.button {
1043     float:right;
1044     padding-top:6px;
1045     padding-right:6px;
1046     color:[% css_colors.text_invert %];
1047 }
1048
1049 .facet_box_wrapper .box_wrapper .box {
1050     border-top:1px solid [% css_colors.border_standard %];
1051     border-left:1px solid [% css_colors.border_standard %];
1052     border-right:1px solid [% css_colors.border_standard %];
1053     padding: 0 0.5em;
1054     width: 14em;
1055     overflow: hidden;
1056 }
1057
1058 .facet_template {
1059     box-sizing: border-box;
1060     -moz-box-sizing: border-box;
1061     display: table;
1062     margin: 0.5em 0;
1063     width: 100%;
1064 }
1065
1066 .facet_template div {
1067     display: table-cell;
1068     padding: 2px;
1069 }
1070
1071 .facet_template .count {
1072     text-align: right;
1073     color: [% css_colors.accent_mediumdark %];
1074 }
1075
1076 .facet_template_selected {
1077     background-color: [% css_colors.accent_lighter2 %];
1078     border: 1px solid [% css_colors.accent_medium %];
1079 }
1080
1081 #footer-wrap {
1082     background: linear-gradient([% css_colors.primary_fade %], [% css_colors.primary %]);
1083     background: -moz-linear-gradient([% css_colors.primary_fade %], [% css_colors.primary %]);
1084     background: -o-linear-gradient([% css_colors.primary_fade %], [% css_colors.primary %]);
1085     background: -webkit-linear-gradient([% css_colors.primary_fade %], [% css_colors.primary %]);
1086     background-color: [% css_colors.primary %];
1087 }
1088
1089 #footer {
1090     padding-top:5px;
1091     padding-bottom: 10px;
1092     margin-left: 1em;
1093     font-size: [% css_fonts.size_small %];
1094 }
1095
1096 #footer a {
1097     color: [% css_colors.text_invert %];
1098     text-decoration: none;
1099     text-shadow: 0 0 0.2em [% css_colors.primary %], 0 0 0.2em [% css_colors.primary %];
1100 }
1101
1102 #copyright_text, #footer_logo {
1103     color: [% css_colors.text_invert %];
1104 }
1105
1106 .color_4 {
1107     font-weight: bold;
1108 }
1109
1110 .advanced_div { padding-top: 15px; }
1111 #adv_global_search { width: 100%; }
1112 #adv_global_search select { width: 13em; }
1113 #adv_global_addrow td { padding-top: 7px; }
1114 #adv_global_input_table { width: 100%; }
1115 #adv_global_input_table select { width: 7em; }
1116 .adv_adv_link {
1117     font-size: [% css_fonts.size_smaller %];
1118     color: [% css_colors.text_alert %];
1119 }
1120 #acct_prefs_header { float: left; }
1121 .search_page_nav_link {
1122     cursor: pointer;
1123     padding-left: 1em;
1124 }
1125 #opac.result.sort { width: 160px; }
1126 .renew-summary { font-size: [% css_fonts.size_bigger %]; font-style: italic; margin: 0.5ex 0; }
1127 .failure-text { margin-left: 4em; font-style: italic; color: [% css_colors.text_alert %]; }
1128 .refine-controls { font-size: [% css_fonts.size_bigger %]; padding: 0.5ex 0; }
1129 #adv_search_refine input[type=text] { border: 1px inset [% css_colors.accent_light %] !important; }
1130 #adv_search_refine select { border: 1px inset [% css_colors.accent_light %] !important; }
1131 #adv_search_refine {
1132     padding-left: 5em; background-color: [% css_colors.accent_lighter2 %]; margin: 2ex 0;
1133 }
1134 .row-remover { position: relative; top: 1px; vertical-align: middle; }
1135 .subtle-button {
1136     background-color: [% css_colors.background %];
1137     color: [% css_colors.primary %]; text-decoration: none;
1138     padding: 0; border: 0; margin: 0;
1139     vertical-align: middle;
1140 }
1141 .subtle-button:hover { text-decoration: underline; cursor: pointer; }
1142 .no-dec:hover { text-decoration: none; }
1143 .pending-addr td { background-color: [% css_colors.background_alert %] !important; border: 0 !important; }
1144
1145 #account-update-email table { text-align: center; padding: 20px; margin-top: 18px; border-collapse: collapse; }
1146 #account-update-email table td { padding: 5px 15px 5px 15px; border-bottom: 1px solid [% css_colors.accent_lighter %]; text-align: left;}
1147 #account-update-email-error { font-size: [% css_fonts.size_biggest %]; padding: 10px; border:1px solid [% css_colors.border_standard %];}
1148 a.dash-link:hover { text-decoration: underline !important; }
1149 #list_create_table td { vertical-align: middle; padding: 0 8px; }
1150 #list_create_table {
1151     background-color: [% css_colors.accent_light %];
1152     padding-bottom: 4px;
1153     margin-bottom: 10px;
1154     border-bottom: 1px dotted [% css_colors.accent_medium %];
1155 }
1156 .list-create-table-buttons input[type=image] { margin-top: 2px; }
1157 .result_table_format_cell { padding: 0px 10px; text-align: center; }
1158 .results_row_count { font-weight: bold; }
1159 #hold_editor h1 { font-size: [% css_fonts.size_bigger %]; font-weight: bold; }
1160 #hold_editor h2 { font-size: [% css_fonts.size_big %]; font-weight: normal; text-indent: 2em; font-style: italic; }
1161 #hold_editor h1, #hold_editor h2 { margin: 2px 0; }
1162 #hold_editor_table { background-color: [% css_colors.accent_lighter %]; padding: 0.5em; }
1163 #hold_editor_table th { text-align: right; padding-right: 1em; }
1164 #hold_editor_table td { padding: 0.25em 0; }
1165 .fmt-note { vertical-align: middle; padding-left: 1em !important; }
1166 .hold-editor-controls { text-align: center; padding-top: 1em !important; }
1167 .hold-editor-controls a { padding-left: 2em; }
1168
1169 .text-right { text-align: right; }
1170 .text-right-top { text-align: right; vertical-align: top; }
1171 .rdetail-author-div {
1172     padding-bottom: 10px;
1173     display: inline-block;
1174 }
1175
1176 .invisible { visibility: hidden; }
1177 .rdetail-extras-summary { margin: 10px; }
1178 .staff-hold { background-color: [% css_colors.accent_lightest %]; }
1179 .expert-search tbody tr th { text-align: right; padding-left: 2em; }
1180 .expert-search-row { padding-top: 10px; }
1181 #adv_expert_row label { font-weight: bold; }
1182
1183 .bookshelf thead tr td {
1184     border-bottom: 1px dashed [% css_colors.accent_dark %];
1185     padding-bottom: 1ex;
1186 }
1187 .cn_browse_item { padding: 2ex; }
1188 .results-paginator-list { padding-left: 1em; }
1189 .results-paginator-selected { color: [% css_colors.text_alert %]; }
1190 .inactive-hold { background: [% css_colors.accent_lightest %]; }
1191
1192 #hold-items-list td { padding: 5px; margin-bottom: 20px; }
1193 .hold-items-list-title { font-size: [% css_fonts.size_bigger %]; }
1194 .hold-items-list-problem { color: [% css_colors.text_alert %]; }
1195
1196 .big-strong {font-weight: bold; font-size: [% css_fonts.size_bigger %]; }
1197
1198 .results_header_btns, .results_header_sel {
1199     float:left;
1200 }
1201
1202 /*
1203  * .various_containers a = shortcut to putting .opac-button on every 'a' with
1204  *     the tradeoff of increased stylesheet complexity (TODO: rethink?)
1205  */
1206
1207 .opac-multiline-button > a,
1208 .opac-button, .results_header_btns a, #simple-detail-view-links a, .dash_account_buttons a {
1209     color: [% css_colors.button_text %];
1210     font-weight: bold;
1211     text-decoration: none;
1212     cursor: pointer !important;
1213     -moz-border-radius: 5px;
1214     border-radius: 5px;
1215     border: 1px solid [% css_colors.primary %];
1216     background:  [% css_colors.primary_fade %];
1217     margin: 0.5em;
1218     padding: 0.3em;
1219     display: inline-block;
1220 }
1221
1222 .opac-multiline-button > a:hover,
1223 .opac-button:hover, .results_header_btns a:hover, #simple-detail-view-links a:hover, #dash_wrapper a.opac-button:hover {
1224     background: [% css_colors.primary %];
1225 }
1226
1227 .opac-button:disabled {
1228     color: [% css_colors.accent_medium %];
1229     cursor: pointer !important;
1230     border: 1px solid [% css_colors.accent_light %];
1231     background-color: [% css_colors.accent_lighter %];
1232 }
1233
1234 /* Firefox adds its own special space to inputs; this gets us closer */
1235 button.opac-button::-moz-focus-inner, input.opac-button::-moz-focus-inner {
1236     padding: 0;
1237     border: 0;
1238 }
1239
1240 .opac-button-header, #dash_wrapper .opac-button {
1241     background: [% css_colors.control %];
1242     box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
1243     font-size: [% css_fonts.size_base %];
1244 }
1245 a.opac-button-header:hover, #dash_wrapper a.opac-button:hover {
1246     border-color: [% css_colors.control %];
1247 }
1248
1249 .opac-multiline-button > a {
1250     display: inline-block;
1251 }
1252
1253 #myopac_checked_div {
1254     padding: 0px;
1255 }
1256
1257 .rdetail-mfhd-head {
1258     margin-top: 5px;
1259     padding-top: 5px;
1260     background-color: [% css_colors.table_heading %];
1261 }
1262
1263 .rdetail-mfhd-type {
1264     padding-left: 1em;
1265 }
1266
1267 .rdetail-mfhd-bottom {
1268     border-bottom: thin solid [% css_colors.border_dark %];
1269     width: 100%;
1270 }
1271
1272 #rdetail_record_details {
1273     clear: both;
1274     margin-top: 1em;
1275 }
1276
1277 .rdetail_content {
1278     margin-left: 1.5em;
1279     padding-left: 1.5em;
1280 }
1281
1282 .rdetail_content_type, .rdetail_subject_type {
1283     vertical-align: top;
1284     font-weight: bold;
1285 }
1286
1287 .bookbag-item-row td { vertical-align: top; }
1288
1289 .error { color: [% css_colors.text_alert %]; font-weight: bold; }
1290 .success {
1291     color: [% css_colors.text_greatnews %];
1292     font-weight: bold;
1293 }
1294
1295 .rdetail_related_subjects {
1296     margin-top: 1.5em;
1297 }
1298
1299 .rdetail_related_series {
1300     margin-top: 1.5em;
1301 }
1302
1303 #rdetail_openurl {
1304     margin-top: 1em;
1305 }
1306
1307 .rdetail_openurl_entry {
1308     margin-left: 1em;
1309     padding-left: 1em;
1310 }
1311 .bookbag-controls-holder { width: 100%; }
1312 .bookbag-controls-holder:nth-child(odd) { background-color: [% css_colors.accent_lighter2 %]; }
1313 .bookbag-controls-holder:nth-child(even) { background-color: [% css_colors.accent_lightest %]; }
1314 .bookbag-controls-holder .most {
1315     padding-left: 0;
1316     margin-right: 5em;
1317 }
1318 h2.bookbag-name { margin-bottom: 0em; padding-bottom: 0em; }
1319 .bookbag-share .fixed { min-width: 4em; }
1320 .bookbag-specific { margin-left: 1em; }
1321 .bookbag-specific div.sort { float: left; width: 45%; text-align: left; }
1322 .bookbag-specific div.meta { float: right; width: 54%; text-align: right; }
1323 #bbag-name-desc-form tr th { vertical-align: middle; }
1324 #bbag-name-desc-form .saver { vertical-align: middle; text-align: center; }
1325 .bookbag-description {
1326     padding-top: 0em;
1327     font-style: italic;
1328     max-width: 40em;
1329 }
1330 #bbag-edit-description { width: 20em; }
1331 #bbag-edit-name { width: 20em; }
1332 textarea { font-family: sans-serif; }
1333 table.bookbag-specific {
1334     border-right: 1px solid [% css_colors.accent_dark %];
1335     border-bottom: 1px solid [% css_colors.accent_medium %];
1336     margin-bottom: 2ex;
1337 }
1338 .bookbag-share {
1339     float: left;
1340     padding: 5px 0;
1341 }
1342 .bookbag-controls {
1343     float: left;
1344     padding: 5px 0px 0px 10px;
1345 }
1346
1347 .bookbag-specific td.list_checkbox {
1348     padding-left: 10px !important;
1349 }
1350 .bookbag-specific td.list_entry {
1351     min-width: 10em;
1352     padding-left: 5px !important;
1353 }
1354 .bookbag-specific td.list_actions {
1355     white-space: nowrap !important;
1356 }
1357 .bookbag-paginator-selected { color: [% css_colors.text_alert %]; }
1358
1359 .list_is_empty {
1360     padding: 8px 0px 6px 0px;
1361     width: 100%;
1362     border: 0;
1363     font-size: [% css_fonts.size_bigger %];
1364     text-align: center;
1365     font-style: italic;
1366 }
1367 .save-notes { padding-bottom: 1.5ex; }
1368
1369 .nonbreaking-wrapper {
1370     display: inline-block;
1371 }
1372
1373 /* Moved from semiauto.css */
1374 .adv_global_input_container {
1375     border-bottom: none;
1376     clear: both;
1377 }
1378 .opac-auto-013 {
1379     border-bottom: none;
1380     *height: 0px;
1381 }
1382 .adv_global_filter_sort {
1383     border: none;
1384     width: 100%;
1385 }
1386 .clear-both { clear: both; }
1387 .common-no-pad {
1388     clear: both;
1389     height: 0px;
1390     margin: 0px;
1391     padding: 0px;
1392 }
1393 .common-full-pad {
1394     clear: both;
1395     height: 15px;
1396 }
1397 .alert { color: [% css_colors.text_alert %]; }
1398 .float-left { float: left; }
1399 .float-right { float: right; }
1400
1401 .saved-searches-header { width: 100%; font-weight: bold; font-size: [% css_fonts.size_bigger %]; }
1402 .saved-searches-header .button { float: right; width: 28px; }
1403 .saved-searches-header .text { float: left; padding-right: 1em; margin: 0.5ex 0;}
1404 .saved-searches-header {font-weight: bold; font-size: [% css_fonts.size_bigger %]; }
1405 .saved-searches { border-bottom: 1px solid [% css_colors.accent_medium %]; padding-right: 1em; }
1406 #staff-saved-search { /* wraps .saved-searches-header and .saved-searches on the record page */
1407     border-right: 1px solid [% css_colors.accent_darker %];
1408 }
1409 .result_item_circulated {
1410     padding-top: 4px;
1411 }
1412
1413 .result_item_circulated span {
1414     position: relative;
1415     top:-3px;
1416     left:3px;
1417 }
1418
1419 #search-only-bookbag-container { margin: 2ex 0; font-weight: bold; }
1420 #result-bookbag-heading { text-align: center; margin: 2ex; }
1421
1422 .result-bookbag-name { font-size: [% css_fonts.size_bigger %]; font-weight: bold; }
1423 .result-bookbag-description { font-size: [% css_fonts.size_bigger %]; font-style: italic; }
1424 .result-bookbag-item-note { font-style: italic; }
1425 .lowhits-bookbag-name { font-weight: bold; }
1426 .oils_AS { font-weight: bold; color: [% css_colors.text_match %]; }
1427 .oils_AS_match_term { text-align: left; color: [% css_colors.text %]; }
1428 .oils_AS_match_field {
1429     font-size: [% css_fonts.size_smallest %]; padding: 0.65em 0;
1430     text-align: right; color: [% css_colors.accent_medium %];
1431 }
1432 table.result_holdings_table {
1433     margin-top: 1em;
1434     margin-bottom: 1em;
1435 }
1436 table.result_holdings_table thead tr {
1437     background: [% css_colors.table_heading %];
1438 }
1439 table.result_holdings_table thead tr th {
1440     font-weight: bold;
1441 }
1442 span.preflib {
1443     margin: 0 2em 0 2em;
1444 }
1445 a.preflib_change {
1446   vertical-align: super;
1447   font-size: [% css_fonts.size_smaller %];
1448   line-height: normal;
1449   text-decoration: none;
1450 }
1451 .rdetail-holding-group { margin-left: 1.5em; }
1452 .rdetail-holding-group span { margin-left: 1.5em; }
1453 .rdetail-holding-group .paging { margin-left: 1.5em; }
1454 #rdetail_deleted_exp {
1455     font-weight: bold;
1456     padding: 1em;
1457     margin: 1em;
1458     border: thick solid [% css_colors.border_alert %];
1459 }
1460
1461 #ac_tab_wrapper { width : 100%; }
1462 .ac_tab { float: left; padding-right: 10px; font-size: [% css_fonts.size_big %]; padding: 5px; border: 1px solid [% css_colors.primary_offset %]; }
1463 .ac_tab_selected { background-color: [% css_colors.primary_offset %]; }
1464 .ac_tab_selected a { color: [% css_colors.text_invert %]; }
1465 #ac_content { clear: both; width: 100%; margin-top: 10px; }
1466
1467 /* Popmenu styles used for making css menus. */
1468 .popmenu {
1469     margin: 0;
1470     padding: 0;
1471 }
1472 .popmenu li {
1473     list-style: none;
1474 }
1475 .popmenu li a {
1476     display: block;
1477     padding: 3px 5px;
1478 }
1479 .popmenu li ul {
1480     display: none;
1481     width: 10em; /* Width to help Opera out */
1482     background-color: [% css_colors.primary %];
1483 }
1484 .popmenu li:hover ul {
1485     display: block;
1486     position: absolute;
1487     margin: 0;
1488     padding: 0;
1489     border-color: [% css_colors.border_dark %];
1490     border-width: 1px;
1491     border-style: solid;
1492 }
1493 .popmenu li:hover li {
1494     float: none;
1495 }
1496 .popmenu li:hover li a {
1497     background-color: [% css_colors.primary %];
1498     color: [% css_colors.accent_ultralight %];
1499 }
1500 .popmenu li li a:hover {
1501     background-color: [% css_colors.accent_ultralight %];
1502     color: [% css_colors.primary %];
1503 }
1504 /* Styles for the temporary list entry. */
1505 .popmenu li:hover li[class~="temporary"] a {
1506     background-color: [% css_colors.primary %];
1507     color: [% css_colors.accent_ultralight %];
1508 }
1509 .popmenu li li[class~="temporary"] a:hover {
1510     background-color: [% css_colors.accent_ultralight %];
1511     color: [% css_colors.primary %];
1512 }
1513 /* Styles for the default list entry. */
1514 .popmenu li:hover li[class~="default"] a {
1515     background-color: [% css_colors.primary %];
1516     color: [% css_colors.accent_ultralight %];
1517 }
1518 .popmenu li li[class~="default"] a:hover {
1519     background-color: [% css_colors.accent_ultralight %];
1520     color: [% css_colors.primary %];
1521 }
1522 /* Styles for the new list entry. */
1523 .popmenu li:hover li[class~="new"] a {
1524     background-color: [% css_colors.primary %];
1525     color: [% css_colors.accent_ultralight %];
1526 }
1527 .popmenu li li[class~="new"] a:hover {
1528     background-color: [% css_colors.accent_ultralight %];
1529     color: [% css_colors.primary %];
1530 }
1531 /* Style to add a divider on the menu. */
1532 .popmenu li li[class~="divider"] {
1533     border-bottom-width: 1px;
1534     border-bottom-color: [% css_colors.border_dark %];
1535     border-bottom-style: solid;
1536 }
1537
1538 #locale_picker_form {
1539     float: right;
1540     padding: 0.5em;
1541     margin-top: 2em;
1542     border-right: thin [% css_colors.control %] solid;
1543 }
1544
1545 #locale_picker_form * {
1546     margin: 0;
1547     padding: 0;
1548     vertical-align: middle;
1549 }
1550
1551 #patron_usr_barcode_not_found {
1552     font-weight: bold; color: [% css_colors.text_alert %];
1553 }
1554
1555 .record_title {
1556     font-weight: bold;
1557 }
1558
1559 .record_author {
1560     font-style: italic;
1561 }
1562
1563 .password_message {
1564     padding-top: 1em;
1565     padding-bottom: 0.5em;
1566         font-style: italic;
1567 }
1568
1569 #maintenance_message {
1570     padding: 5px;
1571     width: 100%;
1572     background-color: [% css_colors.text_alert %];
1573     color: [% css_colors.text_invert %];
1574     text-align: center;
1575 }
1576
1577 #search-box > span {
1578     margin: 0 1em;
1579 }
1580 .browse-error {
1581     font-weight: bold;
1582     font-color: #c00;
1583 }
1584 .browse-result-sources, .browse-result-authority-bib-links {
1585     margin-left: 1em;
1586 }
1587 .browse-result-best-match {
1588     font-weight: bold;
1589 }
1590 .browse-pager {
1591     margin: 2ex 0;
1592 }
1593 .browse-result-list {
1594     padding-bottom: 0.5ex;
1595 }
1596 .browse-shortcuts {
1597     font-size: [% css_fonts.size_bigger %];
1598 }
1599 .browse-result-authority-field-name {
1600     font-style: italic;
1601     margin-right: 1em;
1602 }
1603 .browse-leading-article-warning {
1604     font-style: italic;
1605     font-size: [% css_fonts.size_big %];
1606 }
1607 .browse-public-general-note {
1608     font-size: [% css_fonts.size_big %];
1609 }
1610 .browse-public-general-note-label { }
1611 .browse-public-general-note-institution {
1612     font-style: normal;
1613     font-weight: bold;
1614 }
1615 .browse-public-general-note-body {
1616     font-style: italic;
1617 }
1618
1619 .bib_peer_type {
1620     font-weight: bold;
1621 }
1622
1623 #main-content-register {
1624     margin-left: 40px;
1625     font-size: [% css_fonts.size_bigger %];
1626 }
1627
1628 #main-content-register table {
1629     padding: 20px;
1630     margin-top: 18px;
1631     border-collapse: collapse;
1632 }
1633
1634 #main-content-register td {
1635     text-align: left;
1636 }
1637
1638 #main-content-register td:not(:first-child) {
1639     padding-left: 20px;
1640 }
1641
1642 .patron-reg-invalid {
1643     font-weight: bold;
1644     color: red;
1645     padding-right: 10px;
1646 }
1647
1648 .result_footer_nav1 {
1649     clear: both;
1650 }
1651
1652 .small_view_only, #refine_hits, #return_to_hits {
1653     display: none;
1654 }
1655
1656 .rdetail_authors_div {
1657     margin-bottom: 1em;
1658 }
1659
1660 #search_query_label, #search_qtype_label, #search_itype_label, #search_locg_label {
1661     white-space: nowrap;
1662     display: inline-block;
1663 }
1664
1665 .result_table_title_cell {
1666     padding-top: 4px;
1667     padding-bottom: 4px;
1668 }
1669
1670 .record_title {
1671     font-size: [% css_fonts.size_bigger %];
1672 }
1673
1674 @media only screen and (max-width: 800px) {
1675     .facet_sidebar_hidden, .result_block_hidden {
1676         display: none;
1677     }
1678     .facet_sidebar_visible, .result_block_visible {
1679         display: inline ! important;
1680     }
1681     #acct_select, #acct_prefs_select {
1682         display: inline-block;
1683     }
1684 #acct_tabs, #acct_prefs_tabs {
1685          display:none;
1686      }
1687 }
1688
1689 @media only screen and (max-width: 600px) {
1690     input, select {
1691         font-size: [% css_fonts.size_big %];
1692     }
1693     span .nav_arrow_fix {
1694         display: none;
1695     }
1696     #header {
1697         padding: 0px;
1698         margin: 0px;
1699     }
1700     #homesearch_main_logo img {
1701         width:75%;
1702     }
1703     #format_selector {
1704         display:none;
1705     }
1706     #your-acct-login {
1707         padding: 0px;
1708         padding-top: 5px;
1709     }
1710     #your-acct-login a {
1711         margin: 0px;
1712         padding: 5px;
1713     }
1714     #topnav_logo {
1715         margin: 0;
1716     }
1717     #topnav_logo img {
1718         width: 200px;
1719     }
1720     #locale_picker_form {
1721         display: none;
1722     }
1723     #gold-links-holder {
1724         display: none;
1725     }
1726     #simple-detail-view-links {
1727         display: none;
1728     }
1729     #acct_tabs a, #acct_fines_tabs a {
1730        padding: 2px 4px 3px 4px;
1731        -moz-border-radius: 6px 6px 0px 0px;
1732        border-radius: 6px 6px 0px 0px;
1733        font-size: [% css_fonts.size_base %];
1734        margin: 0px 5px 0px 0px;
1735     }
1736
1737     #dash_wrapper div {
1738         background: transparent;
1739         padding: 0px;
1740     }
1741     #dash_wrapper {
1742         position: static;
1743         top: auto;
1744     }
1745     #dash_wrapper .opac-button {
1746         top: 0px;
1747     }
1748     .small_view_only {
1749         display: inline !important;
1750     }
1751     #dash_identity a {
1752         float:left;
1753     }
1754     #dashboard {
1755         display: none;
1756     }
1757     #holds_box form blockquote {
1758         margin-left: 10px;
1759         margin-right: 2px;
1760     }
1761     #holds_box form blockquote select {
1762         width: 100%;
1763     }
1764     #myopac_sum_fines_placehold {
1765         display:none;
1766     }
1767     #myopac_sum_fines {
1768         display: none;
1769     }
1770     .results_header_lbl {
1771         display: none;
1772     }
1773     .results_header_nav1 span.h1 {
1774         display: none;
1775     }
1776     .preflib {
1777         display: none;
1778     }
1779     .start_end_links_span {
1780         display: block;
1781     }
1782     .invisible {
1783         display: none;
1784     }
1785     .result_table_pic_header {
1786         padding-left: 0px !important;
1787         padding-right: 5px;
1788         width: 0px !important;
1789         margin: 0px;
1790     }
1791     .result_table_pic {
1792         width: 55px;
1793         padding: 0px;
1794         margin: 0px;
1795     }
1796     tr[name=results_isbn_tr], tr[name=results_phys_desc_tr], tr[name=results_pub_tr] strong, .result_count {
1797          display: none;
1798     }
1799     tr.result_table_title_cell[name=bib_cn_list] .result_holdings_table th:nth-child(4),
1800     tr.result_table_title_cell[name=bib_cn_list] .result_holdings_table td:nth-child(4) {
1801         display:none;
1802     }
1803     .results_info_table td {
1804         padding: 0px;
1805     }
1806     #results_header_bar {
1807         background-color: inherit;
1808     }
1809     .results_header_btns a {
1810         margin: 0.3em;
1811     }
1812     #main-content {
1813         margin: 0 1px;
1814     }
1815     #rdetails_status thead {
1816         display: none;
1817     }
1818     #rdetails_status tr {
1819         display: block;
1820         margin-top: 3px;
1821     }
1822     #rdetails_status td {
1823         display: block;
1824         padding: 1px;
1825     }
1826     .copy_details_row {
1827         background-color: [% css_colors.accent_lightest %];
1828     }
1829     .copy_details_offers_row {
1830         background-color: [% css_colors.accent_lightest %];
1831     }
1832     select#pickup_lib.search-wrapper-locg {
1833         width: 100%;
1834     }
1835     #search-wrapper #search-box {
1836         width: 85%;
1837         padding-top: 5px;
1838     }
1839     #main-content-home {
1840         padding: 0px;
1841         margin: 0px;
1842     }
1843     /* Make use of full width in mobile mode */
1844     .facet_box_wrapper .box_wrapper .box,
1845     .facet_template .facet,
1846     .facet_box_temp {
1847         width: inherit;
1848     }
1849     .facet_template .count {
1850         padding-left: 1em;
1851     }
1852     #facet_sidebar {
1853         margin-top: 0.5em;
1854     }
1855     #adv_search_parent {
1856         font-size: [% css_fonts.size_smaller %];
1857     }
1858     #adv_search_filters {
1859         position: relative;
1860         width: 300px;
1861     }
1862     #format_actions {
1863         float: left;
1864     }
1865     .rdetail_aux_utils {
1866         padding: 0px;
1867         border: none;
1868     }
1869     .result_metadata {
1870         width: inherit;
1871     }
1872     div#rdetail_actions_div {
1873         float: none;
1874     }
1875     h2.rdetail_uris {
1876         clear: both;
1877     }
1878     .search_catalog_lbl {
1879         margin-left: 0;
1880         white-space: nowrap;
1881     }
1882     .adv_search_catalog_lbl {
1883         margin-top: 0;
1884         white-space: nowrap;
1885     }
1886     .browse_the_catalog_lbl {
1887         white-space: nowrap;
1888     }
1889     .mobile_hide {
1890         display: none;
1891     }
1892     #dash_user {
1893         display: block;
1894         padding: 0.5em;
1895     }
1896     .dash_divider {
1897         display: none;
1898     }
1899     .dash_account_buttons {
1900         display: block;
1901     }
1902     .searchbar { line-height: 1.5em; }
1903     #browse-controls { line-height: 1.5em; }
1904     #search_query_label, #search_qtype_label, #search_itype_label, #search_locg_label {
1905         display: block;
1906     }
1907     .bookshelf td {
1908         display: block;
1909         width: 100%;
1910     }
1911     .bookshelf table thead tr {
1912         display: block;
1913     }
1914     #lowhits_help { width: inherit; }
1915     #adv_search_tabs a{
1916         font-size: [% css_fonts.size_small %];
1917         margin: 2px 2px 0px 2px;
1918         padding: 2px 2px 5px 2px;
1919         -moz-border-radius: 10px 0px 0px 0px;
1920         border-radius: 7px 7px 0px 0px;
1921     }
1922     #adv_global_tbody td {
1923         border-bottom: thin solid [% css_colors.accent_light %];
1924     }
1925     #adv_global_addrow td {
1926         border-bottom: none;
1927     }
1928         /* Force table to not be like tables anymore */
1929         table#acct_checked_main_header thead tr th {
1930                 display: block;
1931         }
1932         table#acct_checked_main_header tbody tr td {
1933                 display: block;
1934         }
1935
1936         /* Hide table headers (but not display: none;, for accessibility) */
1937         thead tr {
1938                 position: absolute;
1939                 top: -9999px;
1940                 left: -9999px;
1941         }
1942
1943         table#acct_checked_main_header tr { border: 1px solid #ddd; }
1944
1945         table#acct_checked_main_header td {
1946                 /* Behave  like a "row" */
1947                 border: none;
1948                 border-bottom: 1px solid #eee;
1949                 position: relative;
1950                 padding-left: 40%;
1951         }
1952
1953         table#acct_checked_main_header td:before {
1954                 /* Now like a table header */
1955                 position: absolute;
1956                 /* Top/left values mimic padding */
1957                 left: 2px;
1958                 width: 40%;
1959                 padding-right: 10px;
1960                 white-space: nowrap;
1961         }
1962
1963         table#acct_checked_main_header td:nth-of-type(1) { border-top: 5px solid #aaa; padding-top: 15px; background-color: #fff;}
1964         table#acct_checked_main_header td:nth-of-type(2):before { content: "[% l('Title / Author') %]";}
1965         table#acct_checked_main_header td:nth-of-type(3):before { content: "[% l('Renewals Left') %]"; }
1966         table#acct_checked_main_header td:nth-of-type(4):before { content: "[% l('Due Date') %]"; }
1967         table#acct_checked_main_header td:nth-of-type(5):before { content: "[% l('Barcode') %]"; }
1968         table#acct_checked_main_header td:nth-of-type(6):before { content: "[% l('Call number') %]"; }
1969
1970         table#acct_holds_main_header thead tr th {
1971                 display: block;
1972         }
1973         table#acct_holds_main_header tbody tr td {
1974                 display: block;
1975         }
1976
1977         table#acct_holds_main_header td {
1978                 /* Behave  like a "row" */
1979                 border: none;
1980                 border-bottom: 1px solid #eee;
1981                 position: relative;
1982                 padding-left: 40%;
1983         }
1984
1985
1986         table#acct_holds_main_header td:before {
1987                 /* Now like a table header */
1988                 position: absolute;
1989                 /* Top/left values mimic padding */
1990                 left: 2px;
1991                 width: 40%;
1992                 padding-right: 10px;
1993                 white-space: nowrap;
1994         }
1995
1996         table#acct_holds_main_header td:nth-of-type(1) { border-top: 5px solid #aaa; padding-top: 15px; background-color: #fff;}
1997         table#acct_holds_main_header td:nth-of-type(2):before { content: "[% l('Title') %]";}
1998         table#acct_holds_main_header td:nth-of-type(3):before { content: "[% l('Author') %]"; }
1999         table#acct_holds_main_header td:nth-of-type(4):before { content: "[% l('Format') %]"; }
2000         table#acct_holds_main_header td:nth-of-type(5):before { content: "[% l('Pickup Location') %]"; }
2001         table#acct_holds_main_header td:nth-of-type(6):before { content: "[% l('Activate') %]"; }
2002         table#acct_holds_main_header td:nth-of-type(7):before { content: "[% l('Cancel on') %]"; }
2003         table#acct_holds_main_header td:nth-of-type(8):before { content: "[% l('Active') %]"; }
2004         table#acct_holds_main_header td:nth-of-type(9):before { content: "[% l('Status') %]"; }
2005         table#acct_holds_main_header td.hold_notes:before { content: "[% l('Notes') %]"; }
2006 }