themes/blumin/styles.css

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