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         list-style-type:none;
 786 }
 787
 788 div#error ul li{
 789         margin-top: 5px;
 790 }
 791
 792 div#feedback {
 793         width: 50%;
 794         margin-left: auto;
 795         margin-right: auto;
 796         margin-top: 15px;
 797         margin-bottom: 15px;
 798         border: 1px solid #17B506;
 799         padding: 5px;
 800         background-color: #F2FCF0;
 801         color: #595241;
 802         font-weight: bold;
 803         border-radius: .5em;
 804         -moz-border-radius: .5em;
 805 }
 806
 807 div#help {
 808         width: 50%;
 809         margin-left: auto;
 810         margin-right: auto;
 811         margin-top: 15px;
 812         margin-bottom: 15px;
 813         border: 1px solid #ACCFCC;
 814         padding: 5px;
 815         background-color: #E9F4F3;
 816         color: #024C41;
 817         border-radius: .5em;
 818         -moz-border-radius: .5em;
 819 }
 820
 821 div#info {
 822         width: 50%;
 823         margin-left: auto;
 824         margin-right: auto;
 825         margin-top: 15px;
 826         margin-bottom: 15px;
 827         border: 1px solid #B8AE9C;
 828         padding: 5px;
 829         background-color: #EFE6FF;
 830         color: #595241;
 831         font-weight: bold;
 832         border-radius: .5em;
 833         -moz-border-radius: .5em;
 834 }
 835 div#info a{
 836         color:red;
 837         text-decoration:underline;
 838 }
 839 div#warning {
 840         width: 50%;
 841         margin-left: auto;
 842         margin-right: auto;
 843         margin-top: 15px;
 844         margin-bottom: 15px;
 845         border: 1px solid #FF8400;
 846         padding: 5px;
 847         background-color: #FFF6ED;
 848         color: #D95900;
 849         font-weight: bold;
 850         border-radius: .5em;
 851         -moz-border-radius: .5em;
 852 }
 853 acronym {
 854         cursor: help;
 855 }
 856
 857 div.news p {
 858         margin-left: 10px;
 859 }
 860 div.news span.date {
 861         font-family: Verdana, Helevetica, Arial, sans-serif;
 862         color: #B8AE9C;
 863 }
 864
 865 /* home page links */
 866 div.home-link {
 867         padding: 2px;
 868         float: left;
 869         text-align: center;
 870         margin: 2px;
 871         width: 120px;
 872         height: 90px;
 873 }
 874 div.home-link:hover {
 875         padding: 1px;
 876         background-color: #F7F3ED;
 877         border: 1px solid #afafaf;
 878         float: left;
 879         text-align: center;
 880         margin: 2px;
 881 }
 882 div.home-link a {
 883         text-decoration: none;
 884         font-weight: bold;
 885 }
 886
 887 div.home-link img {
 888         border: 0px;
 889 }
 890
 891 /* sequence links */
 892 div.sequence-links {
 893         float:right;
 894         margin-top: 10px;
 895         padding-right: 5px;
 896         padding-top:7px;
 897 }
 898 div.sequence-links a {
 899         text-decoration: none;
 900 }
 901
 902 div.dropdown {
 903         width: 200px;
 904         padding: 2px;
 905         background-color: white;
 906         color: black;
 907         border-left: 1px solid #ECFEEA;
 908         border-right: 1px solid #ECFEEA;
 909         border-bottom: 1px solid #ECFEEA;
 910         font-weight: normal;
 911 }
 912
 913 div.dropdown-heading {
 914         background-color: #ACCFCC;
 915         color: #595241;
 916         border-left: 1px solid #ECFEEA;
 917         border-right: 1px solid #ECFEEA;
 918         border-top: 1px solid #ECFEEA;
 919         font-weight: bold;
 920         padding: 2px;
 921 }
 922
 923 .required {
 924         font-weight: bold;
 925         color: red;
 926         padding-right: 2px;
 927 }
 928
 929 div#content_text {
 930         margin-left: 5px;
 931 }
 932
 933 form {
 934         clear: none;
 935         display:inline;
 936 }
 937
 938
 939 optgroup {
 940         font-size: small;
 941 }
 942
 943 /* packing */
 944 div.paging {
 945         width: 100%;
 946         text-align: center;
 947         margin: 0.5em auto;
 948 }
 949 div.paging ul {
 950         list-style: none;
 951         display: inline;
 952         padding: 0px;
 953         border: 1px solid #000;
 954 }
 955 div.paging li {
 956         display: inline;
 957         padding-left: 2px;
 958         padding-right: 2px;
 959         padding-top: 0px;
 960         padding-bottom: 0px;
 961 }
 962
 963 div.paging li a {
 964         text-decoration: none;
 965         padding-left: 4px;
 966         padding-right: 4px;
 967         border-left: 1px solid white;
 968         border-right: 1px solid white;
 969 }
 970
 971 div.paging li a:hover, div.paging li a.current {
 972         background-color: #F7F3ED;
 973         border-left: 1px solid #000;
 974         border-right: 1px solid #000;
 975 }
 976
 977 #header{
 978         /* background-image: url('images/pencil_top_ds.png'); */
 979 /*      background-position: 99% 99%;*/
 980         background-repeat: repeatx;
 981         background-image: url('images/atutor_head.jpg');
 982         height:5em;
 983         margin-bottom:-2em;
 984         padding-bottom: 2em;
 985 }
 986
 987 #header a{
 988         font-weight:600;
 989 }
 990
 991
 992 #header a:hover {
 993         color: #595241;
 994         background-color: #F7F3ED;
 995 }
 996 #tl_corner{
 997
 998         background-image:url(images/tl_corner.gif);
 999         background-position: top left;
