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