themes/greenmin/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 clear:right;
  36     font: 100% Verdana, Helvetica, Arial, sans-serif;
  37     margin: 0;
  38     padding-top: 0.5em;
  39     /*border-bottom: 1px solid #57945A;*/
  40 }
  41
  42 h1 {
  43     font-size: 160%;
  44 }
  45
  46 h2 {
  47     font-size: 150%;
  48 }
  49
  50 h3 {
  51     font-size: 130%;
  52 }
  53
  54 h4 {
  55     font-size: 120%;
  56 }
  57
  58 h5 {
  59     font-size: 100%;
  60 }
  61
  62 textarea {
  63     border: 1px solid #57945A;
  64     color: Black;
  65     background-color: white;
  66     width: 88%;
  67     padding: 0.1em;
  68 }
  69
  70 /*  Table of content attributes*/
  71 p.toc{
  72         font-family: Verdana, Helevetica, Arial, sans-serif;
  73         background-color: #eeeeee;
  74         padding: .6em;
  75         margin-bottom: .6em;
  76         margin-top: 0em;
  77         margin-left: 1em;
  78         margin-right: 3em;
  79         border: 1px #88A283 solid;
  80 }
  81
  82 /* list attributes */
  83 ul {
  84         font-family: Verdana, Helevetica, Arial, sans-serif;
  85         margin-bottom: 0px;
  86         margin-top: 0px;
  87         margin-right: 0px;
  88 }
  89
  90 li {
  91         font-family: Verdana, Helevetica, Arial, sans-serif;
  92         margin-bottom: 0px;
  93         margin-top: 0px;
  94         margin-right: 0px;
  95 }
  96
  97 li.folders {
  98         list-style: disc url(../../images/folder.gif) outside;
  99         font-family: Verdana, Helevetica, Arial, sans-serif;
 100         margin-bottom: 0px;
 101         margin-top: 0px;
 102         margin-right: 0px;
 103 }
 104
 105 li.folders .disabled {
 106         color: #AAAAAA;
 107 }
 108
 109 /* link attributes */
 110 a:link {
 111         font-family: Verdana, Helevetica, Arial, sans-serif;
 112         color: #296542;
 113         text-decoration: none;
 114 }
 115 a:visited {
 116         font-family: Verdana, Helevetica, Arial, sans-serif;
 117         color: #296542;
 118         text-decoration: none;
 119 }
 120 a:hover {
 121         font-family: Verdana, Helevetica, Arial, sans-serif;
 122         color: black;
 123         text-decoration: none;
 124 }
 125
 126 .formfieldR {
 127         font-family: Verdana, Helevetica, Arial, sans-serif;
 128         color: black;
 129         border-top:  #003399  solid 1px;
 130         border-bottom: #003399 solid 1px;
 131         border-right: #003399 solid 1px;
 132         border-left: #003399 solid 1px;
 133         text-align: right;
 134         padding: 2px;
 135 }
 136
 137 /* align text to the left */
 138 .left {
 139         text-align: left;
 140 }
 141
 142 a.dropdown-title {
 143         color: white;
 144         font-weight: normal;
 145         text-decoration: none;
 146 }
 147
 148
 149 /* table border */
 150 .tableborder {
 151         border: 1px #606060 solid;
 152 }
 153
 154 /* main submit button */
 155 .button {
 156         font-family: Verdana, Helevetica, Arial, sans-serif;
 157         background-color: #EBF6F3;
 158         font-weight: normal;
 159         border-top:  #348265  solid 1px;
 160         border-bottom: #348265 solid 1px;
 161         border-right: #348265 solid 1px;
 162         border-left: #348265 solid 1px;
 163 }
 164
 165 /* small submit button at top */
 166 .button2 {
 167         font-family: Verdana, Helevetica, Arial, sans-serif;
 168         background-color: #F8F8F8;
 169         border-top:  #348265  solid 1px;
 170         border-bottom: #348265  solid 1px;
 171         border-right: #348265  solid 1px;
 172         border-left: #348265  solid 1px;
 173 }
 174
 175 /* date attributes */
 176 small.date {
 177         font-family: Verdana, Helevetica, Arial, sans-serif;
 178         color: #57945A;
 179         margin-bottom: 0px;
 180         margin-top: 0px;
 181         margin-left: 5px;
 182         margin-right: 0px;
 183         font-size:small;
 184 }
 185
 186 /* page breakline */
 187 hr {
 188         color: #88A283;
 189         background-color: white;
 190         height: 1px;
 191 }
 192
 193 /* message box styles */
 194
 195 /* Editor box small */
 196 .editorsmallbox {
 197         font-family: Verdana, Helevetica, Arial, sans-serif;
 198         background-color: #EEEEEE;
 199         padding: 2px;
 200         padding-right: 3px;
 201         border: 1px #ABC180 solid;
 202 }
 203
 204 /* Editor box large */
 205 .editorlargebox {
 206         font-family: Verdana, Helevetica, Arial, sans-serif;
 207         background-color: #EEEEEE;
 208         margin-left:1em;
 209         padding-left: .2em;
 210         padding-right: .5em;
 211         padding-top: .5em;
 212         padding-bottom: .4em;
 213         border: 1px #ABC180 solid;
 214 }
 215
 216
 217 select.dropdown {
 218         font-family: Verdana, Helevetica, Arial, sans-serif;
 219     background-color: #F1F3F1;
 220 }
 221
 222 .highlight, a.highlight {
 223         background-color: yellow;
 224 }
 225
 226 a .highlight{
 227         background-color: yellow;
 228         text-decoration: underline;
 229 }
 230
 231 .center {
 232         text-align: center;
 233 }
 234
 235
 236 /* edit content tabs */
 237 .buttontab {
 238         font-family: Helvetica, Arial, Helvetica, sans-serif;
 239         background-color: #ffffff;
 240         font-weight: bold;
 241         border: 0px;
 242         padding-left: 0px;
 243         color: #779172;
 244 }
 245
 246 .etab {
 247         color: black;
 248         background-color: #ffffff;
 249         border-top: 1px #88A283 solid;
 250         border-left: 1px #88A283 solid;
 251         border-right: 1px #88A283 solid;
 252         text-decoration: none;
 253         text-align: center;
 254         font-weight: bold;
 255 }
 256
 257 .etab a:link, .etab a:visited {
 258         color: black;
 259         text-decoration: none;
 260 }
 261 .etab a:hover {
 262         color: black;
 263         text-decoration: underline;
 264 }
 265 .etabself {
 266         background-color: #EFEFEF;
 267         border-top: 1px #88A283 solid;
 268         border-left: 1px  #88A283 solid;
 269         border-right: 1px #88A283 solid;
 270         text-align: center;
 271         font-weight: bold;
 272         padding: 2px;
 273 }
 274 .unsaved {
 275         color: red;
 276         background-color: #FFFDE0;
 277         margin: 10px;
 278         font-weight: bold;
 279 }
 280 .saved {
 281         background-color: #FFFDE0;
 282         margin: 10px;
 283 }
 284
 285
 286
 287 /* the side menu */
 288 /* the side menu heading */
 289 td.dropdown-heading {
 290         background-color: #DBFDD4;
 291         color: #099015;
 292         border-left: 1px solid #ECFEEA;
 293         border-right: 1px solid #ECFEEA;
 294         border-top: 1px solid #ECFEEA;
 295         font-weight: bold;
 296         padding: 2px;
 297 }
 298
 299 td.dropdown-heading a, td.dropdown-heading a:hover, td.dropdown-heading a:visited {
 300         text-decoration: none;
 301 }
 302
 303 td.dropdown-heading.closed {
 304         border-bottom: 1px solid #ECFEEA;
 305 }
 306
 307 /* the side menu content */
 308 td.dropdown {
 309         padding: 2px;
 310         background-color: white;
 311         color: black;
 312         border-left: 1px solid #ECFEEA;
 313         border-right: 1px solid #ECFEEA;
 314         border-bottom: 1px solid #ECFEEA;
 315         font-weight: normal;
 316 }
 317 td.dropdown a, td.dropdown a:visited  {
 318         color: #099015;
 319         text-decoration: none;
 320 }
 321 td.dropdown a:hover {
 322         color: #099015;
 323         text-decoration: underline;
 324 }
 325 td.dropdown.cell {
 326         border-bottom: 0px;
 327 }
 328 td.dropdown strong {
 329         color: #2A6C28;
 330 }
 331
 332 /* added for 1.4.2: */
 333 .results {
 334         padding-left: 20px;
 335 }
 336
 337 h5.search-results {
 338         background-color: #FFF5A4;
 339         color: #099015;
 340         padding: 1px;
 341         margin-bottom: 5px;
 342         margin-top: 10px;
 343         margin-left: 5px;
 344 }
 345
 346 small.search-info {
 347         color: #099015;
 348 }
 349
 350 p.search-description {
 351         background-color: #FFFCE5;
 352         color: #099015;
 353 }
 354
 355 .test-box {
 356         background-color: #FFF5A4;
 357         color: #099015;
 358         border-left: 1px solid #099015;
 359         border-right: 1px solid #099015;
 360         border-top: 1px solid #099015;
 361         font-weight: bold;
 362         padding: 2px;
 363 }
 364
 365 /***************************************************************/
 366 /* NEW STUFF */
 367
 368 table.tabbed-table {
 369         width: 100%;
 370 }
 371 table.tabbed-table th#left-empty-tab {
 372         background-color: transparent;
 373         width: 15px;
 374         border-bottom: 1px solid #9DAB9A;
 375 }
 376 table.tabbed-table th#right-empty-tab {
 377         text-align: right;
 378         background-color: transparent;
 379         border-bottom: 1px solid #9DAB9A;
 380         width: 400px;
 381         padding-right: 5px;
 382 }
 383 table.tabbed-table th#right-empty-tab a {
 384         text-decoration: underline;
 385 }
 386 table.tabbed-table th.tab-spacer {
 387         background-color: transparent;
 388         width: 5px;
 389         border-bottom: 1px solid #9DAB9A;
 390 }
 391
 392 table.tabbed-table th.tab {
 393         padding-top: 2px;
 394         padding-bottom: 2px;
 395         width: 110px;
 396         background-color: #C9CEA4;
 397         border-bottom: 1px solid #9DAB9A;
 398         border-left: 1px solid #9DAB9A;
 399         border-top: 1px solid #9DAB9A;
 400         border-right: 1px solid #9DAB9A;
 401 }
 402 table.tabbed-table th.tab:hover {
 403         background-color: #DFE1C7;
 404 }
 405
 406 table.tabbed-table th.tab a:focus {
 407         color: white;
 408 }
 409 table.tabbed-table th.selected {
 410         padding-top: 2px;
 411         padding-bottom: 2px;
 412         width: 110px;
 413         background-color: #DFE1C7;
 414         border-left: 1px solid #9DAB9A;
 415         border-top: 1px solid #9DAB9A;
 416         border-right: 1px solid #9DAB9A;
 417 }
 418
 419 table.tabbed-table a, table.tabbed-table a:visited, table.tabbed-table a:hover {
 420         color: black;
 421         text-decoration: none;
 422 }
 423
 424 a#my-start-page {
 425         padding: 2px;
 426         padding-left: 15px;
 427         background-image: url(http://www.gris.uni-tuebingen.de/images/start.gif);
 428         background-repeat: no-repeat;
 429         background-position: 2px 5px;
 430 }
 431
 432 a#back-to {
 433         padding-left: 20px;
 434         background-image: url(images/back.gif);
 435         background-repeat: no-repeat;
 436         background-position: 0px 0px;
 437 }
 438
 439 div#breadcrumbs {
 440     /* The path bar, including breadcrumbs and add to favorites */
 441     border-bottom-color: #57945A;
 442     border-bottom-style: solid;
 443     border-bottom-width: 1px;
 444     padding-left: 3px;
 445     text-transform: lowercase;
 446         font-size:0.85em;
 447         padding-bottom: 1px;
 448         padding-top: 1px;
 449 }
 450 h2.page-title {
 451         margin-bottom: 10px;
 452         margin-top: 10px;
 453         margin-left: 5px;
 454         border-bottom: 1px solid #f0f0f0;
 455         clear: left;
 456 }
 457
 458 h1 {
 459         margin-bottom: 5px;
 460 }
 461
 462 div#sub-navigation {
 463         padding: 3px;
 464         background-color: #DEECE2;
 465         border-bottom: 1px solid #9DAB9A;
 466         color: #9DAB9A;
 467     text-transform: lowercase;
 468         font-size:0.85em;
 469 }
 470
 471 div#sub-navigation strong {
 472         color: black;
 473 }
 474
 475 div#help {
 476         border-left: 1px solid black;
 477         border-right: 1px solid black;
 478         border-bottom: 1px solid black;
 479         padding-left: 5px;
 480         padding-right: 5px;
 481         padding-bottom: 5px;
 482         background-color: #efefef;
 483         margin-left: 5px;
 484         margin-right: 5px;
 485         font-size: small;
 486 }
 487
 488 h3#help-title {
 489         margin-left: 5px;
 490         margin-right: 5px;
 491         border-left: 1px solid black;
 492         border-right: 1px solid black;
 493         padding: 1px;
 494         background-color: #efefef;
 495 }
 496 .line {
 497         border-bottom: 1px solid black;
 498 }
 499 div#help p {
 500         padding: 0px;
 501         margin: 0px;
 502 }
 503
 504 div#toctoggle {
 505         float: left;
 506         font-size: smaller;
 507         padding-left: 10px;
 508 }
 509
 510 h1#section-title {
 511         float: left;
 512         margin-left: 5px;
 513 }
 514
 515 div#top-links {
 516         position: relative;
 517         padding-right: 5px;
 518         line-height: 170%;
 519         margin-top: 3px;
 520         font-size:0.85em;;
 521     text-transform: lowercase;
 522 }
 523
 524 a#editor-link {
 525         background-color: #EFEFEF;
 526         padding-top: 1px;
 527         padding-bottom: 1px;
 528         padding-left: 15px;
 529         padding-right: 8px;
 530         border: 1px solid #cccccc;
 531         font-weight: normal;
 532         text-decoration: none;
 533 }
 534
 535 a#editor-link:hover {
 536         background-color: #fafafa;
 537         border: 1px solid #aaaaaa;
 538 }
 539
 540 a#editor-link.off {
 541         background-image: url(images/pen.gif);
 542         background-repeat: no-repeat;
 543         background-position: 0px 2px;
 544 }
 545 a#editor-link.on {
 546         background-image: url(images/pen2.gif);
 547         background-repeat: no-repeat;
 548         background-position: 0px 2px;
 549 }
 550
 551
 552 /* for data tables */
 553 table.data {
 554         clear:right;
 555         border: 1px solid #f0f0f0;
 556         width: 80%;
 557         margin-left: auto;
 558         margin-right: auto;
 559         border-spacing: 0px;
 560         border-collapse: collapse;
 561 }
 562
 563 table.data th {
 564         background-color: #f0f0f0;
 565         padding: 3px;
 566         white-space: nowrap;
 567 }
 568
 569 table.data th a {
 570         color: black;
 571         padding-right: 15px;
 572         margin-right: 15px;
 573         background-image: url('../default/images/sort.png');
 574         background-repeat: no-repeat;
 575         background-position: right;
 576         text-decoration:none;
 577 }
 578
 579 table.data tbody {
 580         background-color: #fdfdfd;
 581 }
 582
 583 table.data tbody th {
 584         text-align: left;
 585         background-color: #fdfdfd;
 586         cursor: auto;
 587 }
 588
 589 table.data td {
 590         padding: 3px;
 591 }
 592
 593 table.data tbody tr:hover {
 594         background-color: #F5FDFF;
 595         cursor: pointer;
 596 }
 597
 598 table.data tbody tr.selected {
 599         background-color: #F5FDFF;
 600         cursor: auto;
 601 }
 602
 603 table.data tfoot {
 604         background-color: #fafafa;
 605 }
 606
 607 table.data tfoot tr:first-child td {
 608         padding: 5px;
 609         background-image: url('images/arrow_ltr.gif');
 610         background-repeat: no-repeat;
 611         background-position: 4px 5px;
 612         padding-left: 40px;
 613 }
 614
 615 table.data.static tfoot td, table.data.static tfoot tr:first-child td {
 616         padding: 5px;
 617         background-image: none;
 618         padding-left: 0px;
 619 }
 620
 621 table.data tfoot input {
 622         border: 1px solid #999;
 623         background-color: white;
 624         padding: 2px;
 625         padding-left: 10px;
 626         padding-right: 10px;
 627         max-width: 60%;
 628         min-width: 100px;
 629         margin-left: 5px;
 630 }
 631
 632 /* used for static tables with no form elements: */
 633 table.data.static tbody tr:hover {
 634         background-color: transparent;
 635         cursor: auto;
 636 }
 637
 638 table.data tfoot input[type=submit]:hover {
 639         background-color: #F5FDFF;
 640 }
 641
 642 /* course browser: */
 643
 644 div#browse {
 645         margin-left: auto;
 646         margin-right: auto;
 647         width: 80%;
 648 }
 649
 650 div.browse-selected {
 651         background-image: url('images/side_arrow.gif');
 652         background-repeat: no-repeat;
 653         padding-left: 9px;
 654         background-position: center left;
 655 }
 656
 657 div.browse-unselected {
 658         padding-left: 9px;
 659 }
 660
 661 ul.browse-list {
 662         list-style: none;
 663         padding:0px;
 664 }
 665 /* browse courses */
 666 dl.browse-course {
 667         width: 100%;
 668         padding-bottom: 25px;
 669         background-color: #fffaf0;
 670         border:1px #9DAB9A solid;
 671         width:75%;
 672         margin:auto;
 673         margin-left:15em;
 674         margin-bottom:1em;
 675 }
 676 dl.browse-course dt {
 677         float: left;
 678         font-weight: bold;
 679         width: 25%;
 680         text-align: right;
 681         padding: 5px 10px 5px 0px;
 682         vertical-align: middle;
 683 }
 684 dl.browse-course dd {
 685         margin-bottom: 5px;
 686         padding: 5px 0px 5px 10px;
 687         margin-left: 26%;
 688
 689 }
 690 img.headicon {
 691         float:  left;
 692         margin-top:1.2em;
 693         margin-right:.5em;
 694         height:6.45em;
 695         width:6.45em;
 696         vertical-align:top;
 697         border:1px solid white;
 698 }
 699
 700 /* feedback /errors */
 701 div#error {
 702         width: 50%;
 703         margin-left: auto;
 704         margin-right: auto;
 705         margin-top: 15px;
 706         margin-bottom: 15px;
 707         border: 1px solid red;
 708         padding: 5px;
 709         background-color: #fffcf3;
 710         color: red;
 711         background: #FBF4ED url(images/error-large.gif) no-repeat scroll 5px 5px;
 712         padding-left: 25px;
 713         font-weight: bold;
 714 }
 715 div#error h4 {
 716         color: black;
 717         margin-left: 0px;
 718 }
 719
 720 div#error ul, div#feedback ul, div#help ul {
 721         position: relative;
 722         list-style: none;
 723         margin-left: 0px;
 724         padding-left: 0px;
 725 }
 726
 727 div#feedback {
 728         width: 50%;
 729         margin-left: auto;
 730         margin-right: auto;
 731         margin-top: 15px;
 732         margin-bottom: 15px;
 733         border: 1px solid green;
 734         padding: 5px;
 735         background-color: #EAFFC3;
 736         color: green;
 737         font-weight: bold;
 738 }
 739
 740 div#help {
 741         width: 50%;
 742         margin-left: auto;
 743         margin-right: auto;
 744         margin-top: 15px;
 745         margin-bottom: 15px;
 746         border: 1px solid blue;
 747         padding: 5px;
 748         background-color: #EBFFC3;
 749         color: blue;
 750 }
 751
 752 div#info {
 753         width: 50%;
 754         margin-left: auto;
 755         margin-right: auto;
 756         margin-top: 15px;
 757         margin-bottom: 15px;
 758         border: 1px solid #099D3F;
 759         padding: 5px;
 760         background-color: #DAE8D7;
 761         color: #099D3F;
 762         font-weight: bold;
 763 }
 764
 765 div#warning {
 766         width: 50%;
 767         margin-left: auto;
 768         margin-right: auto;
 769         margin-top: 15px;
 770         margin-bottom: 15px;
 771         border: 1px solid #FF8400;
 772         padding: 5px;
 773         background-color: #FFF6ED;
 774         color: #D95900;
 775         font-weight: bold;
 776 }
 777 acronym {
 778         cursor: help;
 779 }
 780
 781 div.news p {
 782         margin-left: 10px;
 783 }
 784 div.news span.date {
 785         font-family: Verdana, Helevetica, Arial, sans-serif;
 786         color: #57945A;
 787         font-size:smaller;
 788 }
 789
 790 /* home page links */
 791 div.home-link {
 792         padding: 2px;
 793         float: left;
 794         text-align: center;
 795         margin: 2px;
 796         width: 120px;
 797         height: 90px;
 798 }
 799 div.home-link:hover {
 800         padding: 1px;
 801         background-color: #efefef;
 802         border: 1px solid #afafaf;
 803         float: left;
 804         text-align: center;
 805         margin: 2px;
 806 }
 807 div.home-link a {
 808         text-decoration: none;
 809         font-weight: bold;
 810 }
 811
 812 div.home-link img {
 813         border: 0px;
 814 }
 815
 816 /* sequence links */
 817 div.sequence-links {
 818         float: right;
 819         margin-top: 10px;
 820         padding-right: 5px;
 821         font-size: smaller;
 822 }
 823 div.sequence-links a {
 824         text-decoration: none;
 825 }
 826
 827 div.dropdown {
 828         width: 200px;
 829         padding: 2px;
 830         background-color: white;
 831         color: black;
 832         border-left: 1px solid #ECFEEA;
 833         border-right: 1px solid #ECFEEA;
 834         border-bottom: 1px solid #ECFEEA;
 835         font-weight: normal;
 836 }
 837
 838 div.dropdown-heading {
 839         background-color: #DFE1C7;
 840         color: #099015;
 841         border-left: 1px solid #ECFEEA;
 842         border-right: 1px solid #ECFEEA;
 843         border-top: 1px solid #ECFEEA;
 844         font-weight: bold;
 845         padding: 2px;
 846 }
 847
 848 div.required {
 849         font-weight: bold;
 850         color: red;
 851         font-size: large;
 852         float: left;
 853         position: relative;
 854         margin-top: -5px;
 855         height: 15px;
 856         padding-right: 2px;
 857 }
 858
 859 div#content_text {
 860         margin-left: 5px;
 861 }
 862
 863 form {
 864         clear: none;
 865         display:inline;
 866 }
 867 #jump-button {
 868     padding-left: 9px;
 869         padding-right: 2px;
 870         background: White url('images/linkTransparent.gif') 3px 2px no-repeat;
 871         border: 1px solid #57945A;
 872         cursor: pointer;
 873     text-transform: lowercase;
 874         font-size:0.85em;
 875 }
 876 #jumpmenu {
 877         font-size: smaller;
 878 }
 879
 880 optgroup {
 881         font-size: small;
 882 }
 883
 884 /* packing */
 885 div.paging {
 886    width: 100%;
 887    text-align: center;
 888    margin: 0.5em auto;
 889 }
 890 div.paging ul {
 891    list-style: none;
 892    display: inline;
 893    padding: 0px;
 894    border: 1px solid #000;
 895 }
 896 div.paging li {
 897         display: inline;
 898         padding-left: 2px;
 899         padding-right: 2px;
 900         padding-top: 0px;
 901         padding-bottom: 0px;
 902 }
 903
 904 div.paging li a {
 905         text-decoration: none;
 906         padding-left: 4px;
 907         padding-right: 4px;
 908         border-left: 1px solid white;
 909         border-right: 1px solid white;
 910 }
 911
 912 div.paging li a:hover, div.paging li a.current {
 913    background-color: #efefef;
 914    border-left: 1px solid #000;
 915    border-right: 1px solid #000;
 916 }
 917
 918 /*plone*/
 919
 920 div.top {
 921     /* Top space */
 922     background: transparent;
 923     margin: 0;
 924     padding: 0;
 925         padding-top:9px;
 926 }
 927 div.tabs {
 928     /* Navigational Plone Tabs(tm), implemented by customizing the a tag - they are surprisingly elegant. The power of CSS runs strong in these :) */
 929     background: transparent;
 930     border-collapse: collapse;
 931     border-bottom: 1px solid #57945A;
 932     padding: 0.5em 0em 0em 2em;
 933     white-space: nowrap;
 934         font-size:0.85em;
 935 }
 936
 937 div.tabs a {
 938     /* The normal, unselected tabs. They are all links */
 939     background: transparent;
 940     border-color: #57945A;
 941     border-width: 1px;
 942     border-style: solid solid none solid;
 943     color: #4F7643;
 944     height: 1.2em;
 945     margin-right: 0.5em;
 946     padding: 0em 2em 0em;
 947     text-transform: lowercase;
 948 }
 949
 950 div.tabs a.selected {
 951     /* The selected tab. There's only one of this */
 952     background: #DEECE2;
 953     border-bottom: #DEECE2 1px solid;
 954     color: #4F7643;
 955     font-weight: normal;
 956 }
 957
 958 div.tabs a:hover, div.tabs a.active {
 959     background: #DEECE2;
 960     border-bottom: 1px solid #DEECE2;
 961     color: #4F7643;
 962 }
 963
 964
 965 h4.box {
 966         background-color: #DEECE2;
 967         color: black;
 968         border: 1px solid #57945A;
 969         padding: 2px;
 970     text-transform: lowercase;
 971         font-size: 0.85em;
 972 }
 973
 974 div.box {
 975         padding: 2px;
 976         background-color: white;
 977         color: black;
 978         border-left: 1px solid #57945A;
 979         border-right: 1px solid #57945A;
 980         border-bottom: 1px solid #57945A;
 981         font-weight: normal;
 982         font-size: 0.85em;
 983 }
 984 .fl-force-right{
 985         float:right;
 986 }
 987 h5.box {
 988     background: #DEECE2;
 989     border: 1px solid #57945A;
 990     border-style: solid solid none solid;
 991     color: Black;
 992     padding: 0em 1em 0em 1em;
 993     text-transform: lowercase;
 994     display: inline;
 995         font-size: 0.85em;
 996     height: 1em;
 997 }
 998
 999 div.box a:link {
1000         text-decoration: none;
1001 }
1002
1003 div.box a:visited {
1004         color: #2A6C28;
1005         text-decoration: none;
1006 }
1007
1008 div.box a:hover {
1009         text-decoration: underline;
1010 }
1011
1012 .boxDetails {
1013     text-align: right;
1014 }
1015
1016 div.box .content {
1017     padding: 1em;
1018         font-size: 0.85em;
1019 }
1020
1021 div.box a.close {
1022     float: right;
1023     text-transform: none;
1024     border-left: 1pt solid #57945A;
1025     padding: 0em 0.2em;
1026 }
1027
1028 div.box h1,
1029 div.box h2,
1030 div.box h3,
1031 div.box h4 {
1032     margin: 0;
1033     padding: 0;
1034 }
1035
1036 div.box .even {
1037     background-color: #F7FAF7;
1038 }
1039
1040 div.box .odd {
1041     background-color: transparent;
1042 }
1043
1044 div.box input {
1045     font-size: 100%;
1046 }
1047
1048 /* users/index.php */
1049
1050 div.course {
1051         position: relative;
1052         width: 30em;
1053         height: 10.5em;
1054         border: rgb(204, 204, 204) 1px solid;
1055         background-color: white;
1056         float: left;
1057         margin: 3px;
1058         padding: 3px;
1059         font-size:0.85em;
1060 }
1061
1062 div.course.break {
1063         clear: left;
1064 }
1065
1066 div.course h2 {
1067         border: 0px;
1068         font-weight: normal;
1069         font-size: large;
1070
1071 }
1072
1073 div.course:hover {
1074         background-color:#D1EDD9;
1075         border: #AAAAAA 1px solid;
1076 }
1077
1078 div.course a {
1079         text-decoration: none;
1080 }
1081
1082 div.course:hover a {
1083         color: #099015;
1084 }
1085
1086 div.course a:hover {
1087         color: #000000;
1088 }
1089
1090 div.course p {
1091         font-size: 0.95em;
1092 }
1093
1094 div.course p a {
1095         font-weight: bold;
1096 }
1097
1098 div.course img.icon     {
1099         float: left;
1100         margin: 2px;
1101         height:6.8em;
1102         width:6.8em;
1103 }
1104
1105 div.course div.shortcuts {
1106         text-align: right;
1107         clear: left;
1108         vertical-align: middle;
1109 }
1110
1111 fieldset#shortcuts {
1112         float: right;
1113         background-color: #FAFAFA;
1114         border: 1pt solid #AAAAAA;
1115         margin: -5pt 5pt 5pt 5pt;
1116         padding-right: 10pt;
1117         padding-bottom: 5pt;
1118         padding-left: 10pt;
1119 }
1120
1121 legend {
1122         padding-right: 10pt;
1123         padding-left: 10pt;
1124 }
1125
1126 fieldset {
1127         margin-bottom: 10pt;
1128 }
1129 #shortcuts legend {
1130         color: orange;
1131         background-color: white;
1132 }
1133 #shortcuts ul {
1134         position: relative;
1135         margin-top: 0pt;
1136         margin-bottom: 0pt;
1137         margin-left: 0pt;
1138         list-style-type:  none;
1139         padding-left: 0pt;
1140 }
1141
1142 a#guide {
1143         background-image: url('../default/images/guide.gif'); background-repeat: no-repeat; background-position: 7pt 2pt;
1144         background-color: #eee;
1145         padding: 1pt 10pt 1pt 23pt;
1146         border: 1pt solid #ccc;
1147         font-size:0.85em;
1148 }
1149
1150 div#content-text {
1151         padding-right: 5pt;
1152         line-height:150%;
1153 }
1154
1155 div#content-text li {
1156         margin-left: 15pt;
1157 }
1158
1159 div#content-info {
1160         margin: 5pt;
1161         font-size: smaller;
1162         color: #cacaca;
1163         clear: both;
1164 }
1165
1166 div#container {
1167         text-align: left;
1168         margin: 0px auto;
1169         padding: 0px;
1170         border:0;
1171         width: 90%;
1172 }
1173
1174 div.column {
1175         border: 1px solid #e0e0e0;
1176         float: left;
1177         width: 30%;
1178         margin: 5px;
1179         padding: 0px;
1180         min-width: 170px;
1181 }
1182
1183 div.column h3 {
1184         margin-left: 0px;
1185 }
1186
1187 div.insidecol {
1188    min-height: 170px;
1189    height: 170px;
1190    padding:5px;
1191 }
1192 div[class] .insidecol {
1193    height: auto;
1194 }
1195
1196 /* index page */
1197 ul#home-links {
1198         list-style: none;
1199 }
1200 ul#home-links li {
1201         font-size:0.95em;
1202
1203         display: inline;
1204         float: left;
1205         padding: 0.8em;
1206         text-align: center;
1207         margin: 0.1em;
1208         width: 8.5em;
1209         height: 7.0em;
1210         padding-left:0px;
1211
1212 }
1213 ul#home-links li a {
1214         text-decoration: none;
1215         border: 1px transparent;
1216         font-weight: bold;
1217 }
1218 ul#home-links li a img {
1219         border: 0px;
1220         display: block;
1221         padding-left:25px;
1222 }
1223
1224 /* enrollment tabs */
1225 #navlist {
1226         padding: 0px;
1227         margin-left: 0;
1228         margin-right: auto;
1229         margin-left: auto;
1230         margin-bottom: 4px;
1231         margin-top:15px;
1232         white-space: nowrap;
1233 }
1234
1235 #navlist li {
1236         list-style: none;
1237         display: inline;
1238         margin: 0px;
1239 }
1240
1241 #navlist li a {
1242         padding: 3px 9px;
1243         border: 1px solid #e0e0e0;
1244         border-bottom: none;
1245         background: #fafafa;
1246         text-decoration: none;
1247         margin-left: 4px;
1248         -moz-border-radius-topright: 4px;
1249         -moz-border-radius-topleft: 4px;
1250         white-space: nowrap;
1251 }
1252
1253 #navlist li a:hover, #navlist li a.active {
1254         color: #000;
1255         background: #fff;
1256 }
1257
1258 /* tree */
1259 .img-size-tree {
1260         vertical-align: middle;
1261         margin-top: 0px;
1262         height:1.45em;
1263         width:1.45em;
1264 }
1265 /* profile page */
1266 dl#public-profile {
1267         width: 100%;
1268 }
1269 dl#public-profile dt {
1270         float: left;
1271         font-weight: bold;
1272         width: 30%;
1273         text-align: right;
1274         clear: left;
1275         border-right: 1px solid #f0f0f0;
1276         padding: 5px 5px 5px 0px;
1277         vertical-align: middle;
1278         margin-right: 5px;
1279 }
1280 dl#public-profile dd {
1281         margin-bottom: 5px;
1282         clear: right;
1283         padding: 5px 0px 5px 5px;
1284 }
1285
1286 /* floating layout */
1287 #contentwrapper{
1288         float: left;
1289         width: 99%;
1290 }
1291 #contentcolumn {
1292     padding-left: 5px;
1293     overflow: auto;
1294 }
1295 #contentcolumn_shiftright {
1296         margin-left: 210px;
1297         padding-right: 5px;
1298 }
1299 #rightcolumn{
1300     float: right;
1301     overflow: hidden;
1302     margin: -5px 0 0;
1303 }
1304 #footer{
1305         clear: left;
1306         width: 100%;
1307         text-align: center;
1308         padding: 4px 0px;
1309 }
1310
1311 /** forum stuff **/
1312 #forum-thread li { clear:left; border:1px solid #eee; border-bottom: 1px solid #f0f0f0; float:left; width: 98%; list-style: none; }
1313 #forum-thread li.even { background: #fdfdfd; border-top: none; }
1314 #forum-thread li.odd { background: #fff; }
1315 div.forum-post-author { float:left; width:150px; padding:8px 10px; }
1316 div.forum-post-author a.title { font-size: 1.1em; line-height: 1.2em; font-weight: bold; text-decoration:none; }
1317 div.forum-post-author img.profile-picture { border: 2px solid #f0f0f0; }
1318 div.forum-post-content { margin-left: 150px; padding: 5px 0px 18px 18px; }
1319 div.forum-post-content h3 { font-weight: 500; }
1320 div.forum-post-ctrl { float: right; padding-right: 5px; color: #a1a1a1; }
1321 div.forum-post-ctrl a { text-decoration: none; }
1322 div.forum-post-ctrl span { color: black; background-color: #fefdc2; padding: 3px; }
1323 div.forum-post-content p.date { color: #a1a1a1; border-bottom: 1px solid #f0f0f0; }
1324 div.forum-post-content div.body p { margin-bottom:20px; }
1325
1326 /** inbox stuff - reuses some of the forum layout **/
1327 #inbox-msg li { clear:left; border:1px solid #eee; border-bottom: 1px solid #f0f0f0; width: 98%; list-style: none; }
1328
1329
1330 div#topnavlistcontainer {
1331     /* Navigational Plone Tabs(tm), implemented by customizing the a tag - they are surprisingly elegant. The power of CSS runs strong in these :) */
1332     background: transparent;
1333     border-collapse: collapse;
1334     border-bottom: 1px solid #57945A;
1335     padding: 0.5em 0em 0em 2em;
1336     white-space: nowrap;
1337         font-size:0.85em;
1338 }
1339 ul#topnavlist {
1340         padding: 0px;
1341         margin-right: auto;
1342         margin-left: auto;
1343         margin-bottom: 3px;
1344         white-space: nowrap;
1345         margin-top: 0px;
1346         margin-bottom:0px;
1347 }
1348
1349 ul#topnavlist li {
1350         list-style: none;
1351         display: inline;
1352         margin: 0px;
1353 }
1354
1355 ul#topnavlist li:first-child a {
1356         margin-left: 8px;
1357 }
1358
1359 ul#topnavlist li a:hover, ul#topnavlist li a.active, ul#topnavlist li a:focus {
1360     background: #DEECE2;
1361     border-bottom: 1px solid #DEECE2;
1362     color: #4F7643;
1363 }
1364
1365 ul#topnavlist li a {
1366     /* The normal, unselected tabs. They are all links */
1367     background: transparent;
1368     border-color: #57945A;
1369     border-width: 1px;
1370     border-style: solid solid none solid;
1371     color: #4F7643;
1372     height: 1.2em;
1373     margin-right: 0.5em;
1374     padding: 0em 2em 0em;
1375     text-transform: lowercase;
1376 }
1377
1378 ul#topnavlist li a.selected {    /* The selected tab. There's only one of this */
1379     background: #DEECE2;
1380     border-bottom: #DEECE2 1px solid;
1381     color: #4F7643;
1382     font-weight: normal;
1383 }
1384
1385
1386 #fsfloat1{
1387         float:left;
1388 }
1389 #fsfloat2{
1390         float:right;
1391         width:48%;
1392 }
1393
1394 /* format of "table of contents" on content page */
1395 #toc a          { display:block; margin:3px; }
1396 #toc .h2                { padding:0 0 0 10px;}
1397 #toc .h3                { padding:0 0 0 30px;}
1398 #toc .h4                { padding:0 0 0 40px; }
1399 #toc .h5                { padding:0 0 0 50px; }
1400 #toc .h6                { padding:0 0 0 60px; }
1401
1402 /* jQuery tooltip styles */
1403 #tooltip{
1404         position:absolute;
1405         z-index:3000;
1406         border:3px solid #111;
1407         background-color:#eeeeee;
1408         padding:5px;
1409
1410 }
1411 #tooltip h3,#tooltip div{
1412         margin:0;
1413 }
1414 /* style for home page sublinks view */
1415 div.home_box {
1416         width: 30em;
1417         height: 150px;
1418         padding-top: 15px;
1419         margin-left:1em;
1420         float:left;
1421 }
1422
1423 .outside_box{
1424         margin-left:.4em;
1425         background:#e0e0e0;
1426         width:28em;
1427         height:9.8em;
1428 }
1429
1430 .inside_box{
1431         width:100%;
1432         margin:auto;
1433         height:52%;
1434         margin-bottom:.2em;
1435         background:#eeeeee;
1436 }
1437 .details_or{
1438         width:28.8em;
1439         height:9.8em;
1440         margin:0;
1441         background-image:url(../../images/details_r.png);
1442         background-position: top right;
1443         background-repeat:no-repeat;
1444 }
1445 .details_ol{
1446         height:9.8em;
1447         margin:0px;
1448         width:.45em;
1449         background-image:url(../../images/details_l.png);
1450         background-position: top left;
1451         background-repeat:no-repeat;
1452 }
1453 .details_ir{
1454         width:.5em;
1455         height:100%;
1456         float:right;
1457         background-image:url(../../images/details_ir.png);
1458         background-position: top right;
1459         background-repeat:no-repeat;
1460 }
1461 .details_il{
1462         height:100%;
1463         float:left;
1464         background-image:url(../../images/details_il.png);
1465         background-position: top left;
1466         background-repeat:no-repeat;
1467 }
1468 .home-title{
1469         font-size:12pt;
1470 }
1471 .buttonbox{
1472         float:right;
1473 }
1474 .details_text{
1475         margin-left:1em;
1476 }
1477
1478 /* 1pxgs current box on My Start */
1479 .current_box{
1480     float:left;
1481     margin-left:1em;
1482     width:30%;
1483     padding:.5em;
1484     border: 1px solid #cccccc;
1485 }
1486
1487 ul.current_list{
1488       line-height:2em;
1489       list-style-type:none;
1490       margin-left:-3em;
1491 }
1492 .current_list img{
1493       vertical-align:middle;
1494 }
1495
1496 #side-menu{
1497      overflow:hidden;
1498      width:18em;
1499      padding-right:.3em;
1500      padding-bottom:.3em;
1501 }
1502
1503 div#menutoggle{
1504     text-align: right;
1505     padding-bottom: 10px;
1506     padding-right: 10px;
1507     float: right;
1508     margin-top: 10px;
1509     padding-right: 5px;
1510     font-size:0.95em;
1511 }
1512 #my_courses_container{
1513           width:58%;
1514           margin-left:1em;
1515           border:none;
1516           float:left;
1517           border-radius: .5em .5em .5em .5em;
1518         -moz-border-radius: .5em .5em .5em .5em;
1519         -moz-box-shadow:.1em .1em .2em #999999;
1520          box-shadow: .1em .1em  .2em #999999;
1521 }
1522 /* Preference Editor tabs */
1523 /* Preferences tabs */
1524 table.etabbed-table     {
1525         padding-left:5em;
1526         font-size:10pt;
1527         width:90%;
1528         margin-left:auto;
1529         margin-right:auto;
1530 }
1531 .prefs-tab-spacer {
1532         background-color: transparent;
1533         width: 5px;
1534 }
1535 .prefs_buttontab {
1536         color:#555;
1537         font-size:10pt;
1538         white-space: nowrap;
1539         background-color: #ffffff;
1540         margin: 0px;
1541         border:0;
1542         font-weight:500;
1543         padding:0em 0em 0em;
1544         border-radius:.3em;
1545         -moz-border-radius: .3em .3em .3em .3em;
1546
1547 }
1548 .prefs_tab{
1549         border-top: 1px solid #cccccc;
1550         border-left: 1px solid #cccccc;
1551         border-right: 1px solid #cccccc;
1552         text-align: center;
1553         white-space: nowrap;
1554         margin-left:2em;
1555         background-color: #FFFFFF;
1556         border-radius:.3em;
1557         -moz-border-radius: .3em .3em 0em 0em;
1558         padding: 0em .2em 0em .2em;
1559
1560         }
1561
1562 .prefs_buttontab:hover, .prefs_tab:hover {
1563         background-color: #eeeeee;
1564 }
1565 .prefs_tab_selected{
1566         border-top: 1px solid #cccccc;
1567         border-left: 1px solid #cccccc;
1568         border-right: 1px solid #cccccc;
1569         border-bottom:0;
1570         background-color: #eeeeee;
1571         margin: 0px;
1572         font-weight:bold;
1573         text-align:center;
1574         padding: 0em .2em 0em .2em ;
1575         white-space: nowrap;
1576         text-decoration:none;
1577         border-radius:.3em;
1578         -moz-border-radius: .3em .3em 0em 0em;
1579         -moz-box-shadow:.2em .2em .2em #999999;
1580     box-shadow: .2em .0em .2em #999999;
1581 }
1582
1583 #top-links-jump{
1584         width:48em;
1585         float:right;
1586         white-space:nowrap;
1587         margin-top:-1.5em;
1588
1589         padding-right:.5em;
1590 }
1591
1592 #jumpmenu{
1593         background-color:#eeeeee;
1594         border:thin solid #cccccc;
1595         border-radius:.3em .3em .3em .3em;
1596         -moz-border-radius:.3em .3em .3em .3em;
1597 }
1598
1599 /* Transformable repository search */
1600
1601 .browse-result{
1602         border:thin solid #cccccc;
1603         padding:.5em;
1604         width:95%;
1605         margin-left:auto;
1606         margin-right:auto;
1607         border-radius: .3em .3em .3em .3em;
1608         -moz-border-radius: .3em .3em .3em .3em;
1609         -moz-box-shadow:.1em .1em .1em #999999;
1610         box-shadow: .1em .1em .1em #999999;
1611 }
1612
1613 .tr_results_tools{
1614         float:right;
1615         padding-left:.2em;
1616         padding-right:.2em;
1617         padding-top:.2em;
1618         border:thin solid #cccccc;
1619         border-radius: .3em .3em .3em .3em;
1620         -moz-border-radius: .3em .3em .3em .3em;
1621         -moz-box-shadow:.1em .1em .1em #999999;
1622         box-shadow: .1em .1em .1em #999999;
1623 }
1624
1625 div.pageinator_box{
1626         width:95%;
1627         margin-left:auto;
1628         margin-right:auto;
1629         margin-bottom: -.5em;
1630         border-top:thin solid #cccccc;
1631         border-left:thin solid #cccccc;
1632         border-right:thin solid #cccccc;
1633         border-radius: .3em .3em 0em 0em;
1634         -moz-border-radius: .3em .3em 0em 0em;
1635 }
1636 #previewText{
1637     font-family: monospace;
1638     border: 2px solid rgb(0, 0, 0);
1639     padding: 2em;
1640     width: 80%;
1641     color: rgb(255, 255, 255);
1642     background-color: rgb(0, 0, 0);
1643 }
1644 #previewArea{
1645     padding: 0em;
1646     border-bottom-width: 0px;
1647     margin-left: auto;
1648     margin-right: auto;
1649     font-weight: normal;
1650     width: 70%;
1651     float:left;
1652     clear:right;
1653 }
1654 #display-settings-preview{
1655     width:70%;
1656     float:left;
1657     height:20em;
1658 }
1659 #feedback{
1660     width: 90%;
1661 }
1662 #defaultfontsize-wrapper{
1663     width:25%;
1664     float:left;
1665 }
1666
1667 div .profile_container {
1668         background-color:#eee;
1669         border: 1px solid #8e8e8e;
1670         width:80%;
1671         padding:0.5em;
1672         margin-bottom: 0.5em;
1673 }
1674
1675 div .profile_container .top_right {
1676         float: right;
1677 }
1678
1679 dl.public-profile dd{
1680         margin-left:0px;
1681 }
1682 dl.public-profile dt {
1683         float: left;
1684         font-weight: bold;
1685         min-width:12em;
1686 }
1687
1688 /* Search form */
1689 div .search_form {
1690         margin-bottom: 1em;
1691 }
1692
1693 div .search_form .row{
1694         background-color: #DEDEC0;
1695         padding: 8px;
1696 }
1697 div .button {
1698         background-color: #eee;
1699         border: 1px solid #aaa;
1700 }
1701 div .button:hover{
1702         background-color: #cccccc;
1703         color: #ffffff;
1704 }
1705
1706 /* Side menu */
1707
1708
1709 ul.social_side_menu {
1710         padding-left: 2em;
1711 }
1712 ul.social_side_menu li {
1713         padding-bottom: 0.2em;
1714         list-style: circle;
1715 }
1716
1717 div .divider {
1718         border-bottom:1px solid #C1C157;
1719         padding-bottom:0.5em;
1720         margin-bottom:0.5em;
1721 }
1722
1723 .activity{
1724         line-height:18pt;
1725         font-size:.8em;
1726 }
1727
1728 div.headingbox, h3.headingbox, a.headingbox{
1729         border:1px #cccccc solid;
1730         padding:.2em;
1731         background-color: #eeeeee;
1732         text-decoration:none;
1733         line-height:1em;
1734         font-size:.7em;
1735 }
1736
1737 div.contentbox, input-form{
1738         margin-left:.2em;
1739         margin-right:.2em;
1740         border-left:1px #cccccc solid;
1741         border-right:1px #dddddd solid;
1742         border-bottom:1px #cccccc solid;
1743         padding:.5em;
1744         background-color: #ffffff;
1745         overflow:hidden;
1746 }
1747
1748 div.suggestions{
1749         border:1px solid #a50707;
1750         margin-left:10px;
1751         width:50%;
1752 }
1753 li.inlinelist{
1754         display: inline;
1755         padding-right: 1em;
1756 }
1757 ul.social_inline_menu{
1758         background-color: #eeeeee;
1759         border:thin #cccccc solid;
1760         padding:.5em;
1761         width:90%;
1762         margin:auto;
1763 }
1764 div.social-wrapper{
1765         border:thin solid #cccccc;
1766         width:95%;
1767         padding:.5em;
1768         margin:auto;
1769 }
1770
1771 .network-activity{
1772     float:left;
1773     width:55%;
1774 }
1775 .my-contacts{
1776     float:right;
1777     width:38%;
1778     min-width:38%;
1779 }
1780 .my-network-groups{
1781     float:right;
1782     clear:right;
1783     width:38%;
1784     max-width:38%;
1785 }
1786 .people-you-may-know{
1787     padding-top:1em;
1788     float:right;
1789     clear:right;
1790     width:38%;
1791     min-width:38%;
1792  }
1793 .contentbox-a{
1794     width: 100%;
1795 }
1796 .contentbox-b{
1797     padding-bottom:0.2em;
1798 }
1799 .content-settings{
1800         width: 30%;
1801         float: left;
1802 }
1803
1804