themes/blumin/styles.css

   1 /* main body attributes */
   2 body {
   3         font-family: Verdana, Helevetica, Arial, sans-serif;
   4         margin-top: 0px;
   5         margin-left: auto;
   6         margin-right: auto;
   7         font-size: small;
   8         background-color: white;
   9 }
  10
  11 p {
  12     margin: 0.5em 0em 1em 0em;
  13     text-align: justify;
  14     line-height: 150%;
  15         font-size: 0.9em;
  16 }
  17
  18 p a {
  19     text-decoration: underline;
  20 }
  21
  22 p a:visited {
  23         color: Purple;
  24     background-color: transparent;
  25 }
  26
  27 p a:active {
  28         color: Red;
  29     background-color: transparent;
  30 }
  31
  32 h1, h2, h3, h4, h5, h6 {
  33     color: Black;
  34     clear: left;
  35     font: 100% Verdana, Helvetica, Arial, sans-serif;
  36     margin: 0;
  37     padding-top: 0.5em;
  38     /*border-bottom: 1px solid #8CACBB;*/
  39 }
  40
  41 h1 {
  42     font-size: 160%;
  43 }
  44
  45 h2 {
  46     font-size: 150%;
  47 }
  48
  49 h3 {
  50     font-size: 130%;
  51 }
  52
  53 h4 {
  54     font-size: 120%;
  55 }
  56
  57 h5 {
  58     font-size: 100%;
  59 }
  60
  61 textarea {
  62     border: 1px solid #8cacbb;
  63     color: Black;
  64     background-color: white;
  65     width: 88%;
  66     padding: 0.1em;
  67 }
  68
  69 /*  Table of content attributes*/
  70 p.toc{
  71         font-family: Verdana, Helevetica, Arial, sans-serif;
  72         background-color: #eeeeee;
  73         padding: .6em;
  74         margin-bottom: .6em;
  75         margin-top: 0em;
  76         margin-left: 1em;
  77         margin-right: 3em;
  78         border: 1px #98AAB1 solid;
  79 }
  80
  81 /* list attributes */
  82 ul {
  83         font-family: Verdana, Helevetica, Arial, sans-serif;
  84         margin-bottom: 0px;
  85         margin-top: 0px;
  86         margin-right: 0px;
  87 }
  88
  89 li {
  90         font-family: Verdana, Helevetica, Arial, sans-serif;
  91         margin-bottom: 0px;
  92         margin-top: 0px;
  93         margin-right: 0px;
  94 }
  95
  96 li.folders {
  97         list-style: disc url(../../images/folder.gif) outside;
  98         font-family: Verdana, Helevetica, Arial, sans-serif;
  99         margin-bottom: 0px;
 100         margin-top: 0px;
 101         margin-right: 0px;
 102 }
 103
 104 li.folders .disabled {
 105         color: #AAAAAA;
 106 }
 107
 108 /* link attributes */
 109 a:link {
 110         font-family: Verdana, Helevetica, Arial, sans-serif;
 111         color: #384F89;
 112         text-decoration: none;
 113 }
 114 a:visited {
 115         font-family: Verdana, Helevetica, Arial, sans-serif;
 116         color: #384F89;
 117         text-decoration: none;
 118 }
 119 a:hover {
 120         font-family: Verdana, Helevetica, Arial, sans-serif;
 121         color: black;
 122         text-decoration: none;
 123 }
 124
 125 .formfieldR {
 126         font-family: Verdana, Helevetica, Arial, sans-serif;
 127         color: black;
 128         border-top:  #003399  solid 1px;
 129         border-bottom: #003399 solid 1px;
 130         border-right: #003399 solid 1px;
 131         border-left: #003399 solid 1px;
 132         text-align: right;
 133         padding: 2px;
 134 }
 135
 136 /* align text to the left */
 137 .left {
 138         text-align: left;
 139 }
 140
 141 a.dropdown-title {
 142         color: white;
 143         font-weight: normal;
 144         text-decoration: none;
 145 }
 146
 147
 148 /* table border */
 149 .tableborder {
 150         border: 1px #606060 solid;
 151 }
 152
 153 /* main submit button */
 154 .button {
 155         font-family: Verdana, Helevetica, Arial, sans-serif;
 156         background-color: #EBEDF6;
 157         font-weight: normal;
 158         border-top:  #354A81  solid 1px;
 159         border-bottom: #354A81 solid 1px;
 160         border-right: #354A81 solid 1px;
 161         border-left: #354A81 solid 1px;
 162 }
 163
 164 /* small submit button at top */
 165 .button2 {
 166         font-family: Verdana, Helevetica, Arial, sans-serif;
 167         background-color: #F8F8F8;
 168         border-top:  #354A81  solid 1px;
 169         border-bottom: #354A81  solid 1px;
 170         border-right: #354A81  solid 1px;
 171         border-left: #354A81  solid 1px;
 172 }
 173
 174 /* date attributes */
 175 small.date {
 176         font-family: Verdana, Helevetica, Arial, sans-serif;
 177         color: #8CACBB;
 178         margin-bottom: 0px;
 179         margin-top: 0px;
 180         margin-left: 5px;
 181         margin-right: 0px;
 182         font-size:small;
 183 }
 184
 185 /* page breakline */
 186 hr {
 187         color: #98AAB1;
 188         background-color: white;
 189         height: 1px;
 190 }
 191
 192 /* message box styles */
 193
 194 /* Editor box small */
 195 .editorsmallbox {
 196         font-family: Verdana, Helevetica, Arial, sans-serif;
 197         background-color: #EEEEEE;
 198         padding: 2px;
 199         padding-right: 3px;
 200         border: 1px #99CCCC solid;
 201 }
 202
 203 /* Editor box large */
 204 .editorlargebox {
 205         font-family: Verdana, Helevetica, Arial, sans-serif;
 206         background-color: #EEEEEE;
 207         margin-left:1em;
 208         padding-left: .2em;
 209         padding-right: .5em;
 210         padding-top: .5em;
 211         padding-bottom: .4em;
 212         border: 1px #99CCCC solid;
 213 }
 214
 215
 216 select.dropdown {
 217         font-family: Verdana, Helevetica, Arial, sans-serif;
 218     background-color: #F1F3F1;
 219 }
 220
 221 .highlight, a.highlight {
 222         background-color: yellow;
 223 }
 224
 225 a .highlight{
 226         background-color: yellow;
 227         text-decoration: underline;
 228 }
 229
 230 .center {
 231         text-align: center;
 232 }
 233
 234
 235 /* edit content tabs */
 236 .buttontab {
 237         font-family: Helvetica, Arial, Helvetica, sans-serif;
 238         background-color: #ffffff;
 239         font-weight: bold;
 240         border: 0px;
 241         padding-left: 0px;
 242         color: #8799A0;
 243 }
 244
 245 .etab {
 246         color: black;
 247         background-color: #ffffff;
 248         border-top: 1px #98AAB1 solid;
 249         border-left: 1px #98AAB1 solid;
 250         border-right: 1px #98AAB1 solid;
 251         text-decoration: none;
 252         text-align: center;
 253         font-weight: bold;
 254 }
 255
 256 .etab a:link, .etab a:visited {
 257         color: black;
 258         text-decoration: none;
 259 }
 260 .etab a:hover {
 261         color: black;
 262         text-decoration: underline;
 263 }
 264 .etabself {
 265         background-color: #EFEFEF;
 266         border-top: 1px #98AAB1 solid;
 267         border-left: 1px  #98AAB1 solid;
 268         border-right: 1px #98AAB1 solid;
 269         text-align: center;
 270         font-weight: bold;
 271         padding: 2px;
 272 }
 273 .unsaved {
 274         color: red;
 275         background-color: #FFFDE0;
 276         margin: 10px;
 277         font-weight: bold;
 278 }
 279 .saved {
 280         background-color: #FFFDE0;
 281         margin: 10px;
 282 }
 283
 284
 285
 286 /* the side menu */
 287 /* the side menu heading */
 288 td.dropdown-heading {
 289         background-color: #D4E5FD;
 290         color: #006699;
 291         border-left: 1px solid #EAF2FE;
 292         border-right: 1px solid #EAF2FE;
 293         border-top: 1px solid #EAF2FE;
 294         font-weight: bold;
 295         padding: 2px;
 296 }
 297
 298 td.dropdown-heading a, td.dropdown-heading a:hover, td.dropdown-heading a:visited {
 299         text-decoration: none;
 300 }
 301
 302 td.dropdown-heading.closed {
 303         border-bottom: 1px solid #EAF2FE;
 304 }
 305
 306 /* the side menu content */
 307 td.dropdown {
 308         padding: 2px;
 309         background-color: white;
 310         color: black;
 311         border-left: 1px solid #EAF2FE;
 312         border-right: 1px solid #EAF2FE;
 313         border-bottom: 1px solid #EAF2FE;
 314         font-weight: normal;
 315 }
 316 td.dropdown a, td.dropdown a:visited  {
 317         color: #006699;
 318         text-decoration: none;
 319 }
 320 td.dropdown a:hover {
 321         color: #006699;
 322         text-decoration: underline;
 323 }
 324 td.dropdown.cell {
 325         border-bottom: 0px;
 326 }
 327 td.dropdown strong {
 328         color: #51286C;
 329 }
 330
 331 /* added for 1.4.2: */
 332 .results {
 333         padding-left: 20px;
 334 }
 335
 336 h5.search-results {
 337         background-color: #FFF5A4;
 338         color: #006699;
 339         padding: 1px;
 340         margin-bottom: 5px;
 341         margin-top: 10px;
 342         margin-left: 5px;
 343 }
 344
 345 small.search-info {
 346         color: #006699;
 347 }
 348
 349 p.search-description {
 350         background-color: #FFFCE5;
 351         color: #006699;
 352 }
 353
 354 .test-box {
 355         background-color: #FFF5A4;
 356         color: #006699;
 357         border-left: 1px solid #006699;
 358         border-right: 1px solid #006699;
 359         border-top: 1px solid #006699;
 360         font-weight: bold;
 361         padding: 2px;
 362 }
 363
 364 /***************************************************************/
 365 /* NEW STUFF */
 366
 367 table.tabbed-table {
 368         width: 100%;
 369 }
 370 table.tabbed-table th#left-empty-tab {
 371         background-color: transparent;
 372         width: 15px;
 373         border-bottom: 1px solid #9DAB9A;
 374 }
 375 table.tabbed-table th#right-empty-tab {
 376         text-align: right;
 377         background-color: transparent;
 378         border-bottom: 1px solid #9DAB9A;
 379         width: 400px;
 380         padding-right: 5px;
 381 }
 382 table.tabbed-table th#right-empty-tab a {
 383         text-decoration: underline;
 384 }
 385 table.tabbed-table th.tab-spacer {
 386         background-color: transparent;
 387         width: 5px;
 388         border-bottom: 1px solid #9DAB9A;
 389 }
 390
 391 table.tabbed-table th.tab {
 392         padding-top: 2px;
 393         padding-bottom: 2px;
 394         width: 110px;
 395         background-color: #C9CEA4;
 396         border-bottom: 1px solid #9DAB9A;
 397         border-left: 1px solid #9DAB9A;
 398         border-top: 1px solid #9DAB9A;
 399         border-right: 1px solid #9DAB9A;
 400 }
 401 table.tabbed-table th.tab:hover {
 402         background-color: #DFE1C7;
 403 }
 404
 405 table.tabbed-table th.tab a:focus {
 406         color: white;
 407 }
 408 table.tabbed-table th.selected {
 409         padding-top: 2px;
 410         padding-bottom: 2px;
 411         width: 110px;
 412         background-color: #DFE1C7;
 413         border-left: 1px solid #9DAB9A;
 414         border-top: 1px solid #9DAB9A;
 415         border-right: 1px solid #9DAB9A;
 416 }
 417
 418 table.tabbed-table a, table.tabbed-table a:visited, table.tabbed-table a:hover {
 419         color: black;
 420         text-decoration: none;
 421 }
 422
 423 a#my-start-page {
 424         padding: 2px;
 425         padding-left: 15px;
 426         background-image: url(http://www.gris.uni-tuebingen.de/images/start.gif);
 427         background-repeat: no-repeat;
 428         background-position: 2px 5px;
 429 }
 430
 431 a#back-to {
 432         padding-left: 20px;
 433         background-image: url(images/back.gif);
 434         background-repeat: no-repeat;
 435         background-position: 0px 0px;
 436 }
 437
 438 div#breadcrumbs {
 439     /* The path bar, including breadcrumbs and add to favorites */
 440     border-bottom-color: #8CACBB;
 441     border-bottom-style: solid;
 442     border-bottom-width: 1px;
 443     padding-left: 3px;
 444     text-transform: lowercase;
 445         font-size:0.85em;
 446         padding-bottom: 1px;
 447         padding-top: 1px;
 448 }
 449 h2.page-title {
 450         margin-bottom: 10px;
 451         margin-top: 10px;
 452         margin-left: 5px;
 453         border-bottom: 1px solid #f0f0f0;
 454         clear: left;
 455 }
 456
 457 h1 {
 458         margin-bottom: 5px;
 459 }
 460
 461 div#sub-navigation {
 462         padding: 3px;
 463         background-color: #DEE7EC;
 464         border-bottom: 1px solid #9DAB9A;
 465         color: #9DAB9A;
 466     text-transform: lowercase;
 467         font-size:0.85em;
 468 }
 469
 470 div#sub-navigation strong {
 471         color: black;
 472 }
 473
 474 div#help {
 475         border-left: 1px solid black;
 476         border-right: 1px solid black;
 477         border-bottom: 1px solid black;
 478         padding-left: 5px;
 479         padding-right: 5px;
 480         padding-bottom: 5px;
 481         background-color: #efefef;
 482         margin-left: 5px;
 483         margin-right: 5px;
 484         font-size: small;
 485 }
 486
 487 h3#help-title {
 488         margin-left: 5px;
 489         margin-right: 5px;
 490         border-left: 1px solid black;
 491         border-right: 1px solid black;
 492         padding: 1px;
 493         background-color: #efefef;
 494 }
 495 .line {
 496         border-bottom: 1px solid black;
 497 }
 498 div#help p {
 499         padding: 0px;
 500         margin: 0px;
 501 }
 502
 503 div#toctoggle {
 504         float: left;
 505         font-size: smaller;
 506         padding-left: 10px;
 507 }
 508
 509 h1#section-title {
 510         float: left;
 511         margin-left: 5px;
 512 }
 513
 514 div#top-links {
 515         position: relative;
 516         padding-right: 5px;
 517         line-height: 170%;
 518         margin-top: 3px;
 519         font-size:0.85em;;
 520     text-transform: lowercase;
 521 }
 522
 523 a#editor-link {
 524         background-color: #EFEFEF;
 525         padding-top: 1px;
 526         padding-bottom: 1px;
 527         padding-left: 15px;
 528         padding-right: 8px;
 529         border: 1px solid #cccccc;
 530         font-weight: normal;
 531         text-decoration: none;
 532 }
 533
 534 a#editor-link:hover {
 535         background-color: #fafafa;
 536         border: 1px solid #aaaaaa;
 537 }
 538
 539 a#editor-link.off {
 540         background-image: url(images/pen.gif);
 541         background-repeat: no-repeat;
 542         background-position: 0px 2px;
 543 }
 544 a#editor-link.on {
 545         background-image: url(images/pen2.gif);
 546         background-repeat: no-repeat;
 547         background-position: 0px 2px;
 548 }
 549
 550
 551 /* for data tables */
 552 table.data {
 553         border: 1px solid #f0f0f0;
 554         width: 80%;
 555         margin-left: auto;
 556         margin-right: auto;
 557         border-spacing: 0px;
 558         border-collapse: collapse;
 559 }
 560
 561 table.data th {
 562         background-color: #f0f0f0;
 563         padding: 3px;
 564         white-space: nowrap;
 565 }
 566
 567 table.data th a {
 568         color: black;
 569         padding-right: 15px;
 570         margin-right: 15px;
 571         background-image: url('../default/images/sort.gif');
 572         background-repeat: no-repeat;
 573         background-position: right;
 574         text-decoration:none;
 575 }
 576
 577 table.data tbody {
 578         background-color: #fdfdfd;
 579 }
 580
 581 table.data tbody th {
 582         text-align: left;
 583         background-color: #fdfdfd;
 584         cursor: auto;
 585 }
 586
 587 table.data td {
 588         padding: 3px;
 589 }
 590
 591 table.data tbody tr:hover {
 592         background-color: #f5f5ff;
 593         cursor: pointer;
 594 }
 595
 596 table.data tbody tr.selected {
 597         background-color: #f5f5ff;
 598         cursor: auto;
 599 }
 600
 601 table.data tfoot {
 602         background-color: #fafafa;
 603 }
 604
 605 table.data tfoot tr:first-child td {
 606         padding: 5px;
 607         background-image: url('images/arrow_ltr.gif');
 608         background-repeat: no-repeat;
 609         background-position: 4px 5px;
 610         padding-left: 40px;
 611 }
 612
 613 table.data.static tfoot td, table.data.static tfoot tr:first-child td {
 614         padding: 5px;
 615         background-image: none;
 616         padding-left: 0px;
 617 }
 618
 619 table.data tfoot input {
 620         border: 1px solid #999;
 621         background-color: white;
 622         padding: 2px;
 623         padding-left: 10px;
 624         padding-right: 10px;
 625         max-width: 60%;
 626         min-width: 100px;
 627         margin-left: 5px;
 628 }
 629
 630 /* used for static tables with no form elements: */
 631 table.data.static tbody tr:hover {
 632         background-color: transparent;
 633         cursor: auto;
 634 }
 635
 636 table.data tfoot input[type=submit]:hover {
 637         background-color: #f5f5ff;
 638 }
 639
 640 /* course browser: */
 641
 642 div#browse {
 643         margin-left: auto;
 644         margin-right: auto;
 645         width: 80%;
 646 }
 647
 648 div.browse-selected {
 649         background-image: url('images/side_arrow.gif');
 650         background-repeat: no-repeat;
 651         padding-left: 9px;
 652         background-position: center left;
 653 }
 654
 655 div.browse-unselected {
 656         padding-left: 9px;
 657 }
 658
 659 ul.browse-list {
 660         list-style: none;
 661         padding:0px;
 662 }
 663
 664 /* feedback /errors */
 665 div#error {
 666         width: 50%;
 667         margin-left: auto;
 668         margin-right: auto;
 669         margin-top: 15px;
 670         margin-bottom: 15px;
 671         border: 1px solid red;
 672         padding: 5px;
 673         background-color: #fffcf3;
 674         color: red;
 675         background: #FBF4ED url(images/error-large.gif) no-repeat scroll 5px 5px;
 676         padding-left: 25px;
 677         font-weight: bold;
 678 }
 679 div#error h4 {
 680         color: black;
 681         margin-left: 0px;
 682 }
 683
 684 div#error ul, div#feedback ul, div#help ul {
 685         position: relative;
 686         list-style: none;
 687         margin-left: 0px;
 688         padding-left: 0px;
 689 }
 690
 691 div#feedback {
 692         width: 50%;
 693         margin-left: auto;
 694         margin-right: auto;
 695         margin-top: 15px;
 696         margin-bottom: 15px;
 697         border: 1px solid green;
 698         padding: 5px;
 699         background-color: #c3fffc;
 700         color: green;
 701         font-weight: bold;
 702 }
 703
 704 div#help {
 705         width: 50%;
 706         margin-left: auto;
 707         margin-right: auto;
 708         margin-top: 15px;
 709         margin-bottom: 15px;
 710         border: 1px solid blue;
 711         padding: 5px;
 712         background-color: #c3ffff;
 713         color: blue;
 714 }
 715
 716 div#info {
 717         width: 50%;
 718         margin-left: auto;
 719         margin-right: auto;
 720         margin-top: 15px;
 721         margin-bottom: 15px;
 722         border: 1px solid #2905A1;
 723         padding: 5px;
 724         background-color: #E1D7E8;
 725         color: #2905A1;
 726         font-weight: bold;
 727 }
 728
 729 div#warning {
 730         width: 50%;
 731         margin-left: auto;
 732         margin-right: auto;
 733         margin-top: 15px;
 734         margin-bottom: 15px;
 735         border: 1px solid #FF8400;
 736         padding: 5px;
 737         background-color: #FFF6ED;
 738         color: #D95900;
 739         font-weight: bold;
 740 }
 741 acronym {
 742         cursor: help;
 743 }
 744
 745 div.news p {
 746         margin-left: 10px;
 747 }
 748 div.news span.date {
 749         font-family: Verdana, Helevetica, Arial, sans-serif;
 750         color: #8CACBB;
 751         font-size:smaller;
 752 }
 753
 754 /* home page links */
 755 div.home-link {
 756         padding: 2px;
 757         float: left;
 758         text-align: center;
 759         margin: 2px;
 760         width: 120px;
 761         height: 90px;
 762 }
 763 div.home-link:hover {
 764         padding: 1px;
 765         background-color: #efefef;
 766         border: 1px solid #afafaf;
 767         float: left;
 768         text-align: center;
 769         margin: 2px;
 770 }
 771 div.home-link a {
 772         text-decoration: none;
 773         font-weight: bold;
 774 }
 775
 776 div.home-link img {
 777         border: 0px;
 778 }
 779
 780 /* sequence links */
 781 div#sequence-links {
 782         float: right;
 783         margin-top: 10px;
 784         padding-right: 5px;
 785         font-size: smaller;
 786 }
 787 div#sequence-links a {
 788         text-decoration: none;
 789 }
 790
 791 div.dropdown {
 792         width: 200px;
 793         padding: 2px;
 794         background-color: white;
 795         color: black;
 796         border-left: 1px solid #EAF2FE;
 797         border-right: 1px solid #EAF2FE;
 798         border-bottom: 1px solid #EAF2FE;
 799         font-weight: normal;
 800 }
 801
 802 div.dropdown-heading {
 803         background-color: #DFE1C7;
 804         color: #006699;
 805         border-left: 1px solid #EAF2FE;
 806         border-right: 1px solid #EAF2FE;
 807         border-top: 1px solid #EAF2FE;
 808         font-weight: bold;
 809         padding: 2px;
 810 }
 811
 812 div.required {
 813         font-weight: bold;
 814         color: red;
 815         font-size: large;
 816         float: left;
 817         position: relative;
 818         margin-top: -5px;
 819         height: 15px;
 820         padding-right: 2px;
 821 }
 822
 823 div#content_text {
 824         margin-left: 5px;
 825 }
 826
 827 form {
 828         clear: none;
 829         display:inline;
 830 }
 831 #jump-button {
 832     padding-left: 9px;
 833         padding-right: 2px;
 834         background: White url('images/linkTransparent.gif') 3px 2px no-repeat;
 835         border: 1px solid #8CACBB;
 836         cursor: pointer;
 837     text-transform: lowercase;
 838         font-size:0.85em;
 839 }
 840 #jumpmenu {
 841         font-size: smaller;
 842 }
 843
 844 optgroup {
 845         font-size: small;
 846 }
 847
 848 /* packing */
 849 div.paging {
 850    width: 100%;
 851    text-align: center;
 852    margin: 0.5em auto;
 853 }
 854 div.paging ul {
 855    list-style: none;
 856    display: inline;
 857    padding: 0px;
 858    border: 1px solid #000;
 859 }
 860 div.paging li {
 861         display: inline;
 862         padding-left: 2px;
 863         padding-right: 2px;
 864         padding-top: 0px;
 865         padding-bottom: 0px;
 866 }
 867
 868 div.paging li a {
 869         text-decoration: none;
 870         padding-left: 4px;
 871         padding-right: 4px;
 872         border-left: 1px solid white;
 873         border-right: 1px solid white;
 874 }
 875
 876 div.paging li a:hover, div.paging li a.current {
 877    background-color: #efefef;
 878    border-left: 1px solid #000;
 879    border-right: 1px solid #000;
 880 }
 881
 882 /*plone*/
 883
 884 div.top {
 885     /* Top space */
 886     background: transparent;
 887     margin: 0;
 888     padding: 0;
 889         padding-top:9px;
 890 }
 891 div.tabs {
 892     /* Navigational Plone Tabs(tm), implemented by customizing the a tag - they are surprisingly elegant. The power of CSS runs strong in these :) */
 893     background: transparent;
 894     border-collapse: collapse;
 895     border-bottom: 1px solid #8CACBB;
 896     padding: 0.5em 0em 0em 2em;
 897     white-space: nowrap;
 898         font-size:0.85em;
 899 }
 900
 901 div.tabs a {
 902     /* The normal, unselected tabs. They are all links */
 903     background: transparent;
 904     border-color: #8CACBB;
 905     border-width: 1px;
 906     border-style: solid solid none solid;
 907     color: #436976;
 908     height: 1.2em;
 909     margin-right: 0.5em;
 910     padding: 0em 2em 0em;
 911     text-transform: lowercase;
 912 }
 913
 914 div.tabs a.selected {
 915     /* The selected tab. There's only one of this */
 916     background: #DEE7EC;
 917     border-bottom: #DEE7EC 1px solid;
 918     color: #436976;
 919     font-weight: normal;
 920 }
 921
 922 div.tabs a:hover, div.tabs a.active {
 923     background: #DEE7EC;
 924     border-bottom: 1px solid #DEE7EC;
 925     color: #436976;
 926 }
 927
 928
 929 h4.box {
 930         font-size: x-small;
 931         background-color: #DEE7EC;
 932         color: black;
 933         border: 1px solid #8CACBB;
 934         padding: 2px;
 935     text-transform: lowercase;
 936         font-size: 0.85em;
 937 }
 938
 939 div.box {
 940         padding: 2px;
 941         background-color: white;
 942         color: black;
 943         border-left: 1px solid #8CACBB;
 944         border-right: 1px solid #8CACBB;
 945         border-bottom: 1px solid #8CACBB;
 946         font-weight: normal;
 947         font-size: 0.85em;
 948 }
 949
 950 h5.box {
 951     background: #DEE7EC;
 952     border: 1px solid #8CACBB;
 953     border-style: solid solid none solid;
 954     color: Black;
 955     padding: 0em 1em 0em 1em;
 956     text-transform: lowercase;
 957     display: inline;
 958         font-size: 0.85em;
 959     height: 1em;
 960 }
 961
 962 div.box a:link {
 963         text-decoration: none;
 964 }
 965
 966 div.box a:visited {
 967         color: #51286C;
 968         text-decoration: none;
 969 }
 970
 971 div.box a:hover {
 972         text-decoration: underline;
 973 }
 974
 975 .boxDetails {
 976     text-align: right;
 977 }
 978
 979 div.box .content {
 980     padding: 1em;
 981         font-size: 0.85em;
 982 }
 983
 984 div.box a.close {
 985     float: right;
 986     text-transform: none;
 987     border-left: 1pt solid #8CACBB;
 988     padding: 0em 0.2em;
 989 }
 990
 991 div.box h1,
 992 div.box h2,
 993 div.box h3,
 994 div.box h4 {
 995     margin: 0;
 996     padding: 0;
 997 }
 998
 999 div.box .even {
1000     background-color: #F7F9FA;
1001 }
1002
1003 div.box .odd {
1004     background-color: transparent;
1005 }
1006
1007 div.box input {
1008     font-size: 100%;
1009 }
1010
1011 /* users/index.php */
1012
1013 div.course {
1014         position: relative;
1015         width: 30em;
1016         height: 10.5em;
1017         border: rgb(204, 204, 204) 1px solid;
1018         background-color: white;
1019         float: left;
1020         margin: 3px;
1021         padding: 3px;
1022         font-size:0.85em;
1023 }
1024
1025 div.course.break {
1026         clear: left;
1027 }
1028
1029 div.course h2 {
1030         border: 0px;
1031         font-weight: normal;
1032         font-size: large;
1033
1034 }
1035
1036 div.course:hover {
1037         background-color:#D1E3ED;
1038         border: #AAAAAA 1px solid;
1039 }
1040
1041 div.course a {
1042         text-decoration: none;
1043 }
1044
1045 div.course:hover a {
1046         color: #006699;
1047 }
1048
1049 div.course a:hover {
1050         color: #000000;
1051 }
1052
1053 div.course p {
1054         font-size: 0.95em;
1055 }
1056
1057 div.course p a {
1058         font-weight: bold;
1059 }
1060
1061 div.course img.icon     {
1062         float: left;
1063         margin: 2px;
1064         height:6.8em;
1065         width:6.8em;
1066 }
1067
1068 div.course div.shortcuts {
1069         text-align: right;
1070         clear: left;
1071         vertical-align: middle;
1072 }
1073
1074 fieldset#shortcuts {
1075         float: right;
1076         background-color: #FAFAFA;
1077         border: 1pt solid #AAAAAA;
1078         margin: -5pt 5pt 5pt 5pt;
1079         padding-right: 10pt;
1080         padding-bottom: 5pt;
1081         padding-left: 10pt;
1082 }
1083
1084 legend {
1085         padding-right: 10pt;
1086         padding-left: 10pt;
1087 }
1088
1089 fieldset {
1090         margin-bottom: 10pt;
1091 }
1092 #shortcuts legend {
1093         color: orange;
1094         background-color: white;
1095 }
1096 #shortcuts ul {
1097         position: relative;
1098         margin-top: 0pt;
1099         margin-bottom: 0pt;
1100         margin-left: 0pt;
1101         list-style-type:  none;
1102         padding-left: 0pt;
1103 }
1104
1105 a#guide {
1106         background-image: url('../default/images/guide.gif'); background-repeat: no-repeat; background-position: 7pt 2pt;
1107         background-color: #eee;
1108         padding: 1pt 10pt 1pt 23pt;
1109         border: 1pt solid #ccc;
1110         font-size:0.85em;
1111 }
1112
1113 div#content-text {
1114         padding-right: 5pt;
1115         line-height:150%;
1116 }
1117
1118 div#content-text li {
1119         margin-left: 15pt;
1120 }
1121
1122 div#content-info {
1123         margin: 5pt;
1124         font-size: smaller;
1125         color: #cacaca;
1126         clear: both;
1127 }
1128
1129 div#container {
1130         text-align: left;
1131         margin: 0px auto;
1132         padding: 0px;
1133         border:0;
1134         width: 90%;
1135 }
1136
1137 div.column {
1138         border: 1px solid #e0e0e0;
1139         float: left;
1140         width: 30%;
1141         margin: 5px;
1142         padding: 0px;
1143         min-width: 170px;
1144 }
1145
1146 div.column h3 {
1147         margin-left: 0px;
1148 }
1149
1150 div.insidecol {
1151    min-height: 170px;
1152    height: 170px;
1153    padding:5px;
1154 }
1155 div[class] .insidecol {
1156    height: auto;
1157 }
1158
1159 /* index page */
1160 ul#home-links {
1161         list-style: none;
1162 }
1163 ul#home-links li {
1164         font-size:0.95em;
1165
1166         display: inline;
1167         float: left;
1168         padding: 0.8em;
1169         text-align: center;
1170         margin: 0.1em;
1171         width: 8.5em;
1172         height: 7.0em;
1173         padding-left:0px;
1174
1175 }
1176 ul#home-links li a {
1177         text-decoration: none;
1178         border: 1px transparent;
1179         font-weight: bold;
1180 }
1181 ul#home-links li a img {
1182         border: 0px;
1183         display: block;
1184         padding-left:25px;
1185         _padding-left:0px;
1186 }
1187
1188 /* enrollment tabs */
1189 #navlist {
1190         padding: 0px;
1191         margin-left: 0;
1192         margin-right: auto;
1193         margin-left: auto;
1194         margin-bottom: 4px;
1195         margin-top:15px;
1196         white-space: nowrap;
1197 }
1198
1199 #navlist li {
1200         list-style: none;
1201         display: inline;
1202         margin: 0px;
1203 }
1204
1205 #navlist li a {
1206         padding: 3px 9px;
1207         border: 1px solid #e0e0e0;
1208         border-bottom: none;
1209         background: #fafafa;
1210         text-decoration: none;
1211         margin-left: 4px;
1212         -moz-border-radius-topright: 4px;
1213         -moz-border-radius-topleft: 4px;
1214         white-space: nowrap;
1215 }
1216
1217 #navlist li a:hover, #navlist li a.active {
1218         color: #000;
1219         background: #fff;
1220 }
1221
1222 /* tree */
1223 .img-size-tree {
1224         vertical-align: middle;
1225         margin-top: 0px;
1226         height:1.45em;
1227         width:1.45em;
1228 }
1229 /* profile page */
1230 dl#public-profile {
1231         width: 100%;
1232 }
1233 dl#public-profile dt {
1234         float: left;
1235         font-weight: bold;
1236         width: 30%;
1237         text-align: right;
1238         clear: left;
1239         border-right: 1px solid #f0f0f0;
1240         padding: 5px 5px 5px 0px;
1241         vertical-align: middle;
1242         margin-right: 5px;
1243 }
1244 dl#public-profile dd {
1245         margin-bottom: 5px;
1246         clear: right;
1247         padding: 5px 0px 5px 5px;
1248 }
1249
1250 /* floating layout */
1251 #contentwrapper{
1252         float: left;
1253         width: 99%;
1254 }
1255 #contentcolumn {
1256         margin-right: 210px;
1257         padding-left: 5px;
1258 }
1259 #rightcolumn{
1260         float: left;
1261         width: 200px;
1262         margin-left: -200px;
1263         overflow: hidden;
1264 }
1265 #footer{
1266         clear: left;
1267         width: 100%;
1268         text-align: center;
1269         padding: 4px 0px;
1270 }
1271
1272 /** forum stuff **/
1273 #forum-thread li { clear:left; border:1px solid #eee; border-bottom: 1px solid #f0f0f0; float:left; width: 98%; list-style: none; }
1274 #forum-thread li.even { background: #fdfdfd; border-top: none; }
1275 #forum-thread li.odd { background: #fff; }
1276 div.forum-post-author { float:left; width:150px; padding:8px 10px; }
1277 div.forum-post-author a.title { font-size: 1.1em; line-height: 1.2em; font-weight: bold; text-decoration:none; }
1278 div.forum-post-author img.profile-picture { border: 2px solid #f0f0f0; }
1279 div.forum-post-content { margin-left: 150px; padding: 5px 0px 18px 18px; }
1280 div.forum-post-content h3 { font-weight: 500; }
1281 div.forum-post-ctrl { float: right; padding-right: 5px; color: #a1a1a1; }
1282 div.forum-post-ctrl a { text-decoration: none; }
1283 div.forum-post-ctrl span { color: black; background-color: #fefdc2; padding: 3px; }
1284 div.forum-post-content p.date { color: #a1a1a1; border-bottom: 1px solid #f0f0f0; }
1285 div.forum-post-content div.body p { margin-bottom:20px; }
1286
1287 /** inbox stuff - reuses some of the forum layout **/
1288 #inbox-msg li { clear:left; border:1px solid #eee; border-bottom: 1px solid #f0f0f0; width: 98%; list-style: none; }
1289
1290
1291 div#topnavlistcontainer {
1292     /* Navigational Plone Tabs(tm), implemented by customizing the a tag - they are surprisingly elegant. The power of CSS runs strong in these :) */
1293     background: transparent;
1294     border-collapse: collapse;
1295     border-bottom: 1px solid #8CACBB;
1296     padding: 0.5em 0em 0em 2em;
1297     white-space: nowrap;
1298         font-size:0.85em;
1299 }
1300 ul#topnavlist {
1301         padding: 0px;
1302         margin-right: auto;
1303         margin-left: auto;
1304         margin-bottom: 3px;
1305         white-space: nowrap;
1306         margin-top: 0px;
1307         margin-bottom:0px;
1308 }
1309
1310 ul#topnavlist li {
1311         list-style: none;
1312         display: inline;
1313         margin: 0px;
1314 }
1315
1316 ul#topnavlist li:first-child a {
1317         margin-left: 8px;
1318 }
1319
1320 ul#topnavlist li a:hover, ul#topnavlist li a.active, ul#topnavlist li a:focus {
1321     background: #DEE7EC;
1322     border-bottom: 1px solid #DEE7EC;
1323     color: #436976;
1324 }
1325
1326 ul#topnavlist li a {
1327     /* The normal, unselected tabs. They are all links */
1328     background: transparent;
1329     border-color: #8CACBB;
1330     border-width: 1px;
1331     border-style: solid solid none solid;
1332     color: #436976;
1333     height: 1.2em;
1334     margin-right: 0.5em;
1335     padding: 0em 2em 0em;
1336     text-transform: lowercase;
1337 }
1338
1339 ul#topnavlist li a.selected {
1340     /* The selected tab. There's only one of this */
1341     background: #DEE7EC;
1342     border-bottom: #DEE7EC 1px solid;
1343     color: #436976;
1344     font-weight: normal;
1345 }