themes/greentiny/theme.css

   1 body {
   2         background : #192025;
   3         color : #8BB6C6;
   4         margin : 0px;
   5         padding : 0px;
   6         font-family : "Lucida Grande", Arial, sans-serif;
   7 }
   8
   9 option {
  10         color : #8BB6C6;
  11 }
  12
  13 button[disabled], input[disabled], select[disabled], textarea[disabled] {
  14         background : #404040;
  15         color : gray;
  16 }
  17
  18 input, select, button {
  19         background : #1e2a32;
  20         border : 1px solid black;
  21         color : #8BB6C6;
  22         padding : 2px 4px 2px 4px;
  23 }
  24
  25 button:active {
  26         background : #FF5500;
  27 }
  28
  29 button {
  30 }
  31
  32 textarea {
  33         background : #171D22
  34         border : 1px solid black;
  35         color : #8BB6C6;
  36 }
  37
  38 select {
  39         padding : 2px 0px 2px 4px;
  40 }
  41
  42 blockquote {
  43         border-width : 0px 0px 0px 4px;
  44         border-color : #8BB6C6;
  45         border-style : solid;
  46         background-color : #1e2a32;
  47 }
  48
  49 /*div.postReply a {
  50         color : #8BB6C6;
  51 }*/
  52
  53 div.postReply a:hover {
  54         color : #ff6c00;
  55 }
  56
  57 div.postReply div.postHeader {
  58         background : #1e2a32;
  59         border-width : 0px 0px 1px 0px;
  60         border-style : dotted;
  61         border-color : #29353D;
  62         margin : 0px 1px 0px 0px;
  63         padding : 5px;
  64         cursor : move;
  65 }
  66
  67 div.postReply div.postContent {
  68         padding : 10px;
  69         font-size : 14px;
  70 }
  71
  72 div.postReply div.postEnclosures {
  73         margin-top : 1em;
  74         color : gray;
  75 }
  76
  77 div.postReply span.author {
  78         font-size : 12px;
  79 }
  80
  81 ul.feedList li.feedCat {
  82         margin : 0px;
  83         padding : 3px 0px 3px 0px;
  84         color : #707070;
  85         font-size : 12px;
  86 }
  87
  88 ul.feedList li.feedCat a {
  89         color : #707070;
  90 }
  91
  92 ul.feedList li.feedCat a:hover {
  93         color : #4684ff;
  94 }
  95
  96 ul.feedList li.feedCatSelected {
  97         margin : 0px;
  98         padding : 3px 0px 3px 0px;
  99         color : #4684ff;
 100         font-size : 12px;
 101 }
 102
 103 ul.feedList li.feedCatSelected a {
 104         color : #4684ff;
 105 }
 106
 107 ul.feedCatList {
 108         list-style-type : none;
 109         margin : 0px 0px 0px 15px;
 110         padding : 0px;
 111 }
 112
 113 ul.feedCatList li {
 114         margin : 0px;
 115         padding : 0px 0px 2px 0px;
 116         color : #8BB6C6;
 117 }
 118
 119 ul.feedList > li {
 120         padding : 0px 0px 2px 0px;
 121 }
 122
 123 li.feedUnread,
 124 li.errorUnread,
 125 li.labelUnread,
 126 li.virtUnread,
 127 li.tagUnread {
 128         font-weight : bold;
 129 }
 130
 131 li.errorSelected a,
 132 li.error a,
 133 li.errorUnread a,
 134 li.errorUnreadSelected a {
 135         color : #f04040;
 136 }
 137
 138 li.feed {
 139         display : block;
 140 }
 141
 142 h1 {
 143         font-size : 18px;
 144 }
 145
 146 h2 {
 147         font-size : 16px;
 148         font-weight : bold;
 149         border-width : 0px 0px 1px 0px;
 150         border-style : solid;
 151         border-color : #29353D;
 152 }
 153
 154 h3 {
 155         font-size : 14px;
 156         font-weight : bold;
 157         border-width : 0px 0px 1px 0px;
 158         border-style : solid;
 159         border-color : #29353D;
 160 }
 161
 162 hr {
 163         border-width : 0px 0px 1px 0px;
 164         border-style : dashed;
 165         border-color : #e0e0e0;
 166 }
 167
 168 a {
 169         color : #8BB6C6;
 170         text-decoration : none;
 171 }
 172
 173 a:hover {
 174         color : #00FF00;
 175 }
 176
 177 #notify {
 178         border-width : 1px;
 179         border-style : solid;
 180         top : 10px;
 181         right : 35%;
 182         min-width : 30%;
 183         position : absolute;
 184         display : none;
 185         float : right;
 186         font-size : 12px;
 187         z-index : 998;
 188         -moz-border-radius : 2px;
 189         padding : 5px 5px 5px 5px;
 190 }
 191
 192 #notify img {
 193         vertical-align : middle;
 194 }
 195
 196 .notifyProgress {
 197         border-color : #FFAA00;
 198         background-color : #FF5500;
 199         font-size : 14px;
 200         font-weight : bold;
 201         color : #FFAA00;
 202 }
 203
 204 .notifyInfo {
 205         border-color : #7AD78E;
 206         background-color : #D5FFDB;
 207         color : #8BB6C6;
 208 }
 209
 210 .notify {
 211         border-color : #d7c47a;
 212         background-color : #FF5500;
 213         color : #8BB6C6;
 214 }
 215
 216 .notifyError {
 217         background-color : #ffcccc;
 218         border-color : #ff0000;
 219         color : #8BB6C6;
 220 }
 221
 222 .notifyError span:hover {
 223         color : red;
 224         cursor : pointer;
 225 }
 226
 227 #dispSwitch {
 228         font-size : 12px;
 229         margin : 5px 5px 0px 0px;
 230 }
 231
 232 #dispSwitch a {
 233         color : gray;
 234 }
 235
 236 #dispSwitch a:hover {
 237         color : #4684ff;
 238 }
 239
 240 div.expPane {
 241         margin : 15px;
 242 }
 243
 244 .evenUnreadSelected, .evenSelectedUnread, .evenUnreadSelected td,
 245         .evenSelectedUnread td {
 246         background-color : #192025;
 247         font-weight : bold;
 248         border-width : 0px 0px 1px 0px;
 249         border-style : solid;
 250         border-color : #FFFFAA;
 251 }
 252
 253 .oddUnreadSelected, .oddSelectedUnread, .oddUnreadSelected td,
 254         .oddSelectedUnread td {
 255         background-color : #192025;
 256         font-weight : bold;
 257         border-width : 0px 0px 1px 0px;
 258         border-style : solid;
 259         border-color : #FFFFAA;
 260 }
 261
 262 .evenSelected, .evenSelected td {
 263         background-color : #192025;
 264         border-width : 0px 0px 1px 0px;
 265         border-style : solid;
 266         border-color : #FFFFAA;
 267         border-collapse : collapse;
 268 }
 269
 270 .oddSelected, .oddSelected td {
 271         background-color : #192025;
 272         border-width : 0px 0px 1px 0px;
 273         border-style : solid;
 274         border-color : #FFFFAA;
 275         border-collapse : collapse;
 276 }
 277
 278 .evenGrayed, .evenGrayed td {
 279         background-color : #202A30;
 280         color : #909090;
 281         border-width : 0px 0px 1px 0px;
 282         border-style : solid;
 283         border-color : #29353D;
 284         border-collapse : collapse;
 285 }
 286
 287 .oddGrayed {
 288         color : #909090;
 289 }
 290
 291 .even, .even td {
 292         border-width : 0px 0px 1px 0px;
 293         border-style : solid;
 294         border-color : #29353D;
 295         background-color : #202A30;
 296         border-collapse : collapse;
 297 }
 298
 299 .odd, .odd td {
 300         border-width : 0px 0px 1px 0px;
 301         border-style : solid;
 302         border-color : #29353D;
 303         border-collapse : collapse;
 304 }
 305
 306 .evenUnread, .evenUnread td {
 307         background-color : #202A30;
 308         font-weight : bold;
 309         border-width : 0px 0px 1px 0px;
 310         border-style : solid;
 311         border-color : #29353D;
 312         border-collapse : collapse;
 313 }
 314
 315 .oddUnread, .oddUnread td {
 316         font-weight : bold;
 317         border-width : 0px 0px 1px 0px;
 318         border-style : solid;
 319         border-color : #29353D;
 320 }
 321
 322 .invisible {
 323         display : none;
 324 }
 325
 326 /* preferences */
 327
 328 table.prefPrefsList tr:hover td.prefValue {
 329         color : #88b0f0;
 330 }
 331
 332 table.prefPrefsList tr:hover td.prefValue input {
 333         color : #88b0f0;
 334 }
 335
 336 tr.title td {
 337         border-width : 0px 0px 1px 0px;
 338         border-color : #29353D;
 339         border-style : solid;
 340         color : #4684ff;
 341 }
 342
 343 tr.title td a {
 344         color : #4684ff;
 345 }
 346
 347 tr.title td a:hover {
 348         color : #00FF00;
 349 }
 350
 351 div.feedEditSearch {
 352         float : right;
 353 }
 354
 355 table.prefFeedList td.feedEditCat {
 356         font-weight : bold;
 357         border-width : 0px 0px 1px 0px;
 358         border-style : solid;
 359         border-color : #29353D;
 360         padding-top : 0.5em;
 361 }
 362
 363 table.prefFilterList td.filterEditCat {
 364         font-weight : bold;
 365         border-width : 0px 0px 1px 0px;
 366         border-style : solid;
 367         border-color : #29353D;
 368         padding-top : 0.5em;
 369 }
 370
 371 /* oh for the love of... */
 372
 373 table.prefFilterList tr.even,
 374 table.prefFilterList tr.odd,
 375 table.prefFilterList tr.evenSelected,
 376 table.prefFilterList tr.oddSelected,
 377 table.prefLabelList tr.even,
 378 table.prefLabelList tr.odd,
 379 table.prefLabelList tr.evenSelected,
 380 table.prefLabelList tr.oddSelected,
 381 table.prefUserList tr.even,
 382 table.prefUserList tr.odd,
 383 table.prefUserList tr.evenSelected,
 384 table.prefUserList tr.oddSelected,
 385 table.prefFeedList tr.even,
 386 table.prefFeedList tr.odd,
 387 table.prefFeedList tr.evenSelected,
 388 table.prefFeedList tr.oddSelected
 389 {
 390         cursor : pointer;
 391 }
 392
 393 table.prefFilterList tr.even:hover td,
 394 table.prefFilterList tr.odd:hover td,
 395 table.prefFilterList tr.evenSelected:hover td,
 396 table.prefFilterList tr.oddSelected:hover td
 397 table.prefLabelList tr.even:hover td,
 398 table.prefLabelList tr.odd:hover td,
 399 table.prefLabelList tr.evenSelected:hover td,
 400 table.prefLabelList tr.oddSelected:hover td,
 401 table.prefUserList tr.even:hover td,
 402 table.prefUserList tr.odd:hover td,
 403 table.prefUserList tr.evenSelected:hover td,
 404 table.prefUserList tr.oddSelected:hover td,
 405 table.prefFeedList tr.even:hover td,
 406 table.prefFeedList tr.odd:hover td,
 407 table.prefFeedList tr.evenSelected:hover td,
 408 table.prefFeedList tr.oddSelected:hover td
 409 {
 410         color : #00FF00;
 411 }
 412
 413 table.prefFeedList td.feedIcon {
 414         text-align : center;
 415 }
 416
 417 table.prefFeedList td.feedSelect {
 418         text-align : center;
 419 }
 420
 421 div.prefFeedCatHolder {
 422         height : 250px;
 423         overflow : auto;
 424         border : 1px solid #29353D;
 425         margin : 5px 0px 5px 0px;
 426         background-color : #171D22;
 427 }
 428
 429 a.helpLink {
 430         color : #808080;
 431 }
 432
 433 a.helpLink:hover {
 434         color : #4684ff;
 435 }
 436
 437 div.helpResponse {
 438         margin : 10px;
 439         background-image : url("images/vgrad_light_rev2.png");
 440         background-position : top left;
 441         background-repeat : repeat-x;
 442         padding : 10px 20px 10px 20px;
 443         border : 1px solid #29353D;
 444 }
 445
 446 #infoBoxTitle {
 447         border-color : #29353D;
 448         background-color : #29353D;
 449 }
 450
 451 /* shadow stuff from http://www.sixapart.com/pronet/articles/ydsf_-_robust_c.html */
 452
 453 #infoBox {
 454         border-color : #29353D;
 455         background-color : #192025;
 456 }
 457
 458 div.infoBoxContents a {
 459         color : #527040;
 460 }
 461
 462 div.infoBoxContents a:hover {
 463         color : #ff6c00;
 464 }
 465
 466 div.helpResponse h1, div.infoBoxContents h1 {
 467 /*        border-width : 0px 0px 1px 0px;
 468         border-style : solid;
 469         border-color : #c0c0c0; */
 470         font-size : 18px;
 471 }
 472
 473 div.helpResponse h2, div.infoBoxContents h2 {
 474 /*        border-width : 0px 0px 0px 0px; */
 475         font-size : 16px;
 476 }
 477
 478 pre {
 479         margin : 5px;
 480 }
 481
 482 input.extSearch {
 483         width : 100%;
 484 }
 485
 486 div.firstTab {
 487         width : 10px;
 488         float : left;
 489 }
 490
 491 div.prefsTab:hover {
 492         cursor : pointer;
 493 }
 494
 495 div.prefsTabSelected:hover {
 496         cursor : pointer;
 497 }
 498
 499 div.prefsTab {
 500         border-width : 1px 1px 0px 1px;
 501         border-color : #29353D;
 502         border-style : solid;
 503         border-collapse : collapse;
 504 }
 505
 506 div.prefsTabSelected {
 507         border-width : 1px 1px 0px 1px;
 508         border-color : #29353D;
 509         border-style : solid;
 510         background-color : #192025;
 511         color : #ff6c00;
 512         font-weight : bold;
 513 }
 514
 515 div.notice {
 516         background : #171D22;
 517         border : 1px solid #29353D;
 518         width : 60%;
 519         padding : 5px;
 520         margin : 0px 0px 5px 0px;
 521         font-size : 12px;
 522 }
 523
 524 div.warning {
 525         background : #FF5500;
 526         border : 1px solid #d7c47a;
 527         font-size : 12px;
 528         width : 60%;
 529         padding : 5px;
 530         margin : 0px 0px 5px 0px;
 531 }
 532
 533
 534 div.warning img, div.notice img, div.error img {
 535         vertical-align : middle;
 536         padding : 5px;
 537 }
 538
 539 div.error {
 540         border : 1px solid #ff0000;
 541         background : #ffcccc;
 542         color : #FF0000;
 543         padding : 5px;
 544         margin : 0px 0px 5px 0px;
 545         font-size : 12px;
 546 }
 547
 548 ul.nomarks {
 549         list-style-type : none;
 550         margin : 0px;
 551         padding : 10px;
 552 }
 553
 554 div.prefHelp, td.prefHelp {
 555         color : gray;
 556         padding : 5px;
 557 }
 558
 559 table.loginForm {
 560         background-color : #171D22;
 561 }
 562
 563 table.innerLoginForm {
 564         border : 1px solid #29353D;
 565         padding : 50px;
 566         background-color : #171D22;
 567 }
 568
 569 table.innerLoginForm td {
 570         padding : 3px 3px 5px 3px;
 571 }
 572
 573 span.feed_error {
 574         color : red;
 575 }
 576
 577 .insensitive {
 578         color : gray;
 579 }
 580
 581 .insensitive a {
 582         color : #4684ff;
 583 }
 584
 585 .insensitive a:hover {
 586         color : #ff6c00;
 587 }
 588
 589 /* .prefGenericAddBox {
 590         font-size : 12px;
 591 } */
 592
 593 body.logoutBody {
 594         background-color : #171D22;
 595         color : #8BB6C6;
 596 }
 597
 598 span.logoutWarning {
 599         color : red;
 600         font-weight : bold;
 601 }
 602
 603 div.logoutContent {
 604         width : 600px;
 605         border : 1px solid #29353D;
 606         background-color : #171D22;
 607         margin-left : auto;
 608         margin-right : auto;
 609         margin-top : 20px;
 610         padding : 10px;
 611 }
 612
 613 .small {
 614         font-size : 12px;
 615 }
 616
 617 table.innerFeedTable td {
 618         margin : 0px;
 619         padding : 0px;
 620 }
 621
 622 td.selectPrompt {
 623         font-size : 12px;
 624         color : gray;
 625 }
 626
 627 div.headlinesSubToolbar {
 628         border-width : 0px 0px 1px 0px;
 629         border-style : solid;
 630         border-color : #171D22;
 631         position : absolute;
 632         left : 0px;
 633         top : 0px;
 634         height : 25px;
 635         right : 0px;
 636         background : #171D22;
 637         font-size : 11px;
 638         color : gray;
 639 }
 640
 641 input#subtoolbar_search_box {
 642         height : 10px;
 643         font-size : 9px;
 644         vertical-align : middle;
 645 }
 646
 647 table.headlinesSubToolbar td.headlineActions {
 648         padding : 0px 5px 0px 5px;
 649 }
 650
 651 table.headlinesSubToolbar td.headlineActionsRTL {
 652         padding : 0px 5px 0px 5px;
 653 }
 654
 655 table.headlinesSubToolbar td.headlineTitle {
 656         padding : 0px 5px 0px 5px;
 657         text-align : right;
 658 }
 659
 660 table.headlinesSubToolbar td.headlineTitleRTL {
 661         padding : 0px 5px 0px 5px;
 662         text-align : left;
 663 }
 664
 665 span.contentPreview {
 666         font-size : 12px;
 667         color : gray;
 668         font-weight : normal;
 669 }
 670
 671 span.contentPreview:hover {
 672         color : #4684ff;
 673 }
 674
 675 table.headlinesList {
 676         width : 100%;
 677 }
 678
 679 table.headlinesList td.hlFeedIcon {
 680         width : 25px;
 681         text-align : center;
 682         cursor : pointer;
 683 }
 684
 685
 686 table.headlinesList td.hlMarkedPic {
 687         width : 25px;
 688         text-align : center;
 689 }
 690
 691 table.headlinesList td.hlfeed {
 692         text-align : right;
 693 }
 694
 695 td.hlSelectRow, td.hlUpdPic {
 696         width : 25px;
 697         text-align : center;
 698 }
 699
 700 table.headlinesList td.hlUpdated {
 701         color : gray;
 702         text-align : right;
 703         width : 100px;
 704         cursor : pointer;
 705 }
 706
 707 table.headlinesList tr td {
 708         padding : 2px 0px 2px 0px;
 709 }
 710
 711 div.postHeader div.postDate {
 712         text-align : right;
 713         color : gray;
 714         float : right;
 715 }
 716
 717 div.postHeader div.postDateRTL {
 718         text-align : left;
 719         color : gray;
 720         float : right;
 721 }
 722
 723 div.postReply span.tagList {
 724         color : gray;
 725 }
 726
 727 div.postHeader div {
 728         padding-bottom : 3px;
 729         font-size : 12px;
 730 }
 731
 732 #feedUpdateErrors {
 733         display : none;
 734 }
 735
 736 #allEntryTags {
 737         font-size : 12px;
 738         border-width : 0px 0px 1px 0px;
 739         border-style : solid;
 740         border-color : #29353D;
 741         padding-bottom : 5px;
 742         display : none;
 743 }
 744
 745 /*td.hlContent {
 746         overflow : hidden;
 747         height : 1em;
 748         display : block;
 749 } */
 750
 751 td.hlMarkedPic, td.hlSelectRow, td.hlUpdated, td.hlFeed {
 752         height : 1em;
 753 }
 754
 755 td.hlFeed {
 756         text-align : right;
 757 }
 758
 759 span.hlFeed, span.hlFeed a {
 760         font-size : 12px;
 761         color : gray;
 762 }
 763
 764 span.hlFeed a:hover {
 765         color : #4684ff;
 766 }
 767
 768 /* div.cdmArticle:hover {
 769         background-color : #171D22;
 770 } */
 771
 772 div.cdmAllTags {
 773         float : left;
 774         background-color : #171D22;
 775         border : 1px solid #29353D;
 776         display : none;
 777         z-index : 3;
 778         top : auto;
 779         left : auto;
 780         right : auto;
 781         position : absolute;
 782         padding : 10px;
 783 }
 784
 785 span.cdmAllTagsCtr:hover div {
 786         display : block;
 787 }
 788
 789 div.cdmArticle {
 790         border-color : #a0a0a0;
 791         border-width : 0px 0px 1px 0px;
 792         border-style : solid;
 793         background-color : #202A30;
 794         margin : 0px;
 795         color : #505050;
 796         /* padding : 10px; */
 797         color : #8BB6C6;
 798
 799 }
 800
 801 /* div.cdmArticleUnread:hover {
 802         background-color : #171D22;
 803 } */
 804
 805 div.cdmArticleUnread {
 806         border-color : #29353D;
 807         border-width : 0px 0px 1px 0px;
 808         border-style : solid;
 809         background-color : #171D22;
 810         margin : 0px;
 811         /* padding : 10px; */
 812         color : #8BB6C6;
 813 }
 814
 815 div.cdmArticleSelected, div.cdmArticleUnreadSelected {
 816         margin : 0px;
 817         background-color : #192025;
 818         border-color : #FFFFAA;
 819         border-width : 0px 0px 1px 0px;
 820         border-style : solid;
 821 }
 822
 823 div.cdmArticleUnread div.cdmHeader a.title,
 824 div.cdmArticleUnreadSelected div.cdmHeader a.title {
 825         font-weight : bold;
 826 }
 827
 828 div.cdmHeader {
 829         padding : 5px 5px 10px 5px;
 830         color : gray;
 831
 832 }
 833
 834 div.cdmArticleUnread div.cdmHeader span.titleWrap a {
 835         color : #ff6c00;
 836 }
 837
 838 div.cdmFooter {
 839         font-size : 12px;
 840         color : #8BB6C6;
 841         padding : 5px;
 842         color : gray;
 843 /*      background-color : white; */
 844         border-width : 1px 0px 0px 0px;
 845         border-color : #29353D;
 846         border-style : dotted;
 847 }
 848
 849 /*div.cdmArticleSelected div.cdmFooter {
 850         background-color : transparent;
 851 }
 852
 853 div.cdmArticleUnreadSelected div.cdmFooter {
 854         background-color : transparent;
 855 }*/
 856
 857 div.cdmFooter span.s0 {
 858         border-width : 0px 1px 0px 0px;
 859         border-color : #29353D;
 860         border-style : dotted;
 861         padding : 0px 5px 0px 0px;
 862 }
 863
 864 div.cdmFooter span.s1 {
 865         border-width : 0px 1px 0px 0px;
 866         border-color : #29353D;
 867         border-style : dotted;
 868         padding : 0px 5px 0px 5px;
 869 }
 870
 871 div.cdmFooter span.s2 {
 872         padding : 0px 5px 0px 5px;
 873 }
 874
 875 div.cdmFooter img.markedPic, div.cdmFooter img.tagsPic {
 876         width : 16px;
 877         height : 16px;
 878         vertical-align : middle;
 879 }
 880
 881 img.markedPic {
 882         cursor : pointer;
 883 }
 884
 885 div.cdmHeader div.articleUpdated {
 886         float : right;
 887         font-weight : bold;
 888         color : gray;
 889 }
 890
 891 div.cdmHeader div.articleUpdated img {
 892         vertical-align : middle;
 893 }
 894
 895 div.cdmFooter input, div.cdmHeader input, div.cdmFooter img {
 896         margin : 0px;
 897 }
 898
 899 div.cdmHeader, div.cdmHeader a {
 900         color : #505050;
 901         font-size : 12px;
 902 }
 903
 904 div.cdmHeader a:hover {
 905         color : #4684ff;
 906 }
 907
 908 div.cdmContent {
 909         margin : 0px 15px 5px 15px;
 910 }
 911
 912 div.cdmContent:hover {
 913         cursor : pointer;
 914 }
 915
 916 div.cdmExcerpt {
 917         margin : 0px 15px 5px 15px;
 918 }
 919
 920 div.cdmExcerpt:hover {
 921         cursor : pointer;
 922         color : #88b0f0;
 923 }
 924
 925 div.cdmEnclosures {
 926         margin-top : 1em;
 927         color : gray;
 928 }
 929
 930 a.warning {
 931         color : #f04040;
 932 }
 933
 934 img.closeButton {
 935         border-width : 0px;
 936         float : right;
 937 }
 938
 939 span.groupPrompt {
 940         font-size : 12px;
 941         color : #4684ff;
 942 }
 943
 944 div.tagCloudContainer {
 945 /*      height : 300px;
 946         overflow : auto; */
 947         border : 1px solid #29353D;
 948         background-color : #171D22;
 949         margin : 5px 0px 5px 0px;
 950         padding : 5px;
 951         text-align : center;
 952 }
 953
 954 ul.feedErrorsList {
 955         height : 300px;
 956         overflow : auto;
 957         list-style-type : none;
 958         border : 1px solid #29353D;
 959         background-color : #171D22;
 960         margin : 0px 0px 5px 0px;
 961         padding : 0px;
 962 }
 963
 964 ul.userFeedList {
 965         height : 300px;
 966         overflow : auto;
 967         list-style-type : none;
 968         border : 1px solid #29353D;
 969         background-color : #171D22;
 970         margin : 0px 0px 5px 0px;
 971         padding : 0px;
 972 }
 973
 974 /* #browseBigFeedList li.oddSelected {
 975         border : 1px solid #d0d0f6;
 976         background-color : #eaeaff;
 977         -moz-border-radius : 5px;
 978 } */
 979
 980 /*#browseBigFeedList li {
 981         padding :0px;
 982 }*/
 983
 984 div.labelTestError {
 985         margin : 5px 0px 5px 0px;
 986         color : #f04040;
 987 }
 988
 989 ul.labelTestResults {
 990         height : 100px;
 991         overflow : auto;
 992         list-style-type : none;
 993         margin : 0px 0px 5px 0px;
 994         padding : 0px;
 995         border : 1px solid #29353D;
 996         background-color : #171D22;
 997 }
 998
 999 ul.filterTestResults {
1000         height : 300px;
1001         overflow : auto;
1002         list-style-type : none;
1003         margin : 0px 0px 5px 0px;
1004         padding : 0px;
1005         border : 1px solid #29353D;
1006         background-color : #171D22;
1007 }
1008
1009 ul.browseFeedList {
1010         height : 300px;
1011         overflow : auto;
1012         list-style-type : none;
1013         margin : 0px 0px 5px 0px;
1014         padding : 0px;
1015         border : 1px solid #29353D;
1016         background-color : #171D22;
1017 }
1018
1019 ul.browseFeedList li {
1020         margin : 0px;
1021         padding : 0px;
1022 }
1023
1024 span.subscribers {
1025         color : #808080;
1026 }
1027
1028 div.subscribers {
1029         color : #808080;
1030         font-size : 12px;
1031         float : right;
1032 }
1033
1034 input.feedBrowseCB {
1035         margin-right : 1em;
1036 }
1037
1038 div.browserDetails {
1039         margin : 5px 5px 5px 5px;
1040         padding : 5px;
1041 }
1042
1043 ul.compact {
1044         list-style-type : none;
1045         margin : 0px;
1046         padding : 0px;
1047 }
1048
1049 ul.compact li {
1050         margin : 0px;
1051         padding : 0px;
1052 }
1053
1054 div.browserFeedInfo {
1055         font-size : 12px;
1056 /*      border : 1px solid #88b0f0;
1057         background-color : #ecf4ff;
1058         -moz-border-radius : 5px; */
1059         padding : 5px;
1060 }
1061
1062 div.browserFeedInfo div.detailsPart {
1063         margin : 5px 0px 5px 5px;
1064 }
1065
1066 div.cdmContent a {
1067         color : #4684ff;
1068 }
1069
1070 div.cdmContent a:hover {
1071         color : #00FF00;
1072 }
1073
1074 a.cdmToggleLink {
1075         color : #808080;
1076         font-size : 12px;
1077 }
1078
1079 a.cdmToggleLink:hover {
1080         color : #00FF00;
1081 }
1082
1083 .noborder {
1084         border-width : 0px;
1085 }
1086
1087 #debug_output {
1088         position : absolute;
1089         width : 400px;
1090         height : 200px;
1091         right : 20px;
1092         bottom : 20px;
1093         z-index : 999;
1094         background-color : #171D22;
1095         border : 1px solid #29353D;
1096         overflow : auto;
1097         margin : 0px;
1098         padding : 0px;
1099         list-style-type : none;
1100 }
1101
1102 #debug_output li {
1103         margin : 0px;
1104         padding : 0px;
1105         font-size : 11px;
1106 }
1107
1108 #dialog_overlay {
1109         left : 0;
1110         top : 0;
1111         height : 100%;
1112         width : 100%;
1113         z-index : 4;
1114         position : absolute;
1115         background-image : url("images/shadow_dark.png");
1116 }
1117
1118 #overlay {
1119         background : #171D22;
1120         left : 0;
1121         top : 0;
1122         height : 100%;
1123         width : 100%;
1124         z-index : 100;
1125         position : absolute;
1126 }
1127
1128 #overlay_inner {
1129         font-weight : bold;
1130         margin : 10px;
1131 }
1132
1133 #fatal_error {
1134         background : #171D22;
1135         left : 0;
1136         top : 0;
1137         height : 100%;
1138         width : 100%;
1139         z-index : 200;
1140         display : none;
1141         position : absolute;
1142 }
1143
1144 #fatal_error_inner {
1145         font-weight : bold;
1146         margin : 10px;
1147         color : red;
1148 }
1149
1150 #fatal_error_msg {
1151         color : #8BB6C6;
1152         padding : 10px;
1153         font-weight : normal;
1154         background-color : #ffcccc;
1155         border : 1px solid #ff0000;
1156 }
1157
1158 #fatal_error_msg a {
1159         color : red;
1160 }
1161
1162 #fatal_error_msg a:hover {
1163         color : red;
1164         text-decoration : underline;
1165 }
1166
1167 #fatal_error_msg img {
1168         vertical-align : middle;
1169 }
1170
1171 #noDaemonWarning {
1172         position : absolute;
1173         background-color : #171D22;
1174         border : 1px solid #29353D;
1175         padding : 10px;
1176         margin : 5px;
1177         z-index : 2;
1178         display : none;
1179 }
1180
1181 #qafInput {
1182         width : 100%;
1183 }
1184
1185 form {
1186         margin : 0px;
1187         padding : 0px;
1188 }
1189
1190 #main_toolbar_form {
1191         margin : 0px;
1192         padding : 0px;
1193         display : inline;
1194 }
1195
1196 div.feedExtInfo {
1197         margin-left : 2em;
1198         font-size : 7pt;
1199         color : gray;
1200         font-weight : normal;
1201 }
1202
1203 span.debugTS {
1204         color : #4684ff;
1205 }
1206
1207 #backReqBox {
1208         display : none;
1209 }
1210
1211 /*.scriptWarn:before {
1212         content : "Disabled script:";
1213 }*/
1214
1215 .scriptWarn {
1216         color : white;
1217         background-color : #903030;
1218         border : 1px solid #601010;
1219         padding : 3px;
1220         font-weight : bold;
1221         display : none;
1222 }
1223
1224 .objectWarn {
1225         color : gray;
1226         font-style: italic;
1227         text-align : center;
1228 }
1229
1230 table.loginForm2 {
1231         padding : 1em;
1232 }
1233
1234 table.loginForm2 .loginTop {
1235         border-width : 0px 0px 1px 0px;
1236         border-color : #29353D;
1237         border-style : solid;
1238         padding : 0.5em;
1239 }
1240
1241 table.loginForm2 .loginMiddle {
1242         padding : 3em;
1243 }
1244
1245 table.loginForm2 .loginBottom {
1246         border-width : 1px 0px 0px 0px;
1247         border-color : #29353D;
1248         border-style : solid;
1249         font-size : 12px;
1250         text-align : center;
1251         color : #909090;
1252         padding : 0.5em;
1253 }
1254
1255 table.loginForm2 .loginBottom a {
1256         color : gray;
1257 }
1258
1259 table.loginForm2 .loginBottom a:hover {
1260         color : #FF5500;
1261 }
1262
1263 table.loginForm2 .loginError {
1264         color : red;
1265         margin : 0.5em;
1266 }
1267
1268 table.loginForm2 .innerLoginCell {
1269         padding-top : 0.5em;
1270 }
1271
1272 #milestoneDetails {
1273         display : none;
1274 }
1275
1276 div.loadingPrompt {
1277         padding : 1em;
1278         text-align : center;
1279         font-weight : bold;
1280 }
1281
1282 div.whiteBox {
1283         background-color : #171D22;
1284         margin-left : 1px;
1285         text-align : center;
1286         padding : 1em;
1287 }
1288
1289 /* layout */
1290
1291 #header {
1292         position : absolute;
1293         white-space: nowrap;
1294         top : 10px;
1295         left : 15px;
1296         right : 5px;
1297         height : 40px;
1298         color : #4684ff;
1299         font-size : 12px;
1300 }
1301
1302 #feeds-holder {
1303         border-width : 1px 1px 0px 0px;
1304         border-style : solid;
1305         border-color : #29353D;
1306         top : 50px;
1307         left : 0px;
1308         position : absolute;
1309         width : 260px;
1310         overflow : auto;
1311         bottom : 0px;
1312         border-collapse : collapse;
1313 }
1314
1315 #toolbar {
1316         position : absolute;
1317         left : 261px;
1318         padding : 5px 10px 5px 10px;
1319         top : 50px;
1320         right : 0px;
1321         white-space: nowrap;
1322         height : 30px;
1323         background-image : url("images/toolbar.png");
1324         background-position : bottom left;
1325         background-repeat : repeat-x;
1326         font-size : 12px;
1327 }
1328
1329 div.headlines_normal {
1330         position : absolute;
1331         border-width : 1px 0px 0px 0px;
1332         border-style : solid;
1333         border-color : #29353D;
1334         left : 261px;
1335         height : 305px;
1336         top : 85px;
1337         right : 0px;
1338         overflow : hidden;
1339         font-size : 12px;
1340         border-collapse : collapse;
1341 }
1342
1343 div.headlines_cdm {
1344         position : absolute;
1345         border-width : 1px 0px 1px 0px;
1346         border-style : solid;
1347         border-color : #29353D;
1348         left : 261px;
1349         bottom : 40px;
1350         top : 85px;
1351         right : 0px;
1352         overflow : hidden;
1353         font-size : 12px;
1354         border-collapse : collapse;
1355 }
1356
1357 #content-frame {
1358         position : absolute;
1359         border-width : 1px 0px 0px 0px;
1360         border-style : solid;
1361         border-color : #29353D;
1362         overflow : auto;
1363         top : 390px;
1364         left : 261px;
1365         bottom : 40px;
1366         right : 0px;
1367         border-collapse : collapse;
1368 }
1369
1370 #resize-grabber {
1371         height : 5px;
1372         border-width : 0px 0px 1px 0px;
1373         border-style : solid;
1374         border-color : #29353D;
1375         background : #1e2a32;
1376         cursor : move;
1377         text-align : center;
1378 }
1379
1380 #footer, #prefFooter {
1381         position : absolute;
1382         bottom : 0px;
1383         height : 20px;
1384         text-align : center;
1385         color : #8BB6C6;
1386         font-size : 12px;
1387         background-image : url("images/footer.png");
1388         background-position : top left;
1389         background-repeat : repeat-x;
1390         background-color : #171D22;
1391         right : 0px;
1392         left : 261px;
1393         padding : 10px;
1394         border-collapse : collapse;
1395         border-width : 1px 0px 0px 0px;
1396         border-style : solid;
1397         border-color : #29353D;
1398
1399 }
1400
1401 #prefFooter {
1402         left : 0px;
1403 }
1404
1405 #footer a, #prefFooter a {
1406         color : #8BB6C6;
1407 }
1408
1409 #footer a:hover, #prefFooter a:hover {
1410         color : #ff6c00;
1411 }
1412
1413 #headlinesContainer {
1414         margin-left : 0px;
1415         background-color : #171D22;
1416 }
1417
1418 #headlineActionsTop {
1419 /*      border-width : 0px 0px 1px 0px;
1420         border-style : solid;
1421         border-color : #c0c0c0;
1422         background-color : #fafafa; */
1423         font-size : 12px;
1424 }
1425
1426 #headlinesInnerContainer {
1427         overflow : auto;
1428         position : absolute;
1429         left : 0px;
1430         right : 0px;
1431         bottom : 0px;
1432         top : 25px;
1433 }
1434
1435 /* preferences layout */
1436
1437 #prefHeader {
1438         color : #4684ff;
1439         font-size : 12px;
1440         margin : 10px;
1441         height : 33px;
1442 }
1443
1444 div.return {
1445         float : right;
1446         font-size : 12px;
1447         margin-right : 10px;
1448 }
1449
1450 div.return a {
1451         color : #4684ff;
1452 }
1453
1454 div.return a:hover {
1455         color : #ff6c00;
1456 }
1457
1458 #prefContentOuter {
1459         border-color : #29353D;
1460         border-style : solid;
1461         font-size : 12px;
1462 }
1463
1464 #prefContent {
1465         background-image : url("images/prefs-content.png");
1466         background-position : top left;
1467         background-repeat : repeat-x;
1468 }
1469
1470 .catCtrHasUnread, .feedCtrHasUnread {
1471         font-weight : bold;
1472         color : #8BB6C6;
1473 }
1474
1475 .catCtrNoUnread, .feedCtrNoUnread {
1476         display : none;
1477 }
1478
1479 ul.headlineDropdownMenu {
1480         list-style-type : none;
1481         margin : 0px;
1482         padding : 0px;
1483 }
1484
1485 ul.headlineDropdownMenu li.top {
1486         float : left;
1487         width : 12em;
1488         background-image : url("images/down_arrow.png");
1489         background-position : center right;
1490         background-repeat : no-repeat;
1491         margin : 0px;
1492         cursor : pointer;
1493         border-width : 1px 1px 1px 1px;
1494         border-color : transparent;
1495         border-style : solid;
1496 }
1497
1498 ul.headlineDropdownMenu li.top2 {
1499         float : left;
1500 }
1501
1502 ul.headlineDropdownMenu li.top3 {
1503         float : left;
1504         margin : 0px;
1505         cursor : pointer;
1506         border-width : 1px 1px 1px 1px;
1507         border-color : transparent;
1508         border-style : solid;
1509 }
1510
1511 ul.headlineDropdownMenu li.vsep {
1512         float : left;
1513         margin : 0px 5px 0px 0px;
1514         border-width : 0px 1px 0px 0px;
1515         border-color : #29353D;
1516         border-style : dotted;
1517         color : white;
1518 }
1519
1520 ul.headlineDropdownMenu li.top:hover {
1521         cursor : pointer;
1522         border-width : 1px 1px 1px 1px;
1523         border-color : #29353D;
1524         border-style : solid;
1525 }
1526
1527 ul.headlineDropdownMenu li.top:hover ul {
1528         display : block;
1529 }
1530
1531 ul.headlineDropdownMenu ul {
1532         list-style-type : none;
1533         position : absolute;
1534         float : none;
1535         margin : 0px;
1536         padding : 0px;
1537         display : none;
1538         background-color : #171D22;
1539         width : 12em;
1540         z-index : 3;
1541         top : auto;
1542         left : auto;
1543         border-width : 0px 1px 1px 1px;
1544         border-color : #29353D;
1545         border-style : solid;
1546         margin-left : -1px;
1547 }
1548
1549 ul.headlineDropdownMenu ul li {
1550         float: none;
1551         padding : 2px 0px 2px 10px;
1552         color : #8BB6C6;
1553 }
1554
1555 ul.headlineDropdownMenu ul li:hover {
1556         color : #FF6C00;
1557         background-color : #29353D;
1558 }
1559
1560 table.prefFeedCatList {
1561         background-color : #171D22;
1562 }
1563
1564 div.autocomplete {
1565         background-color : #171D22;
1566         border :1px solid #778899;
1567 }
1568
1569 div.autocomplete ul li.selected {
1570         background-color : #192025;
1571 }
1572
1573 div.topLinks {
1574         color : gray;
1575 }
1576
1577 div.topLinks a {
1578         color : #4684ff;
1579 }
1580
1581 div.topLinks a:hover {
1582         color : #ff6c00;
1583 }
1584
1585 div.topLinks a.feedback {
1586         color : #009900;
1587 }
1588
1589 a.visibleLink {
1590         color : #4684ff;
1591
1592 }
1593
1594 table.headlinesList tr.feedTitle td a, div.cdmFeedTitle a {
1595         color : #4684ff;
1596 }
1597
1598 div.cdmFeedTitle {
1599         border-color : #a0a0a0;
1600         border-width : 0px 0px 1px 0px;
1601         border-style : solid;
1602         padding : 5px 3px 5px 5px;
1603         background : url("images/toolbar.png") bottom left;
1604         background-repeat : repeat-x;
1605 }
1606
1607 table.headlinesList tr, table.headlinesList td {
1608         border-collapse : collapse;
1609         margin : 0px;
1610 }
1611
1612 table.headlinesList tr.feedTitle td {
1613         background : url("images/toolbar.png") bottom left;
1614         background-repeat : repeat-x;
1615         border-color : #29353D;
1616         border-width : 0px 0px 1px 0px;
1617         border-style : solid;
1618         padding : 5px 3px 5px 5px;
1619
1620 }
1621
1622 td.hlContent, td.hlContentL, td.hlContentH {
1623         cursor : pointer;
1624 }
1625
1626 td.hlContentH a, td.hlContentH span {
1627         color : #00cc00;
1628 }
1629
1630 td.hlContentL a, td.hlContentL span {
1631         color : #909090;
1632         text-decoration : line-through;
1633 }
1634
1635 span.titleWrapH, span.titleWrapH a {
1636         color : #00cc00;
1637 }
1638
1639 span.titleWrapL, span.titleWrapL a {
1640         color : #909090;
1641         text-decoration : line-through;
1642 }
1643
1644 img.hlScorePic {
1645         vertical-align : middle;
1646         width : 16px;
1647         height : 16px;
1648 }
1649
1650 div#hotkey_help_overlay {
1651         color : #8BB6C6;
1652         font-size : 15px;
1653 }
1654
1655 div#hotkey_help_overlay h1 {
1656         text-align : center;
1657 }
1658
1659 div#hotkey_help_overlay ul {
1660         list-style-type : none;
1661         margin : 0px;
1662 }
1663
1664 div#hotkey_help_overlay li {
1665         margin : 0px;
1666 }
1667
1668 div#hotkey_help_overlay p {
1669         text-align : center;
1670 }
1671
1672 div#hotkey_help_overlay td.n {
1673         text-align : right;
1674         font-weight : bold;
1675         width : 6em;
1676         color : #00FF00;
1677         padding-right : 5px;
1678 }
1679
1680 div#hotkey_help_overlay td {
1681         vertical-align : top;
1682 }
1683
1684 div#hotkey_help_overlay h1 {
1685         margin : 0px;
1686 }
1687
1688 div#hotkey_help_overlay h2 {
1689         font-size : 16px;
1690         border-width : 0px;
1691         margin : 0.3em 0px 0.3em 0px;
1692         text-align : center;
1693         color : #FF5500;
1694 }
1695
1696 div#l_progress_o {
1697         border : 1px solid #29353D;
1698         background-color : #171D22;
1699 }
1700
1701 div#l_progress_i {
1702         background-color : #29353D;
1703 }
1704
1705 #content-insert {
1706         background-color : #171D22;
1707         overflow : auto;
1708         position : absolute;
1709         left : 0px;
1710         right : 0px;
1711         bottom : 0px;
1712         top : 6px;
1713 }
1714
1715 div.dlgSec {
1716         font-size : 14px;
1717         color : gray;
1718         font-weight : bold;
1719         clear : both;
1720         height : 20px;
1721 }
1722
1723 div.dlgSecCont {
1724         position : relative;
1725         left : 150px;
1726         top : -20px;
1727         float : left;
1728         font-size : 12px;
1729         font-weight : medium;
1730         line-height : 200%;
1731 }
1732
1733 div.dlgButtons {
1734         text-align : right;
1735         clear : both;
1736 }
1737
1738 textarea.labelSQL {
1739         font-family : monospace;
1740 }
1741
1742 div#label_test_result {
1743         clear : both;
1744 }