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