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