Open-ILS/web/css/skin/default/opac/style.css

   1 body {
   2         margin:0;
   3         font-family: Arial, Helvetica, sans-serif;
   4         font-size: 12px;
   5         background:#333;
   6 }
   7
   8 img {
   9         border: none;
  10 }
  11
  12 a {
  13         color: #003399;
  14 }
  15
  16 #search-wrapper input[type=text] {
  17         border:none;
  18         margin:0;
  19         padding:0;
  20 }
  21
  22 #search-wrapper select, .results_header_lbl select {
  23         border:1px solid #e9ebf3;
  24         margin:0;
  25         padding:0;
  26         width:168px;
  27 }
  28
  29 /*
  30 #search-wrapper select {
  31         border:0px solid black;
  32         filter:alpha(opacity=0);
  33         -moz-opacity:0;
  34         -khtml-opacity:0;
  35         opacity:0;
  36         padding:0;
  37         margin:0;
  38         height:18px;
  39         font-size: 12px;
  40 }
  41 */
  42 h1 {
  43         margin:0;
  44         margin-bottom: 5px;
  45         font-size: 20px;
  46         font-weight:normal;
  47 }
  48
  49 h2 {
  50         margin:0;
  51         margin-bottom: 5px;
  52         font-size: 16px;
  53         font-weight:bold;
  54 }
  55
  56 .hide_me, .hidden {
  57         display: none;
  58         visibility: hidden;
  59 }
  60
  61 div.select-box-wrapper {
  62         position:absolute;
  63         padding-top:2px;
  64         padding-left:3px;
  65         overflow:hidden;
  66         text-align:left;
  67 }
  68
  69 div.select-wrapper {
  70         border:1px solid #4C8AB0;
  71         display:inline-block;
  72         position:relative;
  73         z-index:2;
  74         background:url('/images/dropdown.gif') no-repeat right center;
  75 }
  76
  77 div.select-wrapper:hover {
  78         background:url('/images/dropdown-hover.gif') no-repeat right center;
  79 }
  80
  81 #dash_wrapper {
  82         width:500px;
  83         position:relative;
  84         top:-26px;
  85 }
  86
  87 #dashboard {
  88         clear:both;
  89         float:right;
  90         width:384px;
  91 }
  92
  93 #dashboard span {
  94         font-weight:bold;
  95         position:relative;
  96         left:-1px;
  97 }
  98
  99 #dash_user {
 100         font-weight: bold;
 101         text-transform: capitalize;
 102     position: relative;
 103     top: 10px;
 104 }
 105
 106 #dash_corner_mid1a {
 107     vertical-align: top;
 108     background: url('/images/dash-corner-mid1.png') repeat-x;
 109     padding-left: 8px;
 110 }
 111 #dash_corner_mid1b {
 112     background: url('/images/dash-corner-mid1.png') repeat-x;
 113     padding: 0px 8px 0px 10px;
 114 }
 115 #dash_corner_mid1b img { position: relative; top: -1px; }
 116 #dash_corner_mid1c {
 117     background: url('/images/dash-corner-mid1.png') repeat-x;
 118     vertical-align: top;
 119 }
 120 #dash_corner_mid2a {
 121     vertical-align: top;
 122     width: 372px;
 123     background: url('/images/dash-corner-mid2.png') repeat-x;
 124 }
 125 .dash-pos-out { position: relative; left: 3px; }
 126 .dash-pos-holds { position: relative; left: 100px; }
 127 .dash-align-out { text-align: right; width: 86px; }
 128 .dash-align-holds { text-align: right; width: 62px; }
 129 .dash-pos-pickup { position: relative; left: 170px; }
 130 .dash-align-pickup { text-align: right; width: 111px; }
 131 .dash-pos-fines { position: relative; left: 284px; }
 132 .dash-align-fines { text-align: right; width: 76px; }
 133 .pos-rel-top4 { position: relative; top: 4px; }
 134 #dash_number_row { position: relative; top: 6px; }
 135 #logout_link { left: 1px; }
 136
 137 #dash_checked { color: #ffcc33; }
 138 #dash_holds { color: #ffcc33; }
 139 #dash_pickup { color: #1dd93c; }
 140 #dash_fines { color: #f41d36; }
 141 #header {
 142         color: #fff;
 143         padding: 26px 0px 26px 0px;
 144         width: 974px;
 145         margin: auto;
 146         font-size:11px;
 147 }
 148
 149 #header a {
 150         color: #fff;
 151 }
 152
 153 #header a:hover {
 154         color: white;
 155         text-decoration: none;
 156 }
 157
 158 #header-links {
 159         color: #afafaf;
 160         font-size: 11px;
 161         font-weight: bold;
 162         position: relative;
 163         top:4px;
 164
 165 }
 166
 167 #header-links a {
 168         color: #afafaf;
 169         display: block;
 170         float:left;
 171         margin-right:22px;
 172 }
 173
 174 #header-links a:hover {
 175         color: white;
 176         text-decoration: none;
 177 }
 178
 179 #header #header-links2 {
 180         position:relative;
 181         top:-8px;
 182         color: white;
 183         padding-bottom: 15px;
 184 }
 185
 186 #header #header-links2 a {
 187         color: white;
 188 }
 189
 190 #header #header-links2 a:hover {
 191         text-decoration: underline;
 192 }
 193
 194 #header #your-acct-login {
 195         padding-top:10px;
 196 }
 197
 198 #gold-links {
 199         margin:auto;
 200         width:974px;
 201         padding-left:0px;
 202 }
 203
 204 #gold-links-home {
 205         margin:auto;
 206         width:694px;
 207         padding-left:0px;
 208 }
 209
 210 #util-bar {
 211         margin:auto;
 212         width:974px;
 213         padding-left:0px;
 214         height:0px;
 215 }
 216
 217 #search-wrapper {
 218         border-bottom: 1px solid #e9ebf3;
 219         padding-bottom: 5px;
 220         background: white;
 221 }
 222
 223 .search_box_wrapper {
 224         border:1px solid #e9ebf3;
 225         padding: 1px;
 226     padding-left: 3px;
 227 }
 228
 229 #search-wrapper #breadcrumb {
 230         margin-top:0px;
 231         font-size: 10px;
 232         float:left;
 233 }
 234
 235 #search-wrapper #search-within {
 236         margin-top:10px;
 237         float:right;
 238         position:relative;
 239         left:-173px;
 240 }
 241
 242 #search-wrapper #breadcrumb a {
 243         color: black;
 244 }
 245
 246 #search-wrapper #search_frm label {
 247         font-size: 10px;
 248 }
 249
 250 #search-wrapper #search-box {
 251         width:974px;
 252         margin:auto;
 253         padding-left: 0px;
 254 }
 255
 256 #utils {
 257         float:right;
 258         z-index:1;
 259         width:150px;
 260         height:30px;
 261         background:url('/images/utils-corner-left.png') no-repeat left top;
 262         padding-left: 3px;
 263         color: white;
 264         position:relative;
 265 }
 266
 267 #utils a {
 268         color: white;
 269         font-size: 10px;
 270 }
 271
 272 #adv_search_tabs, #acct_tabs, #acct_fines_tabs, #acct_checked_tabs, #acct_holds_tabs, #acct_prefs_tabs, #results_header_inner{
 273         height: 40px;
 274         width:974px;
 275         margin:auto;
 276 }
 277
 278 #adv_search_tabs a, #acct_tabs a, #acct_fines_tabs a, #acct_checked_tabs a, #acct_holds_tabs a, #acct_prefs_tabs a {
 279     float: left;
 280     text-align: center;
 281     vertical-align: middle;
 282     display: block;
 283     margin: 10px 7px 10px 0px;
 284     padding: 10px 0px 10px 0px;
 285     -moz-border-radius: 5%;
 286     border-radius: 5%;
 287     font-weight: bold;
 288     color: #45709b;
 289     background: #9ad0f1;
 290     font-weight: bold;
 291 }
 292
 293 #adv_search_tabs a, #acct_tabs a, #acct_fines_tabs a {
 294     width:156px;
 295 }
 296
 297 #adv_search.on, #num_search.on, #expert_search.on {
 298     color: #333333;
 299     background: white;
 300 }
 301
 302 #adv_search_tabs a.acct-tab-on, #acct_tabs a.acct-tab-on, #acct_fines_tabs a.acct-tab-on {
 303     color: #333333;
 304     background: white;
 305 }
 306
 307 .acct-tab-off {
 308     background: #9ad0f1;
 309 }
 310
 311 #acct_checked_tabs a, #acct_holds_tabs a, #acct_prefs_tabs a {
 312     margin-top: 0px;
 313     font-size: 10px;
 314     color: #333333;
 315     padding: 10px 10px 10px 10px;
 316 }
 317
 318 #acct_checked_tabs div.selected a, #acct_holds_tabs div.selected a, #acct_prefs_tabs div.selected a {
 319     background: #e1e1e1;
 320     color: #333333;
 321 }
 322
 323 #acct_checked_tabs, #acct_holds_tabs, #acct_prefs_tabs {
 324     padding-bottom: 12px;
 325     color: #666;
 326 }
 327
 328 #rdetail_header {
 329         font-size:14px;
 330         font-weight:bold;
 331         color:#074079;
 332         padding: 5px 7px 6px 0px;
 333         border-bottom: 1px dotted #ccc;
 334 }
 335
 336 #rdetail_result_count {
 337         color: black;
 338         font-size: 11px;
 339         font-weight: normal;
 340     padding-left: 10px;
 341 }
 342
 343 #rdetail_result_nav {
 344         float:right;
 345         font-size: 11px;
 346         font-weight:normal;
 347 }
 348
 349 #rdetail_details_table {
 350         margin-top: 15px;
 351 }
 352
 353 #rdetail_image { border: none; }
 354 #rdetail_image_cell {
 355         padding-top: 3px;
 356         padding-right: 10px;
 357 }
 358
 359 .rdetail_uri {
 360     border: thin black solid;
 361     padding: 3px;
 362 }
 363
 364 .rdetail_aux_utils {
 365         border-left:1px dotted #ccc;
 366         padding-left: 17px;
 367         padding-bottom: 6px;
 368         padding-right: 70px;
 369 }
 370
 371 .results_aux_utils {
 372         border-left:1px dotted #ccc;
 373         padding-left: 17px;
 374         padding-bottom: 6px;
 375         padding-right: 50px;
 376 }
 377
 378 #rdetail_copies {
 379     clear: both;
 380     padding-top: 1.5em;
 381 }
 382
 383 #rdetails_status td, #rdetails_status2 td {
 384         white-space:nowrap !important;
 385         padding: 7px 0px 3px 13px;
 386 }
 387
 388 #rdetails_status thead th {
 389         background-color: #d8d8d8;
 390         padding: 13px 0px 13px 13px;
 391         font-size: 10px;
 392         text-transform: uppercase;
 393         font-weight: bold;
 394     text-align: left;
 395 }
 396
 397 #rdetails_status tbody td {
 398         padding-left: 13px;
 399     text-align: left;
 400 }
 401
 402 .rdetail_extras {
 403         height: 29px;
 404         background: #9ad0f1;
 405         padding-top:1px;
 406         margin-bottom: 10px;
 407         margin-top: 10px;
 408         clear:both;
 409 }
 410
 411 .rdetail_extras_hr {
 412         height: 1px;
 413         background: #b7def5;
 414         margin-left: 1px;
 415         margin-right: 1px;
 416 }
 417
 418 .rdetail_extras_link {
 419         padding-top: 4px;
 420         padding-left: 12px;
 421         font-size: 10px;
 422         text-transform: uppercase;
 423         font-weight: bold;
 424 }
 425
 426 .rdetail_extras_lbl {
 427         position: relative;
 428         top: -4px;
 429         left: 7px;
 430 }
 431
 432 #paginate-homebanner a.toc {
 433         display:block;
 434         width:20px;
 435         height:20px;
 436         background:gray;
 437         float:left;
 438         margin-left:2px;
 439         margin-right:2px;
 440         margin-top:2px;
 441 }
 442
 443 #rdetail_extras_expand, #rdetail_extras_collapse, #rdetail_locs_collapse {
 444         margin-left: 13px;
 445 }
 446
 447 #rdetail_locs_expand, #rdetail_locs_collapse {
 448         padding-bottom:3px;
 449         margin-top:15px;
 450         margin-left:13px;
 451 }
 452
 453 #rdetail_anotes_div .biography {
 454         margin:0;
 455 }
 456
 457 #paginate-homebanner a.selected {
 458         border: 2px solid black;
 459         margin-top:0px;
 460         margin-left:0px;
 461         margin-right:0px;
 462 }
 463
 464 #hp-buttons {
 465         margin: auto;
 466         margin-top: 6px;
 467         width: 694px; /* 974px; */
 468 }
 469
 470 #hp-welcome {
 471         position:absolute;
 472         width:295px;
 473         height:192px;
 474         background: url('/images/banner-bg.png') no-repeat;
 475         color: #fff;
 476         padding-left: 33px;
 477         padding-top: 21px;
 478         z-index:9999999999;
 479 }
 480
 481 #hp-welcome h1 {
 482         font-size: 25px;
 483         margin-bottom:15px;
 484 }
 485
 486 #hp-welcome a {
 487         color: #fff;
 488         text-decoration: underline;
 489 }
 490
 491 #hp-banner {
 492         margin: auto;
 493         width: 694px; /* formerly 974px */
 494         height: 213px;
 495 }
 496
 497 #hp-ql-table {
 498         margin-left: 2px;
 499         padding-top: 3px;
 500 }
 501
 502 #hp-ql-table a {
 503         color: #333;
 504         font-weight: bold;
 505         font-size: 13px;
 506         text-transform: uppercase;
 507         text-decoration: none;
 508         display: block;
 509         width: 144px;
 510         height: 25px;
 511         padding-top: 9px;
 512         padding-left: 15px;
 513         background: url('/images/button-bg.png') no-repeat;
 514 }
 515
 516 #hp-ql-bottom {
 517         width: 640px;
 518         height: 31px;
 519         padding-left: 24px;
 520         padding-top: 13px;
 521         background: url('/images/hp-links-mid.jpg') repeat-x;
 522 }
 523
 524 #hp-ql-bottom a {
 525         display: inline-block;
 526         text-decoration: none;
 527         color: white;
 528         font-size: 15px;
 529         font-weight: bold;
 530 }
 531
 532 #hp-ql-bottom img {
 533     position:relative;
 534     top:-1px;
 535     left:2px;
 536 }
 537
 538 .almost-content-wrapper {
 539         background: white;
 540 }
 541
 542 #content-wrapper {
 543         background: white;
 544         min-height: 260px;
 545         border-bottom: 1px solid black;
 546 }
 547
 548 .content-wrapper-record-page { top: -15px; position: relative; }
 549
 550 #main-content-home { width: 694px; margin: auto; padding-left: 17px; }
 551 #main-content { width: 974px; margin:auto; padding-left: 0px; }
 552
 553 #main-content-after-bar { float: left; width: 700px; margin: auto; padding-left: 4px; }
 554
 555 #results-side-bar { float: left; width: 274px; background-color: #ddd; color: black; height: 500px; /* XXX to height of container*/  }
 556
 557 #main-content .login_boxes {
 558         border: 1px solid #dedede;
 559         background:url('/images/login-bg.jpg') top repeat-x;
 560         color: #333;
 561 }
 562
 563 #main-content .login_boxes h1 {
 564         font-weight: normal;
 565         font-size: 25px;
 566         margin:0;
 567 }
 568
 569 #main-content .left_brain {
 570         padding-left:28px;
 571         padding-top:25px;
 572 }
 573
 574 #main-content .left_brain input[type=text], #main-content .left_brain input[type=password] {
 575         width:167px;
 576         height:18px;
 577         margin:0;
 578         padding:0;
 579         border:none;
 580         background: none;
 581         font-size: 15px;
 582         color: #666;
 583 }
 584
 585 #main-content .left_brain .input_bg {
 586         padding:10px 10px 0px 13px;
 587         background: url('/images/login-box-bg.jpg') no-repeat;
 588         width:167px;
 589         height:29px;
 590 }
 591
 592 #home-buttons-inner {
 593         width:664px;
 594         height:117px;
 595         background:#bda964;
 596 }
 597
 598 #holds_temp_parent td {
 599         border-bottom:1px solid #dcdbdb;
 600 }
 601
 602 #holds_temp_parent input, #holds_temp_parent select {
 603         margin:0;
 604 }
 605
 606 #results_header_bar {
 607         background: #929292;
 608         border-top:1px solid #8b8b8b;
 609 }
 610
 611 #results_header_inner {
 612     height: 32px;
 613     padding-top:6px;
 614 }
 615
 616 .cached_list_div { width: 111px; height: 25px; }
 617
 618 .results_header_div {
 619         float: left;
 620         width: 0px;
 621         height: 25px;
 622         border-left: 1px solid #7c7c7c;
 623         border-right: 1px solid #9c9c9c;
 624         margin: 0px 13px;
 625 }
 626
 627 .results_header_lbl {
 628         font-weight: bold;
 629         float: left;
 630         font-size: 11px;
 631         color: #191919;
 632         margin-right: 6px;
 633 }
 634
 635 .results_header_sel {
 636     /* width: 88px; */
 637         float:left;
 638         margin:0;
 639 }
 640
 641 .results_header_nav1 {
 642         padding: 5px 7px 6px 0px;
 643         border-bottom: 1px dotted #ccc;
 644 }
 645
 646 .results_header_nav1 .h1 {
 647         font-size:14px;
 648         font-weight:bold;
 649         color:#074079;
 650 }
 651
 652 .start_end_links_span {
 653         font-size: 11px;
 654 }
 655
 656 .nav_arrow_fix {
 657         font-size:8px;
 658         position:relative;
 659         top:-1px;
 660 }
 661
 662 #result_table_div {
 663         margin-top: 20px;
 664 }
 665
 666 .result_numbers {
 667         font-size: 11px; padding-left:15px; white-space: nowrap; width: 320px;
 668 }
 669
 670 .result_table_subtable { width: 100%; border-collapse: collapse; border: 0; }
 671
 672
 673
 674
 675 .icon_text {
 676         text-transform:capitalize;
 677 }
 678
 679 .result_table_title_cell {
 680         padding-left: 7px;
 681 }
 682
 683 #myopac_summary_div p {
 684         margin:0;
 685         margin-bottom: 10px;
 686 }
 687
 688 #acct_sum_checked_table td {
 689         padding-bottom:5px;
 690 }
 691
 692 #zero_search_hits div { float:left;width:300px;margin-top:20px; }
 693
 694 #zero_search_hits p {
 695         margin-top:0;
 696 }
 697
 698 #zero_hits_term {
 699         text-transform: uppercase;
 700     font-weight: bold;
 701 }
 702
 703 #zero_search_hits #spell_check_link {
 704         text-transform: uppercase;
 705 }
 706
 707 #zero_search_hits #zero_hits_suggestions {
 708         text-transform: uppercase;
 709 }
 710
 711 .results_info_table td {
 712         padding-right: 10px;
 713 }
 714
 715 #myopac_holds_main_table {
 716         border-collapse: collapse;
 717 }
 718
 719 #myopac_holds_main_table td {
 720         border: 1px solid black;
 721
 722 }
 723
 724 #myopac_prefs_div .data_grid {
 725         border-collapse:collapse;
 726 }
 727
 728 #myopac_prefs_div .data_grid td {
 729         background:#f0f0f0;
 730         border-bottom:3px solid white;
 731         padding:6px 0px 7px 17px;
 732 }
 733
 734 .header_middle {
 735         height:22px;
 736         font-size:14px;
 737         font-weight:bold;
 738         color:#074079;
 739         padding: 0px 7px 0px 0px;
 740         border-bottom: 1px dotted #ccc;
 741 }
 742
 743 .header_middle a {
 744         font-size: 12px;
 745         font-weight: normal;
 746 }
 747
 748 .acct_sum_row {
 749         padding: 7px 15px;
 750         width: 712px;
 751         background: #f0f0f0;
 752         margin-bottom: 2px;
 753         font-size: 10px;
 754         font-weight: bold;
 755         text-transform: uppercase;
 756 }
 757
 758 .acct_sum_row a {
 759         text-transform: none;
 760         font-size: 12px;
 761         position:relative;
 762         top:-1px;
 763 }
 764
 765 .acct_sum_row .view_link {
 766         font-weight: normal;
 767         font-size:12px;
 768 }
 769
 770 #myopac_sum_fines {
 771         float:right;
 772         padding: 15px 0px 0px 23px;
 773         background: #f0f0f0;
 774         width: 177px;
 775         height: 166px;
 776 }
 777
 778 #myopac_sum_fines_placehold { float: right; width: 177px; height: 166px; }
 779
 780 .acct_holds_temp td {
 781         text-align: left;
 782 }
 783
 784 #acct_checked_tabs .align, #acct_holds_tabs .align, #acct_prefs_tabs .align {
 785         float:left;
 786         /*padding-left:10px;*/
 787 }
 788
 789 #acct_checked_tabs .selected, #acct_holds_tabs .selected, #acct_prefs_tabs .selected {
 790         /*background:url('/images/gray-arrow.png') left 3px no-repeat;*/
 791 }
 792
 793 #acct_checked_main_header, #acct_holds_main_header, #acct_checked_hist_header, #acct_list_header, #acct_list_header_anon, #temp_list_holds {
 794         font-weight:bold;
 795         text-transform:uppercase;
 796         font-size: 10px;
 797 }
 798
 799 #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 {
 800         background: #d8d8d8;
 801         padding: 8px 0px 7px 0px;
 802 }
 803
 804 #acct_list_header select, #acct_list_header_anon select {
 805         font-weight:normal;
 806         text-transform:none;
 807 }
 808
 809 #acct_holds_activates_table label {
 810         font-weight: bold;
 811         font-size: 11px;
 812         text-transform:uppercase;
 813         padding-right: 5px;
 814 }
 815
 816 .adv_search_font {
 817         font-size: 10px;
 818 }
 819
 820 .search_catalog_lbl {
 821         font-size: 14px;
 822 }
 823
 824 .lbl1 {
 825         font-size:14px;
 826         font-weight:bold;
 827 }
 828
 829 .lbl2 {
 830         font-size:10px;
 831         font-weight:normal;
 832         position:relative;
 833         top:3px;
 834 }
 835
 836 #myopac_tabs, #adv_search_parent, #fines_payments_wrapper {
 837         background: #929292;
 838         border-top:1px solid #8b8b8b;
 839         padding-top:5px;
 840         margin-bottom:20px;
 841 }
 842
 843 #fines_payments_wrapper {
 844     padding-left: 5px;
 845     padding-right: 5px;
 846 }
 847
 848 .myopac_payments_table th { text-align: left; }
 849 .myopac_payments_table thead th { border-bottom: 1px dashed #333; }
 850 .myopac_payments_table thead th:first-child { width: 8em; }
 851 .myopac_payments_table tbody tr:nth-child(odd) { background-color: #ddd; }
 852 .myopac_payments_table form { display: inline; }
 853 .myopac_payments_table input[type="submit"] { padding: 1px; }
 854
 855 .payment-error {
 856     font-weight: bold; color: red;
 857     padding: 10px; border: 1px solid #888;
 858 }
 859
 860 #adv_search_parent {
 861         margin-bottom:0px;
 862 }
 863
 864 #myopac_loading {
 865         width:100%;
 866         text-align:center;
 867         padding-top:20px;
 868         font-size:16px;
 869         font-weight:bold;
 870 }
 871
 872 .chili_link {
 873         width:100px !important;
 874         text-align: center !important;
 875 }
 876
 877 .chili_review div.chili_link div {
 878         margin: auto;
 879 }
 880
 881 /* some facet styling */
 882 .facetClassContainer { margin: 2px; border: 1px solid #CCC; }
 883 .facetClassLabelContainer { border: 1px solid #CCC; }
 884 .facetClassLabel { font-weight: bold; text-align: center; }
 885 .facetFieldContainer {  }
 886 .facetFieldLabel { padding-left: 2px; margin-top: 5px; margin-bottom: 5px; font-weight: bold; text-align: left; }
 887 .extraFacetFieldsWrapper { }
 888 .toggleExtraFacetFieldsButton { float: right; margin: 0px; padding: 0px; }
 889 .facetFieldLineCount { display: inline-block; border-right: 1px solid #CCC; color: gray; width: 3em; margin-right: 3px }
 890 .facetField { border-top: 1px solid #CCC; }
 891 .facetFields { padding-left: 5px; }
 892 .facetFieldLineValue { overflow: hidden; text-overflow: ellipsis; }
 893
 894 #footer {
 895         padding-top:5px;
 896         padding-bottom: 10px;
 897         color: white;
 898         margin: auto;
 899         width: 974px;
 900         color: #afafaf;
 901         font-size: 11px;
 902 }
 903
 904 #footer a {
 905         color: white;
 906         color: #afafaf;
 907 }
 908
 909 .color_4 {
 910         text-transform: uppercase;
 911         font-weight: bold;
 912         font-size: 10px;
 913 }
 914
 915 .advanced_div { padding-top: 15px; }
 916 #adv_global_search select { width: 13em; }
 917 #adv_global_input_table select { width: 7em; }
 918 .adv_adv_link { font-size: 8pt; color: red; }
 919 #acct_prefs_header { float: left; }
 920 .search_page_nav_link { cursor: pointer; }
 921 #opac.result.sort { width: 160px; }
 922 .renew-summary { font-size: 125%; font-style: italic; margin: 0.5ex 0; }
 923 .failure-text { margin-left: 4em; font-style: italic; color: #ff0000; }
 924 .refine-controls { font-size: 125%; padding: 0.5ex 0; }
 925 #adv_search_refine input[type=text] { border: 1px inset #ccc !important; }
 926 #adv_search_refine select { border: 1px inset #ccc !important; }
 927 #adv_search_refine {
 928     padding-left: 5em; background-color: #d7d7d7; margin: 2ex 0;
 929 }
 930 .row-remover { position: relative; top: 1px; vertical-align: middle; }
 931 .subtle-button {
 932     background-color: #ffffff;
 933     color: #003399; text-decoration: none;
 934     font-size: 12px;
 935     padding: 0; border: 0; margin: 0;
 936     vertical-align: middle;
 937 }
 938 .subtle-button:hover { text-decoration: underline; cursor: pointer; }
 939 .no-dec:hover { text-decoration: none; }
 940 .pending-addr td { background-color: #ffcccc !important; border: 0 !important; }
 941
 942 #account-update-email table { text-align: center; padding: 20px; margin-top: 30px; border-collapse: collapse; }
 943 #account-update-email table td { padding: 5px 15px 5px 15px; border-bottom: 1px solid #ddd; text-align: left;}
 944 #account-update-email-error { font-size: 1.5em; padding: 10px; border:1px solid #e9ebf3;}
 945 a.dash-link:hover { text-decoration: underline !important; }
 946 #list_create_table td { vertical-align: middle; padding: 0 8px; }
 947 #list_create_table {
 948     background-color: #ccc;
 949     padding-bottom: 4px;
 950     margin-bottom: 10px;
 951     border-bottom: 1px dotted #666;
 952 }
 953 .list-create-table-buttons input[type=image] { margin-top: 2px; }
 954 .result_table_format_cell { padding: 0px 10px; text-align: center; }
 955 #hold_editor h1 { font-size: 120%; font-weight: bold; }
 956 #hold_editor h2 { font-size: 111%; font-weight: normal; text-indent: 2em; font-style: italic; }
 957 #hold_editor h1, #hold_editor h2 { margin: 2px 0; }
 958 #hold_editor_table { background-color: #ddd; padding: 0.5em; }
 959 #hold_editor_table th { text-align: right; padding-right: 1em; }
 960 #hold_editor_table td { padding: 0.25em 0; }
 961 .fmt-note { vertical-align: middle; padding-left: 1em !important; }
 962 .hold-editor-controls { text-align: center; padding-top: 1em !important; }
 963 .hold-editor-controls a { padding-left: 2em; }
 964
 965 .text-right { text-align: right; }
 966 .text-right-top { text-align: right; vertical-align: top; }
 967 .rdetail-author-div { padding-bottom: 10px; }
 968
 969 .invisible { visibility: hidden; }
 970 .rdetail-extras-summary { margin: 10px; }
 971 .staff-hold { background-color: #eee; }
 972 .expert-search tbody tr th { text-align: right; padding-left: 2em; }
 973 .bookshelf thead tr td {
 974     border-bottom: 1px dashed #999;
 975     padding-bottom: 1ex;
 976 }
 977 .cn_browse_item { padding: 2ex; }
 978
 979 .results-paginator-selected { color: red; }
 980 .inactive-hold { background: #e5e5e5; }
 981
 982 #hold-items-list td { padding: 5px; margin-bottom: 20px; }
 983 .hold-items-list-title { font-size: 120%; }
 984 .hold-items-list-problem { color: red; }
 985
 986 .big-strong {font-weight: bold; font-size: 120%; }
 987
 988 .results_header_btns, .results_header_sel {
 989     float:left;
 990     margin-right: 6px;
 991     height: 26px;
 992 }
 993
 994 /* TODO: gradients */
 995 .opac-button, .results_header_btns, #simple-detail-view-links {
 996     color: white;
 997     font-weight: bold;
 998     -moz-border-radius: 5%;
 999     border-radius: 5%;
1000     background: #1784c7;
1001 }
1002
1003 .results_header_btns a, #simple-detail-view-links a {
1004     margin: 10px;
1005     padding: 5px 10px 5px 10px;
1006     color: white;
1007     vertical-align: middle;
1008     display: table-cell;
1009 }
1010
1011 a.opac-button:hover, .results_header_btns a:hover, #simple-detail-view-links a:hover {
1012     background: #359ee0;
1013     text-decoration: none;
1014 }
1015
1016 a.opac-button {
1017     margin: 10px;
1018     padding: 5px 10px 5px 10px;
1019 }
1020
1021 #dash_wrapper .opac-button {
1022     position: relative;
1023     top: 10px;
1024 }
1025
1026 #myopac_checked_div {
1027     padding: 0px;
1028 }
1029
1030 .rdetail-mfhd-head {
1031     margin-top: 5px;
1032     padding-top: 5px;
1033     background-color: #D8D8D8;
1034 }
1035
1036 .rdetail-mfhd-type {
1037     padding-left: 1em;
1038 }
1039
1040 .rdetail-mfhd-bottom {
1041     border-bottom: thin solid black;
1042     width: 100%;
1043 }
1044
1045 .rdetail_copy_counts {
1046     margin-top: 1em;
1047 }
1048
1049 #rdetail_record_details {
1050     clear: both;
1051     margin-top: 1em;
1052 }
1053
1054 .rdetail_subject_type {
1055     vertical-align: top;
1056     font-weight: bold;
1057 }
1058
1059 .bookbag-item-row td { vertical-align: top; }
1060
1061 .error { color: red; font-weight: bold; }
1062 .success { color: green; font-weight: bold; }
1063
1064 .rdetail_related_subjects {
1065     margin-top: 1.5em;
1066 }
1067
1068 .rdetail_related_series {
1069     margin-top: 1.5em;
1070 }
1071
1072 #rdetail_openurl {
1073     margin-top: 1em;
1074 }
1075
1076 .rdetail_openurl_entry {
1077     margin-left: 1em;
1078     padding-left: 1em;
1079 }