themes/compat/theme.css

   1 body {
   2         background : white;
   3         color : black;
   4         margin : 0px;
   5         padding : 0px;
   6         font-family : sans-serif;
   7 }
   8
   9 /* common styles */
  10
  11 table.main td.headerBox {
  12         background-image : url("images/vgrad_light_rev2.png");
  13         background-position : top left;
  14         background-repeat : repeat-x;
  15 }
  16
  17 /*
  18 table.main td.header {
  19         padding : 10px 10px 10px 30px;
  20         height : 70px;
  21 } */
  22
  23 table.main td.mainToolbar {
  24         border-width : 0px 0px 0px 0px;
  25         border-style : solid;
  26         border-color : #c0c0c0;
  27         padding : 3px 25px 3px 10px;
  28 }
  29
  30 table.main td.prefsToolbar {
  31         padding : 0px 5px 5px 0px;
  32 }
  33
  34 table.main td.feeds {
  35         width : 290px;
  36         height : 100%;
  37         border-width : 1px 0px 0px 0px;
  38         border-style : solid;
  39         border-color : #c0c0c0;
  40         padding : 0px;
  41 }
  42
  43 table.main td.headlinesToolbarBox {
  44         padding : 10px;
  45         border-width : 0px 0px 1px 1px;
  46         border-style : solid;
  47         border-color : #c0c0c0;
  48         background-image : url("images/vgrad_light.png");
  49         background-position : bottom left;
  50         background-repeat : repeat-x;
  51 }
  52
  53 table.main td.footer, table.main td.prefFooter {
  54         border-width : 1px 0px 0px 0px;
  55         border-style : solid;
  56         border-color : #c0c0c0;
  57         padding : 10px;
  58         text-align : center;
  59         font-size : x-small;
  60         background-image : url("images/vgrad_light_rev2.png");
  61         background-position : top left;
  62         background-repeat : repeat-x;
  63         color : gray;
  64 }
  65
  66 table.main td.footer a {
  67         color : gray;
  68 }
  69
  70 table.main td.footer a:hover {
  71         color : #5050aa;
  72 }
  73
  74 table.main td.headlines {
  75         height : 25%;
  76         border-width : 0px 0px 1px 1px;
  77         border-style : solid;
  78         border-color : #c0c0c0;
  79 }
  80
  81 table.main td.headlines2 {
  82         height : 100%;
  83         border-width : 0px 0px 0px 1px;
  84         border-style : solid;
  85         border-color : #c0c0c0;
  86 }
  87
  88 table.main td.content {
  89         height : 100%;
  90         background-image : url("images/vgrad_light_rev.png");
  91         background-position : top left;
  92         background-repeat : repeat-x;
  93         border-width : 0px 0px 0px 1px;
  94         border-style : solid;
  95         border-color : #c0c0c0;
  96 }
  97
  98 table.main td.prefContent {
  99         height : 100%;
 100         background-image : url("images/vgrad_light_rev.png");
 101         background-position : top left;
 102         background-repeat : repeat-x;
 103         border-width : 1px 0px 0px 0px;
 104         border-style : solid;
 105         border-color : #c0c0c0;
 106         padding : 20px;
 107 }
 108
 109 div.postReply {
 110         background-image : url("images/vgrad_light_rev.png");
 111         background-position : top left;
 112         background-repeat : repeat-x;
 113         height : 100%;
 114         padding : 10px;
 115         margin-left : 1px;
 116 }
 117
 118 div.postReply a {
 119         color : #5050aa;
 120 }
 121
 122 div.postReply a:hover {
 123         color : black;
 124 }
 125
 126 div.postReply div.postHeader {
 127         background : white;
 128         border : 1px solid #c0c0c0;
 129 }
 130
 131 div.postReply > div.postHeader {
 132         padding : 5px;
 133 }
 134
 135 div.postReply div.postContent {
 136         padding : 10px;
 137 }
 138
 139 div.postReply div.postIcon {
 140         float : right;
 141         border : 0px;
 142         margin : 10px 0px 10px 10px;
 143 }
 144
 145 ul.feedList {
 146         list-style-type : none;
 147         margin : 5px;
 148         padding : 0px 0px 0px 10px;
 149 }
 150
 151 ul.feedList li.feedCat {
 152         margin : 0px;
 153         padding : 3px 0px 3px 0px;
 154         color : #707070;
 155         font-size : x-small;
 156 }
 157
 158 ul.feedList li.feedCat a {
 159         color : #707070;
 160 }
 161
 162 ul.feedList li.feedCat a:hover {
 163         color : #5050aa;
 164 }
 165
 166 ul.feedCatList {
 167         list-style-type : none;
 168         margin : 0px 0px 0px 20px;
 169         padding : 0px;
 170 }
 171
 172 ul.feedCatList li {
 173         margin : 0px;
 174         padding : 0px 0px 0px 0px;
 175         color : black;
 176 }
 177
 178 ul.feedList li {
 179         margin : 0px;
 180 }
 181
 182 ul.feedlist li.feedUnread,
 183 ul.feedlist li.errorUnread,
 184 ul.feedlist li.labelUnread,
 185 ul.feedlist li.virtUnread,
 186 ul.feedlist li.tagUnread {
 187         font-weight : bold;
 188 }
 189
 190 ul.feedlist li.errorSelected a,
 191 ul.feedlist li.error a,
 192 ul.feedlist li.errorUnread a,
 193 ul.feedlist li.errorUnreadSelected a {
 194         color : #f04040;
 195 }
 196
 197 ul.feedlist li.feedSelected a,
 198 ul.feedlist li.labelSelected a,
 199 ul.feedlist li.virtSelected a,
 200 ul.feedlist li.tagSelected a {
 201         color : #5050aa;
 202 }
 203
 204 ul.feedlist li.feedUnreadSelected a,
 205 ul.feedlist li.labelUnreadSelected a,
 206 ul.feedlist li.virtUnreadSelected a,
 207 ul.feedlist li.tagUnreadSelected a {
 208         color : #5050aa;
 209 }
 210
 211 ul.feedlist li.feedUnreadSelected,
 212 ul.feedlist li.errorUnreadSelected,
 213 ul.feedlist li.labelUnreadSelected,
 214 ul.feedlist li.virtUnreadSelected,
 215 ul.feedlist li.tagUnreadSelected {
 216         font-weight : bold;
 217 }
 218
 219 ul.feedList li.feed {
 220         display : block;
 221 }
 222
 223 ul.feedList img, img.tinyFeedIcon {
 224         margin : 0px 3px 0px 0px;
 225         width : 16px;
 226         height : 16px;
 227         border-width : 0px;
 228 }
 229
 230 h1 {
 231         font-size : 16pt;
 232 }
 233
 234 h2 {
 235         font-size : 14pt;
 236         font-weight : bold;
 237         border-width : 0px 0px 1px 0px;
 238         border-style : solid;
 239         border-color : #e0e0e0;
 240 }
 241
 242 h3 {
 243         font-size : 12pt;
 244         font-weight : bold;
 245         border-width : 0px 0px 1px 0px;
 246         border-style : solid;
 247         border-color : #e0e0e0;
 248 }
 249
 250 hr {
 251         border-width : 0px 0px 1px 0px;
 252         border-style : dashed;
 253         border-color : #e0e0e0;
 254 }
 255
 256 a {
 257         color : black;
 258         text-decoration : none;
 259 }
 260
 261 a:hover {
 262         color : #5050aa;
 263 }
 264
 265 #notify {
 266         color : black;
 267         font-weight : bold;
 268         padding : 3px;
 269 }
 270
 271 #dispSwitch {
 272         padding : 5px 5px 5px 0px;
 273         font-size : x-small;
 274         text-align : right;
 275 }
 276
 277 #dispSwitch a {
 278         color : gray;
 279 }
 280
 281 #dispSwitch a:hover {
 282         color : #5050aa;
 283 }
 284
 285 iframe {
 286         border : 0px solid white;
 287 }
 288
 289 iframe.feedsFrameWithActions {
 290         width : 100%;
 291         height : 90%;
 292         margin : 0px;
 293         padding : 0px;
 294 }
 295
 296 iframe.feedsFrame {
 297         width : 100%;
 298         height : 100%;
 299         margin : 0px;
 300         padding : 0px;
 301 }
 302
 303 iframe.contentFrame, iframe.headlinesFrame {
 304         width : 100%;
 305         padding : 0px;
 306         margin : 0px;
 307         height : 100%;
 308 }
 309
 310 .button {
 311         border : 1px solid #d0d0d0;
 312         background-image : url("images/button.png");
 313         background-position : top;
 314         background-repeat : repeat-x;
 315         background-color : white;
 316 }
 317
 318 .button:hover {
 319         background : white;
 320         text-decoration : none;
 321         color : black;
 322 }
 323
 324 a.button {
 325         padding : 2px 5px 2px 5px;
 326         font-size : small;
 327 }
 328
 329 .evenUnreadSelected, .evenSelectedUnread, .evenUnreadSelected td,
 330         .evenSelectedUnread td {
 331         background-color : #e0e0ff;
 332         font-weight : bold;
 333                   border-width : 1px 0px 1px 0px;
 334                   border-style : solid;
 335                   border-color : #778899;
 336 }
 337
 338 .oddUnreadSelected, .oddSelectedUnread, .oddUnreadSelected td,
 339         .oddSelectedUnread td {
 340         background-color : #e0e0ff;
 341         font-weight : bold;
 342 }
 343
 344 .evenSelected, .evenSelected td {
 345         background-color : #e0e0ff;
 346                   border-width : 1px 0px 1px 0px;
 347                   border-style : solid;
 348                   border-color : #778899;
 349 }
 350
 351 .oddSelected, .evenSelected td {
 352         background-color : #e0e0ff;
 353 }
 354
 355
 356 .disabledButton {
 357         border : 1px solid #c0c0c0;
 358         background-color : white;
 359         color : gray;
 360 }
 361
 362
 363 .evenGrayed, .evenGrayed td {
 364         background-color : #f0f0f0;
 365         color : #909090;
 366                   border-width : 1px 0px 1px 0px;
 367                   border-style : solid;
 368                   border-color : #88b0f0;
 369 }
 370
 371 .oddGrayed {
 372         color : #909090;
 373 }
 374
 375 .even, .even td {
 376                   border-width : 1px 0px 1px 0px;
 377                   border-style : solid;
 378                   border-color : #c0c0c0;
 379         background-color : #f0f0f0;
 380 }
 381
 382 .evenUnread, .evenUnread td {
 383         background-color : #f0f0f0;
 384         font-weight : bold;
 385                   border-width : 1px 0px 1px 0px;
 386                   border-style : solid;
 387                   border-color : #c0c0c0;
 388 }
 389
 390 .oddUnread, .oddUnread td {
 391         font-weight : bold;
 392 }
 393
 394 td > input, div > input {
 395         border : 1px solid #a0a0a0;
 396 }
 397
 398 /* preferences */
 399
 400 tr.title td {
 401         border-width : 0px 0px 1px 0px;
 402         border-color : #f0f0f0;
 403         border-style : solid;
 404         font-size : x-small;
 405         color : gray;
 406 }
 407
 408 tr.title td a {
 409         color : gray;
 410 }
 411
 412 tr.title td a:hover {
 413         color : #5050aa;
 414 }
 415
 416 table.prefFeedList td.feedEditCat {
 417         font-size : large;
 418         font-weight : bold;
 419         padding : 5px 0px 5px 0px;
 420 }
 421
 422 table.prefFeedList td.feedIcon {
 423         text-align : center;
 424 }
 425
 426 table.prefFeedList td.feedSelect {
 427         text-align : center;
 428 }
 429
 430 a.helpLink {
 431         color : #808080;
 432 }
 433
 434 a.helpLink:hover {
 435         color : #5050aa;
 436 }
 437
 438 div.helpResponse {
 439         margin : 10px;
 440         background-image : url("images/vgrad_light_rev2.png");
 441         background-position : top left;
 442         background-repeat : repeat-x;
 443         padding : 10px 20px 10px 20px;
 444         border : 1px solid #f0f0f0;
 445 }
 446
 447 #userDlgShadow {
 448         z-index : 3;
 449         position : absolute;
 450         left : 30%;
 451         top : 30%;
 452         display : none;
 453         background-image : url("images/shadow.png");
 454 }
 455
 456 #userDlg {
 457         padding : 15px;
 458         border : 1px solid #c0c0c0;
 459         font-size : small;
 460         position : relative;
 461         bottom : 2px;
 462         right : 2px;
 463         background-color : white;
 464         background-image : url("images/vgrad_light_rev2.png");
 465         background-position : top left;
 466         background-repeat : repeat-x;
 467 }
 468
 469 #qafInput {
 470         width : 300px;
 471 }
 472
 473 #infoBoxTitle {
 474         border-width : 1px 1px 1px 1px;
 475         border-style : solid;
 476         border-color : #c0c0c0;
 477         background-color : #c0c0c0;
 478         padding : 2px;
 479         color : white;
 480 }
 481
 482
 483 #infoBox {
 484         border : 1px solid #c0c0c0;
 485         padding-bottom : 10px;
 486         font-size : small;
 487         position : relative;
 488         bottom : 2px;
 489         right : 2px;
 490         background : white;
 491 }
 492
 493 #infoBoxShadow {
 494         background-image : url("images/shadow.png");
 495         position : absolute;
 496         width : 30%;
 497         left : 35%;
 498         top : 30%;
 499         z-index : 3;
 500         display : none;
 501 }
 502
 503 div.infoBoxContents {
 504         background-image : url("images/vgrad_light_rev2.png");
 505         background-position : top left;
 506         background-repeat : repeat-x;
 507         padding : 5px;
 508         margin-bottom : 5px;
 509 }
 510
 511 div.helpResponse h1, div.infoBoxContents h1 {
 512         border-width : 0px 0px 1px 0px;
 513         border-style : solid;
 514         border-color : #c0c0c0;
 515         font-size : 16pt;
 516 }
 517
 518 div.helpResponse h2, div.infoBoxContents h2 {
 519         border-width : 0px 0px 0px 0px;
 520         font-size : 12pt;
 521 }
 522
 523 table.main td.prefsTabs {
 524         padding-left : 5px;
 525 }
 526
 527 input.prefsTab {
 528         border-width : 1px 1px 0px 1px;
 529         border-color : #c0c0c0;
 530         padding : 2px 7px 2px 7px;
 531         margin : 0px 1px 0px 0px;
 532         width : 130px;
 533         background-image : url("images/vgrad_light_rev2.png");
 534         background-position : top left;
 535         background-repeat : repeat-x;
 536         -moz-border-radius : 7px 7px 0px 0px;
 537         font-size : small;
 538 }
 539
 540 input.prefsTabSelected {
 541         border-width : 1px 1px 0px 1px;
 542         border-color : #c0c0c0;
 543         padding : 2px 7px 2px 7px;
 544         margin : 0px 1px 0px 0px;
 545         width : 130px;
 546         background : white;
 547         font-weight : bold;
 548         background-position : top left;
 549         background-repeat : repeat-x;
 550         -moz-border-radius : 7px 7px 0px 0px;
 551         font-size : small;
 552         color : black;
 553 }
 554
 555 input.prefsTab:hover {
 556         background : white;
 557 }
 558
 559 div.warning {
 560         background : #fffff0;
 561         border : 1px solid #c0c0c0;
 562         padding : 5px;
 563         margin : 5px;
 564         font-size : x-small;
 565 }
 566
 567 div.notice {
 568         background : #ffffff;
 569         border : 1px solid #c0c0c0;
 570         padding : 5px;
 571         margin : 5px;
 572         font-size : x-small;
 573 }
 574
 575 ul.nomarks {
 576         list-style-type : none;
 577         margin : 0px;
 578         padding : 10px;
 579 }
 580
 581 div.bigErrorMsg {
 582         border : 1px solid #c0c0c0;
 583         background : #fff0f0;
 584         padding : 30px;
 585         margin : 20px;
 586 }
 587
 588 div.prefHelp, td.prefHelp {
 589         font-size : x-small;
 590         color : gray;
 591         padding : 5px;
 592 }
 593
 594 td.welcomePrompt {
 595         font-size : x-small;
 596         color : gray;
 597         text-align : right;
 598         padding-right : 10px;
 599 }
 600
 601 td.httpWelcomePrompt {
 602         font-size : small;
 603         color : gray;
 604         text-align : right;
 605 }
 606
 607 table.loginForm {
 608         background-image : url("images/vgrad_light_rev.png");
 609         background-color : white;
 610         background-position : top left;
 611         background-repeat : repeat-x;
 612 }
 613
 614 table.innerLoginForm {
 615         border : 1px solid #f0f0f0;
 616         padding : 50px;
 617         background-color : white;
 618 }
 619
 620 table.innerLoginForm td {
 621         padding : 3px 3px 5px 3px;
 622 }
 623
 624 span.insensitive {
 625         color : gray;
 626 }
 627
 628 .prefGenericAddBox {
 629         margin : 5px;
 630         font-size : small;
 631 }
 632
 633 .prefGenericAddBox td {
 634         font-size : small;
 635 }
 636
 637 body.logoutBody {
 638         background-color : #f0f0f0;
 639         color : black;
 640 }
 641
 642 span.logoutWarning {
 643         color : red;
 644         font-weight : bold;
 645 }
 646
 647 div.logoutContent {
 648         width : 600px;
 649         border : 1px solid #c0c0c0;
 650         background-color : white;
 651         margin-left : auto;
 652         margin-right : auto;
 653         margin-top : 20px;
 654         padding : 10px;
 655 }
 656
 657 .small {
 658         font-size : x-small;
 659 }
 660
 661 table.innerFeedTable td {
 662         margin : 0px;
 663         padding : 0px;
 664 }
 665
 666 td.selectPrompt {
 667         font-size : x-small;
 668         color : gray;
 669 }
 670
 671 table.headlinesSubToolbar td.headlineActions {
 672         font-size : x-small;
 673         color : gray;
 674         padding : 5px 0px 5px 5px;
 675 }
 676
 677 table.headlinesSubToolbar td.headlineActionsRTL {
 678         font-size : x-small;
 679         color : gray;
 680         padding : 5px 5px 5px 0px;
 681 }
 682
 683 table.headlinesSubToolbar td.headlineTitle {
 684         font-size : x-small;
 685         color : gray;
 686         padding : 5px 5px 5px 0px;
 687         text-align : right;
 688 }
 689
 690 table.headlinesSubToolbar td.headlineTitleRTL {
 691         font-size : x-small;
 692         color : gray;
 693         padding : 5px 0px 5px 5px;
 694         text-align : left;
 695 }
 696
 697 span.contentPreview {
 698         font-size : x-small;
 699         color : gray;
 700         font-weight : normal;
 701 }
 702
 703 span.contentPreview:hover {
 704         color : #5050aa;
 705 }
 706
 707 table.headlinesList td.hlMarkedPic {
 708         width : 25px;
 709         text-align : center;
 710 }
 711
 712 table.headlinesList td.hlfeed {
 713         text-align : right;
 714         font-size : small;
 715 }
 716
 717 td.hlSelectRow, td.hlUpdatePic {
 718         width : 25px;
 719         text-align : center;
 720 }
 721
 722 table.headlinesList td.hlUpdated {
 723         font-size : small;
 724         color : gray;
 725         text-align : right;
 726         width : 100px;
 727 }
 728
 729 table.headlinesList tr td {
 730         padding : 2px 0px 2px 0px;
 731 }
 732
 733 div.postHeader td.postDate {
 734         font-size : x-small;
 735         text-align : right;
 736         color : gray;
 737 }
 738
 739 div.postHeader td.postDateRTL {
 740         font-size : x-small;
 741         text-align : left;
 742         color : gray;
 743 }
 744
 745 #feedUpdateErrors {
 746         display : none;
 747 }
 748
 749 #allEntryTags {
 750         font-size : x-small;
 751         border-width : 0px 0px 1px 0px;
 752         border-style : solid;
 753         border-color : #c0c0c0;
 754         padding-bottom : 5px;
 755         display : none;
 756 }
 757
 758 /*td.hlContent {
 759         overflow : hidden;
 760         height : 1em;
 761         display : block;
 762 } */
 763
 764 td.hlMarkedPic, td.hlSelectRow, td.hlUpdated, td.hlFeed {
 765         height : 1em;
 766 }
 767
 768 div.cdmArticle {
 769         border : 1px solid #f0f0f0;
 770         background-color : #fafafa;
 771         -moz-border-radius : 5px;
 772         margin : 10px 10px 0px 10px;
 773         padding : 10px;
 774 }
 775
 776 div.cdmArticleUnread {
 777         border : 1px solid #d5f1f4;
 778         background-color : #fafeff;
 779         -moz-border-radius : 5px;
 780         margin : 10px 10px 0px 10px;
 781         padding : 10px;
 782 }
 783
 784 div.cdmArticleSelected, div.cdmArticleUnreadSelected {
 785         border : 1px solid #d0d0f6;
 786         background-color : #eaeaff;
 787         -moz-border-radius : 5px;
 788         margin : 10px 10px 0px 10px;
 789         padding : 10px;
 790 }
 791
 792 div.cdmArticleUnread div.cdmHeader a, div.cdmArticleUnreadSelected div.cdmHeader a {
 793         font-weight : bold;
 794 }
 795
 796 div.cdmHeader {
 797         padding-bottom : 5px;
 798 }
 799
 800 div.cdmFooter {
 801         font-size : x-small;
 802         color : gray;
 803         padding-top : 5px;
 804 }
 805
 806 div.cdmFooter input, div.cdmHeader input, div.cdmFooter img {
 807         margin : 0px;
 808 }
 809
 810 div.cdmHeader, div.cdmHeader a {
 811         color : gray;
 812         font-size : x-small;
 813 }
 814
 815 div.cdmHeader a:hover {
 816         color : #5050aa;
 817 }
 818
 819 div.cdmContent {
 820 }
 821
 822 a.warning {
 823         color : #f04040;
 824 }
 825
 826 img.closeButton {
 827         border-width : 0px;
 828         float : right;
 829 }
 830
 831 span.groupPrompt {
 832         font-size : x-small;
 833         color : #505050;
 834 }
 835
 836 ul.userFeedList {
 837         height : 300px;
 838         overflow : auto;
 839         list-style-type : none;
 840         border-color : #c0c0c0;
 841 }
 842
 843 /* #browseBigFeedList li.oddSelected {
 844         border : 1px solid #d0d0f6;
 845         background-color : #eaeaff;
 846         -moz-border-radius : 5px;
 847 } */
 848
 849 ul.browseFeedList {
 850         height : 300px;
 851         overflow : auto;
 852         list-style-type : none;
 853         margin : 0px 0px 5px 0px;
 854         padding : 0px;
 855         border-color : #c0c0c0;
 856 }
 857
 858 ul.browseFeedList li {
 859         margin : 0px;
 860         padding : 0px;
 861 }
 862
 863 span.subscribers {
 864         color : #808080;
 865 }
 866
 867 div.subscribers {
 868         color : #808080;
 869         font-size : x-small;
 870         float : right;
 871 }
 872
 873 input.feedBrowseCB {
 874         margin-right : 1em;
 875 }
 876
 877 div.browserDetails {
 878         margin : 5px 5px 5px 5px;
 879         display : none;
 880         padding : 5px;
 881 }
 882
 883 ul.compact {
 884         list-style-type : none;
 885         margin : 0px;
 886         padding : 0px;
 887 }
 888
 889 ul.compact li {
 890         margin : 0px;
 891         padding : 0px;
 892 }
 893
 894 div.browserFeedInfo {
 895         font-size : x-small;
 896         border-color : #c0c0c0;
 897 }
 898
 899 div.browserFeedInfo div.detailsPart {
 900         margin : 5px 0px 5px 5px;
 901 }
 902
 903 div.cdmContent a {
 904         color : #5050aa;
 905 }
 906
 907 div.cdmContent a:hover {
 908         color : black;
 909 }
 910
 911 /* layout */
 912
 913 #header {
 914         position : absolute;
 915         white-space: nowrap;
 916         top : 10px;
 917         left : 15px;
 918         right : 5px;
 919         height : 40px;
 920         color : gray;
 921         font-size : x-small;
 922 }
 923
 924 #feeds-holder {
 925         border-width : 1px 1px 1px 0px;
 926         border-style : solid;
 927         border-color : #c0c0c0;
 928         top : 70px;
 929         left : 0px;
 930         position : absolute;
 931         width : 260px;
 932         overflow : auto;
 933         bottom : 50px;
 934 }
 935
 936 #toolbar {
 937         position : absolute;
 938         left : 261px;
 939         padding : 5px 10px 5px 10px;
 940         top : 70px;
 941         right : 0px;
 942         white-space: nowrap;
 943         height : 30px;
 944         background-image : url("images/vgrad_light.png");
 945         background-position : bottom left;
 946         background-repeat : repeat-x;
 947         font-size : small;
 948 }
 949
 950 div.headlines_normal {
 951         position : absolute;
 952         border-width : 1px 0px 0px 0px;
 953         border-style : solid;
 954         border-color : #c0c0c0;
 955         left : 260px;
 956         height : 280px;
 957         top : 105px;
 958         right : 0px;
 959         overflow : auto;
 960         font-size : small;
 961 }
 962
 963 div.headlines_cdm {
 964         position : absolute;
 965         border-width : 1px 0px 1px 0px;
 966         border-style : solid;
 967         border-color : #c0c0c0;
 968         left : 260px;
 969         bottom : 50px;
 970         top : 105px;
 971         right : 0px;
 972         overflow : auto;
 973         font-size : small;
 974 }
 975
 976 #content-frame {
 977         position : absolute;
 978         border-width : 1px 0px 1px 0px;
 979         border-style : solid;
 980         border-color : #c0c0c0;
 981         overflow : auto;
 982         top : 390px;
 983         left : 260px;
 984         bottom : 50px;
 985         right : 0px;
 986 }
 987
 988 #footer {
 989         position : absolute;
 990         bottom : 0px;
 991         height : 30px;
 992         text-align : center;
 993         color : gray;
 994         font-size : x-small;
 995         background-image : url("images/vgrad_light_rev2.png");
 996         background-position : top left;
 997         background-repeat : repeat-x;
 998         background-color : white;
 999         right : 0px;
1000         left : 0px;
1001         padding : 10px;
1002 }
1003
1004 #headlinesContainer {
1005         margin-left : 1px;
1006         background-color : white;
1007 }