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 div.actionChooser {
1539         margin-right : 5px;
1540         float : right;
1541 }
1542
1543 #toolbar {
1544         position : absolute;
1545         left : 261px;
1546         padding : 0px 0px 0px 10px;
1547         top : 40px;
1548         right : 0px;
1549         white-space: nowrap;
1550         height : 30px;
1551         background-image : url("images/toolbar.png");
1552         background-position : bottom left;
1553         background-repeat : repeat-x;
1554         font-size : 12px;
1555 }
1556
1557 div.headlines_normal {
1558         position : absolute;
1559         border-width : 1px 0px 0px 0px;
1560         border-style : solid;
1561         border-color : #88b0f0;
1562         left : 261px;
1563         height : 305px;
1564         top : 70px;
1565         right : 0px;
1566         overflow : hidden;
1567         font-size : 12px;
1568         border-collapse : collapse;
1569 }
1570
1571 div.headlines_cdm {
1572         position : absolute;
1573         border-width : 1px 0px 1px 0px;
1574         border-style : solid;
1575         border-color : #88b0f0;
1576         left : 261px;
1577         bottom : 40px;
1578         top : 70px;
1579         right : 0px;
1580         overflow : hidden;
1581         font-size : 12px;
1582         border-collapse : collapse;
1583 }
1584
1585 #content-frame {
1586         position : absolute;
1587         border-width : 1px 0px 0px 0px;
1588         border-style : solid;
1589         border-color : #88b0f0;
1590         overflow : auto;
1591         top : 390px;
1592         left : 261px;
1593         bottom : 40px;
1594         right : 0px;
1595         border-collapse : collapse;
1596 }
1597
1598 /*#resize-grabber {
1599         position : absolute;
1600         border-width : 1px;
1601         border-style : dotted;
1602         border-color : #88b0f0;
1603         background-color : white;
1604         width : 8px;
1605         height : 8px;
1606         z-index : 20;
1607         right : 20px;
1608         top : 20px;
1609         display : none;
1610         cursor : move;
1611 }*/
1612
1613 #resize-grabber {
1614         height : 5px;
1615         border-width : 0px 0px 1px 0px;
1616         border-style : solid;
1617         border-color : #88b0f0;
1618         background : url("images/resize_horiz.png") top left;
1619         cursor : move;
1620         text-align : center;
1621 }
1622
1623 #footer, #prefFooter {
1624         position : absolute;
1625         bottom : 0px;
1626         height : 20px;
1627         text-align : center;
1628         color : gray;
1629         font-size : 12px;
1630         background-image : url("images/footer.png");
1631         background-position : top left;
1632         background-repeat : repeat-x;
1633         background-color : white;
1634         right : 0px;
1635         left : 261px;
1636         padding : 10px;
1637         border-collapse : collapse;
1638         border-width : 1px 0px 0px 0px;
1639         border-style : solid;
1640         border-color : #88b0f0;
1641
1642 }
1643
1644 #prefFooter {
1645         left : 0px;
1646 }
1647
1648 #footer a, #prefFooter a {
1649         color : gray;
1650 }
1651
1652 #footer a:hover, #prefFooter a:hover {
1653         color : black;
1654 }
1655
1656 #headlinesContainer {
1657         margin-left : 0px;
1658         background-color : white;
1659 }
1660
1661 #headlineActionsTop {
1662 /*      border-width : 0px 0px 1px 0px;
1663         border-style : solid;
1664         border-color : #c0c0c0;
1665         background-color : #fafafa; */
1666         font-size : 12px;
1667 }
1668
1669 #headlinesInnerContainer {
1670         overflow : auto;
1671         position : absolute;
1672         left : 0px;
1673         right : 0px;
1674         bottom : 0px;
1675         top : 25px;
1676 }
1677
1678 /* preferences layout */
1679
1680 #prefHeader {
1681         color : #4684ff;
1682         font-size : 12px;
1683         margin : 10px;
1684         height : 33px;
1685 }
1686
1687 div.return {
1688         float : right;
1689         font-size : 12px;
1690         margin-right : 10px;
1691 }
1692
1693 div.return a {
1694         color : #4684ff;
1695 }
1696
1697 div.return a:hover {
1698         color : black;
1699 }
1700
1701 #prefContentOuter {
1702         clear : left;
1703         position : absolute;
1704         bottom : 41px;
1705         top : 75px;
1706         left : 0px;
1707         right : 0px;
1708         min-height : 300px;
1709         border-width : 1px 0px 0px 0px;
1710         border-color : #88b0f0;
1711         border-style : solid;
1712         font-size : 12px;
1713 }
1714
1715 #prefContent {
1716         z-index : 4;
1717         background-image : url("images/prefs-content.png");
1718         background-position : top left;
1719         background-repeat : repeat-x;
1720         position : absolute;
1721         bottom : 0px;
1722         top : 0px;
1723         left : 0px;
1724         right : 0px;
1725         padding : 1em;
1726         overflow : auto;
1727
1728 }
1729
1730 #userSwitch {
1731         position : absolute;
1732         bottom : 2px;
1733         right : 2px;
1734 }
1735
1736 a.feedUpdErrLink {
1737         color : #ff0000;
1738         display : block;
1739         margin-bottom : 0.5em;
1740 }
1741
1742 .catCtrHasUnread, .feedCtrHasUnread {
1743         font-weight : bold;
1744         color : #707070;
1745 }
1746
1747 .catCtrNoUnread, .feedCtrNoUnread {
1748         display : none;
1749 }
1750
1751 div.topLinks img {
1752         vertical-align : middle;
1753         cursor : pointer;
1754 }
1755
1756 #offlineModePic {
1757         margin-left : 5px;
1758 }
1759
1760 a.helpLinkPic {
1761         float : right;
1762 }
1763
1764 a.helpLinkPic img {
1765         border-width : 0px;
1766 }
1767
1768 #fadd_login_container {
1769 }
1770
1771 li.feedCatHolder {
1772         display : inline;
1773 }
1774
1775 table.prefFeedCatList {
1776         background-color : white;
1777 }
1778
1779 /*a[target="_new"], a[target="_blank"] {
1780         border-width : 0px 0px 1px 0px;
1781         border-color : #778899;
1782         border-style : dotted;
1783 }*/
1784
1785 div.autocomplete {
1786         position : absolute;
1787         width : 250px;
1788         background-color : white;
1789         border :1px solid #778899;
1790         margin : 0px;
1791         padding : 0px;
1792 }
1793
1794 div.autocomplete ul {
1795         list-style-type : none;
1796         margin : 0px;
1797         padding : 0px;
1798 }
1799
1800 div.autocomplete ul li.selected {
1801         background-color : #fff7d5;
1802 }
1803
1804 div.autocomplete ul li {
1805         list-style-type : none;
1806         display : block;
1807         margin : 0;
1808         padding : 2px;
1809         height : 32px;
1810         cursor : pointer;
1811 }
1812
1813 #feedOpToolbar {
1814         float : right;
1815 }
1816
1817 div.topLinks {
1818         float : right;
1819         color : gray;
1820 }
1821
1822 div.topLinks a {
1823         color : #4684ff;
1824 }
1825
1826 div.topLinks a:hover {
1827         color : black;
1828 }
1829
1830 div.topLinks a.feedback {
1831         color : #009900;
1832 }
1833
1834 div.dashboard {
1835         margin-left : 3px;
1836 }
1837
1838 a.visibleLink {
1839         color : #4684ff;
1840
1841 }
1842
1843 a.visibleLinkB {
1844         color : #4684ff;
1845         border : 1px solid #4684ff;
1846         padding : 2px;
1847 }
1848
1849 a.visibleLinkB:hover {
1850         background-color : #ecf4ff;
1851 }
1852
1853 table.headlinesList tr.feedTitle td a, div.cdmFeedTitle a {
1854         color : #4684ff;
1855 }
1856
1857 div.cdmFeedTitle {
1858         border-color : #a0a0a0;
1859         border-width : 0px 0px 1px 0px;
1860         border-style : solid;
1861         padding : 5px 3px 5px 5px;
1862         background : url("images/toolbar.png") bottom left;
1863         background-repeat : repeat-x;
1864 }
1865
1866 table.headlinesList tr, table.headlinesList td {
1867         border-collapse : collapse;
1868         margin : 0px;
1869 }
1870
1871 table.headlinesList tr.feedTitle td {
1872 /*      text-align : right;
1873         margin-top : 10px; */
1874         /*padding-left : 5px;*/
1875
1876         background : url("images/toolbar.png") bottom left;
1877         background-repeat : repeat-x;
1878
1879         border-color : #c0c0c0;
1880         border-width : 0px 0px 1px 0px;
1881         border-style : solid;
1882         padding : 5px 3px 5px 5px;
1883
1884 }
1885
1886 td.hlContent, td.hlContentL, td.hlContentH {
1887         cursor : pointer;
1888 }
1889
1890 td.hlContentH a, td.hlContentH span {
1891         color : #00cc00;
1892 }
1893
1894 td.hlContentL a, td.hlContentL span {
1895         color : #909090;
1896         text-decoration : line-through;
1897 }
1898
1899 span.titleWrapH, span.titleWrapH a {
1900         color : #00cc00;
1901 }
1902
1903 span.titleWrapL, span.titleWrapL a {
1904         color : #909090;
1905         text-decoration : line-through;
1906 }
1907
1908 img.hlScorePic {
1909         vertical-align : middle;
1910         width : 16px;
1911         height : 16px;
1912 }
1913
1914 div#hotkey_help_overlay {
1915         position : absolute;
1916         left : 30px;
1917         right : 30px;
1918         top : 30px;
1919         z-index : 999;
1920         color : white;
1921         font-size : 15px;
1922 }
1923
1924 div#hotkey_help_overlay h1 {
1925         text-align : center;
1926 }
1927
1928 div#hotkey_help_overlay ul {
1929         list-style-type : none;
1930         margin : 0px;
1931 }
1932
1933 div#hotkey_help_overlay li {
1934         margin : 0px;
1935 }
1936
1937 div#hotkey_help_overlay p {
1938         text-align : center;
1939 }
1940
1941 div#hotkey_help_overlay td.n {
1942         text-align : right;
1943         font-weight : bold;
1944         width : 6em;
1945         color : #a0ffa0;
1946         padding-right : 5px;
1947 }
1948
1949 div#hotkey_help_overlay td {
1950         vertical-align : top;
1951 }
1952
1953 div#hotkey_help_overlay h1 {
1954         margin : 0px;
1955 }
1956
1957 div#hotkey_help_overlay h2 {
1958         font-size : 16px;
1959         border-width : 0px;
1960         margin : 0.3em 0px 0.3em 0px;
1961         text-align : center;
1962         color : #88b0f0;
1963 }
1964
1965 div#hotkey_help_overlay table.hho td.c1 {
1966         height : 30px;
1967         width : 30px;
1968         background : url("images/c1.png");
1969         background-repeat : no-repeat;
1970
1971 }
1972
1973 div#hotkey_help_overlay table.hho td.c2 {
1974         height : 30px;
1975         width : 30px;
1976         background : url("images/c2.png");
1977         background-repeat : no-repeat;
1978 }
1979
1980 div#hotkey_help_overlay table.hho td.c3 {
1981         height : 30px;
1982         width : 30px;
1983         background : url("images/c3.png");
1984         background-repeat : no-repeat;
1985 }
1986
1987 div#hotkey_help_overlay table.hho td.c4 {
1988         height : 30px;
1989         width : 30px;
1990         background : url("images/c4.png");
1991         background-repeat : no-repeat;
1992 }
1993
1994 div#hotkey_help_overlay table.hho td.top,
1995 div#hotkey_help_overlay table.hho td.left,
1996 div#hotkey_help_overlay table.hho td.right,
1997 div#hotkey_help_overlay table.hho td.bottom,
1998 div#hotkey_help_overlay table.hho td.content {
1999         background : url("images/shadow_dark.png");
2000 }
2001
2002 div#hotkey_help_overlay table.hho td.top,
2003 div#hotkey_help_overlay table.hho td.bottom {
2004         text-align : center;
2005         font-size : 13px;
2006 }
2007
2008 div.prefKbdHelp {
2009         float : right;
2010         font-size : 12px;
2011         margin-right : 15px;
2012 }
2013
2014 div.prefKbdHelp img {
2015         vertical-align : middle;
2016 }
2017
2018 div#l_progress_o {
2019         width : 200px;
2020         border : 1px solid black;
2021         background-color : white;
2022         margin-top : 10px;
2023 }
2024
2025 div#l_progress_i {
2026         width : 10px;
2027         background-color : #88b0f0;
2028         height : 10px;
2029 }
2030
2031 #content-insert {
2032         background-color : white;
2033         overflow : auto;
2034         position : absolute;
2035         left : 0px;
2036         right : 0px;
2037         bottom : 0px;
2038         top : 6px;
2039 }
2040
2041 div.dlgSec {
2042         font-size : 14px;
2043         color : gray;
2044         font-weight : bold;
2045         clear : both;
2046         height : 20px;
2047 }
2048
2049 div.dlgSecCont {
2050         position : relative;
2051         left : 150px;
2052         top : -20px;
2053         float : left;
2054         font-size : 12px;
2055         font-weight : normal;
2056         line-height : 200%;
2057 }
2058
2059 div.dlgButtons {
2060         text-align : right;
2061         clear : both;
2062 }
2063
2064 div#label_test_result {
2065         clear : both;
2066 }
2067
2068 pre, code {
2069         font-size : 12px;
2070         font-family : monospace;
2071 }
2072
2073 span#headlineActionsDrop {
2074         border : 1px solid #c0c0c0;
2075         padding : 1px 5px 1px 10px;
2076         color : #063064;
2077         cursor : pointer;
2078 }
2079
2080 ul#headlineActionsBody {
2081         list-style-type : none;
2082         position : absolute;
2083         margin : 0px;
2084         padding : 0px;
2085         background-color : white;
2086         width : 150px;
2087         z-index : 4;
2088         top : auto;
2089         left : auto;
2090         border-width : 1px 1px 1px 1px;
2091         border-color : #c0c0c0;
2092         border-style : solid;
2093         margin-left : -1px;
2094         max-height : 250px;
2095         overflow : auto;
2096 }
2097
2098 ul#headlineActionsBody li {
2099         padding : 2px 5px 2px 10px;
2100         color : black;
2101 }
2102
2103 ul#headlineActionsBody li:hover {
2104         color : #4684ff;
2105         cursor : pointer;
2106         background : #ecf4ff;
2107 }
2108
2109 ul#headlineActionsBody li.insensitive {
2110         color : gray;
2111 }
2112
2113 ul#headlineActionsBody li.insensitive:hover {
2114         background : white;
2115         cursor : normal;
2116         color : gray;
2117 }
2118
2119 div#errorBox div#xebTitle {
2120         background-color : #ff0000;
2121         color : white;
2122         padding : 4px 2px 4px 10px;
2123         color : white;
2124         font-weight : bold;
2125         font-size : 12px;
2126 }
2127
2128 div#errorBox div#xebContent {
2129         font-size : 12px;
2130         padding : 10px;
2131 }
2132
2133 div#errorBox textarea {
2134         width : 100%;
2135         height : 200px;
2136 }
2137
2138 div#errorBox input {
2139         margin-bottom : 10px;
2140 }
2141
2142 span.prefsLabelEntry {
2143         padding : 2px;
2144 }
2145
2146 div.labelColorIndicator {
2147         height : 14px;
2148         width : 14px;
2149         line-height : 14px;
2150         font-height : 9px;
2151         text-align : center;
2152         border : 1px solid black;
2153         float : left;
2154         background-color : #fff7d5;
2155         color : #063064;
2156         margin-right : 10px;
2157 }
2158
2159 div.colorPicker div.colorPickerEntry:hover {
2160         border : 1px solid #88b0f0;
2161 }
2162
2163 div.colorPicker div.ccPrompt:hover {
2164         color : black;
2165 }
2166
2167 div.colorPicker div.colorPickerEntry {
2168         height : 15px;
2169         width : 15px;
2170         line-height : 13px;
2171         font-height : 9px;
2172         text-align : center;
2173         border : 1px solid black;
2174         margin : 5px 5px 0px 0px;
2175         float : left;
2176 }
2177
2178 div.colorPicker {
2179         border : 1px solid #cccccc;
2180         background : #f0f0f0;
2181         width : 110px;
2182         padding : 0px 0px 5px 5px;
2183         position : absolute;
2184         left : auto;
2185         top : auto;
2186         z-index : 3;
2187         color : #909090;
2188 }
2189
2190 div#offlineModeDrop div {
2191         padding : 2px 2px 2px 2px;
2192         text-align : left;
2193 }
2194
2195 div#offlineModeDrop {
2196         position : absolute;
2197         margin : 0px;
2198         padding : 2px;
2199         background-color : white;
2200         z-index : 2;
2201         margin : 2px 0px 0px 0px;
2202         top : auto;
2203         right : 0px;
2204         border : 1px solid #cccccc;
2205         background : white;
2206         min-width : 170px;
2207         margin-left : -1px;
2208         max-height : 250px;
2209         overflow : auto;
2210         color : #909090;
2211 }
2212
2213 optgroup {
2214         color : #5050aa;
2215         font-style : normal;
2216 }
2217
2218 option {
2219         color : black;
2220 }
2221
2222 div#cmdline {
2223         position : absolute;
2224         left : 5px;
2225         bottom : 5px;
2226         font-size : 11px;
2227         color : gray;
2228         font-weight : bold;
2229         background-color : white;
2230         border : 1px solid #88b0f0;
2231         padding : 3px 5px 3px 5px;
2232         z-index : 5;
2233 }