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