koha-tmpl/intranet-tmpl/prog/en/css/staff-global.css

   1 @import url("../lib/yui/reset-fonts-grids.css");
   2 @import url("../lib/yui/skin.css");
   3
   4 input:focus, textarea:focus {
   5     border-color:#538200;
   6     border-style:solid;
   7     border-radius: 4px;
   8 }
   9
  10 ::selection      { background:#538200; color:#ffffff; /* Safari and Opera */ }
  11 ::-moz-selection  { background:#538200; color:#ffffff; /* Firefox */ }
  12
  13 a, a:link, a:visited {
  14     color : #004d99;
  15     text-decoration: none;
  16 }
  17
  18 a:hover, a:active {
  19     color : #538200;
  20     text-decoration: none;
  21 }
  22
  23 .yui-button {
  24     border-radius: 5px;
  25 }
  26
  27 .yui-button .first-child {
  28     border-radius: 5px;
  29 }
  30
  31 .yui-button,.yui-button a:link,.yui-button a:visited {
  32         color : #000;
  33 }
  34
  35 a.yuimenuitemlabel {
  36         color: #000000;
  37 }
  38
  39 .overdue,
  40 .debit {
  41         color : #cc0000;
  42 }
  43
  44 a.popup {
  45         background : transparent url("../../img/pop-up-link.png") center right no-repeat;
  46         padding-right : 15px;
  47 }
  48
  49 body {
  50         text-align : left;
  51         padding:0 0 2.5em 0;
  52   font-family: arial, verdana, helvetica, sans-serif;
  53 }
  54
  55 br.clear {
  56         clear : both;
  57         line-height : 1px;
  58 }
  59
  60 form {
  61         display : inline;
  62 }
  63
  64 form.confirm {
  65         display : block;
  66         text-align : center;
  67 }
  68
  69 h1 {
  70         font-size : 161.6%;
  71         font-weight : bold;
  72 }
  73
  74 h2 {
  75         font-size : 146.5%;
  76         font-weight : bold;
  77 }
  78
  79 h3 {
  80         font-size : 131%;
  81         font-weight : bold;
  82 }
  83
  84 h4 {
  85         font-size : 116%;
  86         font-weight : bold;
  87 }
  88
  89 h5 {
  90         font-size : 100%;
  91         font-weight : bold;
  92 }
  93
  94 h6 {
  95         font-size : 93%;
  96         font-weight : bold;
  97 }
  98
  99 h1,h2,h3,h4,h5,h6 {
 100         margin : .3em 0;
 101 }
 102
 103 p {
 104         margin: .5em 0 .5em 0;
 105 }
 106
 107 strong {
 108         font-weight : bold;
 109 }
 110
 111 strong em {
 112         font-weight : bold;
 113         font-style : italic;
 114 }
 115
 116 em, cite {
 117         font-style : italic;
 118 }
 119
 120 em strong {
 121         font-weight : bold;
 122         font-style : italic;
 123 }
 124
 125 .subfield-label {
 126     font-style : italic;
 127 }
 128
 129 #navmenulist li {
 130         padding : .2em 0;
 131         list-style-image : url("../../img/arrow-bullet.gif");
 132         border-bottom : 1px solid #EEE;
 133 }
 134
 135 #navmenulist li a {
 136         text-decoration : none;
 137 }
 138
 139 #doc, #doc1, #doc2, #doc3 {
 140         padding-top : 1em;
 141 }
 142
 143 #login_controls  {
 144         position : absolute;
 145         right : .5em;
 146 }
 147
 148 ul {
 149         padding-left : 1.1em;
 150 }
 151
 152 ul li {
 153         list-style-type : disc;
 154 }
 155
 156 ul li li {
 157         list-style-type : circle;
 158 }
 159
 160 ol {
 161         padding-left : 1.5em;
 162 }
 163
 164 ol li {
 165         list-style : decimal;
 166 }
 167
 168 #header {
 169     background-color : #e6f0f2;
 170     line-height : 2em;
 171 }
 172
 173 #header a.toplinks {
 174     font-weight: bold;
 175 }
 176
 177 .gradient {
 178     background-image: linear-gradient(top, rgb(230,240,242) 1%, rgb(255,255,255) 99%);
 179     background-image: -o-linear-gradient(top, rgb(230,240,242) 1%, rgb(255,255,255) 99%);
 180     background-image: -moz-linear-gradient(top, rgb(230,240,242) 1%, rgb(255,255,255) 99%);
 181     background-image: -webkit-linear-gradient(top, rgb(230,240,242) 1%, rgb(255,255,255) 99%);
 182     background-image: -ms-linear-gradient(top, rgb(230,240,242) 1%, rgb(255,255,255) 99%);
 183
 184     background-image: -webkit-gradient(
 185         linear,
 186         left top,
 187         left bottom,
 188         color-stop(0.1, rgb(230, 240, 242)),
 189         color-stop(0.99, rgb(255,255,255))
 190     );
 191     display: inline-block;
 192     width:100%;
 193 }
 194
 195 .clearfix:after {
 196     content: ".";
 197     display: block;
 198     height: 0;
 199     clear: both;
 200     visibility: hidden;
 201 }
 202
 203 .clearfix {
 204     display: inline-block;
 205 }
 206
 207 /* Hides from IE-mac \*/
 208 * html .clearfix {height: 1%;}
 209 .clearfix {display: block;}
 210 /* End hide from IE-mac */
 211
 212 table {
 213         border-collapse : collapse;
 214         border-top : 1px solid #BCBCBC;
 215         border-right : 1px solid #BCBCBC;
 216 }
 217
 218 table.invis,
 219 table.invis tr,
 220 table.invis td,
 221 tr.highlight table.invis td {
 222         border : none;
 223 }
 224
 225 td, th {
 226         border-bottom : 1px solid #BCBCBC;
 227         border-left : 1px solid #BCBCBC;
 228         padding : .2em .3em;
 229 }
 230
 231 td {
 232         background-color : White;
 233         vertical-align : top;
 234 }
 235
 236 table.indexes td {
 237     vertical-align : middle;
 238 }
 239
 240 td.borderless {
 241     border-collapse : separate;
 242     border : 0 none;
 243 }
 244
 245 td.data,
 246 th.data {
 247         font-family : "Courier New", Courier, monospace;
 248         text-align : right;
 249 }
 250
 251 th {
 252         background-color : #E8E8E8;
 253         font-weight : bold;
 254         text-align : center;
 255 }
 256
 257 table+table {
 258         margin-top : 1em;
 259 }
 260
 261 #editions table, #editions td {
 262         border : 0;
 263 }
 264
 265
 266 tr.highlight td, tr.highlight th, tr.odd td {
 267         background-color : #F3F3F3;
 268         border : 1px solid #DDDDDD;
 269         border-right : 1px solid #DDDDDD;
 270 }
 271
 272 tr.even td, tr.even.highlight td {
 273         background-color: #FFF;
 274         border-right : 1px solid #DDDDDD;
 275 }
 276
 277 td.od {
 278         color : #cc0000;
 279         font-weight : bold;
 280 }
 281
 282 tr.warn td {
 283         background-color: #FF9090;
 284 }
 285
 286 tr.onissue td {
 287         background-color: #FFFFCC;
 288 }
 289
 290 tr.odd.onissue td {
 291         background-color: #FFFFE1;
 292 }
 293
 294 tfoot td {
 295         background-color : #f3f3f3;
 296         font-weight : bold;
 297 }
 298
 299 td.total {
 300         text-align : right;
 301 }
 302
 303 caption {
 304         font-size : 133.9%;
 305         font-weight : bold;
 306         margin : .3em 0;
 307 }
 308
 309 span.problem {
 310         background-color : #FFFFCC;
 311         color : #990000;
 312         font-weight : bold;
 313         line-height : 1.7em;
 314 }
 315
 316 fieldset {
 317         margin : 1em 1em 1em 0;
 318         padding : 1em;
 319     background-color:#f4f8f9;
 320     border:2px solid #b9d8d9;
 321     border-radius:5px;
 322 }
 323
 324 legend {
 325         font-size : 123.1%;
 326         font-weight : bold;
 327     border:2px solid #b9d8d9;
 328     background-color:#ffffff;
 329     border-radius:3px;
 330     text-align:right;
 331     padding: 0.2em 0.5em;
 332 }
 333
 334 #breadcrumbs {
 335     background-color : #e6f0f2;
 336     clear : both;
 337     font-size : 90%;
 338     padding :.2em .5em .4em 10px;
 339     margin : 0;
 340 }
 341
 342 #header+#breadcrumbs {
 343         margin-top : 1em;
 344 }
 345
 346 div.justify {
 347     text-align: justify;
 348 }
 349
 350 div#header_search {
 351         background-position : .5em .5em;
 352         background-repeat : no-repeat;
 353         float: left;
 354         margin: .3em 0 .5em 0;
 355 }
 356
 357 div#header_search input {
 358         font-size : 1.3em;
 359 }
 360
 361 div#header_search div.residentsearch {
 362         border : 0;
 363     border-bottom : 1px solid #85ca11;
 364         padding : 0 0 .2em 0;
 365 }
 366
 367 div#reserves,div#checkouts {
 368         border : 1px solid #B9D8D9;
 369         padding : 1em;
 370 }
 371
 372 .tip {
 373         font-size: 93%;
 374         color : Gray;
 375 }
 376
 377 .single-line {
 378         white-space: nowrap;
 379 }
 380
 381 .ex {
 382         font-family : "Courier New", Courier, fixed-width;
 383         font-weight : bold;
 384 }
 385
 386
 387 div.yui-b h5 {
 388         font-size : 100%;
 389         margin : .5em 0;
 390 }
 391
 392 dt {
 393         font-weight : bold;
 394 }
 395
 396 dd {
 397         padding : .2em;
 398         font-size : 90%;
 399         text-indent : 2.5em;
 400         font-weight : normal;
 401 }
 402
 403 div#toolbar {
 404        background-color : #EDF4F6;
 405         margin-bottom : .7em;
 406      padding: 5px 5px 5px 5px;
 407       border-radius: 5px 5px 0 0;
 408     border: 1px solid #E6F0F2;
 409 }
 410
 411 div#toolbar .yui-menu-button button,
 412 div#toolbar .yui-button-button button {
 413         line-height : 1.7em;
 414 }
 415
 416 ul.toolbar {
 417         padding-left : 0;
 418 }
 419
 420 ul.toolbar button {
 421         padding-bottom : 2px;
 422         font-family: arial, verdana, helvetica, sans-serif;
 423 }
 424
 425 a.yuimenuitemlabel-disabled, #disabled a {
 426         color: #999;
 427 }
 428 a.yuimenuitemlabel-disabled:hover, #disabled a:hover {
 429         color : #999;
 430 }
 431 a.highlight_toggle {
 432     display : none;
 433 }
 434
 435 ul.toolbar li {
 436         display : inline;
 437         list-style : none;
 438 }
 439
 440 div.patroninfo {
 441         margin-top : -.5em;
 442 }
 443
 444 *html div.patroninfo {
 445         margin-right : .5em;
 446 }
 447
 448 div.patroninfo h5 {
 449     border-right:1px solid #b9d8d9;
 450         margin-bottom : 0;
 451         padding-left : -.5em;
 452         padding-top : .3em;
 453         padding-bottom : .5em;
 454 }
 455
 456 div.patroninfo ul {
 457         border : 0;
 458     border-right:1px solid #b9d8d9;
 459         border-bottom : 0;
 460         border-top : 0;
 461         padding : 0;
 462         margin : 0;
 463 }
 464
 465 div.patroninfo ul li {
 466         margin : 0;
 467 }
 468
 469 div.patroninfo ul li {
 470         list-style-type : none;
 471 }
 472
 473 div.patronviews {
 474         border-right :  1px solid #000;
 475         border-top : 1px solid #000;
 476         margin-bottom : .5em;
 477         padding : .5em 0 .5em 0;
 478 }
 479 }
 480
 481 .column-tool {
 482         font-size: 80%;
 483 }
 484
 485 fieldset.brief {
 486     border : 2px solid #B9D8D9;
 487 }
 488
 489 fieldset.brief label,
 490 fieldset.brief span.label {
 491         display : block;
 492         font-weight : bold;
 493         padding : .3em 0;
 494 }
 495
 496 fieldset.brief ol, fieldset.brief li {
 497         list-style-type : none;
 498 }
 499
 500 .hint {
 501         color : #999999;
 502         font-size : 95%;
 503 }
 504
 505 fieldset.brief div.hint, fieldset.rows div.hint, div.yui-u div.hint {
 506         font-size : 95%;
 507         margin-bottom : .4em;
 508 }
 509
 510 div.yui-b fieldset.brief {
 511         padding : .4em .7em;
 512 }
 513
 514 div.yui-b fieldset.brief ol {
 515         font-size : 85%;
 516         margin : 0;
 517         padding : 0;
 518 }
 519
 520 div.yui-b fieldset.brief select {
 521         width: 12em;
 522 }
 523 div.yui-b fieldset.brief li.radio {
 524         padding : .7em 0;
 525 }
 526 div.yui-b fieldset.brief li.radio label,
 527 div.yui-b fieldset.brief li.dateinsert label,
 528 div.yui-b fieldset.brief li.dateinsert span.label,
 529 div.yui-b fieldset.brief li.radio span.label {
 530         display : inline;
 531 }
 532
 533 div.yui-b fieldset.brief li.radio input {
 534         padding:0.3em 0;
 535 }
 536
 537 div.yui-b fieldset.brief fieldset {
 538         margin : 0 .3em;
 539         padding : .5em;
 540 }
 541
 542 div.yui-b fieldset.brief fieldset legend {
 543         font-size : 85%;
 544 }
 545
 546 fieldset.rows {
 547 border-width : 1px;
 548 border:2px solid #b9d8d9;
 549 float : left;
 550 font-size : 90%;
 551 clear : left;
 552 margin: .9em 0 0 0;
 553 padding: 0;
 554 width: 100%;
 555 }
 556
 557 fieldset.rows legend {
 558         margin-left: 1em;
 559         font-weight: bold;
 560         font-size : 110%;
 561 }
 562
 563 fieldset.rows label, fieldset.rows span.label {
 564         float: left;
 565         font-weight : bold;
 566         width: 6em;
 567         margin-right: 1em;
 568         text-align: right;
 569 }
 570
 571 fieldset.rows fieldset {
 572     background-color: transparent;
 573         border-width : 1px;
 574     margin : 1em;
 575         padding : .3em;
 576 }
 577
 578 .yui-b fieldset.rows label, .yui-b fieldset.rows span.label {
 579         width: 9em;
 580 }
 581
 582 .yui-b fieldset.rows div.hint {
 583         margin-left : 10.5em;
 584 }
 585
 586 .yui-u fieldset.rows label, .yui-u fieldset.rows span.label {
 587         width: 10em;
 588 }
 589
 590 .yui-u fieldset.rows div.hint {
 591         margin-left : 7.5em;
 592 }
 593
 594 fieldset.rows.left label, fieldset.rows.left span.label {
 595         width : 8em;
 596         text-align : left;
 597 }
 598
 599 fieldset.rows ol {
 600 padding: 1em 1em 0 1em;
 601 list-style-type: none;
 602 }
 603
 604 fieldset.rows li {
 605 float : left;
 606 clear : left;
 607 padding-bottom: 1em;
 608 list-style-type: none;
 609 width: 100%;
 610 }
 611
 612 fieldset.rows.left li {
 613         padding-bottom : .4em;
 614 }
 615
 616 fieldset.rows li.radio {
 617         padding-left: 9em;
 618         width : auto;
 619 }
 620
 621 fieldset.rows li.radio label {
 622         float : none;
 623         width : auto;
 624         margin : 0 0 0 1em;
 625 }
 626
 627 fieldset.rows ol.radio label {
 628         width : auto;
 629         float : none;
 630         margin-right : 0;
 631 }
 632
 633 fieldset.rows ol.radio label.radio {
 634         float : left;
 635         width : 12em;
 636         margin-right : 1em;
 637 }
 638
 639 fieldset.rows caption {
 640     font-size : 120%;
 641 }
 642
 643 fieldset.rows p {
 644     margin : 1em 0 1em 1em;
 645 }
 646
 647 fieldset.rows table {
 648         font-size : 105%;
 649         clear : both;
 650         margin : 1em 0 1em 1em;
 651 }
 652
 653 fieldset.rows td label {
 654         float : none;
 655         font-weight : normal;
 656         width : auto;
 657 }
 658
 659 fieldset.rows label.yesno {
 660         float : none;
 661         width : auto;
 662 }
 663
 664 fieldset.action, div.action {
 665     background-color: transparent;
 666         clear : both;
 667         float : none;
 668     border : 0px;
 669   margin: 0;
 670      padding: .4em .4em .4em .1em;
 671   width: auto;
 672 }
 673
 674 div.rows+div.rows {
 675     margin-top : .6em;
 676 }
 677
 678 div.rows {
 679 float : left;
 680 clear : left;
 681 margin: 0 0 0 0;
 682 padding: 0;
 683 width: 100%;
 684 }
 685
 686
 687 div.rows span.label {
 688         float: left;
 689         font-weight : bold;
 690         width: 9em;
 691         margin-right: 1em;
 692         text-align: left;
 693 }
 694
 695 div.rows ol {
 696 padding: .5em 1em 0 0;
 697 list-style-type: none;
 698 }
 699
 700 div.rows ol li li {
 701         border-bottom: 0;
 702 }
 703
 704 div.rows li {
 705 border-bottom :  1px solid #EEE;
 706 float : left;
 707 clear : left;
 708 padding-bottom: .2em;
 709 padding-top: .1em;
 710 list-style-type: none;
 711 width: 100%;
 712 }
 713
 714 a.cancel {
 715         padding-left : 1em;
 716 }
 717
 718 fieldset.rows fieldset.action {
 719         padding : 1em;
 720 }
 721
 722 fieldset.rows label.inline {
 723         display : inline;
 724         float : none;
 725         margin-left : 1em;
 726         width : auto;
 727 }
 728
 729 fieldset.rows .inputnote {
 730         clear : left;
 731         float : left;
 732         margin : .5em 0 0 11em;
 733 }
 734
 735 .checkedout {
 736         color : #999999;
 737         font-style : italic;
 738 }
 739
 740 .subfield_not_filled {
 741         background-color : #FFFF99;
 742 }
 743 .content_hidden {
 744     visibility:hidden; /* you propably don't need to change this one */
 745     display:none;
 746 }
 747
 748 /* the property for the displayed tab */
 749 .content_visible {
 750     visibility:visible; /* you propably don't need to change this one */
 751     display:block;
 752 }
 753 #newbiblio a, #addchild a, #newentry a, #newshelf a, #newmenuc .first-child, #newsupplier .first-child, #newlabel a, #newtemplate a, #newlabelbatch a, #newpatroncardbatch a, #newprofile a, #newsubscription a, #newdictionary a, #newbasket a, #newrootbudget-button, #budgets_menuc .first-child {
 754         padding-left : 34px;
 755         background-image: url("../../img/toolbar-new.gif");
 756         background-position : center left;
 757         background-repeat : no-repeat;
 758 }
 759
 760 #changepassword a {
 761         padding-left : 34px;
 762         background-image: url("../../img/toolbar-password.gif");
 763         background-position : center left;
 764         background-repeat : no-repeat;
 765 }
 766
 767 #manageorders a {
 768         padding-left : 34px;
 769         background-image: url("../../img/toolbar-orders.gif");
 770         background-position : center left;
 771         background-repeat : no-repeat;
 772 }
 773
 774
 775 #savemenuc .first-child, #addbiblio .first-child {
 776         padding-left : 34px;
 777         background-image: url("../../img/toolbar-save.gif");
 778         background-position : center left;
 779         background-repeat : no-repeat;
 780 }
 781
 782 #editpatron a,
 783 #editreport a,
 784 #editmenuc .first-child,
 785 #editshelf a,
 786 #edit a,
 787 #editsupplier a,
 788 #managelabel a,
 789 #managetemplate a,
 790 #managelabelbatch a,
 791 #manageprofile a,
 792 #periods_menuc .first-child {
 793         padding-left : 34px;
 794         background-image: url("../../img/toolbar-edit.gif");
 795         background-position : center left;
 796         background-repeat : no-repeat;
 797 }
 798
 799 #duplicate a {
 800         padding-left : 34px;
 801         background-image: url("../../img/toolbar-duplicate.gif");
 802         background-position : center left;
 803         background-repeat : no-repeat;
 804 }
 805
 806 #receive a {
 807         padding-left : 34px;
 808         background-image: url("../../img/toolbar-receive.gif");
 809         background-position : center left;
 810         background-repeat : no-repeat;
 811 }
 812
 813 #renew a {
 814         padding-left : 34px;
 815         background-image: url("../../img/toolbar-renew.gif");
 816         background-position : center left;
 817         background-repeat : no-repeat;
 818 }
 819
 820 #deletebiblio button, #deletebiblio a, #deletepatron a, #deleteshelf .first-child, #delete a {
 821         padding-left : 34px;
 822         background-image: url("../../img/toolbar-delete.gif");
 823         background-position : center left;
 824         background-repeat : no-repeat;
 825 }
 826
 827 #z3950search .first-child {
 828         padding-left : 34px;
 829         background-image: url("../../img/toolbar-search.gif");
 830         background-position : center left;
 831         background-repeat : no-repeat;
 832 }
 833 #z3950searcht table {
 834         /* doesn't have desired effect in catalogue/results.tmpl - I'll leave this here for now but there do seem to be casscading CSS errors in this and other CSS fiels - RICKW 20081118 */
 835         padding: 20px;
 836         border: none;
 837 }
 838 #printbiblio button, #printbiblio a, #printmenuc .first-child {
 839         padding-left : 34px;
 840         background-image: url("../../img/toolbar-print.gif");
 841         background-position : center left;
 842         background-repeat : no-repeat;
 843 }
 844
 845 #addtoshelf button, #addtoshelf a {
 846         padding-left : 34px;
 847         background-image: url("../../img/toolbar-add-to-shelf.gif");
 848         background-position : center left;
 849         background-repeat : no-repeat;
 850 }
 851
 852 #placehold a,
 853 #placehold button,
 854 #holdfor .first-child {
 855         padding-left : 34px;
 856         background-image: url("../../img/toolbar-hold.gif");
 857         background-position : center left;
 858         background-repeat : no-repeat;
 859 }
 860
 861 #placeholdc #yui-gen13 { border-top : 1px solid #CCCCCC; margin-top : .3em; }
 862
 863 #holdfor .first-child { padding-left : 17px; }
 864
 865 #editmenuc .first-child, #deleteshelf .first-child,#newmenuc .first-child, #addbiblio .first-child, #z3950search .first-child, #printmenuc .first-child, #newsupplier .first-child, #savemenuc .first-child, #budgets_menuc .first-child, #periods_menuc .first-child {
 866         padding-left : 15px;
 867 }
 868
 869 .error,
 870 .error a,
 871 .error a:link,
 872 .error a:visited {
 873        color: #cc0000;
 874 }
 875
 876 div.error {
 877         border : 2px dashed #990000;
 878         background-color : #FFFF99;
 879         padding : .5em;
 880         margin : 1em;
 881 }
 882
 883 input.alert {
 884         background-color : #FFFF99;
 885         border-color: #900;
 886 }
 887
 888 ol.bibliodetails {
 889         float: left;
 890         margin : 0 0 1em 1em;
 891 }
 892
 893 ol.bibliodetails li {
 894         border-bottom: 1px solid #E8E8E8;
 895         list-style-type : none;
 896         padding : .1em;
 897 }
 898
 899 ol.bibliodetails span.label {
 900         border-right : 1px solid #E8E8E8;
 901         float : left;
 902         font-weight: bold;
 903         width: 12em;
 904         margin-right: 1em;
 905 }
 906
 907 div.listgroup {
 908         clear :  left;
 909 }
 910
 911 div.listgroup h4 {
 912         font-style: italic;
 913 }
 914
 915 div.listgroup h4 a {
 916         font-size :  80%;
 917 }
 918
 919 div.listgroup input {
 920         font-size: 80%;
 921 }
 922
 923 div.sysprefs h3 {
 924         margin : .2em 0 .2em .4em;
 925 }
 926
 927 div.sysprefs dl {
 928         margin-left : 1.5em;
 929 }
 930
 931 div.sysprefs div.hint {
 932         width : 25%;
 933         float : right;
 934         padding : .5em;
 935         margin : .7em;
 936 }
 937
 938 tr.highlight td {
 939         background-color : #F6F6F6;
 940         border-color : #BCBCBC;
 941 }
 942
 943 tr.highlight th[scope=row] {
 944         background-color : #DDDDDD;
 945         border-color : #BCBCBC;
 946 }
 947
 948 #circ_circulation_issue label {
 949         font-size: 105%;
 950         font-weight : bold;
 951 }
 952
 953 #circ_circulation_issue div.hint {
 954         color : #666666;
 955         margin: .2em 0;
 956 }
 957
 958 .date-select {
 959     font-size : 85%;
 960     padding-top : .3em;
 961 }
 962
 963 #circ_circulation_issue .date-select label,
 964 .date-select label {
 965     font-size : inherit;
 966     font-weight: normal;
 967 }
 968
 969 .date-select input {
 970     padding : 1px;
 971 }
 972
 973 tr.expired td {
 974         color : #999999;
 975 }
 976
 977 span.expired {
 978         color : #990000;
 979         font-style : italic;
 980 }
 981
 982 div.help {
 983         margin: .9em 0 0 0;
 984 }
 985
 986 .blocker {
 987         color : #990000;
 988 }
 989
 990 .circmessage li {
 991         list-style : url(../../img/arrow-bullet.gif);
 992         margin-bottom : .2em;
 993 }
 994
 995 div.circmessage:first-child {
 996         margin-top : 1em;
 997 }
 998
 999 div.circmessage {
1000         padding: 0 .4em .4em .4em;
1001         margin-bottom : .3em;
1002 }
1003
1004 span.circ-hlt {
1005         color : #cc0000;
1006         font-weight : bold;
1007 }
1008
1009 div.first fieldset {
1010         margin-right : 0;
1011 }
1012
1013 #circ_needsconfirmation {
1014         margin : auto;
1015 }
1016
1017 .dialog {
1018         -moz-border-radius : 2px;
1019         border-radius : 2px;
1020         padding : .5em;
1021         margin : 1em auto;
1022         text-align : center;
1023         width: 65%;
1024 }
1025
1026 .dialog table {
1027         margin : .5em auto;
1028 }
1029
1030 .dialog table th {
1031         text-align : right;
1032 }
1033
1034 .dialog table td {
1035         text-align : left;
1036 }
1037
1038 .dialog  h2, .dialog h3, .dialog h4 {
1039         margin : auto;
1040         text-align : center;
1041   }
1042
1043 .dialog input {
1044         background-color : #FFF;
1045         border : 1px solid #bcbcbc;
1046         margin : .4em;
1047         padding : .4em .4em .4em 25px;
1048  }
1049
1050  .dialog input[type="submit"] {
1051         background : #FFF none;
1052  }
1053
1054 .dialog input.approve, td input.approve {
1055         background : #FFF url(../../img/approve.gif) no-repeat 4px center;
1056         padding : .4em .4em .4em 25px;
1057  }
1058
1059 td input.approve {
1060         background-color : #FFC;
1061 }
1062
1063 .dialog input.deny {
1064         background : #FFF url(../../img/deny.gif) no-repeat 4px center;
1065         padding : .4em .4em .4em 25px;
1066  }
1067
1068 .dialog input.save {
1069         background: #fff url(../../img/toolbar-save.gif) no-repeat 4px center;
1070         color:black;
1071         padding: .4em .4em .4em 34px;
1072 }
1073
1074 .dialog input.edit {
1075         background: #fff url(../../img/toolbar-edit.gif) no-repeat 4px center;
1076         color:black;
1077         max-width : 13em;
1078         padding: .4em .4em .4em 34px;
1079         white-space: normal;
1080 }
1081
1082 .dialog input.new {
1083         background: #fff url(../../img/toolbar-new.gif) no-repeat 4px center;
1084         color:black;
1085         max-width : 13em;
1086         padding: .4em .4em .4em 34px;
1087         white-space: normal;
1088 }
1089
1090 .dialog input.print {
1091         background : #FFF url(../../img/print-confirm.gif) no-repeat 4px center;
1092         padding : .4em .4em .4em 25px;
1093 }
1094
1095 .dialog input:hover {
1096         background-color : #ffc;
1097  }
1098
1099 div.dialog {
1100         border: 1px solid #bcbcbc;
1101     text-align : center;
1102 }
1103
1104 div.alert {
1105         background: #fef8d3; /* Old browsers */
1106         background: -moz-linear-gradient(top, #fef8d3 0%, #ffec91 9%, #ffed87 89%, #f9dc00 100%); /* FF3.6+ */
1107         background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fef8d3), color-stop(9%,#ffec91), color-stop(89%,#ffed87), color-stop(100%,#f9dc00)); /* Chrome,Safari4+ */
1108         background: -webkit-linear-gradient(top, #fef8d3 0%,#ffec91 9%,#ffed87 89%,#f9dc00 100%); /* Chrome10+,Safari5.1+ */
1109         background: -o-linear-gradient(top, #fef8d3 0%,#ffec91 9%,#ffed87 89%,#f9dc00 100%); /* Opera11.10+ */
1110         background: -ms-linear-gradient(top, #fef8d3 0%,#ffec91 9%,#ffed87 89%,#f9dc00 100%); /* IE10+ */
1111         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fef8d3', endColorstr='#f9dc00',GradientType=0 ); /* IE6-9 */
1112         background: linear-gradient(top, #fef8d3 0%,#ffec91 9%,#ffed87 89%,#f9dc00 100%); /* W3C */
1113           text-align : center;
1114         border: 1px solid #E0C726;
1115 }
1116
1117 div.alert strong {
1118         color : #900;
1119 }
1120
1121 .dialog li {
1122     list-style-position:inside;
1123 }
1124
1125 a.clear-field {
1126     background : transparent url("../../img/clear-field.png") center left no-repeat;
1127     padding-left : 16px;
1128 }
1129
1130 a.clone-field {
1131     background : transparent url("../../img/clone-field.png") center left no-repeat;
1132     padding-left : 20px;
1133 }
1134
1135 a.document {
1136         background-position : left middle;
1137         background-repeat : no-repeat;
1138         padding-left : 20px;
1139 }
1140
1141 a.pdf {
1142         background-image : url("../../img/famfamfam/silk/page_white_acrobat.png");
1143 }
1144
1145 a.csv {
1146         background-image : url("../../img/famfamfam/silk/page_white_excel.png");
1147 }
1148
1149 a.xml {
1150         background-image : url("../../img/famfamfam/silk/page_white_code.png");
1151 }
1152
1153 div.message {
1154         background: #ffffff; /* Old browsers */
1155         background: -moz-linear-gradient(top, #ffffff 0%, #f4f6fa 2%, #eaeef5 23%, #e8edf6 94%, #cddbf2 100%); /* FF3.6+ */
1156         background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(2%,#f4f6fa), color-stop(23%,#eaeef5), color-stop(94%,#e8edf6), color-stop(100%,#cddbf2)); /* Chrome,Safari4+ */
1157         background: -webkit-linear-gradient(top, #ffffff 0%,#f4f6fa 2%,#eaeef5 23%,#e8edf6 94%,#cddbf2 100%); /* Chrome10+,Safari5.1+ */
1158         background: -o-linear-gradient(top, #ffffff 0%,#f4f6fa 2%,#eaeef5 23%,#e8edf6 94%,#cddbf2 100%); /* Opera11.10+ */
1159         background: -ms-linear-gradient(top, #ffffff 0%,#f4f6fa 2%,#eaeef5 23%,#e8edf6 94%,#cddbf2 100%); /* IE10+ */
1160     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeef5', endColorstr='#cddbf2',GradientType=0 ); /* IE6-9 */
1161         background: linear-gradient(top, #ffffff 0%,#f4f6fa 2%,#eaeef5 23%,#e8edf6 94%,#cddbf2 100%); /* W3C */
1162         border : 1px solid #bcbcbc;
1163         text-align: center;
1164         width : 55%;
1165 }
1166
1167 div.message ul,
1168 div.message h5 {
1169         padding-left : 25%;
1170         text-align : left;
1171 }
1172
1173 div.message ul+h4 {
1174         margin-top : .7em;
1175 }
1176
1177 div.note {
1178         background: #f4f6fa;
1179         background-repeat : no-repeat;
1180         background-position : left center;
1181         background-image : url("../../img/note.png");
1182         background-image: url("../../img/note.png"), -moz-linear-gradient(top, #f4f6fa 0%, #e8edf6 100%); /* FF3.6+ */
1183         background-image: url("../../img/note.png"), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f6fa), color-stop(100%,#e8edf6)); /* Chrome,Safari4+ */
1184         background-image: url("../../img/note.png"), -webkit-linear-gradient(top, #f4f6fa 0%,#e8edf6 100%); /* Chrome10+,Safari5.1+ */
1185         background-image: url("../../img/note.png"), -o-linear-gradient(top, #f4f6fa 0%,#e8edf6 100%); /* Opera11.10+ */
1186         background-image: url("../../img/note.png"), -ms-linear-gradient(top, #f4f6fa 0%,#e8edf6 100%); /* IE10+ */
1187         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f6fa', endColorstr='#e8edf6',GradientType=0 ); /* IE6-9 */
1188         background-image: url("../../img/note.png"), linear-gradient(top, #f4f6fa 0%,#e8edf6 100%); /* W3C */
1189         border : 1px solid #BCBCBC;
1190         padding : .5em .5em .5em 20px;
1191         margin : .5em 0;
1192 }
1193
1194  div.results {
1195         padding : .7em 0;
1196  }
1197
1198  .accesskey {
1199         text-decoration : underline;
1200  }
1201
1202 .required {
1203     color : #C00;
1204 }
1205
1206 span.required {
1207         font-style : italic;
1208         margin-left : .5em;
1209 }
1210
1211 .missing{
1212     background-color : #FFFFCC;
1213 }
1214
1215 .term {
1216     background-color: #FFC;
1217          color : #990000;
1218 }
1219
1220 a .term {
1221          text-decoration : underline;
1222 }
1223
1224 /* style for shelving location in catalogsearch */
1225 .shelvingloc {
1226     display : block;
1227     font-style : italic;
1228 }
1229
1230 a:hover .term {
1231         color : #FF9090;
1232 }
1233
1234 div#menu {
1235     border-right:1px solid #b9d8d9;
1236         margin-right: .5em;
1237         padding-top: 1em;
1238         padding-bottom: 2em;
1239 }
1240
1241 *html #menu li {
1242         display : inline;
1243 }
1244
1245 div#menu li a {
1246         text-decoration: none;
1247         display: block;
1248
1249               background: #e8f0f6; /* Old browsers */
1250         background: -moz-linear-gradient(left, #e8f0f6 0%, #e8f0f6 96%, #c1c1c1 100%); /* FF3.6+ */
1251     background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e8f0f6), color-stop(96%,#e8f0f6), color-stop(100%,#c1c1c1)); /* Chrome,Safari4+ */
1252     background: -webkit-linear-gradient(left, #e8f0f6 0%,#e8f0f6 96%,#c1c1c1 100%); /* Chrome10+,Safari5.1+ */
1253      background: -o-linear-gradient(left, #e8f0f6 0%,#e8f0f6 96%,#c1c1c1 100%); /* Opera11.10+ */
1254    background: -ms-linear-gradient(left, #e8f0f6 0%,#e8f0f6 96%,#c1c1c1 100%); /* IE10+ */
1255        background: linear-gradient(left, #e8f0f6 0%,#e8f0f6 96%,#c1c1c1 100%); /* W3C */
1256         -moz-border-top-left-radius: 5px;
1257         border-top-left-radius: 5px;
1258         -moz-border-bottom-left-radius: 5px;
1259         border-bottom-left-radius: 5px;
1260     border:1px solid #b9d8d9;
1261         font-size: 111%;
1262         margin: .5em 0;
1263         padding: .4em .3em;
1264         margin-right :  -1px;
1265 }
1266
1267 div#menu li a:hover {
1268      background: #fff; /* Old browsers */
1269    background: -moz-linear-gradient(left, #FAFAFA 0%, #FAFAFA 96%, #e6e6e6 97%, #cccccc 99%, #c1c1c1 100%); /* FF3.6+ */
1270   background: -webkit-gradient(linear, left top, right top, color-stop(0%,#FAFAFA), color-stop(96%,#FAFAFA), color-stop(97%,#e6e6e6), color-stop(99%,#cccccc), color-stop(100%,#c1c1c1)); /* Chrome,Safari4+ */
1271   background: -webkit-linear-gradient(left, #FAFAFA 0%,#FAFAFA 96%,#e6e6e6 97%,#cccccc 99%,#c1c1c1 100%); /* Chrome10+,Safari5.1+ */
1272      background: -o-linear-gradient(left, #FAFAFA 0%,#FAFAFA 96%,#e6e6e6 97%,#cccccc 99%,#c1c1c1 100%); /* Opera11.10+ */
1273    background: -ms-linear-gradient(left, #FAFAFA 0%,#FAFAFA 96%,#e6e6e6 97%,#cccccc 99%,#c1c1c1 100%); /* IE10+ */
1274        background: linear-gradient(left, #FAFAFA 0%,#fff 96%,#e6e6e6 97%,#cccccc 99%,#c1c1c1 100%); /* W3C */
1275     border-left: 1px solid #85CA11;
1276     border-top: 1px solid #85CA11;
1277     border-bottom: 1px solid #85CA11;
1278 }
1279
1280 div#menu li.active a:hover {
1281         background-color: #fff;
1282     color :  #538200;
1283 }
1284
1285 #menu ul li {
1286         list-style-type: none;
1287 }
1288
1289 #menu ul li.active a {
1290         background-color: #FFF;
1291         background-image : none;
1292         font-weight: bold;
1293     color:#000000;
1294     border-left: 1px solid #85CA11;
1295     border-top: 1px solid #85CA11;
1296     border-bottom: 1px solid #85CA11;
1297     border-right: 0;
1298 }
1299
1300 h1#logo {
1301         border:0pt none;
1302         float:left !important;
1303         margin:0;
1304         padding:0;
1305         width:180px;
1306 }
1307 h1#logo {
1308         background:transparent url(../../img/koha-logo-medium.gif) no-repeat scroll 0%;
1309         margin:0.75em .3em 0.75em .7em;
1310 }
1311
1312 *html h1#logo {
1313         margin : 0.75em .3em 0.75em .3em;
1314 }
1315
1316 h1#logo a {
1317         border:0;
1318         cursor:pointer;
1319         display:block;
1320         height:0px !important;
1321         margin:0;
1322         overflow:hidden;
1323         padding:44px 0 0;
1324         text-decoration:none;
1325         width:180px;
1326 }
1327
1328 #closewindow {
1329         margin-top : 2em;
1330         text-align : center;
1331 }
1332
1333 #closewindow a {
1334         font-weight : bold;
1335 }
1336
1337 .patroninfo+#menu {
1338         margin-right : 0;
1339 }
1340
1341 .barcode {
1342         font-size :  200%;
1343 }
1344
1345 li.email a {
1346         display:block;
1347         overflow:hidden;
1348         width:13em;
1349 }
1350 li.email {
1351         background: #FFF url(../../img/elipsis.gif) right bottom no-repeat;
1352         font-size :  87%;
1353         overflow:hidden;
1354         padding :0 10px 0 0;
1355         width:13em;
1356 }
1357
1358 .empty {
1359         color : #CCC;
1360 }
1361
1362 .address {
1363         font-size: 110%;
1364 }
1365
1366 .clearfix:after {
1367     content: ".";
1368     display: block;
1369     height: 0;
1370     clear: both;
1371     visibility: hidden;
1372 }
1373
1374 /* Hides from IE-mac \*/
1375 * html .clearfix {height: 1%;}
1376 /* End hide from IE-mac */
1377
1378 .title {
1379         font-weight : bold;
1380         font-size : 105%;
1381 }
1382
1383 .hold {
1384         float : right;
1385         font-size: 90%;
1386         margin: 0;
1387 }
1388
1389 .thumbnail {
1390         display : block;
1391         margin : auto;
1392 }
1393
1394 #searchresults ul li {
1395         font-size : 90%;
1396         list-style : url(../../img/item-bullet.gif);
1397         padding : .2em 0;
1398         clear : left;
1399 }
1400
1401 #searchresults span.status {
1402         clear : left;
1403         color : #900;
1404         display : block;
1405 }
1406
1407 #searchresults span.unavailable {
1408         clear : left;
1409         display : block;
1410 }
1411
1412 #searchresults .availability strong {
1413         display : block;
1414 }
1415
1416 #searchresults ul li img {
1417         float : left;
1418         margin : 3px 5px 3px -5px;
1419 }
1420
1421 #searchresults table td {
1422         vertical-align : top;
1423 }
1424
1425 #searchheader {
1426      background-color : #E6F0F2;
1427         font-size : 80%;
1428         margin : 0 0 .5em -1px;
1429  padding : .1em 0 .4em 1em;
1430      border-radius : 5px 5px 0 0;
1431    border : 1px solid #B9D8D9;
1432 }
1433
1434 /* Hack just for Firefox */
1435 html>/**/body #searchheader button, x:-moz-any-link, x:default {
1436         padding-bottom : 3px;
1437 }
1438
1439 #searchheader form {
1440         float : right;
1441   padding : 5px 5px 3px 0;
1442 }
1443
1444 #searchheader form.fz3950 {
1445         float : right;
1446         font-size : 125%;
1447         padding : 0 0 0 5em;
1448 }
1449
1450 #searchheader form.fz3950bigrpad {
1451         float : right;
1452         font-size : 125%;
1453         padding : 5px 25em 0 0;
1454 }
1455
1456 #searchheader .yui-button button,
1457 #searchheader .yui-button a {
1458         line-height : 1.5em;
1459 }
1460
1461 #search-facets ul {
1462         margin : 0;
1463         padding : .3em;
1464 }
1465
1466 #search-facets {
1467     border : 1px solid #B9D8D9;
1468     border-radius: 5px 5px 0 0;
1469 }
1470
1471 #search-facets h4 {
1472      background-color : #E6F0F2;
1473     border-bottom : 1px solid #B9D8D9;
1474      border-radius: 5px 5px 0 0;
1475         font-size : 90%;
1476         margin : 0;
1477         padding : .4em .2em;
1478         text-align : center;
1479 }
1480
1481 #search-facets ul li {
1482         font-weight : bold;
1483         list-style-type : none;
1484 }
1485
1486 #search-facets li li {
1487         font-weight : normal;
1488         font-size : 85%;
1489         margin-bottom : 2px;
1490         padding : .1em .2em;
1491 }
1492
1493 #search-facets li.showmore {
1494         font-weight : bold;
1495         text-indent : 1em;
1496 }
1497
1498 div.pages {
1499         margin : .5em 0;
1500 }
1501
1502 div.pages a {
1503         font-weight: bold;
1504         padding: 1px 5px 1px 5px;
1505         text-decoration: none;
1506 }
1507
1508 div.pages a:link,
1509 div.pages a:visited {
1510         background-color : #eeeeee;
1511         color : #3366CC;
1512 }
1513
1514 div.pages a:hover {
1515         background-color : #FFC;
1516 }
1517
1518 div.pages a:active {
1519         background-color : #ffc;
1520 }
1521
1522 div.pages .current,
1523 div.pages .currentPage {
1524         background-color : #e6fcb7;
1525         color : #666;
1526         font-weight: bold;
1527         padding: 1px 5px 1px 5px;
1528 }
1529
1530 div.pages .inactive {
1531         background-color : #f3f3f3;
1532         color : #BCBCBC;
1533         font-weight: bold;
1534         padding: 1px 5px 1px 5px;
1535 }
1536
1537 div.browse {
1538         margin : .5em 0;
1539 }
1540
1541 div#bookcoverimg {
1542         text-align : center;
1543 }
1544
1545 div#header_search input.submit {
1546         font-size : 1em;
1547 }
1548
1549 *html input.submit {
1550         padding : .1em;
1551 }
1552
1553 input[type=submit]:active, input[type=button]:active, button.submit:active {
1554         border : 1px inset #999999;
1555 }
1556
1557 input[type=submit], input[type=reset], input[type=button], input.submit, button.submit {
1558         border: 1px outset #999999;
1559         border-top-color: #666;
1560         border-left-color: #666;
1561         -moz-border-radius : 2px;
1562         padding: 0.25em;
1563         background: #ffffff; /* Old browsers */
1564         background: -moz-linear-gradient(top, #ffffff 0%, #f7f7f7 35%, #e0e0e0 100%); /* FF3.6+ */
1565         background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(35%,#f7f7f7), color-stop(100%,#e0e0e0)); /* Chrome,Safari4+ */
1566         background: -webkit-linear-gradient(top, #ffffff 0%,#f7f7f7 35%,#e0e0e0 100%); /* Chrome10+,Safari5.1+ */
1567         background: -o-linear-gradient(top, #ffffff 0%,#f7f7f7 35%,#e0e0e0 100%); /* Opera11.10+ */
1568         background: -ms-linear-gradient(top, #ffffff 0%,#f7f7f7 35%,#e0e0e0 100%); /* IE10+ */
1569         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */
1570         background: linear-gradient(top, #ffffff 0%,#f7f7f7 35%,#e0e0e0 100%); /* W3C */
1571         color: #333333;
1572 }
1573
1574 input[type=submit]:disabled,
1575 input[type=reset]:disabled,
1576 input[type=button]:disabled,
1577 input.submit:disabled,
1578 button.submit:disabled {
1579     color : #999;
1580     border : 1px solid #C0C0C0;
1581     background : #EEE none;
1582 }
1583
1584 input[type=reset]:active, input[type=button]:active, input.submit:active, button.submit:active {
1585         border : 1px inset #999999;
1586 }
1587
1588 ul li input.submit {
1589         font-size : 87%;
1590         padding : 2px;
1591 }
1592
1593 input.warning {
1594     background : #FFF url(../../img/famfamfam/silk/error.png) no-repeat 4px center;
1595         padding : 0.25em 0.25em 0.25em 25px;
1596 }
1597
1598 .searchhighlightblob {
1599     font-size:75%;
1600         font-style : italic;
1601 }
1602
1603 a.yuimenuitemlabel:hover {
1604         background-color : #B3D4FF;
1605         color : #000;
1606 }
1607
1608 #displayexample {
1609         padding: 5px;
1610         margin-bottom: 10px;
1611         background-color: #CCCCCC;
1612 }
1613
1614 #irregularity_summary {
1615         vertical-align : top;
1616 }
1617
1618 #toplevelnav {
1619         float : left;
1620         margin-left : .5em;
1621      width: 40%;
1622 }
1623
1624 ul#toplevelmenu {
1625         padding : 0;
1626 }
1627
1628 ul#toplevelmenu li {
1629         display: inline;
1630         padding : 0 .6em;
1631 }
1632
1633 ul#toplevelmenu li.more a {
1634         background-image:url(../../img/more-arrow.gif);
1635         background-position:right center;
1636         background-repeat:no-repeat;
1637         padding-right:13px;
1638 }
1639
1640 ul#toplevelmenu li.more ul li a {
1641         background-image : none;
1642         padding-right : 20px;
1643 }
1644
1645 ul#toplevelmenu li.more ul li a.yuimenuitemlabel {
1646         padding: .2em 20px .2em 20px;
1647 }
1648
1649 ul#toplevelmenu li a {
1650         text-decoration : none;
1651 }
1652 ul#toplevelmenu li ul li {
1653         display :block;
1654         padding :0;
1655 }
1656 ul#toplevelmenu li ul li a {
1657         text-decoration : none;
1658 }
1659
1660 ul#i18nMenu {
1661         margin : 0;
1662         padding : .2em 0;
1663  }
1664
1665 ul#i18nMenu li {
1666         border-left : 1px solid #CCC;
1667         display : inline;
1668         float: left;
1669         list-style : none;
1670         padding : 0 10px;
1671 }
1672
1673 ul#i18nMenu li.yuimenuitem {
1674         float: none;
1675 }
1676
1677 ul#i18nMenu li:first-child {
1678         border-left : 0;
1679  }
1680
1681 ul#i18nMenu li ul li {
1682         border : 0;
1683         display : block;
1684         padding : 0;
1685  }
1686
1687 ul#i18nMenu li.more a {
1688         background-image:url(../../img/more-up-arrow.gif);
1689         background-position:right center;
1690         background-repeat:no-repeat;
1691         padding-right:13px;
1692 }
1693
1694 ul#i18nMenu li.more ul li a {
1695         background-image : none;
1696         padding-right : 20px;
1697 }
1698
1699 div.lang {
1700         float:left;
1701 }
1702
1703  div#changelanguage{
1704         background-color: #fff;
1705         border-top: 1px solid #CCC;
1706   position:absolute;
1707   bottom:0;
1708   left:0;
1709   width:100%;
1710   height: 2em;
1711  }
1712
1713  @media screen{
1714   body>div#changelanguage {
1715    position: fixed;
1716   }
1717  }
1718
1719  * html body{
1720   overflow:hidden;
1721  }
1722
1723  * html div#doc1{
1724   height:100%;
1725   overflow:auto;
1726  }
1727
1728  * html div#doc2{
1729   height:100%;
1730   overflow:auto;
1731  }
1732
1733  * html div#doc3{
1734   height:100%;
1735   overflow:auto;
1736  }
1737
1738 #CheckAll, #CheckNone, #CheckPending {
1739         font-weight : normal;
1740         margin : 0 .5em 0 0;
1741 }
1742 .lost,.dmg,.wdn {
1743         display : block;
1744         color : #990000;
1745 }
1746 .datedue {
1747         display : block;
1748         color : #999;
1749         font-style : italic;
1750 }
1751 /* Tablesorter */
1752 .header {
1753         background-image:url("../../img/ascdesc.gif");
1754         background-position:right center;
1755         background-repeat:no-repeat;
1756         cursor:pointer;
1757         padding : .2em 23px;
1758 }
1759 .headerSortUp {
1760         background-image:url("../../img/asc.gif");
1761 }
1762 .headerSortDown {
1763         background-image:url("../../img/desc.gif");
1764 }
1765
1766 tr.reserved td {
1767         background-color : #eeffd4;
1768 }
1769 tr.transfered td {
1770         background-color : #e8f0f6;
1771 }
1772 .waitinghere,
1773 .credit {
1774         color : #669900;
1775 }
1776
1777 /* Permissions Labels */
1778 label.permissioncode:before {
1779         content: "(";
1780 }
1781 label.permissioncode:after {
1782         content: ")";
1783 }
1784 label.permissioncode {
1785         font-style : italic;
1786 }
1787 span.permissiondesc {
1788         font-weight : normal;
1789 }
1790 #mainuserblock {
1791         border : 1px solid #E8E8E8;
1792         margin-top : .5em;
1793         padding : .5em;
1794 }
1795
1796 /* borrower autocomplete */
1797 #borrowerautocomplete { width: 500px; text-align:left;} /* z-index needed on top instances for ie & sf absolute inside relative issue */
1798 .autocomplete .yui-ac-highlight ,
1799 .autocomplete .yui-ac-highlight .sample-result,
1800 .autocomplete .yui-ac-highlight .sample-query { color:#FFF; }
1801 .autocomplete .sample-result { color: black; }
1802 .autocomplete .sample-query { color:#000; }
1803 #findborrower { position:static; width:auto; }
1804 #yborrowercontainer { text-align:left;width:335px; }
1805
1806 /* patron attribues autocomplete for overdues report (pattrodue) */
1807 .pattrodue-autocomplete .pattrodue-result { color: black; }
1808 .pattrodue-autocomplete .yui-ac-highlight .pattrodue-result { color: white; }
1809 .pattrodue-input { position:static; width:auto; }
1810 .pattrodue-container { text-align:left; width:400px; }
1811
1812 .labeledmarc-table {
1813         border: 0;
1814 }
1815
1816 .labeledmarc-label {
1817         border: 0;
1818         padding: 5;
1819         font-size: 11pt;
1820     color: #000000;
1821     font-style: italic;
1822 }
1823
1824 .labeledmarc-value {
1825         border: 0;
1826         padding: 5;
1827         font-size: 10pt;
1828         color: black;
1829 }
1830
1831 #cartDetails {
1832         background-color : #FFF;
1833         border: 1px solid #739acf;
1834          -moz-box-shadow: 1px 1px 3px 0 #666;
1835          -webkit-box-shadow: 1px 1px 3px 0 #666;
1836          box-shadow: 1px 1px 3px 0 #666;
1837         color : black;
1838         display : none;
1839         margin : 0;
1840         padding : 10px;
1841         text-align : center;
1842         width : 180px;
1843         z-index : 50;
1844 }
1845 #cartmenulink {
1846         background: transparent url("../../img/cart-small.gif") 0 3px no-repeat;
1847         padding-left : 15px;
1848 }
1849 #cartmenulink span#basketcount span {
1850         display : inline;
1851         font-size : 90%;
1852         font-weight : normal;
1853         padding : 0;
1854 }
1855 #moremenu {
1856         display : none;
1857 }
1858
1859 .results_summary {
1860   display: block;
1861   font-size : 85%;
1862   color: #707070;
1863   padding : 0 0 .5em 0;
1864 }
1865 .results_summary .label {
1866   color: #202020;
1867 }
1868 .results_summary a {
1869   font-weight: normal;
1870 }
1871
1872 img.spinner {
1873     vertical-align: middle;
1874     padding-right: 0.3em;
1875 }
1876 ul.budget_hierarchy {
1877     margin-left: 0px;
1878     padding-left: 0px;
1879 }
1880 ul.budget_hierarchy li {
1881     display: inline;
1882 }
1883 ul.budget_hierarchy li:after {
1884     content: " -> ";
1885 }
1886 ul.budget_hierarchy li:last-child:after {
1887     content: "";
1888 }
1889 ul.budget_hierarchy li:first-child:after {
1890     content: "";
1891 }
1892 .holdcount { font-size : 105%; line-height : 200%; }
1893 .holdcount a {
1894         border : 1px solid #a4bedd;
1895         background-color : #e4ecf5;
1896         font-weight : bold;
1897         -moz-border-radius: 4px;
1898         border-radius: 4px;
1899         padding : .1em .4em;
1900         text-decoration : none;
1901 }
1902 .holdcount a:hover { background-color : #ebeff7; }
1903 .container {
1904         border : 1px solid #EEE;
1905         padding : 1em;
1906         margin : 1em 0;
1907 }
1908 fieldset.rows+h3 {clear:both;padding-top:.5em;}
1909
1910 .import_export{
1911     position:relative;
1912 }
1913 .import_export .import_export_options{
1914     background: white;
1915     border: 1px solid #CDCDCD;
1916     left: 60px;
1917     padding: 10px;
1918     position: absolute;
1919     top: 0;
1920     z-index: 1;
1921     width: 300px;
1922 }
1923 .import_export_options li{
1924     display: block;
1925     list-style: none;
1926     padding-top: 10px;
1927 }
1928 .import_export_options .import_export_close {
1929     cursor: pointer;
1930     text-decoration: underline;
1931 }
1932 .import_export_options .export_ok {
1933     padding: 10;
1934     background: #E3E3E3 none;
1935     cursor: pointer;
1936     margin-left: 20px;
1937     border: none;
1938 }
1939 .import_export_options .import_ok {
1940     padding: 10;
1941     background: #E3E3E3 none;
1942     cursor: pointer;
1943     margin-left: 20px;
1944     border: none;
1945 }
1946 .form_import .input_import {
1947     border: 1px solid #bcbcbc;
1948 }
1949 .import_export_options .importing {
1950     padding: inherit;
1951     background: none;
1952 }
1953 .li_close_import_export {
1954     text-align: right;
1955 }
1956
1957 .importing {
1958     position: relative;
1959 }
1960
1961 .importing .importing_msg {
1962     padding-left: 10px;
1963     padding-bottom: 10px;
1964 }
1965
1966 .m880 {
1967     display:block;
1968     text-align:right;
1969     float:right;
1970     width:50%;
1971     padding-left:20px
1972 }
1973
1974 .advsearch {
1975     margin: 0;
1976 }
1977
1978 .advsearch table {
1979     border-spacing : 5px;
1980     border-collapse : separate;
1981     border-width : 0;
1982 }
1983 .advsearch td {
1984     border : 1px solid #EEE;
1985     padding : 0.3em 0.4em;
1986 }
1987 #circ_circulation_issue {
1988     position: relative;
1989     }
1990
1991 #clearscreen {
1992     position: absolute;
1993     top:0;
1994     right:0;
1995     }
1996
1997 #clearscreen a {
1998     display:block;
1999     -moz-border-radius: 0 0 0 5px;
2000     border-radius: 0 0 0 5px;
2001     padding : 0 .7em .2em .7em;
2002     background-color : #EEE;
2003     color : #CCC;
2004     text-shadow: 0px -1px 0px #666;
2005     text-decoration: none;
2006     font-size: 160%;
2007     font-weight : bold
2008     }
2009 #clearscreen a:hover {
2010     color : #cc0000;
2011     }
2012
2013 div.pager {
2014         background-color : #E8E8E8;
2015         border : 1px solid #BCBCBC;
2016         -moz-border-radius : 5px;
2017     border-radius : 5px;
2018         display : inline-block;
2019         font-size : 85%;
2020         padding : .3em .5em .3em .5em;
2021         margin : .4em 0;
2022 }
2023 div.pager img {
2024         vertical-align : middle;
2025 }
2026
2027 div.pager img.last {
2028         padding-right: 5px;
2029 }
2030 div.pager input.pagedisplay {
2031         border : 0;
2032         background-color : transparent;
2033         font-weight: bold;
2034         text-align : center;
2035 }
2036 a.localimage img {
2037         border : 1px solid #0000CC;
2038         margin : 0 .5em;
2039         padding : .3em;
2040 }
2041 div.pager p {
2042         margin: 0;
2043 }
2044
2045 div#acqui_order_supplierlist > div.supplier {
2046     border: 1px solid #EEEEEE;
2047     margin: 0.5em;
2048     padding: 1em;
2049 }
2050
2051 div#acqui_order_supplierlist > div.supplier > span.suppliername {
2052     display: inline;
2053     font-size: 1.7em;
2054     margin-bottom: 0.5em;
2055 }
2056
2057 div#acqui_order_supplierlist > div.supplier > span.action {
2058     margin-left: 5em;
2059 }
2060
2061 div#acqui_order_supplierlist > div.supplier > div.baskets {
2062     margin-top: 0.5em;
2063 }
2064
2065 /* Override core jQueryUI widgets */
2066 .ui-widget-content { border: 1px solid #B9D8D9; background: #ffffff none; color: #222222; }
2067 .ui-widget-header { border: 1px solid #B9D8D9; background: #E6F0F2 none; color: #222222; font-weight: bold; }
2068 .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #B9D8D9; background: #F4F8F9 none; font-weight: normal; color: #555555; }
2069 .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #B9D8D9; background: #E6F0F2 none; font-weight: normal; color: #212121; }
2070 .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff none; font-weight: normal; color: #212121; }
2071 .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #FED22F; background: #FFF4C6; color: #363636; }
2072 .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec; color: #cd0a0a; }
2073
2074 /* Override jQuery Autocomplete */
2075 .ui-autocomplete {
2076     position: absolute;
2077     cursor: default;
2078     -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,.3);
2079     -moz-box-shadow: 2px 2px 2px rgba(0,0,0,.3);
2080     box-shadow: 2px 2px 2px rgba(0,0,0,.3);
2081 }
2082 .ui-autocomplete.ui-widget-content .ui-state-hover {
2083     border: 1px solid #B9D8D9;
2084     background: #E6F0F2 none;
2085     font-weight: normal;
2086     color: #212121;
2087 }
2088 .ui-autocomplete-loading {
2089     background: #FFF url("../../img/loading-small.gif") right center no-repeat;
2090 }
2091
2092 /* jQuery UI standard tabs */
2093 .ui-menu li {
2094     list-style:none;
2095 }
2096
2097 .ui-tabs-nav .ui-tabs-selected a,
2098 .ui-tabs-nav a:hover,
2099 .ui-tabs-nav a:focus,
2100 .ui-tabs-nav a:active,
2101 .ui-tabs-nav span.a {
2102     background: none repeat scroll 0 0 transparent;
2103     outline: 0 none;
2104 }
2105
2106 .ui-tabs .ui-tabs-nav li.ui-tabs-selected {
2107     background-color : #FFF;
2108     border : 1px solid #B9D8D9;
2109 }
2110
2111 .ui-widget,
2112 .ui-widget input,
2113 .ui-widget select,
2114 .ui-widget textarea,
2115 .ui-widget button {
2116     font-family : inherit;
2117     font-size : inherit;
2118 }
2119 ul.ui-tabs-nav li {
2120     list-style : none;
2121 }
2122 .ui-tabs.ui-widget-content {
2123     background : transparent none;
2124     border : 0;
2125 }
2126
2127 .ui-tabs .ui-tabs-panel {
2128     border : 1px solid #B9D8D9;
2129 }
2130 .ui-tabs-nav.ui-widget-header {
2131     border : 0;
2132     background : none;
2133 }
2134 .ui-tabs .ui-tabs-nav li {
2135     background: #E6F0F2 none;
2136     border: 1px solid #B9D8D9;
2137     margin-right : .4em;
2138 }
2139 .ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
2140     color : #000;
2141     font-weight : bold;
2142 }
2143
2144 .ui-tabs .ui-tabs-nav li.ui-state-default.ui-state-hover {
2145     background : #EDF4F5 none;
2146 }
2147
2148 .ui-tabs .ui-tabs-nav li.ui-tabs-selected.ui-state-hover {
2149     background : #FFF none;
2150 }
2151
2152 .ui-tabs .ui-state-default a,
2153 .ui-tabs .ui-state-default a:link,
2154 .ui-tabs .ui-state-default a:visited {
2155     color: #004D99;
2156 }
2157
2158 .ui-tabs .ui-state-hover a,
2159 .ui-tabs .ui-state-hover a:link,
2160 .ui-tabs .ui-state-hover a:visited {
2161     color: #538200;
2162 }
2163
2164 .statictabs ul {
2165     background: none repeat scroll 0 0 transparent;
2166     border: 0 none;
2167     margin: 0;
2168     padding: 0.2em 0.2em 0;
2169     border-bottom-right-radius: 4px;
2170     border-bottom-left-radius: 4px;
2171     border-top-right-radius: 4px;
2172     border-top-left-radius: 4px;
2173     color: #222222;
2174     font-weight: bold;
2175     font-size: 100%;
2176     line-height: 1.3;
2177     list-style: none outside none;
2178     outline: 0 none;
2179     text-decoration: none;
2180 }
2181
2182 .statictabs ul:after {
2183     clear: both;
2184 }
2185
2186 .statictabs ul:before,
2187 .statictabs ul:after {
2188     content: "";
2189     display: table;
2190 }
2191
2192 .statictabs ul li {
2193     background: none repeat scroll 0 0 #E6F0F2;
2194     border: 1px solid #B9D8D9;
2195     border-bottom: 0 none !important;
2196     border-top-right-radius: 4px;
2197     border-top-left-radius: 4px;
2198     float: left;
2199     list-style: none outside none;
2200     margin-bottom: 0;
2201     margin-right: 0.4em;
2202     padding: 0;
2203     position: relative;
2204     white-space: nowrap;
2205     top: 1px;
2206     color: #555555;
2207     font-weight: normal;
2208
2209 }
2210
2211 .statictabs ul li.active {
2212     background-color: #FFFFFF;
2213     color: #212121;
2214     font-weight: normal;
2215     padding-bottom: 1px;
2216 }
2217
2218 .statictabs ul li a {
2219     color: #004D99;
2220     cursor: pointer;
2221     float: left;
2222     padding: 0.5em 1em;
2223     text-decoration: none;
2224 }
2225
2226 .statictabs ul li a:hover {
2227     background-color : #EDF4F5;
2228     border-top-right-radius: 4px;
2229     border-top-left-radius: 4px;
2230     color : #538200;
2231 }
2232
2233 .statictabs ul li.active a {
2234     color: #000000;
2235     font-weight: bold;
2236     cursor: text;
2237     background: none repeat scroll 0 0 transparent;
2238     outline: 0 none;
2239 }
2240
2241 .statictabs .tabs-container {
2242     border: 1px solid #B9D8D9;
2243     background: none repeat scroll 0 0 transparent;
2244     display: block;
2245     padding: 1em 1.4em;
2246     border-bottom-right-radius: 4px;
2247     border-bottom-left-radius: 4px;
2248     color: #222222;
2249 }
2250
2251 /* jQuery UI header search box tabs */
2252 #header_search ul.ui-tabs-nav {
2253     padding-top : 0;
2254     margin-left: 1em;
2255 }
2256 #header_search ul.ui-tabs-nav li.ui-state-default {
2257     border: 0 !important;
2258     background : transparent none; top: 0;
2259 }
2260 #header_search ul.ui-tabs-nav li.ui-state-default a {
2261     padding : .3em .6em;
2262 }
2263 #header_search ul.ui-tabs-nav li.ui-tabs-selected {
2264     background-color : #FFFFF1;
2265     border: 1px solid #85CA11 !important;
2266     border-top: 0 !important; top: -1px;
2267 }
2268 #header_search ul.ui-tabs-nav li.ui-tabs-selected a {
2269     text-decoration: none;
2270 }
2271 #header_search .ui-corner-top {
2272      border-radius: 0 0 4px 4px;
2273 }
2274
2275 .authref {
2276     text-indent: 2em;
2277 }
2278
2279 .authref .label {
2280     font-style: italic;
2281 }
2282
2283 #authfinderops {
2284     float: right;
2285 }
2286 div.authorizedheading {
2287   font-weight: bold;
2288 }
2289 .authres_notes, .authres_seealso, .authres_otherscript {
2290   padding-top: 3px;
2291 }
2292 .authres_notes {
2293   font-style: italic;
2294 }
2295
2296
2297 .contents {
2298     width: 75%;
2299 }
2300
2301 .contentblock {
2302     position: relative;
2303     margin-left: 2em;
2304 }
2305
2306 .contents .t:first-child:before {
2307     content: "→ ";
2308 }
2309
2310 .contents .t:before {
2311     content: "\A→ ";
2312     white-space: pre;
2313 }
2314
2315 .contents .t {
2316     font-weight: bold;
2317     display: inline;
2318 }
2319
2320 .contents .r {
2321     display: inline;
2322 }
2323
2324 #hierarchies a {
2325     font-weight: normal;
2326     text-decoration: underline;
2327     color: #069;
2328 }
2329
2330 #hierarchies a:hover {
2331     color: #990033;
2332 }
2333
2334 #didyoumeanopac, #didyoumeanintranet {
2335     float: left;
2336     width: 260px;
2337 }
2338
2339 .pluginlist {
2340     padding-bottom: 10px;
2341 }
2342 .plugin {
2343     margin: 0 1em 1em 0;
2344 }
2345 .pluginname {
2346     margin: 0.3em;
2347     padding-bottom: 4px;
2348     padding-left: 0.2em;
2349     background-color: #E6F0F2;
2350 }
2351 .pluginname .ui-icon {
2352     float: right;
2353 }
2354 .plugindesc {
2355     padding: 0.4em;
2356 }
2357 .ui-sortable-placeholder {
2358     border: 1px dotted black;
2359     visibility: visible !important;
2360     height: 80px !important;
2361 }
2362 .ui-sortable-placeholder * {
2363     visibility: hidden;
2364 }
2365
2366 /* jQuery UI Datepicker */
2367 .ui-datepicker table {
2368     width: 100%;
2369     font-size: .9em;
2370     border : 0;
2371     border-collapse: collapse;
2372     margin:0 0 .4em;
2373 }
2374
2375 .ui-datepicker th {
2376     background : transparent none;
2377     padding: .7em .3em;
2378     text-align: center;
2379     font-weight: bold;
2380     border: 0;
2381 }
2382
2383 .ui-datepicker-trigger {
2384     vertical-align: middle;
2385     margin : 0 3px;
2386 }
2387 .ui-datepicker {
2388     -moz-box-shadow: 1px 1px 3px 0 #666;
2389     -webkit-box-shadow: 1px 1px 3px 0 #666;
2390     box-shadow: 1px 1px 3px 0 #666;
2391 }
2392
2393 /* css for timepicker */
2394 .ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
2395 .ui-timepicker-div dl { text-align: left; }
2396 .ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
2397 .ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
2398 .ui-timepicker-div td { font-size: 90%; }
2399 .ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
2400
2401 /* jQuery UI Accordion */
2402 .ui-accordion-header { font-weight: bold; font-size : 110%; }
2403
2404 video {
2405     width: 480px;
2406 }