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