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