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