docs/themes/default15/styles.css

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