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