themes/greenmin/styles.css

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