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 #rdetails_status {
 379     margin-top: 1.5em;
 380 }
 381
 382 #rdetails_status td, #rdetails_status2 td {
 383         white-space:nowrap !important;
 384         padding: 7px 0px 3px 13px;
 385 }
 386
 387 #rdetails_status thead th {
 388         background-color: #d8d8d8;
 389         padding: 13px 0px 13px 13px;
 390         font-size: 10px;
 391         text-transform: uppercase;
 392         font-weight: bold;
 393     text-align: left;
 394 }
 395
 396 #rdetails_status tbody td {
 397         padding-left: 13px;
 398     text-align: left;
 399 }
 400
 401 .rdetail_extras {
 402         height: 29px;
 403         background: #9ad0f1;
 404         padding-top:1px;
 405         margin-bottom: 10px;
 406         margin-top: 10px;
 407         clear:both;
 408 }
 409
 410 .rdetail_extras_hr {
 411         height: 1px;
 412         background: #b7def5;
 413         margin-left: 1px;
 414         margin-right: 1px;
 415 }
 416
 417 .rdetail_extras_link {
 418         padding-top: 4px;
 419         padding-left: 12px;
 420         font-size: 10px;
 421         text-transform: uppercase;
 422         font-weight: bold;
 423 }
 424
 425 .rdetail_extras_lbl {
 426         position: relative;
 427         top: -4px;
 428         left: 7px;
 429 }
 430
 431 #paginate-homebanner a.toc {
 432         display:block;
 433         width:20px;
 434         height:20px;
 435         background:gray;
 436         float:left;
 437         margin-left:2px;
 438         margin-right:2px;
 439         margin-top:2px;
 440 }
 441
 442 #rdetail_extras_expand, #rdetail_extras_collapse, #rdetail_locs_collapse {
 443         margin-left: 13px;
 444 }
 445
 446 #rdetail_locs_expand, #rdetail_locs_collapse {
 447         padding-bottom:3px;
 448         margin-top:15px;
 449         margin-left:13px;
 450 }
 451
 452 #rdetail_anotes_div .biography {
 453         margin:0;
 454 }
 455
 456 #paginate-homebanner a.selected {
 457         border: 2px solid black;
 458         margin-top:0px;
 459         margin-left:0px;
 460         margin-right:0px;
 461 }
 462
 463 #hp-buttons {
 464         margin: auto;
 465         margin-top: 6px;
 466         width: 694px; /* 974px; */
 467 }
 468
 469 #hp-welcome {
 470         position:absolute;
 471         width:295px;
 472         height:192px;
 473         background: url('/images/banner-bg.png') no-repeat;
 474         color: #fff;
 475         padding-left: 33px;
 476         padding-top: 21px;
 477         z-index:9999999999;
 478 }
 479
 480 #hp-welcome h1 {
 481         font-size: 25px;
 482         margin-bottom:15px;
 483 }
 484
 485 #hp-welcome a {
 486         color: #fff;
 487         text-decoration: underline;
 488 }
 489
 490 #hp-banner {
 491         margin: auto;
 492         width: 694px; /* formerly 974px */
 493         height: 213px;
 494 }
 495
 496 #hp-ql-table {
 497         margin-left: 2px;
 498         padding-top: 3px;
 499 }
 500
 501 #hp-ql-table a {
 502         color: #333;
 503         font-weight: bold;
 504         font-size: 13px;
 505         text-transform: uppercase;
 506         text-decoration: none;
 507         display: block;
 508         width: 144px;
 509         height: 25px;
 510         padding-top: 9px;
 511         padding-left: 15px;
 512         background: url('/images/button-bg.png') no-repeat;
 513 }
 514
 515 #hp-ql-bottom {
 516         width: 640px;
 517         height: 31px;
 518         padding-left: 24px;
 519         padding-top: 13px;
 520         background: url('/images/hp-links-mid.jpg') repeat-x;
 521 }
 522
 523 #hp-ql-bottom a {
 524         display: inline-block;
 525         text-decoration: none;
 526         color: white;
 527         font-size: 15px;
 528         font-weight: bold;
 529 }
 530
 531 #hp-ql-bottom img {
 532     position:relative;
 533     top:-1px;
 534     left:2px;
 535 }
 536
 537 .almost-content-wrapper {
 538         background: white;
 539 }
 540
 541 #content-wrapper {
 542         background: white;
 543         min-height: 260px;
 544         border-bottom: 1px solid black;
 545 }
 546
 547 .content-wrapper-record-page { top: -15px; position: relative; }
 548
 549 #main-content-home { width: 694px; margin: auto; padding-left: 17px; }
 550 #main-content { width: 974px; margin:auto; padding-left: 0px; }
 551
 552 #main-content-after-bar { float: left; width: 700px; margin: auto; padding-left: 4px; }
 553
 554 #results-side-bar { float: left; width: 274px; background-color: #ddd; color: black; height: 500px; /* XXX to height of container*/  }
 555
 556 #main-content .login_boxes {
 557         border: 1px solid #dedede;
 558         background:url('/images/login-bg.jpg') top repeat-x;
 559         color: #333;
 560 }
 561
 562 #main-content .login_boxes h1 {
 563         font-weight: normal;
 564         font-size: 25px;
 565         margin:0;
 566 }
 567
 568 #main-content .left_brain {
 569         padding-left:28px;
 570         padding-top:25px;
 571 }
 572
 573 #main-content .left_brain input[type=text], #main-content .left_brain input[type=password] {
 574         width:167px;
 575         height:18px;
 576         margin:0;
 577         padding:0;
 578         border:none;
 579         background: none;
 580         font-size: 15px;
 581         color: #666;
 582 }
 583
 584 #main-content .left_brain .input_bg {
 585         padding:10px 10px 0px 13px;
 586         background: url('/images/login-box-bg.jpg') no-repeat;
 587         width:167px;
 588         height:29px;
 589 }
 590
 591 #home-buttons-inner {
 592         width:664px;
 593         height:117px;
 594         background:#bda964;
 595 }
 596
 597 #holds_temp_parent td {
 598         border-bottom:1px solid #dcdbdb;
 599 }
 600
 601 #holds_temp_parent input, #holds_temp_parent select {
 602         margin:0;
 603 }
 604
 605 #results_header_bar {
 606         background: #929292;
 607         border-top:1px solid #8b8b8b;
 608 }
 609
 610 #results_header_inner {
 611     height: 32px;
 612     padding-top:6px;
 613 }
 614
 615 .cached_list_div { width: 111px; height: 25px; }
 616
 617 .results_header_div {
 618         float: left;
 619         width: 0px;
 620         height: 25px;
 621         border-left: 1px solid #7c7c7c;
 622         border-right: 1px solid #9c9c9c;
 623         margin: 0px 13px;
 624 }
 625
 626 .results_header_lbl {
 627         font-weight: bold;
 628         float: left;
 629         font-size: 11px;
 630         color: #191919;
 631         margin-right: 6px;
 632 }
 633
 634 .results_header_sel {
 635     /* width: 88px; */
 636         float:left;
 637         margin:0;
 638 }
 639
 640 .results_header_nav1 {
 641         padding: 5px 7px 6px 0px;
 642         border-bottom: 1px dotted #ccc;
 643 }
 644
 645 .results_header_nav1 .h1 {
 646         font-size:14px;
 647         font-weight:bold;
 648         color:#074079;
 649 }
 650
 651 .start_end_links_span {
 652         font-size: 11px;
 653 }
 654
 655 .nav_arrow_fix {
 656         font-size:8px;
 657         position:relative;
 658         top:-1px;
 659 }
 660
 661 #result_table_div {
 662         margin-top: 20px;
 663 }
 664
 665 .result_numbers {
 666         font-size: 11px; padding-left:15px; white-space: nowrap; width: 320px;
 667 }
 668
 669 .result_table_subtable { width: 100%; border-collapse: collapse; border: 0; }
 670
 671
 672
 673
 674 .icon_text {
 675         text-transform:capitalize;
 676 }
 677
 678 .result_table_title_cell {
 679         padding-left: 7px;
 680 }
 681
 682 #myopac_summary_div p {
 683         margin:0;
 684         margin-bottom: 10px;
 685 }
 686
 687 #acct_sum_checked_table td {
 688         padding-bottom:5px;
 689 }
 690
 691 #zero_search_hits div { float:left;width:300px;margin-top:20px; }
 692
 693 #zero_search_hits p {
 694         margin-top:0;
 695 }
 696
 697 #zero_hits_term {
 698         text-transform: uppercase;
 699     font-weight: bold;
 700 }
 701
 702 #zero_search_hits #spell_check_link {
 703         text-transform: uppercase;
 704 }
 705
 706 #zero_search_hits #zero_hits_suggestions {
 707         text-transform: uppercase;
 708 }
 709
 710 .results_info_table td {
 711         padding-right: 10px;
 712 }
 713
 714 #myopac_holds_main_table {
 715         border-collapse: collapse;
 716 }
 717
 718 #myopac_holds_main_table td {
 719         border: 1px solid black;
 720
 721 }
 722
 723 #myopac_prefs_div .data_grid {
 724         border-collapse:collapse;
 725 }
 726
 727 #myopac_prefs_div .data_grid td {
 728         background:#f0f0f0;
 729         border-bottom:3px solid white;
 730         padding:6px 0px 7px 17px;
 731 }
 732
 733 .header_middle {
 734         height:22px;
 735         font-size:14px;
 736         font-weight:bold;
 737         color:#074079;
 738         padding: 0px 7px 0px 0px;
 739         border-bottom: 1px dotted #ccc;
 740 }
 741
 742 .header_middle a {
 743         font-size: 12px;
 744         font-weight: normal;
 745 }
 746
 747 .acct_sum_row {
 748         padding: 7px 15px;
 749         width: 712px;
 750         background: #f0f0f0;
 751         margin-bottom: 2px;
 752         font-size: 10px;
 753         font-weight: bold;
 754         text-transform: uppercase;
 755 }
 756
 757 .acct_sum_row a {
 758         text-transform: none;
 759         font-size: 12px;
 760         position:relative;
 761         top:-1px;
 762 }
 763
 764 .acct_sum_row .view_link {
 765         font-weight: normal;
 766         font-size:12px;
 767 }
 768
 769 #myopac_sum_fines {
 770         float:right;
 771         padding: 15px 0px 0px 23px;
 772         background: #f0f0f0;
 773         width: 177px;
 774         height: 166px;
 775 }
 776
 777 #myopac_sum_fines_placehold { float: right; width: 177px; height: 166px; }
 778
 779 .acct_holds_temp td {
 780         text-align: left;
 781 }
 782
 783 #acct_checked_tabs .align, #acct_holds_tabs .align, #acct_prefs_tabs .align {
 784         float:left;
 785         /*padding-left:10px;*/
 786 }
 787
 788 #acct_checked_tabs .selected, #acct_holds_tabs .selected, #acct_prefs_tabs .selected {
 789         /*background:url('/images/gray-arrow.png') left 3px no-repeat;*/
 790 }
 791
 792 #acct_checked_main_header, #acct_holds_main_header, #acct_checked_hist_header, #acct_list_header, #acct_list_header_anon, #temp_list_holds {
 793         font-weight:bold;
 794         text-transform:uppercase;
 795         font-size: 10px;
 796 }
 797
 798 #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 {
 799         background: #d8d8d8;
 800         padding: 8px 0px 7px 0px;
 801 }
 802
 803 #acct_list_header select, #acct_list_header_anon select {
 804         font-weight:normal;
 805         text-transform:none;
 806 }
 807
 808 #acct_holds_activates_table label {
 809         font-weight: bold;
 810         font-size: 11px;
 811         text-transform:uppercase;
 812         padding-right: 5px;
 813 }
 814
 815 .adv_search_font {
 816         font-size: 10px;
 817 }
 818
 819 .search_catalog_lbl {
 820         font-size: 14px;
 821 }
 822
 823 .lbl1 {
 824         font-size:14px;
 825         font-weight:bold;
 826 }
 827
 828 .lbl2 {
 829         font-size:10px;
 830         font-weight:normal;
 831         position:relative;
 832         top:3px;
 833 }
 834
 835 #myopac_tabs, #adv_search_parent, #fines_payments_wrapper {
 836         background: #929292;
 837         border-top:1px solid #8b8b8b;
 838         padding-top:5px;
 839         margin-bottom:20px;
 840 }
 841
 842 #fines_payments_wrapper {
 843     padding-left: 5px;
 844     padding-right: 5px;
 845 }
 846
 847 .myopac_payments_table th { text-align: left; }
 848 .myopac_payments_table thead th { border-bottom: 1px dashed #333; }
 849 .myopac_payments_table thead th:first-child { width: 8em; }
 850 .myopac_payments_table tbody tr:nth-child(odd) { background-color: #ddd; }
 851 .myopac_payments_table form { display: inline; }
 852 .myopac_payments_table input[type="submit"] { padding: 1px; }
 853
 854 .payment-error {
 855     font-weight: bold; color: red;
 856     padding: 10px; border: 1px solid #888;
 857 }
 858
 859 #adv_search_parent {
 860         margin-bottom:0px;
 861 }
 862
 863 #myopac_loading {
 864         width:100%;
 865         text-align:center;
 866         padding-top:20px;
 867         font-size:16px;
 868         font-weight:bold;
 869 }
 870
 871 .chili_link {
 872         width:100px !important;
 873         text-align: center !important;
 874 }
 875
 876 .chili_review div.chili_link div {
 877         margin: auto;
 878 }
 879
 880 /* some facet styling */
 881 .facetClassContainer { margin: 2px; border: 1px solid #CCC; }
 882 .facetClassLabelContainer { border: 1px solid #CCC; }
 883 .facetClassLabel { font-weight: bold; text-align: center; }
 884 .facetFieldContainer {  }
 885 .facetFieldLabel { padding-left: 2px; margin-top: 5px; margin-bottom: 5px; font-weight: bold; text-align: left; }
 886 .extraFacetFieldsWrapper { }
 887 .toggleExtraFacetFieldsButton { float: right; margin: 0px; padding: 0px; }
 888 .facetFieldLineCount { display: inline-block; border-right: 1px solid #CCC; color: gray; width: 3em; margin-right: 3px }
 889 .facetField { border-top: 1px solid #CCC; }
 890 .facetFields { padding-left: 5px; }
 891 .facetFieldLineValue { overflow: hidden; text-overflow: ellipsis; }
 892
 893 #footer {
 894         padding-top:5px;
 895         padding-bottom: 10px;
 896         color: white;
 897         margin: auto;
 898         width: 974px;
 899         color: #afafaf;
 900         font-size: 11px;
 901 }
 902
 903 #footer a {
 904         color: white;
 905         color: #afafaf;
 906 }
 907
 908 .color_4 {
 909         text-transform: uppercase;
 910         font-weight: bold;
 911         font-size: 10px;
 912 }
 913
 914 .advanced_div { padding-top: 15px; }
 915 #adv_global_search select { width: 13em; }
 916 #adv_global_input_table select { width: 7em; }
 917 .adv_adv_link { font-size: 8pt; color: red; }
 918 #acct_prefs_header { float: left; }
 919 .search_page_nav_link { cursor: pointer; }
 920 #opac.result.sort { width: 160px; }
 921 .renew-summary { font-size: 125%; font-style: italic; margin: 0.5ex 0; }
 922 .failure-text { margin-left: 4em; font-style: italic; color: #ff0000; }
 923 .refine-controls { font-size: 125%; padding: 0.5ex 0; }
 924 #adv_search_refine input[type=text] { border: 1px inset #ccc !important; }
 925 #adv_search_refine select { border: 1px inset #ccc !important; }
 926 #adv_search_refine {
 927     padding-left: 5em; background-color: #d7d7d7; margin: 2ex 0;
 928 }
 929 .row-remover { position: relative; top: 1px; vertical-align: middle; }
 930 .subtle-button {
 931     background-color: #ffffff;
 932     color: #003399; text-decoration: none;
 933     font-size: 12px;
 934     padding: 0; border: 0; margin: 0;
 935     vertical-align: middle;
 936 }
 937 .subtle-button:hover { text-decoration: underline; cursor: pointer; }
 938 .no-dec:hover { text-decoration: none; }
 939 .pending-addr td { background-color: #ffcccc !important; border: 0 !important; }
 940
 941 #account-update-email table { text-align: center; padding: 20px; margin-top: 30px; border-collapse: collapse; }
 942 #account-update-email table td { padding: 5px 15px 5px 15px; border-bottom: 1px solid #ddd; text-align: left;}
 943 #account-update-email-error { font-size: 1.5em; padding: 10px; border:1px solid #e9ebf3;}
 944 a.dash-link:hover { text-decoration: underline !important; }
 945 #list_create_table td { vertical-align: middle; padding: 0 8px; }
 946 #list_create_table {
 947     background-color: #ccc;
 948     padding-bottom: 4px;
 949     margin-bottom: 10px;
 950     border-bottom: 1px dotted #666;
 951 }
 952 .list-create-table-buttons input[type=image] { margin-top: 2px; }
 953 .result_table_format_cell { padding: 0px 10px; text-align: center; }
 954 #hold_editor h1 { font-size: 120%; font-weight: bold; }
 955 #hold_editor h2 { font-size: 111%; font-weight: normal; text-indent: 2em; font-style: italic; }
 956 #hold_editor h1, #hold_editor h2 { margin: 2px 0; }
 957 #hold_editor_table { background-color: #ddd; padding: 0.5em; }
 958 #hold_editor_table th { text-align: right; padding-right: 1em; }
 959 #hold_editor_table td { padding: 0.25em 0; }
 960 .fmt-note { vertical-align: middle; padding-left: 1em !important; }
 961 .hold-editor-controls { text-align: center; padding-top: 1em !important; }
 962 .hold-editor-controls a { padding-left: 2em; }
 963
 964 .text-right { text-align: right; }
 965 .text-right-top { text-align: right; vertical-align: top; }
 966 .rdetail-author-div { padding-bottom: 10px; }
 967
 968 .invisible { visibility: hidden; }
 969 .rdetail-extras-summary { margin: 10px; }
 970 .staff-hold { background-color: #eee; }
 971 .expert-search tbody tr th { text-align: right; padding-left: 2em; }
 972 .bookshelf thead tr td {
 973     border-bottom: 1px dashed #999;
 974     padding-bottom: 1ex;
 975 }
 976 .cn_browse_item { padding: 2ex; }
 977
 978 .results-paginator-selected { color: red; }
 979 .inactive-hold { background: #e5e5e5; }
 980
 981 #hold-items-list td { padding: 5px; margin-bottom: 20px; }
 982 .hold-items-list-title { font-size: 120%; }
 983 .hold-items-list-problem { color: red; }
 984
 985 .big-strong {font-weight: bold; font-size: 120%; }
 986
 987 .results_header_btns, .results_header_sel {
 988     float:left;
 989     margin-right: 6px;
 990     height: 26px;
 991 }
 992
 993 /* TODO: gradients */
 994 .opac-button, .results_header_btns, #simple-detail-view-links {
 995     color: white;
 996     font-weight: bold;
 997     -moz-border-radius: 5%;
 998     border-radius: 5%;
 999     background: #1784c7;
1000 }
1001
1002 .results_header_btns a, #simple-detail-view-links a {
1003     margin: 10px;
1004     padding: 5px 10px 5px 10px;
1005     color: white;
1006     vertical-align: middle;
1007     display: table-cell;
1008 }
1009
1010 a.opac-button:hover, .results_header_btns a:hover, #simple-detail-view-links a:hover {
1011     background: #359ee0;
1012     text-decoration: none;
1013 }
1014
1015 a.opac-button {
1016     margin: 10px;
1017     padding: 5px 10px 5px 10px;
1018 }
1019
1020 #dash_wrapper .opac-button {
1021     position: relative;
1022     top: 10px;
1023 }
1024
1025 #myopac_checked_div {
1026     padding: 0px;
1027 }
1028
1029 .rdetail-mfhd-head {
1030     margin-top: 5px;
1031     padding-top: 5px;
1032     background-color: #D8D8D8;
1033 }
1034
1035 .rdetail-mfhd-type {
1036     padding-left: 1em;
1037 }
1038
1039 .rdetail-mfhd-bottom {
1040     border-bottom: thin solid black;
1041     width: 100%;
1042 }
1043
1044 .rdetail_copy_counts {
1045     margin-top: 1em;
1046 }
1047
1048 #rdetail_record_details {
1049     clear: both;
1050     margin-top: 1em;
1051 }
1052
1053 .rdetail_subject_type {
1054     vertical-align: top;
1055     font-weight: bold;
1056 }
1057
1058 .bookbag-item-row td { vertical-align: top; }
1059
1060 .error { color: red; font-weight: bold; }
1061 .success { color: green; font-weight: bold; }
1062
1063 .rdetail_related_subjects {
1064     margin-top: 1.5em;
1065 }
1066
1067 .rdetail_related_series {
1068     margin-top: 1.5em;
1069 }
1070
1071 #rdetail_openurl {
1072     margin-top: 1em;
1073 }
1074
1075 .rdetail_openurl_entry {
1076     margin-left: 1em;
1077     padding-left: 1em;
1078 }