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