tt-rss.css

   1 body {
   2         background : white;
   3         color : black;
   4         margin : 0px;
   5         padding : 0px;
   6         font-family : "Lucida Grande", Arial, sans-serif;
   7 }
   8
   9 blockquote {
  10         margin : 0px;
  11         border-width : 0px 0px 0px 8px;
  12         border-color : #e0e0e0;
  13         border-style : solid;
  14         padding : 10px;
  15         background-color : #f0f0f0;
  16 }
  17
  18 div.postReply {
  19         padding : 0px;
  20 }
  21
  22 div.postReply a {
  23         color : #4684ff;
  24 }
  25
  26 div.postReply a:hover {
  27         color : black;
  28 }
  29
  30 div.postReply div.postHeader {
  31         border-width : 0px 0px 1px 0px;
  32         border-style : solid;
  33         border-color : #a0a0a0;
  34         background-color : #f9faff;
  35         margin : 0px 1px 0px 0px;
  36         padding : 5px;
  37         cursor : move;
  38         color : #909090;
  39 }
  40
  41 /* div.postReply > div.postHeader {
  42         padding : 5px;
  43 } */
  44
  45 div.postReply div.postContent {
  46         padding : 10px;
  47         font-size : 14px;
  48 }
  49
  50 div.postReply div.postContent img {
  51         border-width : 0px;
  52         max-width : 98%;
  53 }
  54
  55 div.postReply div.postIcon {
  56         float : right;
  57         border : 0px;
  58         margin : 10px 0px 10px 10px;
  59 }
  60
  61 div.postReply div.postEnclosures {
  62         margin-top : 1em;
  63         color : gray;
  64 }
  65
  66 div.postReply img.tagsPic {
  67         width : 16px;
  68         height : 16px;
  69         margin-left : 4px;
  70         vertical-align : middle;
  71 }
  72
  73 div.articleNote div.articleNoteOps {
  74         float : right;
  75         color : #9a8c59;
  76 }
  77
  78 div.articleNote div.articleNoteOps a {
  79         color : #9a8c59;
  80 }
  81
  82 div.articleNote div.articleNoteOps a:hover {
  83         color : black;
  84 }
  85
  86 div.articleNote {
  87         background-color : #fff7d5;
  88         border-width : 1px;
  89         padding : 5px;
  90         border-style : dashed;
  91         border-color : #e7d796;
  92         font-size : 8px;
  93         margin-top : 5px;
  94         color : #9a8c59;
  95 }
  96
  97 div.postReply span.author {
  98         font-size : 12px;
  99 }
 100
 101 ul.feedList {
 102         list-style-type : none;
 103         margin : 5px 5px 5px 0px;
 104         padding : 0px 0px 0px 5px;
 105         font-size : 12px;
 106         font-family : "Lucida Grande", Tahoma, Arial, sans-serif;
 107 }
 108
 109 ul.feedList li.feedCat, ul.feedList li.virtCat {
 110         margin : 0px;
 111         padding : 3px 0px 3px 0px;
 112         color : #707070;
 113         font-size : 12px;
 114 }
 115
 116 ul.feedList img.catCollapse {
 117         cursor : pointer;
 118 }
 119
 120 ul.feedList span.catTitle {
 121         color : #707070;
 122         cursor : pointer;
 123 }
 124
 125 ul.feedList span.catTitle:hover {
 126         color : #4684ff;
 127 }
 128
 129 ul.feedList li.feedCatSelected {
 130         margin : 0px;
 131         padding : 3px 0px 3px 0px;
 132         color : #4684ff;
 133         font-size : 12px;
 134 }
 135
 136 ul.feedList li.feedCatSelected span.catTitle {
 137         color : #4684ff;
 138         cursor : pointer;
 139 }
 140
 141 ul.feedCatList {
 142         list-style-type : none;
 143         margin : 0px 0px 0px 20px;
 144         padding : 0px;
 145 }
 146
 147 ul.feedCatList li {
 148         margin : 0px;
 149         padding : 0px 0px 2px 0px;
 150         color : black;
 151 }
 152
 153 ul.feedList > li {
 154         padding : 0px 0px 2px 0px;
 155 }
 156
 157 ul.feedCatList img, ul.feedList img {
 158         vertical-align : bottom;
 159 }
 160
 161 li.feedUnread,
 162 li.errorUnread,
 163 li.labelUnread,
 164 li.virtUnread,
 165 li.tagUnread {
 166         font-weight : bold;
 167 }
 168
 169 li.errorSelected a,
 170 li.error a,
 171 li.errorUnread a,
 172 li.errorUnreadSelected a {
 173         color : #f04040;
 174 }
 175
 176 li.feedSelected a,
 177 li.labelSelected a,
 178 li.virtSelected a,
 179 li.tagSelected a {
 180         color : #4684ff;
 181 }
 182
 183 li.feedUnreadSelected a,
 184 li.labelUnreadSelected a,
 185 li.virtUnreadSelected a,
 186 li.tagUnreadSelected a {
 187         color : #4684ff;
 188 }
 189
 190 li.feedUnreadSelected,
 191 li.errorUnreadSelected,
 192 li.labelUnreadSelected,
 193 li.virtUnreadSelected,
 194 li.tagUnreadSelected {
 195         font-weight : bold;
 196 }
 197
 198 li.feed {
 199         display : block;
 200 }
 201
 202 ul.feedList img, img.tinyFeedIcon {
 203         margin : 0px 3px 0px 0px;
 204         width : 16px;
 205         height : 16px;
 206         border-width : 0px;
 207 }
 208
 209 h1 {
 210         font-size : 18px;
 211 }
 212
 213 h2 {
 214         font-size : 16px;
 215         font-weight : bold;
 216         border-width : 0px 0px 1px 0px;
 217         border-style : solid;
 218         border-color : #ecf4ff;
 219 }
 220
 221 h3 {
 222         font-size : 14px;
 223         font-weight : bold;
 224         border-width : 0px 0px 1px 0px;
 225         border-style : solid;
 226         border-color : #ecf4ff;
 227 }
 228
 229 hr {
 230         border-width : 0px 0px 1px 0px;
 231         border-style : dashed;
 232         border-color : #e0e0e0;
 233 }
 234
 235 a {
 236         color : black;
 237         text-decoration : none;
 238 }
 239
 240 a:hover {
 241         color : #4684ff;
 242 }
 243
 244 #piggie {
 245         z-index : 999;
 246         position : absolute;
 247 }
 248
 249 #iedit_title, #iedit_link, #iedit_regexp, #iedit_descr, #iedit_expr, #iedit_updintl,
 250 #iedit_purgintl, #iedit_ulogin, #iedit_ulevel, #iedit_match, #iedit_feed,
 251 #iedit_fcat, #iedit_filter_action, #iedit_login, #iedit_pass, #iedit_email,
 252 #iedit_parent_feed {
 253         width : 100%;
 254         padding-left : 2px;
 255         background-color : #f0fff0;
 256 }
 257
 258 textarea.iedit {
 259         width : 100%;
 260 }
 261
 262 input.iedit {
 263         width : 100%;
 264         padding-left : 2px;
 265 }
 266
 267 select.iedit {
 268         width : 100%;
 269 }
 270
 271 input.editbox {
 272         width : 200px;
 273         padding-left : 2px;
 274 }
 275
 276 #notify {
 277         border-width : 0px 1px 1px 1px;
 278         border-style : solid;
 279         top : 0px;
 280         right : 35%;
 281         min-width : 30%;
 282         position : absolute;
 283         display : none;
 284         float : right;
 285         font-size : 12px;
 286         z-index : 998;
 287         padding : 5px 5px 5px 5px;
 288 }
 289
 290 #notify img {
 291         vertical-align : middle;
 292 }
 293
 294 .notifyProgress {
 295         border-color : #d7c47a;
 296         background-color : #fff7d5;
 297         color : black;
 298 }
 299
 300 .notifyInfo {
 301         border-color : #7AD78E;
 302         background-color : #D5FFDB;
 303         color : black;
 304 }
 305
 306 .notify {
 307         border-color : #d7c47a;
 308         background-color : #fff7d5;
 309         color : black;
 310 }
 311
 312 .notifyError {
 313         background-color : #ffcccc;
 314         border-color : #ff0000;
 315         color : black;
 316 }
 317
 318 .notifyError span:hover {
 319         color : red;
 320         cursor : pointer;
 321 }
 322
 323 #dispSwitch {
 324         font-size : 12px;
 325         font-family : "Lucida Grande", Tahoma, Arial, sans-serif;
 326         text-align : right;
 327         float : right;
 328         margin : 5px 5px 0px 0px;
 329 }
 330
 331 #dispSwitch a {
 332         color : gray;
 333 }
 334
 335 #dispSwitch a:hover {
 336         color : #4684ff;
 337 }
 338
 339 div.expPane {
 340         margin : 15px;
 341 }
 342
 343 /*.button {
 344         border : 1px solid #d0d0d0;
 345         background-image : url("images/button.png");
 346         background-position : top;
 347         background-repeat : repeat-x;
 348         background-color : white;
 349         color : black;
 350 }
 351
 352 .button:hover {
 353         background : white;
 354         text-decoration : none;
 355         color : black;
 356 }
 357
 358 .disabledButton {
 359         border : 1px solid #c0c0c0;
 360         background-color : white;
 361         color : gray;
 362 }
 363
 364 a.button {
 365         padding : 2px 5px 2px 5px;
 366         font-size : small;
 367 } */
 368
 369 .evenUnreadSelected, .evenSelectedUnread, .evenUnreadSelected td,
 370         .evenSelectedUnread td {
 371         background-color : #fff7d5;
 372         font-weight : bold;
 373         border-width : 0px 0px 1px 0px;
 374         border-style : solid;
 375         border-color : #e7d796;
 376 }
 377
 378 .oddUnreadSelected, .oddSelectedUnread, .oddUnreadSelected td,
 379         .oddSelectedUnread td {
 380         background-color : #fff7d5;
 381         font-weight : bold;
 382         border-width : 0px 0px 1px 0px;
 383         border-style : solid;
 384         border-color : #e7d796;
 385 }
 386
 387 .evenSelected, .evenSelected td {
 388         background-color : #fff7d5;
 389         border-width : 0px 0px 1px 0px;
 390         border-style : solid;
 391         border-color : #e7d796;
 392         border-collapse : collapse;
 393 }
 394
 395 .oddSelected, .oddSelected td {
 396         background-color : #fff7d5;
 397         border-width : 0px 0px 1px 0px;
 398         border-style : solid;
 399         border-color : #e7d796;
 400         border-collapse : collapse;
 401 }
 402
 403 .evenGrayed, .evenGrayed td {
 404         background-color : #f0f0f0;
 405         color : #909090;
 406         border-width : 0px 0px 1px 0px;
 407         border-style : solid;
 408         border-color : #c0c0c0;
 409         border-collapse : collapse;
 410 }
 411
 412 .oddGrayed {
 413         color : #909090;
 414 }
 415
 416 .even, .even td {
 417         border-width : 0px 0px 1px 0px;
 418         border-style : solid;
 419         border-color : #c0c0c0;
 420         background-color : #f0f0f0;
 421         border-collapse : collapse;
 422 }
 423
 424 .odd, .odd td {
 425         border-width : 0px 0px 1px 0px;
 426         border-style : solid;
 427         border-color : #c0c0c0;
 428         border-collapse : collapse;
 429 }
 430
 431 .evenUnread, .evenUnread td {
 432         background-color : #f0f0f0;
 433         font-weight : bold;
 434         border-width : 0px 0px 1px 0px;
 435         border-style : solid;
 436         border-color : #c0c0c0;
 437         border-collapse : collapse;
 438 }
 439
 440 .oddUnread, .oddUnread td {
 441         font-weight : bold;
 442         border-width : 0px 0px 1px 0px;
 443         border-style : solid;
 444         border-color : #c0c0c0;
 445 }
 446
 447 .invisible {
 448         display : none;
 449 }
 450
 451 /* preferences */
 452
 453 table.prefPrefsList tr:hover td.prefValue {
 454         color : #88b0f0;
 455 }
 456
 457 table.prefPrefsList tr:hover td.prefValue input {
 458         color : #88b0f0;
 459 }
 460
 461 tr.title td {
 462         border-width : 0px 0px 1px 0px;
 463         border-color : #ecf4ff;
 464         border-style : solid;
 465         color : #4684ff;
 466 }
 467
 468 tr.title td a {
 469         color : #4684ff;
 470 }
 471
 472 tr.title td a:hover {
 473         color : black;
 474 }
 475
 476 div.feedEditSearch {
 477         float : right;
 478 }
 479
 480 table.prefFeedList td.feedEditCat {
 481         font-weight : bold;
 482         border-width : 0px 0px 1px 0px;
 483         border-style : solid;
 484         border-color : #88b0f0;
 485         padding-top : 0.5em;
 486 }
 487
 488 table.prefFilterList td.filterEditCat {
 489         font-weight : bold;
 490         border-width : 0px 0px 1px 0px;
 491         border-style : solid;
 492         border-color : #88b0f0;
 493         padding-top : 0.5em;
 494 }
 495
 496 /* oh for the love of... */
 497
 498 table.prefFilterList tr.even,
 499 table.prefFilterList tr.odd,
 500 table.prefFilterList tr.evenSelected,
 501 table.prefFilterList tr.oddSelected,
 502 table.prefLabelList tr.even,
 503 table.prefLabelList tr.odd,
 504 table.prefLabelList tr.evenSelected,
 505 table.prefLabelList tr.oddSelected,
 506 table.prefUserList tr.even,
 507 table.prefUserList tr.odd,
 508 table.prefUserList tr.evenSelected,
 509 table.prefUserList tr.oddSelected,
 510 table.prefFeedList tr.even,
 511 table.prefFeedList tr.odd,
 512 table.prefFeedList tr.evenSelected,
 513 table.prefFeedList tr.oddSelected
 514 {
 515         cursor : pointer;
 516 }
 517
 518 table.prefFilterList tr.even:hover td,
 519 table.prefFilterList tr.odd:hover td,
 520 table.prefFilterList tr.evenSelected:hover td,
 521 table.prefFilterList tr.oddSelected:hover td
 522 table.prefLabelList tr.even:hover td,
 523 table.prefLabelList tr.odd:hover td,
 524 table.prefLabelList tr.evenSelected:hover td,
 525 table.prefLabelList tr.oddSelected:hover td,
 526 table.prefUserList tr.even:hover td,
 527 table.prefUserList tr.odd:hover td,
 528 table.prefUserList tr.evenSelected:hover td,
 529 table.prefUserList tr.oddSelected:hover td,
 530 table.prefFeedList tr.even:hover td,
 531 table.prefFeedList tr.odd:hover td,
 532 table.prefFeedList tr.evenSelected:hover td,
 533 table.prefFeedList tr.oddSelected:hover td
 534 {
 535         color : #88b0f0;
 536 }
 537
 538 table.prefFeedList td.feedIcon {
 539         text-align : center;
 540 }
 541
 542 table.prefFeedList td.feedSelect {
 543         text-align : center;
 544 }
 545
 546 div.prefFeedCatHolder {
 547         height : 250px;
 548         overflow : auto;
 549         border : 1px solid #99d67a;
 550         margin : 5px 0px 5px 0px;
 551         background-color : white;
 552 }
 553
 554 a.helpLink {
 555         color : #808080;
 556 }
 557
 558 a.helpLink:hover {
 559         color : #4684ff;
 560 }
 561
 562 div.helpResponse {
 563         margin : 10px;
 564         background-image : url("images/vgrad_light_rev2.png");
 565         background-position : top left;
 566         background-repeat : repeat-x;
 567         padding : 10px 20px 10px 20px;
 568         border : 1px solid #f0f0f0;
 569 }
 570
 571 #infoBoxTitle {
 572         border-width : 1px 1px 1px 1px;
 573         border-style : solid;
 574         border-color : #99d67a;
 575         background-color : #99d67a;
 576         padding : 4px 2px 4px 10px;
 577         color : white;
 578         font-weight : bold;
 579         font-size : 12px;
 580 }
 581
 582 /* shadow stuff from http://www.sixapart.com/pronet/articles/ydsf_-_robust_c.html */
 583
 584 #infoBox {
 585         border-width : 1px 1px 1px 1px;
 586         border-style : solid;
 587         border-color : #99d67a;
 588         background-color : #f8fcf5;
 589         position: relative;
 590         overflow : hidden;
 591         left : -4px;
 592         top : -4px;
 593 }
 594
 595 div#errorBox {
 596         background-color : #ffcccc;
 597         border : 1px solid #ff0000;
 598         font-size : 12px;
 599         position: relative;
 600         overflow : hidden;
 601         left : -4px;
 602         top : -4px;
 603 }
 604
 605
 606 html>body #infoBox, html>body #errorBox {
 607         left : -10px;
 608         top : -10px;
 609         margin : 0;
 610 }
 611
 612 #infoBoxShadow:before, #infoBoxShadow:after,
 613 #errorBoxShadow:before, #errorBoxShadow:after {
 614         content : " ";
 615         display : block;
 616         background : inherit;
 617         width : 10px;
 618         height : 10px;
 619 }
 620
 621 #infoBoxShadow:before, #errorBoxShadow:before {
 622         position : absolute;
 623         top : 0;
 624         right : 0;
 625         margin : -10px 0 0 auto;
 626         background-position : right top;
 627 }
 628
 629 #infoBoxShadow:after, #errorBoxShadow:after {
 630         margin : -10px 0 0 -10px;
 631         background-position : left bottom;
 632 }
 633
 634
 635 #infoBoxShadow, #errorBoxShadow {
 636         background-image : url("images/shadow.png");
 637         background-position : bottom right;
 638         left : 25%;
 639         top : 70px;
 640         width : 50%;
 641         position : absolute;
 642         min-width : 600px;
 643 }
 644
 645 #infoBoxShadow {
 646         z-index : 5;
 647 }
 648
 649 #errorBoxShadow {
 650         z-index : 400;
 651 }
 652
 653 div.infoBoxContents {
 654         padding : 10px;
 655         margin-bottom : 5px;
 656         font-size : 12px;
 657 }
 658
 659 div.infoBoxContents td {
 660         font-size : 12px;
 661 }
 662
 663 div.infoBoxContents a {
 664         color : #527040;
 665 }
 666
 667 div.infoBoxContents a:hover {
 668         color : black;
 669 }
 670
 671 div.helpResponse h1, div.infoBoxContents h1 {
 672 /*        border-width : 0px 0px 1px 0px;
 673         border-style : solid;
 674         border-color : #c0c0c0; */
 675         font-size : 18px;
 676 }
 677
 678 div.helpResponse h2, div.infoBoxContents h2 {
 679 /*        border-width : 0px 0px 0px 0px; */
 680         font-size : 16px;
 681 }
 682
 683 pre {
 684         margin : 5px;
 685 }
 686
 687 input.extSearch {
 688         width : 100%;
 689 }
 690
 691 div.firstTab {
 692         width : 10px;
 693         float : left;
 694 }
 695
 696 div.prefsTab:hover {
 697         cursor : pointer;
 698 }
 699
 700 div.prefsTabSelected:hover {
 701         cursor : pointer;
 702 }
 703
 704 div.prefsTab {
 705         float : left;
 706         border-width : 1px 1px 0px 1px;
 707         border-color : #C4D1E4;
 708         border-style : solid;
 709         margin : 0px 0px 0px 5px;
 710         padding : 3px 5px 3px 5px;
 711         font-size : 12px;
 712         font-family : "Lucida Grande", Tahoma, Arial, sans-serif;
 713         border-collapse : collapse;
 714         min-width : 100px;
 715         text-align : center;
 716         cursor : pointer;
 717         position : relative;
 718         bottom : -1px;
 719         height : 30px;
 720 }
 721
 722 div.prefsTabSelected {
 723         float : left;
 724         border-width : 1px 1px 0px 1px;
 725         border-color : #88b0f0;
 726         border-style : solid;
 727         margin : 0px 0px 0px 5px;
 728         padding : 3px 5px 3px 5px;
 729         background-color : #ecf4ff;
 730         font-size : 12px;
 731         font-family : "Lucida Grande", Tahoma, Arial, sans-serif;
 732         border-collapse : collapse;
 733         font-weight : bold;
 734         min-width : 100px;
 735         text-align : center;
 736         cursor : pointer;
 737         position : relative;
 738         bottom : -1px;
 739         z-index : 3;
 740         height : 30px;
 741 }
 742
 743 div.notice {
 744         background : #ffffff;
 745         border : 1px solid #88b0f0;
 746         width : 60%;
 747         padding : 5px;
 748         margin : 0px 0px 5px 0px;
 749         font-size : 12px;
 750 }
 751
 752 div.warning {
 753         background : #fff7d5;
 754         border : 1px solid #d7c47a;
 755         font-size : 12px;
 756         width : 60%;
 757         padding : 5px;
 758         margin : 0px 0px 5px 0px;
 759 }
 760
 761
 762 div.warning img, div.notice img, div.error img {
 763         vertical-align : middle;
 764         padding : 5px;
 765 }
 766
 767 span.filterDateError {
 768         color : #ff0000;
 769 }
 770
 771 div.error {
 772         border : 1px solid #ff0000;
 773         background : #ffcccc;
 774         padding : 5px;
 775         margin : 0px 0px 5px 0px;
 776         font-size : 12px;
 777 }
 778
 779 ul.nomarks {
 780         list-style-type : none;
 781         margin : 0px;
 782         padding : 10px;
 783 }
 784
 785 div.prefHelp, td.prefHelp {
 786         color : gray;
 787         padding : 5px;
 788 }
 789
 790 table.loginForm {
 791         background-color : #ecf4ff;
 792 }
 793
 794 table.innerLoginForm {
 795         border : 1px solid #88b0f0;
 796         padding : 50px;
 797         background-color : white;
 798 }
 799
 800 table.innerLoginForm td {
 801         padding : 3px 3px 5px 3px;
 802 }
 803
 804 span.feed_error {
 805         color : red;
 806 }
 807
 808 .insensitive {
 809         color : gray;
 810 }
 811
 812 .insensitive a {
 813         color : #4684ff;
 814 }
 815
 816 .insensitive a:hover {
 817         color : black;
 818 }
 819
 820 /* .prefGenericAddBox {
 821         font-size : 12px;
 822 } */
 823
 824 body.logoutBody {
 825         background-color : #f0f0f0;
 826         color : black;
 827 }
 828
 829 span.logoutWarning {
 830         color : red;
 831         font-weight : bold;
 832 }
 833
 834 div.logoutContent {
 835         width : 600px;
 836         border : 1px solid #c0c0c0;
 837         background-color : white;
 838         margin-left : auto;
 839         margin-right : auto;
 840         margin-top : 20px;
 841         padding : 10px;
 842 }
 843
 844 .small {
 845         font-size : 12px;
 846 }
 847
 848 table.innerFeedTable td {
 849         margin : 0px;
 850         padding : 0px;
 851 }
 852
 853 td.selectPrompt {
 854         font-size : 12px;
 855         color : gray;
 856 }
 857
 858 div.headlinesSubToolbar {
 859         border-width : 0px 0px 1px 0px;
 860         border-style : solid;
 861         border-color : #f0f0f0;
 862         position : absolute;
 863         left : 0px;
 864         top : 0px;
 865         height : 25px;
 866         line-height : 25px;
 867         padding-left : 5px;
 868         padding-right : 5px;
 869         right : 0px;
 870         background-color : white;
 871         font-size : 11px;
 872         font-family : "Lucida Grande", Tahoma, Arial, sans-serif;
 873         color : gray;
 874 }
 875
 876 div.headlinesSubToolbar * {
 877         line-height : normal;
 878 }
 879
 880
 881 div.headlinesSubToolbar div#subtoolbar_ftitle {
 882         float : right;
 883         line-height : 25px;
 884
 885 }
 886
 887 span.contentPreview {
 888         font-size : 12px;
 889         color : gray;
 890         font-weight : normal;
 891 }
 892
 893 span.contentPreview:hover {
 894         color : #4684ff;
 895 }
 896
 897 table.headlinesList {
 898         width : 100%;
 899 }
 900
 901 table.headlinesList span.hlLabelRef, div.cdmHeader span.hlLabelRef {
 902         background-color : #fff7d5;
 903         font-height : 8px;
 904         color : #063064;
 905         font-weight : normal;
 906         margin : 0px 3px 0px 3px;
 907         padding : 0px 4px 0px 4px;
 908         white-space: nowrap;
 909 }
 910
 911 table.headlinesList td.hlFeedIcon {
 912         width : 25px;
 913         text-align : center;
 914         cursor : pointer;
 915 }
 916
 917
 918 table.headlinesList td.hlMarkedPic {
 919         width : 25px;
 920         text-align : center;
 921 }
 922
 923 table.headlinesList td.hlfeed {
 924         text-align : right;
 925 }
 926
 927 td.hlSelectRow, td.hlUpdPic {
 928         width : 25px;
 929         text-align : center;
 930 }
 931
 932 table.headlinesList td.hlUpdated {
 933         color : gray;
 934         text-align : right;
 935         width : 100px;
 936         cursor : pointer;
 937 }
 938
 939 table.headlinesList tr td {
 940         padding : 2px 0px 2px 0px;
 941 }
 942
 943 div.postHeader div.postDate {
 944         text-align : right;
 945         color : gray;
 946         float : right;
 947 }
 948
 949 div.postHeader div.postDateRTL {
 950         text-align : left;
 951         color : gray;
 952         float : right;
 953 }
 954
 955 div.postHeader div {
 956         padding-bottom : 3px;
 957         font-size : 12px;
 958         /* font-family : "Lucida Grande", Tahoma, sans-serif; */
 959 }
 960
 961 #feedUpdateErrors {
 962         display : none;
 963 }
 964
 965 #allEntryTags {
 966         font-size : 12px;
 967         border-width : 0px 0px 1px 0px;
 968         border-style : solid;
 969         border-color : #c0c0c0;
 970         padding-bottom : 5px;
 971         display : none;
 972 }
 973
 974 /*td.hlContent {
 975         overflow : hidden;
 976         height : 1em;
 977         display : block;
 978 } */
 979
 980 td.hlMarkedPic, td.hlSelectRow, td.hlUpdated, td.hlFeed {
 981         height : 1em;
 982 }
 983
 984 td.hlFeed {
 985         text-align : right;
 986 }
 987
 988 span.hlFeed, span.hlFeed a {
 989         font-size : 12px;
 990         color : gray;
 991 }
 992
 993 span.hlFeed a:hover {
 994         color : #4684ff;
 995 }
 996
 997 /* div.cdmArticle:hover {
 998         background-color : white;
 999 } */
