docs/themes/default/styles.css

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