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 img {
1758         border-width : 0px;
1759         vertical-align : middle;
1760 }
1761
1762 #fadd_login_container {
1763 }
1764
1765 li.feedCatHolder {
1766         display : inline;
1767 }
1768
1769 table.prefFeedCatList {
1770         background-color : white;
1771 }
1772
1773 /*a[target="_new"], a[target="_blank"] {
1774         border-width : 0px 0px 1px 0px;
1775         border-color : #778899;
1776         border-style : dotted;
1777 }*/
1778
1779 div.autocomplete {
1780         position : absolute;
1781         width : 250px;
1782         background-color : white;
1783         border :1px solid #778899;
1784         margin : 0px;
1785         padding : 0px;
1786 }
1787
1788 div.autocomplete ul {
1789         list-style-type : none;
1790         margin : 0px;
1791         padding : 0px;
1792 }
1793
1794 div.autocomplete ul li.selected {
1795         background-color : #fff7d5;
1796 }
1797
1798 div.autocomplete ul li {
1799         list-style-type : none;
1800         display : block;
1801         margin : 0;
1802         padding : 2px;
1803         height : 32px;
1804         cursor : pointer;
1805 }
1806
1807 #feedOpToolbar {
1808         float : right;
1809 }
1810
1811 div.topLinks {
1812         float : right;
1813         color : gray;
1814 }
1815
1816 div.topLinks a {
1817         color : #4684ff;
1818 }
1819
1820 div.topLinks a:hover {
1821         color : black;
1822 }
1823
1824 div.topLinks a.feedback {
1825         color : #009900;
1826 }
1827
1828 div.dashboard {
1829         margin-left : 3px;
1830 }
1831
1832 a.visibleLink {
1833         color : #4684ff;
1834
1835 }
1836
1837 a.visibleLinkB {
1838         color : #4684ff;
1839         border : 1px solid #4684ff;
1840         padding : 2px;
1841 }
1842
1843 a.visibleLinkB:hover {
1844         background-color : #ecf4ff;
1845 }
1846
1847 table.headlinesList tr.feedTitle td a, div.cdmFeedTitle a {
1848         color : #4684ff;
1849 }
1850
1851 div.cdmFeedTitle {
1852         border-color : #a0a0a0;
1853         border-width : 0px 0px 1px 0px;
1854         border-style : solid;
1855         padding : 5px 3px 5px 5px;
1856         background : url("images/toolbar.png") bottom left;
1857         background-repeat : repeat-x;
1858 }
1859
1860 table.headlinesList tr, table.headlinesList td {
1861         border-collapse : collapse;
1862         margin : 0px;
1863 }
1864
1865 table.headlinesList tr.feedTitle td {
1866 /*      text-align : right;
1867         margin-top : 10px; */
1868         /*padding-left : 5px;*/
1869
1870         background : url("images/toolbar.png") bottom left;
1871         background-repeat : repeat-x;
1872
1873         border-color : #c0c0c0;
1874         border-width : 0px 0px 1px 0px;
1875         border-style : solid;
1876         padding : 5px 3px 5px 5px;
1877
1878 }
1879
1880 td.hlContent, td.hlContentL, td.hlContentH {
1881         cursor : pointer;
1882 }
1883
1884 td.hlContentH a, td.hlContentH span {
1885         color : #00cc00;
1886 }
1887
1888 td.hlContentL a, td.hlContentL span {
1889         color : #909090;
1890         text-decoration : line-through;
1891 }
1892
1893 span.titleWrapH, span.titleWrapH a {
1894         color : #00cc00;
1895 }
1896
1897 span.titleWrapL, span.titleWrapL a {
1898         color : #909090;
1899         text-decoration : line-through;
1900 }
1901
1902 img.hlScorePic {
1903         vertical-align : middle;
1904         width : 16px;
1905         height : 16px;
1906 }
1907
1908 div#hotkey_help_overlay {
1909         position : absolute;
1910         left : 30px;
1911         right : 30px;
1912         top : 30px;
1913         z-index : 999;
1914         color : white;
1915         font-size : 15px;
1916 }
1917
1918 div#hotkey_help_overlay h1 {
1919         text-align : center;
1920 }
1921
1922 div#hotkey_help_overlay ul {
1923         list-style-type : none;
1924         margin : 0px;
1925 }
1926
1927 div#hotkey_help_overlay li {
1928         margin : 0px;
1929 }
1930
1931 div#hotkey_help_overlay p {
1932         text-align : center;
1933 }
1934
1935 div#hotkey_help_overlay td.n {
1936         text-align : right;
1937         font-weight : bold;
1938         width : 6em;
1939         color : #a0ffa0;
1940         padding-right : 5px;
1941 }
1942
1943 div#hotkey_help_overlay td {
1944         vertical-align : top;
1945 }
1946
1947 div#hotkey_help_overlay h1 {
1948         margin : 0px;
1949 }
1950
1951 div#hotkey_help_overlay h2 {
1952         font-size : 16px;
1953         border-width : 0px;
1954         margin : 0.3em 0px 0.3em 0px;
1955         text-align : center;
1956         color : #88b0f0;
1957 }
1958
1959 div#hotkey_help_overlay table.hho td.c1 {
1960         height : 30px;
1961         width : 30px;
1962         background : url("images/c1.png");
1963         background-repeat : no-repeat;
1964
1965 }
1966
1967 div#hotkey_help_overlay table.hho td.c2 {
1968         height : 30px;
1969         width : 30px;
1970         background : url("images/c2.png");
1971         background-repeat : no-repeat;
1972 }
1973
1974 div#hotkey_help_overlay table.hho td.c3 {
1975         height : 30px;
1976         width : 30px;
1977         background : url("images/c3.png");
1978         background-repeat : no-repeat;
1979 }
1980
1981 div#hotkey_help_overlay table.hho td.c4 {
1982         height : 30px;
1983         width : 30px;
1984         background : url("images/c4.png");
1985         background-repeat : no-repeat;
1986 }
1987
1988 div#hotkey_help_overlay table.hho td.top,
1989 div#hotkey_help_overlay table.hho td.left,
1990 div#hotkey_help_overlay table.hho td.right,
1991 div#hotkey_help_overlay table.hho td.bottom,
1992 div#hotkey_help_overlay table.hho td.content {
1993         background : url("images/shadow_dark.png");
1994 }
1995
1996 div#hotkey_help_overlay table.hho td.top,
1997 div#hotkey_help_overlay table.hho td.bottom {
1998         text-align : center;
1999         font-size : 13px;
2000 }
2001
2002 div.prefKbdHelp {
2003         float : right;
2004         font-size : 12px;
2005         margin-right : 15px;
2006 }
2007
2008 div.prefKbdHelp img {
2009         vertical-align : middle;
2010 }
2011
2012 div#l_progress_o {
2013         width : 200px;
2014         border : 1px solid black;
2015         background-color : white;
2016         margin-top : 10px;
2017 }
2018
2019 div#l_progress_i {
2020         width : 10px;
2021         background-color : #88b0f0;
2022         height : 10px;
2023 }
2024
2025 #content-insert {
2026         background-color : white;
2027         overflow : auto;
2028         position : absolute;
2029         left : 0px;
2030         right : 0px;
2031         bottom : 0px;
2032         top : 6px;
2033 }
2034
2035 div.dlgSec {
2036         font-size : 14px;
2037         color : gray;
2038         font-weight : bold;
2039         clear : both;
2040         height : 20px;
2041 }
2042
2043 div.dlgSecCont {
2044         position : relative;
2045         left : 150px;
2046         top : -20px;
2047         float : left;
2048         font-size : 12px;
2049         font-weight : normal;
2050         line-height : 200%;
2051 }
2052
2053 div.dlgButtons {
2054         text-align : right;
2055         clear : both;
2056 }
2057
2058 div#label_test_result {
2059         clear : both;
2060 }
2061
2062 pre, code {
2063         font-size : 12px;
2064         font-family : monospace;
2065 }
2066
2067 span#headlineActionsDrop {
2068         border : 1px solid #c0c0c0;
2069         padding : 1px 5px 1px 10px;
2070         color : #063064;
2071         cursor : pointer;
2072 }
2073
2074 ul#headlineActionsBody {
2075         list-style-type : none;
2076         position : absolute;
2077         margin : 0px;
2078         padding : 0px;
2079         background-color : white;
2080         width : 150px;
2081         z-index : 4;
2082         top : auto;
2083         left : auto;
2084         border-width : 1px 1px 1px 1px;
2085         border-color : #c0c0c0;
2086         border-style : solid;
2087         margin-left : -1px;
2088         max-height : 250px;
2089         overflow : auto;
2090 }
2091
2092 ul#headlineActionsBody li {
2093         padding : 2px 5px 2px 10px;
2094         color : black;
2095 }
2096
2097 ul#headlineActionsBody li:hover {
2098         color : #4684ff;
2099         cursor : pointer;
2100         background : #ecf4ff;
2101 }
2102
2103 ul#headlineActionsBody li.insensitive {
2104         color : gray;
2105 }
2106
2107 ul#headlineActionsBody li.insensitive:hover {
2108         background : white;
2109         cursor : normal;
2110         color : gray;
2111 }
2112
2113 div#errorBox div#xebTitle {
2114         background-color : #ff0000;
2115         color : white;
2116         padding : 4px 2px 4px 10px;
2117         color : white;
2118         font-weight : bold;
2119         font-size : 12px;
2120 }
2121
2122 div#errorBox div#xebContent {
2123         font-size : 12px;
2124         padding : 10px;
2125 }
2126
2127 div#errorBox textarea {
2128         width : 100%;
2129         height : 200px;
2130 }
2131
2132 div#errorBox input {
2133         margin-bottom : 10px;
2134 }
2135
2136 span.prefsLabelEntry {
2137         padding : 2px;
2138 }
2139
2140 div.labelColorIndicator {
2141         height : 14px;
2142         width : 14px;
2143         line-height : 14px;
2144         font-height : 9px;
2145         text-align : center;
2146         border : 1px solid black;
2147         float : left;
2148         background-color : #fff7d5;
2149         color : #063064;
2150         margin-right : 10px;
2151 }
2152
2153 div.colorPicker div.colorPickerEntry:hover {
2154         border : 1px solid #88b0f0;
2155 }
2156
2157 div.colorPicker div.ccPrompt:hover {
2158         color : black;
2159 }
2160
2161 div.colorPicker div.colorPickerEntry {
2162         height : 15px;
2163         width : 15px;
2164         line-height : 13px;
2165         font-height : 9px;
2166         text-align : center;
2167         border : 1px solid black;
2168         margin : 5px 5px 0px 0px;
2169         float : left;
2170 }
2171
2172 div.colorPicker {
2173         border : 1px solid #cccccc;
2174         background : #f0f0f0;
2175         width : 110px;
2176         padding : 0px 0px 5px 5px;
2177         position : absolute;
2178         left : auto;
2179         top : auto;
2180         z-index : 3;
2181         color : #909090;
2182 }
2183
2184 div#offlineModeDrop div {
2185         padding : 2px 2px 2px 2px;
2186         text-align : left;
2187 }
2188
2189 div#offlineModeDrop {
2190         position : absolute;
2191         margin : 0px;
2192         padding : 2px;
2193         background-color : white;
2194         z-index : 2;
2195         margin : 2px 0px 0px 0px;
2196         top : auto;
2197         right : 0px;
2198         border : 1px solid #cccccc;
2199         background : white;
2200         min-width : 170px;
2201         margin-left : -1px;
2202         max-height : 250px;
2203         overflow : auto;
2204         color : #909090;
2205 }
2206
2207 optgroup {
2208         color : #5050aa;
2209         font-style : normal;
2210 }
2211
2212 option {
2213         color : black;
2214 }
2215
2216 div#cmdline {
2217         position : absolute;
2218         left : 5px;
2219         bottom : 5px;
2220         font-size : 11px;
2221         color : gray;
2222         font-weight : bold;
2223         background-color : white;
2224         border : 1px solid #88b0f0;
2225         padding : 3px 5px 3px 5px;
2226         z-index : 5;
2227 }
2228
2229 #feed_browser_spinner {
2230         vertical-align : middle;
2231         height : 18px;
2232         width : 18px;
2233 }
2234
2235 div#auxDlg {
2236         position : absolute;
2237         z-index : 3;
2238         bottom : 5px;
2239         right : 25px;
2240         padding : 5px;
2241         border-width : 1px;
2242         border-style : solid;
2243         border-color : #d7c47a;
2244         background-color : #fff7d5;
2245         color : black;
2246         text-align : center;
2247         font-size : 13px;
2248 }
2249
2250 div#auxDlg a {
2251         color : #4684ff;
2252 }
2253
2254 button:active {
2255         background-image : url("images/button_pressed.png");
2256 }
2257
2258 button, select {
2259         background-color : transparent;
2260         background-repeat : repeat-x;
2261         background-position : top left;
2262         background-image : url("images/button.png");
2263         border : 1px solid #bebebe;
2264         font-family : "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
2265         font-size : 100%;
2266         text-decoration : none;
2267         color : #303030;
2268         cursor : pointer;
2269         padding : 1px 5px 1px 5px;
2270         margin : 0px;
2271 }
2272
2273 select {
2274         background : #ffffff;
2275         padding : 1px 0px 1px 3px;
2276 }
2277
2278 input {
2279         background : white;
2280         border : 1px solid #bebebe;
2281         font-size : 100%;
2282         padding : 1px 3px 1px 3px;
2283 }
2284
2285 button:hover {
2286         background-color : #f9faff;
2287         border : 1px solid #88b0f0;
2288         color : #336699;
2289 }
2290
2291 button[disabled] {
2292         background : #f0f0f0;
2293         color : #dedede;
2294         border : 1px solid #dedede;
2295 }