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

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