docs/themes/default/styles.css

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