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

   1 @import url("../../en/lib/yui/reset-fonts-grids.css");
   2
   3 a {
   4         font-weight : bold;
   5 }
   6
   7 a, a:visited {
   8         color : #006699;
   9 }
  10
  11 a:hover {
  12         color : #990033;
  13 }
  14
  15 body {
  16         background-color : white;
  17         text-align : left;
  18 }
  19
  20 caption {
  21         font-size : 140%;
  22         text-align : left;
  23         font-weight : bold;
  24 }
  25
  26 fieldset {
  27         border : 2px solid #EEEEEE;
  28         margin : 1em 1em 1em 0;
  29         padding : 1em;
  30 }
  31
  32 fieldset.rows {
  33 border-width : 1px;
  34 border-bottom : 1px solid black;
  35 float : left;
  36 font-size : 90%;
  37 clear : left;
  38 margin: .9em 0 0 0;
  39 padding: 0;
  40 width: 100%;
  41 }
  42
  43 fieldset.rows legend {
  44         margin-left: 1em;
  45         font-weight: bold;
  46         font-size : 110%;
  47 }
  48
  49 fieldset.rows label, fieldset.rows span.label {
  50         float: left;
  51         font-weight : bold;
  52         width: 9em;
  53         margin-right: 1em;
  54         text-align: right;
  55 }
  56
  57 fieldset.rows fieldset {
  58         border-width : 1px;
  59         margin : 0;
  60         padding : .3em;
  61 }
  62
  63 fieldset.rows ol {
  64 padding: 1em 1em 0 1em;
  65 list-style-type: none;
  66 }
  67
  68 fieldset.rows li {
  69 float : left;
  70 clear : left;
  71 padding-bottom: 1em;
  72 list-style-type: none;
  73 width: 100%;
  74 }
  75
  76 fieldset.rows.left li {
  77         padding-bottom : .4em;
  78 }
  79
  80 fieldset.rows li.radio {
  81         padding-left: 9em;
  82         width : auto;
  83 }
  84
  85 fieldset.rows li.radio label {
  86         float : none;
  87         width : auto;
  88         margin : 0 0 0 1em;
  89 }
  90
  91 fieldset.rows ol.radio label {
  92         width : auto;
  93         float : none;
  94         margin-right : 0;
  95 }
  96
  97 fieldset.rows ol.radio label.radio {
  98         float : left;
  99         width : 12em;
 100         margin-right : 1em;
 101 }
 102
 103 fieldset.rows table {
 104         clear : both;
 105         margin-left : 1em;
 106 }
 107
 108 fieldset.rows td label {
 109         float : none;
 110         font-weight : normal;
 111         width : auto;
 112 }
 113
 114 fieldset.action {
 115         clear : both;
 116         float : none;
 117         border : none;
 118         margin : 0;
 119         padding : 1em 0 .3em 0;
 120         width : auto;
 121 }
 122
 123 form {
 124         display : inline;
 125         margin : 0;
 126         padding : 0;
 127 }
 128
 129 h1 {
 130         font-size : 138.5%;
 131 }
 132
 133 h1#libraryname {
 134         font-size : 50%
 135         font-weight : normal;
 136         margin : .2em 0 .2em .5em;
 137 }
 138
 139 h1#library {
 140         font-size : 100%
 141         font-weight : normal;
 142         margin : .2em 0 .2em .5em;
 143 }
 144
 145 h1#libraryname a {
 146         text-decoration : none;
 147         color : #006699;
 148 }
 149
 150 h1#libraryname a:hover {
 151         color : #000066;
 152 }
 153
 154 h1,h2,h3,h4,h5,h6 {
 155         font-weight : bold;
 156         margin : .5em 0;
 157 }
 158
 159 h2 {
 160         font-size : 131%;
 161 }
 162
 163 h2.author {
 164         text-indent : .5em;
 165 }
 166
 167 h3 {
 168         font-size : 123.1%;
 169 }
 170
 171 h4 {
 172         font-size : 116%;
 173 }
 174
 175 h5 {
 176         font-size : 108%;
 177 }
 178
 179 h6 {
 180         font-size : 100%;
 181 }
 182
 183 input[type=submit], input[type=button], input[type=reset] {
 184         background-color : #6BA037;
 185         border:1px outset #666666;
 186         color : #FFFFFF;
 187         font-size : 93%;
 188         font-weight : bold;
 189         padding : 2px;
 190 }
 191
 192 input[type=submit]:active, input[type=button], input[type=reset] {
 193         border: 1px inset #666666;
 194 }
 195
 196 p.searchresults {
 197         background-color : #EFF1DC;
 198 }
 199
 200 table {
 201         border-collapse : collapse;
 202         margin : 1em 0;
 203         border-right : 1px solid #dddddd;
 204         border-top : 1px solid #dddddd;
 205 }
 206
 207 td,th {
 208         border-left : 1px solid #dddddd;
 209         border-bottom : 1px solid #dddddd;
 210         padding : 3px 5px;
 211 }
 212
 213 th {
 214         background-color:#EFF1DC;
 215         font-weight : bold;
 216         padding : 2px 4px;
 217 }
 218
 219 th.sum {
 220         text-align: right;
 221 }
 222
 223 td.sum {
 224         background-color: #FFC;
 225         font-weight: bold;
 226 }
 227
 228 th[scope=row] {
 229         text-align : right;
 230 }
 231
 232 tr.highlight td, tr.highlight th {
 233         background-color : #F3F3F3;
 234         border : 1px solid #DDDDDD;
 235         border-right : 1px solid #DDDDDD;
 236 }
 237
 238 ul {
 239         list-style : disc;
 240         padding-left : 1em;
 241 }
 242
 243 li {
 244         list-style : disc;
 245 }
 246
 247 p.availability {
 248         font-size : 87%;
 249 }
 250
 251 .available {
 252         color : #006600;
 253 }
 254
 255 .inwait {
 256         background-color : #33CC99;
 257 }
 258
 259 /* css styles for reserves color alerts */
 260 .onloan {
 261         background-color : #FFED3D;
 262 }
 263
 264 .other {
 265         background-color : #FF0000;
 266 }
 267
 268 /* "problem" enhancement */
 269 .problem {
 270         color : white;
 271         background-color : red;
 272 }
 273
 274 .reserved {
 275         background-color : #8EBAFF;
 276 }
 277
 278 /* style for search terms in catalogsearch */
 279 .term {
 280         background-color : #ffffe0;
 281         color : #990033;
 282 }
 283
 284 a .term {
 285         text-decoration : underline;
 286 }
 287
 288 .transfered {
 289         background-color : #F9FF9A;
 290 }
 291
 292 /* action buttons */
 293 #action {
 294         margin-top : .5em;
 295 }
 296
 297 #action li {
 298         list-style : none;
 299 }
 300
 301 #action a {
 302         background-color : #F3F3F3;
 303         border : 1px solid #E8E8E8;
 304         display : block;
 305         margin : .2em;
 306         padding : .5em;
 307         text-decoration : none;
 308 }
 309
 310 /* the itemtype list in advanced search */
 311 #advsearch-itemtype table {
 312         border-collapse : separate;
 313         border-spacing : 3px;
 314         border : 0px;
 315         margin : 0px;
 316         background-color : white;
 317         border : 0px solid #D8DEB8;
 318 }
 319
 320 #advsearch-itemtype table tr td {
 321         background-color : #F8F8EB;
 322         border : 0px;
 323         margin : 0px;
 324         width : 700px;
 325 }
 326
 327 #advsearch-itemtype td {
 328         font-size : 0.8em;
 329         background-color : #F8F8EB;
 330 }
 331
 332 #auth {
 333         float : left;
 334 }
 335
 336 #facets {
 337
 338 }
 339
 340 /* the footer */
 341 #footer {
 342         margin-top : 30px;
 343         margin-left : 30%;
 344         margin-right : 20%;
 345         border-top : 1px solid #384b73;
 346         color : #384b73;
 347         font-size : 1em;
 348         text-align : center;
 349 }
 350
 351 /* facets bloc */
 352 /* the USER information block */
 353 #librarian_information {
 354         float : right;
 355         font-size : 10pt;
 356 }
 357
 358 #members {
 359         font-size : .75em;
 360         font-weight : bold;
 361         padding : 4px 0 4px 0;
 362         background-image : url(../../images/member-menu-background.gif);
 363         background-repeat : repeat-x;
 364         border-top : 1px solid #9999CC;
 365         border-bottom : 1px solid #9999CC;
 366         background-color : #AFBCCF;
 367         color : #000066;
 368 }
 369
 370 #members a {
 371         text-decoration : none;
 372 }
 373
 374 #members a.card {
 375         background-image : url(../../images/card.gif);
 376         background-position : left;
 377         background-repeat : no-repeat;
 378         display : block;
 379         padding-left : 39px;
 380 }
 381
 382 #members a.logout {
 383         font-weight : bold;
 384         padding : 0 .3em 0 .3em;
 385         text-decoration : none;
 386 }
 387
 388 #members a.logout:link, #members a.logout:visited, #members a.logout:hover, #members a.logout:active {
 389         background-image : url(../../images/member-menu-background-logout.gif);
 390         background-repeat : repeat-x;
 391         color : #000000;
 392 }
 393
 394 #members a:hover.logout {
 395         background-image : url(../../images/member-menu-background-logout-hover.gif);
 396         background-repeat : repeat-x;
 397         color : #000000;
 398 }
 399
 400 #members li {
 401         display : inline;
 402         list-style : none;
 403         margin : 0;
 404 }
 405
 406 #members ul {
 407         margin : 0;
 408         padding : 0;
 409         text-align : right;
 410 }
 411
 412 #members ul li a:link, #members ul li a:visited, #members span.members {
 413         background-image : url(../../images/member-menu-background-link.gif);
 414         background-repeat : repeat-x;
 415         border-left : 1px solid #9999CC;
 416         color : #006699;
 417 }
 418
 419 #members ul li a:link, #members ul li a:visited, #members ul li a:hover, #members ul li a:active, #members span.members {
 420         padding : 4px;
 421 }
 422
 423 #members ul li a:hover {
 424 }
 425
 426 #members ul li a:hover, #members ul li a:active {
 427         background-image : url(../../images/member-menu-background-hover.gif);
 428         background-repeat : repeat-x;
 429 }
 430
 431 #members ul li:last-child {
 432 }
 433
 434 #members ul li:last-child a {
 435         border-right : 1px solid #9999CC;
 436 }
 437
 438 #opac-main-search {
 439         background-image : url( ../../images/menu-background.gif);
 440         background-repeat : repeat-x;
 441         background-color : #6699CC;
 442         border-top : 1px solid #335599;
 443         border-bottom : 1px solid #335599;
 444         padding : .7em 0 .4em .5em;
 445         color : #FFFFCC;
 446         font-size : 108%;
 447         line-height : 116%;
 448 }
 449
 450 #opac-main-search a, #opac-main-search a, #opac-main-search a:visited {
 451         color : #FFFFCC;
 452 }
 453
 454 #opac-main-search a:hover {
 455         color : #FFFFFF;
 456 }
 457
 458 #opac-main-search form {
 459         display : inline;
 460         padding-right : 1em;
 461 }
 462
 463 #opac-main-search label {
 464         font-weight : bold;
 465 }
 466
 467 /***********************************************************/
 468 /* the user menu, for user option (and biblio detail view) */
 469 /***********************************************************/
 470
 471 .suggestion {
 472         background-color : #EEEEEB;
 473         border : 1px solid #DDDED3;
 474         margin : 10px auto;
 475         padding : 4px;
 476         width : 35%;
 477 }
 478
 479 #facets ul {
 480         margin : 0;
 481         padding : 0;
 482 }
 483
 484 #facets ul li {
 485         font-weight : bold;
 486         text-align : left;
 487         list-style : none;
 488 }
 489
 490 #facets ul ul li {
 491         border : 0;
 492         font-size : 85%;
 493         font-weight : normal;
 494         padding : 2px;
 495         text-align : left;
 496 }
 497
 498 #facets ul ul li a {
 499         font-weight : normal;
 500         text-decoration : underline;
 501 }
 502
 503 #facets h4 {
 504         font-size : 93%;
 505         padding:3px;
 506         text-align:center;
 507         background-color:#E7E7CA;
 508         line-height:1.8em;
 509         margin-left:-1px;
 510         margin-right:-1px;
 511         margin-top:-1px;
 512 }
 513
 514 #breadcrumbs {
 515         padding : .7em;
 516 }
 517
 518 strong {
 519         font-weight : bold;
 520 }
 521
 522 em {
 523         font-style : italic;
 524 }
 525
 526 #catalogue_detail_biblio p span.label {
 527         font-weight : bold;
 528 }
 529
 530 #catalogue_detail_biblio p {
 531         padding-bottom: .6em;
 532 }
 533
 534 .toptabs {
 535         margin-top : 1em;
 536 }
 537
 538 .toptabs .tabs-nav a, .toptabs .tabs-nav span.a {
 539     top: 0;
 540  }
 541
 542 .toptabs .tabs-nav li {
 543         margin-right : .5em;
 544 }
 545
 546 .toptabs .tabs-nav li a, .toptabs .tabs-nav li span.a {
 547         background-color : #F3F3F3;
 548         border-top : 1px solid #E8E8E8;
 549         border-left : 1px solid #E8E8E8;
 550         border-right : 1px solid #E8E8E8;
 551         border-bottom : 0;
 552         text-align : center;
 553         text-decoration : none;
 554 }
 555
 556 .toptabs .tabs-nav li.tabs-selected  {
 557         background-color : #FFF;
 558 }
 559
 560 .toptabs .tabs-nav li.tabs-selected a, .toptabs .tabs-nav li.tabs-selected span.a {
 561         background-color : #FFF;
 562         border-top : 1px solid #E8E8E8;
 563         border-left : 1px solid #E8E8E8;
 564         border-right : 1px solid #E8E8E8;
 565         border-bottom : 1px solid #FFF;
 566         margin-bottom : -5px;
 567         padding-bottom : 5px;
 568         text-align : center;
 569 }
 570
 571 .toptabs.numbered .tabs-nav li {
 572         min-width : 3em;
 573 }
 574
 575 .toptabs .tabs-container {
 576         border : 1px solid #E8E8E8;
 577         padding : 1em;
 578 }
 579
 580 .tabs-container {
 581     border-top: 0;
 582     padding : inherit;
 583     background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
 584 }
 585
 586 #bookcover {
 587         float : left;
 588         margin : 0;
 589         padding : 0;
 590 }
 591
 592 #bookcover img {
 593         margin : 0 1em 1em 0;
 594 }
 595
 596 fieldset.brief {
 597         border : 1px solid #E8E8E8;
 598 }
 599
 600 fieldset.brief legend {
 601         font-weight : bold;
 602         font-size : 100%;
 603 }
 604
 605 fieldset.brief label {
 606         display : block;
 607         font-weight : bold;
 608         padding : .3em 0;
 609 }
 610
 611 fieldset.brief ol, fieldset.brief li {
 612         list-style-type : none;
 613 }
 614
 615 fieldset.brief div.hint, fieldset.rows div.hint {
 616         color : #666666;
 617         font-size : 100%;
 618         margin : .4em;
 619 }
 620
 621 #menu {
 622         margin-top: 1em;
 623 }
 624
 625 h2 span.hint {
 626         font-size: 76%;
 627         font-weight : normal;
 628 }
 629 .thumbnail {
 630         border : 0;
 631         float : left;
 632         margin : 0pt 5px 5px 0pt;
 633 }
 634 a.cancel {
 635         padding-left : 1em;
 636 }
 637
 638 #usermenu {
 639         margin-top : 1em;
 640 }
 641
 642 #toolbar ul {
 643         margin : 1em 0 0 0;
 644         padding : 0;
 645 }
 646
 647 #toolbar ul li {
 648         display : inline;
 649         list-style : none;
 650 }
 651
 652 #toolbar ul li a {
 653         border : 1px solid #afbccf;
 654         padding : .3em;
 655         text-decoration : none;
 656         margin-right : .1em;
 657 }
 658
 659 .searchresults input, .searchresults label, .searchresults select {
 660         font-size: 90%;
 661 }
 662
 663 .searchresults label {
 664         float : right;
 665         margin-top : 5px;
 666 }
 667
 668 .searchresults p {
 669         margin: 0;
 670         padding: 0;
 671         padding-top : .6em;
 672 }
 673
 674 .searchresults p img {
 675         vertical-align: middle;
 676 }
 677
 678 .searchresults table td {
 679         vertical-align: top;
 680 }
 681
 682 p.searchresults {
 683         background-color : #EFF1DC;
 684         margin-top : -5px;
 685         vertical-align : middle;
 686         padding : 3px 3px 5px 5px;
 687 }
 688
 689 .searchresults table {
 690         margin : 0;
 691 }
 692
 693 .searchresults td, .searchresults th, .searchresults table {
 694         border: 0;
 695 }
 696
 697 .searchresults tr {
 698         border-bottom : 1px solid #CCCCCC;
 699 }
 700
 701 .searchresults tr:first-child {
 702         border : 0;
 703 }
 704
 705 .searchresults table {
 706         border-top : 0px solid #CCCCCC;
 707 }
 708
 709 .searchresults a.reserve, .searchresults a.reserve:visited {
 710         background-position:left top;
 711         background-repeat:no-repeat;
 712         float:right;
 713         padding:2px 3px 2px 26px;
 714 }
 715
 716 .searchresults a.reserve {
 717         background-color:transparent;
 718         color:#006699;
 719 }
 720
 721 input.reserve, a.reserve {
 722         background-image:url(../../images/placereserve.gif);
 723 }
 724
 725 a.reserve {
 726         background-color:#006699;
 727         color:White;
 728 }
 729 .unavailable {
 730         color: #990033;
 731 }
 732
 733 #libraryname {
 734         float : left;
 735         line-height : 2em;
 736 }
 737
 738 #corner {
 739         float : right;
 740         line-height : 2em;
 741 }
 742
 743 #corner a.cart {
 744         background-image : url(../../images/cart-small.gif);
 745         background-position: left;
 746         background-repeat : no-repeat;
 747         padding: 0 15px;
 748         text-decoration: none;
 749 }
 750
 751 .pages {
 752         line-height : 1.8em;
 753         text-align: center;
 754 }
 755 a:link.current {
 756         background-color: transparent;
 757         color: #3366CC;
 758         font-weight: bold;
 759         padding: 1px 5px 1px 5px;
 760         text-decoration: none;
 761 }
 762 a:visited.current {
 763         background-color: transparent;
 764         color: #3366CC;
 765         font-weight: bold;
 766         padding: 1px 5px 1px 5px;
 767         text-decoration: none;
 768 }
 769
 770 a:hover.current {
 771         background-color: #CCFF00;
 772         color: #CC3333;
 773         font-weight: bold;
 774         padding: 1px 5px 1px 5px;
 775         text-decoration: none;
 776 }
 777
 778 a:active.current {
 779         background-color: #99CC00;
 780         color: #FFFF99;
 781         font-weight: bold;
 782         padding: 1px 5px 1px 5px;
 783         text-decoration: none;
 784 }
 785
 786 .current {
 787         background-color: #FFFFFF;
 788         color: #3366CC;
 789         font-weight: bold;
 790         padding: 1px 5px 1px 5px;
 791         text-decoration: none;
 792 }
 793
 794 a:link.nav {
 795         background-color: #EFF1DC;
 796         border: 1px solid #CCCC99;
 797         color: #3366CC;
 798         font-weight: bold;
 799         padding: 1px 5px 1px 5px;
 800         text-decoration: none;
 801 }
 802
 803 a:visited.nav {
 804         background-color: #EFF1DC;
 805         border: 1px solid #CCCC99;
 806         color: #3366CC;
 807         font-weight: bold;
 808         padding: 1px 5px 1px 5px;
 809         text-decoration: none;
 810 }
 811
 812 a:hover.nav {
 813         background-color: #FFFFCC;
 814         border: 1px solid #CCCC99;
 815         color: #CC3333;
 816         font-weight: bold;
 817         padding: 1px 5px 1px 5px;
 818         text-decoration: none;
 819 }
 820
 821 a:active.nav {
 822         background-color: #FFFFCC;
 823         border: 1px solid #CCCC99;
 824         color: #D25500;
 825         font-weight: bold;
 826         padding: 1px 5px 1px 5px;
 827         text-decoration: none;
 828 }
 829
 830 input.icon {
 831         background-position: left;
 832         background-repeat: no-repeat;
 833         font-size : 96%;
 834         font-weight: bold;
 835         padding: 2px 2px 2px 22px;
 836         background-color: #6699CC;
 837         border: 1px outset #666666;
 838         color: #FFFFCC;
 839 }
 840
 841 input.shelf, a.shelf {
 842         background-image: url(../../images/addtobasket.gif);
 843 }
 844
 845 input.clearall, a.clearall {
 846         background-image: url(../../images/clearbasket.gif);
 847 }
 848
 849 /* Tabs */
 850 ul.link-tabs {
 851         list-style-type: none;
 852         margin: 9px 0 -2px 5px;
 853         padding: 0;
 854 }
 855
 856 ul.link-tabs li {
 857         display: inline;
 858         padding: 0px;
 859 }
 860
 861 ul.link-tabs li a {
 862         font-weight: bold;
 863         padding: 2px 4px 2px 4px;
 864         text-decoration: none;
 865         border-top: 1px solid #DDDDDD;
 866         border-left : 1px solid #DDDDDD;
 867         border-right : 1px solid #666666;
 868 }
 869
 870 ul.link-tabs li#power_formButton a, ul.link-tabs li#proximity_formButton a {
 871         padding: 2px 4px 3px 4px;
 872 }
 873
 874 ul.link-tabs li.off a {
 875         background-color: #EEEEEB;
 876         border-bottom: 1px solid #DDDDDD;
 877 }
 878
 879 ul.link-tabs li.off a:hover {
 880         padding: 2px 3px 2px 4px;
 881         background-color: #FFFFEC;
 882         border-top: 1px solid #BEBF84;
 883         border-left : 1px solid #BEBF84;
 884         border-right : 2px solid #333333;
 885 }
 886
 887 ul.link-tabs li.on a {
 888         background-color: #FFFFFF;
 889         border-bottom: 1px solid #FFFFFF;
 890 }
 891
 892 ul.link-tabs li a.debit {
 893         background-color : #FFFF99;
 894         color : #990033;
 895 }
 896
 897 div.tab-container {
 898         border : 1px solid #DDDDDD;
 899         margin-top : 4px;
 900         padding : .7em;
 901         width : 90%;
 902 }
 903
 904 #catalogue_detail_biblio table, #catalogue_detail_biblio td, #catalogue_detail_biblio th {
 905         background-color : transparent;
 906         border : 0;
 907 }
 908
 909 tr.overdue td {
 910         background-color : #ffcccc;
 911         font-weight : bold;
 912 }
 913
 914 tr.highlight.overdue td {
 915         background-color : #ffaeae;
 916         font-weight : bold;
 917 }
 918
 919 td.overdue {
 920         color : #cc3333;
 921 }
 922
 923 .renewals {
 924         display:block;
 925         font-size:0.8em;
 926         padding:0.5em;
 927 }
 928
 929 h1#libraryname {
 930         border: 0;
 931         margin:0;
 932         padding:0;
 933         width:120px;
 934 }
 935 h1#libraryname {
 936         background:transparent url(../../images/koha-logo.gif) no-repeat scroll 0%;
 937         border: 0;
 938         padding:0;
 939 }
 940
 941 h1#libraryname a {
 942         border:0;
 943         cursor:pointer;
 944         display:block;
 945         height:0px !important;
 946         margin:0;
 947         overflow:hidden;
 948         padding:40px 0 0;
 949         text-decoration:none;
 950         width:120px;
 951 }
 952
 953 table#marc, table#marc td, table#marc th {
 954         border : 0;
 955 }
 956
 957 table#marc th {
 958         background-color : transparent;
 959 }
 960
 961 table#marc td:first-child {
 962         text-indent : 2em;
 963 }
 964 #masthead {
 965 float: left;
 966 width: 120px;
 967 }
 968
 969 #fluid {
 970 float: right;
 971 width: 100%;
 972 margin-left: -120px;
 973 }
 974
 975 #fluid-offset {
 976 margin-left: 119px;
 977 margin-top : .4em;
 978 }
 979
 980 #fluid-content-1 {
 981 margin : .3em -1px 0 2%;
 982 display: inline /* fix IE6 */;
 983 line-height : 40px;
 984 }
 985
 986 .clearfix:after {
 987     content: ".";
 988     display: block;
 989     height: 0;
 990     clear: both;
 991     visibility: hidden;
 992 }
 993
 994 /* Hides from IE-mac \*/
 995 * html .clearfix {height: 1%;}
 996 /* End hide from IE-mac */
 997
 998 .searchhighlightblob {
 999     font-size:75%;
1000         font-style : italic;
1001 }
1002
1003
1004 .dialog {
1005   border: 1px solid #bcbcbc;
1006         padding : .5em;
1007         margin : 1em auto;
1008   width: 65%;
1009   }
1010
1011 .dialog  h2, .dialog h3, .dialog h4 {
1012         margin : auto;
1013         text-align : center;
1014   }
1015
1016 div.alert {
1017   background : #FFC url(../../images/alert-bg.gif) repeat-x left 0;
1018   text-align : center;
1019 }
1020
1021 div.alert strong {
1022         color : #900;
1023 }
1024
1025 div.message {
1026         background : white url("../../images/message-bg.gif") repeat-x left 0;
1027    border : 1px solid #bcbcbc;
1028         width : 55%;
1029 }