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

   1 @import url("../lib/yui/reset-fonts-grids.css") screen;
   2 @import url("../lib/yui/skin.css");
   3
   4 input:focus, textarea:focus {
   5     border-color:#538200;
   6     border-style:solid;
   7     border-radius: 4px;
   8 }
   9
  10 ::selection      { background:#538200; color:#ffffff; /* Safari and Opera */ }
  11 ::-moz-selection  { background:#538200; color:#ffffff; /* Firefox */ }
  12
  13 a, a:link, a:visited {
  14     color : #004d99;
  15     text-decoration: none;
  16 }
  17
  18 a:hover, a:active {
  19     color : #538200;
  20     text-decoration: none;
  21 }
  22
  23 .yui-button {
  24     border-radius: 5px;
  25 }
  26
  27 .yui-button .first-child {
  28     border-radius: 5px;
  29 }
  30
  31 .yui-button,.yui-button a:link,.yui-button a:visited {
  32         color : #000;
  33 }
  34
  35 a.yuimenuitemlabel {
  36         color: #000000;
  37 }
  38
  39 .overdue,
  40 .debit {
  41         color : #cc0000;
  42 }
  43
  44 a.popup {
  45         background : transparent url("../../img/pop-up-link.png") center right no-repeat;
  46         padding-right : 15px;
  47 }
  48
  49 body {
  50         text-align : left;
  51     padding:0 0 4em 0;
  52   font-family: arial, verdana, helvetica, sans-serif;
  53 }
  54
  55 br.clear {
  56         clear : both;
  57         line-height : 1px;
  58 }
  59
  60 form {
  61         display : inline;
  62 }
  63
  64 form.confirm {
  65         display : block;
  66         text-align : center;
  67 }
  68
  69 h1 {
  70         font-size : 161.6%;
  71         font-weight : bold;
  72 }
  73
  74 h2 {
  75         font-size : 146.5%;
  76         font-weight : bold;
  77 }
  78
  79 h3 {
  80         font-size : 131%;
  81         font-weight : bold;
  82 }
  83
  84 h4 {
  85         font-size : 116%;
  86         font-weight : bold;
  87 }
  88
  89 h5 {
  90         font-size : 100%;
  91         font-weight : bold;
  92 }
  93
  94 h6 {
  95         font-size : 93%;
  96         font-weight : bold;
  97 }
  98
  99 h1,h2,h3,h4,h5,h6 {
 100         margin : .3em 0;
 101 }
 102
 103 p {
 104         margin: .5em 0 .5em 0;
 105 }
 106
 107 strong {
 108         font-weight : bold;
 109 }
 110
 111 strong em {
 112         font-weight : bold;
 113         font-style : italic;
 114 }
 115
 116 em, cite {
 117         font-style : italic;
 118 }
 119
 120 em strong {
 121         font-weight : bold;
 122         font-style : italic;
 123 }
 124
 125 .subfield-label {
 126     font-style : italic;
 127 }
 128
 129 #navmenulist li {
 130         padding : .2em 0;
 131         list-style-image : url("../../img/arrow-bullet.gif");
 132         border-bottom : 1px solid #EEE;
 133 }
 134
 135 #navmenulist li a {
 136         text-decoration : none;
 137 }
 138
 139 #doc, #doc1, #doc2, #doc3 {
 140         padding-top : 1em;
 141 }
 142
 143 #login_controls  {
 144         position : absolute;
 145         right : .5em;
 146     padding: .4em .5em;
 147 }
 148
 149 ul {
 150         padding-left : 1.1em;
 151 }
 152
 153 ul li {
 154         list-style-type : disc;
 155 }
 156
 157 ul li li {
 158         list-style-type : circle;
 159 }
 160
 161 ol {
 162         padding-left : 1.5em;
 163 }
 164
 165 ol li {
 166         list-style : decimal;
 167 }
 168
 169 .gradient {
 170     background-image: linear-gradient(top, rgb(230,240,242) 1%, rgb(255,255,255) 99%);
 171     background-image: -o-linear-gradient(top, rgb(230,240,242) 1%, rgb(255,255,255) 99%);
 172     background-image: -moz-linear-gradient(top, rgb(230,240,242) 1%, rgb(255,255,255) 99%);
 173     background-image: -webkit-linear-gradient(top, rgb(230,240,242) 1%, rgb(255,255,255) 99%);
 174     background-image: -ms-linear-gradient(top, rgb(230,240,242) 1%, rgb(255,255,255) 99%);
 175
 176     background-image: -webkit-gradient(
 177         linear,
 178         left top,
 179         left bottom,
 180         color-stop(0.1, rgb(230, 240, 242)),
 181         color-stop(0.99, rgb(255,255,255))
 182     );
 183     display: inline-block;
 184     width:100%;
 185 }
 186
 187 .clearfix:after {
 188     content: ".";
 189     display: block;
 190     height: 0;
 191     clear: both;
 192     visibility: hidden;
 193 }
 194
 195 .clearfix {
 196     display: inline-block;
 197 }
 198
 199 /* Hides from IE-mac \*/
 200 * html .clearfix {height: 1%;}
 201 .clearfix {display: block;}
 202 /* End hide from IE-mac */
 203
 204 table {
 205         border-collapse : collapse;
 206         border-top : 1px solid #BCBCBC;
 207         border-right : 1px solid #BCBCBC;
 208 }
 209
 210 table.invis,
 211 table.invis tr,
 212 table.invis td,
 213 tr.highlight table.invis td {
 214         border : none;
 215 }
 216
 217 td, th {
 218         border-bottom : 1px solid #BCBCBC;
 219         border-left : 1px solid #BCBCBC;
 220         padding : .2em .3em;
 221 }
 222
 223 td {
 224         background-color : White;
 225         vertical-align : top;
 226 }
 227
 228 table.indexes td {
 229     vertical-align : middle;
 230 }
 231
 232 td.borderless {
 233     border-collapse : separate;
 234     border : 0 none;
 235 }
 236
 237 td.data,
 238 th.data {
 239         font-family : "Courier New", Courier, monospace;
 240         text-align : right;
 241 }
 242
 243 th {
 244         background-color : #E8E8E8;
 245         font-weight : bold;
 246         text-align : center;
 247 }
 248
 249 table+table {
 250         margin-top : 1em;
 251 }
 252
 253 #editions table, #editions td {
 254         border : 0;
 255 }
 256
 257 .highlighted-row { background-color: orange !important }
 258
 259 tr.highlight td,
 260 tr.highlight th,
 261 tr.odd td,
 262 tr.odd.highlight td {
 263         background-color : #F3F3F3;
 264     border : 1px solid #BCBCBC;
 265     border-right : 1px solid #BCBCBC;
 266 }
 267
 268 tr.even td, tr.even.highlight td {
 269         background-color: #FFF;
 270     border-right : 1px solid #BCBCBC;
 271 }
 272
 273 td.od {
 274         color : #cc0000;
 275         font-weight : bold;
 276 }
 277
 278 tr.warn td {
 279         background-color: #FF9090;
 280 }
 281
 282 tr.onissue td {
 283         background-color: #FFFFCC;
 284 }
 285
 286 tr.odd.onissue td {
 287         background-color: #FFFFE1;
 288 }
 289
 290 tfoot td {
 291         background-color : #f3f3f3;
 292         font-weight : bold;
 293 }
 294
 295 td.total {
 296         text-align : right;
 297 }
 298
 299 caption {
 300         font-size : 133.9%;
 301         font-weight : bold;
 302         margin : .3em 0;
 303 }
 304
 305 span.problem {
 306         background-color : #FFFFCC;
 307         color : #990000;
 308         font-weight : bold;
 309         line-height : 1.7em;
 310 }
 311
 312 fieldset {
 313         margin : 1em 1em 1em 0;
 314         padding : 1em;
 315     background-color:#f4f8f9;
 316     border:2px solid #b9d8d9;
 317     border-radius:5px;
 318 }
 319
 320 legend {
 321         font-size : 123.1%;
 322         font-weight : bold;
 323     border:2px solid #b9d8d9;
 324     background-color:#ffffff;
 325     border-radius:3px;
 326     padding: 0.2em 0.5em;
 327 }
 328
 329 #breadcrumbs {
 330     background-color : #e6f0f2;
 331     clear : both;
 332     font-size : 90%;
 333     padding :.2em .5em .4em 10px;
 334     margin : 0;
 335 }
 336
 337 #header+#breadcrumbs {
 338         margin-top : 1em;
 339 }
 340
 341 div.justify {
 342     text-align: justify;
 343 }
 344
 345 div#header_search {
 346         background-position : .5em .5em;
 347         background-repeat : no-repeat;
 348         float: left;
 349         margin: .3em 0 .5em 0;
 350 }
 351
 352 div#header_search input {
 353         font-size : 1.3em;
 354 }
 355
 356 div#header_search div.residentsearch {
 357         border : 0;
 358     border-bottom : 1px solid #85ca11;
 359         padding : 0 0 .2em 0;
 360 }
 361
 362 div#reserves,div#checkouts {
 363         border : 1px solid #B9D8D9;
 364         padding : 1em;
 365 }
 366
 367 .tip {
 368         font-size: 93%;
 369         color : Gray;
 370 }
 371
 372 .single-line {
 373         white-space: nowrap;
 374 }
 375
 376 .ex {
 377         font-family : "Courier New", Courier, fixed-width;
 378         font-weight : bold;
 379 }
 380
 381
 382 div.yui-b h5 {
 383         font-size : 100%;
 384         margin : .5em 0;
 385 }
 386
 387 dt {
 388         font-weight : bold;
 389 }
 390
 391 dd {
 392         padding : .2em;
 393         font-size : 90%;
 394         text-indent : 2.5em;
 395         font-weight : normal;
 396 }
 397
 398 div#toolbar {
 399        background-color : #EDF4F6;
 400         margin-bottom : .7em;
 401      padding: 5px 5px 5px 5px;
 402       border-radius: 5px 5px 0 0;
 403     border: 1px solid #E6F0F2;
 404 }
 405
 406 div#toolbar .yui-menu-button button,
 407 div#toolbar .yui-button-button button {
 408         line-height : 1.7em;
 409 }
 410
 411 ul.toolbar {
 412         padding-left : 0;
 413 }
 414
 415 ul.toolbar button {
 416         padding-bottom : 2px;
 417         font-family: arial, verdana, helvetica, sans-serif;
 418 }
 419
 420 a.yuimenuitemlabel-disabled, #disabled a {
 421         color: #999;
 422 }
 423 a.yuimenuitemlabel-disabled, #disabled2 a {
 424  color: #999;
 425 }
 426 a.yuimenuitemlabel-disabled:hover, #disabled a:hover {
 427         color : #999;
 428 }
 429 a.highlight_toggle {
 430     display : none;
 431 }
 432
 433 ul.toolbar li {
 434         display : inline;
 435         list-style : none;
 436 }
 437
 438 div.patroninfo {
 439         margin-top : -.5em;
 440 }
 441
 442 *html div.patroninfo {
 443         margin-right : .5em;
 444 }
 445
 446 div.patroninfo h5 {
 447     border-right:1px solid #b9d8d9;
 448         margin-bottom : 0;
 449         padding-left : -.5em;
 450         padding-top : .3em;
 451         padding-bottom : .5em;
 452 }
 453
 454 div.patroninfo h5:empty {
 455     border-right: none;
 456 }
 457
 458 div.patroninfo ul {
 459         border : 0;
 460     border-right:1px solid #b9d8d9;
 461         border-bottom : 0;
 462         border-top : 0;
 463         padding : 0;
 464         margin : 0;
 465 }
 466
 467 div.patroninfo ul li {
 468         margin : 0;
 469 }
 470
 471 div.patroninfo ul li {
 472         list-style-type : none;
 473 }
 474
 475 div.patronviews {
 476         border-right :  1px solid #000;
 477         border-top : 1px solid #000;
 478         margin-bottom : .5em;
 479         padding : .5em 0 .5em 0;
 480 }
 481 }
 482
 483 .column-tool {
 484         font-size: 80%;
 485 }
 486
 487 fieldset.brief {
 488     border : 2px solid #B9D8D9;
 489 }
 490
 491 fieldset.brief label,
 492 fieldset.brief span.label {
 493         display : block;
 494         font-weight : bold;
 495         padding : .3em 0;
 496 }
 497
 498 fieldset.brief ol, fieldset.brief li {
 499         list-style-type : none;
 500 }
 501
 502 .hint {
 503         color : #999999;
 504         font-size : 95%;
 505 }
 506
 507 fieldset.brief div.hint, fieldset.rows div.hint, div.yui-u div.hint {
 508         font-size : 95%;
 509         margin-bottom : .4em;
 510 }
 511
 512 div.yui-b fieldset.brief {
 513         padding : .4em .7em;
 514 }
 515
 516 div.yui-b fieldset.brief ol {
 517         font-size : 85%;
 518         margin : 0;
 519         padding : 0;
 520 }
 521
 522 div.yui-b fieldset.brief select {
 523         width: 12em;
 524 }
 525 div.yui-b fieldset.brief li.radio {
 526         padding : .7em 0;
 527 }
 528 div.yui-b fieldset.brief li.radio label,
 529 div.yui-b fieldset.brief li.dateinsert label,
 530 div.yui-b fieldset.brief li.dateinsert span.label,
 531 div.yui-b fieldset.brief li.radio span.label {
 532         display : inline;
 533 }
 534
 535 div.yui-b fieldset.brief li.radio input {
 536         padding:0.3em 0;
 537 }
 538
 539 div.yui-b fieldset.brief fieldset {
 540         margin : 0 .3em;
 541         padding : .5em;
 542 }
 543
 544 div.yui-b fieldset.brief fieldset legend {
 545         font-size : 85%;
 546 }
 547
 548 fieldset.rows {
 549 border-width : 1px;
 550 border:2px solid #b9d8d9;
 551 float : left;
 552 font-size : 90%;
 553 clear : left;
 554 margin: .9em 0 0 0;
 555 padding: 0;
 556 width: 100%;
 557 }
 558
 559 fieldset.rows legend {
 560         margin-left: 1em;
 561         font-weight: bold;
 562         font-size : 110%;
 563 }
 564
 565 fieldset.rows label, fieldset.rows span.label {
 566         float: left;
 567         font-weight : bold;
 568         width: 6em;
 569         margin-right: 1em;
 570         text-align: right;
 571 }
 572
 573 fieldset.rows fieldset {
 574     background-color: transparent;
 575         border-width : 1px;
 576     margin : 1em;
 577         padding : .3em;
 578 }
 579
 580 .yui-b fieldset.rows label, .yui-b fieldset.rows span.label {
 581         width: 9em;
 582 }
 583
 584 .yui-b fieldset.rows div.hint {
 585         margin-left : 10.5em;
 586 }
 587
 588 .yui-u fieldset.rows label, .yui-u fieldset.rows span.label {
 589         width: 10em;
 590 }
 591
 592 .yui-u fieldset.rows div.hint {
 593         margin-left : 7.5em;
 594 }
 595
 596 fieldset.rows.left label, fieldset.rows.left span.label {
 597         width : 8em;
 598         text-align : left;
 599 }
 600
 601 fieldset.rows ol {
 602 padding: 1em 1em 0 1em;
 603 list-style-type: none;
 604 }
 605
 606 fieldset.rows li {
 607 float : left;
 608 clear : left;
 609 padding-bottom: 1em;
 610 list-style-type: none;
 611 width: 100%;
 612 }
 613
 614 fieldset.rows.left li {
 615         padding-bottom : .4em;
 616 }
 617
 618 fieldset.rows li.radio {
 619         padding-left: 9em;
 620         width : auto;
 621 }
 622
 623 fieldset.rows li.radio label {
 624         float : none;
 625         width : auto;
 626         margin : 0 0 0 1em;
 627 }
 628
 629 fieldset.rows ol.radio label {
 630         width : auto;
 631         float : none;
 632         margin-right : 0;
 633 }
 634
 635 fieldset.rows ol.radio label.radio {
 636         float : left;
 637         width : 12em;
 638         margin-right : 1em;
 639 }
 640
 641 fieldset.rows caption {
 642     font-size : 120%;
 643 }
 644
 645 fieldset.rows p {
 646     margin : 1em 0 1em 1em;
 647 }
 648
 649 fieldset.rows table {
 650         font-size : 105%;
 651         clear : both;
 652         margin : 1em 0 1em 1em;
 653 }
 654
 655 fieldset.rows td label {
 656         float : none;
 657         font-weight : normal;
 658         width : auto;
 659 }
 660
 661 fieldset.rows label.yesno {
 662         float : none;
 663         width : auto;
 664 }
 665
 666 fieldset.rows label.error {
 667         float: none;
 668         margin-left: 1em;
 669         width: auto;
 670 }
 671
 672 fieldset.action, div.action {
 673     background-color: transparent;
 674         clear : both;
 675         float : none;
 676     border : 0px;
 677   margin: 0;
 678      padding: .4em .4em .4em .1em;
 679   width: auto;
 680 }
 681
 682 div.rows+div.rows {
 683     margin-top : .6em;
 684 }
 685
 686 div.rows {
 687 float : left;
 688 clear : left;
 689 margin: 0 0 0 0;
 690 padding: 0;
 691 width: 100%;
 692 }
 693
 694
 695 div.rows span.label {
 696         float: left;
 697         font-weight : bold;
 698         width: 9em;
 699         margin-right: 1em;
 700         text-align: left;
 701 }
 702
 703 div.rows ol {
 704 padding: .5em 1em 0 0;
 705 list-style-type: none;
 706 }
 707
 708 div.rows ol li li {
 709         border-bottom: 0;
 710 }
 711
 712 div.rows li {
 713 border-bottom :  1px solid #EEE;
 714 float : left;
 715 clear : left;
 716 padding-bottom: .2em;
 717 padding-top: .1em;
 718 list-style-type: none;
 719 width: 100%;
 720 }
 721
 722 a.cancel {
 723         padding-left : 1em;
 724 }
 725
 726 fieldset.rows fieldset.action {
 727         padding : 1em;
 728 }
 729
 730 fieldset.rows label.inline {
 731         display : inline;
 732         float : none;
 733         margin-left : 1em;
 734         width : auto;
 735 }
 736
 737 fieldset.rows .inputnote {
 738         clear : left;
 739         float : left;
 740         margin : .5em 0 0 11em;
 741 }
 742
 743 .checkedout {
 744         color : #999999;
 745         font-style : italic;
 746 }
 747
 748 .subfield_not_filled {
 749         background-color : #FFFF99;
 750 }
 751 .content_hidden {
 752     visibility:hidden; /* you propably don't need to change this one */
 753     display:none;
 754 }
 755
 756 /* the property for the displayed tab */
 757 .content_visible {
 758     visibility:visible; /* you propably don't need to change this one */
 759     display:block;
 760 }
 761 #new_course a, #newbiblio a, #addchild a, #newentry a, #newshelf a, #newmenuc .first-child, #newsupplier .first-child, #newlabel a, #newtemplate a, #newlabelbatch a, #newpatroncardbatch a, #newprofile a, #newsubscription a, #newdictionary a, #newbasket a, #newrootbudget-button, #budgets_menuc .first-child {
 762         padding-left : 34px;
 763         background-image: url("../../img/toolbar-new.gif");
 764         background-position : center left;
 765         background-repeat : no-repeat;
 766 }
 767
 768 #changepassword a {
 769         padding-left : 34px;
 770         background-image: url("../../img/toolbar-password.gif");
 771         background-position : center left;
 772         background-repeat : no-repeat;
 773 }
 774
 775 #manageorders a {
 776         padding-left : 34px;
 777         background-image: url("../../img/toolbar-orders.gif");
 778         background-position : center left;
 779         background-repeat : no-repeat;
 780 }
 781
 782
 783 #savemenuc .first-child, #addbiblio .first-child {
 784         padding-left : 34px;
 785         background-image: url("../../img/toolbar-save.gif");
 786         background-position : center left;
 787         background-repeat : no-repeat;
 788 }
 789
 790 #editpatron a,
 791 #editreport a,
 792 #editmenuc .first-child,
 793 #editshelf a,
 794 #edit a,
 795 #editsupplier a,
 796 #managelabel a,
 797 #managetemplate a,
 798 #managelabelbatch a,
 799 #manageprofile a,
 800 #periods_menuc .first-child {
 801         padding-left : 34px;
 802         background-image: url("../../img/toolbar-edit.gif");
 803         background-position : center left;
 804         background-repeat : no-repeat;
 805 }
 806
 807 #duplicate a {
 808         padding-left : 34px;
 809         background-image: url("../../img/toolbar-duplicate.gif");
 810         background-position : center left;
 811         background-repeat : no-repeat;
 812 }
 813
 814 #receive a {
 815         padding-left : 34px;
 816         background-image: url("../../img/toolbar-receive.gif");
 817         background-position : center left;
 818         background-repeat : no-repeat;
 819 }
 820
 821 #renew a {
 822         padding-left : 34px;
 823         background-image: url("../../img/toolbar-renew.gif");
 824         background-position : center left;
 825         background-repeat : no-repeat;
 826 }
 827
 828 #deletebiblio button, #deletebiblio a, #deletepatron a, #deleteshelf .first-child, #delete a {
 829         padding-left : 34px;
 830         background-image: url("../../img/toolbar-delete.gif");
 831         background-position : center left;
 832         background-repeat : no-repeat;
 833 }
 834
 835 #z3950search .first-child {
 836         padding-left : 34px;
 837         background-image: url("../../img/toolbar-search.gif");
 838         background-position : center left;
 839         background-repeat : no-repeat;
 840 }
 841 #z3950searcht table {
 842         /* doesn't have desired effect in catalogue/results.tmpl - I'll leave this here for now but there do seem to be casscading CSS errors in this and other CSS fiels - RICKW 20081118 */
 843         padding: 20px;
 844         border: none;
 845 }
 846 #printbiblio button, #printbiblio a, #printmenuc .first-child {
 847         padding-left : 34px;
 848         background-image: url("../../img/toolbar-print.gif");
 849         background-position : center left;
 850         background-repeat : no-repeat;
 851 }
 852
 853 #addtoshelf button, #addtoshelf a {
 854         padding-left : 34px;
 855         background-image: url("../../img/toolbar-add-to-shelf.gif");
 856         background-position : center left;
 857         background-repeat : no-repeat;
 858 }
 859
 860 #placehold a,
 861 #placehold button,
 862 #holdfor .first-child {
 863         padding-left : 34px;
 864         background-image: url("../../img/toolbar-hold.gif");
 865         background-position : center left;
 866         background-repeat : no-repeat;
 867 }
 868
 869 #placeholdc #yui-gen13 { border-top : 1px solid #CCCCCC; margin-top : .3em; }
 870
 871 #holdfor .first-child { padding-left : 17px; }
 872
 873 #editmenuc .first-child, #deleteshelf .first-child,#newmenuc .first-child, #addbiblio .first-child, #z3950search .first-child, #printmenuc .first-child, #newsupplier .first-child, #savemenuc .first-child, #budgets_menuc .first-child, #periods_menuc .first-child {
 874         padding-left : 15px;
 875 }
 876
 877 .error,
 878 .error a,
 879 .error a:link,
 880 .error a:visited {
 881        color: #cc0000;
 882 }
 883
 884 div.error {
 885         border : 2px dashed #990000;
 886         background-color : #FFFF99;
 887         padding : .5em;
 888         margin : 1em;
 889 }
 890
 891 input.alert {
 892         background-color : #FFFF99;
 893         border-color: #900;
 894 }
 895
 896 ol.bibliodetails {
 897         float: left;
 898         margin : 0 0 1em 1em;
 899 }
 900
 901 ol.bibliodetails li {
 902         border-bottom: 1px solid #E8E8E8;
 903         list-style-type : none;
 904         padding : .1em;
 905 }
 906
 907 ol.bibliodetails span.label {
 908         border-right : 1px solid #E8E8E8;
 909         float : left;
 910         font-weight: bold;
 911         width: 12em;
 912         margin-right: 1em;
 913 }
 914
 915 div.listgroup {
 916         clear :  left;
 917 }
 918
 919 div.listgroup h4 {
 920         font-style: italic;
 921 }
 922
 923 div.listgroup h4 a {
 924         font-size :  80%;
 925 }
 926
 927 div.listgroup input {
 928         font-size: 80%;
 929 }
 930
 931 div.sysprefs h3 {
 932         margin : .2em 0 .2em .4em;
 933 }
 934
 935 div.sysprefs dl {
 936         margin-left : 1.5em;
 937 }
 938
 939 div.sysprefs div.hint {
 940         width : 25%;
 941         float : right;
 942         padding : .5em;
 943         margin : .7em;
 944 }
 945
 946 tr.highlight td {
 947         background-color : #F6F6F6;
 948         border-color : #BCBCBC;
 949 }
 950
 951 tr.highlight th[scope=row] {
 952         background-color : #DDDDDD;
 953         border-color : #BCBCBC;
 954 }
 955
 956 #circ_circulation_issue label {
 957         font-size: 105%;
 958         font-weight : bold;
 959 }
 960
 961 #circ_circulation_issue div.hint {
 962         color : #666666;
 963         margin: .2em 0;
 964 }
 965
 966 .date-select {
 967     font-size : 85%;
 968     padding-top : .3em;
 969 }
 970
 971 #circ_circulation_issue .date-select label,
 972 .date-select label {
 973     font-size : inherit;
 974     font-weight: normal;
 975 }
 976
 977 .date-select input {
 978     padding : 1px;
 979 }
 980
 981 tr.expired td {
 982         color : #999999;
 983 }
 984
 985 span.expired {
 986         color : #990000;
 987         font-style : italic;
 988 }
 989
 990 div.help {
 991         margin: .9em 0 0 0;
 992 }
 993
 994 .blocker {
 995         color : #990000;
 996 }
 997
 998 .circmessage li {
 999         list-style : url(../../img/arrow-bullet.gif);
1000         margin-bottom : .2em;
1001 }
1002
1003 div.circmessage:first-child {
1004         margin-top : 1em;
1005 }
1006
1007 div.circmessage {
1008         padding: 0 .4em .4em .4em;
1009         margin-bottom : .3em;
1010 }
1011
1012 span.circ-hlt {
1013         color : #cc0000;
1014         font-weight : bold;
1015 }
1016
1017 div.first fieldset {
1018         margin-right : 0;
1019 }
1020
1021 #circ_needsconfirmation {
1022         margin : auto;
1023 }
1024
1025 .dialog {
1026         -moz-border-radius : 2px;
1027         border-radius : 2px;
1028         padding : .5em;
1029         margin : 1em auto;
1030         text-align : center;
1031         width: 65%;
1032 }
1033
1034 .dialog table {
1035         margin : .5em auto;
1036 }
1037
1038 .dialog table th {
1039         text-align : right;
1040 }
1041
1042 .dialog table td {
1043         text-align : left;
1044 }
1045
1046 .dialog  h2, .dialog h3, .dialog h4 {
1047         margin : auto;
1048         text-align : center;
1049   }
1050
1051 .dialog input {
1052         background-color : #FFF;
1053         border : 1px solid #bcbcbc;
1054         margin : .4em;
1055         padding : .4em .4em .4em 25px;
1056  }
1057
1058  .dialog input[type="submit"] {
1059         background : #FFF none;
1060  }
1061
1062 .dialog input.approve, td input.approve {
1063         background : #FFF url(../../img/approve.gif) no-repeat 4px center;
1064         padding : .4em .4em .4em 25px;
1065  }
1066
1067 td input.approve {
1068         background-color : #FFC;
1069 }
1070
1071 .dialog input.deny {
1072         background : #FFF url(../../img/deny.gif) no-repeat 4px center;
1073         padding : .4em .4em .4em 25px;
1074  }
1075
1076 .dialog input.save {
1077         background: #fff url(../../img/toolbar-save.gif) no-repeat 4px center;
1078         color:black;
1079         padding: .4em .4em .4em 34px;
1080 }
1081
1082 .dialog input.edit {
1083         background: #fff url(../../img/toolbar-edit.gif) no-repeat 4px center;
1084         color:black;
1085         max-width : 13em;
1086         padding: .4em .4em .4em 34px;
1087         white-space: normal;
1088 }
1089
1090 .dialog input.new {
1091         background: #fff url(../../img/toolbar-new.gif) no-repeat 4px center;
1092         color:black;
1093         max-width : 13em;
1094         padding: .4em .4em .4em 34px;
1095         white-space: normal;
1096 }
1097
1098 .dialog input.print {
1099         background : #FFF url(../../img/print-confirm.gif) no-repeat 4px center;
1100         padding : .4em .4em .4em 25px;
1101 }
1102
1103 .dialog input:hover {
1104         background-color : #ffc;
1105  }
1106
1107 div.dialog {
1108         border: 1px solid #bcbcbc;
1109     text-align : center;
1110 }
1111
1112 div.alert {
1113         background: #fef8d3; /* Old browsers */
1114         background: -moz-linear-gradient(top, #fef8d3 0%, #ffec91 9%, #ffed87 89%, #f9dc00 100%); /* FF3.6+ */
1115         background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fef8d3), color-stop(9%,#ffec91), color-stop(89%,#ffed87), color-stop(100%,#f9dc00)); /* Chrome,Safari4+ */
1116         background: -webkit-linear-gradient(top, #fef8d3 0%,#ffec91 9%,#ffed87 89%,#f9dc00 100%); /* Chrome10+,Safari5.1+ */
1117         background: -o-linear-gradient(top, #fef8d3 0%,#ffec91 9%,#ffed87 89%,#f9dc00 100%); /* Opera11.10+ */
1118         background: -ms-linear-gradient(top, #fef8d3 0%,#ffec91 9%,#ffed87 89%,#f9dc00 100%); /* IE10+ */
1119         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fef8d3', endColorstr='#f9dc00',GradientType=0 ); /* IE6-9 */
1120         background: linear-gradient(top, #fef8d3 0%,#ffec91 9%,#ffed87 89%,#f9dc00 100%); /* W3C */
1121           text-align : center;
1122         border: 1px solid #E0C726;
1123     color : inherit;
1124     text-shadow : none;
1125 }
1126
1127 div.alert strong {
1128         color : #900;
1129 }
1130
1131 .dialog li {
1132     list-style-position:inside;
1133 }
1134
1135 a.clear-field {
1136     background : transparent url("../../img/clear-field.png") center left no-repeat;
1137     padding-left : 16px;
1138 }
1139
1140 a.clone-field {
1141     background : transparent url("../../img/clone-field.png") center left no-repeat;
1142     padding-left : 20px;
1143 }
1144
1145 a.document {
1146         background-position : left middle;
1147         background-repeat : no-repeat;
1148         padding-left : 20px;
1149 }
1150
1151 a.pdf {
1152         background-image : url("../../img/famfamfam/silk/page_white_acrobat.png");
1153 }
1154
1155 a.csv {
1156         background-image : url("../../img/famfamfam/silk/page_white_excel.png");
1157 }
1158
1159 a.xml {
1160         background-image : url("../../img/famfamfam/silk/page_white_code.png");
1161 }
1162
1163 div.message {
1164         background: #ffffff; /* Old browsers */
1165         background: -moz-linear-gradient(top, #ffffff 0%, #f4f6fa 2%, #eaeef5 23%, #e8edf6 94%, #cddbf2 100%); /* FF3.6+ */
1166         background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(2%,#f4f6fa), color-stop(23%,#eaeef5), color-stop(94%,#e8edf6), color-stop(100%,#cddbf2)); /* Chrome,Safari4+ */
1167         background: -webkit-linear-gradient(top, #ffffff 0%,#f4f6fa 2%,#eaeef5 23%,#e8edf6 94%,#cddbf2 100%); /* Chrome10+,Safari5.1+ */
1168         background: -o-linear-gradient(top, #ffffff 0%,#f4f6fa 2%,#eaeef5 23%,#e8edf6 94%,#cddbf2 100%); /* Opera11.10+ */
1169         background: -ms-linear-gradient(top, #ffffff 0%,#f4f6fa 2%,#eaeef5 23%,#e8edf6 94%,#cddbf2 100%); /* IE10+ */
1170     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeef5', endColorstr='#cddbf2',GradientType=0 ); /* IE6-9 */
1171         background: linear-gradient(top, #ffffff 0%,#f4f6fa 2%,#eaeef5 23%,#e8edf6 94%,#cddbf2 100%); /* W3C */
1172         border : 1px solid #bcbcbc;
1173         text-align: center;
1174         width : 55%;
1175 }
1176
1177 div.message ul,
1178 div.message h5 {
1179         padding-left : 25%;
1180         text-align : left;
1181 }
1182
1183 div.message ul+h4 {
1184         margin-top : .7em;
1185 }
1186
1187 div.note {
1188         background: #f4f6fa;
1189         background-repeat : no-repeat;
1190         background-position : left center;
1191         background-image : url("../../img/note.png");
1192         background-image: url("../../img/note.png"), -moz-linear-gradient(top, #f4f6fa 0%, #e8edf6 100%); /* FF3.6+ */
1193         background-image: url("../../img/note.png"), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f6fa), color-stop(100%,#e8edf6)); /* Chrome,Safari4+ */
1194         background-image: url("../../img/note.png"), -webkit-linear-gradient(top, #f4f6fa 0%,#e8edf6 100%); /* Chrome10+,Safari5.1+ */
1195         background-image: url("../../img/note.png"), -o-linear-gradient(top, #f4f6fa 0%,#e8edf6 100%); /* Opera11.10+ */
1196         background-image: url("../../img/note.png"), -ms-linear-gradient(top, #f4f6fa 0%,#e8edf6 100%); /* IE10+ */
1197         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f6fa', endColorstr='#e8edf6',GradientType=0 ); /* IE6-9 */
1198         background-image: url("../../img/note.png"), linear-gradient(top, #f4f6fa 0%,#e8edf6 100%); /* W3C */
1199         border : 1px solid #BCBCBC;
1200         padding : .5em .5em .5em 20px;
1201         margin : .5em 0;
1202 }
1203
1204  div.results {
1205         padding : .7em 0;
1206  }
1207
1208  .accesskey {
1209         text-decoration : underline;
1210  }
1211
1212 label.required,
1213 span.required {
1214     color : #C00;
1215 }
1216
1217 span.required {
1218         font-style : italic;
1219         margin-left : .5em;
1220 }
1221
1222 .missing{
1223     background-color : #FFFFCC;
1224 }
1225
1226 .term {
1227     background-color: #FFC;
1228          color : #990000;
1229 }
1230
1231 a .term {
1232          text-decoration : underline;
1233 }
1234
1235 /* style for shelving location in catalogsearch */
1236 .shelvingloc {
1237     display : block;
1238     font-style : italic;
1239 }
1240
1241 a:hover .term {
1242         color : #FF9090;
1243 }
1244
1245 div#menu {
1246     border-right:1px solid #b9d8d9;
1247         margin-right: .5em;
1248         padding-top: 1em;
1249         padding-bottom: 2em;
1250 }
1251
1252 *html #menu li {
1253         display : inline;
1254 }
1255
1256 div#menu li a {
1257         text-decoration: none;
1258         display: block;
1259
1260               background: #e8f0f6; /* Old browsers */
1261         background: -moz-linear-gradient(left, #e8f0f6 0%, #e8f0f6 96%, #c1c1c1 100%); /* FF3.6+ */
1262     background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e8f0f6), color-stop(96%,#e8f0f6), color-stop(100%,#c1c1c1)); /* Chrome,Safari4+ */
1263     background: -webkit-linear-gradient(left, #e8f0f6 0%,#e8f0f6 96%,#c1c1c1 100%); /* Chrome10+,Safari5.1+ */
1264      background: -o-linear-gradient(left, #e8f0f6 0%,#e8f0f6 96%,#c1c1c1 100%); /* Opera11.10+ */
1265    background: -ms-linear-gradient(left, #e8f0f6 0%,#e8f0f6 96%,#c1c1c1 100%); /* IE10+ */
1266        background: linear-gradient(left, #e8f0f6 0%,#e8f0f6 96%,#c1c1c1 100%); /* W3C */
1267         -moz-border-top-left-radius: 5px;
1268         border-top-left-radius: 5px;
1269         -moz-border-bottom-left-radius: 5px;
1270         border-bottom-left-radius: 5px;
1271     border:1px solid #b9d8d9;
1272         font-size: 111%;
1273         margin: .5em 0;
1274         padding: .4em .3em;
1275         margin-right :  -1px;
1276 }
1277
1278 div#menu li a:hover {
1279      background: #fff; /* Old browsers */
1280    background: -moz-linear-gradient(left, #FAFAFA 0%, #FAFAFA 96%, #e6e6e6 97%, #cccccc 99%, #c1c1c1 100%); /* FF3.6+ */
1281   background: -webkit-gradient(linear, left top, right top, color-stop(0%,#FAFAFA), color-stop(96%,#FAFAFA), color-stop(97%,#e6e6e6), color-stop(99%,#cccccc), color-stop(100%,#c1c1c1)); /* Chrome,Safari4+ */
1282   background: -webkit-linear-gradient(left, #FAFAFA 0%,#FAFAFA 96%,#e6e6e6 97%,#cccccc 99%,#c1c1c1 100%); /* Chrome10+,Safari5.1+ */
1283      background: -o-linear-gradient(left, #FAFAFA 0%,#FAFAFA 96%,#e6e6e6 97%,#cccccc 99%,#c1c1c1 100%); /* Opera11.10+ */
1284    background: -ms-linear-gradient(left, #FAFAFA 0%,#FAFAFA 96%,#e6e6e6 97%,#cccccc 99%,#c1c1c1 100%); /* IE10+ */
1285        background: linear-gradient(left, #FAFAFA 0%,#fff 96%,#e6e6e6 97%,#cccccc 99%,#c1c1c1 100%); /* W3C */
1286     border-left: 1px solid #85CA11;
1287     border-top: 1px solid #85CA11;
1288     border-bottom: 1px solid #85CA11;
1289 }
1290
1291 div#menu li.active a:hover {
1292         background-color: #fff;
1293     color :  #538200;
1294 }
1295
1296 #menu ul li {
1297         list-style-type: none;
1298 }
1299
1300 #menu ul li.active a {
1301         background-color: #FFF;
1302         background-image : none;
1303         font-weight: bold;
1304     color:#000000;
1305     border-left: 1px solid #85CA11;
1306     border-top: 1px solid #85CA11;
1307     border-bottom: 1px solid #85CA11;
1308     border-right: 0;
1309 }
1310
1311 h1#logo {
1312         border:0pt none;
1313         float:left !important;
1314         margin:0;
1315         padding:0;
1316         width:180px;
1317 }
1318 h1#logo {
1319         background:transparent url(../../img/koha-logo-medium.gif) no-repeat scroll 0%;
1320         margin:0.75em .3em 0.75em .7em;
1321 }
1322
1323 *html h1#logo {
1324         margin : 0.75em .3em 0.75em .3em;
1325 }
1326
1327 h1#logo a {
1328         border:0;
1329         cursor:pointer;
1330         display:block;
1331         height:0px !important;
1332         margin:0;
1333         overflow:hidden;
1334         padding:44px 0 0;
1335         text-decoration:none;
1336         width:180px;
1337 }
1338
1339 #closewindow {
1340         margin-top : 2em;
1341         text-align : center;
1342 }
1343
1344 #closewindow a {
1345         font-weight : bold;
1346 }
1347
1348 .patroninfo+#menu {
1349         margin-right : 0;
1350 }
1351
1352 .barcode {
1353         font-size :  200%;
1354 }
1355
1356 li.email a {
1357         display:block;
1358         overflow:hidden;
1359         width:13em;
1360 }
1361 li.email {
1362         background: #FFF url(../../img/elipsis.gif) right bottom no-repeat;
1363         font-size :  87%;
1364         overflow:hidden;
1365         padding :0 10px 0 0;
1366         width:13em;
1367 }
1368
1369 .empty {
1370         color : #CCC;
1371 }
1372
1373 .address {
1374         font-size: 110%;
1375 }
1376
1377 .clearfix:after {
1378     content: ".";
1379     display: block;
1380     height: 0;
1381     clear: both;
1382     visibility: hidden;
1383 }
1384
1385 /* Hides from IE-mac \*/
1386 * html .clearfix {height: 1%;}
1387 /* End hide from IE-mac */
1388
1389 .title {
1390         font-weight : bold;
1391         font-size : 105%;
1392 }
1393
1394 .hold {
1395         float : right;
1396         font-size: 90%;
1397         margin: 0;
1398 }
1399
1400 .thumbnail {
1401         display : block;
1402         margin : auto;
1403 }
1404
1405 .thumbnails > li {
1406     list-style-type: none;
1407 }
1408
1409 #searchresults ul li {
1410         font-size : 90%;
1411         list-style : url(../../img/item-bullet.gif);
1412         padding : .2em 0;
1413         clear : left;
1414 }
1415
1416 #searchresults span.status {
1417         clear : left;
1418         color : #900;
1419         display : block;
1420 }
1421
1422 #searchresults span.unavailable {
1423         clear : left;
1424         display : block;
1425 }
1426
1427 #searchresults .availability strong {
1428         display : block;
1429 }
1430
1431 #searchresults ul li img {
1432         float : left;
1433         margin : 3px 5px 3px -5px;
1434 }
1435
1436 #searchresults table td {
1437         vertical-align : top;
1438 }
1439
1440 #searchheader {
1441      background-color : #E6F0F2;
1442         font-size : 80%;
1443         margin : 0 0 .5em -1px;
1444  padding : .1em 0 .4em 1em;
1445      border-radius : 5px 5px 0 0;
1446    border : 1px solid #B9D8D9;
1447 }
1448
1449 #searchheader .btn-group > .btn:first-child {
1450     margin-left : .7em;
1451 }
1452
1453 #searchheader form {
1454         float : right;
1455   padding : 5px 5px 3px 0;
1456 }
1457
1458 #searchheader form.fz3950 {
1459         float : right;
1460         font-size : 125%;
1461         padding : 0 0 0 5em;
1462 }
1463
1464 #searchheader form.fz3950bigrpad {
1465         float : right;
1466         font-size : 125%;
1467         padding : 5px 25em 0 0;
1468 }
1469
1470 #searchheader .yui-button button,
1471 #searchheader .yui-button a {
1472         line-height : 1.5em;
1473 }
1474
1475 #search-facets ul {
1476         margin : 0;
1477         padding : .3em;
1478 }
1479
1480 #search-facets {
1481     border : 1px solid #B9D8D9;
1482     border-radius: 5px 5px 0 0;
1483 }
1484
1485 #search-facets h4 {
1486      background-color : #E6F0F2;
1487     border-bottom : 1px solid #B9D8D9;
1488      border-radius: 5px 5px 0 0;
1489         font-size : 90%;
1490         margin : 0;
1491         padding : .4em .2em;
1492         text-align : center;
1493 }
1494
1495 #search-facets ul li {
1496         font-weight : bold;
1497         list-style-type : none;
1498 }
1499
1500 #search-facets li li {
1501         font-weight : normal;
1502         font-size : 85%;
1503         margin-bottom : 2px;
1504         padding : .1em .2em;
1505 }
1506
1507 #search-facets li.showmore {
1508         font-weight : bold;
1509         text-indent : 1em;
1510 }
1511
1512 div.pages {
1513         margin : .5em 0;
1514 }
1515
1516 div.pages a {
1517         font-weight: bold;
1518         padding: 1px 5px 1px 5px;
1519         text-decoration: none;
1520 }
1521
1522 div.pages a:link,
1523 div.pages a:visited {
1524         background-color : #eeeeee;
1525         color : #3366CC;
1526 }
1527
1528 div.pages a:hover {
1529         background-color : #FFC;
1530 }
1531
1532 div.pages a:active {
1533         background-color : #ffc;
1534 }
1535
1536 div.pages .current,
1537 div.pages .currentPage {
1538         background-color : #e6fcb7;
1539         color : #666;
1540         font-weight: bold;
1541         padding: 1px 5px 1px 5px;
1542 }
1543
1544 div.pages .inactive {
1545         background-color : #f3f3f3;
1546         color : #BCBCBC;
1547         font-weight: bold;
1548         padding: 1px 5px 1px 5px;
1549 }
1550
1551 div.browse {
1552         margin : .5em 0;
1553 }
1554
1555 div#bookcoverimg {
1556         text-align : center;
1557 }
1558
1559 div#header_search input.submit {
1560         font-size : 1em;
1561 }
1562
1563 *html input.submit {
1564         padding : .1em;
1565 }
1566
1567 input[type=submit]:active, input[type=button]:active, button.submit:active, a.submit:active {
1568         border : 1px inset #999999;
1569 }
1570
1571 input[type=submit], input[type=reset], input[type=button], input.submit, button.submit, a.submit {
1572         border: 1px outset #999999;
1573         border-top-color: #666;
1574         border-left-color: #666;
1575         -moz-border-radius : 2px;
1576         padding: 0.25em;
1577         background: #ffffff; /* Old browsers */
1578         background: -moz-linear-gradient(top, #ffffff 0%, #f7f7f7 35%, #e0e0e0 100%); /* FF3.6+ */
1579         background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(35%,#f7f7f7), color-stop(100%,#e0e0e0)); /* Chrome,Safari4+ */
1580         background: -webkit-linear-gradient(top, #ffffff 0%,#f7f7f7 35%,#e0e0e0 100%); /* Chrome10+,Safari5.1+ */
1581         background: -o-linear-gradient(top, #ffffff 0%,#f7f7f7 35%,#e0e0e0 100%); /* Opera11.10+ */
1582         background: -ms-linear-gradient(top, #ffffff 0%,#f7f7f7 35%,#e0e0e0 100%); /* IE10+ */
1583         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */
1584         background: linear-gradient(top, #ffffff 0%,#f7f7f7 35%,#e0e0e0 100%); /* W3C */
1585         color: #333333;
1586 }
1587
1588 input[type=submit]:disabled,
1589 input[type=reset]:disabled,
1590 input[type=button]:disabled,
1591 input.submit:disabled,
1592 button.submit:disabled,
1593 a.submit:disabled {
1594     color : #999;
1595     border : 1px solid #C0C0C0;
1596     background : #EEE none;
1597 }
1598
1599 input[type=reset]:active, input[type=button]:active, input.submit:active, button.submit:active, a.submit:active {
1600         border : 1px inset #999999;
1601 }
1602
1603 a.submit {
1604     display: inline-block;
1605 }
1606
1607 ul li input.submit {
1608         font-size : 87%;
1609         padding : 2px;
1610 }
1611
1612 input.warning {
1613     background : #FFF url(../../img/famfamfam/silk/error.png) no-repeat 4px center;
1614         padding : 0.25em 0.25em 0.25em 25px;
1615 }
1616
1617 .searchhighlightblob {
1618     font-size:75%;
1619         font-style : italic;
1620 }
1621
1622 a.yuimenuitemlabel:hover {
1623         background-color : #B3D4FF;
1624         color : #000;
1625 }
1626
1627 #displayexample {
1628         padding: 5px;
1629         margin-bottom: 10px;
1630         background-color: #CCCCCC;
1631 }
1632
1633 #irregularity_summary {
1634         vertical-align : top;
1635 }
1636
1637 ul#toplevelmenu {
1638     padding : 0;
1639 }
1640
1641 /*#toplevelnav {
1642         float : left;
1643         margin-left : .5em;
1644      width: 40%;
1645 }
1646
1647 ul#toplevelmenu li {
1648         display: inline;
1649         padding : 0 .6em;
1650 }
1651
1652 ul#toplevelmenu li.more a {
1653         background-image:url(../../img/more-arrow.gif);
1654         background-position:right center;
1655         background-repeat:no-repeat;
1656         padding-right:13px;
1657 }
1658
1659 ul#toplevelmenu li.more ul li a {
1660         background-image : none;
1661         padding-right : 20px;
1662 }
1663
1664 ul#toplevelmenu li.more ul li a.yuimenuitemlabel {
1665         padding: .2em 20px .2em 20px;
1666 }
1667
1668 ul#toplevelmenu li a {
1669         text-decoration : none;
1670 }
1671 ul#toplevelmenu li ul li {
1672         display :block;
1673         padding :0;
1674 }
1675 ul#toplevelmenu li ul li a {
1676         text-decoration : none;
1677 }
1678
1679 ul#i18nMenu {
1680         margin : 0;
1681         padding : .2em 0;
1682  }
1683
1684 ul#i18nMenu li {
1685         border-left : 1px solid #CCC;
1686         display : inline;
1687         float: left;
1688         list-style : none;
1689         padding : 0 10px;
1690 }
1691
1692 ul#i18nMenu li.yuimenuitem {
1693         float: none;
1694 }
1695
1696 ul#i18nMenu li:first-child {
1697         border-left : 0;
1698  }
1699
1700 ul#i18nMenu li ul li {
1701         border : 0;
1702         display : block;
1703         padding : 0;
1704  }
1705
1706 ul#i18nMenu li.more a {
1707         background-image:url(../../img/more-up-arrow.gif);
1708         background-position:right center;
1709         background-repeat:no-repeat;
1710         padding-right:13px;
1711 }
1712
1713 ul#i18nMenu li.more ul li a {
1714         background-image : none;
1715         padding-right : 20px;
1716 }
1717
1718 div.lang {
1719         float:left;
1720 }
1721
1722  div#changelanguage{
1723         background-color: #fff;
1724         border-top: 1px solid #CCC;
1725   position:absolute;
1726   bottom:0;
1727   left:0;
1728   width:100%;
1729   height: 2em;
1730  }
1731
1732  @media screen{
1733   body>div#changelanguage {
1734    position: fixed;
1735   }
1736  }
1737
1738  * html body{
1739   overflow:hidden;
1740  }
1741
1742  * html div#doc1{
1743   height:100%;
1744   overflow:auto;
1745  }
1746
1747  * html div#doc2{
1748   height:100%;
1749   overflow:auto;
1750  }
1751
1752  * html div#doc3{
1753   height:100%;
1754   overflow:auto;
1755  }*/
1756
1757 #CheckAll, #CheckNone, #CheckPending {
1758         font-weight : normal;
1759         margin : 0 .5em 0 0;
1760 }
1761 .lost,.dmg,.wdn {
1762         display : block;
1763         color : #990000;
1764 }
1765 .datedue {
1766         display : block;
1767         color : #999;
1768         font-style : italic;
1769 }
1770
1771 tr.reserved td {
1772         background-color : #eeffd4;
1773 }
1774 tr.transfered td {
1775         background-color : #e8f0f6;
1776 }
1777 .waitinghere,
1778 .credit {
1779         color : #669900;
1780 }
1781
1782 /* Permissions Labels */
1783 label.permissioncode:before {
1784         content: "(";
1785 }
1786 label.permissioncode:after {
1787         content: ")";
1788 }
1789 label.permissioncode {
1790         font-style : italic;
1791 }
1792 span.permissiondesc {
1793         font-weight : normal;
1794 }
1795 #mainuserblock {
1796         border : 1px solid #E8E8E8;
1797         margin-top : .5em;
1798         padding : .5em;
1799 }
1800
1801 .labeledmarc-table {
1802         border: 0;
1803 }
1804
1805 .labeledmarc-label {
1806         border: 0;
1807         padding: 5;
1808         font-size: 11pt;
1809     color: #000000;
1810     font-style: italic;
1811 }
1812
1813 .labeledmarc-value {
1814         border: 0;
1815         padding: 5;
1816         font-size: 10pt;
1817         color: black;
1818 }
1819
1820 #cartDetails {
1821         background-color : #FFF;
1822         border: 1px solid #739acf;
1823          -moz-box-shadow: 1px 1px 3px 0 #666;
1824          -webkit-box-shadow: 1px 1px 3px 0 #666;
1825          box-shadow: 1px 1px 3px 0 #666;
1826         color : black;
1827         display : none;
1828         margin : 0;
1829         padding : 10px;
1830         text-align : center;
1831         width : 180px;
1832         z-index : 50;
1833 }
1834 #cartmenulink {
1835         background: transparent url("../../img/cart-small.gif") left center no-repeat;
1836         padding-left : 15px;
1837 }
1838 #cartmenulink span#basketcount span {
1839         display : inline;
1840         font-size : 90%;
1841         font-weight : normal;
1842         padding : 0;
1843 }
1844 #moremenu {
1845         display : none;
1846 }
1847
1848 .results_summary {
1849   display: block;
1850   font-size : 85%;
1851   color: #707070;
1852   padding : 0 0 .5em 0;
1853 }
1854 .results_summary .label {
1855   color: #202020;
1856 }
1857 .results_summary a {
1858   font-weight: normal;
1859 }
1860
1861 ul.budget_hierarchy {
1862     margin-left: 0px;
1863     padding-left: 0px;
1864 }
1865 ul.budget_hierarchy li {
1866     display: inline;
1867 }
1868 ul.budget_hierarchy li:after {
1869     content: " -> ";
1870 }
1871 ul.budget_hierarchy li:last-child:after {
1872     content: "";
1873 }
1874 ul.budget_hierarchy li:first-child:after {
1875     content: "";
1876 }
1877 .holdcount { font-size : 105%; line-height : 200%; }
1878 .holdcount a {
1879         border : 1px solid #a4bedd;
1880         background-color : #e4ecf5;
1881         font-weight : bold;
1882         -moz-border-radius: 4px;
1883         border-radius: 4px;
1884         padding : .1em .4em;
1885         text-decoration : none;
1886 }
1887 .holdcount a:hover { background-color : #ebeff7; }
1888 .container {
1889         border : 1px solid #EEE;
1890         padding : 1em;
1891         margin : 1em 0;
1892 }
1893 fieldset.rows+h3 {clear:both;padding-top:.5em;}
1894
1895 .import_export{
1896     position:relative;
1897 }
1898 .import_export .import_export_options{
1899     background: white;
1900     border: 1px solid #CDCDCD;
1901     left: 60px;
1902     padding: 10px;
1903     position: absolute;
1904     top: 0;
1905     z-index: 1;
1906     width: 300px;
1907 }
1908 .import_export_options fieldset.rows li label {
1909     width : 16em;
1910 }
1911 .form_import fieldset.rows li label {
1912     width : auto;
1913 }
1914
1915 .import_export_options .export_ok {
1916     padding: 10;
1917     background: #E3E3E3 none;
1918     cursor: pointer;
1919     margin-left: 20px;
1920     border: none;
1921 }
1922 .import_export_options {
1923     padding: 10;
1924     background: #E3E3E3 none;
1925     cursor: pointer;
1926     margin-left: 20px;
1927     border: none;
1928 }
1929 .form_import .input_import {
1930     border: 1px solid #bcbcbc;
1931 }
1932 .import_export_options .importing {
1933     padding: inherit;
1934     background: none;
1935 }
1936
1937 .importing {
1938     position: relative;
1939 }
1940
1941 .importing .importing_msg {
1942     padding-left: 10px;
1943     padding-bottom: 10px;
1944 }
1945
1946 .m880 {
1947     display:block;
1948     text-align:right;
1949     float:right;
1950     width:50%;
1951     padding-left:20px
1952 }
1953
1954 .advsearch {
1955     margin: 0;
1956 }
1957
1958 .advsearch table {
1959     border-spacing : 5px;
1960     border-collapse : separate;
1961     border-width : 0;
1962 }
1963 .advsearch td {
1964     border : 1px solid #EEE;
1965     padding : 0.3em 0.4em;
1966 }
1967 #circ_circulation_issue {
1968     position: relative;
1969     }
1970
1971 #clearscreen {
1972     position: absolute;
1973     top:0;
1974     right:0;
1975     }
1976
1977 #clearscreen a {
1978     display:block;
1979     -moz-border-radius: 0 0 0 5px;
1980     border-radius: 0 0 0 5px;
1981     padding : 0 .7em .2em .7em;
1982     background-color : #EEE;
1983     color : #CCC;
1984     text-shadow: 0px -1px 0px #666;
1985     text-decoration: none;
1986     font-size: 160%;
1987     font-weight : bold
1988     }
1989 #clearscreen a:hover {
1990     color : #cc0000;
1991     }
1992
1993 div.pager {
1994         background-color : #E8E8E8;
1995         border : 1px solid #BCBCBC;
1996         -moz-border-radius : 5px;
1997     border-radius : 5px;
1998         display : inline-block;
1999         font-size : 85%;
2000         padding : .3em .5em .3em .5em;
2001         margin : .4em 0;
2002 }
2003 div.pager img {
2004         vertical-align : middle;
2005 }
2006
2007 div.pager img.last {
2008         padding-right: 5px;
2009 }
2010 div.pager input.pagedisplay {
2011         border : 0;
2012         background-color : transparent;
2013         font-weight: bold;
2014         text-align : center;
2015 }
2016 a.localimage img {
2017         border : 1px solid #0000CC;
2018         margin : 0 .5em;
2019         padding : .3em;
2020 }
2021 div.pager p {
2022         margin: 0;
2023 }
2024
2025 div#acqui_order_supplierlist > div.supplier {
2026     border: 1px solid #EEEEEE;
2027     margin: 0.5em;
2028     padding: 1em;
2029 }
2030
2031 div#acqui_order_supplierlist > div.supplier > span.suppliername {
2032     display: inline;
2033     font-size: 1.7em;
2034     margin-bottom: 0.5em;
2035 }
2036
2037 div#acqui_order_supplierlist > div.supplier > span.action {
2038     margin-left: 5em;
2039 }
2040
2041 div#acqui_order_supplierlist > div.supplier > div.baskets {
2042     margin-top: 0.5em;
2043 }
2044
2045 /* Override core jQueryUI widgets */
2046 .ui-widget-content { border: 1px solid #B9D8D9; background: #ffffff none; color: #222222; }
2047 .ui-widget-header { border: 1px solid #B9D8D9; background: #E6F0F2 none; color: #222222; font-weight: bold; }
2048 .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #B9D8D9; background: #F4F8F9 none; font-weight: normal; color: #555555; }
2049 .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #B9D8D9; background: #E6F0F2 none; font-weight: normal; color: #212121; }
2050 .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff none; font-weight: normal; color: #212121; }
2051 .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #FED22F; background: #FFF4C6; color: #363636; }
2052 .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec; color: #cd0a0a; }
2053
2054 /* Override jQuery Autocomplete */
2055 .ui-autocomplete {
2056     position: absolute;
2057     cursor: default;
2058     -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,.3);
2059     -moz-box-shadow: 2px 2px 2px rgba(0,0,0,.3);
2060     box-shadow: 2px 2px 2px rgba(0,0,0,.3);
2061 }
2062 .ui-autocomplete.ui-widget-content .ui-state-hover {
2063     border: 1px solid #B9D8D9;
2064     background: #E6F0F2 none;
2065     font-weight: normal;
2066     color: #212121;
2067 }
2068 .ui-autocomplete-loading {
2069     background: #FFF url("../../img/loading-small.gif") right center no-repeat;
2070 }
2071
2072 /* jQuery UI standard tabs */
2073 .ui-menu li {
2074     list-style:none;
2075 }
2076
2077 .ui-tabs-nav .ui-tabs-selected a,
2078 .ui-tabs-nav a:hover,
2079 .ui-tabs-nav a:focus,
2080 .ui-tabs-nav a:active,
2081 .ui-tabs-nav span.a {
2082     background: none repeat scroll 0 0 transparent;
2083     outline: 0 none;
2084 }
2085
2086 .ui-tabs .ui-tabs-nav li.ui-tabs-selected {
2087     background-color : #FFF;
2088     border : 1px solid #B9D8D9;
2089 }
2090
2091 .ui-widget,
2092 .ui-widget input,
2093 .ui-widget select,
2094 .ui-widget textarea,
2095 .ui-widget button {
2096     font-family : inherit;
2097     font-size : inherit;
2098 }
2099 ul.ui-tabs-nav li {
2100     list-style : none;
2101 }
2102 .ui-tabs.ui-widget-content {
2103     background : transparent none;
2104     border : 0;
2105 }
2106
2107 .ui-tabs .ui-tabs-panel {
2108     border : 1px solid #B9D8D9;
2109 }
2110 .ui-tabs-nav.ui-widget-header {
2111     border : 0;
2112     background : none;
2113 }
2114 .ui-tabs .ui-tabs-nav li {
2115     background: #E6F0F2 none;
2116     border: 1px solid #B9D8D9;
2117     margin-right : .4em;
2118 }
2119 .ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
2120     color : #000;
2121     font-weight : bold;
2122 }
2123
2124 .ui-tabs .ui-tabs-nav li.ui-state-default.ui-state-hover {
2125     background : #EDF4F5 none;
2126 }
2127
2128 .ui-tabs .ui-tabs-nav li.ui-tabs-selected.ui-state-hover {
2129     background : #FFF none;
2130 }
2131
2132 .ui-tabs .ui-state-default a,
2133 .ui-tabs .ui-state-default a:link,
2134 .ui-tabs .ui-state-default a:visited {
2135     color: #004D99;
2136 }
2137
2138 .ui-tabs .ui-state-hover a,
2139 .ui-tabs .ui-state-hover a:link,
2140 .ui-tabs .ui-state-hover a:visited {
2141     color: #538200;
2142 }
2143
2144 .statictabs ul {
2145     background: none repeat scroll 0 0 transparent;
2146     border: 0 none;
2147     margin: 0;
2148     padding: 0.2em 0.2em 0;
2149     border-bottom-right-radius: 4px;
2150     border-bottom-left-radius: 4px;
2151     border-top-right-radius: 4px;
2152     border-top-left-radius: 4px;
2153     color: #222222;
2154     font-weight: bold;
2155     font-size: 100%;
2156     line-height: 1.3;
2157     list-style: none outside none;
2158     outline: 0 none;
2159     text-decoration: none;
2160 }
2161
2162 .statictabs ul:after {
2163     clear: both;
2164 }
2165
2166 .statictabs ul:before,
2167 .statictabs ul:after {
2168     content: "";
2169     display: table;
2170 }
2171
2172 .statictabs ul li {
2173     background: none repeat scroll 0 0 #E6F0F2;
2174     border: 1px solid #B9D8D9;
2175     border-bottom: 0 none !important;
2176     border-top-right-radius: 4px;
2177     border-top-left-radius: 4px;
2178     float: left;
2179     list-style: none outside none;
2180     margin-bottom: 0;
2181     margin-right: 0.4em;
2182     padding: 0;
2183     position: relative;
2184     white-space: nowrap;
2185     top: 1px;
2186     color: #555555;
2187     font-weight: normal;
2188
2189 }
2190
2191 .statictabs ul li.active {
2192     background-color: #FFFFFF;
2193     color: #212121;
2194     font-weight: normal;
2195     padding-bottom: 1px;
2196 }
2197
2198 .statictabs ul li a {
2199     color: #004D99;
2200     cursor: pointer;
2201     float: left;
2202     padding: 0.5em 1em;
2203     text-decoration: none;
2204 }
2205
2206 .statictabs ul li a:hover {
2207     background-color : #EDF4F5;
2208     border-top-right-radius: 4px;
2209     border-top-left-radius: 4px;
2210     color : #538200;
2211 }
2212
2213 .statictabs ul li.active a {
2214     color: #000000;
2215     font-weight: bold;
2216     cursor: text;
2217     background: none repeat scroll 0 0 transparent;
2218     outline: 0 none;
2219 }
2220
2221 .statictabs .tabs-container {
2222     border: 1px solid #B9D8D9;
2223     background: none repeat scroll 0 0 transparent;
2224     display: block;
2225     padding: 1em 1.4em;
2226     border-bottom-right-radius: 4px;
2227     border-bottom-left-radius: 4px;
2228     color: #222222;
2229 }
2230
2231 /* jQuery UI header search box tabs */
2232 #header_search ul.ui-tabs-nav {
2233     padding-top : 0;
2234     margin-left: 1em;
2235 }
2236 #header_search ul.ui-tabs-nav li.ui-state-default {
2237     border: 0 !important;
2238     background : transparent none; top: 0;
2239 }
2240 #header_search ul.ui-tabs-nav li.ui-state-default a {
2241     padding : .3em .6em;
2242 }
2243 #header_search ul.ui-tabs-nav li.ui-tabs-selected {
2244     background-color : #FFFFF1;
2245     border: 1px solid #85CA11 !important;
2246     border-top: 0 !important; top: -1px;
2247 }
2248 #header_search ul.ui-tabs-nav li.ui-tabs-selected a {
2249     text-decoration: none;
2250 }
2251 #header_search .ui-corner-top {
2252      border-radius: 0 0 4px 4px;
2253 }
2254
2255 .authref {
2256     font-style: normal;
2257     text-indent: 4em;
2258 }
2259
2260 .seefrom, .seealso {
2261     font-style: italic;
2262     text-indent: 2em;
2263 }
2264
2265 #authfinderops {
2266     float: right;
2267 }
2268 div.authorizedheading {
2269   font-weight: bold;
2270 }
2271 .authres_notes, .authres_seealso, .authres_otherscript {
2272   padding-top: 3px;
2273 }
2274 .authres_notes {
2275   font-style: italic;
2276 }
2277
2278
2279 .contents {
2280     width: 75%;
2281 }
2282
2283 .contentblock {
2284     position: relative;
2285     margin-left: 2em;
2286 }
2287
2288 .contents .t:first-child:before {
2289     content: "→ ";
2290 }
2291
2292 .contents .t:before {
2293     content: "\A→ ";
2294     white-space: pre;
2295 }
2296
2297 .contents .t {
2298     font-weight: bold;
2299     display: inline;
2300 }
2301
2302 .contents .r {
2303     display: inline;
2304 }
2305
2306 #hierarchies a {
2307     font-weight: normal;
2308     text-decoration: underline;
2309     color: #069;
2310 }
2311
2312 #hierarchies a:hover {
2313     color: #990033;
2314 }
2315
2316 #didyoumeanopac, #didyoumeanintranet {
2317     float: left;
2318     width: 260px;
2319 }
2320
2321 .pluginlist {
2322     padding-bottom: 10px;
2323 }
2324 .plugin {
2325     margin: 0 1em 1em 0;
2326 }
2327 .pluginname {
2328     margin: 0.3em;
2329     padding-bottom: 4px;
2330     padding-left: 0.2em;
2331     background-color: #E6F0F2;
2332 }
2333 .pluginname .ui-icon {
2334     float: right;
2335 }
2336 .plugindesc {
2337     padding: 0.4em;
2338 }
2339 .ui-sortable-placeholder {
2340     border: 1px dotted black;
2341     visibility: visible !important;
2342     height: 80px !important;
2343 }
2344 .ui-sortable-placeholder * {
2345     visibility: hidden;
2346 }
2347
2348 /* jQuery UI Datepicker */
2349 .ui-datepicker table {
2350     width: 100%;
2351     font-size: .9em;
2352     border : 0;
2353     border-collapse: collapse;
2354     margin:0 0 .4em;
2355 }
2356
2357 .ui-datepicker th {
2358     background : transparent none;
2359     padding: .7em .3em;
2360     text-align: center;
2361     font-weight: bold;
2362     border: 0;
2363 }
2364
2365 .ui-datepicker-trigger {
2366     vertical-align: middle;
2367     margin : 0 3px;
2368 }
2369 .ui-datepicker {
2370     -moz-box-shadow: 1px 1px 3px 0 #666;
2371     -webkit-box-shadow: 1px 1px 3px 0 #666;
2372     box-shadow: 1px 1px 3px 0 #666;
2373 }
2374
2375 /* css for timepicker */
2376 .ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
2377 .ui-timepicker-div dl { text-align: left; }
2378 .ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
2379 .ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
2380 .ui-timepicker-div td { font-size: 90%; }
2381 .ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
2382 .ui_tpicker_second,
2383 .ui_tpicker_millisec,
2384 .ui_tpicker_microsec {
2385     display: none;
2386 }
2387
2388 /* jQuery UI Accordion */
2389 .ui-accordion-header,
2390 .ui-widget-content .ui-accordion-header {
2391     font-weight: bold; font-size : 110%;
2392 }
2393
2394 video {
2395     width: 480px;
2396 }
2397
2398 /* Bootstrap overrides */
2399 .btn {
2400     border-color : #ADADAD #ADADAD #949494;
2401 }
2402
2403 .btn.btn-link {
2404     border : 0;
2405 }
2406
2407 .btn-small .caret {
2408     margin-top : .6em;
2409 }
2410
2411 .icon-hold {
2412     background-position:-24px -166px;
2413 }
2414
2415 .icon-copy {
2416     background-position:-3px -166px;
2417 }
2418
2419 .icon-merge {
2420     background-position:-48px -166px;
2421 }
2422
2423 #toolbar .btn,
2424 #toolbar .dropdown-menu {
2425     font-size: 13px;
2426 }
2427 a.btn:link,
2428 a.btn:visited{
2429     color: #333333;
2430 }
2431 .dropdown-menu li {
2432     list-style: none outside none;
2433 }
2434 a.dropdown-toggle {
2435     white-space: nowrap;
2436 }
2437 [class^="icon-"],[class*=" icon-"]{background-image:url("../../img/glyphicons-halflings-koha.png");}
2438 .icon-white,.nav-tabs>.active>a>[class^="icon-"],.nav-tabs>.active>a>[class*=" icon-"],.nav-pills>.active>a>[class^="icon-"],.nav-pills>.active>a>[class*=" icon-"],.nav-list>.active>a>[class^="icon-"],.nav-list>.active>a>[class*=" icon-"],.navbar-inverse .nav>.active>a>[class^="icon-"],.navbar-inverse .nav>.active>a>[class*=" icon-"],.dropdown-menu>li>a:hover>[class^="icon-"],.dropdown-menu>li>a:hover>[class*=" icon-"],.dropdown-menu>.active>a>[class^="icon-"],.dropdown-menu>.active>a>[class*=" icon-"]{background-image:url("../../img/glyphicons-halflings-white-koha.png");}
2439 a.disabled {
2440     color : #999999;
2441 }
2442
2443 .navbar {
2444     color: #333;
2445 }
2446
2447 .navbar .nav > li > a {
2448     color: #004D99;
2449     font-weight: bold;
2450     padding : .4em .2em;
2451 }
2452
2453 .navbar .nav > li {
2454     list-style: none outside none;
2455     padding : 0 .6em;
2456 }
2457
2458 .navbar .nav > li > a:focus,
2459 .navbar .nav > li > a:hover {
2460     color: #538200;
2461 }
2462
2463 .navbar .nav li.dropdown.open > .dropdown-toggle,
2464 .navbar .nav li.dropdown.active > .dropdown-toggle,
2465 .navbar .nav li.dropdown.open.active > .dropdown-toggle {
2466     background: transparent none;
2467 }
2468
2469 .navbar-static-top .navbar-inner {
2470     background: #E6F0F2 none;
2471     border: 0;
2472     box-shadow: none;
2473     min-height: 0;
2474     padding-left: 0;
2475 }
2476 .navbar-fixed-bottom .navbar-inner {
2477     min-height: 0;
2478     padding : .4em 0;
2479 }
2480
2481 .navbar-fixed-bottom .nav > li > a {
2482     font-weight: normal;
2483     padding : .05em .3em;
2484 }
2485
2486 .navbar-fixed-bottom .nav > li {
2487     border-right : 1px solid #CCC;
2488 }
2489
2490 .navbar-fixed-bottom .nav > li:last-child {
2491     border-right : 0;
2492 }
2493
2494 .navbar-fixed-bottom .nav > li.navbar-text {
2495     line-height: normal;
2496     padding : 0.4em 0.7em;
2497 }
2498 .navbar .nav > li {
2499     list-style: none outside none;
2500     padding : 0 .6em;
2501 }
2502 .navbar .nav > li > a {
2503     color: #004D99;
2504     font-weight: bold;
2505     padding : .4em .3em;
2506 }
2507 .navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle {
2508     background: transparent none;
2509 }
2510
2511 .navbar .nav > li > a:focus,
2512 .navbar .nav > li > a:hover {
2513     color: #538200;
2514 }
2515
2516 .navbar .nav li.dropdown.open > .dropdown-toggle,
2517 .navbar .nav li.dropdown.active > .dropdown-toggle,
2518 .navbar .nav li.dropdown.open.active > .dropdown-toggle {
2519     background: transparent none;
2520 }
2521
2522 .tooltip.bottom .tooltip-arrow {
2523     border-bottom-color: #EEE;
2524 }
2525 .tooltip.bottom .tooltip-inner {
2526     background-color : #FFF;
2527     border: 1px solid rgba(0, 0, 0, 0.2);
2528     box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
2529     color: #000;
2530     padding : 1em;
2531     font-size : 120%;
2532 }
2533 .separator { color : #666; padding : 0 .2em; }
2534
2535 .close {
2536     position: inherit;
2537     top: auto;
2538     right : auto;
2539     filter : none;
2540     float : none;
2541     font-size: inherit;
2542     font-weight: normal;
2543     opacity: inherit;
2544     text-shadow: none;
2545 }
2546
2547 .close:hover {
2548     color: #538200;
2549     filter: inherit;
2550     font-size: inherit;
2551     opacity: inherit;
2552 }
2553
2554 /* Redefine a new style for Bootstrap's class "close" since we use that already */
2555 /* Use <a class="closebtn" href="#">&times;</a> */
2556 .alert .closebtn{position:relative;top:-2px;right:-21px;line-height:20px;}
2557 .modal-header .closebtn{margin-top:2px;}
2558 .closebtn{float:right;font-size:20px;font-weight:bold;line-height:20px;color:#000000;text-shadow:0 1px 0 #ffffff;opacity:0.2;filter:alpha(opacity=20);}.closebtn:hover{color:#000000;text-decoration:none;cursor:pointer;opacity:0.4;filter:alpha(opacity=40);}
2559 button.closebtn{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;}
2560
2561 .btn-group label,
2562 .btn-group select {
2563     font-size: 13px;
2564 }
2565
2566 .tooltip-inner {
2567     white-space:pre-wrap;
2568 }
2569
2570 /* End Bootstrap overrides */
2571
2572 .waiting {
2573     cursor: wait;
2574 }
2575
2576 fieldset.rows table.mceListBox {
2577     margin: 0;
2578 }
2579
2580 #jobpanel,#jobstatus,#jobfailed { display : none; }
2581 #jobstatus { margin:.4em; }
2582 #jobprogress{ width:200px;height:10px;border:1px solid #666;background:url('../../img/progress.png') -300px 0px no-repeat; }
2583 #selections { width : 100%; white-space : normal; }
2584 #selections span { margin:3px;padding:3px;background-color:#EBF3FF;-moz-border-radius:5px;border-radius:5px;white-space:nowrap;line-height:240%;font-size:75%; }
2585 #selections span.selected { background-color : #CCE0FC; }
2586 #selections input { vertical-align:middle;margin:0 2px; }
2587 #changepasswordf input[type="text"],
2588 #changepasswordf input[type="password"] {
2589     font-size: 140%;
2590     font-family : monospace;
2591     padding : .3em;
2592 }
2593
2594 /* Class to be added to toolbar when it starts being fixed at the top of the screen*/
2595 .floating {
2596     -webkit-box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, .5);
2597     box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, .5);
2598 }
2599
2600 .inline {
2601     display : inline;
2602 }
2603
2604 .nowrap {
2605     white-space: nowrap;
2606 }
2607
2608 .tag_editor {
2609     background: transparent url("../../img/edit-tag.png") top left no-repeat;
2610     display : block;
2611     float : left;
2612     width : 16px;
2613     height: 16px;
2614     margin : 4px;
2615     text-indent: 100%;
2616     white-space: nowrap;
2617     overflow: hidden;
2618 }
2619
2620 .browse-controls {
2621     margin-left: 1.1em;
2622     margin-right: .5em;
2623     padding-bottom: 1em;
2624     padding-top: 1em;
2625 }
2626
2627 #browse-return-to-results {
2628     border-top-left-radius : 3px;
2629     border-top-right-radius : 3px;
2630     display: block;
2631     text-align: center;
2632 }
2633
2634 .browse-button {
2635     color: #004d99;
2636     padding: .4em .6em;
2637     display: inline-block;
2638 }
2639
2640 span.browse-button {
2641     background: #fafafa;
2642     color: #222;
2643 }
2644
2645 .browse-button:hover {
2646     background: #fafafa;
2647 }
2648
2649 .browse-label,
2650 .browse-prev-next {
2651     border: 1px solid #b9d8d9;
2652 }
2653
2654 .browse-label {
2655     border-top-left-radius : 5px;
2656     border-top-right-radius : 5px;
2657     background-color : #e8f0f6;
2658 }
2659
2660 .browse-prev-next {
2661     border-top-width: 0;
2662     border-bottom-left-radius: 5px;
2663     border-bottom-right-radius: 5px;
2664 }
2665
2666 #browse-previous {
2667     border-right : 1px solid #B9D8D9;
2668     border-bottom-left-radius: 5px;
2669     padding-right: 1em;
2670 }
2671
2672 #browse-next {
2673     border-top-width : 0;
2674     border-bottom-right-radius: 5px;
2675     float: right;
2676     padding-right: 1em;
2677 }
2678
2679 .loading-overlay {
2680     background-color: #FFF;
2681     cursor: wait;
2682     height: 100%;
2683     left: 0;
2684     opacity: .7;
2685     position: fixed;
2686     top: 0;
2687     width: 100%;
2688     z-index: 1000;
2689 }
2690 .loading-overlay div {
2691     background : transparent url(../../img/loading.gif) top left no-repeat;
2692     font-size : 175%;
2693     font-weight: bold;
2694     height: 2em;
2695     left: 50%;
2696     margin: -1em 0 0 -2.5em;
2697     padding-left : 50px;
2698     position: absolute;
2699     top: 50%;
2700     width: 15em;
2701 }
2702
2703 #merge_invoices {
2704     display: none;
2705     margin: 1em auto;
2706 }
2707
2708 #merge {
2709     margin: 0.5em 0 0 0;
2710 }
2711
2712 #merge_table tr.active td {
2713     background-color: #FFFFCC;
2714 }
2715
2716 .renewals {
2717     display:block;
2718     font-size:0.8em;
2719     padding:0.5em;
2720 }