themes/mobile/styles.css

   1 html,body{
   2         height:100%;
   3
   4 }
   5
   6
   7 /* main body attributes */
   8 body {
   9         font-family: Verdana, Helevetica, Arial, sans-serif;
  10         margin:0px;
  11         margin-top: -10px;
  12         font-size: small;
  13         background-color: #cccccc;
  14 }
  15 .page_wrapper{
  16         border:thin solid black;
  17         width:97%;
  18         margin:auto;
  19         background-color: #ffffff;
  20 }
  21 p {
  22     margin: 0.5em 0em 1em 0em;
  23     text-align: justify;
  24     line-height: 150%;
  25         font-size: 1em;
  26 }
  27
  28 p a {
  29     text-decoration: underline;
  30 }
  31
  32 p a:visited {
  33         color: #3F2670;
  34     background-color: transparent;
  35 }
  36
  37 p a:active {
  38         color: #A50707;
  39     background-color: transparent;
  40 }
  41
  42 h1, h2, h3, h4, h5, h6 {
  43     color: #A50707;
  44     clear: right;
  45     font: 100% Verdana, Helvetica, Arial, sans-serif;
  46         font-weight: bold;
  47     margin: 0;
  48     padding-top: 0.5em;
  49     /*border-bottom: 1px solid #B8AE9C;*/
  50 }
  51
  52 h1 {
  53     font-size: 160%;
  54         color: #FFF;
  55 }
  56
  57 h2 {
  58     font-size: 150%;
  59 }
  60 h2.sidebox{
  61     font-size: 110%;
  62 }
  63 h3 {
  64     font-size: 130%;
  65 }
  66
  67 h4 {
  68     font-size: 120%;
  69 }
  70
  71
  72 h5 {
  73     font-size: 100%;
  74 }
  75
  76
  77
  78 /*  Table of content attributes*/
  79 p.toc{
  80         font-family: Verdana, Helevetica, Arial, sans-serif;
  81         background-color: #E9F4F3;
  82         padding: .6em;
  83         margin-bottom: .6em;
  84         margin-top: 0em;
  85         margin-left: 1em;
  86         margin-right: 3em;
  87         border: 1px #ACCFCC solid;
  88 }
  89
  90 /* list attributes */
  91 ul {
  92         font-family: Verdana, Helevetica, Arial, sans-serif;
  93         margin-bottom: 0px;
  94         margin-top: 0px;
  95         margin-right: 0px;
  96 }
  97
  98 li {
  99         font-family: Verdana, Helevetica, Arial, sans-serif;
 100         margin-bottom: 0px;
 101         margin-top: 0px;
 102         margin-right: 0px;
 103 }
 104
 105 li.folders {
 106         list-style: disc url(../../images/folder.gif) outside;
 107         font-family: Verdana, Helevetica, Arial, sans-serif;
 108         margin-bottom: 0px;
 109         margin-top: 0px;
 110         margin-right: 0px;
 111 }
 112
 113 li.folders .disabled {
 114         color: #B8AE9C;
 115 }
 116
 117 ul.folder{
 118
 119 list-style-image:none;
 120 list-style-position:outside;
 121 list-style-type:none;
 122 margin:0em;
 123 padding:0em;
 124
 125 }
 126
 127 /* link attributes */
 128 a:link, a:visited  {
 129         color: #1A4A72;
 130 }
 131 a:hover {
 132         color: #932318;
 133 color:#ffffff;
 134 }
 135 a:active {
 136         color: #932318;
 137 }
 138 /* align text to the left */
 139 .left {
 140         text-align: left;
 141 }
 142
 143 a.dropdown-title {
 144         color: white;
 145         font-weight: normal;
 146         text-decoration: none;
 147 }
 148
 149
 150 /* table border */
 151 .tableborder {
 152         border: 1px #595241 solid;
 153 }
 154
 155 /* main submit button */
 156 .button {
 157         background-color: #efefef;
 158         font-weight: normal;
 159         border:  #AAA  solid 1px;
 160
 161 }
 162 .button:focus {
 163         border:1px solid #A50707;
 164         background-color:  #FFDAB9;
 165 }
 166 /* small submit button at top */
 167 .button2 {
 168         font-family: Verdana, Helevetica, Arial, sans-serif;
 169         background-color: #E9F4F3;
 170
 171 }
 172 .button2:focus {
 173         background-color: #E9F4F3;
 174         border:  #ACCFCC  solid 1px;
 175 }
 176
 177 /* date attributes */
 178 small.date {
 179         font-family: Verdana, Helevetica, Arial, sans-serif;
 180         color: #595241;
 181         margin-bottom: 0px;
 182         margin-top: 0px;
 183         margin-left: 5px;
 184         margin-right: 0px;
 185         font-size:1em;
 186 }
 187
 188 /* page breakline */
 189 hr {
 190         color: #ACCFCC;
 191         background-color: white;
 192         height: 1px;
 193 }
 194
 195 /* message box styles */
 196
 197 /* Editor box small */
 198 .editorsmallbox {
 199         font-family: Verdana, Helevetica, Arial, sans-serif;
 200         background-color: #E9F4F3;
 201         padding: 2px;
 202         padding-right: 3px;
 203         border: 1px #ACCFCC solid;
 204 }
 205
 206 /* Editor box large */
 207 .editorlargebox {
 208         font-family: Verdana, Helevetica, Arial, sans-serif;
 209         background-color: #E9F4F3;
 210         margin-left:1em;
 211         padding-left: .2em;
 212         padding-right: .5em;
 213         padding-top: .5em;
 214         padding-bottom: .4em;
 215         border: 1px #ACCFCC solid;
 216 }
 217
 218
 219 select.dropdown {
 220         font-family: Verdana, Helevetica, Arial, sans-serif;
 221 }
 222
 223 .highlight, a.highlight {
 224         background-color: #5B8E88;
 225         color: white;
 226 }
 227
 228 a .highlight{
 229         background-color: #5B8E88;
 230         color: white;
 231 }
 232
 233 .center {
 234         text-align: center;
 235 }
 236
 237
 238 /* edit content tabs */
 239 .buttontab {
 240         background-color: #E6E6E6;
 241         font-weight: 500;
 242         border:0;
 243         padding-left: 3px;
 244         padding-right: 3px;
 245         padding-top: 3px;
 246
 247 }
 248
 249 .tab {
 250         color: black;
 251         background-color: #E6E6E6;
 252         border-top: 1px #B8AE9C solid;
 253         border-left: 1px #B8AE9C solid;
 254         border-right: 1px #B8AE9C solid;
 255         text-decoration: none;
 256         text-align: center;
 257         font-weight: bold;
 258
 259
 260 }
 261 .buttontab selected {
 262         font-family: Helvetica, Arial, Helvetica, sans-serif;
 263         background-color: #6F7172;
 264         font-weight: 600;
 265         border:0;
 266         padding-left: 3px;
 267         padding-right: 3px;
 268         padding-top: 3px;
 269
 270 }
 271 td.selected{
 272         font-family: Helvetica, Arial, Helvetica, sans-serif;
 273         font-weight: 600;
 274         text-decoration: none;
 275         text-align: center;
 276         background-color: white;
 277         border-top: 1px #B8AE9C solid;
 278         border-left: 1px #B8AE9C solid;
 279         border-right: 1px #B8AE9C solid;
 280 }
 281 .econtainer{
 282         background-color: #fffaf0;
 283         border:1px #6F7172 solid;
 284         margin-left:.5em;
 285 }
 286
 287 .tab a:link, .etab a:visited {
 288         color: black;
 289         background-color: white;
 290
 291 }
 292 .tab a:hover {
 293         color: black;
 294         background-color: white;
 295 }
 296
 297 .etabself {
 298         background-color: #6F7172;
 299
 300         text-align: center;
 301         font-weight: bold;
 302         padding: 2px;
 303 }
 304
 305
 306 .unsaved {
 307         color: red;
 308         background-color: #FFFDE0;
 309         font-weight: bold;
 310 }
 311 .saved {
 312         background-color: #FFFDE0;
 313         margin: 10px;
 314 }
 315
 316
 317
 318 /* the side menu */
 319 /* the side menu heading */
 320 td.dropdown-heading {
 321         background-color: #DBFDD4;
 322         color: #595241;
 323         border-left: 1px solid #ECFEEA;
 324         border-right: 1px solid #ECFEEA;
 325         border-top: 1px solid #ECFEEA;
 326         font-weight: bold;
 327         padding: 2px;
 328 }
 329
 330 td.dropdown-heading a, td.dropdown-heading a:hover, td.dropdown-heading a:visited {
 331         text-decoration: none;
 332 }
 333
 334 td.dropdown-heading.closed {
 335         border-bottom: 1px solid #ECFEEA;
 336 }
 337
 338 /* the side menu content */
 339 td.dropdown {
 340         padding: 2px;
 341         background-color: white;
 342         color: black;
 343         border-left: 1px solid #ECFEEA;
 344         border-right: 1px solid #ECFEEA;
 345         border-bottom: 1px solid #ECFEEA;
 346         font-weight: normal;
 347 }
 348 td.dropdown a, td.dropdown a:visited  {
 349         color: #595241;
 350         text-decoration: none;
 351 }
 352 td.dropdown a:hover {
 353         color: #595241;
 354         text-decoration: underline;
 355 }
 356 td.dropdown.cell {
 357         border-bottom: 0px;
 358 }
 359 td.dropdown strong {
 360         color: #2A6C28;
 361 }
 362
 363 /* added for 1.4.2: */
 364 .results {
 365         padding-left: 20px;
 366 }
 367
 368 h5.search-results {
 369         background-color: #F7F3ED;
 370         color: #595241;
 371         padding: 1px;
 372         margin-bottom: 5px;
 373         margin-top: 10px;
 374         margin-left: 5px;
 375 }
 376
 377 small.search-info {
 378         color: #595241;
 379 }
 380
 381 p.search-description {
 382         background-color: #FFFCE5;
 383         color: #595241;
 384 }
 385
 386 .test-box {
 387         background-color: #F7F3ED;
 388         color: #595241;
 389         border-left: 1px solid #595241;
 390         border-right: 1px solid #595241;
 391         border-top: 1px solid #595241;
 392         font-weight: bold;
 393         padding: 2px;
 394 }
 395
 396 /***************************************************************/
 397
 398 table.tabbed-table {
 399         width: 100%;
 400         border:thin black solid;
 401 }
 402 table.tabbed-table th#left-empty-tab {
 403         background-color: transparent;
 404         width: 15px;
 405         border-bottom: 1px solid #B8AE9C;
 406 }
 407 table.tabbed-table th#right-empty-tab {
 408         text-align: right;
 409         background-color: transparent;
 410         border-bottom: 1px solid #B8AE9C;
 411         width: 400px;
 412         padding-right: 5px;
 413 }
 414 table.tabbed-table th#right-empty-tab a {
 415         text-decoration: underline;
 416 }
 417 table.tabbed-table th.tab-spacer {
 418         background-color: transparent;
 419         width: 5px;
 420         border-bottom: 1px solid #B8AE9C;
 421 }
 422
 423 table.tabbed-table th.tab {
 424         padding-top: 2px;
 425         padding-bottom: 2px;
 426         width: 110px;
 427         background-color: #E9F4F3;
 428         border-bottom: 1px solid #B8AE9C;
 429         border-left: 1px solid #B8AE9C;
 430         border-top: 1px solid #B8AE9C;
 431         border-right: 1px solid #B8AE9C;
 432 }
 433 table.tabbed-table th.tab:hover {
 434         background-color: #ACCFCC;
 435 }
 436
 437 table.tabbed-table th.tab a:focus {
 438         color: white;
 439 }
 440 table.tabbed-table th.selected {
 441         padding-top: 2px;
 442         padding-bottom: 2px;
 443         width: 110px;
 444         background-color: #ACCFCC;
 445         border-left: 1px solid #B8AE9C;
 446         border-top: 1px solid #B8AE9C;
 447         border-right: 1px solid #B8AE9C;
 448 }
 449
 450 table.tabbed-table a, table.tabbed-table a:visited, table.tabbed-table a:hover {
 451         color: black;
 452         text-decoration: none;
 453 }
 454 /* Preferences tabs */
 455 table.etabbed-table     {
 456         width: 90%;
 457 }
 458
 459 a#my-start-page {
 460         padding: 2px;
 461         padding-left: 15px;
 462         background-repeat: no-repeat;
 463         background-position: 2px 5px;
 464 }
 465
 466 a#back-to {
 467         padding-left: 20px;
 468         background-image: url(images/back.gif);
 469         background-repeat: no-repeat;
 470         background-position: 0px 0px;
 471 }
 472
 473 div#breadcrumbs {
 474     /* The path bar, including breadcrumbs and add to favorites */
 475         clear:both;
 476     font-size: 0.85em;
 477         padding:3px;
 478         float:left;
 479 }
 480 h2.page-title {
 481         clear:right;
 482         margin-bottom: 10px;
 483         padding:0px;
 484 }
 485
 486 h1 {
 487         margin-bottom: 5px;
 488 }
 489
 490
 491 div#help {
 492         border-left: 1px solid black;
 493         border-right: 1px solid black;
 494         border-bottom: 1px solid black;
 495         padding-left: 5px;
 496         padding-right: 5px;
 497         padding-bottom: 5px;
 498         background-color: #F7F3ED;
 499         margin-left: 5px;
 500         margin-right: 5px;
 501         font-size: small;
 502 }
 503
 504 h3#help-title {
 505         margin-left: 5px;
 506         margin-right: 5px;
 507         border-left: 1px solid black;
 508         border-right: 1px solid black;
 509         padding: 1px;
 510         background-color: #F7F3ED;
 511 }
 512 .line {
 513         border-bottom: 1px solid black;
 514 }
 515 div#help p {
 516         padding: 0px;
 517         margin: 0px;
 518 }
 519
 520 div#toctoggle {
 521         float: left;
 522         padding-left: 10px;
 523 }
 524
 525 h1#section-title {
 526         float: left;
 527         white-space:nowrap;
 528         margin-left:1em;
 529         margin-bottom: -0.5em;
 530 }
 531
 532 div#top-links {
 533         float:right;
 534         padding-right: 5px;
 535         margin-right:205px;
 536         margin-top:1em;
 537         white-space:nowrap;
 538 }
 539
 540 div#top-links a:link, div#top-links a:visited {
 541         text-decoration:none;
 542         margin-left:10px;
 543 }
 544 div#top-links a:focus{
 545         color:black;
 546         background-color:#F6EAD6;
 547 }
 548
 549 #jumpmenu:focus{
 550         background-color:#F6EAD6;
 551 }
 552 a#editor-link {
 553         background-color: #F7F3ED;
 554         padding-top: 1px;
 555         padding-bottom: 1px;
 556         padding-left: 15px;
 557         padding-right: 8px;
 558         border: 1px solid #cccccc;
 559         font-weight: normal;
 560         text-decoration: none;
 561 }
 562
 563 a#editor-link:hover {
 564         background-color: #F7F3ED;
 565         border: 1px solid #B8AE9C;
 566 }
 567
 568 a#editor-link.off {
 569         background-image: url(images/pen.gif);
 570         background-repeat: no-repeat;
 571         background-position: 0px 2px;
 572 }
 573 a#editor-link.on {
 574         background-image: url(images/pen2.gif);
 575         background-repeat: no-repeat;
 576         background-position: 0px 2px;
 577 }
 578
 579
 580 /* for data tables */
 581 table.data {
 582         clear:right;
 583         border: 1px solid #B8AE9C;
 584         width: 90%;
 585         margin-left: auto;
 586         margin-right: auto;
 587 }
 588
 589 table.data th {
 590         background-color: #F6EAD6;
 591         padding: 3px;
 592         white-space: nowrap;
 593 }
 594
 595 table.data th a {
 596         color: #595241;
 597         padding-right: 15px;
 598         margin-right: 15px;
 599         background-image: url('../default/images/sort.png');
 600         background-repeat: no-repeat;
 601         background-position: right;
 602 }
 603
 604 table.data tbody {
 605         border-top: 1px solid #B8AE9C;
 606         border-bottom: 1px solid #B8AE9C;
 607 }
 608
 609 table.data tbody th {
 610         text-align: left;
 611         background-color: #F7F3ED;
 612         cursor: auto;
 613 }
 614
 615 table.data td {
 616         padding: 3px;
 617 }
 618
 619 table.data tbody tr:hover {
 620         background-color: #efefef;
 621         cursor: pointer;
 622 }
 623
 624 table.data tbody tr.selected {
 625         background-color: #E9F4F3;
 626         cursor: auto;
 627 }
 628
 629 table.data tfoot {
 630         background-color: #F7F3ED;
 631         /*border-top: 1px solid #B8AE9C;*/
 632 }
 633
 634 table.data tfoot tr:first-child td {
 635         /*border-top: 1px solid #B8AE9C;*/
 636         padding: 5px;
 637         background-image: url('images/arrow_ltr.gif');
 638         background-repeat: no-repeat;
 639         background-position: 4px 5px;
 640         padding-left: 40px;
 641 }
 642
 643 table.data.static tfoot td, table.data.static tfoot tr:first-child td {
 644         border-top: 1px solid #B8AE9C;
 645         padding: 5px;
 646         background-image: none;
 647         padding-left: 0px;
 648
 649 }
 650
 651 /*buttons*/
 652 table.data tfoot input {
 653         background-color: #efefef;
 654         font-weight: normal;
 655         border:  #AAA  solid 1px;
 656 }
 657 table.data tfoot input:focus {
 658         background-color: #FFDAB9;
 659         border:  #AAA  solid 1px;
 660 }
 661
 662
 663 /* used for static tables with no form elements: */
 664 table.data.static tbody tr:hover {
 665         background-color: transparent;
 666         cursor: auto;
 667 }
 668
 669
 670
 671 /* course browser: */
 672
 673 div#browse {
 674         margin-left: auto;
 675         margin-right: auto;
 676         width: 80%;
 677 }
 678
 679 div.browse-selected {
 680         background-image: url('images/side_arrow.gif');
 681         background-repeat: no-repeat;
 682         padding-left: 9px;
 683         background-position: center left;
 684 }
 685
 686 div.browse-unselected {
 687         padding-left: 9px;
 688 }
 689
 690 ul.browse-list {
 691         list-style: none;
 692         padding:0px;
 693 }
 694
 695 /* feedback /errors */
 696 div#error {
 697         width: 50%;
 698         margin-left: auto;
 699         margin-right: auto;
 700         margin-top: 15px;
 701         margin-bottom: 15px;
 702         border: 1px solid #DD0000;
 703         padding: 5px;
 704         background-color: #F4DCDC;
 705         color: #A50707;
 706         background-color: #F4DCDC;
 707         padding-left: 25px;
 708         font-weight: bold;
 709 }
 710 div#error h4 {
 711         color: black;
 712         margin-left: 0px;
 713 }
 714
 715 div#error ul, div#feedback ul, div#help ul {
 716         position: relative;
 717         list-style: none;
 718         margin-left: 0px;
 719         padding-left: 0px;
 720 }
 721
 722 div#error ul li{
 723         margin-top: 5px;
 724 }
 725
 726 div#feedback {
 727         width: 50%;
 728         margin-left: auto;
 729         margin-right: auto;
 730         margin-top: 15px;
 731         margin-bottom: 15px;
 732         border: 1px solid #17B506;
 733         padding: 5px;
 734         background-color: #F2FCF0;
 735         color: #595241;
 736         font-weight: bold;
 737 }
 738
 739 div#help {
 740         width: 50%;
 741         margin-left: auto;
 742         margin-right: auto;
 743         margin-top: 15px;
 744         margin-bottom: 15px;
 745         border: 1px solid #ACCFCC;
 746         padding: 5px;
 747         background-color: #E9F4F3;
 748         color: #024C41;
 749 }
 750
 751 div#info {
 752         width: 50%;
 753         margin-left: auto;
 754         margin-right: auto;
 755         margin-top: 15px;
 756         margin-bottom: 15px;
 757         border: 1px solid #B8AE9C;
 758         padding: 5px;
 759         background-color: #EFE6FF;
 760         color: #595241;
 761         font-weight: bold;
 762 }
 763
 764 div#warning {
 765         width: 50%;
 766         margin-left: auto;
 767         margin-right: auto;
 768         margin-top: 15px;
 769         margin-bottom: 15px;
 770         border: 1px solid #FF8400;
 771         padding: 5px;
 772         background-color: #FFF6ED;
 773         color: #D95900;
 774         font-weight: bold;
 775 }
 776 acronym {
 777         cursor: help;
 778 }
 779
 780 div.news p {
 781         margin-left: 10px;
 782 }
 783 div.news span.date {
 784         font-family: Verdana, Helevetica, Arial, sans-serif;
 785         color: #B8AE9C;
 786 }
 787
 788 /* home page links */
 789 div.home-link {
 790         padding: 2px;
 791         float: left;
 792         text-align: center;
 793         margin: 2px;
 794         width: 120px;
 795         height: 90px;
 796 }
 797 div.home-link:hover {
 798         padding: 1px;
 799         background-color: #F7F3ED;
 800         border: 1px solid #afafaf;
 801         float: left;
 802         text-align: center;
 803         margin: 2px;
 804 }
 805 div.home-link a {
 806         text-decoration: none;
 807         font-weight: bold;
 808 }
 809
 810 div.home-link img {
 811         border: 0px;
 812 }
 813
 814 /* sequence links */
 815 div.sequence-links {
 816         float:right;
 817         margin-top: 10px;
 818         padding-right: 5px;
 819         padding-top:7px;
 820 }
 821 div.sequence-links a {
 822         text-decoration: none;
 823 }
 824
 825 div.dropdown {
 826         width: 200px;
 827         padding: 2px;
 828         background-color: white;
 829         color: black;
 830         border-left: 1px solid #ECFEEA;
 831         border-right: 1px solid #ECFEEA;
 832         border-bottom: 1px solid #ECFEEA;
 833         font-weight: normal;
 834 }
 835
 836 div.dropdown-heading {
 837         background-color: #ACCFCC;
 838         color: #595241;
 839         border-left: 1px solid #ECFEEA;
 840         border-right: 1px solid #ECFEEA;
 841         border-top: 1px solid #ECFEEA;
 842         font-weight: bold;
 843         padding: 2px;
 844 }
 845
 846 div.required {
 847         font-weight: bold;
 848         color: red;
 849         font-size: large;
 850         float: left;
 851         position: relative;
 852         margin-top: -5px;
 853         height: 15px;
 854         padding-right: 2px;
 855 }
 856
 857 div#content_text {
 858         margin-left: 5px;
 859 }
 860
 861 form {
 862         clear: none;
 863         display:inline;
 864 }
 865
 866
 867 optgroup {
 868         /*font-size: small;*/
 869 }
 870
 871 /* packing */
 872 div.paging {
 873    width: 100%;
 874    text-align: center;
 875    margin: 0.5em auto;
 876 }
 877 div.paging ul {
 878    list-style: none;
 879    display: inline;
 880    padding: 0px;
 881    border: 1px solid #000;
 882 }
 883 div.paging li {
 884         display: inline;
 885         padding-left: 2px;
 886         padding-right: 2px;
 887         padding-top: 0px;
 888         padding-bottom: 0px;
 889 }
 890
 891 div.paging li a {
 892         text-decoration: none;
 893         padding-left: 4px;
 894         padding-right: 4px;
 895         border-left: 1px solid white;
 896         border-right: 1px solid white;
 897 }
 898
 899 div.paging li a:hover, div.paging li a.current {
 900    background-color: #F7F3ED;
 901    border-left: 1px solid #000;
 902    border-right: 1px solid #000;
 903 }
 904
 905 #header{
 906         background-color: #1D2326;
 907         background-image: url(images/pencil_top.gif);
 908         background-position: right bottom;
 909         background-repeat: no-repeat;
 910         height : 6.85em;
 911 }
 912
 913 #header a{
 914         font-weight:600;
 915         color: white;
 916 }
 917
 918
 919 #header a:hover {
 920         color: #595241;
 921         background-color: #F7F3ED;
 922 }
 923 #tl_corner{
 924
 925         background-image:url(images/tl_corner.gif);
 926         background-position: top left;
 927         background-repeat: no-repeat;
 928 padding:0;
 929 }
 930 div.top {
 931     /* Top space */
 932     background-color: #595241;
 933         color: #FFF;
 934     margin: 0;
 935     padding: 0;
 936         padding-top:9px;
 937 }
 938 div.tabs {
 939         /* Navigational Plone Tabs(tm), implemented by customizing the a tag - they are surprisingly elegant. The power of CSS runs strong in these :) */
 940     background-color: transparent;
 941         border-collapse: collapse;
 942         border-bottom: 1px solid #B8AE9C;
 943         padding: 0.5em 0em 0em 2em;
 944         white-space: nowrap;
 945 }
 946
 947 div.tabs a {
 948     /* The normal, unselected tabs. They are all links */
 949     background-color: transparent;
 950     border-color: #B8AE9C;
 951     border-width: 1px;
 952     border-style: solid solid none solid;
 953     color: #595241;
 954     height: 1.2em;
 955     margin-right: 0.5em;
 956     padding: 0em 2em 0em;
 957
 958 }
 959
 960 div.tabs a.selected {
 961     /* The selected tab. There's only one of this */
 962     background-color: white;
 963     border-bottom: #B8AE9C 1px solid;
 964     color: #595241;
 965     font-weight: normal;
 966 }
 967
 968 div.tabs a:hover, div.tabs a.active {
 969     background-color: #B8AE9C;
 970     border-bottom: 1px solid #B8AE9C;
 971     color: white;
 972 }
 973
 974 .headingbox a{
 975 color: #A50707;
 976 text-decoration:underline;
 977
 978 }
 979
 980 h4.box {
 981         font-size:0.85em;
 982         padding: 2px;
 983 }
 984
 985 div.box {
 986         padding: 5px;
 987         background-color: #F5F5F5;
 988         color: black;
 989         border: 1px solid #B8AE9C;
 990
 991         font-size:0.85em;
 992         font-weight: normal;
 993         padding:2px;
 994 }
 995
 996 h5.box {
 997     background-color: #6F7172;
 998     border: 1px solid #B8AE9C;
 999     border-style: solid solid none solid;
1000     color: Black;
1001     padding: 0em 1em 0em 1em;
1002
1003     display: inline;
1004         font-size:  1em;
1005     height: 1em;
1006 }
1007
1008 div.box a:link {
1009         text-decoration: none;
1010 }
1011
1012 div.box a:visited {
1013         color: #2A6C28;
1014         text-decoration: none;
1015 }
1016
1017 div.box a:hover {
1018         text-decoration: underline;
1019 }
1020
1021 .boxDetails {
1022     text-align: right;
1023 }
1024
1025 div.box .content {
1026     padding: 1em;
1027         font-size:  1em;
1028 }
1029
1030 div.box a.close {
1031     float: right;
1032     text-transform: none;
1033     border-left: 1pt solid #B8AE9C;
1034     padding: 0em 0.2em;
1035 }
1036
1037 div.box h1,
1038 div.box h2,
1039 div.box h3,
1040 div.box h4 {
1041     margin: 0;
1042     padding: 0;
1043 }
1044
1045 div.box .even {
1046     background-color: #F7F3ED;
1047 }
1048
1049 div.box .odd {
1050     background-color: transparent;
1051 }
1052
1053
1054 /* users/index.php */
1055
1056 div.course {
1057         position: relative;
1058         width: 25em;
1059         height: 10.5em;
1060         border: rgb(204, 204, 204) 1px solid;
1061         background-color: #F7F7F7;
1062         float: left;
1063         margin: 3px;
1064         padding: 5px;
1065 }
1066
1067 div.course.break {
1068         clear: left;
1069 }
1070
1071 div.course h2 {
1072         border: 0px;
1073         font-weight: normal;
1074         font-size: large;
1075
1076 }
1077
1078 div.course:hover {
1079         background-color:#FBF4E9;
1080         border: #B8AE9C 1px solid;
1081 }
1082
1083 div.course img.icon     {
1084         float: left;
1085         margin: 2px;
1086         height:6.8em;
1087         width:6.8em;
1088         margin-right:5px;
1089 }
1090 img.headicon    {
1091         float:  left;
1092         margin-top:1.2em;
1093
1094         height:6.45em;
1095         width:6.45em;
1096         vertical-align:top;
1097         text-align: right;
1098         border:1px solid white;
1099 }
1100 div.course div.shortcuts {
1101         text-align: right;
1102         clear: left;
1103         vertical-align: middle;
1104 }
1105
1106 fieldset#shortcuts {
1107         float: right;
1108         background-color: #FEFDEF;
1109         border: 1pt solid #B8AE9C;
1110         margin: -5pt 5pt 5pt 5pt;
1111         padding-right: 10pt;
1112         padding-bottom: 5pt;
1113         padding-left: 10pt;
1114 }
1115
1116
1117
1118 fieldset {
1119         margin-bottom: 10pt;
1120 }
1121 #shortcuts legend {
1122 }
1123 #shortcuts ul {
1124         position: relative;
1125         margin-top: 0pt;
1126         margin-bottom: 0pt;
1127         margin-left: 0pt;
1128         list-style-type:  none;
1129         padding-left: 0pt;
1130 }
1131
1132 a#guide {
1133         background-image: url('../default/images/guide.gif'); background-repeat: no-repeat; background-position: 7px 4px;
1134         background-color: #eee;
1135         padding: 2px 10px 2px 27px;
1136         border: 1px solid #ccc;
1137         float:right;
1138         text-decoration:none;
1139         font-size:0.85em;
1140 }
1141
1142 div#content-text {
1143         padding-right: 5pt;
1144         line-height:150%;
1145 }
1146
1147 div#content-text li {
1148         margin-left: 15pt;
1149 }
1150
1151 div#content-test {
1152         float: left;
1153         margin-top: 2em;
1154         padding-right: 5pt;
1155         width: 80%;
1156 }
1157 div#content-test ol{
1158         margin-right: 5pt;;
1159 }
1160
1161 div#content-test ol ul li{
1162         list-style: none;
1163         padding: 0px 2px 0px 15px;
1164         margin-bottom: 1px;
1165         line-height: 200%;
1166         background-color: #fdfdfd;
1167         border-bottom: 1px solid #efefef;
1168         /* -moz-border-radius: 4px;  */
1169         border: 1px solid #eeeeff;
1170 }
1171
1172 div#content-info {
1173         margin: 5pt;
1174         font-size: small;
1175         color: #b8ae9c;
1176         clear: both;
1177 }
1178
1179 div#container {
1180         text-align: left;
1181         margin: 0px auto;
1182         padding: 0px;
1183         border:0;
1184         width: 95%;
1185 }
1186
1187 div#menutoggle{
1188         text-align: right;
1189         padding-bottom: 10px;
1190         padding-right: 10px;
1191         float: left;
1192         margin-top: 10px;
1193         padding-right: 5px;
1194         font-size:0.95em;
1195 }
1196
1197
1198 /* login page */
1199 div.column {
1200         /* border: 1px solid #6F7172; */
1201         float: left;
1202         width: 45%;
1203         margin: 5px;
1204         min-width: 170px;
1205 }
1206
1207 div.column h3 {
1208         background-color: #F6EAD6;
1209         border-bottom: .05em solid #6F7172;
1210         font-size: small;
1211         display:block;
1212         color:black;
1213         font-weight:600;
1214         padding-left:0.5em;
1215 }
1216
1217 div.insidecol {
1218    min-height: 170px;
1219    height: 170px;
1220    padding:5px;
1221 }
1222
1223
1224 /* index page */
1225 ul#home-links, ul#home-detail-links {
1226         list-style: none;
1227 }
1228 ul#home-links li {
1229
1230         display: inline;
1231         float: left;
1232         padding: 0.8em;
1233         text-align: center;
1234         margin: 0.1em;
1235         width: 8.5em;
1236         height: 7.0em;
1237         padding-left:0px;
1238
1239 }
1240 ul#home-links li a {
1241         text-decoration: none;
1242         border: 1px transparent;
1243         font-weight: bold;
1244 }
1245 ul#home-links li a img {
1246         border: 0px;
1247         display: block;
1248         padding-left:25px;
1249 }
1250
1251 /* enrollment tabs */
1252 #navlist {
1253         padding: 0px;
1254         margin-left: 0;
1255         margin-right: auto;
1256         margin-left: auto;
1257         margin-bottom: 4px;
1258         margin-top:15px;
1259         white-space: nowrap;
1260 }
1261
1262 #navlist li {
1263         list-style: none;
1264         display: inline;
1265         margin: 0px;
1266 }
1267
1268 #navlist li a {
1269         padding: 3px 9px;
1270         border: 1px solid #F7F3ED;
1271         border-bottom: none;
1272         background-color: #F7F3ED;
1273         text-decoration: none;
1274         margin-left: 4px;
1275 /*
1276         -moz-border-radius-topright: 4px;
1277         -moz-border-radius-topleft: 4px;
1278 */
1279         white-space: nowrap;
1280 }
1281
1282 #navlist li a:hover, #navlist li a:active {
1283         color: #000;
1284         background-color: #fff;
1285 }
1286
1287 /* tree */
1288 .img-size-tree {
1289         vertical-align: middle;
1290         margin-top: 0px;
1291         padding:0;
1292         height:1.45em;
1293         width:1.5em;
1294 }
1295 /* profile page */
1296
1297 dl#public-profile {
1298         width: 100%;
1299
1300 }
1301 dl#public-profile dt {
1302         float: left;
1303         font-weight: bold;
1304         width: 30%;
1305         border-right: 1px solid #F7F3ED;
1306         padding: 5px 5px 5px 0px;
1307         vertical-align: middle;
1308         margin-right: 5px;
1309 }
1310 dl#public-profile dd {
1311         margin-bottom: 5px;
1312         float:right;
1313         clear: right;
1314         padding: 5px 0px 5px 5px;
1315 }
1316
1317 div.social-right{
1318         width:65%;
1319         float:left;
1320         clear:right;
1321         margin-left:.5em;
1322 }
1323 div.social-left{
1324         width:29%;
1325         margin-left:.5em;
1326         float:left;
1327 }
1328
1329 /* floating layout */
1330 #contentwrapper{
1331         float: left;
1332         width: 99%;
1333 }
1334 #contentcolumn {
1335         margin-left: 0.5em;
1336         padding-right: 5px;
1337 }
1338 #contentcolumn_shiftright {
1339         margin-left: 18em;
1340 }
1341
1342 #leftcolumn{
1343         float: left;
1344         width: 17em;
1345         margin-left: 5px;
1346         margin-top:-10px;
1347 }
1348
1349 #footer{
1350         /*position:absolute;
1351         bottom:0px;*/
1352         clear: left;
1353         width: 100%;
1354         text-align: center;
1355         padding: 4px 0px;
1356 }
1357
1358 /** forum stuff **/
1359 #forum-thread li {border:1px solid #eee; border-bottom: 1px solid #F7F3ED; float:left; width: 97%; list-style: none; }
1360 #forum-thread li.even { background-color: #F7F3ED; border-top: none; }
1361 #forum-thread li.odd { background-color: #fff; }
1362 div.forum-post-author { float:left; width:150px; padding:8px 10px; }
1363 div.forum-post-author a.title {font-size: 1.1em; line-height: 1.2em; font-weight: bold; text-decoration:none; }
1364 div.forum-post-author img.profile-picture { border: 2px solid #F7F3ED; text-align:right;}
1365 div.forum-post-content { margin-left: 150px; padding: 5px 0px 18px 18px;}
1366 div.forum-post-content h3 { font-weight: 500; float:left;clear:right; }
1367 div.forum-post-ctrl { float: right; padding-right: 5px; color: #a1a1a1;}
1368 div.forum-post-ctrl a { text-decoration: none; }
1369 div.forum-post-ctrl span { color: black; background-color: #fefdc2; padding: 3px; }
1370 div.forum-post-content p.date { color: #a1a1a1; border-bottom: 1px solid #F7F3ED; }
1371 div.forum-post-content div.body p { margin-bottom:1em; }
1372 div.forum-paginator{border:thin #cccccc solid; padding:.3em; width:95%;margin:auto;background-color:#F7F3ED;}
1373 span.forum-paginator-active{font-weight:700;text-decoration:underline; height:2em;}
1374
1375
1376
1377 /** inbox stuff - reuses some of the forum layout **/
1378 #inbox-msg li {border:1px solid #eee; border-bottom: 1px solid #F7F3ED; width: 95%; list-style: none; min-height: 11em;}
1379 /*
1380 div.toolcontainer{
1381         width:90%;
1382         margin:auto;
1383         border:thin solid #e8e8e8;
1384 }
1385 */
1386
1387 div#topnavlistcontainer {
1388         background-color: #1D2326;
1389         background-image: url(images/pencil_bottom.gif);
1390         background-position:  top right;
1391         background-repeat: no-repeat;
1392 }
1393 font-weight: normal;
1394
1395 ul#topnavlist {
1396         padding-top: 5px;
1397         margin-top: 0px;
1398         margin-left:5px;
1399 }
1400
1401 ul#topnavlist li {
1402         white-space: nowrap;
1403         list-style: none;
1404         display: inline;
1405         margin: 0px;
1406 }
1407
1408 ul#topnavlist li a:hover, ul#topnavlist li a:focus, ul#topnavlist li a.active {
1409     background-color: #E6E6E6;
1410     color: black;
1411         text-decoration:none;
1412 }
1413
1414 ul#topnavlist li a {
1415     /* The normal, unselected tabs. They are all links */
1416     color: #555;
1417         font-weight:bold;
1418     height: 1.5em;
1419     padding: 0em 2em 0em;
1420         text-decoration:underline;
1421         background-color:white;
1422 }
1423
1424 ul#topnavlist li a.selected {
1425     /* The selected tab. There's only one of these */
1426     color: #555;
1427     font-weight: normal;
1428 }
1429
1430 ol#tools>li:hover {
1431         border: 1px solid #e0e0e0;
1432         background-color: #efefef;
1433 }
1434
1435 /*  tool list on admin home and manage screens  */
1436  li.top-tool {
1437         list-style: none;
1438         padding: 2px 2px 2px 15px;
1439         margin-bottom: 5px;
1440         line-height: 200%;
1441         background-color: #fdfdfd;
1442         border-bottom: 1px solid #efefef;
1443         /* -moz-border-radius: 4px;  */
1444         border: 1px solid #eeeeff;}
1445
1446 li.top-tool a {  font-weight: bold; } /* ol#tools>li>a */
1447
1448 li.child-tool a {
1449         font-size: x-small;
1450         font-weight: normal;
1451 }
1452
1453 /* ol#tools>li>ul, */
1454 ul.child-top-tool {
1455         margin-top: -5px;
1456         padding-left: 0px;
1457         margin-left: 0px;
1458         display: inline;
1459 }
1460 ul.child-top-tool:before {
1461         content: " : ";
1462 }
1463
1464 /* ol#tools>li>ul>li, */
1465 li.child-tool {
1466         display: inline;
1467         margin-right: 5px;
1468         font-size: x-small;
1469 }
1470
1471 /* to modify  tool icons on the course home page */
1472 /*
1473 #icon-color-filter{
1474         width:3.9em;
1475         height:3.85em;
1476         background-color:#000000;
1477         -moz-opacity:0.5;
1478           filter:alpha(opacity=10);
1479         opacity:.10;
1480         margin-top:-3.85em;
1481         margin-left:1.90em;
1482
1483 }
1484 */
1485 .img-size-home {
1486         height:3.85em;
1487         width:3.9em;
1488 }
1489
1490 /* browse courses */
1491 div.browse-course {
1492         width: 28em;
1493         padding-bottom: 10px;
1494         background-color: #fffaf0;
1495         border:1px #6F7172 solid;
1496         font-size:9pt;
1497         margin:auto;
1498         margin-left:1em;
1499         margin-top:1em;
1500 }
1501
1502 dl.browse-course {
1503         width: 90%;
1504         padding-bottom: 10px;
1505         background-color: #fffaf0;
1506
1507         margin:auto;
1508         margin-left:1em;
1509 }
1510 dl.browse-course dt {
1511         float: left;
1512         font-weight: bold;
1513         width: 25%;
1514         text-align: right;
1515         clear: left;
1516         padding: 5px 10px 5px 0px;
1517         vertical-align: middle;
1518
1519 }
1520 dl.browse-course dd {
1521         margin-bottom: 5px;
1522         clear: right;
1523         padding: 5px 0px 5px 10px;
1524         margin-left: 26%;
1525
1526 }
1527
1528
1529 /*  form fields grouping for WCAG 2.0 conformance*/
1530
1531 fieldset.group_form{
1532         width:90%;
1533         margin:.5em;
1534         border:thin #6D7B8D solid;
1535         min-height: 170px;
1536         padding:.em;
1537 }
1538
1539 legend.group_form{
1540         border:thin #6D7B8D solid;
1541         background-color: #CCCCCC;
1542         font-weight: 600;
1543         color: black;
1544         padding:.5em;
1545 }
1546 /* file storage */
1547
1548 #fsfloat1{
1549         float:right;
1550 }
1551 #fsfloat2{
1552         float:right;
1553         width:48%;
1554 }
1555
1556
1557 /* highlight active links for WCAG 2.0 conformance */
1558 a:active,a:hover,a:focus{
1559         background-color:#F6EAD6;
1560         color:#000000;
1561 }
1562
1563
1564 /* menu align right layout, uncomment to enable */
1565
1566 /*
1567 h2.page-title {
1568     clear:left
1569 }
1570 h2, h3, h4, h5, h6 {
1571         clear: left;
1572 }
1573 #contentcolumn_shiftright {
1574     margin-right: 17em;
1575 margin-left:1em;
1576 margin-top:1em;
1577 }
1578 #leftcolumn{
1579     float: right;
1580 }
1581 #home-links{
1582 clear:left;
1583 }
1584 table.data {
1585         clear:left;
1586 }
1587 div#menutoggle{
1588         float: right;
1589 }
1590 #fsfloat2{
1591         float:left;
1592         width:48%;
1593 }
1594
1595 #fsfloat1{
1596         float:left;
1597 }
1598 */
1599
1600
1601 /*Added by Silvia */
1602 div.column_primary {
1603         float: left;
1604         width: 42%;
1605         margin: 5px;
1606         padding: 0px;
1607         min-width: 170px;
1608 /*      position: relative;*/
1609 }
1610
1611 div.column_equivalent{
1612         float: left;
1613         width: 52%;
1614         margin-left: 15px;
1615         margin-top: 5px;
1616         margin-right: 5px;
1617         margin-bottom: 5px;
1618         min-width: 170px;
1619         padding: 5px;
1620         border: 1px solid #EEE;
1621         background-color: #FFF;
1622 /*      position: relative;*/
1623
1624 }
1625
1626 div.resource_box{
1627         border: 1px solid #aaa;
1628         width: 95%;
1629         margin: 5px;
1630         padding: 5px;
1631         min-width: 150px;
1632         background-color: #eee;
1633 /*      position: relative;*/
1634 }
1635
1636 h2.alternatives_to{
1637         margin-top: 12px;
1638         font-size: 90%;
1639         color: #A50707;
1640
1641 /*      position: relative;*/
1642 }
1643
1644 div.alternative_box{
1645         border: 1px solid #ddd;
1646         /*width: 90%;*/
1647         margin: 5px;
1648         padding: 5px;
1649         min-width: 150px;
1650         background-color: #fff;
1651 /*      position: relative;*/
1652 }
1653
1654 div.alternative_box legend {
1655         color: #000;
1656 }
1657
1658 div.resource_box legend {
1659         color: #000;
1660 }
1661
1662 label.primary a{
1663         color: #A50707;
1664         font-weight: bolder;
1665         background-color: white;
1666 }
1667
1668 /* format of "table of contents" on content page */
1669 #toc a          { display:block; margin:3px; }
1670 #toc .h2                { padding:0 0 0 10px;}
1671 #toc .h3                { padding:0 0 0 30px;}
1672 #toc .h4                { padding:0 0 0 40px; }
1673 #toc .h5                { padding:0 0 0 50px; }
1674 #toc .h6                { padding:0 0 0 60px; }
1675
1676 fieldset#toc {
1677         background-color: #FEFDEF;
1678         border: 1pt solid #B8AE9C;
1679         width:50%;
1680 }
1681
1682 #side-menu{
1683         overflow:hidden;
1684 }
1685
1686 /* cleans up glossary question mark line spacing*/
1687 sup{
1688         border: 1pt solid #B8AE9C;
1689         vertical-align:bottom;
1690         margin-top: 1em;
1691 }
1692
1693 /* jQuery tooltip styles */
1694 #tooltip{
1695         position:absolute;
1696         z-index:3000;
1697         border:3px solid #111;
1698         background-color:#eeeeee;
1699         padding:5px;
1700 }
1701 #tooltip h3,#tooltip div{
1702         margin:0;
1703 }
1704
1705 /* style for home page modules "detail view" */
1706 div.home_box {
1707         width: 29em;
1708         height: 150px;
1709         padding-top: 15px;
1710         float: left;
1711 }
1712
1713 .outside_box{
1714         margin-left:.4em;
1715         background:#e0e0e0;
1716         width:28em;
1717         height:9.8em;
1718 }
1719
1720 .inside_box{
1721         width:100%;
1722         margin:auto;
1723         height:52%;
1724         margin-bottom:.2em;
1725         background:#eeeeee;
1726
1727 }
1728 .details_or{
1729         width:28.8em;
1730         height:9.8em;
1731         margin:0;
1732         background-image:url(images/details_r.png);
1733         background-position: top right;
1734         background-repeat:no-repeat;
1735 }
1736 .details_ol{
1737         height:9.8em;
1738         margin:0px;
1739         width:.45em;
1740         background-image:url(images/details_l.png);
1741         background-position: top left;
1742         background-repeat:no-repeat;
1743 }
1744 .details_ir{
1745         width:.5em;
1746         height:100%;
1747         float:right;
1748         background-image:url(images/details_ir.png);
1749         background-position: top right;
1750         background-repeat:no-repeat;
1751 }
1752 .details_il{
1753         height:100%;
1754         float:left;
1755         background-image:url(images/details_il.png);
1756         background-position: top left;
1757         background-repeat:no-repeat;
1758 }
1759 .home-title{
1760         font-size:12pt;
1761 }
1762 .buttonbox{
1763         float:right;
1764 }
1765 .details_text{
1766         margin-left:1em;
1767 }
1768 .draggable_selected {
1769         background-color: transparent;
1770         cursor: move;
1771 }
1772
1773 /**********************************/
1774
1775
1776 /*****************************/
1777
1778 div#subnavlistcontainer {
1779         width:95%;
1780         margin:auto;
1781 }
1782 div#subnavbacktopage {
1783         padding-top:5px;
1784         padding-left:20px;
1785         float:left;
1786 }
1787
1788 div.toolcontainer{
1789         width:90%;
1790         margin:auto;
1791         border:thin solid #e8e8e8;
1792         padding-top:1em;
1793         padding-bottom:1em;
1794 }
1795
1796 ul#subnavlist {
1797         padding-top: 5px;
1798         margin-top: 0px;
1799         font-family: Verdana,Helvetica,Arial,serif;
1800 }
1801
1802 ul#subnavlist li {
1803         white-space: nowrap;
1804         background-color: #FFFFFF;
1805         list-style: none;
1806         display: inline;
1807         margin: 0px;
1808         font-weight:700;
1809         text-align:center;
1810         border:thin solid #cccccc;
1811         padding:0em 1em 0em;
1812 }
1813
1814 ul#subnavlist li a:hover, ul#subnavlist li a:focus, ul#subnavlist li a.active{
1815         color: black;
1816         text-decoration:none;
1817 }
1818
1819 ul#subnavlist li a {
1820     /* The normal, unselected tabs. They are all links */
1821         color: #555;
1822         height: 1.5em;
1823         text-decoration:underline;
1824         background-color:white;
1825         font-weight:500;
1826
1827 }
1828
1829 div.menuedit{
1830 float:right;
1831 margin-top:-1.2em;
1832 border:1px solid #cccccc;"
1833
1834 }