docs/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         background-color: white;
   8 }
   9
  10 p {
  11         margin: 0.5em 0em 1em 0em;
  12         text-align: justify;
  13         line-height: 150%;
  14         font-size: 0.9em;
  15 }
  16
  17 p a {
  18         text-decoration: underline;
  19 }
  20
  21 p a:visited {
  22         color: Purple;
  23         background-color: transparent;
  24 }
  25
  26 p a:active {
  27         color: Red;
  28         background-color: transparent;
  29 }
  30
  31 h1, h2, h3, h4, h5, h6 {
  32         color: Black;
  33         clear: left;
  34         clear:right;
  35         font: 100% Verdana, Helvetica, Arial, sans-serif;
  36         margin: 0;
  37         padding-top: 0.5em;
  38         /*border-bottom: 1px solid #57945A;*/
  39 }
  40
  41 h1 {
  42         font-size: 160%;
  43 }
  44
  45 h2 {
  46         font-size: 150%;
  47 }
  48
  49 h3 {
  50         font-size: 130%;
  51 }
  52
  53 h4 {
  54         font-size: 120%;
  55 }
  56
  57 h5 {
  58         font-size: 100%;
  59 }
  60
  61 textarea {
  62         border: 1px solid #57945A;
  63         color: Black;
  64         background-color: white;
  65         width: 88%;
  66         padding: 0.1em;
  67     }
  68
  69 /*  Table of content attributes*/
  70 p.toc{
  71         background-color: #eeeeee;
  72         padding: .6em;
  73         margin-bottom: .6em;
  74         margin-top: 0em;
  75         margin-left: 1em;
  76         margin-right: 3em;
  77         border: 1px #88A283 solid;
  78 }
  79
  80 /* list attributes */
  81 ul {
  82         margin-bottom: 0px;
  83         margin-top: 0px;
  84         margin-right: 0px;
  85 }
  86
  87 li {
  88
  89         margin-bottom: 0px;
  90         margin-top: 0px;
  91         margin-right: 0px;
  92 }
  93
  94 li.folders {
  95         list-style: disc url(../../images/folder.gif) outside;
  96         margin-bottom: 0px;
  97         margin-top: 0px;
  98         margin-right: 0px;
  99 }
 100
 101 li.folders .disabled {
 102         color: #AAAAAA;
 103 }
 104
 105 /* link attributes */
 106 a:link {
 107         color: #296542;
 108         text-decoration: none;
 109 }
 110 a:visited {
 111         color: #296542;
 112         text-decoration: none;
 113 }
 114 a:hover {
 115         color: black;
 116         text-decoration: none;
 117 }
 118
 119 .formfieldR {
 120         color: black;
 121         border-top:  #003399  solid 1px;
 122         border-bottom: #003399 solid 1px;
 123         border-right: #003399 solid 1px;
 124         border-left: #003399 solid 1px;
 125         text-align: right;
 126         padding: 2px;
 127 }
 128
 129 /* align text to the left */
 130 .left {
 131         text-align: left;
 132 }
 133
 134 a.dropdown-title {
 135         color: white;
 136         font-weight: normal;
 137         text-decoration: none;
 138 }
 139
 140
 141 /* table border */
 142 .tableborder {
 143         border: 1px #606060 solid;
 144 }
 145
 146 /* main submit button */
 147 .button {
 148         background-color: #DEECE2;
 149         font-weight: normal;
 150         border-top:  #348265  solid 1px;
 151         border-bottom: #348265 solid 1px;
 152         border-right: #348265 solid 1px;
 153         border-left: #348265 solid 1px;
 154 }
 155
 156 /* small submit button at top */
 157 .button2 {
 158         background-color: #DEECE2;
 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 /* date attributes */
 166 small.date {
 167         color: #57945A;
 168         margin-bottom: 0px;
 169         margin-top: 0px;
 170         margin-left: 5px;
 171         margin-right: 0px;
 172         font-size:small;
 173 }
 174
 175 /* page breakline */
 176 hr {
 177         color: #88A283;
 178         background-color: white;
 179         height: 1px;
 180 }
 181
 182 /* message box styles */
 183
 184 /* Editor box small */
 185 .editorsmallbox {
 186         background-color: #EEEEEE;
 187         padding: 2px;
 188         padding-right: 3px;
 189         border: 1px #ABC180 solid;
 190 }
 191
 192 /* Editor box large */
 193 .editorlargebox {
 194         background-color: #EEEEEE;
 195         margin-left:1em;
 196         padding-left: .2em;
 197         padding-right: .5em;
 198         padding-top: .5em;
 199         padding-bottom: .4em;
 200         border: 1px #ABC180 solid;
 201 }
 202
 203
 204 select.dropdown {
 205         background-color: #F1F3F1;
 206 }
 207
 208 .highlight, a.highlight {
 209         background-color: yellow;
 210 }
 211
 212 a .highlight{
 213         background-color: yellow;
 214         text-decoration: underline;
 215 }
 216
 217 .center {
 218         text-align: center;
 219 }
 220
 221
 222 /* edit content tabs */
 223 .buttontab {
 224         background-color: #ffffff;
 225         font-weight: bold;
 226         border: 0px;
 227         padding-left: 0px;
 228         color: #779172;
 229 }
 230
 231 .etab {
 232         color: black;
 233         background-color: #ffffff;
 234         border-top: 1px #88A283 solid;
 235         border-left: 1px #88A283 solid;
 236         border-right: 1px #88A283 solid;
 237         text-decoration: none;
 238         text-align: center;
 239         font-weight: bold;
 240 }
 241
 242 .etab a:link, .etab a:visited {
 243         color: black;
 244         text-decoration: none;
 245 }
 246 .etab a:hover {
 247         color: black;
 248         text-decoration: underline;
 249 }
 250 .etabself {
 251         background-color: #EFEFEF;
 252         border-top: 1px #88A283 solid;
 253         border-left: 1px  #88A283 solid;
 254         border-right: 1px #88A283 solid;
 255         text-align: center;
 256         font-weight: bold;
 257         padding: 2px;
 258 }
 259 .unsaved {
 260         color: red;
 261         background-color: #FFFDE0;
 262         margin: 10px;
 263         font-weight: bold;
 264 }
 265 .saved {
 266         background-color: #FFFDE0;
 267         margin: 10px;
 268 }
 269
 270
 271
 272 /* the side menu */
 273 /* the side menu heading */
 274 td.dropdown-heading {
 275         background-color: #DBFDD4;
 276         color: #099015;
 277         border-left: 1px solid #ECFEEA;
 278         border-right: 1px solid #ECFEEA;
 279         border-top: 1px solid #ECFEEA;
 280         font-weight: bold;
 281         padding: 2px;
 282 }
 283
 284 td.dropdown-heading a, td.dropdown-heading a:hover, td.dropdown-heading a:visited {
 285         text-decoration: none;
 286 }
 287
 288 td.dropdown-heading.closed {
 289         border-bottom: 1px solid #ECFEEA;
 290 }
 291
 292 /* the side menu content */
 293 td.dropdown {
 294         padding: 2px;
 295         background-color: white;
 296         color: black;
 297         border-left: 1px solid #ECFEEA;
 298         border-right: 1px solid #ECFEEA;
 299         border-bottom: 1px solid #ECFEEA;
 300         font-weight: normal;
 301 }
 302 td.dropdown a, td.dropdown a:visited  {
 303         color: #099015;
 304         text-decoration: none;
 305 }
 306 td.dropdown a:hover {
 307         color: #099015;
 308         text-decoration: underline;
 309 }
 310 td.dropdown.cell {
 311         border-bottom: 0px;
 312 }
 313 td.dropdown strong {
 314         color: #2A6C28;
 315 }
 316
 317 /* added for 1.4.2: */
 318 .results {
 319         padding-left: 20px;
 320 }
 321
 322 h5.search-results {
 323         background-color: #FFF5A4;
 324         color: #099015;
 325         padding: 1px;
 326         margin-bottom: 5px;
 327         margin-top: 10px;
 328         margin-left: 5px;
 329 }
 330
 331 small.search-info {
 332         color: #099015;
 333 }
 334
 335 p.search-description {
 336         background-color: #FFFCE5;
 337         color: #099015;
 338 }
 339
 340 .test-box {
 341         background-color: #FFF5A4;
 342         color: #099015;
 343         border-left: 1px solid #099015;
 344         border-right: 1px solid #099015;
 345         border-top: 1px solid #099015;
 346         font-weight: bold;
 347         padding: 2px;
 348 }
 349
 350 table.tabbed-table {
 351         width: 100%;
 352 }
 353 table.tabbed-table th#left-empty-tab {
 354         background-color: transparent;
 355         width: 15px;
 356         border-bottom: 1px solid #9DAB9A;
 357 }
 358 table.tabbed-table th#right-empty-tab {
 359         text-align: right;
 360         background-color: transparent;
 361         border-bottom: 1px solid #9DAB9A;
 362         width: 400px;
 363         padding-right: 5px;
 364 }
 365 table.tabbed-table th#right-empty-tab a {
 366         text-decoration: underline;
 367 }
 368 table.tabbed-table th.tab-spacer {
 369         background-color: transparent;
 370         width: 5px;
 371         border-bottom: 1px solid #9DAB9A;
 372 }
 373
 374 table.tabbed-table th.tab {
 375         padding-top: 2px;
 376         padding-bottom: 2px;
 377         width: 110px;
 378         background-color: #C9CEA4;
 379         border-bottom: 1px solid #9DAB9A;
 380         border-left: 1px solid #9DAB9A;
 381         border-top: 1px solid #9DAB9A;
 382         border-right: 1px solid #9DAB9A;
 383 }
 384 table.tabbed-table th.tab:hover {
 385         background-color: #DFE1C7;
 386 }
 387
 388 table.tabbed-table th.tab a:focus {
 389         color: white;
 390 }
 391 table.tabbed-table th.selected {
 392         padding-top: 2px;
 393         padding-bottom: 2px;
 394         width: 110px;
 395         background-color: #DFE1C7;
 396         border-left: 1px solid #9DAB9A;
 397         border-top: 1px solid #9DAB9A;
 398         border-right: 1px solid #9DAB9A;
 399 }
 400
 401 table.tabbed-table a, table.tabbed-table a:visited, table.tabbed-table a:hover {
 402         color: black;
 403         text-decoration: none;
 404 }
 405
 406 a#my-start-page {
 407         padding: 2px;
 408         padding-left: 15px;
 409         background-image: url(http://www.gris.uni-tuebingen.de/images/start.gif);
 410         background-repeat: no-repeat;
 411         background-position: 2px 5px;
 412 }
 413
 414 a#back-to {
 415         padding-left: 20px;
 416         background-image: url(images/back.gif);
 417         background-repeat: no-repeat;
 418         background-position: 0px 0px;
 419 }
 420
 421 div#breadcrumbs {
 422     /* The path bar, including breadcrumbs and add to favorites */
 423         border-bottom-color: #57945A;
 424         border-bottom-style: solid;
 425         border-bottom-width: 1px;
 426         padding-left: 3px;
 427         text-transform: lowercase;
 428         font-size:0.85em;
 429         padding-bottom: 1px;
 430         padding-top: 1px;
 431 }
 432 h2.page-title {
 433         margin-bottom: 10px;
 434         margin-top: 10px;
 435         margin-left: 5px;
 436         border-bottom: 1px solid #f0f0f0;
 437         clear: left;
 438 }
 439
 440 h1 {
 441         margin-bottom: 5px;
 442 }
 443
 444 div#sub-navigation {
 445         padding: 3px;
 446         background-color: #DEECE2;
 447         border-bottom: 1px solid #9DAB9A;
 448         color: #9DAB9A;
 449     text-transform: lowercase;
 450         font-size:0.85em;
 451 }
 452
 453 div#sub-navigation strong {
 454         color: black;
 455 }
 456
 457 div#help {
 458         border-left: 1px solid black;
 459         border-right: 1px solid black;
 460         border-bottom: 1px solid black;
 461         padding-left: 5px;
 462         padding-right: 5px;
 463         padding-bottom: 5px;
 464         background-color: #efefef;
 465         margin-left: 5px;
 466         margin-right: 5px;
 467         font-size: small;
 468 }
 469
 470 h3#help-title {
 471         margin-left: 5px;
 472         margin-right: 5px;
 473         border-left: 1px solid black;
 474         border-right: 1px solid black;
 475         padding: 1px;
 476         background-color: #efefef;
 477 }
 478 .line {
 479         border-bottom: 1px solid black;
 480 }
 481 div#help p {
 482         padding: 0px;
 483         margin: 0px;
 484 }
 485
 486 div#toctoggle {
 487         float: left;
 488         font-size: smaller;
 489         padding-left: 10px;
 490 }
 491
 492 h1#section-title {
 493         float: left;
 494         margin-left: 5px;
 495 }
 496
 497 div#top-links {
 498         padding-right: 5px;
 499         line-height: 170%;
 500         margin-top: 3px;
 501         font-size:0.85em;
 502         text-transform: lowercase;
 503
 504 }
 505
 506 a#editor-link {
 507         background-color: #EFEFEF;
 508         padding-top: 1px;
 509         padding-bottom: 1px;
 510         padding-left: 15px;
 511         padding-right: 8px;
 512         border: 1px solid #cccccc;
 513         font-weight: normal;
 514         text-decoration: none;
 515 }
 516
 517 a#editor-link:hover {
 518         background-color: #fafafa;
 519         border: 1px solid #aaaaaa;
 520 }
 521
 522 a#editor-link.off {
 523         background-image: url(images/pen.gif);
 524         background-repeat: no-repeat;
 525         background-position: 0px 2px;
 526 }
 527 a#editor-link.on {
 528         background-image: url(images/pen2.gif);
 529         background-repeat: no-repeat;
 530         background-position: 0px 2px;
 531 }
 532
 533
 534 /* for data tables */
 535 table.data {
 536         clear:right;
 537         border: 1px solid #f0f0f0;
 538         width: 80%;
 539         margin-left: auto;
 540         margin-right: auto;
 541         border-spacing: 0px;
 542         border-collapse: collapse;
 543 }
 544
 545 table.data th {
 546         background-color:#DEECE2;
 547         padding: 3px;
 548         white-space: nowrap;
 549 }
 550
 551 table.data th a {
 552         color: black;
 553         padding-right: 15px;
 554         margin-right: 15px;
 555         background-image: url('../default/images/sort.png');
 556         background-repeat: no-repeat;
 557         background-position: right;
 558         text-decoration:none;
 559 }
 560
 561 table.data tbody {
 562         background-color: #fdfdfd;
 563 }
 564
 565 table.data tbody th {
 566         text-align: left;
 567         background-color: #fdfdfd;
 568         cursor: auto;
 569 }
 570
 571 table.data td {
 572         padding: 3px;
 573 }
 574
 575 table.data tbody tr:hover {
 576         background-color: #F5FDFF;
 577         cursor: pointer;
 578 }
 579
 580 table.data tbody tr.selected {
 581         background-color: #F5FDFF;
 582         cursor: auto;
 583 }
 584
 585 table.data tfoot {
 586         background-color: #fafafa;
 587 }
 588
 589 table.data tfoot tr:first-child td {
 590         padding: 5px;
 591         background-image: url('images/arrow_ltr.gif');
 592         background-repeat: no-repeat;
 593         background-position: 4px 5px;
 594         padding-left: 40px;
 595 }
 596
 597 table.data.static tfoot td, table.data.static tfoot tr:first-child td {
 598         padding: 5px;
 599         background-image: none;
 600         padding-left: 0px;
 601 }
 602
 603 table.data tfoot input {
 604         border: 1px solid #999;
 605         background-color: white;
 606         padding: 2px;
 607         padding-left: 10px;
 608         padding-right: 10px;
 609         max-width: 60%;
 610         min-width: 100px;
 611         margin-left: 5px;
 612 }
 613
 614 /* used for static tables with no form elements: */
 615 table.data.static tbody tr:hover {
 616         background-color: transparent;
 617         cursor: auto;
 618 }
 619
 620 table.data tfoot input[type=submit]:hover {
 621         background-color: #F5FDFF;
 622 }
 623
 624 /* course browser: */
 625
 626 div#browse {
 627         margin-left: auto;
 628         margin-right: auto;
 629         width: 80%;
 630 }
 631
 632 div.browse-selected {
 633         background-image: url('images/side_arrow.gif');
 634         background-repeat: no-repeat;
 635         padding-left: 9px;
 636         background-position: center left;
 637 }
 638
 639 div.browse-unselected {
 640         padding-left: 9px;
 641 }
 642
 643 ul.browse-list {
 644         list-style: none;
 645         padding:0px;
 646 }
 647 /* browse courses */
 648 dl.browse-course {
 649         width: 100%;
 650         padding-bottom: 25px;
 651         background-color: #fffaf0;
 652         border:1px #9DAB9A solid;
 653         width:75%;
 654         margin:auto;
 655         margin-left:15em;
 656         margin-bottom:1em;
 657 }
 658 dl.browse-course dt {
 659         float: left;
 660         font-weight: bold;
 661         width: 25%;
 662         text-align: right;
 663         padding: 5px 10px 5px 0px;
 664         vertical-align: middle;
 665 }
 666 dl.browse-course dd {
 667         margin-bottom: 5px;
 668         padding: 5px 0px 5px 10px;
 669         margin-left: 26%;
 670
 671 }
 672 img.headicon {
 673         float:  left;
 674         margin-top:1.2em;
 675         margin-right:.5em;
 676         height:6.45em;
 677         width:6.45em;
 678         vertical-align:top;
 679         border:1px solid white;
 680 }
 681
 682 /* feedback /errors */
 683 div#error {
 684         width: 50%;
 685         margin-left: auto;
 686         margin-right: auto;
 687         margin-top: 15px;
 688         margin-bottom: 15px;
 689         border: 1px solid red;
 690         padding: 5px;
 691         background-color: #fffcf3;
 692         color: red;
 693         background: #FBF4ED url(images/error-large.gif) no-repeat scroll 5px 5px;
 694         padding-left: 25px;
 695         font-weight: bold;
 696 }
 697 div#error h4 {
 698         color: black;
 699         margin-left: 0px;
 700 }
 701
 702 div#error ul, div#feedback ul, div#help ul {
 703         position: relative;
 704         list-style: none;
 705         margin-left: 0px;
 706         padding-left: 0px;
 707 }
 708
 709 div#feedback {
 710         width: 50%;
 711         margin-left: auto;
 712         margin-right: auto;
 713         margin-top: 15px;
 714         margin-bottom: 15px;
 715         border: 1px solid green;
 716         padding: 5px;
 717         background-color: #EAFFC3;
 718         color: green;
 719         font-weight: bold;
 720 }
 721
 722 div#help {
 723         width: 50%;
 724         margin-left: auto;
 725         margin-right: auto;
 726         margin-top: 15px;
 727         margin-bottom: 15px;
 728         border: 1px solid blue;
 729         padding: 5px;
 730         background-color: #EBFFC3;
 731         color: blue;
 732 }
 733
 734 div#info {
 735         width: 50%;
 736         margin-left: auto;
 737         margin-right: auto;
 738         margin-top: 15px;
 739         margin-bottom: 15px;
 740         border: 1px solid #099D3F;
 741         padding: 5px;
 742         background-color: #DAE8D7;
 743         color: #099D3F;
 744         font-weight: bold;
 745 }
 746
 747 div#warning {
 748         width: 50%;
 749         margin-left: auto;
 750         margin-right: auto;
 751         margin-top: 15px;
 752         margin-bottom: 15px;
 753         border: 1px solid #FF8400;
 754         padding: 5px;
 755         background-color: #FFF6ED;
 756         color: #D95900;
 757         font-weight: bold;
 758 }
 759 acronym {
 760         cursor: help;
 761 }
 762
 763 div.news p {
 764         margin-left: 10px;
 765 }
 766 div.news span.date {
 767         color: #57945A;
 768         font-size:smaller;
 769 }
 770
 771 /* home page links */
 772 div.home-link {
 773         padding: 2px;
 774         float: left;
 775         text-align: center;
 776         margin: 2px;
 777         width: 120px;
 778         height: 90px;
 779 }
 780 div.home-link:hover {
 781         padding: 1px;
 782         background-color: #efefef;
 783         border: 1px solid #afafaf;
 784         float: left;
 785         text-align: center;
 786         margin: 2px;
 787 }
 788 div.home-link a {
 789         text-decoration: none;
 790         font-weight: bold;
 791 }
 792
 793 div.home-link img {
 794         border: 0px;
 795 }
 796
 797 /* sequence links */
 798 div.sequence-links {
 799         float: right;
 800         margin-top: 10px;
 801         padding-right: 5px;
 802         font-size: smaller;
 803 }
 804 div.sequence-links a {
 805         text-decoration: none;
 806 }
 807
 808 div.dropdown {
 809         width: 200px;
 810         padding: 2px;
 811         background-color: white;
 812         color: black;
 813         border-left: 1px solid #ECFEEA;
 814         border-right: 1px solid #ECFEEA;
 815         border-bottom: 1px solid #ECFEEA;
 816         font-weight: normal;
 817 }
 818
 819 div.dropdown-heading {
 820         background-color: #DFE1C7;
 821         color: #099015;
 822         border-left: 1px solid #ECFEEA;
 823         border-right: 1px solid #ECFEEA;
 824         border-top: 1px solid #ECFEEA;
 825         font-weight: bold;
 826         padding: 2px;
 827 }
 828
 829 div.required {
 830         font-weight: bold;
 831         color: red;
 832         font-size: large;
 833         float: left;
 834         position: relative;
 835         margin-top: -5px;
 836         height: 15px;
 837         padding-right: 2px;
 838 }
 839
 840 div#content_text {
 841         margin-left: 5px;
 842 }
 843
 844 form {
 845         clear: none;
 846         display:inline;
 847 }
 848 #jump-button {
 849         padding-left: 9px;
 850         padding-right: 2px;
 851         background: White url('images/linkTransparent.gif') 3px 2px no-repeat;
 852         border: 1px solid #57945A;
 853         cursor: pointer;
 854         text-transform: lowercase;
 855         font-size:0.85em;
 856 }
 857 #jumpmenu {
 858         font-size: smaller;
 859 }
 860
 861 optgroup {
 862         font-size: small;
 863 }
 864
 865 /* packing */
 866 div.paging {
 867         width: 100%;
 868         text-align: center;
 869         margin: 0.5em auto;
 870 }
 871 div.paging ul {
 872         list-style: none;
 873         display: inline;
 874         padding: 0px;
 875         border: 1px solid #000;
 876 }
 877 div.paging li {
 878         display: inline;
 879         padding-left: 2px;
 880         padding-right: 2px;
 881         padding-top: 0px;
 882         padding-bottom: 0px;
 883 }
 884
 885 div.paging li a {
 886         text-decoration: none;
 887         padding-left: 4px;
 888         padding-right: 4px;
 889         border-left: 1px solid white;
 890         border-right: 1px solid white;
 891 }
 892
 893 div.paging li a:hover, div.paging li a.current {
 894         background-color: #efefef;
 895         border-left: 1px solid #000;
 896         border-right: 1px solid #000;
 897 }
 898
 899 /*plone*/
 900
 901 div.top {
 902     /* Top space */
 903         background: transparent;
 904         margin: 0;
 905         padding: 0;
 906         padding-top:9px;
 907 }
 908 div.tabs {
 909     /* Navigational Plone Tabs(tm), implemented by customizing the a tag - they are surprisingly elegant. The power of CSS runs strong in these :) */
 910         background: transparent;
 911         border-collapse: collapse;
 912         border-bottom: 1px solid #57945A;
 913         padding: 0.5em 0em 0em 2em;
 914         white-space: nowrap;
 915         font-size:0.85em;
 916 }
 917
 918 div.tabs a {
 919     /* The normal, unselected tabs. They are all links */
 920         background: transparent;
 921         border-color: #57945A;
 922         border-width: 1px;
 923         border-style: solid solid none solid;
 924         color: #4F7643;
 925         height: 1.2em;
 926         margin-right: 0.5em;
 927         padding: 0em 2em 0em;
 928         text-transform: lowercase;
 929 }
 930
 931 div.tabs a.selected {
 932     /* The selected tab. There's only one of this */
 933         background: #DEECE2;
 934         border-bottom: #DEECE2 1px solid;
 935         color: #4F7643;
 936         font-weight: normal;
 937 }
 938
 939 div.tabs a:hover, div.tabs a.active {
 940         background: #DEECE2;
 941         border-bottom: 1px solid #DEECE2;
 942         color: #4F7643;
 943 }
 944
 945
 946 h2.box {
 947         background-color: #DEECE2;
 948         color: black;
 949         border: 1px solid #57945A;
 950         padding: 2px;
 951       text-transform: lowercase;
 952         font-size: 0.85em;
 953 }
 954
 955 div.box {
 956         padding: 2px;
 957         background-color: white;
 958         color: black;
 959         border-left: 1px solid #57945A;
 960         border-right: 1px solid #57945A;
 961         border-bottom: 1px solid #57945A;
 962         font-weight: normal;
 963         font-size: 0.85em;
 964 }
 965 .fl-force-right{
 966         float:right;
 967 }
 968 h5.box {
 969         background: #DEECE2;
 970         border: 1px solid #57945A;
 971         border-style: solid solid none solid;
 972         color: Black;
 973         padding: 0em 1em 0em 1em;
 974         text-transform: lowercase;
 975         display: inline;
 976         font-size: 0.85em;
 977         height: 1em;
 978 }
 979
 980 div.box a:link {
 981         text-decoration: none;
 982 }
 983
 984 div.box a:visited {
 985         color: #2A6C28;
 986         text-decoration: none;
 987 }
 988
 989 div.box a:hover {
 990         text-decoration: underline;
 991 }
 992
 993 .boxDetails {
 994     text-align: right;
 995 }
 996
 997 div.box .content {
 998     padding: 1em;
 999     font-size: 0.85em;
1000 }
1001
1002 div.box a.close {
1003     float: right;
1004     text-transform: none;
1005     border-left: 1pt solid #57945A;
1006     padding: 0em 0.2em;
1007 }
1008
1009 div.box h1,
1010 div.box h2,
1011 div.box h3,
1012 div.box h4 {
1013     margin: 0;
1014     padding: 0;
1015 }
1016
1017 div.box .even {
1018     background-color: #F7FAF7;
1019 }
1020
1021 div.box .odd {
1022     background-color: transparent;
1023 }
1024
1025 div.box input {
1026     font-size: 100%;
1027 }
1028
1029 /* users/index.php */
1030
1031 div.course {
1032         position: relative;
1033         width: 30em;
1034         height: 10.5em;
1035         border: rgb(204, 204, 204) 1px solid;
1036         background-color: white;
1037         float: left;
1038         margin: 3px;
1039         padding: 3px;
1040         font-size:0.85em;
1041 }
1042
1043 div.course.break {
1044         clear: left;
1045 }
1046
1047 div.course h2 {
1048         border: 0px;
1049         font-weight: normal;
1050         font-size: large;
1051
1052 }
1053
1054 div.course:hover {
1055         background-color:#D1EDD9;
1056         border: #AAAAAA 1px solid;
1057 }
1058
1059 div.course a {
1060         text-decoration: none;
1061 }
1062
1063 div.course:hover a {
1064         color: #099015;
1065 }
1066
1067 div.course a:hover {
1068         color: #000000;
1069 }
1070
1071 div.course p {
1072         font-size: 0.95em;
1073 }
1074
1075 div.course p a {
1076         font-weight: bold;
1077 }
1078
1079 div.course img.icon     {
1080         float: left;
1081         margin: 2px;
1082         height:6.8em;
1083         width:6.8em;
1084 }
1085
1086 div.course div.shortcuts {
1087         text-align: right;
1088         clear: left;
1089         vertical-align: middle;
1090 }
1091
1092 fieldset#shortcuts {
1093         float: right;
1094         background-color: #FAFAFA;
1095         border: 1pt solid #AAAAAA;
1096         margin: -5pt 5pt 5pt 5pt;
1097         padding-right: 10pt;
1098         padding-bottom: 5pt;
1099         padding-left: 10pt;
1100 }
1101
1102 legend {
1103         padding-right: 10pt;
1104         padding-left: 10pt;
1105 }
1106
1107 fieldset {
1108         margin-bottom: 10pt;
1109 }
1110 #shortcuts legend {
1111         color: orange;
1112         background-color: white;
1113 }
1114 #shortcuts ul {
1115         position: relative;
1116         margin-top: 0pt;
1117         margin-bottom: 0pt;
1118         margin-left: 0pt;
1119         list-style-type:  none;
1120         padding-left: 0pt;
1121 }
1122
1123 a#guide {
1124         background-image: url('../default/images/help.png');
1125         background-repeat: no-repeat;
1126         background-position: 2px 2px;
1127         padding: 3px 10px 5px 30px;
1128         text-decoration:none;
1129         font-size:0.85em;
1130         float:right;
1131 }
1132 div#guide_box{
1133         background-color:#DEECE2;
1134         border-left:thin solid #cccccc;
1135         border-right:thin solid #cccccc;
1136         border-bottom:thin solid #cccccc;
1137         border-radius: 0em 0em .5em .5em;;
1138         -moz-border-radius: 0em 0em .5em .5em;
1139         -moz-box-shadow:.1em .1em .2em #999999;
1140         box-shadow: .1em .1em .2em #999999;
1141         float:right;
1142         margin-right:2em;
1143         padding-left:.1em;
1144 }
1145 div#content-text {
1146         padding-right: 5pt;
1147         line-height:150%;
1148 }
1149
1150 div#content-text li {
1151         margin-left: 15pt;
1152 }
1153
1154 div#content-test {
1155         float: left;
1156         margin-top: 2em;
1157         padding-right: 5pt;
1158         width: 80%;
1159         background-color:#DEECE2;
1160         border:1px solid #57945A;
1161                 border-radius: .3em .3em .3em .3em;
1162         -moz-border-radius: .3em .3em .3em .3em;
1163 }
1164 div#content-test ol{
1165         margin-right: 5pt;
1166         list-style:none;
1167 }
1168
1169 div#content-test ol ul li{
1170         list-style: none;
1171         padding: 0px 2px 0px 15px;
1172         margin-bottom: 1px;
1173         line-height: 200%;
1174         background-color: #fdfdfd;
1175         border-bottom: 1px solid #efefef;
1176         border: 1px solid #eeeeff;
1177 }
1178
1179 div#content-forum {
1180         float: left;
1181         margin-top: 2em;
1182         padding-right: 5pt;
1183         width: 80%;
1184         background-color:#F4F9FE;
1185         border:1px solid #70A1CA;
1186                 border-radius: .3em .3em .3em .3em;
1187         -moz-border-radius: .3em .3em .3em .3em;
1188 }
1189 div#content-forum ol{
1190         margin-right: 5pt;
1191         list-style:none;
1192 }
1193
1194 div#content-forum ol ul li{
1195         list-style: none;
1196         padding: 0px 2px 0px 15px;
1197         margin-bottom: 1px;
1198         line-height: 200%;
1199         background-color: #fdfdfd;
1200         border-bottom: 1px solid #efefef;
1201         border: 1px solid #eeeeff;
1202 }
1203
1204 div#content-info {
1205         margin: 5pt;
1206         font-size: smaller;
1207         color: #cacaca;
1208         clear: both;
1209 }
1210
1211 div#container {
1212         text-align: left;
1213         margin: 0px auto;
1214         padding: 0px;
1215         border:0;
1216         width: 90%;
1217 }
1218
1219 div.column {
1220 /*      border: 1px solid #e0e0e0;*/
1221         float: left;
1222         width: 30%;
1223         margin: 5px;
1224         padding: 0px;
1225         min-width: 170px;
1226 }
1227
1228 div.column h3 {
1229         margin-left: 0px;
1230 }
1231
1232 div.insidecol {
1233         min-height: 170px;
1234         height: 170px;
1235         padding:5px;
1236 }
1237 div[class] .insidecol {
1238         height: auto;
1239 }
1240
1241 /* index page */
1242 ul#home-links {
1243         list-style: none;
1244 }
1245 ul#home-links li {
1246         font-size:0.95em;
1247
1248         display: inline;
1249         float: left;
1250         padding: 0.8em;
1251         text-align: center;
1252         margin: 0.1em;
1253         width: 8.5em;
1254         height: 7.0em;
1255         padding-left:0px;
1256
1257 }
1258 ul#home-links li a {
1259         text-decoration: none;
1260         border: 1px transparent;
1261         font-weight: bold;
1262 }
1263 ul#home-links li a img {
1264         border: 0px;
1265         display: block;
1266         padding-left:25px;
1267 }
1268
1269 /* enrollment tabs */
1270 #navlist {
1271         padding: 0px;
1272         margin-left: 0;
1273         margin-right: auto;
1274         margin-left: auto;
1275         margin-bottom: 4px;
1276         margin-top:15px;
1277         white-space: nowrap;
1278 }
1279
1280 #navlist li {
1281         list-style: none;
1282         display: inline;
1283         margin: 0px;
1284 }
1285
1286 #navlist li a {
1287         padding: 3px 9px;
1288         border: 1px solid #e0e0e0;
1289         border-bottom: none;
1290         background: #fafafa;
1291         text-decoration: none;
1292         margin-left: 4px;
1293         -moz-border-radius-topright: 4px;
1294         -moz-border-radius-topleft: 4px;
1295         white-space: nowrap;
1296 }
1297
1298 #navlist li a:hover, #navlist li a.active {
1299         color: #000;
1300         background: #fff;
1301 }
1302
1303 /* tree */
1304 .img-size-tree {
1305         vertical-align: middle;
1306         margin-top: 0px;
1307         height:1.45em;
1308         width:1.45em;
1309 }
1310 /* profile page */
1311 dl#public-profile {
1312         width: 100%;
1313 }
1314 dl#public-profile dt {
1315         float: left;
1316         font-weight: bold;
1317         width: 30%;
1318         text-align: right;
1319         clear: left;
1320         border-right: 1px solid #f0f0f0;
1321         padding: 5px 5px 5px 0px;
1322         vertical-align: middle;
1323         margin-right: 5px;
1324 }
1325 dl#public-profile dd {
1326         margin-bottom: 5px;
1327         clear: right;
1328         padding: 5px 0px 5px 5px;
1329 }
1330
1331 /* floating layout */
1332 #contentwrapper{
1333         float: left;
1334         width: 99%;
1335 }
1336 #contentcolumn {
1337         padding-left: 5px;
1338         overflow: auto;
1339 }
1340 #contentcolumn_shiftright {
1341         margin-left: 210px;
1342         padding-right: 5px;
1343 }
1344 #rightcolumn{
1345         float: right;
1346         overflow: hidden;
1347         margin: -5px 0 0;
1348 }
1349 #footer{
1350         clear: left;
1351         width: 100%;
1352         text-align: center;
1353         padding: 4px 0px;
1354 }
1355
1356 /** forum stuff **/
1357 .forum-thread li { clear:left; border:1px solid #eee; border-bottom: 1px solid #f0f0f0; float:left; width: 98%; list-style: none; }
1358 .forum-thread li.even { background: #fdfdfd; border-top: none; }
1359 .forum-thread li.odd { background: #fff; }
1360 div.forum-post-author { float:left; width:150px; padding:8px 10px; }
1361 div.forum-post-author a.title { font-size: 1.1em; line-height: 1.2em; font-weight: bold; text-decoration:none; }
1362 div.forum-post-author img.profile-picture { border: 2px solid #f0f0f0; }
1363 div.forum-post-content { margin-left: 150px; padding: 5px 0px 18px 18px; }
1364 div.forum-post-content h3 { font-weight: 500; }
1365 div.forum-post-ctrl { float: right; padding-right: 5px; color: #a1a1a1; }
1366 div.forum-post-ctrl a { text-decoration: none; }
1367 div.forum-post-ctrl span { color: black; background-color: #fefdc2; padding: 3px; }
1368 div.forum-post-content p.date { color: #a1a1a1; border-bottom: 1px solid #f0f0f0; }
1369 div.forum-post-content div.body p { margin-bottom:20px; }
1370
1371 /** inbox stuff - reuses some of the forum layout **/
1372 #inbox-msg li { clear:left; border:1px solid #eee; border-bottom: 1px solid #f0f0f0; width: 98%; list-style: none; }
1373
1374
1375 div#topnavlistcontainer {
1376     /* Navigational Plone Tabs(tm), implemented by customizing the a tag - they are surprisingly elegant. The power of CSS runs strong in these :) */
1377     background: transparent;
1378     border-collapse: collapse;
1379     border-bottom: 1px solid #57945A;
1380     padding: 0.5em 0em 0em 2em;
1381     font-size:0.85em;
1382     clear:left;
1383 }
1384 ul#topnavlist {
1385         padding: 0px;
1386         margin-right: auto;
1387         margin-left: auto;
1388         margin-bottom: 3px;
1389         margin-top: 0px;
1390         margin-bottom:0px;
1391 }
1392
1393 ul#topnavlist li {
1394         list-style: none;
1395         display: inline-block;
1396         margin: 0px;
1397 }
1398
1399 ul#topnavlist li:first-child a {
1400         margin-left: 8px;
1401 }
1402
1403 ul#topnavlist li a:hover, ul#topnavlist li a.active, ul#topnavlist li a:focus {
1404     background: #DEECE2;
1405     border-bottom: 1px solid #DEECE2;
1406     color: #4F7643;
1407 }
1408
1409 ul#topnavlist li a {
1410     /* The normal, unselected tabs. They are all links */
1411     background: transparent;
1412     border-color: #57945A;
1413     border-width: 1px;
1414     border-style: solid solid none solid;
1415     color: #4F7643;
1416     height: 1.2em;
1417     margin-right: 0.5em;
1418     padding: 0em 2em 0em;
1419     text-transform: lowercase;
1420 }
1421
1422 ul#topnavlist li a.selected {    /* The selected tab. There's only one of this */
1423     background: #DEECE2;
1424     border-bottom: #DEECE2 1px solid;
1425     color: #4F7643;
1426     font-weight: normal;
1427 }
1428
1429
1430 #fsfloat1{
1431         float:left;
1432 }
1433 #fsfloat2{
1434         float:right;
1435         width:48%;
1436 }
1437
1438 /* format of "table of contents" on content page */
1439 #toc a          { display:block; margin:3px; }
1440 #toc .h2                { padding:0 0 0 10px;}
1441 #toc .h3                { padding:0 0 0 30px;}
1442 #toc .h4                { padding:0 0 0 40px; }
1443 #toc .h5                { padding:0 0 0 50px; }
1444 #toc .h6                { padding:0 0 0 60px; }
1445
1446 /* jQuery tooltip styles */
1447 #tooltip{
1448         position:absolute;
1449         z-index:3000;
1450         border:3px solid #111;
1451         background-color:#eeeeee;
1452         padding:5px;
1453
1454 }
1455 #tooltip h3,#tooltip div{
1456         margin:0;
1457 }
1458
1459 a.tooltip{
1460         color:blue;
1461         font-size:100%;
1462         padding-left:.2em;
1463         padding-right:.2em;
1464         padding-bottom:.2em;
1465         text-decoration:none;
1466                 border-bottom:1px dashed;
1467 }
1468 /* style for home page sublinks view */
1469 div.home_box {
1470         width: 25.8em;
1471         height: 8.0em;
1472         margin-top: 5px;
1473         padding: 5px;
1474         padding-bottom: 27px;
1475         margin-left:1em;
1476         float:left;
1477 }
1478
1479 .outside_box{
1480         background:#DEECE2;
1481         width:25.5em;
1482         height:8.2em;
1483         padding: 0.3em;
1484         -moz-border-radius:.3em .3em .3em .3em;
1485         border-radius: .3em .3em .3em .3em;
1486
1487 }
1488
1489 .inside_box{
1490         width:98%;
1491         margin:auto;
1492         height:58%;
1493         margin-left:auto;
1494         margin-right:auto;
1495         background: #F7FAF7;
1496 }
1497
1498 .home-title{
1499         font-size:12pt;
1500 }
1501 .buttonbox{
1502         float:right;
1503 }
1504 .details_text{
1505         margin-left:1em;
1506 }
1507 .draggable_selected {
1508         background-color: lightgrey;
1509         cursor: move;
1510 }
1511
1512 /* 1pxgs current box on My Start */
1513 .current_box{
1514     float:left;
1515     margin-left:1em;
1516     width:30%;
1517     padding:.5em;
1518     border: 1px solid #cccccc;
1519 }
1520
1521 ul.current_list{
1522       line-height:2em;
1523       list-style-type:none;
1524       margin-left:-1.5em;
1525 }
1526 .current_list img{
1527       vertical-align:middle;
1528 }
1529
1530 #side-menu{
1531      overflow:hidden;
1532      width:18em;
1533      padding-right:.3em;
1534      padding-bottom:.3em;
1535 }
1536
1537 div#menutoggle{
1538     text-align: right;
1539     padding-bottom: 10px;
1540     padding-right: 10px;
1541     float: right;
1542     margin-top: 10px;
1543     padding-right: 5px;
1544     font-size:0.95em;
1545 }
1546 #my_courses_container{
1547           width:58%;
1548           margin-left:1em;
1549           border:none;
1550           float:left;
1551           border-radius: .5em .5em .5em .5em;
1552         -moz-border-radius: .5em .5em .5em .5em;
1553         -moz-box-shadow:.1em .1em .2em #999999;
1554          box-shadow: .1em .1em  .2em #999999;
1555 }
1556 /* Preference Editor tabs */
1557 /* Preferences tabs */
1558
1559 table.etabbed-table     {
1560         padding-left:5em;
1561         font-size:10pt;
1562 }
1563 /*
1564 .prefs-tab-spacer {
1565         background-color: transparent;
1566         width: 5px;
1567 }
1568 .prefs_buttontab {
1569         color:#555;
1570         font-size:10pt;
1571         white-space: nowrap;
1572         background-color: #ffffff;
1573         margin: 0px;
1574         border:0;
1575         font-weight:500;
1576         padding:0em 0em 0em;
1577         border-radius:.3em;
1578         -moz-border-radius: .3em .3em .3em .3em;
1579
1580 }
1581 .prefs_tab{
1582         border-top: 1px solid #cccccc;
1583         border-left: 1px solid #cccccc;
1584         border-right: 1px solid #cccccc;
1585         text-align: center;
1586         white-space: nowrap;
1587         margin-left:2em;
1588         background-color: #FFFFFF;
1589         border-radius:.3em;
1590         -moz-border-radius: .3em .3em 0em 0em;
1591         padding: 0em .2em 0em .2em;
1592
1593         }
1594
1595 .prefs_buttontab:hover, .prefs_tab:hover {
1596         background-color: #eeeeee;
1597 }
1598 .prefs_tab_selected{
1599         border-top: 1px solid #cccccc;
1600         border-left: 1px solid #cccccc;
1601         border-right: 1px solid #cccccc;
1602         border-bottom:0;
1603         background-color: #eeeeee;
1604         margin: 0px;
1605         font-weight:bold;
1606         text-align:center;
1607         padding: 0em .2em 0em .2em ;
1608         white-space: nowrap;
1609         text-decoration:none;
1610         border-radius:.3em;
1611         -moz-border-radius: .3em .3em 0em 0em;
1612         -moz-box-shadow:.2em .2em .2em #999999;
1613     box-shadow: .2em .0em .2em #999999;
1614 }
1615 */
1616
1617 /* Preference Editor tabs */
1618 .etabbed-list-container {
1619
1620     font-size:10pt;
1621     width:85%;
1622 margin-left:auto;
1623 margin-right:auto;
1624 border-bottom:1px solid #DEECE2;
1625 }
1626 .etabbed-list{
1627
1628 width:100%;
1629 }
1630 .prefs-tab-spacer {
1631     background-color: transparent;
1632     width: 1em;
1633 }
1634 .prefs_buttontab {
1635     color:#000555;
1636     white-space: nowrap;
1637     background-color: #F7FAF7;
1638     margin-bottom: .5px;
1639     border:0;
1640     font-weight:500;
1641     padding:0em 0em 0em;
1642     border-radius:.3em;
1643     -moz-border-radius: .3em .3em .3em .3em;
1644
1645 }
1646 .prefs_tab{
1647     border-top: 1px solid #cccccc;
1648     border-left: 1px solid #cccccc;
1649     border-right: 1px solid #cccccc;
1650     text-align: center;
1651     white-space: nowrap;
1652     background-color: #F7FAF7;
1653     border-radius: .3em .3em 0em 0em;
1654     -moz-border-radius: .3em .3em 0em 0em;
1655     padding: .3em .5em 0em .5em ;
1656     display: inline;
1657     padding-bottom: .9px;
1658     margin: .5em;
1659 }
1660
1661 .prefs_buttontab:hover, .prefs_tab:hover {
1662       background-color: #DEECE2;
1663 }
1664
1665 .prefs_tab_selected{
1666
1667     border-top: 1px solid #cccccc;
1668     border-left: 1px solid #cccccc;
1669     border-right: 1px solid #cccccc;
1670     border-bottom:0;
1671       background-color: #eeeeee;
1672     margin: 0px;
1673     font-weight:bold;
1674     text-align:center;
1675     padding: .3em .5em 0em .5em ;
1676     white-space: nowrap;
1677     text-decoration:none;
1678     border-radius:.3em;
1679     -moz-border-radius: .3em .3em 0em 0em;
1680     display: inline;
1681 }
1682 #top-links-jump{
1683         float:right;
1684         white-space:nowrap;
1685         padding-right:.5em;
1686 }
1687
1688 #jumpmenu{
1689         background-color:#eeeeee;
1690         border:thin solid #cccccc;
1691         border-radius:.3em .3em .3em .3em;
1692         -moz-border-radius:.3em .3em .3em .3em;
1693 }
1694
1695 /* Transformable repository search */
1696
1697 .browse-result{
1698         border:thin solid #cccccc;
1699         padding:.5em;
1700         width:95%;
1701         margin-left:auto;
1702         margin-right:auto;
1703         border-radius: .3em .3em .3em .3em;
1704         -moz-border-radius: .3em .3em .3em .3em;
1705         -moz-box-shadow:.1em .1em .1em #999999;
1706         box-shadow: .1em .1em .1em #999999;
1707 }
1708
1709 .tr_results_tools{
1710         float:right;
1711         padding-left:.2em;
1712         padding-right:.2em;
1713         padding-top:.2em;
1714         border:thin solid #cccccc;
1715         border-radius: .3em .3em .3em .3em;
1716         -moz-border-radius: .3em .3em .3em .3em;
1717         -moz-box-shadow:.1em .1em .1em #999999;
1718         box-shadow: .1em .1em .1em #999999;
1719 }
1720
1721 div.pageinator_box{
1722         width:95%;
1723         margin-left:auto;
1724         margin-right:auto;
1725         margin-bottom: -.5em;
1726         border-top:thin solid #cccccc;
1727         border-left:thin solid #cccccc;
1728         border-right:thin solid #cccccc;
1729         border-radius: .3em .3em 0em 0em;
1730         -moz-border-radius: .3em .3em 0em 0em;
1731 }
1732 #previewText{
1733     font-family: monospace;
1734     border: 2px solid rgb(0, 0, 0);
1735     padding: 2em;
1736     width: 80%;
1737     color: rgb(255, 255, 255);
1738     background-color: rgb(0, 0, 0);
1739 }
1740 #previewArea{
1741     padding: 0em;
1742     border-bottom-width: 0px;
1743     margin-left: auto;
1744     margin-right: auto;
1745     font-weight: normal;
1746     width: 70%;
1747     float:left;
1748     clear:right;
1749 }
1750 #display-settings-preview{
1751     width:70%;
1752     float:left;
1753     height:20em;
1754 }
1755 #feedback{
1756     width: 90%;
1757 }
1758 #defaultfontsize-wrapper{
1759     width:25%;
1760     float:left;
1761 }
1762
1763 div .profile_container {
1764         background-color:#eee;
1765         border: 1px solid #8e8e8e;
1766         width:80%;
1767         padding:0.5em;
1768         margin-bottom: 0.5em;
1769 }
1770
1771 div .profile_container .top_right {
1772         float: right;
1773 }
1774
1775 dl.public-profile dd{
1776         margin-left:0px;
1777 }
1778 dl.public-profile dt {
1779         float: left;
1780         font-weight: bold;
1781         min-width:12em;
1782 }
1783
1784 /* Search form */
1785 div .search_form {
1786         margin-bottom: 1em;
1787 }
1788
1789 div .search_form .row{
1790         background-color: #DEDEC0;
1791         padding: 8px;
1792 }
1793 div .button {
1794         background-color: #DEECE2;
1795         border: 1px solid #4F7643;
1796 }
1797 div .button:hover{
1798         background-color: #cccccc;
1799         color: #ffffff;
1800                 border: 1px solid #4F7643;
1801
1802 }
1803
1804 /* Side menu */
1805
1806
1807 ul.social_side_menu {
1808         padding-left: 2em;
1809 }
1810 ul.social_side_menu li {
1811         padding-bottom: 0.2em;
1812         list-style: circle;
1813 }
1814
1815 div .divider {
1816         border-bottom:1px solid #C1C157;
1817         padding-bottom:0.5em;
1818         margin-bottom:0.5em;
1819 }
1820
1821 .activity{
1822         line-height:18pt;
1823         font-size:.8em;
1824 }
1825
1826 div.headingbox, h3.headingbox, a.headingbox{
1827         border:1px #cccccc solid;
1828         padding:.2em;
1829         background-color: #DEECE2;
1830         text-decoration:none;
1831         line-height:1em;
1832         font-size:.7em;
1833 }
1834
1835 div.contentbox, input-form{
1836         margin-left:.2em;
1837         margin-right:.2em;
1838         border-left:1px #cccccc solid;
1839         border-right:1px #dddddd solid;
1840         border-bottom:1px #cccccc solid;
1841         padding:.5em;
1842         background-color: #ffffff;
1843         overflow:hidden;
1844 }
1845
1846 div.suggestions{
1847         border:1px solid #a50707;
1848         margin-left:10px;
1849         width:50%;
1850 }
1851 li.inlinelist{
1852         display: inline;
1853         padding-right: 1em;
1854 }
1855 ul.social_inline_menu{
1856         background-color: #eeeeee;
1857         border:thin #cccccc solid;
1858         padding:.5em;
1859         width:90%;
1860         margin:auto;
1861 }
1862 div.social-wrapper{
1863         border:thin solid #cccccc;
1864         width:95%;
1865         padding:.5em;
1866         margin:auto;
1867 }
1868
1869 .network-activity{
1870     float:left;
1871     width:55%;
1872 }
1873 .my-contacts{
1874     float:right;
1875     width:38%;
1876     min-width:38%;
1877 }
1878 .my-network-groups{
1879     float:right;
1880     clear:right;
1881     width:38%;
1882     max-width:38%;
1883 }
1884 .people-you-may-know{
1885     padding-top:1em;
1886     float:right;
1887     clear:right;
1888     width:38%;
1889     min-width:38%;
1890  }
1891 .contentbox-a{
1892     width: 100%;
1893 }
1894 .contentbox-b{
1895     padding-bottom:0.2em;
1896 }
1897 .content-settings{
1898         width: 30%;
1899         float: left;
1900 }
1901
1902  /* Content editor tabs */
1903 .editor_buttontab {
1904         color:#000000;
1905         font-size:10pt;
1906         border:0;
1907         white-space: nowrap;
1908         background-color: #DEECE2;
1909         margin: 0px;
1910         font-weight:500;
1911         text-align:center;
1912         padding:0em 0em 0em;
1913
1914 }
1915 .editor_tab{
1916         float:left;
1917         border-top: 1px solid #cccccc;
1918         border-left: 1px solid #cccccc;
1919         border-right: 1px solid #cccccc;
1920         border-bottom:0;
1921         margin-bottom:-.5em;
1922         text-align: center;
1923         white-space: nowrap;
1924         background-color: #DEECE2;
1925         border-radius: .3em .3em 0em 0em;
1926         -moz-border-radius: .3em .3em 0em 0em;
1927         padding: 0em .2em .0em .2em ;
1928         height:1.4em;
1929 }
1930 .editor_tab:hover, .editor_tab input[type=submit]:hover{
1931         background-color:#eeeeee;
1932 }
1933
1934 .editor_tab_selected{
1935         border-top: 1px solid #cccccc;
1936         border-left: 1px solid #cccccc;
1937         border-right: 1px solid #cccccc;
1938         border-bottom:0;
1939         padding: .0em .3em .1em .2em ;
1940         background-color: #eeeeee;
1941         font-weight:bold;
1942         text-align:center;
1943         white-space: nowrap;
1944         text-decoration:none;
1945         border-radius:.3em;
1946         -moz-border-radius: .3em .3em 0em 0em;
1947         height:1.4em;
1948
1949 }
1950 .editor_tab input[type=submit]{
1951         height:1.2em;
1952 }
1953 ul#content-tool-links {
1954         list-style: none outside none;
1955 }
1956 ul#content-tool-links li{
1957         display: inline;
1958         float: left;
1959         width: 5em;
1960         padding: 0 3em 0 0;
1961         text-align: center;
1962         font-size: 0.7em;
1963         font-weight:bold;
1964         color: #1A4A72;
1965         line-height:120%;
1966 }
1967 ul#content-tool-links img{
1968         border: 0 none;
1969         display: block;
1970         padding-left: 10px;
1971 }
1972 .fl-force-right{
1973 float:right;
1974 }
1975 .hidden {
1976     display: none;
1977 }
1978 .clickable {
1979     cursor: pointer;
1980 }
1981
1982 .del-content-icon{
1983           border:0;
1984 height:.8em;
1985 }
1986 #logoutbar{
1987 float:right;
1988 text-align:right;
1989
1990 }
1991 div.bypass{
1992 height:1px;
1993 }
1994
1995 fieldset.group_form{
1996         width:97%;
1997         border:1px #4F7643 solid;
1998         min-height: 210px;
1999         padding:.5em;
2000         margin-right:1em;
2001
2002 }
2003 fieldset.group_form legend{
2004         border:1px #4F7643 solid;
2005         background-color: #DEECE2;
2006         font-weight: 600;
2007         color: black;
2008         padding-left: 1em;
2009         padding-right: 1em;
2010         border-radius:.2em;
2011         -moz-border-radius: .2em .2em .2em .2em;
2012 }
2013
2014 div#subnavlistcontainer {
2015         width:95%;
2016         margin:auto;
2017         height:auto;
2018
2019 }
2020 div#subnavbacktopage {
2021         padding-top:5px;
2022         padding-left:20px;
2023         float:left;
2024 }
2025
2026 div.toolcontainer{
2027         width:95%;
2028         margin:auto;
2029         border:1px solid #e8e8e8;
2030         padding-top:1em;
2031         padding-bottom:1em;
2032         border-radius:.5em;
2033         -moz-border-radius: .5em .5em .5em .5em;
2034 }
2035
2036 ul#subnavlist {
2037         padding-top: 4px;
2038         margin-top: 0px;
2039         font-size:.8em;
2040
2041
2042 }
2043
2044 ul#subnavlist li {
2045         background-color: #DEECE2;
2046         list-style: none;
2047         display: inline-block;
2048         font-weight:700;
2049         text-align:center;
2050         border-top:1px solid #cccccc;
2051         border-left:1px solid #cccccc;
2052         border-right:1px solid #cccccc;
2053         border-radius: .3em .3em 0em 0em;
2054         -moz-border-radius: .3em .3em 0em 0em;
2055         height:1.0em;
2056         padding: 0em .5em .6em .5em ;
2057 }
2058
2059 ul#subnavlist li a:hover, ul#subnavlist li a:focus, ul#subnavlist li.active, ul#subnavlist li:hover{
2060         color: black;
2061         text-decoration:none;
2062         background-color: #E6E6E6;
2063 }
2064
2065 ul#subnavlist li a {
2066     /* The normal, unselected tabs. They are all links */
2067         color: #555;
2068         height: 1.5em;
2069         text-decoration:underline;
2070         font-weight:500;
2071 }
2072 .fl-container{
2073 background-color:#F7FAF7;
2074 }
2075
2076
2077 /*  Photo Album Styles
2078  *
2079  *
2080  *
2081  *
2082  */
2083 div.topbar{
2084         float:left;
2085         width: 95%;
2086 }
2087 div.paginator{
2088         float: right;
2089         margin: 0px;
2090 }
2091 .paginator ul li{
2092         list-style: none;
2093 }
2094 .paginator li{
2095         padding-right: 0.5em;
2096         float: left;
2097 }
2098
2099 div.summary{
2100         float: left;
2101         margin-top: 0.5em;
2102         width:70%;
2103 }
2104
2105 div.album_panel{
2106         float: left;
2107         background: #F7F7F7;
2108         border: 1px solid #D2D2D2;
2109         width: 96%;
2110         border-radius:.5em;
2111         -moz-border-radius: .5em .5em .5em .5em;
2112         -moz-box-shadow:.2em .2em .1em #999999;
2113     box-shadow: .2em .2em .1em #999999;
2114         padding:.3em;
2115 }
2116 div.album_panel div.photo_wrapper {
2117         /* This class is to fix the problem where the images shift
2118          * to the right when there is a border upon selection
2119          */
2120         height: 150px;
2121         float: left;
2122 }
2123 div.album_panel .photo_frame{
2124         float: left;
2125         margin: 0.2em;
2126         min-height: 140px;
2127         min-width: 140px;
2128         text-align: center;
2129 }
2130 div.album_panel .photo_frame a:focus, div.album_panel .photo_frame a:hover{
2131         cursor: pointer;
2132         float:left;
2133         min-width: 140px;
2134         min-height: 140px;
2135         background: #FCE6C9;
2136 }
2137 div.album_panel .photo_frame img{
2138         background: #FFFFFF;
2139         border: 1px solid #D2D2D2;
2140         padding: 0.2em;
2141 }
2142 div.album_panel .album_description{
2143         margin: 0.5em;
2144         width: 95%;
2145         float: left;
2146 }
2147
2148 div.search_bar {
2149         /* background-image: url('images/search_bg.png');
2150         background-repeat: no-repeat; */
2151         background-color:#ffffff;
2152         border:thin solid #cccccc;
2153         margin-left: 0.5em;
2154         margin-top: 0.5em;
2155         height: 27px;
2156         width: 180px;
2157         float: left;
2158         border-radius:.5em;
2159         -moz-border-radius:.8em .8em .8em .8em;
2160                 -moz-box-shadow:.2em .2em .1em #999999;
2161     box-shadow: .2em .2em .1em #999999;
2162 }
2163 div.search_bar .s{
2164         float: left;
2165         border: 0px;
2166         margin-top: 0.3em;
2167         margin-left: 0.5em;
2168         width: 148px;
2169 }
2170 div.search_bar .s_img{
2171         float: right;
2172         border: 0px;
2173         margin-top: 0.375em;
2174         margin-top: -1.4em\9; /* the \9 to accomodate IE 7&8 */
2175         margin-right: 0.4em;
2176 }
2177
2178 div.album {
2179         background: #FFFFFF;
2180         padding:1em;
2181         border: 1px solid #D2D2D2;
2182         width: 95%;
2183         margin: 0.5em;
2184         float: left;
2185         border-radius:.5em .5em .5em .5em;
2186         -moz-border-radius: .5em .5em .5em .5em;
2187                 -moz-box-shadow:.2em .2em .1em #999999;
2188     box-shadow: .2em .2em .1em #999999;
2189 }
2190 div.album .image{
2191         float: left;
2192         margin: 0.5em;
2193         min-width: 140px;
2194 }
2195 div.album img{
2196         border-width: 0px;
2197 }
2198 div.album .image img.no-image {
2199         float: left;
2200         width: 130px;
2201         height: 97px;
2202         background-color: #EFEFEF;
2203 }
2204 div.album .info{
2205         float: left;
2206         width: 70%;
2207 }
2208 div.album .info span{
2209         float: left;
2210         color: #666666;
2211 }
2212 div.album .info p{
2213         font-size: 0.85em;
2214         margin: 0;
2215 }
2216 div.album .search_photo_frame{
2217         float: left;
2218         margin: 0.2em;
2219         min-height: 160px;
2220         max-height: 160px;
2221         max-width: 140px;
2222         text-align: center;
2223         border: 1px solid #d3d3d3;
2224         overflow: hidden;
2225 }
2226 div.album .search_slider{
2227         float: left;
2228         overflow: hidden;
2229         position: relative;     /* ie7 */
2230 }
2231 div.album .search_slider_left{
2232         float: left;
2233         width: 10%;
2234 }
2235 div.album .search_slider_right{
2236         float: right;
2237         text-align: right;
2238         width: 10%;
2239 }
2240 div.album .search_slider ul {
2241         list-style-type: none;
2242         margin: 0;
2243         padding: 0;
2244         width: 99999px;
2245         position: relative;
2246 }
2247 div.album .search_slider ul li{
2248         float: left;
2249 }
2250 div.album .search_slider_a{
2251         width: 80%;
2252 }
2253 div.album .search_slider_p{
2254         width: 730px;   /* 146 per frame, 5 frame per row */
2255 }
2256 div.album .search_slider_p ul li{
2257 /*      height: 576px;  /* 144 per frame, 4 row */
2258         width: 730px;   /* 146 per frame, 5 frame per row */
2259 }
2260 div.album .search_paginator {
2261         width: 100%;
2262 }
2263
2264 div.add_photo{
2265         float: left;
2266         background: #F7F7F7;
2267         border: 1px solid #D2D2D2;
2268         width: 96%;
2269         border-radius:.5em;
2270         -moz-border-radius: .3em .3em .3em .3em;
2271         margin-bottom:.2em;
2272 }
2273 div.add_photo ul{
2274         margin: 0px;
2275         padding: 0px;
2276 }
2277 div.add_photo .toggle_uploader{
2278         width: 95%;
2279         margin: 0.5em;
2280 }
2281 div.add_photo div#ajax_uploader{
2282         display: none;
2283         margin-top: 0.5em;
2284 }
2285 div.add_photo .files .tn {
2286         max-height: 30px;
2287 }
2288 div.add_photo img{
2289         border: 0;
2290 }
2291 div.add_photo ul li{
2292         float: left;
2293         padding: 0.2em;
2294         list-style: none;
2295         width: 100%;
2296         height: 100%;
2297         border-bottom: 1px solid #ddd;
2298 /*      display: inline; */
2299 }
2300 div.add_photo p.memory_usage {
2301         float: right;
2302         font-size: 0.9em;
2303         color: #5B5B5B;
2304 }
2305
2306 div.add_profile_photo{
2307         float: left;
2308         background: #F7F7F7;
2309         border: 1px solid #D2D2D2;
2310         width: 96%;
2311         border-radius:.5em;
2312         -moz-border-radius: .5em .5em .5em .5em;
2313                 -moz-box-shadow:.2em .2em .1em #999999;
2314     box-shadow: .2em .2em .1em #999999;
2315         margin-bottom:.2em;
2316
2317 }
2318 div.add_profile_photo .profile_photo{
2319         float: left;
2320         padding: 0.5em;
2321
2322 }
2323 div.add_profile_photo .uploader{
2324         float: left;
2325         width: 50%;
2326         padding: 0.5em;
2327         border-bottom: 1px solid #ddd;
2328 }
2329
2330 div.photo_panel{
2331         background: #F7F7F7;
2332         float: left;
2333         border: 1px solid #D2D2D2;
2334         text-align: center;
2335         width: 95%;
2336         padding: 0.5em;
2337         border-radius:.5em;
2338         -moz-border-radius: .5em .5em .5em .5em;
2339 }
2340 div.photo_panel img{
2341         background: #FFFFFF;
2342         border: 1px solid #D2D2D2;
2343         padding: 0.2em;
2344 }
2345 div.photo_panel div.ordering{
2346         float:left;
2347 }
2348 div.photo_panel div.paginator{
2349         float:right;
2350 }
2351 div.photo_panel .flc-inlineEditable{
2352         width: 604px;
2353         margin: 0 auto;
2354         padding-top: 0.5em;
2355         padding-bottom: 0.5em;
2356 }
2357 div.comment_panel{
2358         background: #FFFFFF;
2359         float: left;
2360         border: 1px solid #D2D2D2;
2361         width: 95%;
2362         padding:.5em;
2363         border-radius: .3em .3em .3em .3em;
2364         -moz-border-radius: .3em .3em .3em .3em;
2365                 -moz-box-shadow:.2em .2em .1em #999999;
2366     box-shadow: .2em .2em .1em #999999;
2367         margin-top:.2em;
2368 }
2369 div.comment_panel .comment_feeds{
2370         float: left;
2371         width: 50%;
2372 }
2373 div.comment_panel .photo_actions{
2374         margin: 0.5em;
2375         max-width: 49%;
2376         background: #F7F7F7;
2377         float:right;
2378         padding:1em;
2379         border:thin solid #cccccc;
2380         border-radius:.3em;
2381         -moz-border-radius: .3em .3em .3em .3em;
2382 }
2383 .row textarea#comment_template, textarea#comment_template active{
2384         background-color:#eeeeee;
2385         border:thin solid #eeeeee;
2386         border:thin solid #cccccc;
2387         padding:.2em;
2388         border-radius:.3em;
2389         -moz-border-radius: .3em .3em .3em .3em;
2390 }
2391 .row textarea#comment{
2392         background-color:#ffffff;
2393         border:thin solid #eeeeee;
2394         border:thin solid #cccccc;
2395         padding:.2em;
2396         border-radius:.3em;
2397         -moz-border-radius: .3em .3em .3em .3em;
2398 }
2399 div.comment_panel textarea{
2400         width:100%;
2401 }
2402
2403 div.comment_box{
2404         float:left;
2405         width:100%;
2406         margin: 0.5em;
2407         padding-top: 0.5em;
2408         padding-bottom: 0.5em;
2409         background: #F7F7F7;
2410 }
2411 div.comment_box .comment_actions{
2412         float: left;
2413         margin-top: 1em;
2414         font-size: 0.8em;
2415         color: #666666;
2416 }
2417
2418 div.edit_photo_frame{
2419         width: 95%;
2420         float: left;
2421         padding: 0.2em;
2422         background: #F7F7F7;
2423         border:thin solid #cccccc;
2424         border-radius:.5em;
2425         -moz-border-radius: .5em .5em .5em .5em;
2426 }
2427 div.edit_photo_box{
2428         float: left;
2429         border: 1px solid #D2D2D2;
2430         background: white;
2431         margin: 0.2em;
2432         margin-bottom: 0.8em;
2433         padding: 0.8em;
2434         width: 94%;
2435         border-radius:.3em;
2436         -moz-border-radius: .3em .3em .3em .3em;
2437 }
2438 div.edit_photo_box .info{
2439         float: left;
2440         width: 60%;
2441 }
2442
2443 .info textarea{
2444         background-color: #eeeeee;
2445         border:thin solid #cccccc;
2446         border-radius:.3em;
2447         -moz-border-radius: .3em .3em .3em .3em;
2448         margin-top:.2em;
2449 }
2450 div.edit_photo_box .info textarea.alt_text{
2451         height: 2.5em;
2452 }
2453 div.edit_photo_box .info textarea{
2454         width: 100%;
2455 }
2456 div.edit_photo_box .action{
2457         float: right;
2458         background: #F7F7F7;
2459         min-width: 140px;
2460         padding:.2em;
2461         border:thin solid #cccccc;
2462         border-radius:.3em;
2463         -moz-border-radius: .3em .3em .3em .3em;
2464 }
2465
2466
2467 /* FLUID Image Reorderer */
2468 .fl-imageReorderer-item {
2469 }
2470 .fl-reorderer-movable-hover a{
2471         cursor: pointer;
2472         background-color: #ECEECC;
2473 }
2474 .fl-reorderer-movable-dragging a{
2475         background-color: #ECEECC;
2476 }
2477 .fl-reorderer-dropMarker {
2478         border: 2px solid red;
2479         min-height: 100px;
2480         float: left;
2481 }
2482 .fl-reorderer-avatar {
2483         opacity: 0.6;
2484         filter:alpha(opacity=60);
2485 }
2486
2487
2488 /* FLUID Simple Inline Editor */
2489 .fl-inlineEdit-invitation {
2490    background-color: #FFECB3 !important;
2491    border: 1px solid #CCC !important;
2492 }
2493 .fl-inlineEdit-focus {
2494     border: 2px solid #777777;
2495 }
2496
2497
2498 .pa_tool_link{
2499
2500 text-decoration:none;
2501 }
2502
2503 .pa_tool_image{
2504 vertical-align:middle;
2505 margin-right:.5em;
2506 }
2507
2508
2509 /* End Photo Album Styles
2510  *
2511  *
2512  *
2513  *
2514  */