koha-tmpl/opac-tmpl/prog/en/css/opac.css

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