docs/themes/default/styles.css

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