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