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 a, a:link, a:visited, a:active {
   5         color : #0000CC;
   6 }
   7
   8 .yui-button a,.yui-button a:link,.yui-button a:visited {
   9         color : #000;
  10 }
  11
  12 a:hover {
  13         color : #669ACC;
  14 }
  15
  16 a.overdue,.overdue {
  17         color : #cc0000;
  18 }
  19
  20 body {
  21         text-align : left;
  22         padding:0 0 2.5em 0;
  23 }
  24
  25 br.clear {
  26         clear : both;
  27         line-height : 1px;
  28 }
  29
  30 form {
  31         display : inline;
  32 }
  33
  34 form.confirm {
  35         display : block;
  36         text-align : center;
  37 }
  38
  39 h1 {
  40         font-size : 161.6%;
  41         font-weight : bold;
  42 }
  43
  44 h2 {
  45         font-size : 146.5%;
  46         font-weight : bold;
  47 }
  48
  49 h3 {
  50         font-size : 131%;
  51         font-weight : bold;
  52 }
  53
  54 h4 {
  55         font-size : 116%;
  56         font-weight : bold;
  57 }
  58
  59 h5 {
  60         font-size : 100%;
  61         font-weight : bold;
  62 }
  63
  64 h6 {
  65         font-size : 93%;
  66         font-weight : bold;
  67 }
  68
  69 h1,h2,h3,h4,h5,h6 {
  70         margin : .3em 0;
  71 }
  72
  73 html {
  74 }
  75
  76 p {
  77         margin: .5em 0 .5em 0;
  78 }
  79
  80 strong {
  81         font-weight : bold;
  82 }
  83
  84 strong em {
  85         font-weight : bold;
  86         font-style : italic;
  87 }
  88
  89 em {
  90         font-style : italic;
  91 }
  92
  93 em strong {
  94         font-weight : bold;
  95         font-style : italic;
  96 }
  97
  98 .subfield-label {
  99     font-style : italic;
 100 }
 101
 102 #hd {
 103 }
 104
 105 #navigation {
 106         border-right : 1px solid #BCBCBC;
 107 }
 108
 109 #navigation li {
 110         font-weight : bold;
 111 }
 112
 113 #navigation li li {
 114         font-weight : normal;
 115 }
 116
 117 #navigation input {
 118         font-size : 85%;
 119 }
 120
 121 #navmenulist li {
 122         padding : .2em 0;
 123         list-style-image : url("../../img/arrow-bullet.gif");
 124         border-bottom : 1px solid #EEE;
 125 }
 126
 127 #navmenulist li a {
 128         text-decoration : none;
 129 }
 130
 131 #ft {
 132 }
 133
 134 .yui-u {
 135 }
 136
 137 #doc, #doc1, #doc2, #doc3 {
 138         padding-top : 1em;
 139 }
 140
 141 #login   {
 142         position : absolute;
 143         right : .5em;
 144 }
 145
 146 #login a {
 147
 148 }
 149
 150 ul {
 151         padding-left : 1.1em;
 152 }
 153
 154 ul li {
 155         list-style-type : disc;
 156 }
 157
 158 ul li li {
 159         list-style-type : circle;
 160 }
 161
 162 ol {
 163         padding-left : 1.5em;
 164 }
 165
 166 ol li {
 167         list-style : decimal;
 168 }
 169
 170 #header {
 171         background-color : #F3F3F3;
 172         border-bottom : 1px solid #E8E8E8;
 173         line-height : 2em;
 174 }
 175
 176 .clearfix:after {
 177     content: ".";
 178     display: block;
 179     height: 0;
 180     clear: both;
 181     visibility: hidden;
 182 }
 183
 184 .clearfix {display: inline-block;}
 185
 186 /* Hides from IE-mac \*/
 187 * html .clearfix {height: 1%;}
 188 .clearfix {display: block;}
 189 /* End hide from IE-mac */
 190
 191 #sitetitle {
 192 /*      background-image : url("../../img/koha-logo-black.png");
 193         background-position : 5px 2px;
 194         background-repeat : no-repeat;
 195         float : left;
 196         height : 54px;
 197         padding-left : 50px;*/
 198         border-bottom : 1px solid #E8E8E8;
 199 }
 200
 201 #sitetitle h1 {
 202         display : inline;
 203         line-height : 54px;
 204 }
 205
 206 #sitetitle h1 a {
 207         text-decoration : none;
 208 }
 209
 210 #submenu {
 211         margin : 0 0 .5em 0;
 212         padding : 0;
 213 }
 214
 215 #submenu ul {
 216         margin : 0;
 217         padding : 0;
 218 }
 219
 220 #submenu ul li {
 221         padding-left : 0;
 222 }
 223
 224 table {
 225         border-collapse : collapse;
 226         border-top : 1px solid #BCBCBC;
 227         border-right : 1px solid #BCBCBC;
 228 }
 229
 230 td, th {
 231         border-bottom : 1px solid #BCBCBC;
 232         border-left : 1px solid #BCBCBC;
 233         padding : .2em .3em;
 234 }
 235
 236 td {
 237         background-color : White;
 238 }
 239
 240 th {
 241         background-color : #E8E8E8;
 242         font-weight : bold;
 243         text-align : center;
 244 }
 245
 246 table+table {
 247         margin-top : 1em;
 248 }
 249
 250 #editions table, #editions td {
 251         border : 0;
 252 }
 253
 254
 255 tr.highlight td, tr.highlight th, tr.odd td {
 256         background-color : #F3F3F3;
 257         border : 1px solid #DDDDDD;
 258         border-right : 1px solid #DDDDDD;
 259 }
 260
 261 tr.even td, tr.even.highlight td {
 262         background-color: #FFF;
 263         border-right : 1px solid #DDDDDD;
 264 }
 265
 266 td.od {
 267         color : #cc0000;
 268         font-weight : bold;
 269 }
 270
 271 tr.warn td {
 272         background-color: #FF9090;
 273 }
 274
 275 tr.onissue td {
 276         background-color: #FFFFCC;
 277 }
 278
 279 tr.highlight.onissue td {
 280         background-color: #FFFFE1;
 281 }
 282
 283 caption {
 284         font-size : 133.9%;
 285         font-weight : bold;
 286         margin : .3em 0;
 287 }
 288
 289 span.problem {
 290         background-color : #FFFFCC;
 291         color : #990000;
 292         font-weight : bold;
 293         line-height : 1.7em;
 294 }
 295
 296 fieldset {
 297         border : 2px solid #EEEEEE;
 298         margin : 1em 1em 1em 0;
 299         padding : 1em;
 300 }
 301
 302 legend {
 303         font-size : 123.1%;
 304         font-weight : bold;
 305         margin : 0 0 0 -1em;
 306         padding : 0;
 307 }
 308
 309 #breadcrumbs {
 310         background-color : #F3F3F3;
 311         border-bottom : 1px solid #E8E8E8;
 312         clear : both;
 313         font-size : 90%;
 314         padding :.2em .5em .4em 10px;
 315         margin : 0;
 316 }
 317
 318 #header+#breadcrumbs {
 319         margin-top : 1em;
 320 }
 321
 322 #commonsearch {
 323         display : inline;
 324 }
 325
 326
 327 div#header_search {
 328         background-position : .5em .5em;
 329         background-repeat : no-repeat;
 330         float: left;
 331         margin: .3em 0 .5em 0;
 332 }
 333
 334 div#header_search input {
 335         font-size : 1.3em;
 336 }
 337
 338 div#header_search ul.link-tabs {
 339         font-family : Arial, Geneva, sans-serif;
 340         margin-bottom : -4px;
 341 }
 342
 343 div#header_search ul.link-tabs li.on a,
 344 div#header_search ul.link-tabs li a,
 345 div#header_search ul.link-tabs li.off a {
 346         padding : 0.1em .5em .2em .5em;
 347 }
 348
 349 div#header_search div.residentsearch {
 350         border : 0;
 351         border-bottom : 1px solid #FF9900;
 352         padding : 0 0 .2em 0;
 353 }
 354
 355 div#reserves,div#checkouts {
 356         border : 1px solid #E8E8E8;
 357         padding : 1em;
 358 }
 359
 360 .tip {
 361         font-size: 93%;
 362         color : Gray;
 363 }
 364
 365 .ex {
 366         font-family : "Courier New", Courier, fixed-width;
 367         font-weight : bold;
 368 }
 369
 370
 371 div.yui-b h5 {
 372         font-size : 100%;
 373         margin : .5em 0;
 374 }
 375
 376 dt {
 377         font-weight : bold;
 378 }
 379
 380 dd {
 381         padding : .2em;
 382         font-size : 90%;
 383         text-indent : 2.5em;
 384         font-weight : normal;
 385 }
 386
 387 div#toolbar {
 388         background-color : #F3F3F3;
 389         margin-bottom : .7em;
 390 }
 391
 392 ul.toolbar {
 393         padding-left : 0;
 394 }
 395
 396 .yui-menu-button  {
 397
 398 }
 399
 400 a.yuimenuitemlabel-disabled, #disabled a {
 401         color: #999;
 402 }
 403 a.yuimenuitemlabel-disabled:hover, #disabled a:hover {
 404         color : #999;
 405 }
 406
 407 ul.toolbar li {
 408         display : inline;
 409         list-style : none;
 410 }
 411
 412 div.patroninfo {
 413         margin-top : -.5em;
 414 }
 415
 416 *html div.patroninfo {
 417         margin-right : .5em;
 418 }
 419
 420 div.patroninfo h5 {
 421         border-right :  1px solid #000;
 422         margin-bottom : 0;
 423         padding-left : -.5em;
 424         padding-top : .3em;
 425         padding-bottom : .5em;
 426 }
 427
 428 div.patroninfo ul {
 429         border : 0;
 430         border-right : 1px solid #000;
 431         border-bottom : 0;
 432         border-top : 0;
 433         padding : 0;
 434         margin : 0;
 435 }
 436
 437 div.patroninfo ul li {
 438         margin : 0;
 439 }
 440
 441 div.patroninfo ul li, div.patronviews ul li {
 442         list-style-type : none;
 443 }
 444
 445 div.patronviews {
 446         border-right :  1px solid #000;
 447         border-top : 1px solid #000;
 448         margin-bottom : .5em;
 449         padding : .5em 0 .5em 0;
 450 }
 451
 452 .column-tool {
 453         font-size: 80%;
 454 }
 455
 456 fieldset.brief {
 457         border : 1px solid #E8E8E8;
 458 }
 459
 460 fieldset.brief label {
 461         display : block;
 462         font-weight : bold;
 463         padding : .3em 0;
 464 }
 465
 466 fieldset.brief ol, fieldset.brief li {
 467         list-style-type : none;
 468 }
 469
 470 fieldset.brief div.hint, fieldset.rows div.hint {
 471         color : #999999;
 472         font-size : 95%;
 473         margin-bottom : .4em;
 474 }
 475
 476 div.yui-b fieldset.brief {
 477         padding : .4em .7em;
 478 }
 479
 480 div.yui-b fieldset.brief ol {
 481         font-size : 85%;
 482         margin : 0;
 483         padding : 0;
 484 }
 485
 486 div.yui-b fieldset.brief select {
 487         width: 12em;
 488 }
 489
 490 fieldset.rows {
 491 border-width : 1px;
 492 border-bottom : 1px solid #666;
 493 float : left;
 494 font-size : 90%;
 495 clear : left;
 496 margin: .9em 0 0 0;
 497 padding: 0;
 498 width: 100%;
 499 }
 500
 501 fieldset.rows legend {
 502         margin-left: 1em;
 503         font-weight: bold;
 504         font-size : 110%;
 505 }
 506
 507 fieldset.rows label, fieldset.rows span.label {
 508         float: left;
 509         font-weight : bold;
 510         width: 6em;
 511         margin-right: 1em;
 512         text-align: right;
 513 }
 514
 515 fieldset.rows fieldset {
 516         border-width : 1px;
 517         margin : 0 0 .5em 0;
 518         padding : .3em;
 519 }
 520
 521 .yui-b fieldset.rows label, .yui-b fieldset.rows span.label {
 522         width: 9em;
 523 }
 524
 525 .yui-b fieldset.rows div.hint {
 526         margin-left : 10.5em;
 527 }
 528
 529 .yui-u fieldset.rows label, .yui-u fieldset.rows span.label {
 530         width: 6em;
 531 }
 532
 533 .yui-u fieldset.rows div.hint {
 534         margin-left : 7.5em;
 535 }
 536
 537 fieldset.rows.left label, fieldset.rows.left span.label {
 538         width : 8em;
 539         text-align : left;
 540 }
 541
 542 fieldset.rows ol {
 543 padding: 1em 1em 0 1em;
 544 list-style-type: none;
 545 }
 546
 547 fieldset.rows li {
 548 float : left;
 549 clear : left;
 550 padding-bottom: 1em;
 551 list-style-type: none;
 552 width: 100%;
 553 }
 554
 555 fieldset.rows.left li {
 556         padding-bottom : .4em;
 557 }
 558
 559 fieldset.rows li.radio {
 560         padding-left: 9em;
 561         width : auto;
 562 }
 563
 564 fieldset.rows li.radio label {
 565         float : none;
 566         width : auto;
 567         margin : 0 0 0 1em;
 568 }
 569
 570 fieldset.rows ol.radio label {
 571         width : auto;
 572         float : none;
 573         margin-right : 0;
 574 }
 575
 576 fieldset.rows ol.radio label.radio {
 577         float : left;
 578         width : 12em;
 579         margin-right : 1em;
 580 }
 581
 582 fieldset.rows table {
 583         font-size : 105%;
 584         clear : both;
 585         margin : 1em 0 1em 1em;
 586 }
 587
 588 fieldset.rows td label {
 589         float : none;
 590         font-weight : normal;
 591         width : auto;
 592 }
 593
 594 fieldset.rows label.yesno {
 595         float : none;
 596         width : auto;
 597 }
 598
 599 fieldset.action, div.action {
 600         clear : both;
 601         float : none;
 602         border : none;
 603         margin : 0;
 604         padding : 1em 0 .3em 0;
 605         width : auto;
 606 }
 607
 608 div.rows {
 609 float : left;
 610 clear : left;
 611 margin: 0 0 0 0;
 612 padding: 0;
 613 width: 100%;
 614 }
 615
 616
 617 div.rows span.label {
 618         float: left;
 619         font-weight : bold;
 620         width: 9em;
 621         margin-right: 1em;
 622         text-align: left;
 623 }
 624
 625 div.rows ol {
 626 padding: .5em 1em 0 0;
 627 list-style-type: none;
 628 }
 629
 630 div.rows ol li li {
 631         border-bottom: 0;
 632 }
 633
 634 div.rows li {
 635 border-bottom :  1px solid #EEE;
 636 float : left;
 637 clear : left;
 638 padding-bottom: .2em;
 639 padding-top: .1em;
 640 list-style-type: none;
 641 width: 100%;
 642 }
 643
 644 a.cancel {
 645         padding-left : 1em;
 646 }
 647
 648 fieldset.rows fieldset.action {
 649         padding : 1em;
 650 }
 651
 652 fieldset.rows label.inline {
 653         display : inline;
 654         float : none;
 655         margin-left : 1em;
 656         width : auto;
 657 }
 658
 659 fieldset.rows .inputnote {
 660         float : left;
 661         margin : .5em 0 0 10em;
 662 }
 663
 664 .ui-tabs-nav li {
 665         margin-right : .5em;
 666         position : relative;
 667         top : -1px;
 668 }
 669
 670 .ui-tabs-nav li.ui-tabs-selected {
 671
 672 }
 673
 674 .ui-tabs-nav a, .ui-tabs-nav a span, .ui-tabs-nav span.a {
 675    background : none;
 676         display : block;
 677         padding: .2em .5em .25em .5em;
 678 }
 679
 680 .ui-tabs-nav a, .ui-tabs-nav span.a {
 681
 682 }
 683
 684 .ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav .ui-tabs-selected span.a {
 685         background-color : #FFFFCC;
 686         border-top: 1px solid #FFFFCC;
 687         border-right: 1px solid #FF9900;
 688         border-bottom: 1px solid #FF9900;
 689         border-left: 1px solid #FFCC66;
 690         font-weight : bold;
 691         text-align : center;
 692         text-decoration : none;
 693
 694 }
 695
 696 .ui-tabs-nav .tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active, .ui-tabs-nav span.a {
 697     outline: 0; /* prevent dotted border in Firefox */
 698 }
 699
 700 .ui-tabs-nav .ui-tabs-selected a:hover {
 701         color : #0000CC;
 702 }
 703
 704 .ui-tabs-nav li.ui-tabs-selected {
 705         background-color : #FFFFCC;
 706 }
 707
 708 .ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active, .ui-tabs-nav span.a {
 709          background : none;
 710     outline: 0; /* prevent dotted border in Firefox */
 711 }
 712
 713 .tabs-container {
 714     border-top: 0;
 715     padding : inherit;
 716     background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
 717 }
 718 .tabs-loading em {
 719     padding: inherit;
 720     background: none;
 721 }
 722
 723 .toptabs {
 724         margin-top : 1em;
 725 }
 726
 727 .toptabs .ui-tabs-nav li {
 728         margin-right : .5em;
 729         position : relative;
 730         top : 1px;
 731 }
 732
 733 .toptabs .ui-tabs-nav li a, .toptabs .ui-tabs-nav li span.a {
 734         background-color : #F3F3F3;
 735         border : 1px solid #E8E8E8;
 736         text-align : center;
 737         text-decoration : none;
 738 }
 739
 740 .toptabs .ui-tabs-nav li.ui-tabs-selected  {
 741
 742 }
 743
 744 .toptabs .ui-tabs-nav li.ui-tabs-selected a, .toptabs .ui-tabs-nav li.ui-tabs-selected span.a {
 745         background-color : #FFF;
 746         border-bottom : 1px solid #FFF;
 747         margin-top : 0;
 748 }
 749
 750 .toptabs .tabs-container {
 751         border : 1px solid #E8E8E8;
 752         padding : 1em;
 753 }
 754
 755 .checkedout {
 756         color : #999999;
 757         font-style : italic;
 758 }
 759
 760 .subfield_not_filled {
 761         background-color : #FFFF99;
 762 }
 763 .content_hidden {
 764     visibility:hidden; /* you propably don't need to change this one */
 765     display:none;
 766 }
 767
 768 /* the property for the displayed tab */
 769 .content_visible {
 770     visibility:visible; /* you propably don't need to change this one */
 771     display:block;
 772 }
 773 #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, #neworder a {
 774         padding-left : 34px;
 775         background-image: url("../../img/toolbar-new.gif");
 776         background-position : center left;
 777         background-repeat : no-repeat;
 778 }
 779
 780 #changepassword a {
 781         padding-left : 34px;
 782         background-image: url("../../img/toolbar-password.gif");
 783         background-position : center left;
 784         background-repeat : no-repeat;
 785 }
 786
 787 #manageorders a {
 788         padding-left : 34px;
 789         background-image: url("../../img/toolbar-orders.gif");
 790         background-position : center left;
 791         background-repeat : no-repeat;
 792 }
 793
 794
 795 #savemenuc .first-child, #addbiblio .first-child {
 796         padding-left : 34px;
 797         background-image: url("../../img/toolbar-save.gif");
 798         background-position : center left;
 799         background-repeat : no-repeat;
 800 }
 801
 802 #editpatron a, #editmenuc .first-child, #editshelf a, #edit a, #editsupplier a {
 803         padding-left : 34px;
 804         background-image: url("../../img/toolbar-edit.gif");
 805         background-position : center left;
 806         background-repeat : no-repeat;
 807 }
 808
 809 #duplicate a {
 810         padding-left : 34px;
 811         background-image: url("../../img/toolbar-duplicate.gif");
 812         background-position : center left;
 813         background-repeat : no-repeat;
 814 }
 815
 816 #receive a {
 817         padding-left : 34px;
 818         background-image: url("../../img/toolbar-receive.gif");
 819         background-position : center left;
 820         background-repeat : no-repeat;
 821 }
 822
 823 #renew a {
 824         padding-left : 34px;
 825         background-image: url("../../img/toolbar-renew.gif");
 826         background-position : center left;
 827         background-repeat : no-repeat;
 828 }
 829
 830 #deletebiblio button, #deletebiblio a, #deletepatron a, #deleteshelf .first-child, #delete a {
 831         padding-left : 34px;
 832         background-image: url("../../img/toolbar-delete.gif");
 833         background-position : center left;
 834         background-repeat : no-repeat;
 835 }
 836
 837 #z3950search .first-child {
 838         padding-left : 34px;
 839         background-image: url("../../img/toolbar-search.gif");
 840         background-position : center left;
 841         background-repeat : no-repeat;
 842 }
 843 #printbiblio button, #printbiblio a, #printmenuc .first-child {
 844         padding-left : 34px;
 845         background-image: url("../../img/toolbar-print.gif");
 846         background-position : center left;
 847         background-repeat : no-repeat;
 848 }
 849
 850 #addtoshelf button, #addtoshelf a {
 851         padding-left : 34px;
 852         background-image: url("../../img/toolbar-add-to-shelf.gif");
 853         background-position : center left;
 854         background-repeat : no-repeat;
 855 }
 856
 857 #placehold a {
 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 #editmenuc .first-child, #deleteshelf .first-child,#newmenuc .first-child, #addbiblio .first-child, #z3950search .first-child, #printmenuc .first-child, #newsupplier .first-child, #savemenuc .first-child {
 865         padding-left : 15px;
 866 }
 867
 868 .error,
 869 .error a,
 870 .error a:link,
 871 .error a:visited {
 872        color: #cc0000;
 873 }
 874
 875 div.error {
 876         border : 2px dashed #990000;
 877         background-color : #FFFF99;
 878         padding : .5em;
 879         margin : 1em;
 880 }
 881
 882 input.alert {
 883         background-color : #FFFF99;
 884         border-color: #900;
 885 }
 886
 887 ol.bibliodetails {
 888         float: left;
 889         margin : 0 0 1em 1em;
 890 }
 891
 892 ol.bibliodetails li {
 893         border-bottom: 1px solid #E8E8E8;
 894         list-style-type : none;
 895         padding : .1em;
 896 }
 897
 898 ol.bibliodetails span.label {
 899         border-right : 1px solid #E8E8E8;
 900         float : left;
 901         font-weight: bold;
 902         width: 12em;
 903         margin-right: 1em;
 904 }
 905
 906 div.listgroup {
 907         clear :  left;
 908 }
 909
 910 div.listgroup h4 {
 911         font-style: italic;
 912 }
 913
 914 div.listgroup h4 a {
 915         font-size :  80%;
 916 }
 917
 918 div.listgroup input {
 919         font-size: 80%;
 920 }
 921
 922 div.sysprefs h3 {
 923         margin : .2em 0 .2em .4em;
 924 }
 925
 926 div.sysprefs dl {
 927         margin-left : 1.5em;
 928 }
 929
 930 div.sysprefs div.hint {
 931         width : 25%;
 932         float : right;
 933         padding : .5em;
 934         margin : .7em;
 935 }
 936
 937 tr.highlight td {
 938         background-color : #F6F6F6;
 939 }
 940
 941 tr.highlight th[scope=row] {
 942         background-color : #DDDDDD;
 943 }
 944
 945 tr.confirm td, tr.highlight.confirm td {
 946         background-color : #ffbfbf;
 947 }
 948
 949 #circ_circulation_issue label {
 950         font-size: 105%;
 951         font-weight : bold;
 952 }
 953
 954 #circ_circulation_issue div.hint {
 955         color : #666666;
 956         margin: .2em 0;
 957 }
 958
 959 #circ_circulation_issue .date-select {
 960         font-size : 85%;
 961         padding-top : .3em;
 962 }
 963
 964 #circ_circulation_issue .date-select label {
 965         font-size : inherit;
 966         font-weight: normal;
 967 }
 968
 969 #circ_circulation_issue .date-select input {
 970         padding : 1px;
 971 }
 972
 973 tr.expired td {
 974         color : #999999;
 975 }
 976
 977 span.expired {
 978         color : #990000;
 979         font-style : italic;
 980 }
 981
 982 div.help {
 983         margin: .9em 0 0 0;
 984 }
 985
 986 .blocker {
 987         color : #990000;
 988 }
 989
 990 .circmessage li {
 991         list-style : url(../../img/arrow-bullet.gif);
 992         margin-bottom : .2em;
 993 }
 994
 995 div.circmessage:first-child {
 996         margin-top : 1em;
 997 }
 998
 999 div.circmessage {
1000         padding: 0 .4em .4em .4em;
1001         margin-bottom : .3em;
1002 }
1003
1004 span.circ-hlt {
1005         color : #cc0000;
1006         font-weight : bold;
1007 }
1008
1009 div.first fieldset {
1010         margin-right : 0;
1011 }
1012
1013 #circ_needsconfirmation {
1014         margin : auto;
1015 }
1016
1017 .dialog {
1018   border: 1px solid #bcbcbc;
1019         padding : .5em;
1020         margin : 1em auto;
1021   width: 65%;
1022   }
1023
1024 .dialog table {
1025         margin : .5em auto;
1026 }
1027
1028 .dialog table th {
1029         text-align : right;
1030 }
1031
1032 .dialog table td {
1033         text-align : left;
1034 }
1035
1036 .dialog  h2, .dialog h3, .dialog h4 {
1037         margin : auto;
1038         text-align : center;
1039   }
1040
1041 .dialog input {
1042         background-color : #FFF;
1043         border : 1px solid #bcbcbc;
1044         margin : .4em;
1045         padding : .4em .4em .4em 25px;
1046  }
1047
1048 .dialog input.approve {
1049         background : #FFF url(../../img/approve.gif) no-repeat 4px center;
1050         padding : .4em .4em .4em 25px;
1051  }
1052
1053 .dialog input.deny {
1054         background : #FFF url(../../img/deny.gif) no-repeat 4px center;
1055         padding : .4em .4em .4em 25px;
1056  }
1057
1058 .dialog input.save {
1059         background: #fff url(../../img/toolbar-save.gif) no-repeat 4px center;
1060         color:black;
1061         padding: .4em .4em .4em 34px;
1062 }
1063
1064 .dialog input.edit {
1065         background: #fff url(../../img/toolbar-edit.gif) no-repeat 4px center;
1066         color:black;
1067         padding: .4em .4em .4em 34px;
1068 }
1069
1070 .dialog input.print {
1071         background : #FFF url(../../img/print-confirm.gif) no-repeat 4px center;
1072         padding : .4em .4em .4em 25px;
1073 }
1074
1075 .dialog input:hover {
1076         background-color : #ffc;
1077  }
1078
1079 div.alert {
1080   background : #FFC url(../../img/alert-bg.gif) repeat-x left 0;
1081   text-align : center;
1082 }
1083
1084 div.alert strong {
1085         color : #900;
1086 }
1087
1088 div.message {
1089         background : white url("../../img/message-bg.gif") repeat-x left 0;
1090         border : 1px solid #bcbcbc;
1091         text-align: center;
1092         width : 55%;
1093 }
1094
1095 div.message ul+h4 {
1096         margin-top : .7em;
1097 }
1098
1099  div.results {
1100         padding : .7em 0;
1101  }
1102
1103  .accesskey {
1104         text-decoration : underline;
1105  }
1106
1107 .required {
1108     color : #C00;
1109 }
1110
1111 span.required {
1112         font-style : italic;
1113 }
1114
1115 .term {
1116     background-color: #FFC;
1117          color : #990000;
1118 }
1119
1120 a .term {
1121          text-decoration : underline;
1122 }
1123
1124 a:hover .term {
1125         color : #FF9090;
1126 }
1127
1128 div#menu {
1129         border-right: 1px solid #000;
1130         margin-right: .5em;
1131         padding-top: 1em;
1132         padding-bottom: 2em;
1133 }
1134
1135 *html #menu li {
1136         display : inline;
1137 }
1138
1139 div#menu li a {
1140         text-decoration: none;
1141         display: block;
1142         background : #EEE url(../../img/side-tab-gradient.gif) repeat-y top right;
1143         border: 1px solid #000;
1144         font-size: 111%;
1145         margin: .5em 0;
1146         padding: .4em .3em;
1147         margin-right :  -1px;
1148 }
1149
1150 div#menu li a:hover {
1151         background : #E8F0F6 url(../../img/side-tab-gradient-hover.gif) repeat-y top right;
1152 }
1153
1154 div#menu li.active a:hover {
1155         background-color: #fff;
1156         color :  #0000CC;
1157 }
1158
1159 #menu ul li {
1160         list-style-type: none;
1161 }
1162
1163 #menu ul li.active a {
1164         background-color: #FFF;
1165         background-image : none;
1166         border-right: 0;
1167         font-weight: bold;
1168 }
1169
1170 ul.error {
1171         background : #ffffcc;
1172         border : 1px solid #ff9090;
1173         margin : .5em;
1174         padding : .5em .5em .5em 1.5em;
1175         width : 75%
1176 }
1177
1178 h1#logo {
1179         border:0pt none;
1180         float:left !important;
1181         margin:0;
1182         padding:0;
1183         width:180px;
1184 }
1185 h1#logo {
1186         background:transparent url(../../img/koha-logo-medium.gif) no-repeat scroll 0%;
1187         border: 0;
1188         margin:0.75em .3em 0.75em .7em;
1189         padding:0;
1190 }
1191
1192 *html h1#logo {
1193         margin : 0.75em .3em 0.75em .3em;
1194 }
1195
1196 h1#logo a {
1197         border:0;
1198         cursor:pointer;
1199         display:block;
1200         height:0px !important;
1201         margin:0;
1202         overflow:hidden;
1203         padding:44px 0 0;
1204         text-decoration:none;
1205         width:180px;
1206 }
1207
1208 #closewindow {
1209         margin-top : 2em;
1210         text-align : center;
1211 }
1212
1213 #closewindow a {
1214         font-weight : bold;
1215 }
1216
1217 .patroninfo+#menu {
1218         margin-right : 0;
1219 }
1220
1221 .barcode {
1222         font-size :  200%;
1223 }
1224
1225 .email {
1226 font-size :  87%;
1227 width : 15em;
1228 margin: 0;
1229 padding: 0;
1230 overflow :  hidden;
1231 }
1232
1233 .empty {
1234         color : #CCC;
1235 }
1236
1237 .address {
1238         font-size: 110%;
1239 }
1240
1241 .clearfix:after {
1242     content: ".";
1243     display: block;
1244     height: 0;
1245     clear: both;
1246     visibility: hidden;
1247 }
1248
1249 /* Hides from IE-mac \*/
1250 * html .clearfix {height: 1%;}
1251 /* End hide from IE-mac */
1252
1253 .title {
1254         font-weight : bold;
1255         font-size : 105%;
1256 }
1257
1258 .reserve {
1259         float : right;
1260         font-weight : bold;
1261 }
1262
1263 .thumbnail {
1264         display : block;
1265         margin : auto;
1266 }
1267
1268 #searchresults ul li {
1269         list-style : url(../../img/item-bullet.gif);
1270 }
1271
1272 #searchresults table td {
1273         vertical-align : top;
1274 }
1275
1276 #searchheader {
1277         background-color : #f3f3f3;
1278         font-size : 80%;
1279         margin : 0 0 .5em -1px;
1280         padding : .1em 0 .1em 1em;
1281 }
1282
1283 #searchheader h3 {
1284 }
1285
1286 #searchheader form {
1287         float : right;
1288 }
1289
1290 #search-facets ul {
1291         margin : 0;
1292         padding : .3em;
1293 }
1294
1295 #search-facets {
1296         border : 1px solid #e8e8e8;
1297 }
1298
1299 #search-facets h4 {
1300         background-color : #F3F3F3;
1301         border-bottom : 1px solid #e8e8e8;
1302         font-size : 90%;
1303         margin : 0;
1304         padding : .4em .2em;
1305         text-align : center;
1306 }
1307
1308 #search-facets ul li {
1309         font-weight : bold;
1310         list-style-type : none;
1311 }
1312
1313 #search-facets li li {
1314         font-weight : normal;
1315         font-size : 85%;
1316         margin-bottom : 2px;
1317         padding : .1em .2em;
1318 }
1319
1320 #search-facets li li a {
1321 }
1322
1323 #search-facets li.showmore {
1324         font-weight : bold;
1325         text-indent : 1em;
1326 }
1327
1328 div.pages {
1329         margin-top : .5em;
1330 }
1331
1332 div.pages a {
1333         font-weight: bold;
1334         padding: 1px 5px 1px 5px;
1335         text-decoration: none;
1336 }
1337
1338 div.pages a:link {
1339         background-color : #eeeeee;
1340         color : #3366CC;
1341 }
1342
1343 div.pages a:hover {
1344         background-color : #e8f0f6;
1345 }
1346
1347 div.pages a:active {
1348         background-color : #ffc;
1349 }
1350
1351 div.browse {
1352         margin : .5em 0;
1353 }
1354
1355 div#bookcoverimg {
1356         text-align : center;
1357 }
1358
1359 div#header_search input.submit {
1360         font-size : 1em;
1361 }
1362
1363 input[type=submit], input[type=button] {
1364         border: 1px outset #999999;
1365         border-top-color: #666;
1366         border-left-color: #666;
1367         padding: 0.25em;
1368         background : #E8E8E8 url(../../img/button-bg.gif) top left repeat-x;
1369         color: #333333;
1370 }
1371
1372 input.submit {
1373         border: 1px solid #999999;
1374         border-top-color: #666;
1375         border-left-color: #666;
1376         padding: 0.25em;
1377         background : #E8E8E8 url(../../img/button-bg.gif) top left repeat-x;
1378         color: #333333;
1379 }
1380
1381 *html input.submit {
1382         padding : .1em;
1383 }
1384
1385 input[type=submit]:active, input[type=button]:active {
1386         border : 1px inset #999999;
1387 }
1388
1389 input.submit:active {
1390         border : 1px inset #999999;
1391 }
1392
1393 input[type=reset], input[type=button], input.submit {
1394         border: 1px outset #999999;
1395         border-top-color: #666;
1396         border-left-color: #666;
1397         padding: 0.25em;
1398         background : #E8E8E8 url(../../img/button-bg.gif) top left repeat-x;
1399         color: #333333;
1400 }
1401
1402 input[type=reset]:active, input[type=button]:active, input.submit:active {
1403         border : 1px inset #999999;
1404 }
1405
1406 .searchhighlightblob {
1407     font-size:75%;
1408         font-style : italic;
1409 }
1410
1411 a.yuimenuitemlabel:hover {
1412         background-color : #B3D4FF;
1413         color : #000;
1414 }
1415
1416 #displayexample {
1417         padding: 5px;
1418         margin-bottom: 10px;
1419         background-color: #CCCCCC;
1420 }
1421
1422 #irregularity_summary {
1423         vertical-align : top;
1424 }
1425
1426 #toplevelnav {
1427         float : left;
1428         margin-left : .5em;
1429 }
1430
1431 ul#toplevelmenu {
1432         padding : 0;
1433 }
1434
1435 ul#toplevelmenu li {
1436         display: inline;
1437         padding : 0 .6em;
1438 }
1439
1440 ul#toplevelmenu li.more a {
1441         background-image:url(../../img/more-arrow.gif);
1442         background-position:right center;
1443         background-repeat:no-repeat;
1444         padding-right:13px;
1445 }
1446
1447 ul#toplevelmenu li.more ul li a {
1448         background-image : none;
1449         padding-right : 20px;
1450 }
1451
1452 ul#toplevelmenu li.more ul li a.yuimenuitemlabel {
1453         padding: .2em 20px .2em 20px;
1454 }
1455
1456 ul#menu li a, ul#toplevelmenu li a {
1457         text-decoration : none;
1458 }
1459 ul#menu li ul li, ul#toplevelmenu li ul li {
1460         display :block;
1461         padding :0;
1462 }
1463 ul#menu li ul li a, ul#toplevelmenu li ul li a {
1464         text-decoration : none;
1465 }
1466
1467 ul#i18nMenu {
1468         margin : 0;
1469         padding : .2em 0;
1470  }
1471
1472 ul#i18nMenu li {
1473         border-left : 1px solid #CCC;
1474         display : inline;
1475         list-style : none;
1476         padding : 0 10px;
1477  }
1478
1479 ul#i18nMenu li:first-child {
1480         border-left : 0;
1481  }
1482
1483 ul#i18nMenu li ul li {
1484         border : 0;
1485         display : block;
1486         padding : 0;
1487  }
1488
1489
1490 ul#i18nMenu li.more a {
1491         background-image:url(../../img/more-up-arrow.gif);
1492         background-position:right center;
1493         background-repeat:no-repeat;
1494         padding-right:13px;
1495 }
1496
1497 ul#i18nMenu li.more ul li a {
1498         background-image : none;
1499         padding-right : 20px;
1500 }
1501
1502  div#changelanguage{
1503         background-color: #fff;
1504         border-top: 1px solid #CCC;
1505   position:absolute;
1506   bottom:0;
1507   left:0;
1508   width:100%;
1509   height: 2em;
1510  }
1511
1512  @media screen{
1513   body>div#changelanguage {
1514    position: fixed;
1515   }
1516  }
1517
1518  * html body{
1519   overflow:hidden;
1520  }
1521
1522  * html div#doc1{
1523   height:100%;
1524   overflow:auto;
1525  }
1526
1527  * html div#doc2{
1528   height:100%;
1529   overflow:auto;
1530  }
1531
1532  * html div#doc3{
1533   height:100%;
1534   overflow:auto;
1535  }
1536
1537 #CheckAll, #CheckNone, #CheckPending {
1538         font-weight : normal;
1539         margin : 0 .5em 0 0;
1540 }
1541 .lost,.dmg,.wdn {
1542         display : block;
1543         color : #990000;
1544 }
1545 .datedue {
1546         display : block;
1547         color : #999;
1548         font-style : italic;
1549 }
1550 /* Tablesorter */
1551 .header {
1552         background-image:url("../../img/ascdesc.gif");
1553         background-position:right center;
1554         background-repeat:no-repeat;
1555         cursor:pointer;
1556         padding : .2em 23px;
1557 }
1558 .headerSortUp {
1559         background-image:url("../../img/asc.gif");
1560 }
1561 .headerSortDown {
1562         background-image:url("../../img/desc.gif");
1563 }
1564
1565 tr.reserved td {
1566         background-color : #eeffd4;
1567 }
1568 tr.transfered td {
1569         background-color : #e8f0f6;
1570 }
1571 .waitinghere {
1572         color : #669900;
1573 }
1574
1575 /* Permissions Labels */
1576 label.permissioncode:before {
1577         content: "(";
1578 }
1579 label.permissioncode:after {
1580         content: ")";
1581 }
1582 label.permissioncode {
1583         font-style : italic;
1584 }
1585 span.permissiondesc {
1586         font-weight : normal;
1587 }
1588 /* autocomplete additions */
1589 #borrowerautocomplete { width: 450px; text-align:left;} /* z-index needed on top instances for ie & sf absolute inside relative issue */
1590 .autocomplete .yui-ac-highlight ,
1591 .autocomplete .yui-ac-highlight .sample-result,
1592 .autocomplete .yui-ac-highlight .sample-query { color:#FFF; }
1593 .autocomplete .sample-result { color: black; }
1594 .autocomplete .sample-query { color:#000; }
1595 #findborrower { position:static; width:auto; }
1596 #yborrowercontainer { text-align:left;width:335px; }
1597 #mainuserblock {
1598         border : 1px solid #E8E8E8;
1599         margin-top : .5em;
1600         padding : .5em;
1601 }