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