docs/themes/default/styles.css

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