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