themes/default16/styles.css

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