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