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