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: .8em;
  17     background-color: #eeeeee;
  18 }
  19 .page_wrapper{
  20     border:1px solid #cccccc;
  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: 1px solid #cccccc;
 263         border-left: 1px solid #cccccc;
 264         border-right: 1px 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:1px 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: 95%;
 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:1px 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:1px solid #ccc;
1032         border-right:1px solid #ccc;
1033         border-bottom:1px 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 div#alternatives_shortcuts {
1146         float: right;
1147         margin: -2em 5pt;
1148 }
1149
1150 fieldset#shortcuts {
1151         float: right;
1152         background-color: #FEFDEF;
1153         border: 1pt solid #B8AE9C;
1154         margin: -5pt 5pt 5pt 5pt;
1155         padding-right: 10pt;
1156         padding-bottom: 5pt;
1157         padding-left: 10pt;
1158 }
1159
1160 fieldset {
1161         margin-bottom: 10pt;
1162         border-radius:.5em;
1163         -moz-border-radius: .5em .5em .5em .5em;
1164         padding:.2em
1165 }
1166 #shortcuts legend {
1167         border-radius:.5em;
1168         -moz-border-radius: .5em .5em .5em .5em;
1169         padding:.2em
1170 }
1171 #shortcuts ul {
1172         position: relative;
1173         margin-top: 0pt;
1174         margin-bottom: 0pt;
1175         margin-left: 0pt;
1176         list-style-type:  none;
1177         padding-left: 0pt;
1178 }
1179
1180 a#guide {
1181         background-image: url('images/help.png'); background-repeat: no-repeat; background-position: 2px 2px;
1182         padding: 3px 10px 5px 30px;
1183         text-decoration:none;
1184         font-size:0.85em;
1185         float:right;
1186         border:1px solid #cccccc;
1187         border-radius:.5em;
1188         -moz-border-radius: .5em .5em .5em .5em;
1189 }
1190
1191 div#content-text {
1192         padding-right: 5pt;
1193         line-height:150%;
1194 }
1195
1196 div#content-text li {
1197         margin-left: 15pt;
1198 }
1199
1200 div#content-test {
1201         float: left;
1202         margin-top: 2em;
1203         padding-right: 5pt;
1204         width: 80%;
1205 }
1206 div#content-test ol{
1207         margin-right: 5pt;;
1208 }
1209
1210 div#content-test ol ul li{
1211         list-style: none;
1212         padding: 0px 2px 0px 15px;
1213         margin-bottom: 1px;
1214         line-height: 200%;
1215         background-color: #fdfdfd;
1216         border-bottom: 1px solid #efefef;
1217         border: 1px solid #eeeeff;
1218 }
1219
1220 div#content-info {
1221         margin: 5pt;
1222         font-size: small;
1223         color: #b8ae9c;
1224         clear: both;
1225 }
1226
1227 div#container {
1228         text-align: left;
1229         margin: 0px auto;
1230         padding: 0px;
1231         border:0;
1232         width: 95%;
1233         border:1px solid #cccccc;
1234         border-radius:.5em;
1235         -moz-border-radius: .5em .5em .5em .5em;
1236         padding:.2em
1237 }
1238
1239 div#menutoggle{
1240         text-align: right;
1241         padding-bottom: 10px;
1242         padding-right: 10px;
1243         float: left;
1244         margin-top: 10px;
1245         padding-right: 5px;
1246         font-size:0.95em;
1247 }
1248
1249
1250 /* login page */
1251 div.column {
1252         float: left;
1253         width: 45%;
1254         margin: 5px;
1255         min-width: 170px;
1256 }
1257
1258 div.column h3 {
1259         background-color: #F6EAD6;
1260         border-bottom: .05em solid #6F7172;
1261         font-size: small;
1262         display:block;
1263         color:black;
1264         font-weight:600;
1265         padding-left:0.5em;
1266 }
1267
1268 div.insidecol {
1269         min-height: 170px;
1270         height: 170px;
1271         padding:5px;
1272 }
1273
1274
1275 /* index page */
1276 ul#home-links, ul#home-detail-links {
1277         list-style: none;
1278 }
1279 ul#home-links li {
1280
1281         display: inline;
1282         float: left;
1283         padding: 0.8em;
1284         text-align: center;
1285         margin: 0.1em;
1286         width: 8.5em;
1287         height: 7.0em;
1288         padding-left:0px;
1289
1290 }
1291 ul#home-links li a {
1292         text-decoration: none;
1293         border: 1px transparent;
1294         font-weight: bold;
1295 }
1296 ul#home-links li a img {
1297         border: 0px;
1298         display: block;
1299         padding-left:25px;
1300 }
1301
1302
1303 /* tree */
1304 .img-size-tree {
1305         vertical-align: middle;
1306         margin-top: 0px;
1307         padding:0;
1308         height:1.45em;
1309         width:1.5em;
1310 }
1311 /* profile page */
1312
1313 dl#public-profile {
1314         width: 100%;
1315
1316 }
1317 dl#public-profile dt {
1318         float: left;
1319         font-weight: bold;
1320         width: 30%;
1321         border-right: 1px solid #F7F3ED;
1322         padding: 5px 5px 5px 0px;
1323         vertical-align: middle;
1324         margin-right: 5px;
1325 }
1326 dl#public-profile dd {
1327         margin-bottom: 5px;
1328         padding: 5px 0px 5px 5px;
1329 }
1330
1331 div.social-right{
1332         width:65%;
1333         float:left;
1334         clear:right;
1335         margin-left:.5em;
1336 }
1337 div.social-left{
1338         width:29%;
1339         margin-left:.5em;
1340         float:left;
1341 }
1342 div.social-wrapper{
1343         border-radius:.5em;
1344         -moz-border-radius: .5em .5em 0em 0em;
1345 }
1346
1347
1348 /* floating layout */
1349 #contentwrapper{
1350         float: left;
1351         width: 100%;
1352 }
1353 #contentcolumn {
1354         margin-left: 0.5em;
1355         padding-right: 5px;
1356 }
1357 #contentcolumn_shiftright {
1358         margin-left: 19em;
1359 }
1360
1361 #leftcolumn{
1362         float: left;
1363         width: 17em;
1364         margin-left: 5px;
1365         margin-top:-10px;
1366 }
1367
1368 #footer{
1369         clear: left;
1370         width: 100%;
1371         text-align: center;
1372         padding: 4px 0px;
1373 }
1374
1375 /** forum stuff **/
1376 #forum-thread li {border:1px solid #eee; border-bottom: 1px solid #F7F3ED; float:left; width: 97%; list-style: none; }
1377 #forum-thread li.even { background-color: #F7F3ED; border-top: none; }
1378 #forum-thread li.odd { background-color: #fff; }
1379 div.forum-post-author { float:left; width:150px; padding:8px 10px; }
1380 div.forum-post-author a.title {font-size: 1.1em; line-height: 1.2em; font-weight: bold; text-decoration:none; }
1381 div.forum-post-author img.profile-picture { border: 2px solid #F7F3ED; text-align:right;}
1382 div.forum-post-content { margin-left: 150px; padding: 5px 0px 18px 18px;}
1383 div.forum-post-content h3 { font-weight: 500; float:left;clear:right; }
1384 div.forum-post-ctrl { float: right; padding-right: 5px; color: #a1a1a1;}
1385 div.forum-post-ctrl a { text-decoration: none; }
1386 div.forum-post-ctrl span { color: black; background-color: #fefdc2; padding: 3px; }
1387 div.forum-post-content p.date { color: #a1a1a1; border-bottom: 1px solid #F7F3ED; }
1388 div.forum-post-content div.body p { margin-bottom:1em; }
1389 div.forum-paginator{border:1px #cccccc solid; padding:.3em; width:95%;margin:auto;background-color:#F7F3ED;}
1390 span.forum-paginator-active{font-weight:700;text-decoration:underline; height:2em;}
1391
1392
1393
1394 /** inbox stuff - reuses some of the forum layout **/
1395 #inbox-msg li {border:1px solid #eee; border-bottom: 1px solid #F7F3ED; width: 95%; list-style: none; min-height: 11em;}
1396
1397
1398 /* Top navigation tabs / list */
1399 div#topnavlistcontainer {
1400         background-position:  top right;
1401         background-repeat: no-repeat;
1402         height:1.7em;
1403         border-bottom:1px solid #cccccc;
1404 }
1405
1406
1407 ul#topnavlist {
1408         padding-top: 2px;
1409         margin-top: 0px;
1410         margin-left:5px;
1411
1412 }
1413
1414 ul#topnavlist li {
1415         white-space: nowrap;
1416         list-style: none;
1417         display: inline-block;
1418         height:2em;
1419         margin-top:.1em;
1420 }
1421
1422 ul#topnavlist li a:hover, ul#topnavlist li a:focus, ul#topnavlist li a.active {
1423         background-color: #E6E6E6;
1424         color: black;
1425         text-decoration:none;
1426         border-radius: .5em .5em 0em 0em;
1427         -moz-border-radius: .5em .5em 0em 0em;
1428         padding: .2em 2em .2em;
1429         border-bottom: 1px solid #E6E6E6;
1430
1431 }
1432
1433 ul#topnavlist li a {
1434     /* The normal, unselected tabs. They are all links */
1435         color: #555;
1436         font-weight:bold;
1437         height: 1.5em;
1438         border-top:1px solid #ccc;
1439         border-left:1px solid #ccc;
1440         border-right:1px solid #ccc;
1441         text-decoration:underline;
1442         background-color:white;
1443         border-radius: .5em .5em 0em 0em;
1444         -moz-border-radius: .5em .5em 0em 0em;
1445         padding: .2em 2em .2em;
1446
1447 }
1448
1449 ul#topnavlist li a.selected {
1450     /* The selected tab. There's only one of these */
1451         color: #555;
1452         font-weight: normal;
1453         border-radius:.5em;
1454         -moz-border-radius: .5em .5em 0em 0em;
1455         padding: .2em 2em .2em
1456 }
1457
1458 ol#tools>li:hover {
1459         border: 1px solid #e0e0e0;
1460         background-color: #efefef;
1461 }
1462
1463 /*  tool list on admin home and manage screens  */
1464  li.top-tool {
1465         list-style: none;
1466         padding: 2px 2px 2px 15px;
1467         margin-bottom: 5px;
1468         line-height: 200%;
1469         background-color: #fdfdfd;
1470         border-bottom: 1px solid #efefef;
1471         border: 1px solid #eeeeff;}
1472
1473 li.top-tool a {  font-weight: bold; }
1474
1475 li.child-tool a {
1476         font-size: x-small;
1477         font-weight: normal;
1478 }
1479
1480 ul.child-top-tool {
1481         margin-top: -5px;
1482         padding-left: 0px;
1483         margin-left: 0px;
1484         display: inline;
1485 }
1486 ul.child-top-tool:before {
1487         content: " : ";
1488 }
1489
1490 li.child-tool {
1491         display: inline;
1492         margin-right: 5px;
1493         font-size: x-small;
1494 }
1495
1496 /* to modify  tool icons on the course home page */
1497 /*
1498 #icon-color-filter{
1499         width:3.9em;
1500         height:3.85em;
1501         background-color:#000000;
1502         -moz-opacity:0.5;
1503           filter:alpha(opacity=10);
1504         opacity:.10;
1505         margin-top:-3.85em;
1506         margin-left:1.90em;
1507
1508 }
1509 */
1510 .img-size-home {
1511         height:3.85em;
1512         width:3.9em;
1513 }
1514
1515 /* browse courses */
1516 div.browse-course {
1517         width: 28em;
1518         padding-bottom: 10px;
1519         background-color: #fffaf0;
1520         border:1px #6F7172 solid;
1521         font-size:9pt;
1522         min-height:18em;
1523         margin:auto;
1524         margin-left:1em;
1525         margin-top:1em;
1526 }
1527
1528 dl.browse-course {
1529         width: 90%;
1530         padding-bottom: 10px;
1531         background-color: #fffaf0;
1532         margin:auto;
1533         margin-left:1em;
1534 }
1535 dl.browse-course dt {
1536         float: left;
1537         font-weight: bold;
1538         width: 25%;
1539         text-align: right;
1540         clear: left;
1541         padding: 5px 10px 5px 0px;
1542         vertical-align: middle;
1543 }
1544 dl.browse-course dd {
1545         margin-bottom: 5px;
1546         clear: right;
1547         padding: 5px 0px 5px 10px;
1548         margin-left: 26%;
1549
1550 }
1551 /*  form fields grouping for WCAG 2.0 conformance*/
1552 fieldset.group_form{
1553         width:90%;
1554         margin:.5em;
1555         border:1px #6D7B8D solid;
1556         min-height: 170px;
1557         padding:.5em;
1558 }
1559
1560 legend.group_form{
1561         border:1px #6D7B8D solid;
1562         background-color: #EEEEEE;
1563         font-weight: 600;
1564         color: black;
1565         padding-left: 1em;
1566         padding-right: 1em;
1567         border-radius:.2em;
1568         -moz-border-radius: .2em .2em .2em .2em;
1569 }
1570 /* file storage */
1571
1572 #fsfloat1{
1573         float:right;
1574 }
1575 #fsfloat2{
1576         float:right;
1577         width:48%;
1578 }
1579
1580
1581 /* highlight active links for WCAG 2.0 conformance */
1582 a:active,a:hover,a:focus{
1583         background-color:#F6EAD6;
1584         color:#000000;
1585 }
1586
1587
1588 /* menu align right layout, uncomment to enable */
1589
1590 /*
1591 h2.page-title {
1592     clear:left
1593 }
1594 h2, h3, h4, h5, h6 {
1595         clear: left;
1596 }
1597 #contentcolumn_shiftright {
1598     margin-right: 17em;
1599 margin-left:1em;
1600 margin-top:1em;
1601 }
1602 #leftcolumn{
1603     float: right;
1604 }
1605 #home-links{
1606 clear:left;
1607 }
1608 table.data {
1609         clear:left;
1610 }
1611 div#menutoggle{
1612         float: right;
1613 }
1614 #fsfloat2{
1615         float:left;
1616         width:48%;
1617 }
1618
1619 #fsfloat1{
1620         float:left;
1621 }
1622 */
1623
1624
1625 /*Added by Silvia */
1626 div.column_primary {
1627         float: left;
1628         width: 42%;
1629         margin: 5px;
1630         padding: 0px;
1631         min-width: 170px;
1632 }
1633
1634 div.column_equivalent{
1635         float: left;
1636         width: 52%;
1637         margin-left: 15px;
1638         margin-top: 5px;
1639         margin-right: 5px;
1640         margin-bottom: 5px;
1641         min-width: 170px;
1642         padding: 5px;
1643         border: 1px solid #EEE;
1644         background-color: #FFF;
1645 }
1646
1647 div.resource_box{
1648         border: 1px solid #aaa;
1649         width: 95%;
1650         margin: 5px;
1651         padding: 5px;
1652         min-width: 150px;
1653         background-color: #eee;
1654 }
1655
1656 h2.alternatives_to{
1657         margin-top: 12px;
1658         font-size: 90%;
1659         color: #A50707;
1660 }
1661
1662 div.alternative_box{
1663         border: 1px solid #ddd;
1664         margin: 5px;
1665         padding: 5px;
1666         min-width: 150px;
1667         background-color: #fff;
1668 }
1669
1670 div.alternative_box legend {
1671         color: #000;
1672 }
1673
1674 div.resource_box legend {
1675         color: #000;
1676 }
1677
1678 label.primary a{
1679         color: #A50707;
1680         font-weight: bolder;
1681         background-color: white;
1682 }
1683
1684 /* format of "table of contents" on content page */
1685 #toc a          { display:block; margin:3px; }
1686 #toc .h2                { padding:0 0 0 10px;}
1687 #toc .h3                { padding:0 0 0 30px;}
1688 #toc .h4                { padding:0 0 0 40px; }
1689 #toc .h5                { padding:0 0 0 50px; }
1690 #toc .h6                { padding:0 0 0 60px; }
1691
1692 fieldset#toc {
1693         background-color: #FEFDEF;
1694         border: 1pt solid #B8AE9C;
1695         width:50%;
1696 }
1697
1698 #side-menu{
1699          overflow:hidden;
1700          width:18em;
1701 }
1702
1703 /* cleans up glossary question mark line spacing*/
1704 sup{
1705         border: 1pt solid #B8AE9C;
1706         vertical-align:bottom;
1707         margin-top: 1em;
1708 }
1709
1710 /* jQuery tooltip styles */
1711 #tooltip{
1712         position:absolute;
1713         z-index:3000;
1714         border:3px solid #111;
1715         background-color:#eeeeee;
1716         padding:5px;
1717 }
1718 #tooltip h3,#tooltip div{
1719         margin:0;
1720 }
1721
1722 /* style for home page modules "detail view" */
1723
1724 div.home_box {
1725         width: 29em;
1726         height: 150px;
1727         padding-top: 15px;
1728         float: left;
1729 }
1730
1731 .outside_box{
1732         border:1px solid #cccccc;
1733         background: #eeeeee;
1734         padding:.2em;
1735         margin-left:.4em;
1736         width:28em;
1737         height:9.8em;
1738         border-radius:.5em;
1739         -moz-border-radius:.5em;
1740         padding:.2em;
1741 }
1742
1743 .inside_box{
1744         border:1px solid #cccccc;
1745         background: #ffffff;
1746         padding:.3em;
1747         width:95%;
1748         margin:auto;
1749         height:52%;
1750         margin-bottom:.2em;
1751         font-size:10pt;
1752         border-radius:.5em;
1753         -moz-border-radius:.5em;
1754         padding:.2em;
1755 }
1756 .details_or{
1757         width:28.8em;
1758         height:9.8em;
1759         margin:0;
1760 }
1761 .details_ol{
1762
1763         height:9.8em;
1764         margin:0px;
1765         width:.45em;
1766         background-position: top left;
1767         background-repeat:no-repeat;
1768 }
1769 .details_ir{
1770         width:.5em;
1771         height:100%;
1772         float:right;
1773 }
1774 .details_il{
1775         height:100%;
1776         float:left;
1777 }
1778 .home-title{
1779         font-size:10pt;
1780         font-weight:bold;
1781 }
1782 .buttonbox{
1783         float:right;
1784 }
1785 .details_text{
1786         margin-left:1em;
1787 }
1788 .draggable_selected {
1789         background-color: transparent;
1790         cursor: move;
1791 }
1792
1793 div#subnavlistcontainer {
1794         width:95%;
1795         margin:auto;
1796         height:auto;
1797
1798 }
1799 div#subnavbacktopage {
1800         padding-top:5px;
1801         padding-left:20px;
1802         float:left;
1803 }
1804
1805 div.toolcontainer{
1806         width:95%;
1807         margin:auto;
1808         border:1px solid #e8e8e8;
1809         padding-top:1em;
1810         padding-bottom:1em;
1811         border-radius:.5em;
1812         -moz-border-radius: .5em .5em .5em .5em;
1813 }
1814
1815 ul#subnavlist {
1816         padding-top: 5px;
1817         margin-top: 0px;
1818         font-family: Verdana,Helvetica,Arial,serif;
1819         margin-bottom:-.1em;
1820
1821 }
1822
1823 ul#subnavlist li {
1824         background-color: #FFFFFF;
1825         list-style: none;
1826         display: inline-block;
1827         font-weight:700;
1828         text-align:center;
1829         border:1px solid #cccccc;
1830
1831         border-radius: .3em .3em 0em 0em;
1832         -moz-border-radius: .3em .3em 0em 0em;
1833         padding: .1em .5em .1em .5em ;
1834 }
1835
1836 ul#subnavlist li a:hover, ul#subnavlist li a:focus, ul#subnavlist li.active, ul#subnavlist li:hover{
1837         color: black;
1838         text-decoration:none;
1839         background-color: #E6E6E6;
1840 }
1841
1842 ul#subnavlist li a {
1843     /* The normal, unselected tabs. They are all links */
1844         color: #555;
1845         height: 1.5em;
1846         text-decoration:underline;
1847         font-weight:500;
1848 }
1849
1850 div.menuedit{
1851         float:right;
1852         margin-top:-1.2em;
1853         border:1px solid #cccccc;
1854 }
1855 /* NEW IN ATUTOR 2.0 */
1856 /* alternate colours in the My Course list */
1857 tr.even {
1858     background-color: #F7F3ED;
1859 }
1860
1861 tr.odd {
1862     background-color: transparent;
1863 }
1864
1865 /* Content editor wrapper div */
1866 .editor_wrapper{
1867         border:1px solid #cccccc;
1868         border-radius:.5em;
1869         -moz-border-radius: .5em .5em .5em .5em;
1870         padding: .1em .5em .1em .5em ;
1871 }
1872 /* Content editor tabs */
1873 .editor_buttontab {
1874         color:#555;
1875         font-size:10pt;
1876         white-space: nowrap;
1877         background-color: #FFFDE0;
1878         margin: 0px;
1879         border:0;
1880         font-weight:500;
1881         text-align:center;
1882         padding:0em 0em 0em;
1883         border-radius:.3em;
1884         -moz-border-radius: .3em .3em .3em .3em;
1885
1886 }
1887 .editor_tab{
1888         border-top: 1px solid #cccccc;
1889         border-left: 1px solid #cccccc;
1890         border-right: 1px solid #cccccc;
1891         border-bottom:0;
1892         margin-bottom:.5em;
1893         text-align: center;
1894         white-space: nowrap;
1895         width:13%;
1896         padding:0;
1897         background-color: #FFFDE0;
1898         border-radius:.3em;
1899         -moz-border-radius: .3em .3em 0em 0em;
1900         padding: 0em .2em 0em .2em ;
1901 }
1902 .editor_tab_selected{
1903         border-top: 1px solid #cccccc;
1904         border-left: 1px solid #cccccc;
1905         border-right: 1px solid #cccccc;
1906         border-bottom:0;
1907         padding-left: 3px;
1908         padding-right: 3px;
1909         background-color: #eeeeee;
1910         margin: 0px;
1911         font-weight:bold;
1912         text-align:center;
1913         padding:1em 1em 1em;
1914         white-space: nowrap;
1915         text-decoration:none;
1916         width:15%;
1917         padding:0em 0em 0em;
1918         border-radius:.3em;
1919         -moz-border-radius: .3em .3em 0em 0em;
1920 }
1921
1922 /* 1pxgs current box on My Start */
1923 .current_box{
1924 float:left;
1925 margin-left:1em;
1926         width:30%;
1927         padding:.5em;
1928         border: 1px solid #cccccc;
1929         border-radius:.5em;
1930         -moz-border-radius: .5em .5em .5em .5em;
1931 }
1932
1933 ul.current_list{
1934       line-height:2em;
1935       list-style-type:none;
1936       margin-left:-3em;
1937 }
1938 .current_list img{
1939       vertical-align:middle;
1940
1941 }
1942 .logoutbar{
1943       background-color:#E6E6E6;
1944       font-size:0.85em;
1945       padding-top: 5px;
1946       border-bottom:1px solid #cccccc;
1947       height:2em;
1948       text-align:right;
1949       padding-right:1em;
1950 }
1951
1952 select {
1953       margin-left: .2em;
1954       background-color:#eeeeee;
1955 border: 1px solid #cccccc;
1956
1957       padding-right:.1em;
1958 }
1959
1960 /* Preference Editor tabs */
1961 /* Preferences tabs */
1962 table.etabbed-table     {
1963         float:left;
1964         padding-left:5em;
1965         font-size:10pt;
1966
1967
1968 }
1969 .prefs-tab-spacer {
1970         background-color: transparent;
1971         width: 5px;
1972 }
1973 .prefs_buttontab {
1974         color:#555;
1975         font-size:10pt;
1976         white-space: nowrap;
1977         background-color: #ffffff;
1978         margin: 0px;
1979         border:0;
1980         font-weight:500;
1981         padding:0em 0em 0em;
1982         border-radius:.3em;
1983         -moz-border-radius: .3em .3em .3em .3em;
1984
1985 }
1986 .prefs_tab{
1987         border-top: 1px solid #cccccc;
1988         border-left: 1px solid #cccccc;
1989         border-right: 1px solid #cccccc;
1990         text-align: center;
1991         white-space: nowrap;
1992         margin-left:2em;
1993         background-color: #FFFFFF;
1994         border-radius:.3em;
1995         -moz-border-radius: .3em .3em 0em 0em;
1996         padding: 0em .2em 0em .2em ;
1997         }
1998
1999 .prefs_buttontab:hover, .prefs_tab:hover {
2000         background-color: #eeeeee;
2001 }
2002 .prefs_tab_selected{
2003         border-top: 1px solid #cccccc;
2004         border-left: 1px solid #cccccc;
2005         border-right: 1px solid #cccccc;
2006         border-bottom:0;
2007         background-color: #eeeeee;
2008         margin: 0px;
2009         font-weight:bold;
2010         text-align:center;
2011         padding: 0em .2em 0em .2em ;
2012         white-space: nowrap;
2013         text-decoration:none;
2014         border-radius:.3em;
2015         -moz-border-radius: .3em .3em 0em 0em;
2016 }
2017
2018 .admin_container{
2019         border:1px solid #cccccc;
2020         border-radius:.5em;
2021         -moz-border-radius:.5em;
2022
2023 }
2024
2025 .wizscreen{
2026         background-color:#ffffff;
2027         padding:2em;
2028         line-height:2em;
2029 }
2030
2031 .wizscreen > legend{
2032         padding-left:2em;
2033         padding-right:2em;
2034         border:1px solid black;
2035         background-color:#ffffff;
2036         color:#0000FF;
2037         font-weight:bold;
2038 }
2039
2040 .navlist{
2041         list-style: none;
2042         display: inline;
2043 }
2044 .crumbcontainer{
2045         padding:0;
2046         width:100%;
2047         height:2.5em;
2048 }