gosa-core/html/themes/default/style.css

   1 body {
   2 margin-left:0;
   3 margin-right:0;
   4 margin-top:0;
   5 margin-bottom:0;
   6 background-color:#FFF;
   7 color:#00008F;
   8 font-family:arial,helvetica,sans-serif;
   9 font-size:12px;
  10 }
  11
  12 h1 {
  13 font-size:14px;
  14 color:#00378a;
  15 }
  16
  17 h2,h3,h4,h5,h6 {
  18 font-size:13px;
  19 color:#00378a;
  20 }
  21
  22 td,p,b {
  23 font-size:12px;
  24 }
  25
  26 tr.rowxp {
  27 }
  28
  29 tr.rowxp:hover {
  30 background-color:#D8D8D8;
  31 }
  32
  33 td.listheader {
  34 background:#F0F0F0;
  35 font-weight:bold;
  36 border-right:1px solid #AAA;
  37 border-bottom:1px solid #AAA;
  38 padding:3px;
  39 height:22px;
  40 }
  41
  42 td#menucell {
  43 border:1px solid #AAA;
  44 }
  45
  46 td.listfooter {
  47 background:#E5E5E5;
  48 border-top:1px solid silver;
  49 padding:3px;
  50 height:16px;
  51 }
  52
  53 td.scrollhead {
  54 vertical-align:top;
  55 padding:0;
  56 }
  57
  58 td.scrollbody {
  59 vertical-align:top;
  60 padding:0;
  61 }
  62
  63 div.scrollbody {
  64 background-color:#FFF;
  65 overflow:auto;
  66 text-align:left;
  67 }
  68
  69 tr.rowxp0 {
  70 background:#FFF;
  71 }
  72
  73 tr.rowxp0:hover {
  74 background-color:#D8D8D8;
  75 }
  76
  77 td.list0 {
  78 background:transparent;
  79 border-right:1px solid #B0B0B0;
  80 padding:3px;
  81 height:22px;
  82 }
  83
  84 td.list0#icon {
  85 width:20px;
  86 text-align:center;
  87 }
  88
  89 td.list0#entry {
  90 }
  91
  92 td.list0#info {
  93 width:200px;
  94 }
  95
  96 td.list0#property {
  97 width:50px;
  98 }
  99
 100 td.list0#properties7 {
 101 width:136px;
 102 }
 103
 104 td.list0#properties8 {
 105 width:152px;
 106 }
 107
 108 td.list0#properties9 {
 109 width:168px;
 110 }
 111
 112 td.list0#properties10 {
 113 width:186px;
 114 }
 115
 116 td.list0#actions {
 117 width:52px;
 118 border-right:0;
 119 text-align:right;
 120 }
 121
 122 tr.rowxp1 {
 123 background:#F0F0F0;
 124 }
 125
 126 tr.rowxp1:hover {
 127 background-color:#D8D8D8;
 128 }
 129
 130 td.list1 {
 131 background:transparent;
 132 border-right:1px solid silver;
 133 padding:3px;
 134 height:22px;
 135 }
 136
 137 td.list1nohighlight {
 138 background:#FFF;
 139 border-right:1px solid silver;
 140 padding:3px;
 141 height:22px;
 142 }
 143
 144 td.list1nohighlightdisabled {
 145 background-color:#DFDBD7;
 146 border-right:1px solid silver;
 147 padding:3px;
 148 height:22px;
 149 }
 150
 151 td.list1#fill {
 152 height:100%;
 153 }
 154
 155 td.list1#icon {
 156 width:0;
 157 text-align:center;
 158 }
 159
 160 td.list1#entry {
 161 }
 162
 163 td.list1#info {
 164 width:200px;
 165 }
 166
 167 td.list1#property {
 168 width:50px;
 169 }
 170
 171 td.list1#properties7 {
 172 width:136px;
 173 }
 174
 175 td.list1#properties8 {
 176 width:152px;
 177 }
 178
 179 td.list1#properties9 {
 180 width:168px;
 181 }
 182
 183 td.list1#properties10 {
 184 width:186px;
 185 }
 186
 187 td.list1#actions {
 188 width:52px;
 189 border-right:0;
 190 text-align:right;
 191 }
 192
 193 /* Title bar */
 194 a.maintitlebar,div.maintitlebar {
 195 font-family:arial,helvetica,sans-serif;
 196 text-decoration:none;
 197 color:#00348B;
 198 font-size:12px;
 199 text-align:center;
 200 vertical-align:middle;
 201 cursor:pointer;
 202 }
 203
 204 a.maintitlebar:hover {
 205 text-decoration:none;
 206 background-color:#B0D3A0;
 207 cursor:pointer;
 208 }
 209
 210 p.menuheader {
 211 font-family:arial,helvetica,sans-serif;
 212 color:#00008F;
 213 text-decoration:none;
 214 border-bottom:1px solid #AAA;
 215 font-weight:bold;
 216 background-color:#F0F0F0;
 217 font-size:12px;
 218 text-align:center;
 219 vertical-align:middle;
 220 padding:5px;
 221 margin-top:0;
 222 margin-bottom:3px;
 223 }
 224
 225 p.menuitem {
 226 font-family:arial,helvetica,sans-serif;
 227 color:#00008F;
 228 text-decoration:none;
 229 font-weight:normal;
 230 font-size:12px;
 231 text-align:left;
 232 cursor:pointer;
 233 padding-left:15px;
 234 padding-top:2px;
 235 padding-bottom:2px;
 236 vertical-align:middle;
 237 margin:2px;
 238 background-color:#FFF;
 239 padding-right:5px;
 240 }
 241
 242 p.menuitem:hover {
 243 background-color:#F0F0F0;
 244 cursor:pointer;
 245 }
 246
 247 table.menuitem {
 248 width:100%;
 249 margin-top:10px;
 250 margin-bottom:10px;
 251 margin-right:10px;
 252 background-color:#f0f0f0;
 253 }
 254
 255 table.menuitem:hover {
 256 background-color:#F0F0F0;
 257 cursor:pointer;
 258 }
 259
 260 td.phonelist:hover {
 261 background-color:#d2d2d2;
 262 }
 263
 264 td.phonelist {
 265 border-right:1px solid #B0B0B0;
 266 }
 267
 268 h1.menuheader {
 269 border-style:solid;
 270 border-color:#AAA;
 271 width:100%;
 272 border-top-width:1px;
 273 border-bottom-width:0;
 274 border-left-width:0;
 275 border-right-width:0;
 276 padding-top:10px;
 277 padding-bottom:0;
 278 }
 279
 280 div.copynotice {
 281 border-style:solid;
 282 border-color:#AAA;
 283 width:100%;
 284 border-top-width:1px;
 285 border-bottom-width:0;
 286 border-left-width:0;
 287 border-right-width:0;
 288 padding-top:3px;
 289 padding-bottom:0;
 290 text-align:right;
 291 font-family:arial,helvetica,sans-serif;
 292 font-size:10px;
 293 }
 294
 295 a:link {
 296 text-decoration:none;
 297 color:#00008f;
 298 }
 299
 300 a:visited {
 301 text-decoration:none;
 302 color:#00008f;
 303 }
 304
 305 a.menuitem:link {
 306 text-decoration:none;
 307 color:#00008f;
 308 }
 309
 310 a.menuitem:visited {
 311 text-decoration:none;
 312 color:#00008f;
 313 }
 314
 315 a.menuitem:hover {
 316 text-decoration:none;
 317 }
 318
 319 td.iconmenu {
 320 cursor:pointer;
 321 }
 322
 323 a.iconmenu:link {
 324 text-decoration:none;
 325 color:#00008f;
 326 }
 327
 328 td.iconmenu:hover {
 329 background-color:#F0F0F0;
 330 }
 331
 332 a.iconmenu:visited {
 333 text-decoration:none;
 334 color:#00008f;
 335 }
 336
 337 a.iconmenu:hover {
 338 text-decoration:none;
 339 }
 340
 341 h1.plugtop {
 342 width:100%;
 343 padding-bottom:6px;
 344 text-align:left;
 345 font-family:arial,helvetica,sans-serif;
 346 font-size:24px;
 347 }
 348
 349 div.plugtop {
 350 width:100%;
 351 border-bottom:1px solid #B0B0B0;
 352 padding-top:0;
 353 padding-bottom:6px;
 354 margin-bottom:0;
 355 text-align:left;
 356 vertical-align:middle;
 357 background-color:#F0F0F0;
 358 font-family:arial,helvetica,sans-serif;
 359 font-weight:bold;
 360 font-size:24px;
 361 }
 362
 363 div.pluginfo {
 364 border-bottom:1px solid #AAA;
 365 width:100%;
 366 padding-top:2px;
 367 padding-bottom:2px;
 368 margin-bottom:10px;
 369 text-align:right;
 370 vertical-align:middle;
 371 background-color:#F8F8F8;
 372 font-family:arial,helvetica,sans-serif;
 373 font-size:11px;
 374 }
 375
 376 p.seperator {
 377 border-style:solid;
 378 border-color:#AAA;
 379 width:100%;
 380 border-top-width:0;
 381 border-bottom-width:1px;
 382 border-left-width:0;
 383 border-right-width:0;
 384 padding-top:0;
 385 padding-bottom:0;
 386 margin-top:0;
 387 margin-bottom:0;
 388 text-align:left;
 389 }
 390
 391 p.plugbottom {
 392 border-style:solid;
 393 border-color:#a0a0a0;
 394 width:100%;
 395 border-top-width:1px;
 396 border-bottom-width:0;
 397 border-left-width:0;
 398 border-right-width:0;
 399 padding-top:10px;
 400 padding-bottom:0;
 401 text-align:right;
 402 font-family:arial,helvetica,sans-serif;
 403 }
 404
 405 font.must {
 406 color:red;
 407 font-family:arial,helvetica,sans-serif;
 408 }
 409
 410 div.tab_active {
 411 text-align:center;
 412 background-color:#f8f8f8;
 413 border-style:solid;
 414 border-color:#999;
 415 border-top-width:1px;
 416 border-bottom-width:0;
 417 border-left-width:1px;
 418 border-right-width:1px;
 419 margin-top:0;
 420 padding-top:2px;
 421 padding-bottom:8px;
 422 padding-left:8px;
 423 padding-right:8px;
 424 }
 425
 426 div#notify {
 427 background-image:url(../../images/lists/on.png);
 428 background-repeat:no-repeat;
 429 background-position:1px 1px;
 430 padding-left:18px;
 431 }
 432
 433 div.tab_left {
 434 text-align:center;
 435 background-color:#D0D0D0;
 436 border-style:solid;
 437 border-color:#999;
 438 border-top-width:1px;
 439 border-bottom-width:1px;
 440 border-left-width:1px;
 441 border-right-width:0;
 442 margin-top:5px;
 443 padding-top:1px;
 444 padding-bottom:5px;
 445 padding-left:8px;
 446 padding-right:8px;
 447 }
 448
 449 div.tab_right {
 450 text-align:center;
 451 background-color:#D0D0D0;
 452 border-style:solid;
 453 border-color:#999;
 454 border-top-width:1px;
 455 border-bottom-width:1px;
 456 border-left-width:0;
 457 border-right-width:1px;
 458 margin-top:5px;
 459 padding-top:1px;
 460 padding-left:8px;
 461 padding-right:8px;
 462 padding-bottom:5px;
 463 }
 464
 465 div.tab_near_active {
 466 text-align:center;
 467 background-color:#D0D0D0;
 468 border-style:solid;
 469 border-color:#999;
 470 border-top-width:1px;
 471 border-bottom-width:1px;
 472 border-left-width:1px;
 473 border-right-width:1px;
 474 margin-top:5px;
 475 padding-top:1px;
 476 padding-left:8px;
 477 padding-right:8px;
 478 padding-bottom:5px;
 479 }
 480
 481 div.tab_border {
 482 width:100%;
 483 border-style:solid;
 484 border-color:#999;
 485 border-top-width:0;
 486 border-bottom-width:1px;
 487 border-left-width:0;
 488 border-right-width:0;
 489 }
 490
 491 a.tab_active,input.tab_active {
 492 border:0;
 493 margin:0;
 494 height:22px;
 495 font-family:arial,helvetica,sans-serif;
 496 text-decoration:none;
 497 color:#00008F;
 498 font-size:13px;
 499 font-weight:bold;
 500 }
 501
 502 a.tab_right,input.tab_right {
 503 height:20px;
 504 border:0;
 505 margin:0;
 506 font-family:arial,helvetica,sans-serif;
 507 text-decoration:none;
 508 color:#00008F;
 509 font-size:13px;
 510 font-weight:bold;
 511 }
 512
 513 a.tab_left,input.tab_left {
 514 height:20px;
 515 border:0;
 516 margin:0;
 517 font-family:arial,helvetica,sans-serif;
 518 text-decoration:none;
 519 color:#00008F;
 520 font-size:13px;
 521 font-weight:bold;
 522 }
 523
 524 a.tab_near_active,input.tab_near_active {
 525 height:20px;
 526 border:0;
 527 margin:0;
 528 font-family:arial,helvetica,sans-serif;
 529 background-color:#D0D0D0;
 530 text-decoration:none;
 531 color:#00008F;
 532 font-size:13px;
 533 font-weight:bold;
 534 }
 535
 536 img.center {
 537 text-align:center;
 538 vertical-align:middle;
 539 }
 540
 541 input.center {
 542 text-align:left;
 543 vertical-align:middle;
 544 }
 545
 546 select.center {
 547 text-align:left;
 548 vertical-align:middle;
 549 }
 550
 551 a.center {
 552 text-align:left;
 553 vertical-align:middle;
 554 }
 555
 556 /********************** Template migration *********************/
 557 /* Login screen */
 558 div.gosaLoginSpacer {
 559 height:100px;
 560 }
 561
 562 table.gosaLoginMask {
 563 background-color:#8b898b;
 564 text-align:center;
 565 border:0;
 566 }
 567
 568 td.gosaLoginBack {
 569 width:606px;
 570 height:406px;
 571 background:url(images/login.png);
 572 vertical-align:top;
 573 }
 574
 575 div.gosaLoginBack {
 576 padding-top:35px;
 577 margin-left:100px;
 578 margin-right:50px;
 579 padding-bottom:0;
 580 vertical-align:top;
 581 }
 582
 583 p.gosaLoginHeader {
 584 text-align:center;
 585 font-size:14px;
 586 font-weight:bold;
 587 margin-bottom:15px;
 588 }
 589
 590 p.gosaLoginWarning {
 591 text-align:center;
 592 color:red;
 593 font-weight:bold;
 594 font-size:12px;
 595 }
 596
 597 /* Account Expired screen */
 598 td.gosaAccountExpiredBack {
 599 width:550px;
 600 height:300px;
 601 background:url(images/accountexpired.png);
 602 vertical-align:top;
 603 }
 604
 605 div.gosaAccountExpiredBack {
 606 padding-top:40px;
 607 margin-left:90px;
 608 margin-right:50px;
 609 padding-bottom:0;
 610 vertical-align:top;
 611 }
 612
 613 p.gosaAccountExpiredHeader {
 614 text-align:left;
 615 font-size:14px;
 616 font-weight:bold;
 617 margin-bottom:15px;
 618 }
 619
 620 table.framework {
 621 height:100%;
 622 border:0;
 623 border-spacing:0;
 624 padding:0;
 625 margin-left:3px;
 626 vertical-align:top;
 627 }
 628
 629 table.maintab {
 630 width:100%;
 631 height:100%;
 632 border:0;
 633 border-spacing:0;
 634 padding:0;
 635 margin:0;
 636 background-color:#A9FBA6;
 637 vertical-align:top;
 638 }
 639
 640 input {
 641 font-size:12px;
 642 }
 643
 644 input[type=text] {
 645 border:1px solid #AAA;
 646 padding:2px;
 647 }
 648
 649 input[type=text]:focus,input[type=password]:focus {
 650 border:1px solid #333;
 651 }
 652
 653 input[type=password] {
 654 border:1px solid #AAA;
 655 padding:2px;
 656 }
 657
 658 input:focus {
 659 font-size:12px;
 660 }
 661
 662 select {
 663 font-size:12px;
 664 }
 665
 666 textarea {
 667 border:1px solid #AAA;
 668 font-size:12px;
 669 }
 670
 671 textarea:focus {
 672 font-size:12px;
 673 }
 674
 675 div.contentboxh {
 676 background-color:#F0F0F0;
 677 border:1px solid #AAA;
 678 border-bottom-width:0;
 679 height:26px;
 680 vertical-align:middle;
 681 width:100%;
 682 }
 683
 684 p.contentboxh {
 685 margin:2px;
 686 font-family:arial,helvetica,sans-serif;
 687 font-size:16px;
 688 font-weight:bold;
 689 vertical-align:middle;
 690 }
 691
 692 div.contentboxb {
 693 border:1px solid #b0b0b0;
 694 border-top-width:0;
 695 vertical-align:middle;
 696 width:100%;
 697 }
 698
 699 p.contentboxb {
 700 padding-bottom:0;
 701 margin:0;
 702 border:4px solid #f8f8f8;
 703 vertical-align:middle;
 704 }
 705
 706 a.alphaselect:hover {
 707 text-decoration:none;
 708 background-color:#a0a0a0;
 709 color:#FFF;
 710 }
 711
 712 table.check {
 713 background-color:#e1e1f1;
 714 color:#000;
 715 border:1px solid #AAA;
 716 width:95%;
 717 margin-left:20px;
 718 }
 719
 720 td.check {
 721 border-right:1px solid #AAA;
 722 }
 723
 724 option.select {
 725 background-repeat:no-repeat;
 726 background-position:0 top;
 727 border:0;
 728 padding-left:20px;
 729 padding-bottom:1px;
 730 height:18px;
 731 }
 732
 733 input.menubar {
 734 text-decoration:none;
 735 height:19px;
 736 padding:0;
 737 width:100%;
 738 }
 739
 740 td.tbhead {
 741 border-right:1px solid #B0B0B0;
 742 border-bottom:1px solid #B0B0B0;
 743 }
 744
 745 td.tbrhead {
 746 border-bottom:1px solid #B0B0B0;
 747 }
 748
 749 /*********
 750  * Setup
 751  *********/
 752 /* The body style */
 753 body.setup_body {
 754 margin-left:0;
 755 margin-right:0;
 756 margin-top:0;
 757 margin-bottom:0;
 758 color:#00008F;
 759 font-family:arial,helvetica,sans-serif;
 760 font-size:12px;
 761 background-color:#FFF;
 762 background-image:none;
 763 }
 764
 765 /* The setup complete setup dialog */
 766 div.setup_dialog {
 767 background-color:#FFF;
 768 text-align:left;
 769 }
 770
 771 /* Header col */
 772 div.setup_header {
 773 background-color:#A9FBA6;
 774 height:30px;
 775 padding:4px 5px 2px;
 776 border-bottom:1px solid #999;
 777 }
 778
 779 div.setup_menu {
 780 background-color:#F8F8F8;
 781 padding:4px 5px;
 782 border-bottom:1px solid #B0B0B0;
 783 }
 784
 785 /* Setup content header container */
 786 div.setup_plug_header_container {
 787 }
 788
 789 /* Setup content container */
 790 div.setup_contents_container {
 791 }
 792
 793 /* Setup footer */
 794 div.setup_bottom {
 795 clear:left;
 796 background-color:#DDD;
 797 border-top:solid 1px red;
 798 }
 799
 800 /* Header col */
 801 div.setup_plug_header {
 802 padding:10px;
 803 border-bottom:solid 1px #D0D0D0;
 804 background-color:#E0E0F0;
 805 border:10px solid #FFF;
 806 }
 807
 808 /* Content col */
 809 div.setup_contents {
 810 margin-right:2px;
 811 background-color:#FFF;
 812 width:80%;
 813 margin-left:20%;
 814 border:1px solid #AAA;
 815 padding:2px;
 816 }
 817
 818 /* default.*/
 819 div.default {
 820 padding:2px;
 821 vertical-align:middle;
 822 }
 823
 824 /* Navigation col */
 825 div.setup_navigation {
 826 width:19%;
 827 background-color:#FFF;
 828 padding-left:2px;
 829 padding-right:2px;
 830 border:1px solid #AAA;
 831 float:left;
 832 }
 833
 834 /* Navigation title */
 835 div.setup_navigation_title {
 836 font-size:1.2em;
 837 font-weight:bold;
 838 text-decoration:none;
 839 width:100%;
 840 padding-top:8px;
 841 padding-bottom:8px;
 842 border-top:1px solid #AAA;
 843 }
 844
 845 /* The box used for each setup step */
 846 a.navigation_element,div.navigation_element {
 847 text-decoration:none;
 848 padding-top:8px;
 849 padding-bottom:8px;
 850 border-top:1px solid #AAA;
 851 width:100%;
 852 }
 853
 854 /* The box used for each setup step */
 855 a.navigation_element_active,div.navigation_element_active {
 856 text-decoration:none;
 857 width:100%;
 858 padding-top:8px;
 859 padding-bottom:8px;
 860 border-top:1px solid #AAA;
 861 background-color:#F0F0F0;
 862 }
 863
 864 /* An enabled setup step will use this style in navigation*/
 865 div.navigation_title_active {
 866 font-size:1.2em;
 867 background-color:#F0F0F0;
 868 font-weight:bold;
 869 cursor:default;
 870 padding:3px;
 871 }
 872
 873 /* Disabled setup steps */
 874 div.navigation_title_disabled {
 875 font-size:1.2em;
 876 font-weight:bold;
 877 padding:3px;
 878 cursor:default;
 879 text-decoration:none;
 880 color:#AAA;
 881 }
 882
 883 /* Disabled setup steps */
 884 div.navigation_title_inactive {
 885 font-size:1.2em;
 886 font-weight:bold;
 887 text-decoration:none;
 888 cursor:pointer;
 889 padding:3px;
 890 }
 891
 892 /* The style for the info of an active setup */
 893 div.navigation_info {
 894 font-size:1em;
 895 color:#000;
 896 padding:4px 4px 3px 23px;
 897 margin:0;
 898 cursor:default;
 899 }
 900
 901 /*
 902         Setup step 2 styles
 903 */
 904 /* used to hide display info div */
 905 div.solution_visible {
 906 display:block;
 907 width:100%;
 908 text-align:left;
 909 }
 910
 911 /* Container headline */
 912 h2.step2_container_title {
 913 background-color:#F0F0F0;
 914 border:solid 1px #CCC;
 915 width:100%;
 916 padding:3px;
 917 }
 918
 919 /* Container for name and status */
 920 div.step2_entry_container {
 921 padding:3px;
 922 width:99%;
 923 cursor:default;
 924 }
 925
 926 /* Container for name and status, when status is failed */
 927 div.step2_entry_container_info {
 928 padding:3px;
 929 border:1px solid #AAA;
 930 width:99%;
 931 cursor:default;
 932 }
 933
 934 /* Text shown for each entry */
 935 div.step2_entry_name {
 936 float:left;
 937 padding-bottom:4px;
 938 vertical-align:middle;
 939 }
 940
 941 /* Status container */
 942 div.step2_entry_status {
 943 float:none;
 944 text-align:right;
 945 padding-bottom:4px;
 946 vertical-align:middle;
 947 }
 948
 949 /* Status failed */
 950 div.step2_failed {
 951 color:red;
 952 padding-bottom:4px;
 953 }
 954
 955 /* Status failed but not necessary for setup */
 956 div.step2_warning {
 957 color:orange;
 958 padding-bottom:4px;
 959 }
 960
 961 /* Status successful */
 962 div.step2_successful {
 963 color:green;
 964 }
 965
 966 /* Text used in info div. */
 967 div.step2_failed_text {
 968 background-repeat:no-repeat;
 969 padding-left:25px;
 970 }
 971
 972 /* Text used in info div. On warnings */
 973 div.step2_warning_text {
 974 background-repeat:no-repeat;
 975 padding-left:25px;
 976 }
 977
 978 /*
 979         Setup step 4 styles
 980 */
 981 li.step4_name,div.step4_name {
 982 float:left;
 983 width:33%;
 984 height:2em;
 985 }
 986
 987 li.step4_value,div.step4_value {
 988 float:left;
 989 width:50%;
 990 height:2em;
 991 }
 992
 993 ul.step4_container,div.step4_container {
 994 height:2em;
 995 margin-top:2px;
 996 margin-left:2px;
 997 margin-right:2px;
 998 }
 999
