themes/fluid/styles.css

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