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