1000         background-repeat: no-repeat;
1001         padding:0;
1002 }
1003 div.top {
1004         /* Top space */
1005         background-color: #595241;
1006         color: #FFF;
1007         margin: 0;
1008         padding: 0;
1009         padding-top:9px;
1010 }
1011 div.tabs {
1012         /* Navigational Plone Tabs(tm), implemented by customizing the a tag - they are surprisingly elegant. The power of CSS runs strong in these :) */
1013         background-color: transparent;
1014         border-collapse: collapse;
1015         border-bottom: 1px solid #B8AE9C;
1016         padding: 0.5em 0em 0em 2em;
1017         white-space: nowrap;
1018 }
1019
1020 div.tabs a {
1021     /* The normal, unselected tabs. They are all links */
1022         background-color: transparent;
1023         border-color: #B8AE9C;
1024         border-width: 1px;
1025         border-style: solid solid none solid;
1026         color: #595241;
1027         height: 1.2em;
1028         margin-right: 0.5em;
1029         padding: 0em 2em 0em;
1030
1031 }
1032
1033 div.tabs a.selected {
1034     /* The selected tab. There's only one of this */
1035         background-color: white;
1036         border-bottom: #B8AE9C 1px solid;
1037         color: #595241;
1038         font-weight: normal;
1039 }
1040
1041 div.tabs a:hover, div.tabs a.active {
1042         background-color: #B8AE9C;
1043         border-bottom: 1px solid #B8AE9C;
1044         color: white;
1045 }
1046 .contentbox{
1047         border-radius:.5em;
1048         -moz-border-radius: 0em 0em .5em .5em;
1049 /*      -moz-box-shadow:.1em .1em .1em #999999;
1050         box-shadow: .1em .1em .1em #999999;*/
1051 }
1052
1053 .headingbox{
1054         border-radius:.5em;
1055         -moz-border-radius: .5em .5em 0em 0em;
1056 /*      -moz-box-shadow:.1em .1em .2em #999999;
1057         box-shadow: .1em .1em .2em #999999;*/
1058 }
1059 .headingbox a{
1060         color: #A50707;
1061         text-decoration:underline;
1062 }
1063
1064 h4.box {
1065         font-size:0.85em;
1066         padding: 2px;
1067         border-radius: .5em .5em 0em 0em;
1068         -moz-border-radius: .5em .5em 0em 0em;
1069         padding:.2em;
1070         border-top:1px solid #F2F7F7;
1071         border-left:1px solid #F2F7F7;
1072         border-right:1px solid #F2F7F7;
1073                 border-bottom:1px solid #F2F7F7;
1074 /*      -moz-box-shadow:.1em .1em .1em #999999;
1075         box-shadow: .1em .1em .1em #999999;*/
1076 }
1077 h2.box {
1078         font-size:0.85em;
1079         padding: 2px;
1080         border-radius: .5em .5em 0em 0em;
1081         -moz-border-radius: .5em .5em 0em 0em;
1082         padding:.2em;
1083         border-top:1px solid #F2F7F7;
1084         border-left:1px solid #F2F7F7;
1085         border-right:1px solid #F2F7F7;
1086                 border-bottom:1px solid #F2F7F7;
1087 /*      -moz-box-shadow:.1em .1em .1em #999999;
1088         box-shadow: .1em .1em .1em #999999;*/
1089 }
1090
1091 div.box {
1092         padding: .5em;
1093         background-color: #F5F5F5;
1094         color: black;
1095         font-size:0.85em;
1096         font-weight: normal;
1097         border-radius:.0em .0em .5em .5em;
1098         -moz-border-radius: .0em .0em .5em .5em;
1099 /*      border-left:1px solid #ccc;
1100         border-right:1px solid #ccc;
1101         border-bottom:1px solid #ccc;*/
1102 /*      -moz-box-shadow:.1em .1em .1em #999999;
1103          box-shadow: .1em .1em  .1em #999999;*/
1104 }
1105
1106 h5.box {
1107         background-color: #6F7172;
1108         border: 1px solid #B8AE9C;
1109         border-style: solid solid none solid;
1110         color: Black;
1111         padding: 0em 1em 0em 1em;
1112         display: inline;
1113         font-size:  1em;
1114         height: 1em;
1115 }
1116
1117 div.box a:link {
1118         text-decoration: none;
1119 }
1120
1121 div.box a:visited {
1122         color: #2A6C28;
1123         text-decoration: none;
1124 }
1125
1126 div.box a:hover {
1127         text-decoration: underline;
1128 }
1129
1130 .boxDetails {
1131         text-align: right;
1132 }
1133
1134 div.box .content {
1135         padding: 1em;
1136 /*      font-size:  1em;*/
1137 }
1138
1139 div.box a.close {
1140         float: right;
1141         text-transform: none;
1142         border-left: 1pt solid #B8AE9C;
1143         padding: 0em 0.2em;
1144 }
1145
1146 div.box h1,
1147 div.box h2,
1148 div.box h3,
1149 div.box h4 {
1150         margin: 0;
1151         padding: 0;
1152 }
1153
1154 div.box .even {
1155         background-color: #F7F3ED;
1156
1157 }
1158
1159 div.box .odd {
1160         background-color: transparent;
1161 }
1162
1163
1164 /* users/index.php */
1165
1166 div.course {
1167         position: relative;
1168         width: 25em;
1169         height: 10.5em;
1170         border: rgb(204, 204, 204) 1px solid;
1171         background-color: #F7F7F7;
1172         float: left;
1173         margin: 3px;
1174         padding: 5px;
1175 }
1176
1177 div.course.break {
1178         clear: left;
1179 }
1180
1181 div.course h2 {
1182         border: 0px;
1183         font-weight: normal;
1184         font-size: large;
1185
1186 }
1187
1188 div.course:hover {
1189         background-color:#FBF4E9;
1190         border: #B8AE9C 1px solid;
1191 }
1192
1193 div.course img.icon     {
1194         float: left;
1195         margin: 2px;
1196         height:6.8em;
1197         width:6.8em;
1198         margin-right:5px;
1199 }
1200 img.headicon    {
1201         float:  left;
1202         margin-top:.5em;
1203         margin-left:.5em;
1204         margin-right:.5em;
1205         height:6.45em;
1206         width:6.45em;
1207         vertical-align:top;
1208         text-align: right;
1209         border:1px solid white;
1210 }
1211 div.course div.shortcuts, a {
1212         text-align: right;
1213         text-decoration:none;
1214         clear: left;
1215         vertical-align: middle;
1216 }
1217
1218 div#alternatives_shortcuts {
1219         float: right;
1220         margin: -2em 5pt;
1221         border-radius: .5em .5em .5em .5em;;
1222         -moz-border-radius: .5em .5em .5em .5em;
1223 /*      -moz-box-shadow:.1em .1em .2em #999999;
1224          box-shadow: .1em .1em  .2em #999999;*/
1225          border:1px solid #F2F7F7;
1226          padding-top: .2em;
1227          padding-left: .2em;
1228          padding-right: .2em;
1229 }
1230
1231 fieldset#shortcuts {
1232         float: right;
1233         background-color: #FEFDEF;
1234         border: 1pt solid #B8AE9C;
1235         margin: -5pt 5pt 5pt 5pt;
1236         padding-right: 10pt;
1237         padding-bottom: 5pt;
1238         padding-left: 10pt;
1239 }
1240
1241 fieldset {
1242         margin-bottom: 10pt;
1243         border-radius: .5em .5em .5em .5em;;
1244         -moz-border-radius: .5em .5em .5em .5em;
1245         padding:.2em
1246 }
1247 div#shortcuts{
1248         border-left:thin solid #F2F7F7;
1249         border-right:thin solid #F2F7F7;
1250         border-bottom:thin solid #F2F7F7;
1251         border-radius: 0em 0em .5em .5em;
1252         -moz-border-radius: 0em 0em .5em .5em;
1253         float:right;
1254                 margin-top:-.2em;
1255 /*      -moz-box-shadow:.1em .1em .2em #999999;
1256          box-shadow: .1em .1em  .2em #999999;*/
1257         margin-right:2em;
1258         padding:.1em;
1259 }
1260 #shortcuts legend {
1261         border-radius:.5em;
1262         -moz-border-radius: .5em .5em .5em .5em;
1263         padding:.2em
1264 }
1265 #shortcuts ul {
1266 float:right;
1267         margin-bottom: 0em;
1268         margin-left: 0em;
1269         list-style-type:  none;
1270         padding-left: 0em;
1271 }
1272 #shortcuts li{
1273         display: inline;
1274 }
1275 #shortcuts li a{
1276         height:1.3em;
1277 }
1278
1279 a#guide {
1280         background-image: url('images/help.png');
1281         background-repeat: no-repeat;
1282         background-position: 2px 2px;
1283         padding: 3px 10px 5px 30px;
1284         text-decoration:none;
1285         font-size:0.85em;
1286         float:right;
1287 }
1288 div#guide_box{
1289         border-left:thin solid #cccccc;
1290         border-right:thin solid #cccccc;
1291         border-bottom:thin solid #cccccc;
1292         border-radius: 0em 0em .5em .5em;
1293         -moz-border-radius: 0em 0em .5em .5em;
1294 /*      -moz-box-shadow:.1em .1em .2em #999999;
1295         box-shadow: .1em .1em .2em #999999;*/
1296         float:right;
1297         margin-top:-.2em;
1298         margin-right:2em;
1299         padding-left:.1em;
1300         width:auto;
1301 }
1302
1303 div#content-text {
1304         padding-right: 5pt;
1305         line-height:150%;
1306 }
1307
1308 div#content-text li {
1309         margin-left: 15pt;
1310 }
1311
1312 div#content-test {
1313         float: left;
1314         margin-top: 2em;
1315         padding-right: 5pt;
1316         width: 80%;
1317 }
1318 div#content-test ol{
1319         margin-right: 5pt;
1320 }
1321
1322 div#content-test ol ul li{
1323         list-style: none;
1324         padding: 0px 2px 0px 15px;
1325         margin-bottom: 1px;
1326         line-height: 200%;
1327         background-color: #fdfdfd;
1328         border-bottom: 1px solid #efefef;
1329         border: 1px solid #eeeeff;
1330 }
1331
1332 div#content-info {
1333         margin: 5pt;
1334         font-size: small;
1335         color: #b8ae9c;
1336         clear: both;
1337 }
1338
1339 div#container {
1340         text-align: left;
1341         margin: 0px auto;
1342         padding: 0px;
1343         border:0;
1344         width: 95%;
1345         border:1px solid #cccccc;
1346         border-radius: .5em .5em .5em .5em;
1347         -moz-border-radius: .5em .5em .5em .5em;
1348 /*      -moz-box-shadow:.1em .1em .2em #999999;
1349          box-shadow: .1em .1em  .2em #999999;*/
1350         padding:.2em
1351 }
1352
1353 div#menutoggle{
1354         text-align: right;
1355         padding-bottom: 10px;
1356         padding-right: 10px;
1357         float: left;
1358         margin-top: 10px;
1359         padding-right: 5px;
1360         font-size:0.95em;
1361 }
1362
1363
1364 /* login page */
1365 div.column {
1366         float: left;
1367         width: 45%;
1368         margin: 5px;
1369         min-width: 170px;
1370 }
1371
1372 div.column h3 {
1373         background-color: #F6EAD6;
1374         border-bottom: .05em solid #6F7172;
1375         font-size: small;
1376         display:block;
1377         color:black;
1378         font-weight:600;
1379         padding-left:0.5em;
1380 }
1381
1382 div.insidecol {
1383         min-height: 170px;
1384         height: 170px;
1385         padding:5px;
1386 }
1387
1388
1389 /* index page */
1390 ul#home-links, ul#home-detail-links {
1391         list-style: none;
1392 }
1393 ul#home-links li {
1394
1395         display: inline;
1396         float: left;
1397         padding: 0.8em;
1398         text-align: center;
1399         margin: 0.1em;
1400         width: 8.5em;
1401         height: 7.0em;
1402         padding-left:0px;
1403
1404 }
1405 ul#home-links li a {
1406         text-decoration: none;
1407         border: 1px transparent;
1408         font-weight: bold;
1409 }
1410 ul#home-links li a img {
1411         border: 0px;
1412         display: block;
1413         padding-left:25px;
1414 }
1415
1416
1417 /* tree */
1418 .img-size-tree {
1419         vertical-align: middle;
1420         margin-top: 0px;
1421         margin-left:-.5em;
1422         margin-bottom:-.2em;
1423     padding:0;
1424         height:1.3em;
1425         width:1.4em;
1426 }
1427 /* profile page */
1428
1429 dl#public-profile {
1430         width: 100%;
1431
1432 }
1433 dl#public-profile dt {
1434         float: left;
1435         font-weight: bold;
1436         width: 30%;
1437         border-right: 1px solid #F7F3ED;
1438         padding: 5px 5px 5px 0px;
1439         vertical-align: middle;
1440         margin-right: 5px;
1441 }
1442 dl#public-profile dd {
1443         margin-bottom: 5px;
1444         padding: 5px 0px 5px 5px;
1445 }
1446
1447 div.social-right{
1448         width:65%;
1449         float:left;
1450         clear:right;
1451         margin-left:.5em;
1452 }
1453 div.social-left{
1454         width:29%;
1455         margin-left:.5em;
1456         float:left;
1457 }
1458 div.social-wrapper{
1459         padding:5em;
1460         border-radius:.5em .5em .5em .5em;
1461         -moz-border-radius: .5em .5em .5em .5em;
1462 /*      -moz-box-shadow:.1em .1em .2em #999999;
1463          box-shadow: .1em .1em .2em #999999;*/
1464 }
1465 /* floating layout */
1466 #contentwrapper{
1467         float: left;
1468         width: 100%;
1469 overflow:hidden;
1470
1471 }
1472 #contentcolumn {
1473         padding-right: 1em;
1474         padding-left: 1em;
1475         overflow:inherit;
1476 }
1477
1478 #leftcolumn{
1479         float: left;
1480         width:21em;
1481         overflow: hidden;
1482         margin: -10px 5px 0;
1483 }
1484
1485 #footer{
1486         clear: left;
1487         width: 100%;
1488         text-align: center;
1489         padding: 4px 0px;
1490 }
1491
1492 /** forum stuff **/
1493 #forum-thread li {border:1px solid #eee; border-bottom: 1px solid #F7F3ED; float:left; width: 97%; list-style: none; }
1494 #forum-thread li.even { background-color: #F7F3ED; border-top: none;  margin-top:.5em;}
1495 #forum-thread li.odd { background-color: #fff; margin-top:1em;}
1496 div.forum-post-author { float:left; width:150px; padding:8px 10px; }
1497 div.forum-post-author a.title {font-size: 1.1em; line-height: 1.2em; font-weight: bold; text-decoration:none; }
1498 div.forum-post-author img.profile-picture { border: 2px solid #F7F3ED; text-align:right;}
1499 div.forum-post-content { margin-left: 150px; padding: 5px 0px 18px 18px;}
1500 div.forum-post-content h3 { font-weight: 500; margin-top:-.5em; clear:right;}
1501 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;}
1502 div.forum-post-ctrl a { text-decoration: none; }
1503 div.forum-post-ctrl span { color: black; background-color: #fefdc2; padding: 3px; }
1504 div.forum-post-content p.date { color: #a1a1a1; border-bottom: 1px solid #F7F3ED;font-size:small;}
1505 div.forum-post-content div.body p { margin-bottom:1em; }
1506 div.forum-paginator{border:1px #cccccc solid; padding:.3em; width:95%;margin:auto;background-color:#F7F3ED;}
1507 span.forum-paginator-active{font-weight:700;text-decoration:underline; height:2em;}
1508
1509
1510
1511 /** inbox stuff - reuses some of the forum layout **/
1512 #inbox-msg li {border:1px solid #eee; border-bottom: 1px solid #F7F3ED; width: 95%; list-style: none; min-height: 11em;}
1513
1514
1515 /* Top navigation tabs / list */
1516 div#topnavlistcontainer {
1517         /*background-image: url('images/pencil_bottom_ds.png'); */
1518         height:1.6em;
1519         margin-left:1em;
1520         border-bottom:1px solid #cccccc;
1521         clear:both;
1522
1523 }
1524
1525 ul#topnavlist {
1526         padding: 0;
1527         margin-right: auto;
1528         margin-left: auto;
1529         margin-bottom: -2px;
1530         margin-top: -.3em;
1531  }
1532
1533 ul#topnavlist li {
1534
1535         list-style: none;
1536         display: inline-block;
1537         height:auto;
1538         border-radius: .5em .5em 0em 0em;
1539         -moz-border-radius: .5em .5em 0em 0em;
1540 /*      -moz-box-shadow:.1em .0em .1em #999999;
1541         box-shadow: .1em .0em .1em #999999;*/
1542         padding: 0em 0em 0em 0em;
1543
1544 }
1545
1546 ul#topnavlist li a:hover, ul#topnavlist li a:focus, ul#topnavlist li a.active {
1547         background-color:  #F2F7F7;
1548         color: black;
1549         text-decoration:none;
1550         border-radius: .5em .5em 0em 0em;
1551         -moz-border-radius: .5em .5em 0em 0em;
1552         padding: .1em 1.8em .2em 1.8em;
1553         border-bottom: 1px solid #F2F7F7;
1554
1555 }
1556
1557 ul#topnavlist li a {
1558     /* The normal, unselected tabs. They are all links */
1559         color: #555;
1560         font-weight:bold;
1561         border-top:1px solid #ccc;
1562         border-left:1px solid #ccc;
1563         border-right:1px solid #ccc;
1564         text-decoration:underline;
1565         background-color:white;
1566         border-radius: .5em .5em 0em 0em;
1567         -moz-border-radius: .5em .5em 0em 0em;
1568         padding: .2em 1.8em .1em 1.8em;
1569
1570 }
1571
1572
1573 ul#topnavlist li a.selected {
1574     /* The selected tab. There's only one of these */
1575         color: #555;
1576         font-weight: normal;
1577         border-radius:.3em .3em 0em 0em;
1578         -moz-border-radius: .3em .3em 0em 0em;
1579         padding: .2em 1.8em .1em 1.8em;
1580 }
1581
1582 ol#tools>li:hover {
1583         border: 1px solid #e0e0e0;
1584         background-color: #efefef;
1585 }
1586
1587 /*  tool list on admin home and manage screens  */
1588  li.top-tool {
1589         list-style: none;
1590         padding: 2px 2px 2px 5px;
1591         margin-bottom: 5px;
1592         margin-left:-1em;
1593         margin-right:1em;
1594         line-height: 200%;
1595         background-color: #fdfdfd;
1596         border-bottom: 1px solid #efefef;
1597         border: 1px solid #eeeeff;
1598 }
1599
1600 li.top-tool a {  font-weight: bold; }
1601
1602 li.child-tool a {
1603         font-weight: normal;
1604         text-decoration:underline;
1605 }
1606
1607 ul.child-top-tool {
1608         margin-top: -5px;
1609         padding-left: 0px;
1610         margin-left: 0px;
1611         display: inline;
1612 }
1613 ul.child-top-tool:before {
1614         content: " : ";
1615 }
1616
1617 li.child-tool {
1618         display: inline;
1619         margin-right: 5px;
1620 /*      font-size: 80%;*/
1621 }
1622
1623 /* to modify  tool icons on the course home page */
1624 /*
1625 #icon-color-filter{
1626         width:3.9em;
1627         height:3.85em;
1628         background-color:#000000;
1629         -moz-opacity:0.5;
1630           filter:alpha(opacity=10);
1631         opacity:.10;
1632         margin-top:-3.85em;
1633         margin-left:1.90em;
1634
1635 }
1636 */
1637 .img-size-home {
1638         height:3.85em;
1639         width:3.9em;
1640 }
1641
1642 /* browse courses */
1643 div.browse-course {
1644         width: 28em;
1645         padding-bottom: 10px;
1646         background-color: #fffaf0;
1647         border:1px #6F7172 solid;
1648 /*      font-size:9pt;*/
1649         min-height:18em;
1650         margin:auto;
1651         margin-left:1em;
1652         margin-top:1em;
1653 }
1654
1655 dl.browse-course {
1656         width: 90%;
1657         padding-bottom: 10px;
1658         background-color: #fffaf0;
1659         margin:auto;
1660         margin-left:1em;
1661 }
1662 dl.browse-course dt {
1663         float: left;
1664         font-weight: bold;
1665         width: 25%;
1666         text-align: right;
1667         clear: left;
1668         padding: 5px 10px 5px 0px;
1669         vertical-align: middle;
1670 }
1671 dl.browse-course dd {
1672         margin-bottom: 5px;
1673         clear: right;
1674         padding: 5px 0px 5px 10px;
1675         margin-left: 26%;
1676
1677 }
1678 /*  form fields grouping for WCAG 2.0 conformance*/
1679 fieldset.group_form{
1680         width:90%;
1681         margin:.5em;
1682         border:1px #6D7B8D solid;
1683         min-height: 170px;
1684         padding:.5em;
1685         background-color:#ffffff;
1686
1687 }
1688 legend.group_form{
1689         border:1px #6D7B8D solid;
1690         background-color: #EEEEEE;
1691         font-weight: 600;
1692         color: black;
1693         padding-left: 1em;
1694         padding-right: 1em;
1695         border-radius:.2em;
1696         -moz-border-radius: .2em .2em .2em .2em;
1697 /*      -moz-box-shadow:.1em .1em .1em #999999;
1698         box-shadow: .1em .1em .1em #999999;*/
1699 }
1700 /* file storage */
1701
1702 #fsfloat1{
1703         float:right;
1704 }
1705 #fsfloat2{
1706         float:right;
1707         width:48%;
1708 }
1709
1710
1711 /* highlight active links for WCAG 2.0 conformance */
1712 a:active,a:hover,a:focus{
1713         background-color:#F6EAD6;
1714         color:#000000;
1715 }
1716
1717
1718 /* menu align right layout, uncomment to enable */
1719
1720 /*
1721 h2.page-title {
1722     clear:left
1723 }
1724 h2, h3, h4, h5, h6 {
1725         clear: left;
1726 }
1727 #contentcolumn_shiftright {
1728     margin-right: 17em;
1729 margin-left:1em;
1730 margin-top:1em;
1731 }
1732 #leftcolumn{
1733     float: right;
1734 }
1735 #home-links{
1736 clear:left;
1737 }
1738 table.data {
1739         clear:left;
1740 }
1741 div#menutoggle{
1742         float: right;
1743 }
1744 #fsfloat2{
1745         float:left;
1746         width:48%;
1747 }
1748
1749 #fsfloat1{
1750         float:left;
1751 }
1752 */
1753
1754
1755
1756 /* format of "table of contents" on content page */
1757 #toc a          { display:block; margin:3px; float:left;}
1758 #toc .h2                { padding:0 0 0 10px;}
1759 #toc .h3                { padding:0 0 0 30px;}
1760 #toc .h4                { padding:0 0 0 40px; }
1761 #toc .h5                { padding:0 0 0 50px; }
1762 #toc .h6                { padding:0 0 0 60px; }
1763
1764 fieldset#toc {
1765         background-color: #FEFDEF;
1766         border: 1pt solid #B8AE9C;
1767         width:50%;
1768 }
1769
1770 #side-menu{
1771          overflow:hidden;
1772          width:20.5em;
1773          padding-bottom:.3em;
1774           padding-right:.5em;
1775 }
1776
1777 /* cleans up glossary question mark line spacing*/
1778 sup{
1779         border: 1pt solid #B8AE9C;
1780         vertical-align:bottom;
1781         margin-top: 1em;
1782 }
1783
1784 /* jQuery tooltip styles */
1785 #tooltip{
1786         position:absolute;
1787         z-index:3000;
1788         border:3px solid #111;
1789         background-color:#eeeeee;
1790         padding:5px;
1791
1792
1793 }
1794 #tooltip h3,#tooltip div{
1795         margin:0;
1796 }
1797 a.tooltip{
1798         color:blue;
1799 /*      font-size:100%;*/
1800         padding-left:.2em;
1801         padding-right:.2em;
1802         padding-bottom:.2em;
1803         text-decoration:none;
1804         border-bottom:1px dashed;
1805
1806 }
1807 /* style for home page modules "detail view" */
1808
1809 div.home_box {
1810         width: 25em;
1811         height: 130px;
1812         margin-top: sem;
1813         padding: 3px;
1814         padding-bottom: .4em;
1815         float: left;
1816 }
1817
1818 .outside_box{
1819         border:1px solid #cccccc;
1820         background: #eeeeee;
1821         padding:.2em;
1822         margin-left:.4em;
1823         width:24.5em;
1824         height:9.8em;
1825         -moz-border-radius:.3em .3em .3em .3em;
1826         border-radius: .3em .3em .3em .3em;
1827 /*      -moz-box-shadow:.1em .1em .2em #999999;
1828         box-shadow: .1em .1em .2em #999999;*/
1829         padding:.2em;
1830
1831 }
1832
1833 .inside_box{
1834         border:1px solid #cccccc;
1835         background: #ffffff;
1836         padding:.3em;
1837         width:95%;
1838         margin:auto;
1839         height:50%;
1840         margin-bottom:.2em;
1841         font-size:80%;
1842         border-radius:.5em;
1843         -moz-border-radius:.5em;
1844         padding:.2em;
1845 }
1846
1847 .home-title{
1848         font-size:90%;
1849         font-weight:bold;
1850 }
1851 .buttonbox{
1852         float:right;
1853 }
1854 .details_text{
1855         margin-left:1em;
1856
1857 }
1858 .draggable_selected {
1859         background-color: lightgray;
1860         cursor: move;
1861 }
1862 div#subnavlistcontainer {
1863         width:90%;
1864         margin:auto;
1865         height:1.8em;
1866
1867 }
1868 div#subnavbacktopage {
1869         padding-top:5px;
1870         padding-left:20px;
1871         float:left;
1872 }
1873
1874 div.toolcontainer{
1875         width:95%;
1876         margin:auto;
1877         border:1px solid #e8e8e8;
1878         padding-top:1em;
1879         padding-bottom:1em;
1880         border-radius:.5em;
1881         -moz-border-radius: .5em .5em .5em .5em;
1882 }
1883
1884 ul#subnavlist {
1885         padding-top: 4px;
1886         margin-top: 0px;
1887         font-family: Verdana,Helvetica,Arial,serif;
1888 /*font-size:1.0em;*/
1889
1890
1891 }
1892
1893 ul#subnavlist li {
1894         background-color: #FFFFFF;
1895         list-style: none;
1896         display: inline-block;
1897         font-weight:700;
1898         text-align:center;
1899         border-top:1px solid #cccccc;
1900         border-left:1px solid #cccccc;
1901         border-right:1px solid #cccccc;
1902         border-radius: .3em .3em 0em 0em;
1903         -moz-border-radius: .3em .3em 0em 0em;
1904         height:.8em;
1905 /*      -moz-box-shadow:.1em .0em .1em #999999;
1906         box-shadow: .1em .0em .1em #999999;*/
1907         padding: 0em .5em .6em .5em ;
1908 }
1909
1910 ul#subnavlist li a:hover, ul#subnavlist li a:focus, ul#subnavlist li.active, ul#subnavlist li:hover{
1911         color: black;
1912         text-decoration:none;
1913         background-color: #F8F8F8;
1914         border-bottom:thin solid #F8F8F8;
1915 }
1916
1917 ul#subnavlist li a {
1918     /* The normal, unselected tabs. They are all links */
1919         color: #555;
1920         height: 1.5em;
1921         text-decoration:underline;
1922         font-weight:500;
1923 }
1924
1925 div.menuedit{
1926         float:right;
1927         margin-top:-1.2em;
1928         border:1px solid #cccccc;
1929 }
1930 /* NEW IN ATUTOR 2.0 */
1931 /* alternate colours in the My Course list */
1932 tr.even {
1933         background-color: #F7F3ED;
1934 }
1935
1936 tr.odd {
1937         background-color: transparent;
1938 }
1939
1940 /* Content editor wrapper div */
1941
1942 .editor_wrapper{
1943         border:1px solid #cccccc;
1944         border-radius:.5em;
1945         -moz-border-radius: .5em .5em .5em .5em;
1946         padding: .1em .5em .1em .5em ;
1947 }
1948 /* Content editor tabs */
1949 .editor_buttontab {
1950         color:#000000;
1951 /*      font-size:10pt;*/
1952         border:0;
1953         white-space: nowrap;
1954         background-color: #ffffff;
1955         margin: 0px;
1956         font-weight:500;
1957         text-align:center;
1958         padding:0em 0em 0em;
1959         -moz-box-shadow:0;
1960         box-shadow: 0;
1961 }
1962 .editor_tab{
1963
1964         border-top: 1px solid #cccccc;
1965         border-left: 1px solid #cccccc;
1966         border-right: 1px solid #cccccc;
1967         border-bottom:0;
1968         margin-bottom:-.5em;
1969         text-align: center;
1970         white-space: nowrap;
1971         background-color: #ffffff;
1972         border-radius: .3em .3em 0em 0em;
1973         -moz-border-radius: .3em .3em 0em 0em;
1974 /*      -moz-box-shadow:.1em .0em .1em #999999;
1975         box-shadow: .1em .0em .1em #999999;*/
1976         padding: 0em .2em 0em .2em ;
1977         height:1.4em;
1978 }
1979 .editor_tab:hover, .editor_tab input[type=submit]:hover{
1980         background-color:#eeeeee;
1981 }
1982
1983 .editor_tab_selected{
1984         border-top: 1px solid #cccccc;
1985         border-left: 1px solid #cccccc;
1986         border-right: 1px solid #cccccc;
1987         border-bottom:0;
1988         padding: 0em .2em 0em .2em ;
1989         background-color: #eeeeee;
1990         font-weight:bold;
1991         text-align:center;
1992         white-space: nowrap;
1993         text-decoration:none;
1994         border-radius:.3em;
1995         -moz-border-radius: .3em .3em 0em 0em;
1996         height:1.4em;
1997 }
1998 .editor_tab input[type=submit]{
1999         height:1.2em;
2000 }
2001 /* 1pxgs current box on My Start */
2002 .current_box{
2003         float:left;
2004         margin-left:1em;
2005         width:30%;
2006         padding:.5em;
2007         padding-left:1em;
2008         border: 1px solid #cccccc;
2009         border-radius: .5em .5em .5em .5em;
2010         -moz-border-radius: .5em .5em .5em .5em;
2011 /*      -moz-box-shadow:.1em .1em .1em #999999;
2012          box-shadow: .1em .1em  .2em #999999;*/
2013 }
2014
2015 ul.current_list{
2016       line-height:2em;
2017       list-style-type:none;
2018       margin-left:-3em;
2019 }
2020 .current_list img{
2021       vertical-align:middle;
2022 }
2023
2024 .logoutbar{
2025       background-color: #F2F7F7;
2026       font-size:0.85em;
2027       border-bottom:1px solid #F2F7F7;
2028       height:2em;
2029           margin-top:-.15em;
2030       text-align:right;
2031       padding-right:1em;
2032       clear:both;
2033 }
2034
2035 .select {
2036       margin-left: .2em;
2037       background-color:#eeeeee;
2038       border: 1px solid #cccccc;
2039       padding-right:.1em;
2040 }
2041
2042 /* Preference Editor tabs */
2043 /* Preferences tabs */
2044
2045 table.etabbed-table     {
2046         padding-left:5em;
2047 /*      font-size:10pt;*/
2048 }
2049 /* Preference Editor tabs */
2050 .etabbed-list-container {
2051 /*      font-size:10pt;*/
2052         width:75%;
2053         margin-left:auto;
2054         margin-right:auto;
2055
2056 }
2057 .etabbed-list{
2058         margin-bottom:-.4em;
2059         height:1.8em;
2060         width:80%;
2061
2062 }
2063 .prefs-tab-spacer {
2064         background-color: transparent;
2065         width: 1em;
2066 }
2067
2068 .prefs_buttontab {
2069
2070         background-color: #ffffff;
2071         border-left:0;
2072         border-right:0;
2073         border-bottom:0;
2074         border-top:  1px solid #ffffff;
2075
2076 }
2077 .prefs_tab{
2078
2079         border-top: 1px solid #cccccc;
2080         border-left: 1px solid #cccccc;
2081         border-right: 1px solid #cccccc;
2082         border-bottom: 0;
2083         text-align: center;
2084         white-space: nowrap;
2085         background-color: #FFFFFF;
2086         border-radius: .3em .3em 0em 0em;
2087         -moz-border-radius: .3em .3em 0em 0em;
2088         padding: 0em .2em .2em .3em;
2089         display: inline;
2090         margin-left:.5em;
2091                 font-weight:bold;
2092         text-decoration:none;
2093 }
2094
2095 .prefs_tab_selected{
2096
2097         border-top: 1px solid #cccccc;
2098         border-left: 1px solid #cccccc;
2099         border-right: 1px solid #cccccc;
2100         border-bottom:0;
2101         text-align:center;
2102         white-space: nowrap;
2103         background-color: #eeeeee;
2104         border-radius:.3em .3em 0em 0em;
2105         -moz-border-radius: .3em .3em 0em 0em;
2106         padding: .2em .2em .2em .3em;
2107         display: inline;
2108         margin-left:.5em;
2109         font-weight:bold;
2110         text-decoration:none;
2111
2112 }
2113
2114 a.pref_wiz_launcher{
2115         cursor:pointer;
2116 }
2117
2118 .admin_container{
2119         border:1px solid #cccccc;
2120         border-radius:.5em;
2121         -moz-border-radius:.5em;
2122
2123 }
2124
2125 .wizscreen{
2126         background-color:#ffffff;
2127         padding:2em;
2128         line-height:2em;
2129 }
2130
2131 .wizscreen > legend{
2132         padding-left:2em;
2133         padding-right:2em;
2134         border:1px solid black;
2135         background-color:#ffffff;
2136         color:#0000FF;
2137         font-weight:bold;
2138 }
2139
2140 .wizscreen .buttons {
2141         padding-top: 2em;
2142 }
2143
2144 .wizscreen .button {
2145         margin: 0em 0.25em;
2146 }
2147
2148 .navlist{
2149         list-style: none;
2150         display: inline;
2151 }
2152 .crumbcontainer{
2153         padding:0;
2154         width:100%;
2155         height:2.5em;
2156                 clear:both;
2157 /*      font-size: 0.85em;*/
2158         padding:3px;
2159         float:left;
2160
2161 }
2162 #course_title_container{
2163         float:left;
2164         clear:both;
2165         left:1em;
2166
2167 }
2168 #my_courses_container{
2169           width:58%;
2170           min-width:38em;
2171           margin-left:1em;
2172           border:none;
2173           float:left;
2174           border-radius: .5em .5em .5em .5em;
2175         -moz-border-radius: .5em .5em .5em .5em;
2176 /*      -moz-box-shadow:.1em .1em .1em #999999;
2177          box-shadow: .1em .1em  .1em #999999;*/
2178 }
2179 .shortcut_icon{
2180         border:0;
2181         vertical-align:middle;
2182         height:1.15em;
2183         width:1.15em;
2184 }
2185 ul#content-tool-links {
2186         list-style: none outside none;
2187 }
2188 ul#content-tool-links li{
2189         display: inline;
2190         float: left;
2191         width: 5em;
2192         padding: 0 3em 0 0;
2193         text-align: center;
2194         font-size: 0.7em;
2195         font-weight:bold;
2196         color: #1A4A72;
2197         line-height:120%;
2198 }
2199 ul#content-tool-links img{
2200         border: 0 none;
2201         display: block;
2202         padding-left: 10px;
2203 }
2204 .hidden {
2205         display: none;
2206 }
2207 .clickable {
2208         cursor: pointer;
2209 }
2210 .nowrap {
2211         white-space: nowrap;
2212 }
2213 .flowplayerholder{
2214         clear:right;
2215 }
2216
2217
2218 /* Transformable repository search */
2219
2220 .browse-result{
2221         border:thin solid #cccccc;
2222         padding:.5em;
2223         width:95%;
2224         margin-left:auto;
2225         margin-right:auto;
2226         border-radius: .3em .3em .3em .3em;
2227         -moz-border-radius: .3em .3em .3em .3em;
2228 /*      -moz-box-shadow:.1em .1em .1em #999999;
2229         box-shadow: .1em .1em .1em #999999;*/
2230 }
2231
2232 .tr_results_tools{
2233         float:right;
2234         padding-left:.2em;
2235         padding-right:.2em;
2236         padding-top:.2em;
2237         border:thin solid #cccccc;
2238         border-radius: .3em .3em .3em .3em;
2239         -moz-border-radius: .3em .3em .3em .3em;
2240 /*      -moz-box-shadow:.1em .1em .1em #999999;
2241         box-shadow: .1em .1em .1em #999999;*/
2242 }
2243
2244 div.pageinator_box{
2245         width:95%;
2246         margin-left:auto;
2247         margin-right:auto;
2248         margin-bottom: -.5em;
2249         border-top:thin solid #cccccc;
2250         border-left:thin solid #cccccc;
2251         border-right:thin solid #cccccc;
2252         border-radius: .3em .3em 0em 0em;
2253         -moz-border-radius: .3em .3em 0em 0em;
2254 }
2255
2256 #previewText{
2257         font-family: monospace;
2258         border: 2px solid rgb(0, 0, 0);
2259         padding:1em;
2260         color: rgb(255, 255, 255);
2261         background-color: rgb(0, 0, 0);
2262 }
2263 #previewArea{
2264         padding: 0em;
2265         border-bottom-width: 0px;
2266         margin-left: auto;
2267         margin-right: auto;
2268         font-weight: normal;
2269         float:left;
2270         clear:right;
2271         line-height:1.5;
2272
2273 }
2274 #display-settings-preview{
2275         width:60%;
2276         float:left;
2277 }
2278 #feedback{
2279         width: 90%;
2280 }
2281 #defaultfontsize-wrapper{
2282         width:25%;
2283         float:left;
2284 }
2285
2286 /* ATutor Social Styles */
2287
2288 div .profile_container {
2289         background-color:#eee;
2290         border: 1px solid #8e8e8e;
2291         width:80%;
2292         padding:0.5em;
2293         margin-bottom: 0.5em;
2294 }
2295
2296 div .profile_container .top_right {
2297         float: right;
2298 }
2299
2300 dl.public-profile dd{
2301         margin-left:0px;
2302 }
2303 dl.public-profile dt {
2304         float: left;
2305         font-weight: bold;
2306         min-width:12em;
2307 }
2308
2309 /* Search form */
2310 div .search_form {
2311         margin-bottom: 1em;
2312 }
2313
2314 div .search_form .row{
2315 /*      background-color: #DEDEC0;*/
2316                 background-color: #ffffff;
2317         padding: 8px;
2318 }
2319 div .button {
2320         background-color: #eee;
2321         border: 1px solid #aaa;
2322 }
2323 div .button:hover{
2324         background-color: #cccccc;
2325         color: #ffffff;
2326 }
2327
2328 /* Side menu */
2329
2330
2331 ul.social_side_menu {
2332         padding-left: 2em;
2333 }
2334 ul.social_side_menu li {
2335         padding-bottom: 0.2em;
2336         list-style: circle;
2337 }
2338
2339 div .divider {
2340         border-bottom:1px solid #C1C157;
2341         padding-bottom:0.5em;
2342         margin-bottom:0.5em;
2343 }
2344
2345 .activity{
2346         line-height:18pt;
2347         font-size:.8em;
2348 }
2349
2350 div.headingbox, h3.headingbox, a.headingbox{
2351         border:1px #cccccc solid;
2352         padding:.2em;
2353         background-color: #eeeeee;
2354         text-decoration:none;
2355         line-height:1em;
2356         font-size:.7em;
2357 }
2358
2359 div.contentbox, input-form{
2360         margin-left:.2em;
2361         margin-right:.2em;
2362         border-left:1px #cccccc solid;
2363         border-right:1px #dddddd solid;
2364         border-bottom:1px #cccccc solid;
2365         padding:.5em;
2366         background-color: #ffffff;
2367         overflow:hidden;
2368 }
2369
2370 div.suggestions{
2371         border:1px solid #a50707;
2372         margin-left:10px;
2373         width:50%;
2374 }
2375 li.inlinelist{
2376         display: inline;
2377         padding-right: 1em;
2378 }
2379 ul.social_inline_menu{
2380         background-color: #eeeeee;
2381         border:thin #cccccc solid;
2382         padding:.5em;
2383         width:90%;
2384         margin:auto;
2385 }
2386 div.social-wrapper{
2387         border:thin solid #cccccc;
2388         width:95%;
2389         padding:.5em;
2390         margin:auto;
2391 }
2392
2393 .network-activity{
2394     float:left;
2395     width:55%;
2396 }
2397 .my-contacts{
2398     float:right;
2399     width:38%;
2400     min-width:38%;
2401 }
2402 .my-network-groups{
2403     float:right;
2404     clear:right;
2405     width:38%;
2406     max-width:38%;
2407 }
2408 .people-you-may-know{
2409     padding-top:1em;
2410     float:right;
2411     clear:right;
2412     width:38%;
2413     min-width:38%;
2414  }
2415 .contentbox-a{
2416     width: 100%;
2417 }
2418 .contentbox-b{
2419     padding-bottom:0.2em;
2420 }
2421 .logo{
2422 float:left;
2423 clear:right;
2424 margin-left:2em;
2425 }
2426 .content-settings{
2427         width: 30%;
2428         float: left;
2429 }
2430 .current-content{
2431         color:red;
2432 }
2433 .del-content-icon{
2434         border:0;
2435 height:.9em;
2436 width:.9em;
2437 /*font-size:100%;*/
2438 }
2439 div.bypass{
2440 height:1px;
2441 }
2442 /* relative image size styles */
2443
2444 img.img1616{
2445 height:1.6em;
2446 width:1.6em;
2447 }
2448
2449 img.img1111{
2450 height:.8em;
2451 width:.8em;
2452 }
2453 img.img2424{
2454
2455
2456 }
2457 input[type=image].fl-force-right{
2458 height:.9em;
2459 width:.9em;
2460 font-size:100%;
2461 }
2462
2463 .fl-force-right{
2464 float:right;
2465
2466 }
2467 img.fl-col{
2468 height:3.5em;
2469 width:3.5em;
2470 /*font-size:100%;*/
2471 }
2472
2473
2474 /*  Photo Album Styles
2475  *
2476  *
2477  *
2478  *
2479  */
2480 div.topbar{
2481         float:left;
2482         width: 95%;
2483 }
2484 div.paginator{
2485         float: right;
2486         margin: 0px;
2487 }
2488 .paginator ul li{
2489         list-style: none;
2490 }
2491 .paginator li{
2492         padding-right: 0.5em;
2493         float: left;
2494 }
2495
2496 div.summary{
2497         float: left;
2498         margin-top: 0.5em;
2499         width:70%;
2500 }
2501
2502 div.album_panel{
2503         float: left;
2504         background: #F7F7F7;
2505         border: 1px solid #D2D2D2;
2506         width: 96%;
2507         border-radius:.5em;
2508         -moz-border-radius: .5em .5em .5em .5em;
2509 /*      -moz-box-shadow:.2em .2em .1em #999999;
2510     box-shadow: .2em .2em .1em #999999;*/
2511         padding:.3em;
2512 }
2513 div.album_panel div.photo_wrapper {
2514         /* This class is to fix the problem where the images shift
2515          * to the right when there is a border upon selection
2516          */
2517         height: 150px;
2518         float: left;
2519 }
2520 div.album_panel .photo_frame{
2521         float: left;
2522         margin: 0.2em;
2523         min-height: 140px;
2524         min-width: 140px;
2525         text-align: center;
2526 }
2527 div.album_panel .photo_frame a:focus, div.album_panel .photo_frame a:hover{
2528         cursor: pointer;
2529         float:left;
2530         min-width: 140px;
2531         min-height: 140px;
2532         background: #FCE6C9;
2533 }
2534 div.album_panel .photo_frame img{
2535         background: #FFFFFF;
2536         border: 1px solid #D2D2D2;
2537         padding: 0.2em;
2538 }
2539 div.album_panel .album_description{
2540         margin: 0.5em;
2541         width: 95%;
2542         float: left;
2543 }
2544
2545 div.search_bar {
2546         /* background-image: url('images/search_bg.png');
2547         background-repeat: no-repeat; */
2548         background-color:#ffffff;
2549         border:thin solid #cccccc;
2550         margin-left: 0.5em;
2551         margin-top: 0.5em;
2552         height: 27px;
2553         width: 180px;
2554         float: left;
2555         border-radius:.5em;
2556         -moz-border-radius:.8em .8em .8em .8em;
2557 /*              -moz-box-shadow:.2em .2em .1em #999999;
2558     box-shadow: .2em .2em .1em #999999;*/
2559 }
2560 div.search_bar .s{
2561         float: left;
2562         border: 0px;
2563         margin-top: 0.3em;
2564         margin-left: 0.5em;
2565         width: 148px;
2566 }
2567 div.search_bar .s_img{
2568         float: right;
2569         border: 0px;
2570         margin-top: 0.375em;
2571         margin-top: -1.4em\9; /* the \9 to accomodate IE 7&8 */
2572         margin-right: 0.4em;
2573 }
2574
2575 div.album {
2576         background: #FFFFFF;
2577         padding:1em;
2578         border: 1px solid #D2D2D2;
2579         width: 95%;
2580         margin: 0.5em;
2581         float: left;
2582         border-radius:.5em .5em .5em .5em;
2583         -moz-border-radius: .5em .5em .5em .5em;
2584 /*              -moz-box-shadow:.2em .2em .1em #999999;
2585     box-shadow: .2em .2em .1em #999999;*/
2586 }
2587 div.album .image{
2588         float: left;
2589         margin: 0.5em;
2590         min-width: 140px;
2591 }
2592 div.album img{
2593         border-width: 0px;
2594 }
2595 div.album .image img.no-image {
2596         float: left;
2597         width: 130px;
2598         height: 97px;
2599         background-color: #EFEFEF;
2600 }
2601 div.album .info{
2602         float: left;
2603         width: 70%;
2604 }
2605 div.album .info span{
2606         float: left;
2607         color: #666666;
2608 }
2609 div.album .info p{
2610         font-size: 0.85em;
2611         margin: 0;
2612 }
2613 div.album .search_photo_frame{
2614         float: left;
2615         margin: 0.2em;
2616         min-height: 160px;
2617         max-height: 160px;
2618         max-width: 140px;
2619         text-align: center;
2620         border: 1px solid #d3d3d3;
2621         overflow: hidden;
2622 }
2623 div.album .search_slider{
2624         float: left;
2625         overflow: hidden;
2626         position: relative;     /* ie7 */
2627 }
2628 div.album .search_slider_left{
2629         float: left;
2630         width: 10%;
2631 }
2632 div.album .search_slider_right{
2633         float: right;
2634         text-align: right;
2635         width: 10%;
2636 }
2637 div.album .search_slider ul {
2638         list-style-type: none;
2639         margin: 0;
2640         padding: 0;
2641         width: 99999px;
2642         position: relative;
2643 }
2644 div.album .search_slider ul li{
2645         float: left;
2646 }
2647 div.album .search_slider_a{
2648         width: 80%;
2649 }
2650 div.album .search_slider_p{
2651         width: 730px;   /* 146 per frame, 5 frame per row */
2652 }
2653 div.album .search_slider_p ul li{
2654 /*      height: 576px;  /* 144 per frame, 4 row */
2655         width: 730px;   /* 146 per frame, 5 frame per row */
2656 }
2657 div.album .search_paginator {
2658         width: 100%;
2659 }
2660
2661 div.add_photo{
2662         float: left;
2663         background: #F7F7F7;
2664         border: 1px solid #D2D2D2;
2665         width: 96%;
2666         border-radius:.5em;
2667         -moz-border-radius: .3em .3em .3em .3em;
2668         margin-bottom:.2em;
2669 }
2670 div.add_photo ul{
2671         margin: 0px;
2672         padding: 0px;
2673 }
2674 div.add_photo .toggle_uploader{
2675         width: 95%;
2676         margin: 0.5em;
2677 }
2678 div.add_photo div#ajax_uploader{
2679         display: none;
2680         margin-top: 0.5em;
2681 }
2682 div.add_photo .files .tn {
2683         max-height: 30px;
2684 }
2685 div.add_photo img{
2686         border: 0;
2687 }
2688 div.add_photo ul li{
2689         float: left;
2690         padding: 0.2em;
2691         list-style: none;
2692         width: 100%;
2693         height: 100%;
2694         border-bottom: 1px solid #ddd;
2695 /*      display: inline; */
2696 }
2697 div.add_photo p.memory_usage {
2698         float: right;
2699         font-size: 0.9em;
2700         color: #5B5B5B;
2701 }
2702
2703 div.add_profile_photo{
2704         float: left;
2705         background: #F7F7F7;
2706         border: 1px solid #D2D2D2;
2707         width: 96%;
2708         border-radius:.5em;
2709         -moz-border-radius: .5em .5em .5em .5em;
2710 /*              -moz-box-shadow:.2em .2em .1em #999999;
2711     box-shadow: .2em .2em .1em #999999;*/
2712         margin-bottom:.2em;
2713
2714 }
2715 div.add_profile_photo .profile_photo{
2716         float: left;
2717         padding: 0.5em;
2718
2719 }
2720 div.add_profile_photo .uploader{
2721         float: left;
2722         width: 50%;
2723         padding: 0.5em;
2724         border-bottom: 1px solid #ddd;
2725 }
2726
2727 div.photo_panel{
2728         background: #F7F7F7;
2729         float: left;
2730         border: 1px solid #D2D2D2;
2731         text-align: center;
2732         width: 95%;
2733         padding: 0.5em;
2734         border-radius:.5em;
2735         -moz-border-radius: .5em .5em .5em .5em;
2736 }
2737 div.photo_panel img{
2738         background: #FFFFFF;
2739         border: 1px solid #D2D2D2;
2740         padding: 0.2em;
2741 }
2742 div.photo_panel div.ordering{
2743         float:left;
2744 }
2745 div.photo_panel div.paginator{
2746         float:right;
2747 }
2748 div.photo_panel .flc-inlineEditable{
2749         width: 604px;
2750         margin: 0 auto;
2751         padding-top: 0.5em;
2752         padding-bottom: 0.5em;
2753 }
2754 div.comment_panel{
2755         background: #FFFFFF;
2756         float: left;
2757         border: 1px solid #D2D2D2;
2758         width: 95%;
2759         padding:.5em;
2760         border-radius: .3em .3em .3em .3em;
2761         -moz-border-radius: .3em .3em .3em .3em;
2762 /*              -moz-box-shadow:.2em .2em .1em #999999;
2763     box-shadow: .2em .2em .1em #999999;*/
2764         margin-top:.2em;
2765 }
2766 div.comment_panel .comment_feeds{
2767         float: left;
2768         width: 50%;
2769 }
2770 div.comment_panel .photo_actions{
2771         margin: 0.5em;
2772         max-width: 49%;
2773         background: #F7F7F7;
2774         float:right;
2775         padding:1em;
2776         border:thin solid #cccccc;
2777         border-radius:.3em;
2778         -moz-border-radius: .3em .3em .3em .3em;
2779 }
2780 .row textarea#comment_template, textarea#comment_template active{
2781         background-color:#eeeeee;
2782         border:thin solid #eeeeee;
2783         border:thin solid #cccccc;
2784         padding:.2em;
2785         border-radius:.3em;
2786         -moz-border-radius: .3em .3em .3em .3em;
2787 }
2788 .row textarea#comment{
2789         background-color:#ffffff;
2790         border:thin solid #eeeeee;
2791         border:thin solid #cccccc;
2792         padding:.2em;
2793         border-radius:.3em;
2794         -moz-border-radius: .3em .3em .3em .3em;
2795 }
2796 div.comment_panel textarea{
2797         width:100%;
2798 }
2799
2800 div.comment_box{
2801         float:left;
2802         width:100%;
2803         margin: 0.5em;
2804         padding-top: 0.5em;
2805         padding-bottom: 0.5em;
2806         background: #F7F7F7;
2807 }
2808 div.comment_box .comment_actions{
2809         float: left;
2810         margin-top: 1em;
2811         font-size: 0.8em;
2812         color: #666666;
2813 }
2814
2815 div.edit_photo_frame{
2816         width: 95%;
2817         float: left;
2818         padding: 0.2em;
2819         background: #F7F7F7;
2820         border:thin solid #cccccc;
2821         border-radius:.5em;
2822         -moz-border-radius: .5em .5em .5em .5em;
2823 }
2824 div.edit_photo_box{
2825         float: left;
2826         border: 1px solid #D2D2D2;
2827         background: white;
2828         margin: 0.2em;
2829         margin-bottom: 0.8em;
2830         padding: 0.8em;
2831         width: 94%;
2832         border-radius:.3em;
2833         -moz-border-radius: .3em .3em .3em .3em;
2834 }
2835 div.edit_photo_box .info{
2836         float: left;
2837         width: 60%;
2838 }
2839
2840 .info textarea{
2841         background-color: #eeeeee;
2842         border:thin solid #cccccc;
2843         border-radius:.3em;
2844         -moz-border-radius: .3em .3em .3em .3em;
2845         margin-top:.2em;
2846 }
2847 div.edit_photo_box .info textarea.alt_text{
2848         height: 2.5em;
2849 }
2850 div.edit_photo_box .info textarea{
2851         width: 100%;
2852 }
2853 div.edit_photo_box .action{
2854         float: right;
2855         background: #F7F7F7;
2856         min-width: 140px;
2857         padding:.2em;
2858         border:thin solid #cccccc;
2859         border-radius:.3em;
2860         -moz-border-radius: .3em .3em .3em .3em;
2861 }
2862
2863
2864 /* FLUID Image Reorderer */
2865 .fl-imageReorderer-item {
2866 }
2867 .fl-reorderer-movable-hover a{
2868         cursor: pointer;
2869         background-color: #ECEECC;
2870 }
2871 .fl-reorderer-movable-dragging a{
2872         background-color: #ECEECC;
2873 }
2874 .fl-reorderer-dropMarker {
2875         border: 2px solid red;
2876         min-height: 100px;
2877         float: left;
2878 }
2879 .fl-reorderer-avatar {
2880         opacity: 0.6;
2881         filter:alpha(opacity=60);
2882 }
2883
2884
2885 /* FLUID Simple Inline Editor */
2886 .fl-inlineEdit-invitation {
2887    background-color: #FFECB3 !important;
2888    border: 1px solid #CCC !important;
2889 }
2890 .fl-inlineEdit-focus {
2891     border: 2px solid #777777;
2892 }
2893
2894
2895 .pa_tool_link{
2896
2897 text-decoration:none;
2898 }
2899
2900 .pa_tool_image{
2901 vertical-align:middle;
2902 margin-right:.5em;
2903 }
2904
2905
2906 /* End Photo Album Styles
2907  *
2908  *
2909  *
2910  *
2911  */