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