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