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:-1.2em;
 560
 561 }
 562
 563 div#bypass-links{
 564         width:3px;
 565 }
 566
 567 div#top-links {
 568         float:right;
 569         clear:right;
 570         height:1.7em;
 571         padding-right: 5px;
 572         margin-right:20px;
 573         margin-top:0em;
 574 }
 575 div#top-links a:link, div#top-links a:visited {
 576         text-decoration:none;
 577         margin-left:.5em;
 578         margin-right:.5em;
 579
 580 }
 581 div#top-links a:focus{
 582         color:black;
 583         background-color:#F6EAD6;
 584 }
 585 #top-links-text{
 586         float:right;
 587         clear:right;
 588         margin-left: 2em;
 589         margin-top:.2em;
 590         white-space:nowrap;
 591         background-color:#eeeeee;
 592         border:thin solid #cccccc;
 593         border-radius: .3em .3em .3em .3em;
 594         -mox-border-radius: ..3em .3em .3em .3em;
 595         -moz-box-shadow:.1em .1em .2em #999999;
 596          box-shadow: .1em .1em  .2em #999999;
 597 }
 598 #top-links-jump{
 599         float:left;
 600         white-space:nowrap;
 601         margin-top:.2em;
 602         background-color:#eeeeee;
 603         padding-right:.5em;
 604 }
 605
 606 #jumpmenu{
 607         background-color:#eeeeee;
 608         border:thin solid #cccccc;
 609         border-radius:.3em .3em .3em .3em;
 610         -moz-border-radius:.3em .3em .3em .3em;
 611 }
 612 a#editor-link {
 613         background-color: #F7F3ED;
 614         padding-top: 1px;
 615         padding-bottom: 1px;
 616         padding-left: 15px;
 617         padding-right: 8px;
 618         border: 1px solid #cccccc;
 619         font-weight: normal;
 620         text-decoration: none;
 621 }
 622
 623 a#editor-link:hover {
 624         background-color: #F7F3ED;
 625         border: 1px solid #B8AE9C;
 626 }
 627
 628 a#editor-link.off {
 629         background-image: url(images/pen.gif);
 630         background-repeat: no-repeat;
 631         background-position: 0px 2px;
 632 }
 633 a#editor-link.on {
 634         background-image: url(images/pen2.gif);
 635         background-repeat: no-repeat;
 636         background-position: 0px 2px;
 637 }
 638
 639
 640 /* for data tables */
 641
 642 table.data {
 643         clear:right;
 644         border: 1px solid #cccccc;
 645         width: 95%;
 646         margin-left: auto;
 647         margin-right: auto;
 648         border-radius:.5em;
 649         -moz-border-radius: .5em .5em .5em .5em;
 650         padding:.2em
 651 }
 652
 653 table.data th {
 654         background-color: #eeeeee;
 655         padding: 3px;
 656         white-space: nowrap;
 657 }
 658
 659 table.data th a {
 660         color: #595241;
 661         padding-right: 15px;
 662         margin-right: 15px;
 663         background-image: url('images/sort.png');
 664         background-repeat: no-repeat;
 665         background-position: right;
 666 }
 667
 668 table.data tbody {
 669         border-top: 1px solid #B8AE9C;
 670         border-bottom: 1px solid #B8AE9C;
 671 }
 672
 673 table.data tbody th {
 674         text-align: left;
 675         background-color: #F7F3ED;
 676         cursor: auto;
 677 }
 678
 679 table.data td {
 680         padding: 3px;
 681 }
 682
 683 table.data tbody tr:hover {
 684         background-color: #efefef;
 685         cursor: pointer;
 686 }
 687
 688 table.data tbody tr.selected {
 689         background-color: #E9F4F3;
 690         cursor: auto;
 691 }
 692
 693 table.data tfoot {
 694         background-color: #F7F3ED;
 695 }
 696
 697 table.data tfoot tr:first-child td {
 698         padding: 5px;
 699         background-image: url('images/arrow_ltr.gif');
 700         background-repeat: no-repeat;
 701         background-position: 4px 5px;
 702         padding-left: 40px;
 703 }
 704
 705 table.data.static tfoot td, table.data.static tfoot tr:first-child td {
 706         border-top: 1px solid #B8AE9C;
 707         padding: 5px;
 708         background-image: none;
 709         padding-left: 0px;
 710
 711 }
 712
 713 /*buttons*/
 714 table.data tfoot input {
 715         background-color: #efefef;
 716         font-weight: normal;
 717         border:  #AAA  solid 1px;
 718 }
 719 table.data tfoot input:focus {
 720         background-color: #FFDAB9;
 721         border:  #AAA  solid 1px;
 722
 723 }
 724
 725
 726 /* used for static tables with no form elements: */
 727 table.data.static tbody tr:hover {
 728         background-color: transparent;
 729         cursor: auto;
 730 }
 731
 732 /* course browser: */
 733
 734 div#browse {
 735         margin-left: auto;
 736         margin-right: auto;
 737         width: 80%;
 738 }
 739
 740 div.browse-selected {
 741         background-image: url('images/side_arrow.gif');
 742         background-repeat: no-repeat;
 743         padding-left: 9px;
 744         background-position: center left;
 745 }
 746
 747 div.browse-unselected {
 748         padding-left: 9px;
 749 }
 750
 751 ul.browse-list {
 752         list-style: none;
 753         padding:0px;
 754 }
 755
 756 /* feedback /errors */
 757 div#error {
 758         width: 50%;
 759         margin-left: auto;
 760         margin-right: auto;
 761         margin-top: 15px;
 762         margin-bottom: 15px;
 763         border: 1px solid #DD0000;
 764         padding: 5px;
 765         background-color: #F4DCDC;
 766         color: #A50707;
 767         background-color: #F4DCDC;
 768         padding-left: 25px;
 769         font-weight: bold;
 770         border-radius: .5em;
 771         -moz-border-radius: .5em;
 772 }
 773 div#error h4 {
 774         color: black;
 775         margin-left: 0px;
 776 }
 777
 778 div#error ul, div#feedback ul, div#help ul {
 779         position: relative;
 780         list-style: none;
 781         margin-left: 0px;
 782         padding-left: 0px;
 783 }
 784
 785 div#error ul li{
 786         margin-top: 5px;
 787 }
 788
 789 div#feedback {
 790         width: 50%;
 791         margin-left: auto;
 792         margin-right: auto;
 793         margin-top: 15px;
 794         margin-bottom: 15px;
 795         border: 1px solid #17B506;
 796         padding: 5px;
 797         background-color: #F2FCF0;
 798         color: #595241;
 799         font-weight: bold;
 800         border-radius: .5em;
 801         -moz-border-radius: .5em;
 802 }
 803
 804 div#help {
 805         width: 50%;
 806         margin-left: auto;
 807         margin-right: auto;
 808         margin-top: 15px;
 809         margin-bottom: 15px;
 810         border: 1px solid #ACCFCC;
 811         padding: 5px;
 812         background-color: #E9F4F3;
 813         color: #024C41;
 814         border-radius: .5em;
 815         -moz-border-radius: .5em;
 816 }
 817
 818 div#info {
 819         width: 50%;
 820         margin-left: auto;
 821         margin-right: auto;
 822         margin-top: 15px;
 823         margin-bottom: 15px;
 824         border: 1px solid #B8AE9C;
 825         padding: 5px;
 826         background-color: #EFE6FF;
 827         color: #595241;
 828         font-weight: bold;
 829         border-radius: .5em;
 830         -moz-border-radius: .5em;
 831 }
 832
 833 div#warning {
 834         width: 50%;
 835         margin-left: auto;
 836         margin-right: auto;
 837         margin-top: 15px;
 838         margin-bottom: 15px;
 839         border: 1px solid #FF8400;
 840         padding: 5px;
 841         background-color: #FFF6ED;
 842         color: #D95900;
 843         font-weight: bold;
 844         border-radius: .5em;
 845         -moz-border-radius: .5em;
 846 }
 847 acronym {
 848         cursor: help;
 849 }
 850
 851 div.news p {
 852         margin-left: 10px;
 853 }
 854 div.news span.date {
 855         font-family: Verdana, Helevetica, Arial, sans-serif;
 856         color: #B8AE9C;
 857 }
 858
 859 /* home page links */
 860 div.home-link {
 861         padding: 2px;
 862         float: left;
 863         text-align: center;
 864         margin: 2px;
 865         width: 120px;
 866         height: 90px;
 867 }
 868 div.home-link:hover {
 869         padding: 1px;
 870         background-color: #F7F3ED;
 871         border: 1px solid #afafaf;
 872         float: left;
 873         text-align: center;
 874         margin: 2px;
 875 }
 876 div.home-link a {
 877         text-decoration: none;
 878         font-weight: bold;
 879 }
 880
 881 div.home-link img {
 882         border: 0px;
 883 }
 884
 885 /* sequence links */
 886 div.sequence-links {
 887         float:right;
 888         margin-top: 10px;
 889         padding-right: 5px;
 890         padding-top:7px;
 891 }
 892 div.sequence-links a {
 893         text-decoration: none;
 894 }
 895
 896 div.dropdown {
 897         width: 200px;
 898         padding: 2px;
 899         background-color: white;
 900         color: black;
 901         border-left: 1px solid #ECFEEA;
 902         border-right: 1px solid #ECFEEA;
 903         border-bottom: 1px solid #ECFEEA;
 904         font-weight: normal;
 905 }
 906
 907 div.dropdown-heading {
 908         background-color: #ACCFCC;
 909         color: #595241;
 910         border-left: 1px solid #ECFEEA;
 911         border-right: 1px solid #ECFEEA;
 912         border-top: 1px solid #ECFEEA;
 913         font-weight: bold;
 914         padding: 2px;
 915 }
 916
 917 .required {
 918         font-weight: bold;
 919         color: red;
 920         padding-right: 2px;
 921 }
 922
 923 div#content_text {
 924         margin-left: 5px;
 925 }
 926
 927 form {
 928         clear: none;
 929         display:inline;
 930 }
 931
 932
 933 optgroup {
 934         font-size: small;
 935 }
 936
 937 /* packing */
 938 div.paging {
 939         width: 100%;
 940         text-align: center;
 941         margin: 0.5em auto;
 942 }
 943 div.paging ul {
 944         list-style: none;
 945         display: inline;
 946         padding: 0px;
 947         border: 1px solid #000;
 948 }
 949 div.paging li {
 950         display: inline;
 951         padding-left: 2px;
 952         padding-right: 2px;
 953         padding-top: 0px;
 954         padding-bottom: 0px;
 955 }
 956
 957 div.paging li a {
 958         text-decoration: none;
 959         padding-left: 4px;
 960         padding-right: 4px;
 961         border-left: 1px solid white;
 962         border-right: 1px solid white;
 963 }
 964
 965 div.paging li a:hover, div.paging li a.current {
 966         background-color: #F7F3ED;
 967         border-left: 1px solid #000;
 968         border-right: 1px solid #000;
 969 }
 970
 971 #header{
 972         /* background-image: url('images/pencil_top_ds.png'); */
 973
 974         background-position: 99% 99%;
 975         background-repeat: no-repeat;
 976         height : 5em;
 977         margin-bottom:-.1em;
 978 }
 979
 980 #header a{
 981         font-weight:600;
 982 }
 983
 984
 985 #header a:hover {
 986         color: #595241;
 987         background-color: #F7F3ED;
 988 }
 989 #tl_corner{
 990
 991         background-image:url(images/tl_corner.gif);
 992         background-position: top left;
 993         background-repeat: no-repeat;
 994         padding:0;
 995 }
 996 div.top {
 997         /* Top space */
 998         background-color: #595241;
 999         color: #FFF;
1000         margin: 0;
1001         padding: 0;
1002         padding-top:9px;
1003 }
1004 div.tabs {
1005         /* Navigational Plone Tabs(tm), implemented by customizing the a tag - they are surprisingly elegant. The power of CSS runs strong in these :) */
1006         background-color: transparent;
1007         border-collapse: collapse;
1008         border-bottom: 1px solid #B8AE9C;
1009         padding: 0.5em 0em 0em 2em;
1010         white-space: nowrap;
1011 }
1012
1013 div.tabs a {
1014     /* The normal, unselected tabs. They are all links */
1015         background-color: transparent;
1016         border-color: #B8AE9C;
1017         border-width: 1px;
1018         border-style: solid solid none solid;
1019         color: #595241;
1020         height: 1.2em;
1021         margin-right: 0.5em;
1022         padding: 0em 2em 0em;
1023
1024 }
1025
1026 div.tabs a.selected {
1027     /* The selected tab. There's only one of this */
1028         background-color: white;
1029         border-bottom: #B8AE9C 1px solid;
1030         color: #595241;
1031         font-weight: normal;
1032 }
1033
1034 div.tabs a:hover, div.tabs a.active {
1035         background-color: #B8AE9C;
1036         border-bottom: 1px solid #B8AE9C;
1037         color: white;
1038 }
1039 .contentbox{
1040         border-radius:.5em;
1041         -moz-border-radius: 0em 0em .5em .5em;
1042         -moz-box-shadow:.1em .1em .1em #999999;
1043     box-shadow: .1em .1em .1em #999999;
1044 }
1045
1046 .headingbox{
1047         border-radius:.5em;
1048         -moz-border-radius: .5em .5em 0em 0em;
1049                 -moz-box-shadow:.1em .1em .2em #999999;
1050     box-shadow: .1em .1em .2em #999999;
1051 }
1052 .headingbox a{
1053         color: #A50707;
1054         text-decoration:underline;
1055 }
1056
1057 h4.box {
1058         font-size:0.85em;
1059         padding: 2px;
1060         border-radius: .5em .5em 0em 0em;
1061         -moz-border-radius: .5em .5em 0em 0em;
1062         padding:.2em;
1063         border:1px solid #ccc;
1064         -moz-box-shadow:.1em .1em .1em #999999;
1065     box-shadow: .1em .1em .1em #999999;
1066
1067 }
1068
1069 div.box {
1070         padding: .5em;
1071         background-color: #F5F5F5;
1072         color: black;
1073         font-size:0.85em;
1074         font-weight: normal;
1075         border-radius:.0em .0em .5em .5em;
1076         -moz-border-radius: .0em .0em .5em .5em;
1077         border-left:1px solid #ccc;
1078         border-right:1px solid #ccc;
1079         border-bottom:1px solid #ccc;
1080         -moz-box-shadow:.1em .1em .1em #999999;
1081          box-shadow: .1em .1em  .1em #999999;
1082 }
1083
1084 h5.box {
1085         background-color: #6F7172;
1086         border: 1px solid #B8AE9C;
1087         border-style: solid solid none solid;
1088         color: Black;
1089         padding: 0em 1em 0em 1em;
1090         display: inline;
1091         font-size:  1em;
1092         height: 1em;
1093 }
1094
1095 div.box a:link {
1096         text-decoration: none;
1097 }
1098
1099 div.box a:visited {
1100         color: #2A6C28;
1101         text-decoration: none;
1102 }
1103
1104 div.box a:hover {
1105         text-decoration: underline;
1106 }
1107
1108 .boxDetails {
1109         text-align: right;
1110 }
1111
1112 div.box .content {
1113         padding: 1em;
1114         font-size:  1em;
1115 }
1116
1117 div.box a.close {
1118         float: right;
1119         text-transform: none;
1120         border-left: 1pt solid #B8AE9C;
1121         padding: 0em 0.2em;
1122 }
1123
1124 div.box h1,
1125 div.box h2,
1126 div.box h3,
1127 div.box h4 {
1128         margin: 0;
1129         padding: 0;
1130 }
1131
1132 div.box .even {
1133         background-color: #F7F3ED;
1134 }
1135
1136 div.box .odd {
1137         background-color: transparent;
1138 }
1139
1140
1141 /* users/index.php */
1142
1143 div.course {
1144         position: relative;
1145         width: 25em;
1146         height: 10.5em;
1147         border: rgb(204, 204, 204) 1px solid;
1148         background-color: #F7F7F7;
1149         float: left;
1150         margin: 3px;
1151         padding: 5px;
1152 }
1153
1154 div.course.break {
1155         clear: left;
1156 }
1157
1158 div.course h2 {
1159         border: 0px;
1160         font-weight: normal;
1161         font-size: large;
1162
1163 }
1164
1165 div.course:hover {
1166         background-color:#FBF4E9;
1167         border: #B8AE9C 1px solid;
1168 }
1169
1170 div.course img.icon     {
1171         float: left;
1172         margin: 2px;
1173         height:6.8em;
1174         width:6.8em;
1175         margin-right:5px;
1176 }
1177 img.headicon    {
1178         float:  left;
1179         margin-top:.5em;
1180         margin-left:.5em;
1181         margin-right:.5em;
1182         height:6.45em;
1183         width:6.45em;
1184         vertical-align:top;
1185         text-align: right;
1186         border:1px solid white;
1187 }
1188 div.course div.shortcuts , a {
1189         text-align: right;
1190         text-decoration:none;
1191         clear: left;
1192         vertical-align: middle;
1193 }
1194
1195 div#alternatives_shortcuts {
1196         float: right;
1197         margin: -2em 5pt;
1198         border-radius: .5em .5em .5em .5em;;
1199         -moz-border-radius: .5em .5em .5em .5em;
1200         -moz-box-shadow:.1em .1em .2em #999999;
1201          box-shadow: .1em .1em  .2em #999999;
1202          border:1px solid #cccccc;
1203          padding-top: .2em;
1204          padding-left: .2em;
1205          padding-right: .2em;
1206 }
1207
1208 fieldset#shortcuts {
1209         float: right;
1210         background-color: #FEFDEF;
1211         border: 1pt solid #B8AE9C;
1212         margin: -5pt 5pt 5pt 5pt;
1213         padding-right: 10pt;
1214         padding-bottom: 5pt;
1215         padding-left: 10pt;
1216 }
1217
1218 fieldset {
1219         margin-bottom: 10pt;
1220         border-radius: .5em .5em .5em .5em;;
1221         -moz-border-radius: .5em .5em .5em .5em;
1222         padding:.2em
1223 }
1224 div#shortcuts{
1225         border-left:thin solid #cccccc;
1226         border-right:thin solid #cccccc;
1227         border-bottom:thin solid #cccccc;
1228         border-radius: 0em 0em .5em .5em;;
1229         -moz-border-radius: 0em 0em .5em .5em;
1230         float:right;
1231         -moz-box-shadow:.1em .1em .2em #999999;
1232          box-shadow: .1em .1em  .2em #999999;
1233         margin-right:2em;
1234         padding:.1em;
1235 }
1236 #shortcuts legend {
1237         border-radius:.5em;
1238         -moz-border-radius: .5em .5em .5em .5em;
1239         padding:.2em
1240 }
1241 #shortcuts ul {
1242         position: relative;
1243         margin-top: 0pt;
1244         margin-bottom: 0pt;
1245         margin-left: 0pt;
1246         list-style-type:  none;
1247         padding-left: 0pt;
1248 }
1249 #shortcuts li{
1250         display: inline;
1251 }
1252 a#guide {
1253         background-image: url('images/help.png');
1254         background-repeat: no-repeat;
1255         background-position: 2px 2px;
1256         padding: 3px 10px 5px 30px;
1257         text-decoration:none;
1258         font-size:0.85em;
1259         float:right;
1260
1261 }
1262 div#guide_box{
1263         border-left:thin solid #cccccc;
1264         border-right:thin solid #cccccc;
1265         border-bottom:thin solid #cccccc;
1266         border-radius: 0em 0em .5em .5em;;
1267         -moz-border-radius: 0em 0em .5em .5em;
1268         -moz-box-shadow:.1em .1em .2em #999999;
1269         box-shadow: .1em .1em .2em #999999;
1270         float:right;
1271         margin-right:2em;
1272         padding-left:.1em;
1273         width:auto;
1274 }
1275
1276 div#content-text {
1277         padding-right: 5pt;
1278         line-height:150%;
1279 }
1280
1281 div#content-text li {
1282         margin-left: 15pt;
1283 }
1284
1285 div#content-test {
1286         float: left;
1287         margin-top: 2em;
1288         padding-right: 5pt;
1289         width: 80%;
1290 }
1291 div#content-test ol{
1292         margin-right: 5pt;;
1293 }
1294
1295 div#content-test ol ul li{
1296         list-style: none;
1297         padding: 0px 2px 0px 15px;
1298         margin-bottom: 1px;
1299         line-height: 200%;
1300         background-color: #fdfdfd;
1301         border-bottom: 1px solid #efefef;
1302         border: 1px solid #eeeeff;
1303 }
1304
1305 div#content-info {
1306         margin: 5pt;
1307         font-size: small;
1308         color: #b8ae9c;
1309         clear: both;
1310 }
1311
1312 div#container {
1313         text-align: left;
1314         margin: 0px auto;
1315         padding: 0px;
1316         border:0;
1317         width: 95%;
1318         border:1px solid #cccccc;
1319         border-radius: .5em .5em .5em .5em;
1320         -moz-border-radius: .5em .5em .5em .5em;
1321         -moz-box-shadow:.1em .1em .2em #999999;
1322          box-shadow: .1em .1em  .2em #999999;
1323         padding:.2em
1324 }
1325
1326 div#menutoggle{
1327         text-align: right;
1328         padding-bottom: 10px;
1329         padding-right: 10px;
1330         float: left;
1331         margin-top: 10px;
1332         padding-right: 5px;
1333         font-size:0.95em;
1334 }
1335
1336
1337 /* login page */
1338 div.column {
1339         float: left;
1340         width: 45%;
1341         margin: 5px;
1342         min-width: 170px;
1343 }
1344
1345 div.column h3 {
1346         background-color: #F6EAD6;
1347         border-bottom: .05em solid #6F7172;
1348         font-size: small;
1349         display:block;
1350         color:black;
1351         font-weight:600;
1352         padding-left:0.5em;
1353 }
1354
1355 div.insidecol {
1356         min-height: 170px;
1357         height: 170px;
1358         padding:5px;
1359 }
1360
1361
1362 /* index page */
1363 ul#home-links, ul#home-detail-links {
1364         list-style: none;
1365 }
1366 ul#home-links li {
1367
1368         display: inline;
1369         float: left;
1370         padding: 0.8em;
1371         text-align: center;
1372         margin: 0.1em;
1373         width: 8.5em;
1374         height: 7.0em;
1375         padding-left:0px;
1376
1377 }
1378 ul#home-links li a {
1379         text-decoration: none;
1380         border: 1px transparent;
1381         font-weight: bold;
1382 }
1383 ul#home-links li a img {
1384         border: 0px;
1385         display: block;
1386         padding-left:25px;
1387 }
1388
1389
1390 /* tree */
1391 .img-size-tree {
1392         vertical-align: middle;
1393         margin-top: 0px;
1394         margin-left:-.5em;
1395         margin-bottom:-.2em;
1396     padding:0;
1397         height:1.3em;
1398         width:1.4em;
1399 }
1400 /* profile page */
1401
1402 dl#public-profile {
1403         width: 100%;
1404
1405 }
1406 dl#public-profile dt {
1407         float: left;
1408         font-weight: bold;
1409         width: 30%;
1410         border-right: 1px solid #F7F3ED;
1411         padding: 5px 5px 5px 0px;
1412         vertical-align: middle;
1413         margin-right: 5px;
1414 }
1415 dl#public-profile dd {
1416         margin-bottom: 5px;
1417         padding: 5px 0px 5px 5px;
1418 }
1419
1420 div.social-right{
1421         width:65%;
1422         float:left;
1423         clear:right;
1424         margin-left:.5em;
1425 }
1426 div.social-left{
1427         width:29%;
1428         margin-left:.5em;
1429         float:left;
1430 }
1431 div.social-wrapper{
1432         padding:5em;
1433         border-radius:.5em .5em .5em .5em;
1434         -moz-border-radius: .5em .5em .5em .5em;
1435         -moz-box-shadow:.1em .1em .2em #999999;
1436          box-shadow: .1em .1em .2em #999999;
1437 }
1438 /* floating layout */
1439 #contentwrapper{
1440         float: left;
1441         width: 100%;
1442
1443 }
1444 #contentcolumn {
1445         padding-right: 1em;
1446         padding-left: 1em;
1447         overflow:hidden;
1448 }
1449
1450 #leftcolumn{
1451         float: left;
1452         width:21em;
1453         overflow: hidden;
1454         margin: -10px 5px 0;
1455 }
1456
1457 #footer{
1458         clear: left;
1459         width: 100%;
1460         text-align: center;
1461         padding: 4px 0px;
1462 }
1463
1464 /** forum stuff **/
1465 #forum-thread li {border:1px solid #eee; border-bottom: 1px solid #F7F3ED; float:left; width: 97%; list-style: none; }
1466 #forum-thread li.even { background-color: #F7F3ED; border-top: none; }
1467 #forum-thread li.odd { background-color: #fff; }
1468 div.forum-post-author { float:left; width:150px; padding:8px 10px; }
1469 div.forum-post-author a.title {font-size: 1.1em; line-height: 1.2em; font-weight: bold; text-decoration:none; }
1470 div.forum-post-author img.profile-picture { border: 2px solid #F7F3ED; text-align:right;}
1471 div.forum-post-content { margin-left: 150px; padding: 5px 0px 18px 18px;}
1472 div.forum-post-content h3 { font-weight: 500; float:left;clear:right; }
1473 div.forum-post-ctrl { float: right; padding-right: 5px; color: #a1a1a1;}
1474 div.forum-post-ctrl a { text-decoration: none; }
1475 div.forum-post-ctrl span { color: black; background-color: #fefdc2; padding: 3px; }
1476 div.forum-post-content p.date { color: #a1a1a1; border-bottom: 1px solid #F7F3ED; }
1477 div.forum-post-content div.body p { margin-bottom:1em; }
1478 div.forum-paginator{border:1px #cccccc solid; padding:.3em; width:95%;margin:auto;background-color:#F7F3ED;}
1479 span.forum-paginator-active{font-weight:700;text-decoration:underline; height:2em;}
1480
1481
1482
1483 /** inbox stuff - reuses some of the forum layout **/
1484 #inbox-msg li {border:1px solid #eee; border-bottom: 1px solid #F7F3ED; width: 95%; list-style: none; min-height: 11em;}
1485
1486
1487 /* Top navigation tabs / list */
1488 div#topnavlistcontainer {
1489         /*background-image: url('images/pencil_bottom_ds.png'); */
1490         background-position: 99% 1%;
1491         background-repeat: no-repeat;
1492         height:1.75em;
1493         margin-top: .1em;
1494         margin-left:1em;
1495         border-bottom:1px solid #cccccc;
1496 }
1497
1498 ul#topnavlist {
1499         padding: 0;
1500         margin-right: auto;
1501         margin-left: auto;
1502         margin-bottom: 3px;
1503         margin-top: 0px;
1504         margin-bottom:0px;
1505 }
1506
1507 ul#topnavlist li {
1508         white-space: nowrap;
1509         list-style: none;
1510         display: inline-block;
1511         height:1.3em;
1512         margin-top:.1em;
1513         clear:both;
1514         border-radius: .5em .5em 0em 0em;
1515         -moz-border-radius: .5em .5em 0em 0em;
1516         -moz-box-shadow:.1em .0em .1em #999999;
1517         box-shadow: .1em .0em .1em #999999;
1518 }
1519
1520 ul#topnavlist li a:hover, ul#topnavlist li a:focus, ul#topnavlist li a.active {
1521         background-color: #E6E6E6;
1522         color: black;
1523         text-decoration:none;
1524         border-radius: .5em .5em 0em 0em;
1525         -moz-border-radius: .5em .5em 0em 0em;
1526         padding: .2em 2em .2em;
1527         border-bottom: 1px solid #E6E6E6;
1528
1529 }
1530
1531 ul#topnavlist li a {
1532     /* The normal, unselected tabs. They are all links */
1533         color: #555;
1534         font-weight:bold;
1535         height: 1.5em;
1536         border-top:1px solid #ccc;
1537         border-left:1px solid #ccc;
1538         border-right:1px solid #ccc;
1539         text-decoration:underline;
1540         background-color:white;
1541         border-radius: .5em .5em 0em 0em;
1542         -moz-border-radius: .5em .5em 0em 0em;
1543
1544         padding: .2em 2em .2em;
1545
1546 }
1547
1548
1549 ul#topnavlist li a.selected {
1550     /* The selected tab. There's only one of these */
1551         color: #555;
1552         font-weight: normal;
1553         border-radius:.3em .3em 0em 0em;
1554         -moz-border-radius: .3em .3em em 0em;
1555         padding: .2em 2em .2em
1556 }
1557
1558 ol#tools>li:hover {
1559         border: 1px solid #e0e0e0;
1560         background-color: #efefef;
1561 }
1562
1563 /*  tool list on admin home and manage screens  */
1564  li.top-tool {
1565         list-style: none;
1566         padding: 2px 2px 2px 5px;
1567         margin-bottom: 5px;
1568         margin-left:-3em;
1569         line-height: 200%;
1570         background-color: #fdfdfd;
1571         border-bottom: 1px solid #efefef;
1572         border: 1px solid #eeeeff;
1573 }
1574
1575 li.top-tool a {  font-weight: bold; }
1576
1577 li.child-tool a {
1578         font-size: x-small;
1579         font-weight: normal;
1580         text-decoration:underline;
1581 }
1582
1583 ul.child-top-tool {
1584         margin-top: -5px;
1585         padding-left: 0px;
1586         margin-left: 0px;
1587         display: inline;
1588 }
1589 ul.child-top-tool:before {
1590         content: " : ";
1591 }
1592
1593 li.child-tool {
1594         display: inline;
1595         margin-right: 5px;
1596         font-size: x-small;
1597 }
1598
1599 /* to modify  tool icons on the course home page */
1600 /*
1601 #icon-color-filter{
1602         width:3.9em;
1603         height:3.85em;
1604         background-color:#000000;
1605         -moz-opacity:0.5;
1606           filter:alpha(opacity=10);
1607         opacity:.10;
1608         margin-top:-3.85em;
1609         margin-left:1.90em;
1610
1611 }
1612 */
1613 .img-size-home {
1614         height:3.85em;
1615         width:3.9em;
1616 }
1617
1618 /* browse courses */
1619 div.browse-course {
1620         width: 28em;
1621         padding-bottom: 10px;
1622         background-color: #fffaf0;
1623         border:1px #6F7172 solid;
1624         font-size:9pt;
1625         min-height:18em;
1626         margin:auto;
1627         margin-left:1em;
1628         margin-top:1em;
1629 }
1630
1631 dl.browse-course {
1632         width: 90%;
1633         padding-bottom: 10px;
1634         background-color: #fffaf0;
1635         margin:auto;
1636         margin-left:1em;
1637 }
1638 dl.browse-course dt {
1639         float: left;
1640         font-weight: bold;
1641         width: 25%;
1642         text-align: right;
1643         clear: left;
1644         padding: 5px 10px 5px 0px;
1645         vertical-align: middle;
1646 }
1647 dl.browse-course dd {
1648         margin-bottom: 5px;
1649         clear: right;
1650         padding: 5px 0px 5px 10px;
1651         margin-left: 26%;
1652
1653 }
1654 /*  form fields grouping for WCAG 2.0 conformance*/
1655 fieldset.group_form{
1656         width:90%;
1657         margin:.5em;
1658         border:1px #6D7B8D solid;
1659         min-height: 170px;
1660         padding:.5em;
1661
1662 }
1663 legend.group_form{
1664         border:1px #6D7B8D solid;
1665         background-color: #EEEEEE;
1666         font-weight: 600;
1667         color: black;
1668         padding-left: 1em;
1669         padding-right: 1em;
1670         border-radius:.2em;
1671         -moz-border-radius: .2em .2em .2em .2em;
1672                 -moz-box-shadow:.1em .1em .1em #999999;
1673     box-shadow: .1em .1em .1em #999999;
1674 }
1675 /* file storage */
1676
1677 #fsfloat1{
1678         float:right;
1679 }
1680 #fsfloat2{
1681         float:right;
1682         width:48%;
1683 }
1684
1685
1686 /* highlight active links for WCAG 2.0 conformance */
1687 a:active,a:hover,a:focus{
1688         background-color:#F6EAD6;
1689         color:#000000;
1690 }
1691
1692
1693 /* menu align right layout, uncomment to enable */
1694
1695 /*
1696 h2.page-title {
1697     clear:left
1698 }
1699 h2, h3, h4, h5, h6 {
1700         clear: left;
1701 }
1702 #contentcolumn_shiftright {
1703     margin-right: 17em;
1704 margin-left:1em;
1705 margin-top:1em;
1706 }
1707 #leftcolumn{
1708     float: right;
1709 }
1710 #home-links{
1711 clear:left;
1712 }
1713 table.data {
1714         clear:left;
1715 }
1716 div#menutoggle{
1717         float: right;
1718 }
1719 #fsfloat2{
1720         float:left;
1721         width:48%;
1722 }
1723
1724 #fsfloat1{
1725         float:left;
1726 }
1727 */
1728
1729
1730 /*Added by Silvia */
1731 /* remove when confirmed content alternatives funtions correctly without these styles
1732 div.column_primary {
1733         float: left;
1734         width: 42%;
1735         margin: 5px;
1736         padding: 0px;
1737         min-width: 170px;
1738 }
1739
1740 div.column_equivalent{
1741         float: left;
1742         width: 52%;
1743         margin-left: 15px;
1744         margin-top: 5px;
1745         margin-right: 5px;
1746         margin-bottom: 5px;
1747         min-width: 170px;
1748         padding: 5px;
1749         border: 1px solid #EEE;
1750         background-color: #FFF;
1751 }
1752
1753 div.resource_box{
1754         border: 1px solid #aaa;
1755         width: 95%;
1756         margin: 5px;
1757         padding: 5px;
1758         min-width: 150px;
1759         background-color: #eee;
1760 }
1761
1762 h2.alternatives_to{
1763         margin-top: 12px;
1764         font-size: 90%;
1765         color: #A50707;
1766 }
1767
1768 div.alternative_box{
1769         border: 1px solid #ddd;
1770         margin: 5px;
1771         padding: 5px;
1772         min-width: 150px;
1773         background-color: #fff;
1774 }
1775
1776 div.alternative_box legend {
1777         color: #000;
1778 }
1779
1780 div.resource_box legend {
1781         color: #000;
1782 }
1783
1784 label.primary a{
1785         color: #A50707;
1786         font-weight: bolder;
1787         background-color: white;
1788 }
1789 */
1790 /* format of "table of contents" on content page */
1791 #toc a          { display:block; margin:3px; float:left;}
1792 #toc .h2                { padding:0 0 0 10px;}
1793 #toc .h3                { padding:0 0 0 30px;}
1794 #toc .h4                { padding:0 0 0 40px; }
1795 #toc .h5                { padding:0 0 0 50px; }
1796 #toc .h6                { padding:0 0 0 60px; }
1797
1798 fieldset#toc {
1799         background-color: #FEFDEF;
1800         border: 1pt solid #B8AE9C;
1801         width:50%;
1802 }
1803
1804 #side-menu{
1805          overflow:hidden;
1806          width:20.5em;
1807          padding-bottom:.3em;
1808           padding-right:.5em;
1809 }
1810
1811 /* cleans up glossary question mark line spacing*/
1812 sup{
1813         border: 1pt solid #B8AE9C;
1814         vertical-align:bottom;
1815         margin-top: 1em;
1816 }
1817
1818 /* jQuery tooltip styles */
1819 #tooltip{
1820         position:absolute;
1821         z-index:3000;
1822         border:3px solid #111;
1823         background-color:#eeeeee;
1824         padding:5px;
1825 }
1826 #tooltip h3,#tooltip div{
1827         margin:0;
1828 }
1829
1830 /* style for home page modules "detail view" */
1831
1832 div.home_box {
1833         width: 29em;
1834         height: 150px;
1835         padding-top: 15px;
1836         float: left;
1837 }
1838
1839 .outside_box{
1840         border:1px solid #cccccc;
1841         background: #eeeeee;
1842         padding:.2em;
1843         margin-left:.4em;
1844         width:26em;
1845         height:9.8em;
1846         -moz-border-radius:.3em .3em .3em .3em;
1847         border-radius: .3em .3em .3em .3em;
1848     -moz-box-shadow:.1em .1em .2em #999999;
1849     box-shadow: .1em .1em .2em #999999;
1850         padding:.2em;
1851 }
1852
1853 .inside_box{
1854         border:1px solid #cccccc;
1855         background: #ffffff;
1856         padding:.3em;
1857         width:95%;
1858         margin:auto;
1859         height:52%;
1860         margin-bottom:.2em;
1861         font-size:10pt;
1862         border-radius:.5em;
1863         -moz-border-radius:.5em;
1864         padding:.2em;
1865 }
1866 .details_or{
1867         width:28.8em;
1868         height:9.8em;
1869         margin:0;
1870 }
1871 .details_ol{
1872
1873         height:9.8em;
1874         margin:0px;
1875         width:.45em;
1876         background-position: top left;
1877         background-repeat:no-repeat;
1878 }
1879 .details_ir{
1880         width:.5em;
1881         height:100%;
1882         float:right;
1883 }
1884 .details_il{
1885         height:100%;
1886         float:left;
1887 }
1888 .home-title{
1889         font-size:10pt;
1890         font-weight:bold;
1891 }
1892 .buttonbox{
1893         float:right;
1894 }
1895 .details_text{
1896         margin-left:1em;
1897 }
1898 .draggable_selected {
1899         background-color: transparent;
1900         cursor: move;
1901 }
1902
1903 div#subnavlistcontainer {
1904         width:95%;
1905         margin:auto;
1906         height:auto;
1907
1908 }
1909 div#subnavbacktopage {
1910         padding-top:5px;
1911         padding-left:20px;
1912         float:left;
1913 }
1914
1915 div.toolcontainer{
1916         width:95%;
1917         margin:auto;
1918         border:1px solid #e8e8e8;
1919         padding-top:1em;
1920         padding-bottom:1em;
1921         border-radius:.5em;
1922         -moz-border-radius: .5em .5em .5em .5em;
1923 }
1924
1925 ul#subnavlist {
1926         padding-top: 4px;
1927         margin-top: 0px;
1928         font-family: Verdana,Helvetica,Arial,serif;
1929         font-size:.8em;
1930
1931
1932 }
1933
1934 ul#subnavlist li {
1935         background-color: #FFFFFF;
1936         list-style: none;
1937         display: inline-block;
1938         font-weight:700;
1939         text-align:center;
1940         border-top:1px solid #cccccc;
1941         border-left:1px solid #cccccc;
1942         border-right:1px solid #cccccc;
1943         border-radius: .3em .3em 0em 0em;
1944         -moz-border-radius: .3em .3em 0em 0em;
1945         height:1.0em;
1946         -moz-box-shadow:.1em .0em .1em #999999;
1947         box-shadow: .1em .0em .1em #999999;
1948         padding: 0em .5em .6em .5em ;
1949 }
1950
1951 ul#subnavlist li a:hover, ul#subnavlist li a:focus, ul#subnavlist li.active,            ul#subnavlist li:hover{
1952         color: black;
1953         text-decoration:none;
1954         background-color: #E6E6E6;
1955 }
1956
1957 ul#subnavlist li a {
1958     /* The normal, unselected tabs. They are all links */
1959         color: #555;
1960         height: 1.5em;
1961         text-decoration:underline;
1962         font-weight:500;
1963 }
1964
1965 div.menuedit{
1966         float:right;
1967         margin-top:-1.2em;
1968         border:1px solid #cccccc;
1969 }
1970 /* NEW IN ATUTOR 2.0 */
1971 /* alternate colours in the My Course list */
1972 tr.even {
1973     background-color: #F7F3ED;
1974 }
1975
1976 tr.odd {
1977     background-color: transparent;
1978 }
1979
1980 /* Content editor wrapper div */
1981 .editor_wrapper{
1982         border:1px solid #cccccc;
1983         border-radius:.5em;
1984         -moz-border-radius: .5em .5em .5em .5em;
1985         padding: .1em .5em .1em .5em ;
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 }
2071
2072 .select {
2073       margin-left: .2em;
2074       background-color:#eeeeee;
2075       border: 1px solid #cccccc;
2076       padding-right:.1em;
2077 }
2078
2079 /* Preference Editor tabs */
2080 /* Preferences tabs */
2081 table.etabbed-table     {
2082         padding-left:5em;
2083         font-size:10pt;
2084         width:90%;
2085         margin-left:auto;
2086         margin-right:auto;
2087 }
2088 .prefs-tab-spacer {
2089         background-color: transparent;
2090         width: 5px;
2091 }
2092 .prefs_buttontab {
2093         color:#555;
2094         font-size:10pt;
2095         white-space: nowrap;
2096         background-color: #ffffff;
2097         margin: 0px;
2098         border:0;
2099         font-weight:500;
2100         padding:0em 0em 0em;
2101         border-radius:.3em;
2102         -moz-border-radius: .3em .3em .3em .3em;
2103
2104 }
2105 .prefs_tab{
2106         border-top: 1px solid #cccccc;
2107         border-left: 1px solid #cccccc;
2108         border-right: 1px solid #cccccc;
2109         text-align: center;
2110         white-space: nowrap;
2111         margin-left:2em;
2112         background-color: #FFFFFF;
2113         border-radius:.3em;
2114         -moz-border-radius: .3em .3em 0em 0em;
2115         padding: 0em .2em 0em .2em;
2116         -moz-box-shadow:.1em .1em .2em #999999;
2117     box-shadow: .1em .1em .2em #999999;
2118         }
2119
2120 .prefs_buttontab:hover, .prefs_tab:hover {
2121         background-color: #eeeeee;
2122 }
2123 .prefs_tab_selected{
2124         border-top: 1px solid #cccccc;
2125         border-left: 1px solid #cccccc;
2126         border-right: 1px solid #cccccc;
2127         border-bottom:0;
2128         background-color: #eeeeee;
2129         margin: 0px;
2130         font-weight:bold;
2131         text-align:center;
2132         padding: 0em .2em 0em .2em ;
2133         white-space: nowrap;
2134         text-decoration:none;
2135         border-radius:.3em;
2136         -moz-border-radius: .3em .3em 0em 0em;
2137         -moz-box-shadow:.1em .1em .1em #999999;
2138     box-shadow: .1em .1em .1em #999999;
2139 }
2140
2141 .admin_container{
2142         border:1px solid #cccccc;
2143         border-radius:.5em;
2144         -moz-border-radius:.5em;
2145
2146 }
2147
2148 .wizscreen{
2149         background-color:#ffffff;
2150         padding:2em;
2151         line-height:2em;
2152 }
2153
2154 .wizscreen > legend{
2155         padding-left:2em;
2156         padding-right:2em;
2157         border:1px solid black;
2158         background-color:#ffffff;
2159         color:#0000FF;
2160         font-weight:bold;
2161 }
2162
2163 .wizscreen .buttons {
2164     padding-top: 2em;
2165 }
2166
2167 .wizscreen .button {
2168     margin: 0em 0.25em;
2169 }
2170
2171 .navlist{
2172         list-style: none;
2173         display: inline;
2174 }
2175 .crumbcontainer{
2176         padding:0;
2177         width:100%;
2178         height:2.5em;
2179 }
2180 #course_title_container{
2181         float:left;
2182         clear:both;
2183         white-space:pre-line;
2184         position:relative;
2185         left:1em;
2186         margin-top:.5em;
2187 }
2188 #my_courses_container{
2189           width:58%;
2190           margin-left:1em;
2191           border:none;
2192           float:left;
2193           border-radius: .5em .5em .5em .5em;
2194         -moz-border-radius: .5em .5em .5em .5em;
2195         -moz-box-shadow:.1em .1em .1em #999999;
2196          box-shadow: .1em .1em  .1em #999999;
2197 }
2198 .shortcut_icon{
2199         border:0;
2200         vertical-align:middle;
2201 }
2202 ul#content-tool-links {
2203         list-style: none outside none;
2204 }
2205 ul#content-tool-links li{
2206         display: inline;
2207         float: left;
2208         width: 5em;
2209         padding: 0 3em 0 0;
2210         text-align: center;
2211         font-size: 0.7em;
2212         font-weight:bold;
2213         color: #1A4A72;
2214         line-height:120%;
2215 }
2216 ul#content-tool-links img{
2217         border: 0 none;
2218         display: block;
2219         padding-left: 10px;
2220 }
2221 .hidden {
2222     display: none;
2223 }
2224 .clickable {
2225     cursor: pointer;
2226 }
2227 .nowrap {
2228     white-space: nowrap;
2229 }
2230 .flowplayerholder{
2231 clear:right;
2232 }
2233
2234
2235 /* Transformable repository search */
2236
2237 .browse-result{
2238         border:thin solid #cccccc;
2239         padding:.5em;
2240         width:95%;
2241         margin-left:auto;
2242         margin-right:auto;
2243         border-radius: .3em .3em .3em .3em;
2244         -moz-border-radius: .3em .3em .3em .3em;
2245         -moz-box-shadow:.1em .1em .1em #999999;
2246         box-shadow: .1em .1em .1em #999999;
2247 }
2248
2249 .tr_results_tools{
2250         float:right;
2251         padding-left:.2em;
2252         padding-right:.2em;
2253         padding-top:.2em;
2254         border:thin solid #cccccc;
2255         border-radius: .3em .3em .3em .3em;
2256         -moz-border-radius: .3em .3em .3em .3em;
2257         -moz-box-shadow:.1em .1em .1em #999999;
2258         box-shadow: .1em .1em .1em #999999;
2259 }
2260
2261 div.pageinator_box{
2262         width:95%;
2263         margin-left:auto;
2264         margin-right:auto;
2265         margin-bottom: -.5em;
2266         border-top:thin solid #cccccc;
2267         border-left:thin solid #cccccc;
2268         border-right:thin solid #cccccc;
2269         border-radius: .3em .3em 0em 0em;
2270         -moz-border-radius: .3em .3em 0em 0em;
2271 }
2272
2273 #previewText{
2274     font-family: monospace;
2275     border: 2px solid rgb(0, 0, 0);
2276     padding: 2em;
2277     width: 80%;
2278     color: rgb(255, 255, 255);
2279     background-color: rgb(0, 0, 0);
2280 }
2281 #previewArea{
2282     padding: 0em;
2283     border-bottom-width: 0px;
2284     margin-left: auto;
2285     margin-right: auto;
2286     font-weight: normal;
2287     width: 70%;
2288     float:left;
2289     clear:right;
2290 }
2291 #display-settings-preview{
2292     width:70%;
2293     float:left;
2294     height:20em;
2295 }
2296 #feedback{
2297     width: 90%;
2298 }
2299 #defaultfontsize-wrapper{
2300     width:25%;
2301     float:left;
2302 }
2303
2304 /* ATutor Social Styles */
2305
2306 div .profile_container {
2307         background-color:#eee;
2308         border: 1px solid #8e8e8e;
2309         width:80%;
2310         padding:0.5em;
2311         margin-bottom: 0.5em;
2312 }
2313
2314 div .profile_container .top_right {
2315         float: right;
2316 }
2317
2318 dl.public-profile dd{
2319         margin-left:0px;
2320 }
2321 dl.public-profile dt {
2322         float: left;
2323         font-weight: bold;
2324         min-width:12em;
2325 }
2326
2327 /* Search form */
2328 div .search_form {
2329         margin-bottom: 1em;
2330 }
2331
2332 div .search_form .row{
2333         background-color: #DEDEC0;
2334         padding: 8px;
2335 }
2336 div .button {
2337         background-color: #eee;
2338         border: 1px solid #aaa;
2339 }
2340 div .button:hover{
2341         background-color: #cccccc;
2342         color: #ffffff;
2343 }
2344
2345 /* Side menu */
2346
2347
2348 ul.social_side_menu {
2349         padding-left: 2em;
2350 }
2351 ul.social_side_menu li {
2352         padding-bottom: 0.2em;
2353         list-style: circle;
2354 }
2355
2356 div .divider {
2357         border-bottom:1px solid #C1C157;
2358         padding-bottom:0.5em;
2359         margin-bottom:0.5em;
2360 }
2361
2362 .activity{
2363         line-height:18pt;
2364         font-size:.8em;
2365 }
2366
2367 div.headingbox, h3.headingbox, a.headingbox{
2368         border:1px #cccccc solid;
2369         padding:.2em;
2370         background-color: #eeeeee;
2371         text-decoration:none;
2372         line-height:1em;
2373         font-size:.7em;
2374 }
2375
2376 div.contentbox, input-form{
2377         margin-left:.2em;
2378         margin-right:.2em;
2379         border-left:1px #cccccc solid;
2380         border-right:1px #dddddd solid;
2381         border-bottom:1px #cccccc solid;
2382         padding:.5em;
2383         background-color: #ffffff;
2384         overflow:hidden;
2385 }
2386
2387 div.suggestions{
2388         border:1px solid #a50707;
2389         margin-left:10px;
2390         width:50%;
2391 }
2392 li.inlinelist{
2393         display: inline;
2394         padding-right: 1em;
2395 }
2396 ul.social_inline_menu{
2397         background-color: #eeeeee;
2398         border:thin #cccccc solid;
2399         padding:.5em;
2400         width:90%;
2401         margin:auto;
2402 }
2403 div.social-wrapper{
2404         border:thin solid #cccccc;
2405         width:95%;
2406         padding:.5em;
2407         margin:auto;
2408 }
2409
2410 .network-activity{
2411     float:left;
2412     width:55%;
2413 }
2414 .my-contacts{
2415     float:right;
2416     width:38%;
2417     min-width:38%;
2418 }
2419 .my-network-groups{
2420     float:right;
2421     clear:right;
2422     width:38%;
2423     max-width:38%;
2424 }
2425 .people-you-may-know{
2426     padding-top:1em;
2427     float:right;
2428     clear:right;
2429     width:38%;
2430     min-width:38%;
2431  }
2432 .contentbox-a{
2433     width: 100%;
2434 }
2435 .contentbox-b{
2436     padding-bottom:0.2em;
2437 }
2438 .logo{
2439 float:left;
2440 clear:right;
2441 margin-left:2em;
2442 }
2443 .content-settings{
2444         width: 30%;
2445         float: left;
2446 }
2447 .current-content{
2448         color:red;
2449 }
2450 .del-content-icon{
2451         border:0;
2452 }