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