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