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