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