1000
1001 div.cdmAllTags {
1002         float : left;
1003         background-color : white;
1004         border : 1px solid #c0c0c0;
1005         display : none;
1006         z-index : 3;
1007         top : auto;
1008         left : auto;
1009         right : auto;
1010         position : absolute;
1011         padding : 10px;
1012 }
1013
1014 span.cdmAllTagsCtr:hover div {
1015         display : block;
1016 }
1017
1018 div.cdmArticle {
1019         border-color : #a0a0a0;
1020         border-width : 0px 0px 1px 0px;
1021         border-style : solid;
1022         background-color : #f9faff;
1023         margin : 0px;
1024         color : #505050;
1025         /* padding : 10px; */
1026         color : black;
1027
1028 }
1029
1030 /* div.cdmArticleUnread:hover {
1031         background-color : white;
1032 } */
1033
1034 div.cdmArticleUnread {
1035         border-color : #a0a0a0;
1036         border-width : 0px 0px 1px 0px;
1037         border-style : solid;
1038         background-color : white;
1039         margin : 0px;
1040         /* padding : 10px; */
1041         color : black;
1042 }
1043
1044 div.cdmArticleSelected, div.cdmArticleUnreadSelected {
1045         margin : 0px;
1046         background-color : #fff7d5;
1047         border-color : #e7d796;
1048         border-width : 0px 0px 1px 0px;
1049         border-style : solid;
1050 }
1051
1052 div.cdmArticleUnread div.cdmHeader a.title,
1053 div.cdmArticleUnreadSelected div.cdmHeader a.title {
1054         font-weight : bold;
1055 }
1056
1057 div.cdmHeader {
1058         padding : 5px 5px 10px 5px;
1059         color : gray;
1060
1061 }
1062
1063 div.cdmArticleUnread div.cdmHeader span.titleWrap a {
1064         color : black;
1065 }
1066
1067 div.cdmFooter {
1068         font-size : 12px;
1069         color : black;
1070         padding : 5px;
1071         color : gray;
1072 /*      background-color : white; */
1073         border-width : 1px 0px 0px 0px;
1074         border-color : #c0c0c0;
1075         border-style : dotted;
1076 }
1077
1078 /*div.cdmArticleSelected div.cdmFooter {
1079         background-color : transparent;
1080 }
1081
1082 div.cdmArticleUnreadSelected div.cdmFooter {
1083         background-color : transparent;
1084 }*/
1085
1086 div.cdmFooter span.s0 {
1087         border-width : 0px 1px 0px 0px;
1088         border-color : #c0c0c0;
1089         border-style : dotted;
1090         padding : 0px 5px 0px 0px;
1091 }
1092
1093 div.cdmFooter span.s1 {
1094         border-width : 0px 1px 0px 0px;
1095         border-color : #c0c0c0;
1096         border-style : dotted;
1097         padding : 0px 5px 0px 5px;
1098 }
1099
1100 div.cdmFooter span.s2 {
1101         padding : 0px 5px 0px 5px;
1102 }
1103
1104 div.cdmFooter img.markedPic, div.cdmFooter img.tagsPic {
1105         width : 16px;
1106         height : 16px;
1107         vertical-align : middle;
1108 }
1109
1110 img.markedPic {
1111         cursor : pointer;
1112 }
1113
1114 div.cdmHeader div.articleUpdated {
1115         float : right;
1116         font-weight : bold;
1117         color : gray;
1118 }
1119
1120 div.cdmHeader div.articleUpdated img {
1121         vertical-align : middle;
1122 }
1123
1124 div.cdmFooter input, div.cdmHeader input, div.cdmFooter img {
1125         margin : 0px;
1126 }
1127
1128 div.cdmHeader, div.cdmHeader a {
1129         color : #505050;
1130         font-size : 12px;
1131 }
1132
1133 div.cdmHeader a:hover {
1134         color : #4684ff;
1135 }
1136
1137 div.cdmContent {
1138         margin : 0px 15px 5px 15px;
1139 }
1140
1141 div.cdmContent img {
1142         border-width : 0px;
1143         max-width : 98%;
1144 }
1145
1146 div.cdmContent:hover {
1147         cursor : pointer;
1148 }
1149
1150 div.cdmExcerpt {
1151         margin : 0px 15px 5px 15px;
1152 }
1153
1154 div.cdmExcerpt:hover {
1155         cursor : pointer;
1156         color : #88b0f0;
1157 }
1158
1159 div.cdmEnclosures {
1160         margin-top : 1em;
1161         color : gray;
1162 }
1163
1164 a.warning {
1165         color : #f04040;
1166 }
1167
1168 img.closeButton {
1169         border-width : 0px;
1170         float : right;
1171 }
1172
1173 span.groupPrompt {
1174         font-size : 12px;
1175         color : #4684ff;
1176 }
1177
1178 div.tagCloudContainer {
1179 /*      height : 300px;
1180         overflow : auto; */
1181         border : 1px solid #99d67a;
1182         background-color : white;
1183         margin : 5px 0px 5px 0px;
1184         padding : 5px;
1185         text-align : center;
1186 }
1187
1188 div.errorExplained {
1189         border : 1px solid #99d67a;
1190         background-color : white;
1191         margin : 5px 0px 5px 0px;
1192         padding : 5px;
1193 }
1194
1195 ul.feedErrorsList {
1196         height : 300px;
1197         overflow : auto;
1198         list-style-type : none;
1199         border : 1px solid #99d67a;
1200         background-color : white;
1201         margin : 0px 0px 5px 0px;
1202         padding : 0px;
1203 }
1204
1205 ul.userFeedList {
1206         height : 300px;
1207         overflow : auto;
1208         list-style-type : none;
1209         border : 1px solid #99d67a;
1210         background-color : white;
1211         margin : 0px 0px 5px 0px;
1212         padding : 0px;
1213 }
1214
1215 /* #browseBigFeedList li.oddSelected {
1216         border : 1px solid #d0d0f6;
1217         background-color : #eaeaff;
1218         -moz-border-radius : 5px;
1219 } */
1220
1221 /*#browseBigFeedList li {
1222         padding :0px;
1223 }*/
1224
1225 div.labelTestError {
1226         margin : 5px 0px 5px 0px;
1227         color : #f04040;
1228 }
1229
1230 ul.labelTestResults {
1231         height : 100px;
1232         overflow : auto;
1233         list-style-type : none;
1234         margin : 0px 0px 5px 0px;
1235         padding : 0px;
1236         border : 1px solid #99d67a;
1237         background-color : white;
1238 }
1239
1240 ul.filterTestResults {
1241         height : 300px;
1242         overflow : auto;
1243         list-style-type : none;
1244         margin : 0px 0px 5px 0px;
1245         padding : 0px;
1246         border : 1px solid #99d67a;
1247         background-color : white;
1248 }
1249
1250 ul.browseFeedList {
1251         height : 300px;
1252         overflow : auto;
1253         list-style-type : none;
1254         margin : 0px 0px 5px 0px;
1255         padding : 0px;
1256         border : 1px solid #99d67a;
1257         background-color : white;
1258 }
1259
1260 ul.browseFeedList li {
1261         margin : 0px;
1262         padding : 0px;
1263 }
1264
1265 span.subscribers {
1266         color : #808080;
1267 }
1268
1269 div.subscribers {
1270         color : #808080;
1271         font-size : 12px;
1272         float : right;
1273 }
1274
1275 input.feedBrowseCB {
1276         margin-right : 1em;
1277 }
1278
1279 div.browserDetails {
1280         margin : 5px 5px 5px 5px;
1281         padding : 5px;
1282 }
1283
1284 ul.compact {
1285         list-style-type : none;
1286         margin : 0px;
1287         padding : 0px;
1288 }
1289
1290 ul.compact li {
1291         margin : 0px;
1292         padding : 0px;
1293 }
1294
1295 div.browserFeedInfo {
1296         font-size : 12px;
1297 /*      border : 1px solid #88b0f0;
1298         background-color : #ecf4ff;
1299         -moz-border-radius : 5px; */
1300         padding : 5px;
1301 }
1302
1303 div.browserFeedInfo div.detailsPart {
1304         margin : 5px 0px 5px 5px;
1305 }
1306
1307 div.cdmContent a {
1308         color : #4684ff;
1309 }
1310
1311 div.cdmContent a:hover {
1312         color : black;
1313 }
1314
1315 a.cdmToggleLink {
1316         color : #808080;
1317         font-size : 12px;
1318 }
1319
1320 a.cdmToggleLink:hover {
1321         color : #4684ff;
1322 }
1323
1324 .noborder {
1325         border-width : 0px;
1326 }
1327
1328 #debug_output {
1329         position : absolute;
1330         width : 400px;
1331         height : 200px;
1332         right : 20px;
1333         bottom : 20px;
1334         z-index : 999;
1335         background-color : white;
1336         border : 1px solid #c0c0c0;
1337         overflow : auto;
1338         margin : 0px;
1339         padding : 0px;
1340         list-style-type : none;
1341 }
1342
1343 #debug_output li {
1344         margin : 0px;
1345         padding : 0px;
1346         font-size : 11px;
1347 }
1348
1349 #dialog_overlay {
1350         left : 0;
1351         top : 0;
1352         height : 100%;
1353         width : 100%;
1354         z-index : 4;
1355         position : absolute;
1356         background-image : url("images/shadow_white.png");
1357 }
1358
1359 #overlay {
1360         background : white;
1361         left : 0;
1362         top : 0;
1363         height : 100%;
1364         width : 100%;
1365         z-index : 100;
1366         position : absolute;
1367 }
1368
1369 #overlay_inner {
1370         font-weight : bold;
1371         margin : 10px;
1372 }
1373
1374 #noDaemonWarning {
1375         position : absolute;
1376         background-color : #ecf4ff;
1377         border : 1px solid #88b0f0;
1378         padding : 10px;
1379         margin : 5px;
1380         z-index : 2;
1381         display : none;
1382 }
1383
1384 #qafInput {
1385         width : 100%;
1386 }
1387
1388 form {
1389         margin : 0px;
1390         padding : 0px;
1391 }
1392
1393 #main_toolbar_form {
1394         margin : 0px;
1395         padding : 0px;
1396         display : inline;
1397 }
1398
1399 div.feedExtInfo {
1400         margin-left : 2em;
1401         font-size : 7pt;
1402         color : gray;
1403         font-weight : normal;
1404 }
1405
1406 span.debugTS {
1407         color : #4684ff;
1408 }
1409
1410 #backReqBox {
1411         display : none;
1412 }
1413
1414 /*.scriptWarn:before {
1415         content : "Disabled script:";
1416 }*/
1417
1418 .scriptWarn {
1419         color : white;
1420         background-color : #903030;
1421         border : 1px solid #601010;
1422         padding : 3px;
1423         font-weight : bold;
1424         display : none;
1425 }
1426
1427 .objectWarn {
1428         color : gray;
1429         font-style: italic;
1430         text-align : center;
1431 }
1432
1433 table.loginForm2 {
1434         padding : 1em;
1435 }
1436
1437 table.loginForm2 .loginTop {
1438         border-width : 0px 0px 1px 0px;
1439         border-color : #88b0f0;
1440         border-style : solid;
1441         padding : 0.5em;
1442 }
1443
1444 table.loginForm2 .loginMiddle {
1445         padding : 3em;
1446 }
1447
1448 table.loginForm2 .loginBottom {
1449         border-width : 1px 0px 0px 0px;
1450         border-color : #88b0f0;
1451         border-style : solid;
1452         font-size : 12px;
1453         text-align : center;
1454         color : #909090;
1455         padding : 0.5em;
1456 }
1457
1458 table.loginForm2 .loginBottom a {
1459         color : gray;
1460 }
1461
1462 table.loginForm2 .loginBottom a:hover {
1463         color : #4684ff;
1464 }
1465
1466 table.loginForm2 .loginError {
1467         color : red;
1468         margin : 0.5em;
1469 }
1470
1471 table.loginForm2 .innerLoginCell {
1472         padding-top : 0.5em;
1473 }
1474
1475 #milestoneDetails {
1476         display : none;
1477 }
1478
1479 div.loadingPrompt {
1480         padding : 1em;
1481         text-align : center;
1482         font-weight : bold;
1483 }
1484
1485 div.whiteBox {
1486         background-color : white;
1487         margin-left : 1px;
1488         text-align : center;
1489         padding : 1em;
1490 }
1491
1492 /* layout */
1493
1494 #header {
1495         position : absolute;
1496         white-space: nowrap;
1497         top : 5px;
1498         left : 15px;
1499         right : 5px;
1500         height : 35px;
1501         color : #4684ff;
1502         font-size : 12px;
1503 }
1504
1505 #feeds-holder {
1506         border-width : 1px 1px 0px 0px;
1507         border-style : dotted solid;
1508         border-color : #88b0f0;
1509         top : 40px;
1510         left : 0px;
1511         position : absolute;
1512         width : 260px;
1513         overflow : auto;
1514         bottom : 0px;
1515         border-collapse : collapse;
1516 }
1517
1518 #toolbar {
1519         position : absolute;
1520         left : 261px;
1521         padding : 0px 0px 0px 10px;
1522         top : 40px;
1523         right : 0px;
1524         white-space: nowrap;
1525         height : 30px;
1526         background-image : url("images/toolbar.png");
1527         background-position : bottom left;
1528         background-repeat : repeat-x;
1529         font-size : 12px;
1530 }
1531
1532 div.headlines_normal {
1533         position : absolute;
1534         border-width : 1px 0px 0px 0px;
1535         border-style : solid;
1536         border-color : #88b0f0;
1537         left : 261px;
1538         height : 305px;
1539         top : 70px;
1540         right : 0px;
1541         overflow : hidden;
1542         font-size : 12px;
1543         border-collapse : collapse;
1544 }
1545
1546 div.headlines_cdm {
1547         position : absolute;
1548         border-width : 1px 0px 1px 0px;
1549         border-style : solid;
1550         border-color : #88b0f0;
1551         left : 261px;
1552         bottom : 40px;
1553         top : 70px;
1554         right : 0px;
1555         overflow : hidden;
1556         font-size : 12px;
1557         border-collapse : collapse;
1558 }
1559
1560 #content-frame {
1561         position : absolute;
1562         border-width : 1px 0px 0px 0px;
1563         border-style : solid;
1564         border-color : #88b0f0;
1565         overflow : auto;
1566         top : 390px;
1567         left : 261px;
1568         bottom : 40px;
1569         right : 0px;
1570         border-collapse : collapse;
1571 }
1572
1573 /*#resize-grabber {
1574         position : absolute;
1575         border-width : 1px;
1576         border-style : dotted;
1577         border-color : #88b0f0;
1578         background-color : white;
1579         width : 8px;
1580         height : 8px;
1581         z-index : 20;
1582         right : 20px;
1583         top : 20px;
1584         display : none;
1585         cursor : move;
1586 }*/
1587
1588 #resize-grabber {
1589         height : 5px;
1590         border-width : 0px 0px 1px 0px;
1591         border-style : solid;
1592         border-color : #88b0f0;
1593         background : url("images/resize_horiz.png") top left;
1594         cursor : move;
1595         text-align : center;
1596 }
1597
1598 #footer, #prefFooter {
1599         position : absolute;
1600         bottom : 0px;
1601         height : 20px;
1602         text-align : center;
1603         color : gray;
1604         font-size : 12px;
1605         background-image : url("images/footer.png");
1606         background-position : top left;
1607         background-repeat : repeat-x;
1608         background-color : white;
1609         right : 0px;
1610         left : 261px;
1611         padding : 10px;
1612         border-collapse : collapse;
1613         border-width : 1px 0px 0px 0px;
1614         border-style : solid;
1615         border-color : #88b0f0;
1616
1617 }
1618
1619 #prefFooter {
1620         left : 0px;
1621 }
1622
1623 #footer a, #prefFooter a {
1624         color : gray;
1625 }
1626
1627 #footer a:hover, #prefFooter a:hover {
1628         color : black;
1629 }
1630
1631 #headlinesContainer {
1632         margin-left : 0px;
1633         background-color : white;
1634 }
1635
1636 #headlineActionsTop {
1637 /*      border-width : 0px 0px 1px 0px;
1638         border-style : solid;
1639         border-color : #c0c0c0;
1640         background-color : #fafafa; */
1641         font-size : 12px;
1642 }
1643
1644 #headlinesInnerContainer {
1645         overflow : auto;
1646         position : absolute;
1647         left : 0px;
1648         right : 0px;
1649         bottom : 0px;
1650         top : 25px;
1651 }
1652
1653 /* preferences layout */
1654
1655 #prefHeader {
1656         color : #4684ff;
1657         font-size : 12px;
1658         margin : 10px;
1659         height : 33px;
1660 }
1661
1662 div.return {
1663         float : right;
1664         font-size : 12px;
1665         margin-right : 10px;
1666 }
1667
1668 div.return a {
1669         color : #4684ff;
1670 }
1671
1672 div.return a:hover {
1673         color : black;
1674 }
1675
1676 #prefContentOuter {
1677         clear : left;
1678         position : absolute;
1679         bottom : 41px;
1680         top : 75px;
1681         left : 0px;
1682         right : 0px;
1683         min-height : 300px;
1684         border-width : 1px 0px 0px 0px;
1685         border-color : #88b0f0;
1686         border-style : solid;
1687         font-size : 12px;
1688 }
1689
1690 #prefContent {
1691         z-index : 4;
1692         background-image : url("images/prefs-content.png");
1693         background-position : top left;
1694         background-repeat : repeat-x;
1695         position : absolute;
1696         bottom : 0px;
1697         top : 0px;
1698         left : 0px;
1699         right : 0px;
1700         padding : 1em;
1701         overflow : auto;
1702
1703 }
1704
1705 #userSwitch {
1706         position : absolute;
1707         bottom : 2px;
1708         right : 2px;
1709 }
1710
1711 a.feedUpdErrLink {
1712         color : #ff0000;
1713         display : block;
1714         margin-bottom : 0.5em;
1715 }
1716
1717 .catCtrHasUnread, .feedCtrHasUnread {
1718         font-weight : bold;
1719         color : #707070;
1720 }
1721
1722 .catCtrNoUnread, .feedCtrNoUnread {
1723         display : none;
1724 }
1725
1726 div.topLinks img {
1727         vertical-align : middle;
1728         cursor : pointer;
1729 }
1730
1731 #offlineModePic {
1732         margin-left : 5px;
1733 }
1734
1735 a.helpLinkPic {
1736         float : right;
1737 }
1738
1739 a.helpLinkPic img {
1740         border-width : 0px;
1741 }
1742
1743 #fadd_login_container {
1744 }
1745
1746 li.feedCatHolder {
1747         display : inline;
1748 }
1749
1750 table.prefFeedCatList {
1751         background-color : white;
1752 }
1753
1754 /*a[target="_new"], a[target="_blank"] {
1755         border-width : 0px 0px 1px 0px;
1756         border-color : #778899;
1757         border-style : dotted;
1758 }*/
1759
1760 div.autocomplete {
1761         position : absolute;
1762         width : 250px;
1763         background-color : white;
1764         border :1px solid #778899;
1765         margin : 0px;
1766         padding : 0px;
1767 }
1768
1769 div.autocomplete ul {
1770         list-style-type : none;
1771         margin : 0px;
1772         padding : 0px;
1773 }
1774
1775 div.autocomplete ul li.selected {
1776         background-color : #fff7d5;
1777 }
1778
1779 div.autocomplete ul li {
1780         list-style-type : none;
1781         display : block;
1782         margin : 0;
1783         padding : 2px;
1784         height : 32px;
1785         cursor : pointer;
1786 }
1787
1788 #feedOpToolbar {
1789         float : right;
1790 }
1791
1792 div.topLinks {
1793         float : right;
1794         color : gray;
1795 }
1796
1797 div.topLinks a {
1798         color : #4684ff;
1799 }
1800
1801 div.topLinks a:hover {
1802         color : black;
1803 }
1804
1805 div.topLinks a.feedback {
1806         color : #009900;
1807 }
1808
1809 div.dashboard {
1810         margin-left : 3px;
1811 }
1812
1813 a.visibleLink {
1814         color : #4684ff;
1815
1816 }
1817
1818 a.visibleLinkB {
1819         color : #4684ff;
1820         border : 1px solid #4684ff;
1821         padding : 2px;
1822 }
1823
1824 a.visibleLinkB:hover {
1825         background-color : #ecf4ff;
1826 }
1827
1828 table.headlinesList tr.feedTitle td a, div.cdmFeedTitle a {
1829         color : #4684ff;
1830 }
1831
1832 div.cdmFeedTitle {
1833         border-color : #a0a0a0;
1834         border-width : 0px 0px 1px 0px;
1835         border-style : solid;
1836         padding : 5px 3px 5px 5px;
1837         background : url("images/toolbar.png") bottom left;
1838         background-repeat : repeat-x;
1839 }
1840
1841 table.headlinesList tr, table.headlinesList td {
1842         border-collapse : collapse;
1843         margin : 0px;
1844 }
1845
1846 table.headlinesList tr.feedTitle td {
1847 /*      text-align : right;
1848         margin-top : 10px; */
1849         /*padding-left : 5px;*/
1850
1851         background : url("images/toolbar.png") bottom left;
1852         background-repeat : repeat-x;
1853
1854         border-color : #c0c0c0;
1855         border-width : 0px 0px 1px 0px;
1856         border-style : solid;
1857         padding : 5px 3px 5px 5px;
1858
1859 }
1860
1861 td.hlContent, td.hlContentL, td.hlContentH {
1862         cursor : pointer;
1863 }
1864
1865 td.hlContentH a, td.hlContentH span {
1866         color : #00cc00;
1867 }
1868
1869 td.hlContentL a, td.hlContentL span {
1870         color : #909090;
1871         text-decoration : line-through;
1872 }
1873
1874 span.titleWrapH, span.titleWrapH a {
1875         color : #00cc00;
1876 }
1877
1878 span.titleWrapL, span.titleWrapL a {
1879         color : #909090;
1880         text-decoration : line-through;
1881 }
1882
1883 img.hlScorePic {
1884         vertical-align : middle;
1885         width : 16px;
1886         height : 16px;
1887 }
1888
1889 div#hotkey_help_overlay {
1890         position : absolute;
1891         left : 30px;
1892         right : 30px;
1893         top : 30px;
1894         z-index : 999;
1895         color : white;
1896         font-size : 15px;
1897 }
1898
1899 div#hotkey_help_overlay h1 {
1900         text-align : center;
1901 }
1902
1903 div#hotkey_help_overlay ul {
1904         list-style-type : none;
1905         margin : 0px;
1906 }
1907
1908 div#hotkey_help_overlay li {
1909         margin : 0px;
1910 }
1911
1912 div#hotkey_help_overlay p {
1913         text-align : center;
1914 }
1915
1916 div#hotkey_help_overlay td.n {
1917         text-align : right;
1918         font-weight : bold;
1919         width : 6em;
1920         color : #a0ffa0;
1921         padding-right : 5px;
1922 }
1923
1924 div#hotkey_help_overlay td {
1925         vertical-align : top;
1926 }
1927
1928 div#hotkey_help_overlay h1 {
1929         margin : 0px;
1930 }
1931
1932 div#hotkey_help_overlay h2 {
1933         font-size : 16px;
1934         border-width : 0px;
1935         margin : 0.3em 0px 0.3em 0px;
1936         text-align : center;
1937         color : #88b0f0;
1938 }
1939
1940 div#hotkey_help_overlay table.hho td.c1 {
1941         height : 30px;
1942         width : 30px;
1943         background : url("images/c1.png");
1944         background-repeat : no-repeat;
1945
1946 }
1947
1948 div#hotkey_help_overlay table.hho td.c2 {
1949         height : 30px;
1950         width : 30px;
1951         background : url("images/c2.png");
1952         background-repeat : no-repeat;
1953 }
1954
1955 div#hotkey_help_overlay table.hho td.c3 {
1956         height : 30px;
1957         width : 30px;
1958         background : url("images/c3.png");
1959         background-repeat : no-repeat;
1960 }
1961
1962 div#hotkey_help_overlay table.hho td.c4 {
1963         height : 30px;
1964         width : 30px;
1965         background : url("images/c4.png");
1966         background-repeat : no-repeat;
1967 }
1968
1969 div#hotkey_help_overlay table.hho td.top,
1970 div#hotkey_help_overlay table.hho td.left,
1971 div#hotkey_help_overlay table.hho td.right,
1972 div#hotkey_help_overlay table.hho td.bottom,
1973 div#hotkey_help_overlay table.hho td.content {
1974         background : url("images/shadow_dark.png");
1975 }
1976
1977 div#hotkey_help_overlay table.hho td.top,
1978 div#hotkey_help_overlay table.hho td.bottom {
1979         text-align : center;
1980         font-size : 13px;
1981 }
1982
1983 div.prefKbdHelp {
1984         float : right;
1985         font-size : 12px;
1986         margin-right : 15px;
1987 }
1988
1989 div.prefKbdHelp img {
1990         vertical-align : middle;
1991 }
1992
1993 div#l_progress_o {
1994         width : 200px;
1995         border : 1px solid black;
1996         background-color : white;
1997         margin-top : 10px;
1998 }
1999
2000 div#l_progress_i {
2001         width : 10px;
2002         background-color : #88b0f0;
2003         height : 10px;
2004 }
2005
2006 #content-insert {
2007         background-color : white;
2008         overflow : auto;
2009         position : absolute;
2010         left : 0px;
2011         right : 0px;
2012         bottom : 0px;
2013         top : 6px;
2014 }
2015
2016 div.dlgSec {
2017         font-size : 14px;
2018         color : gray;
2019         font-weight : bold;
2020         clear : both;
2021         height : 20px;
2022 }
2023
2024 div.dlgSecCont {
2025         position : relative;
2026         left : 150px;
2027         top : -20px;
2028         float : left;
2029         font-size : 12px;
2030         font-weight : normal;
2031         line-height : 200%;
2032 }
2033
2034 div.dlgButtons {
2035         text-align : right;
2036         clear : both;
2037 }
2038
2039 div#label_test_result {
2040         clear : both;
2041 }
2042
2043 pre, code {
2044         font-size : 12px;
2045         font-family : monospace;
2046 }
2047
2048 span#headlineActionsDrop {
2049         border : 1px solid #c0c0c0;
2050         padding : 1px 5px 1px 10px;
2051         color : #063064;
2052         cursor : pointer;
2053 }
2054
2055 ul#headlineActionsBody {
2056         list-style-type : none;
2057         position : absolute;
2058         margin : 0px;
2059         padding : 0px;
2060         background-color : white;
2061         width : 150px;
2062         z-index : 4;
2063         top : auto;
2064         left : auto;
2065         border-width : 1px 1px 1px 1px;
2066         border-color : #c0c0c0;
2067         border-style : solid;
2068         margin-left : -1px;
2069         max-height : 250px;
2070         overflow : auto;
2071 }
2072
2073 ul#headlineActionsBody li {
2074         padding : 2px 5px 2px 10px;
2075         color : black;
2076 }
2077
2078 ul#headlineActionsBody li:hover {
2079         color : #4684ff;
2080         cursor : pointer;
2081         background : #ecf4ff;
2082 }
2083
2084 ul#headlineActionsBody li.insensitive {
2085         color : gray;
2086 }
2087
2088 ul#headlineActionsBody li.insensitive:hover {
2089         background : white;
2090         cursor : normal;
2091         color : gray;
2092 }
2093
2094 div#errorBox div#xebTitle {
2095         background-color : #ff0000;
2096         color : white;
2097         padding : 4px 2px 4px 10px;
2098         color : white;
2099         font-weight : bold;
2100         font-size : 12px;
2101 }
2102
2103 div#errorBox div#xebContent {
2104         font-size : 12px;
2105         padding : 10px;
2106 }
2107
2108 div#errorBox textarea {
2109         width : 100%;
2110         height : 200px;
2111 }
2112
2113 div#errorBox input {
2114         margin-bottom : 10px;
2115 }
2116
2117 span.prefsLabelEntry {
2118         padding : 2px;
2119 }
2120
2121 div.labelColorIndicator {
2122         height : 14px;
2123         width : 14px;
2124         line-height : 14px;
2125         font-height : 9px;
2126         text-align : center;
2127         border : 1px solid black;
2128         float : left;
2129         background-color : #fff7d5;
2130         color : #063064;
2131         margin-right : 10px;
2132 }
2133
2134 div.colorPicker div.colorPickerEntry:hover {
2135         border : 1px solid #88b0f0;
2136 }
2137
2138 div.colorPicker div.ccPrompt:hover {
2139         color : black;
2140 }
2141
2142 div.colorPicker div.colorPickerEntry {
2143         height : 15px;
2144         width : 15px;
2145         line-height : 13px;
2146         font-height : 9px;
2147         text-align : center;
2148         border : 1px solid black;
2149         margin : 5px 5px 0px 0px;
2150         float : left;
2151 }
2152
2153 div.colorPicker {
2154         border : 1px solid #cccccc;
2155         background : #f0f0f0;
2156         width : 110px;
2157         padding : 0px 0px 5px 5px;
2158         position : absolute;
2159         left : auto;
2160         top : auto;
2161         z-index : 3;
2162         color : #909090;
2163 }
2164
2165 div#offlineModeDrop div {
2166         padding : 2px 2px 2px 2px;
2167         text-align : left;
2168 }
2169
2170 div#offlineModeDrop {
2171         position : absolute;
2172         margin : 0px;
2173         padding : 2px;
2174         background-color : white;
2175         z-index : 2;
2176         margin : 2px 0px 0px 0px;
2177         top : auto;
2178         right : 0px;
2179         border : 1px solid #cccccc;
2180         background : white;
2181         min-width : 170px;
2182         margin-left : -1px;
2183         max-height : 250px;
2184         overflow : auto;
2185         color : #909090;
2186 }
2187
2188 optgroup {
2189         color : #5050aa;
2190         font-style : normal;
2191 }
2192
2193 option {
2194         color : black;
2195 }