1000 /************************
1001  * Sieve
1002  *  The following styles are
1003  *  used to display the sieve
1004  *  management user interface
1005  ************************/
1006 /* Editing dialog styles
1007  */
1008 table.sieve_default_table {
1009 width:100%;
1010 margin:0;
1011 border-spacing:0;
1012 padding:0;
1013 }
1014
1015 /* Editing surface */
1016 table.editing_surface {
1017 width:100%;
1018 margin:0;
1019 padding:0;
1020 }
1021
1022 /* Editing surface menu */
1023 td.editing_surface_menu {
1024 background-color:#EEE;
1025 border:1px solid #BBB;
1026 padding:5px;
1027 }
1028
1029 /* Editing surface content */
1030 td.editing_surface_content {
1031 background-color:#FFF;
1032 margin:0;
1033 padding:0;
1034 }
1035
1036 /* Error message will be displayed as follows */
1037 div.sieve_error_msgs {
1038 background-color:#ff8d00;
1039 color:#000;
1040 padding:5px;
1041 background-image:url(images/warning.png);
1042 background-repeat:no-repeat;
1043 font-weight:bold;
1044 }
1045
1046 /* Source editing area */
1047 textarea.editing_source {
1048 width:100%;
1049 height:330px;
1050 }
1051
1052 /*************
1053  * Object container
1054  *************/
1055 /* The container itself */
1056 table.object_container_container {
1057 width:100%;
1058 border-spacing:0;
1059 background-color:#F8F8F8;
1060 border:solid 1px #AAA;
1061 }
1062
1063 /* Container cell top left */
1064 td.object_container_cell_top_left {
1065 background-color:#EEE;
1066 text-align:center;
1067 }
1068
1069 /* Container cell top right */
1070 td.object_container_cell_top_right {
1071 background-color:#EEE;
1072 text-align:left;
1073 padding:2px;
1074 border-bottom:solid 1px #AAA;
1075 }
1076
1077 /* Container cell bottom left */
1078 td.object_container_cell_bottom_left {
1079 width:5px;
1080 background-color:#EEE;
1081 text-align:center;
1082 border-right:solid 1px #AAA;
1083 }
1084
1085 /*************
1086  * Sieve comment
1087  *************/
1088 /* Container */
1089 table.sieve_comment_container {
1090 margin:0;
1091 padding:0;
1092 border-spacing:0;
1093 width:100%;
1094 background-color:#F8F8F8;
1095 }
1096
1097 /* Editing area */
1098 textarea.sieve_comment_area {
1099 width:100%;
1100 height:80px;
1101 }
1102
1103 /*************
1104  * Sieve require
1105  *************/
1106 /* Container */
1107 table.sieve_require_container {
1108 margin:0;
1109 padding:0;
1110 border-spacing:0;
1111 width:100%;
1112 background-color:#F8F8F8;
1113 }
1114
1115 /* Editing area */
1116 input.sieve_require_input {
1117 width:100%;
1118 border-spacing:0;
1119 }
1120
1121 /*************
1122  * Sieve fileinto
1123  *************/
1124 /* Container */
1125 table.sieve_fileinto_container {
1126 margin:0;
1127 padding:0;
1128 border-spacing:0;
1129 width:100%;
1130 background-color:#F8F8F8;
1131 }
1132
1133 /* Editing area */
1134 input.sieve_fileinto_input {
1135 width:300px;
1136 }
1137
1138 select.sieve_fileinto_input {
1139 width:300px;
1140 }
1141
1142 /*************
1143  * Sieve keep
1144  *************/
1145 /* Container */
1146 table.sieve_keep_container {
1147 margin:0;
1148 padding:0;
1149 border-spacing:0;
1150 width:100%;
1151 background-color:#F8F8F8;
1152 }
1153
1154 /* Editing area */
1155 td.sieve_keep_input {
1156 padding-left:20px;
1157 }
1158
1159 /*************
1160  * Sieve discard
1161  *************/
1162 /* Container */
1163 table.sieve_discard_container {
1164 margin:0;
1165 padding:0;
1166 border-spacing:0;
1167 width:100%;
1168 background-color:#F8F8F8;
1169 }
1170
1171 /* Editing area */
1172 td.sieve_discard_input {
1173 padding-left:20px;
1174 }
1175
1176 /*************
1177  * Sieve redirect
1178  *************/
1179 /* Container */
1180 table.sieve_redirect_container {
1181 margin:0;
1182 padding:0;
1183 border-spacing:0;
1184 width:100%;
1185 background-color:#F8F8F8;
1186 }
1187
1188 /* Editing area */
1189 td.sieve_redirect_input {
1190 padding-left:20px;
1191 }
1192
1193 textarea.sieve_redirect_input {
1194 width:100%;
1195 height:30px;
1196 }
1197
1198 /*************
1199  * Sieve reject
1200  *************/
1201 /* Container */
1202 table.sieve_reject_container {
1203 margin:0;
1204 padding:0;
1205 border-spacing:0;
1206 width:100%;
1207 background-color:#F8F8F8;
1208 }
1209
1210 /* Editing area */
1211 td.sieve_reject_input {
1212 padding-left:20px;
1213 }
1214
1215 textarea.sieve_reject_input {
1216 width:100%;
1217 height:55px;
1218 }
1219
1220 /*************
1221  * Sieve end
1222  *************/
1223 /* Container */
1224 table.sieve_stop_container {
1225 margin:0;
1226 padding:0;
1227 border-spacing:0;
1228 width:100%;
1229 background-color:#F8F8F8;
1230 }
1231
1232 /* Editing area */
1233 td.sieve_stop_input {
1234 padding-left:20px;
1235 }
1236
1237 /*************
1238  * Sieve vacation
1239  *************/
1240 /* Container */
1241 table.sieve_vacation_container {
1242 margin:0;
1243 padding:0;
1244 border-spacing:0;
1245 width:100%;
1246 background-color:#F8F8F8;
1247 }
1248
1249 /* Editing area */
1250 td.sieve_vacation_input {
1251 padding-left:20px;
1252 }
1253
1254 /* Editing area */
1255 textarea.sieve_vacation_input {
1256 width:100%;
1257 height:55px;
1258 }
1259
1260 /*************
1261  * Sieve allof
1262  *************/
1263 table.sieve_allof_container {
1264 width:100%;
1265 border-spacing:0;
1266 margin:0;
1267 padding:0;
1268 border:solid 1px #999;
1269 }
1270
1271 /* Container */
1272 td.sieve_allof_left {
1273 text-align:center;
1274 vertical-align:middle;
1275 width:35px;
1276 background-color:#CCC;
1277 border:solid 0 #EEE;
1278 }
1279
1280 /* Container */
1281 td.sieve_allof_right {
1282 background-color:#BDBDBD;
1283 }
1284
1285 /*************
1286  * Sieve anyof
1287  *************/
1288 table.sieve_anyof_container {
1289 width:100%;
1290 margin:0;
1291 border-spacing:0;
1292 padding:0;
1293 border:solid 2px #CCC;
1294 }
1295
1296 /* Container */
1297 td.sieve_anyof_left {
1298 text-align:center;
1299 vertical-align:middle;
1300 width:35px;
1301 background-color:#CCC;
1302 border:solid 0 #EEE;
1303 }
1304
1305 /* Container */
1306 td.sieve_anyof_right {
1307 background-color:#BDBDBD;
1308 border:solid 1px #AAA;
1309 }
1310
1311 /*************
1312  * Sieve Test Cases
1313  *************/
1314 table.sieve_test_container {
1315 width:100%;
1316 background-color:#F8F8F8;
1317 margin:0;
1318 border-spacing:0;
1319 padding:0;
1320 border:solid 1px #AAA;
1321 }
1322
1323 table.sieve_test_case {
1324 width:100%;
1325 margin:0;
1326 border-spacing:0;
1327 padding:0;
1328 }
1329
1330 td.container_,div.container_ {
1331 padding-left:2px;
1332 border-left:solid 2px #F8F8F8;
1333 }
1334
1335 td.container_:hover,div.container_:hover {
1336 border-left:solid 2px #000;
1337 display:block;
1338 }
1339
1340 /************
1341  * PHP Layers Menu - used in MultiSelectDialog -> ManagementLists
1342  ************/
1343 .khorbar {
1344 color:#000;
1345 background-color:#FFF;
1346 border:1px outset #666663;
1347 padding:2px;
1348 }
1349
1350 .khorbaritem {
1351 float:left;
1352 white-space:nowrap;
1353 font-family:bitstream vera sans, luxi sans, verdana, geneva, arial, helvetica, sans-serif;
1354 font-size:12px;
1355 }
1356
1357 .khorbaritem a {
1358 display:block;
1359 text-decoration:none;
1360 }
1361
1362 .khorbaritem a:link {
1363 color:#000;
1364 text-decoration:none;
1365 }
1366
1367 .khorbaritem a:visited {
1368 color:#000;
1369 text-decoration:none;
1370 }
1371
1372 .khorbaritem a:hover {
1373 color:#000;
1374 background-color:#FFF;
1375 text-decoration:none;
1376 }
1377
1378 .khorbaritem a:active {
1379 color:red;
1380 text-decoration:none;
1381 }
1382
1383 .kverbar {
1384 color:#000;
1385 border:1px outset #666663;
1386 }
1387
1388 .ksubmenu {
1389 position:absolute;
1390 left:0;
1391 top:0;
1392 visibility:hidden;
1393 }
1394
1395 .submenu {
1396 position:absolute;
1397 left:0;
1398 top:0;
1399 visibility:hidden;
1400 }
1401
1402 .subframe {
1403 position:relative;
1404 display:block;
1405 background-color:#FFF;
1406 border:1px outset #666663;
1407 padding:2px;
1408 }
1409
1410 .item {
1411 text-align:left;
1412 white-space:nowrap;
1413 font-family:bitstream vera sans, luxi sans, verdana, geneva, arial, helvetica, sans-serif;
1414 font-size:12px;
1415 padding-top:2px;
1416 }
1417
1418 .item div {
1419 position:relative;
1420 display:block;
1421 text-decoration:none;
1422 }
1423
1424 .item :hover {
1425 color:#FFF;
1426 background-color:#4b6983;
1427 text-decoration:none;
1428 }
1429
1430 .ksubframe {
1431 position:relative;
1432 display:block;
1433 background-color:#f9f9f0;
1434 }
1435
1436 .kitem {
1437 text-align:left;
1438 white-space:nowrap;
1439 font-family:bitstream vera sans, luxi sans, verdana, geneva, arial, helvetica, sans-serif;
1440 font-size:12px;
1441 }
1442
1443 .separator {
1444 background-color:red;
1445 border-top:1px solid #c6c6bf;
1446 border-bottom:1px solid #FFF;
1447 margin:2px 5px;
1448 /* top right bottom left */
1449 height:0;
1450 font-size:1px;
1451 line-height:0;
1452 }
1453
1454 div.errorMsgTitle {
1455 width:100%;
1456 font-size:1.4em;
1457 padding-bottom:.3em;
1458 padding-top:.3em;
1459 font-weight:bold;
1460 background-color:#F0F0F0;
1461 }
1462
1463 div.errorMsgDialog {
1464 width:60%;
1465 background-color:#FFF;
1466 border:4px solid red;
1467 z-index:150;
1468 display:none;
1469 position:absolute;
1470 }
1471
1472 div.infoMsgDialog {
1473 width:60%;
1474 background-color:#FFF;
1475 border:2px solid #000;
1476 z-index:150;
1477 display:none;
1478 position:absolute;
1479 }
1480
1481 div.autocomplete {
1482 position:absolute;
1483 background-color:#FFF;
1484 border:1px solid #AAA;
1485 margin:0;
1486 padding:0;
1487 z-index:600;
1488 overflow:hidden;
1489 word-wrap:break-word;
1490 }
1491
1492 div.autocomplete ul {
1493 list-style-type:none;
1494 margin:0;
1495 padding:0;
1496 }
1497
1498 div.autocomplete ul li {
1499 list-style-type:none;
1500 display:block;
1501 margin:0;
1502 padding:2px;
1503 padding-left:4px;
1504 cursor:pointer;
1505 }
1506
1507 div.autocomplete li:hover {
1508 background-color:#F0F0F0;
1509 }
1510
1511 div.autocomplete ul li.selected {
1512 background-color:#F0F0F0;
1513 }
1514
1515 #pulldown {
1516 background:#FFF;
1517 height:23px;
1518 border-top:1px #D0D0D0 solid;
1519 border-left:1px #D0D0D0 solid;
1520 border-bottom:1px gray solid;
1521 border-right:1px gray solid;
1522 }
1523
1524 #pulldown ul {
1525 display:block;
1526 margin:0;
1527 padding:0;
1528 line-height:1em;
1529 list-style:none;
1530 z-index:90;
1531 }
1532
1533 #pulldown ul li {
1534 float:left;
1535 margin:0 3px 0 0;
1536 padding:0;
1537 font-size:12px;
1538 line-height:1 5em;
1539 list-style-type:none;
1540 }
1541
1542 #pulldown ul li a {
1543 float:left;
1544 display:block;
1545 width:auto;
1546 font-weight:normal;
1547 background:transparent;
1548 text-decoration:none;
1549 margin:0;
1550 padding:5px;
1551 }
1552
1553 #pulldown ul li a:hover {
1554 text-decoration:none;
1555 }
1556
1557 #pulldown ul li.sep {
1558 color:#AAA;
1559 padding:.8em 0 .5em;
1560 }
1561
1562 /* Commented Backslash Hack hides rule from IE5-Mac \*/
1563 #pulldown ul li a {
1564 float:none;
1565 }
1566
1567 /* End IE5-Mac hack */
1568 #pulldown ul.level2,#pulldown ul.level3 {
1569 position:absolute;
1570 top:0;
1571 left:0;
1572 visibility:hidden;
1573 border-top:1px #D0D0D0 solid;
1574 border-left:1px #D0D0D0 solid;
1575 border-bottom:1px gray solid;
1576 border-right:1px gray solid;
1577 background:#FFF;
1578 }
1579
1580 #pulldown ul.level2 li,#pulldown ul.level3 li {
1581 border-bottom:1px solid #fff;
1582 float:none;
1583 margin:0;
1584 padding:0;
1585 width:200px;
1586 }
1587
1588 #pulldown ul.level2 li a,#pulldown ul.level3 li a {
1589 padding:5px 9px 5px 5px;
1590 }
1591
1592 #pulldown ul.level2 li a:hover,#pulldown ul.level3 li a:hover {
1593 font-weight:normal;
1594 background-color:#418DD4;
1595 background-image:none;
1596 }
1597
1598 input[disabled] {
1599 color:#888;
1600 background-color:#DDD;
1601 }
1602
1603 textarea[disabled] {
1604 color:#000;
1605 background-color:#DDD;
1606 }
1607
1608 select[disabled] {
1609 color:#000;
1610 background-color:#DDD;
1611 }
1612
1613 div.datepicker {
1614 position:absolute;
1615 text-align:center;
1616 border:1px #AAA solid;
1617 font-family:arial;
1618 background:#FFF;
1619 font-size:10px;
1620 padding:0;
1621 }
1622
1623 div.datepicker-calendar table {
1624 font-size:10px;
1625 border:1px solid #FFF;
1626 margin:0;
1627 padding:0;
1628 text-align:center;
1629 }
1630
1631 div.datepicker div.datepicker-header {
1632 font-size:11px;
1633 font-weight:bold;
1634 background:#F0F0F0;
1635 border-bottom:1px solid #AAA;
1636 padding:2px;
1637 text-align:center;
1638 }
1639
1640 div.datepicker table.header {
1641 width:175px;
1642 border:0;
1643 padding:0;
1644 text-align:center;
1645 }
1646
1647 td.prev,td.prev_year,td.next,td.next_year {
1648 width:8%;
1649 cursor:pointer;
1650 font-weight:bold;
1651 line-height:16px;
1652 }
1653
1654 td.prev:hover,td.prev_year:hover,td.next:hover,td.next_year:hover {
1655 background-color:#D0D0D0;
1656 }
1657
1658 td.header {
1659 text-align:center;
1660 width:68%;
1661 font-weight:bold;
1662 line-height:16px;
1663 }
1664
1665 div.datepicker-header {
1666 height:16px;
1667 }
1668
1669 div.datepicker-calendar table tbody tr {
1670 border:1px solid #FFF;
1671 margin:0;
1672 padding:0;
1673 }
1674
1675 div.datepicker-calendar table tbody tr td {
1676 border:1px #EAEAEA solid;
1677 margin:0;
1678 padding:0;
1679 text-align:center;
1680 height:16px;
1681 line-height:16px;
1682 width:21px;
1683 cursor:pointer;
1684 }
1685
1686 div.datepicker-calendar table tbody tr td:hover,div.datepicker-calendar table tbody tr td.outbound:hover,div.datepicker-calendar table tbody tr td.today:hover {
1687 border:1px #CCE9FF solid;
1688 background:#E9F5FF;
1689 cursor:pointer;
1690 }
1691
1692 div.datepicker-calendar table tbody tr td.wday {
1693 border:1px #AAA solid;
1694 background:#CCC;
1695 cursor:text;
1696 width:21px;
1697 height:16px;
1698 line-height:16px;
1699 font-weight:bold;
1700 }
1701
1702 div.datepicker-calendar table tbody tr td.outbound {
1703 background:#F4F3F3;
1704 }
1705
1706 div.datepicker-calendar table tbody tr td.today {
1707 border:1px #CCE9FF solid;
1708 background:#E9F5FF;
1709 background-image:url(../../images/date_active.gif);
1710 background-repeat:no-repeat;
1711 position:top left;
1712 width:21px;
1713 height:16px;
1714 line-height:16px;
1715 }
1716
1717 div.datepicker-calendar table tbody tr td.today:hover {
1718 border:1px #CCE9FF solid;
1719 background:#E9F5FF;
1720 background-image:url(../../images/date_active.gif);
1721 background-repeat:no-repeat;
1722 position:top left;
1723 }
1724
1725 div.datepicker-calendar table tbody tr td.nclick,div.datepicker-calendar table tbody tr td.nclick_outbound {
1726 cursor:default;
1727 color:#aaa;
1728 width:21px;
1729 height:16px;
1730 line-height:16px;
1731 }
1732
1733 div.datepicker-calendar table tbody tr td.nclick_outbound {
1734 background:#E8E4E4;
1735 width:21px;
1736 height:16px;
1737 line-height:16px;
1738 }
1739
1740 div.datepicker-calendar table tbody tr td.nclick:hover,div.datepicker-calendar table tbody tr td.nclick_outbound:hover {
1741 border:1px #EAEAEA solid;
1742 background:#FFF;
1743 }
1744
1745 div.datepicker-calendar table tbody tr td.nclick_outbound:hover {
1746 background:#E8E4E4;
1747 }
1748
1749 div.datepicker div.datepicker-footer {
1750 font-size:10px;
1751 background:#F0F0F0;
1752 border-top:1px solid #AAA;
1753 cursor:pointer;
1754 text-align:center;
1755 padding:2px;
1756 }
1757
1758 .date {
1759 float:left;
1760 }
1761
1762 .datepicker-opener-table {
1763 border:1px solid transparent;
1764 padding:0;
1765 border-spacing:0;
1766 margin:0 0 0 3px;
1767 background:transparent url(../../images/datepicker.gif) no-repeat 0 0;
1768 width:18px;
1769 height:18px;
1770 cursor:pointer;
1771 }
1772
1773 .Opera .datepicker-opener-table {
1774 float:right;
1775 }
1776
1777 .IE7 .datepicker-opener-table {
1778 position:relative;
1779 top:0;
1780 left:3px;
1781 }
1782
1783 .datepicker-opener-table:hover {
1784 background:transparent url(../../images/datepicker_ro.gif) no-repeat 0 0;
1785 }
1786
1787 .datepicker-opener {
1788 width:16px;
1789 height:16px;
1790 margin:0 0 0 3px;
1791 cursor:pointer;
1792 }
1793
1794 /********************************
1795  *           L i s t s          *
1796  ********************************/
1797 /* List border */
1798 div.listContainer {
1799 border-top:1px solid #AAA;
1800 border-bottom:1px solid #AAA;
1801 border-left:1px solid #AAA;
1802 }
1803
1804 .fixedListHeader tr {
1805 position:relative;
1806 height:auto;
1807 }
1808
1809 .listHeaderFormat {
1810 margin:3px;
1811 padding:1px;
1812 white-space:nowrap;
1813 }
1814
1815 .listHeaderFormat tr td {
1816 border-right:1px solid #AAA;
1817 padding:2px;
1818 background-color:#F5F5F5;
1819 }
1820
1821 .listScrollContent {
1822 height:100%;
1823 overflow-x:hidden;
1824 overflow-y:auto;
1825 }
1826
1827 .listScrollContent tr {
1828 height:auto;
1829 white-space:nowrap;
1830 }
1831
1832 .listScrollContent tr td:last-child {
1833 padding-right:20px;
1834 }
1835
1836 .listBodyFormat tr td {
1837 color:#000;
1838 margin:3px;
1839 padding:2px;
1840 border-right:1px solid #AAA;
1841 word-wrap:break-word;
1842 white-space:normal;
1843 max-width:500px;
1844 }
1845
1846 div.nlistFooter {
1847 background-color:#E5E5E5;
1848 border-left:1px solid silver;
1849 border-right:1px solid silver;
1850 border-bottom:1px solid silver;
1851 padding:0;
1852 width:100%;
1853 }
1854
1855 /* Sortable Lists */
1856 div.sortableListContainer {
1857 border:1px solid #AAA;
1858 overflow:auto;
1859 margin-bottom:2px;
1860 }
1861
1862 .sortableListContainer th {
1863 background-color:#D8D8D8;
1864 padding:3px;
1865 text-align:left;
1866 border-left:1px solid #AAA;
1867 }
1868
1869 .sortableListContainer td {
1870 padding:3px;
1871 text-align:left;
1872 border-left:1px solid #AAA;
1873 }
1874
1875 tr.sortableListItem {
1876 background-color:#FFF;
1877 cursor:move;
1878 color:#000;
1879 }
1880
1881 tr.sortableListItemFill {
1882 background-color:#FFF;
1883 cursor:default;
1884 }
1885
1886 tr.sortableListItemOdd ::-moz-selection,tr.sortableListItem ::-moz-selection {
1887 background:transparent;
1888 }
1889
1890 tr.sortableListItemOdd ::selection,tr.sortableListItem ::selection {
1891 background:transparent;
1892 }
1893
1894 tr.sortableListItemOdd code::-moz-selection,tr.sortableListItem code::-moz-selection {
1895 background:transparent;
1896 }
1897
1898 tr.sortableListItemOdd code::selection,tr.sortableListItem code::selection {
1899 background:transparent;
1900 }
1901
1902 tr.sortableListItemOdd {
1903 background-color:#F5F5F5;
1904 cursor:move;
1905 color:#000;
1906 }
1907
1908 tr.sortableListItem:hover,tr.sortableListItemOdd:hover {
1909 background-color:#EEE;
1910 }
1911
1912 tr.sortableListItemDisabled {
1913 cursor:default;
1914 color:#CCC;
1915 }
1916
1917 table.sortableListTable {
1918 border:0;
1919 }
1920
1921 tr.sortableListItemMarked {
1922 background-color:#FFD;
1923 }
1924
1925 /* Tree List */
1926 ul.treeList,ul.treeList ul {
1927 list-style-type:none;
1928 background:url(../../images/lists/vline.png) repeat-y;
1929 margin:0;
1930 padding:0;
1931 }
1932
1933 ul.treeList ul {
1934 margin-left:10px;
1935 }
1936
1937 ul.treeList a:hover {
1938 background-color:#DDD;
1939 }
1940
1941 a.treeList {
1942 padding:2px;
1943 cursor:pointer;
1944 }
1945
1946 a.treeListSelected {
1947 font-weight:bold;
1948 color:#1010AF;
1949 background-color:#DDD;
1950 padding:2px;
1951 cursor:pointer;
1952 }
1953
1954 a.treeList:hover,a.treeListSelected:hover {
1955 background-color:#DDD;
1956 padding:2px;
1957 }
1958
1959 ul.treeList a {
1960 padding:2px;
1961 cursor:pointer;
1962 }
1963
1964 ul.treeList li {
1965 margin:0;
1966 padding:0 12px;
1967 line-height:20px;
1968 background:url(../../images/lists/node.png) no-repeat;
1969 }
1970
1971 /* IE workaround - results in even more strange display problems in IE8
1972 ul.treeList li {
1973 background: expression((this.parentNode.lastChild == this)? '#fff url(images/lists/lastnode.png) no-repeat' : '#fff url(images/lists/node.png) no-repeat');
1974 }
1975 */
1976
1977 li.treeListSelected a {
1978 font-weight:bold;
1979 color:#1010AF;
1980 padding:2px;
1981 }
1982
1983 ul.treeList li.last {
1984 background:#fff url(../../images/lists/lastnode.png) no-repeat;
1985 }
1986
1987 ul.treeList li:last-child {
1988 background:#fff url(../../images/lists/lastnode.png) no-repeat;
1989 }
1990
1991 div.treeList {
1992 background-color:#FFF;
1993 border:1px solid #AAA;
1994 padding:5px;
1995 position:absolute;
1996 z-index:500;
1997 overflow-y:auto;
1998 float:left;
1999 }
2000
2001 span.informal {
2002 color:#444;
2003 font-style:italic;
2004 }
2005
2006 /* Max height for IE */
2007 * html div.treeList {
2008 height: expression( this.scrollHeight > 500 ? "500px" : "auto" );
2009 }
2010
2011 span.mark {
2012 color:#B22;
2013 }