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