themes/default15/styles.css

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