docs/themes/default/styles.css

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