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