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