docs/themes/default/styles.css

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