docs/themes/default/styles.css

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