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