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