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:-.5em;
 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:-1em;
 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:-1em;
 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:4em;
 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-forum {
1333         float: left;
1334         margin-top: 2em;
1335         padding-right: 5pt;
1336         width: 80%;
1337 }
1338 div#content-forum ol{
1339         margin-right: 5pt;
1340 }
1341
1342 div#content-forum ol ul li{
1343         list-style: none;
1344         padding: 0px 2px 0px 15px;
1345         margin-bottom: 1px;
1346         line-height: 200%;
1347         background-color: #fdfdfd;
1348         border-bottom: 1px solid #efefef;
1349         border: 1px solid #eeeeff;
1350 }
1351
1352
1353 div#content-info {
1354         margin: 5pt;
1355         font-size: small;
1356         color: #b8ae9c;
1357         clear: both;
1358 }
1359
1360 div#container {
1361         text-align: left;
1362         margin: 0px auto;
1363         padding: 0px;
1364         border:0;
1365         width: 95%;
1366         border:1px solid #cccccc;
1367         border-radius: .5em .5em .5em .5em;
1368         -moz-border-radius: .5em .5em .5em .5em;
1369 /*      -moz-box-shadow:.1em .1em .2em #999999;
1370          box-shadow: .1em .1em  .2em #999999;*/
1371         padding:.2em
1372 }
1373
1374 div#menutoggle{
1375         text-align: right;
1376         padding-bottom: 10px;
1377         padding-right: 10px;
1378         float: left;
1379         margin-top: 10px;
1380         padding-right: 5px;
1381         font-size:0.95em;
1382 }
1383
1384
1385 /* login page */
1386 div.column {
1387         float: left;
1388         width: 45%;
1389         margin: 5px;
1390         min-width: 170px;
1391 }
1392
1393 div.column h3 {
1394         background-color: #F6EAD6;
1395         border-bottom: .05em solid #6F7172;
1396         font-size: small;
1397         display:block;
1398         color:black;
1399         font-weight:600;
1400         padding-left:0.5em;
1401 }
1402
1403 div.insidecol {
1404         min-height: 170px;
1405         height: 170px;
1406         padding:5px;
1407 }
1408
1409
1410 /* index page */
1411 ul#home-links, ul#home-detail-links {
1412         list-style: none;
1413 }
1414 ul#home-links li {
1415
1416         display: inline;
1417         float: left;
1418         padding: 0.8em;
1419         text-align: center;
1420         margin: 0.1em;
1421         width: 8.5em;
1422         height: 7.0em;
1423         padding-left:0px;
1424
1425 }
1426 ul#home-links li a {
1427         text-decoration: none;
1428         border: 1px transparent;
1429         font-weight: bold;
1430 }
1431 ul#home-links li a img {
1432         border: 0px;
1433         display: block;
1434         padding-left:25px;
1435 }
1436
1437
1438 /* tree */
1439 .img-size-tree {
1440         vertical-align: middle;
1441         margin-top: 0px;
1442         margin-left:-.5em;
1443         margin-bottom:-.2em;
1444     padding:0;
1445         height:1.3em;
1446         width:1.4em;
1447 }
1448 /* profile page */
1449
1450 dl#public-profile {
1451         width: 100%;
1452
1453 }
1454 dl#public-profile dt {
1455         float: left;
1456         font-weight: bold;
1457         width: 30%;
1458         border-right: 1px solid #F7F3ED;
1459         padding: 5px 5px 5px 0px;
1460         vertical-align: middle;
1461         margin-right: 5px;
1462 }
1463 dl#public-profile dd {
1464         margin-bottom: 5px;
1465         padding: 5px 0px 5px 5px;
1466 }
1467
1468 div.social-right{
1469         width:65%;
1470         float:left;
1471         clear:right;
1472         margin-left:.5em;
1473 }
1474 div.social-left{
1475         width:29%;
1476         margin-left:.5em;
1477         float:left;
1478 }
1479 div.social-wrapper{
1480         padding:5em;
1481         border-radius:.5em .5em .5em .5em;
1482         -moz-border-radius: .5em .5em .5em .5em;
1483 /*      -moz-box-shadow:.1em .1em .2em #999999;
1484          box-shadow: .1em .1em .2em #999999;*/
1485 }
1486 /* floating layout */
1487 #contentwrapper{
1488         float: left;
1489         width: 100%;
1490 overflow:hidden;
1491
1492 }
1493 #contentcolumn {
1494         padding-right: 1em;
1495         padding-left: 1em;
1496         overflow:inherit;
1497 }
1498
1499 #leftcolumn{
1500         float: left;
1501         width:21em;
1502         overflow: hidden;
1503         margin: -10px 5px 0;
1504 }
1505
1506 #footer{
1507         clear: left;
1508         width: 100%;
1509         text-align: center;
1510         padding: 4px 0px;
1511 }
1512
1513 /** forum stuff **/
1514 .forum-thread li {border:1px solid #eee; border-bottom: 1px solid #F7F3ED; float:left; width: 97%; list-style: none; }
1515 .forum-thread li.even { background-color: #F7F3ED; border-top: none;  margin-top:.5em;}
1516 .forum-thread li.odd { background-color: #fff; margin-top:1em;}
1517 div.forum-post-author { float:left; width:150px; padding:8px 10px; }
1518 div.forum-post-author a.title {font-size: 1.1em; line-height: 1.2em; font-weight: bold; text-decoration:none; }
1519 div.forum-post-author img.profile-picture { border: 2px solid #F7F3ED; text-align:right;}
1520 div.forum-post-content { margin-left: 150px; padding: 5px 0px 18px 18px;}
1521 div.forum-post-content h3 { font-weight: 500; margin-top:-.5em; clear:right;}
1522 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;}
1523 div.forum-post-ctrl a { text-decoration: none; }
1524 div.forum-post-ctrl span { color: black; background-color: #fefdc2; padding: 3px; }
1525 div.forum-post-content p.date { color: #a1a1a1; border-bottom: 1px solid #F7F3ED;font-size:small;}
1526 div.forum-post-content div.body p { margin-bottom:1em; }
1527 div.forum-paginator{border:1px #cccccc solid; padding:.3em; width:95%;margin:auto;background-color:#F7F3ED;}
1528 span.forum-paginator-active{font-weight:700;text-decoration:underline; height:2em;}
1529
1530
1531
1532 /** inbox stuff - reuses some of the forum layout **/
1533 #inbox-msg li {border:1px solid #eee; border-bottom: 1px solid #F7F3ED; width: 95%; list-style: none; min-height: 11em;}
1534
1535
1536 /* Top navigation tabs / list */
1537 div#topnavlistcontainer {
1538         /*background-image: url('images/pencil_bottom_ds.png'); */
1539         height:1.6em;
1540         margin-left:1em;
1541         clear:both;
1542
1543
1544 }
1545
1546 ul#topnavlist {
1547         padding: 0;
1548         margin-right: auto;
1549         margin-left: auto;
1550         margin-bottom: -2px;
1551         margin-top: -.3em;
1552  }
1553
1554 ul#topnavlist li {
1555
1556         list-style: none;
1557         display: inline-block;
1558         height:auto;
1559         border-radius: .5em .5em 0em 0em;
1560         -moz-border-radius: .5em .5em 0em 0em;
1561 /*      -moz-box-shadow:.1em .0em .1em #999999;
1562         box-shadow: .1em .0em .1em #999999;*/
1563         padding: 0em 0em 0em 0em;
1564
1565 }
1566
1567 ul#topnavlist li a:hover, ul#topnavlist li a:focus, ul#topnavlist li a.active {
1568         background-color:  #F2F7F7;
1569         color: black;
1570         text-decoration:none;
1571         border-radius: .5em .5em 0em 0em;
1572         -moz-border-radius: .5em .5em 0em 0em;
1573         padding: .1em 1.8em .2em 1.8em;
1574         border-bottom: 1px solid #F2F7F7;
1575
1576 }
1577
1578 ul#topnavlist li a {
1579     /* The normal, unselected tabs. They are all links */
1580         color: #555;
1581         font-weight:bold;
1582         border-top:1px solid #ccc;
1583         border-left:1px solid #ccc;
1584         border-right:1px solid #ccc;
1585         text-decoration:underline;
1586         background-color:white;
1587         border-radius: .5em .5em 0em 0em;
1588         -moz-border-radius: .5em .5em 0em 0em;
1589         padding: .2em 1.8em .1em 1.8em;
1590
1591 }
1592
1593
1594 ul#topnavlist li a.selected {
1595     /* The selected tab. There's only one of these */
1596         color: #555;
1597         font-weight: normal;
1598         border-radius:.3em .3em 0em 0em;
1599         -moz-border-radius: .3em .3em 0em 0em;
1600         padding: 1em 1.8em 1em 1.8em;
1601         margin-bottom:0em;
1602 }
1603
1604 ol#tools>li:hover {
1605         border: 1px solid #e0e0e0;
1606         background-color: #efefef;
1607 }
1608
1609 /*  tool list on admin home and manage screens  */
1610  li.top-tool {
1611         list-style: none;
1612         padding: 2px 2px 2px 5px;
1613         margin-bottom: 5px;
1614         margin-left:-1em;
1615         margin-right:1em;
1616         line-height: 200%;
1617         background-color: #fdfdfd;
1618         border-bottom: 1px solid #efefef;
1619         border: 1px solid #eeeeff;
1620 }
1621
1622 li.top-tool a {  font-weight: bold; }
1623
1624 li.child-tool a {
1625         font-weight: normal;
1626         text-decoration:underline;
1627 }
1628
1629 ul.child-top-tool {
1630         margin-top: -5px;
1631         padding-left: 0px;
1632         margin-left: 0px;
1633         display: inline;
1634 }
1635 ul.child-top-tool:before {
1636         content: " : ";
1637 }
1638
1639 li.child-tool {
1640         display: inline;
1641         margin-right: 5px;
1642 /*      font-size: 80%;*/
1643 }
1644
1645 /* to modify  tool icons on the course home page */
1646 /*
1647 #icon-color-filter{
1648         width:3.9em;
1649         height:3.85em;
1650         background-color:#000000;
1651         -moz-opacity:0.5;
1652           filter:alpha(opacity=10);
1653         opacity:.10;
1654         margin-top:-3.85em;
1655         margin-left:1.90em;
1656
1657 }
1658 */
1659 .img-size-home {
1660         height:3.85em;
1661         width:3.9em;
1662 }
1663
1664 /* browse courses */
1665 div.browse-course {
1666         width: 28em;
1667         padding-bottom: 10px;
1668         background-color: #fffaf0;
1669         border:1px #6F7172 solid;
1670 /*      font-size:9pt;*/
1671         min-height:18em;
1672         margin:auto;
1673         margin-left:1em;
1674         margin-top:1em;
1675 }
1676
1677 dl.browse-course {
1678         width: 90%;
1679         padding-bottom: 10px;
1680         background-color: #fffaf0;
1681         margin:auto;
1682         margin-left:1em;
1683 }
1684 dl.browse-course dt {
1685         float: left;
1686         font-weight: bold;
1687         width: 25%;
1688         text-align: right;
1689         clear: left;
1690         padding: 5px 10px 5px 0px;
1691         vertical-align: middle;
1692 }
1693 dl.browse-course dd {
1694         margin-bottom: 5px;
1695         clear: right;
1696         padding: 5px 0px 5px 10px;
1697         margin-left: 26%;
1698
1699 }
1700 /*  form fields grouping for WCAG 2.0 conformance*/
1701 fieldset.group_form{
1702         width:90%;
1703         margin:.5em;
1704         border:1px #6D7B8D solid;
1705         min-height: 170px;
1706         padding:.5em;
1707         background-color:#ffffff;
1708
1709 }
1710 legend.group_form{
1711         border:1px #6D7B8D solid;
1712         background-color: #EEEEEE;
1713         font-weight: 600;
1714         color: black;
1715         padding-left: 1em;
1716         padding-right: 1em;
1717         border-radius:.2em;
1718         -moz-border-radius: .2em .2em .2em .2em;
1719 /*      -moz-box-shadow:.1em .1em .1em #999999;
1720         box-shadow: .1em .1em .1em #999999;*/
1721 }
1722 /* file storage */
1723
1724 #fsfloat1{
1725         float:right;
1726 }
1727 #fsfloat2{
1728         float:right;
1729         width:48%;
1730 }
1731
1732
1733 /* highlight active links for WCAG 2.0 conformance */
1734 a:active,a:hover,a:focus{
1735         background-color:#F6EAD6;
1736         color:#000000;
1737 }
1738
1739
1740 /* menu align right layout, uncomment to enable */
1741
1742 /*
1743 h2.page-title {
1744     clear:left
1745 }
1746 h2, h3, h4, h5, h6 {
1747         clear: left;
1748 }
1749 #contentcolumn_shiftright {
1750     margin-right: 17em;
1751 margin-left:1em;
1752 margin-top:1em;
1753 }
1754 #leftcolumn{
1755     float: right;
1756 }
1757 #home-links{
1758 clear:left;
1759 }
1760 table.data {
1761         clear:left;
1762 }
1763 div#menutoggle{
1764         float: right;
1765 }
1766 #fsfloat2{
1767         float:left;
1768         width:48%;
1769 }
1770
1771 #fsfloat1{
1772         float:left;
1773 }
1774 */
1775
1776
1777
1778 /* format of "table of contents" on content page */
1779 #toc a          { display:block; margin:3px; float:left;}
1780 #toc .h2                { padding:0 0 0 10px;}
1781 #toc .h3                { padding:0 0 0 30px;}
1782 #toc .h4                { padding:0 0 0 40px; }
1783 #toc .h5                { padding:0 0 0 50px; }
1784 #toc .h6                { padding:0 0 0 60px; }
1785
1786 fieldset#toc {
1787         background-color: #FEFDEF;
1788         border: 1pt solid #B8AE9C;
1789         width:50%;
1790 }
1791
1792 #side-menu{
1793          overflow:hidden;
1794          width:20.5em;
1795          padding-bottom:.3em;
1796           padding-right:.5em;
1797 }
1798
1799 /* cleans up glossary question mark line spacing*/
1800 sup{
1801         border: 1pt solid #B8AE9C;
1802         vertical-align:bottom;
1803         margin-top: 1em;
1804 }
1805
1806 /* jQuery tooltip styles */
1807 #tooltip{
1808         position:absolute;
1809         z-index:3000;
1810         border:3px solid #111;
1811         background-color:#eeeeee;
1812         padding:5px;
1813
1814
1815 }
1816 #tooltip h3,#tooltip div{
1817         margin:0;
1818 }
1819 a.tooltip{
1820         color:blue;
1821 /*      font-size:100%;*/
1822         padding-left:.2em;
1823         padding-right:.2em;
1824         padding-bottom:.2em;
1825         text-decoration:none;
1826         border-bottom:1px dashed;
1827
1828 }
1829 /* style for home page modules "detail view" */
1830
1831 div.home_box {
1832         width: 25em;
1833         height: 130px;
1834         margin-top: sem;
1835         padding: 3px;
1836         padding-bottom: .4em;
1837         float: left;
1838 }
1839
1840 .outside_box{
1841         border:1px solid #cccccc;
1842         background: #eeeeee;
1843         padding:.2em;
1844         margin-left:.4em;
1845         width:24.5em;
1846         height:9.8em;
1847         -moz-border-radius:.3em .3em .3em .3em;
1848         border-radius: .3em .3em .3em .3em;
1849 /*      -moz-box-shadow:.1em .1em .2em #999999;
1850         box-shadow: .1em .1em .2em #999999;*/
1851         padding:.2em;
1852
1853 }
1854
1855 .inside_box{
1856         border:1px solid #cccccc;
1857         background: #ffffff;
1858         padding:.3em;
1859         width:95%;
1860         margin:auto;
1861         height:50%;
1862         margin-bottom:.2em;
1863         font-size:80%;
1864         border-radius:.5em;
1865         -moz-border-radius:.5em;
1866         padding:.2em;
1867 }
1868
1869 .home-title{
1870         font-size:90%;
1871         font-weight:bold;
1872 }
1873 .buttonbox{
1874         float:right;
1875 }
1876 .details_text{
1877         margin-left:1em;
1878
1879 }
1880 .draggable_selected {
1881         background-color: lightgray;
1882         cursor: move;
1883 }
1884 div#subnavlistcontainer {
1885         width:90%;
1886         margin:auto;
1887         height:1.8em;
1888
1889 }
1890 div#subnavbacktopage {
1891         padding-top:5px;
1892         padding-left:20px;
1893         float:left;
1894 }
1895
1896 div.toolcontainer{
1897         width:95%;
1898         margin:auto;
1899         border:1px solid #e8e8e8;
1900         padding-top:1em;
1901         padding-bottom:1em;
1902         border-radius:.5em;
1903         -moz-border-radius: .5em .5em .5em .5em;
1904 }
1905
1906 ul#subnavlist {
1907         padding-top: 4px;
1908         margin-top: 0px;
1909         font-family: Verdana,Helvetica,Arial,serif;
1910 /*font-size:1.0em;*/
1911
1912
1913 }
1914
1915 ul#subnavlist li {
1916         background-color: #FFFFFF;
1917         list-style: none;
1918         display: inline-block;
1919         font-weight:700;
1920         text-align:center;
1921         border-top:1px solid #cccccc;
1922         border-left:1px solid #cccccc;
1923         border-right:1px solid #cccccc;
1924         border-radius: .3em .3em 0em 0em;
1925         -moz-border-radius: .3em .3em 0em 0em;
1926         height:.8em;
1927 /*      -moz-box-shadow:.1em .0em .1em #999999;
1928         box-shadow: .1em .0em .1em #999999;*/
1929         padding: 0em .5em .6em .5em ;
1930 }
1931
1932 ul#subnavlist li a:hover, ul#subnavlist li a:focus, ul#subnavlist li.active, ul#subnavlist li:hover{
1933         color: black;
1934         text-decoration:none;
1935         background-color: #F8F8F8;
1936         border-bottom:thin solid #F8F8F8;
1937 }
1938
1939 ul#subnavlist li a {
1940     /* The normal, unselected tabs. They are all links */
1941         color: #555;
1942         height: 1.5em;
1943         text-decoration:underline;
1944         font-weight:500;
1945 }
1946
1947 div.menuedit{
1948         float:right;
1949         margin-top:-1.2em;
1950         border:1px solid #cccccc;
1951 }
1952 /* NEW IN ATUTOR 2.0 */
1953 /* alternate colours in the My Course list */
1954 tr.even {
1955         background-color: #F7F3ED;
1956 }
1957
1958 tr.odd {
1959         background-color: transparent;
1960 }
1961
1962 /* Content editor wrapper div */
1963
1964 .editor_wrapper{
1965         border:1px solid #cccccc;
1966         border-radius:.5em;
1967         -moz-border-radius: .5em .5em .5em .5em;
1968         padding: .1em .5em .1em .5em ;
1969 }
1970 /* Content editor tabs */
1971 .editor_buttontab {
1972         color:#000000;
1973 /*      font-size:10pt;*/
1974         border:0;
1975         white-space: nowrap;
1976         background-color: #ffffff;
1977         margin: 0px;
1978         font-weight:500;
1979         text-align:center;
1980         padding:0em 0em 0em;
1981         -moz-box-shadow:0;
1982         box-shadow: 0;
1983 }
1984 .editor_tab{
1985
1986         border-top: 1px solid #cccccc;
1987         border-left: 1px solid #cccccc;
1988         border-right: 1px solid #cccccc;
1989         border-bottom:0;
1990         margin-bottom:-.5em;
1991         text-align: center;
1992         white-space: nowrap;
1993         background-color: #ffffff;
1994         border-radius: .3em .3em 0em 0em;
1995         -moz-border-radius: .3em .3em 0em 0em;
1996 /*      -moz-box-shadow:.1em .0em .1em #999999;
1997         box-shadow: .1em .0em .1em #999999;*/
1998         padding: 0em .2em 0em .2em ;
1999         height:1.4em;
2000 }
2001 .editor_tab:hover, .editor_tab input[type=submit]:hover{
2002         background-color:#eeeeee;
2003 }
2004
2005 .editor_tab_selected{
2006         border-top: 1px solid #cccccc;
2007         border-left: 1px solid #cccccc;
2008         border-right: 1px solid #cccccc;
2009         border-bottom:0;
2010         padding: 0em .2em 0em .2em ;
2011         background-color: #eeeeee;
2012         font-weight:bold;
2013         text-align:center;
2014         white-space: nowrap;
2015         text-decoration:none;
2016         border-radius:.3em;
2017         -moz-border-radius: .3em .3em 0em 0em;
2018         height:1.4em;
2019 }
2020 .editor_tab input[type=submit]{
2021         height:1.2em;
2022 }
2023 /* 1pxgs current box on My Start */
2024 .current_box{
2025         float:left;
2026         margin-left:1em;
2027         width:30%;
2028         padding:.5em;
2029         padding-left:1em;
2030         border: 1px solid #cccccc;
2031         border-radius: .5em .5em .5em .5em;
2032         -moz-border-radius: .5em .5em .5em .5em;
2033 /*      -moz-box-shadow:.1em .1em .1em #999999;
2034          box-shadow: .1em .1em  .2em #999999;*/
2035 }
2036
2037 ul.current_list{
2038       line-height:2em;
2039       list-style-type:none;
2040       margin-left:-3em;
2041 }
2042 .current_list img{
2043       vertical-align:middle;
2044 }
2045
2046 .logoutbar{
2047       background-color: #F2F7F7;
2048       font-size:0.85em;
2049       border-bottom:1px solid #F2F7F7;
2050       height:2em;
2051       text-align:right;
2052       padding-right:1em;
2053       clear:both;
2054 }
2055
2056 .select {
2057       margin-left: .2em;
2058       background-color:#eeeeee;
2059       border: 1px solid #cccccc;
2060       padding-right:.1em;
2061 }
2062
2063 /* Preference Editor tabs */
2064 /* Preferences tabs */
2065
2066 table.etabbed-table     {
2067         padding-left:5em;
2068 /*      font-size:10pt;*/
2069 }
2070 /* Preference Editor tabs */
2071 .etabbed-list-container {
2072 /*      font-size:10pt;*/
2073         width:75%;
2074         margin-left:auto;
2075         margin-right:auto;
2076
2077 }
2078 .etabbed-list{
2079         margin-bottom:-.4em;
2080         height:1.8em;
2081         width:80%;
2082
2083 }
2084 .prefs-tab-spacer {
2085         background-color: transparent;
2086         width: 1em;
2087 }
2088
2089 .prefs_buttontab {
2090
2091         background-color: #ffffff;
2092         border-left:0;
2093         border-right:0;
2094         border-bottom:0;
2095         border-top:  1px solid #ffffff;
2096
2097 }
2098 .prefs_tab{
2099
2100         border-top: 1px solid #cccccc;
2101         border-left: 1px solid #cccccc;
2102         border-right: 1px solid #cccccc;
2103         border-bottom: 0;
2104         text-align: center;
2105         white-space: nowrap;
2106         background-color: #FFFFFF;
2107         border-radius: .3em .3em 0em 0em;
2108         -moz-border-radius: .3em .3em 0em 0em;
2109         padding: 0em .2em .2em .3em;
2110         display: inline;
2111         margin-left:.5em;
2112                 font-weight:bold;
2113         text-decoration:none;
2114 }
2115
2116 .prefs_tab_selected{
2117
2118         border-top: 1px solid #cccccc;
2119         border-left: 1px solid #cccccc;
2120         border-right: 1px solid #cccccc;
2121         border-bottom:0;
2122         text-align:center;
2123         white-space: nowrap;
2124         background-color: #eeeeee;
2125         border-radius:.3em .3em 0em 0em;
2126         -moz-border-radius: .3em .3em 0em 0em;
2127         padding: .2em .2em .2em .3em;
2128         display: inline;
2129         margin-left:.5em;
2130         font-weight:bold;
2131         text-decoration:none;
2132
2133 }
2134
2135 a.pref_wiz_launcher{
2136         cursor:pointer;
2137 }
2138
2139 .admin_container{
2140         border:1px solid #cccccc;
2141         border-radius:.5em;
2142         -moz-border-radius:.5em;
2143
2144 }
2145
2146 .wizscreen{
2147         background-color:#ffffff;
2148         padding:2em;
2149         line-height:2em;
2150 }
2151
2152 .wizscreen > legend{
2153         padding-left:2em;
2154         padding-right:2em;
2155         border:1px solid black;
2156         background-color:#ffffff;
2157         color:#0000FF;
2158         font-weight:bold;
2159 }
2160
2161 .wizscreen .buttons {
2162         padding-top: 2em;
2163 }
2164
2165 .wizscreen .button {
2166         margin: 0em 0.25em;
2167 }
2168
2169 .navlist{
2170         list-style: none;
2171         display: inline;
2172 }
2173 .crumbcontainer{
2174         padding:0;
2175         width:100%;
2176         height:2.5em;
2177                 clear:both;
2178 /*      font-size: 0.85em;*/
2179         padding:3px;
2180         float:left;
2181
2182 }
2183 #course_title_container{
2184         float:left;
2185         clear:both;
2186         left:1em;
2187
2188 }
2189 #my_courses_container{
2190           width:58%;
2191           min-width:38em;
2192           margin-left:1em;
2193           border:none;
2194           float:left;
2195           border-radius: .5em .5em .5em .5em;
2196         -moz-border-radius: .5em .5em .5em .5em;
2197 /*      -moz-box-shadow:.1em .1em .1em #999999;
2198          box-shadow: .1em .1em  .1em #999999;*/
2199 }
2200 .shortcut_icon{
2201         border:0;
2202         vertical-align:middle;
2203         height:1.15em;
2204         width:1.15em;
2205 }
2206 ul#content-tool-links {
2207         list-style: none outside none;
2208 }
2209 ul#content-tool-links li{
2210         display: inline;
2211         float: left;
2212         width: 5em;
2213         padding: 0 3em 0 0;
2214         text-align: center;
2215         font-size: 0.7em;
2216         font-weight:bold;
2217         color: #1A4A72;
2218         line-height:120%;
2219 }
2220 ul#content-tool-links img{
2221         border: 0 none;
2222         display: block;
2223         padding-left: 10px;
2224 }
2225 .hidden {
2226         display: none;
2227 }
2228 .clickable {
2229         cursor: pointer;
2230 }
2231 .nowrap {
2232         white-space: nowrap;
2233 }
2234 .flowplayerholder{
2235         clear:right;
2236 }
2237
2238
2239 /* Transformable repository search */
2240
2241 .browse-result{
2242         border:thin solid #cccccc;
2243         padding:.5em;
2244         width:95%;
2245         margin-left:auto;
2246         margin-right:auto;
2247         border-radius: .3em .3em .3em .3em;
2248         -moz-border-radius: .3em .3em .3em .3em;
2249 /*      -moz-box-shadow:.1em .1em .1em #999999;
2250         box-shadow: .1em .1em .1em #999999;*/
2251 }
2252
2253 .tr_results_tools{
2254         float:right;
2255         padding-left:.2em;
2256         padding-right:.2em;
2257         padding-top:.2em;
2258         border:thin solid #cccccc;
2259         border-radius: .3em .3em .3em .3em;
2260         -moz-border-radius: .3em .3em .3em .3em;
2261 /*      -moz-box-shadow:.1em .1em .1em #999999;
2262         box-shadow: .1em .1em .1em #999999;*/
2263 }
2264
2265 div.pageinator_box{
2266         width:95%;
2267         margin-left:auto;
2268         margin-right:auto;
2269         margin-bottom: -.5em;
2270         border-top:thin solid #cccccc;
2271         border-left:thin solid #cccccc;
2272         border-right:thin solid #cccccc;
2273         border-radius: .3em .3em 0em 0em;
2274         -moz-border-radius: .3em .3em 0em 0em;
2275 }
2276
2277 #previewText{
2278         font-family: monospace;
2279         border: 2px solid rgb(0, 0, 0);
2280         padding:1em;
2281         color: rgb(255, 255, 255);
2282         background-color: rgb(0, 0, 0);
2283 }
2284 #previewArea{
2285         padding: 0em;
2286         border-bottom-width: 0px;
2287         margin-left: auto;
2288         margin-right: auto;
2289         font-weight: normal;
2290         float:left;
2291         clear:right;
2292         line-height:1.5;
2293
2294 }
2295 #display-settings-preview{
2296         width:60%;
2297         float:left;
2298 }
2299 #feedback{
2300         width: 90%;
2301 }
2302 #defaultfontsize-wrapper{
2303         width:25%;
2304         float:left;
2305 }
2306
2307 /* ATutor Social Styles */
2308
2309 div .profile_container {
2310         background-color:#eee;
2311         border: 1px solid #8e8e8e;
2312         width:80%;
2313         padding:0.5em;
2314         margin-bottom: 0.5em;
2315 }
2316
2317 div .profile_container .top_right {
2318         float: right;
2319 }
2320
2321 dl.public-profile dd{
2322         margin-left:0px;
2323 }
2324 dl.public-profile dt {
2325         float: left;
2326         font-weight: bold;
2327         min-width:12em;
2328 }
2329
2330 /* Search form */
2331 div .search_form {
2332         margin-bottom: 1em;
2333 }
2334
2335 div .search_form .row{
2336 /*      background-color: #DEDEC0;*/
2337                 background-color: #ffffff;
2338         padding: 8px;
2339 }
2340 div .button {
2341         background-color: #eee;
2342         border: 1px solid #aaa;
2343 }
2344 div .button:hover{
2345         background-color: #cccccc;
2346         color: #ffffff;
2347 }
2348
2349 /* Side menu */
2350
2351
2352 ul.social_side_menu {
2353         padding-left: 2em;
2354 }
2355 ul.social_side_menu li {
2356         padding-bottom: 0.2em;
2357         list-style: circle;
2358 }
2359
2360 div .divider {
2361         border-bottom:1px solid #C1C157;
2362         padding-bottom:0.5em;
2363         margin-bottom:0.5em;
2364 }
2365
2366 .activity{
2367         line-height:18pt;
2368         font-size:.8em;
2369 }
2370
2371 div.headingbox, h3.headingbox, a.headingbox{
2372         border:1px #cccccc solid;
2373         padding:.2em;
2374         background-color: #eeeeee;
2375         text-decoration:none;
2376         line-height:1em;
2377         font-size:.7em;
2378 }
2379
2380 div.contentbox, input-form{
2381         margin-left:.2em;
2382         margin-right:.2em;
2383         border-left:1px #cccccc solid;
2384         border-right:1px #dddddd solid;
2385         border-bottom:1px #cccccc solid;
2386         padding:.5em;
2387         background-color: #ffffff;
2388         overflow:hidden;
2389 }
2390
2391 div.suggestions{
2392         border:1px solid #a50707;
2393         margin-left:10px;
2394         width:50%;
2395 }
2396 li.inlinelist{
2397         display: inline;
2398         padding-right: 1em;
2399 }
2400 ul.social_inline_menu{
2401         background-color: #eeeeee;
2402         border:thin #cccccc solid;
2403         padding:.5em;
2404         width:90%;
2405         margin:auto;
2406 }
2407 div.social-wrapper{
2408         border:thin solid #cccccc;
2409         width:95%;
2410         padding:.5em;
2411         margin:auto;
2412 }
2413
2414 .network-activity{
2415     float:left;
2416     width:55%;
2417 }
2418 .my-contacts{
2419     float:right;
2420     width:38%;
2421     min-width:38%;
2422 }
2423 .my-network-groups{
2424     float:right;
2425     clear:right;
2426     width:38%;
2427     max-width:38%;
2428 }
2429 .people-you-may-know{
2430     padding-top:1em;
2431     float:right;
2432     clear:right;
2433     width:38%;
2434     min-width:38%;
2435  }
2436 .contentbox-a{
2437     width: 100%;
2438 }
2439 .contentbox-b{
2440     padding-bottom:0.2em;
2441 }
2442 .logo{
2443 float:left;
2444 clear:right;
2445 margin-left:2em;
2446 }
2447 .content-settings{
2448         width: 30%;
2449         float: left;
2450 }
2451 .current-content{
2452         color:red;
2453 }
2454 .del-content-icon{
2455         border:0;
2456 height:.9em;
2457 width:.9em;
2458 /*font-size:100%;*/
2459 }
2460 div.bypass{
2461 height:1px;
2462 }
2463 /* relative image size styles */
2464
2465 input.img1616{
2466 cursor:pointer;
2467 }
2468
2469 input.img1616, img.img1616{
2470 height:1.6em;
2471 width:1.6em;
2472 }
2473
2474 img.img1111{
2475 height:.8em;
2476 width:.8em;
2477 }
2478 img.img2424{
2479
2480
2481 }
2482 input[type=image].fl-force-right{
2483 height:.9em;
2484 width:.9em;
2485 font-size:100%;
2486 }
2487
2488 .fl-force-right{
2489 float:right;
2490
2491 }
2492 img.fl-col{
2493 height:3.5em;
2494 width:3.5em;
2495 /*font-size:100%;*/
2496 }
2497
2498
2499 /*  Photo Album Styles
2500  *
2501  *
2502  *
2503  *
2504  */
2505 div.topbar{
2506         float:left;
2507         width: 95%;
2508 }
2509 div.paginator{
2510         float: right;
2511         margin: 0px;
2512 }
2513 .paginator ul li{
2514         list-style: none;
2515 }
2516 .paginator li{
2517         padding-right: 0.5em;
2518         float: left;
2519 }
2520
2521 div.summary{
2522         float: left;
2523         margin-top: 0.5em;
2524         width:70%;
2525 }
2526
2527 div.album_panel{
2528         float: left;
2529         background: #F7F7F7;
2530         border: 1px solid #D2D2D2;
2531         width: 96%;
2532         border-radius:.5em;
2533         -moz-border-radius: .5em .5em .5em .5em;
2534 /*      -moz-box-shadow:.2em .2em .1em #999999;
2535     box-shadow: .2em .2em .1em #999999;*/
2536         padding:.3em;
2537 }
2538 div.album_panel div.photo_wrapper {
2539         /* This class is to fix the problem where the images shift
2540          * to the right when there is a border upon selection
2541          */
2542         height: 150px;
2543         float: left;
2544 }
2545 div.album_panel .photo_frame{
2546         float: left;
2547         margin: 0.2em;
2548         min-height: 140px;
2549         min-width: 140px;
2550         text-align: center;
2551 }
2552 div.album_panel .photo_frame a:focus, div.album_panel .photo_frame a:hover{
2553         cursor: pointer;
2554         float:left;
2555         min-width: 140px;
2556         min-height: 140px;
2557         background: #FCE6C9;
2558 }
2559 div.album_panel .photo_frame img{
2560         background: #FFFFFF;
2561         border: 1px solid #D2D2D2;
2562         padding: 0.2em;
2563 }
2564 div.album_panel .album_description{
2565         margin: 0.5em;
2566         width: 95%;
2567         float: left;
2568 }
2569
2570 div.search_bar {
2571         /* background-image: url('images/search_bg.png');
2572         background-repeat: no-repeat; */
2573         background-color:#ffffff;
2574         border:thin solid #cccccc;
2575         margin-left: 0.5em;
2576         margin-top: 0.5em;
2577         height: 27px;
2578         width: 180px;
2579         float: left;
2580         border-radius:.5em;
2581         -moz-border-radius:.8em .8em .8em .8em;
2582 /*              -moz-box-shadow:.2em .2em .1em #999999;
2583     box-shadow: .2em .2em .1em #999999;*/
2584 }
2585 div.search_bar .s{
2586         float: left;
2587         border: 0px;
2588         margin-top: 0.3em;
2589         margin-left: 0.5em;
2590         width: 148px;
2591 }
2592 div.search_bar .s_img{
2593         float: right;
2594         border: 0px;
2595         margin-top: 0.375em;
2596         margin-top: -1.4em\9; /* the \9 to accomodate IE 7&8 */
2597         margin-right: 0.4em;
2598 }
2599
2600 div.album {
2601         background: #FFFFFF;
2602         padding:1em;
2603         border: 1px solid #D2D2D2;
2604         width: 95%;
2605         margin: 0.5em;
2606         float: left;
2607         border-radius:.5em .5em .5em .5em;
2608         -moz-border-radius: .5em .5em .5em .5em;
2609 /*              -moz-box-shadow:.2em .2em .1em #999999;
2610     box-shadow: .2em .2em .1em #999999;*/
2611 }
2612 div.album .image{
2613         float: left;
2614         margin: 0.5em;
2615         min-width: 140px;
2616 }
2617 div.album img{
2618         border-width: 0px;
2619 }
2620 div.album .image img.no-image {
2621         float: left;
2622         width: 130px;
2623         height: 97px;
2624         background-color: #EFEFEF;
2625 }
2626 div.album .info{
2627         float: left;
2628         width: 70%;
2629 }
2630 div.album .info span{
2631         float: left;
2632         color: #666666;
2633 }
2634 div.album .info p{
2635         font-size: 0.85em;
2636         margin: 0;
2637 }
2638 div.album .search_photo_frame{
2639         float: left;
2640         margin: 0.2em;
2641         min-height: 160px;
2642         max-height: 160px;
2643         max-width: 140px;
2644         text-align: center;
2645         border: 1px solid #d3d3d3;
2646         overflow: hidden;
2647 }
2648 div.album .search_slider{
2649         float: left;
2650         overflow: hidden;
2651         position: relative;     /* ie7 */
2652 }
2653 div.album .search_slider_left{
2654         float: left;
2655         width: 10%;
2656 }
2657 div.album .search_slider_right{
2658         float: right;
2659         text-align: right;
2660         width: 10%;
2661 }
2662 div.album .search_slider ul {
2663         list-style-type: none;
2664         margin: 0;
2665         padding: 0;
2666         width: 99999px;
2667         position: relative;
2668 }
2669 div.album .search_slider ul li{
2670         float: left;
2671 }
2672 div.album .search_slider_a{
2673         width: 80%;
2674 }
2675 div.album .search_slider_p{
2676         width: 730px;   /* 146 per frame, 5 frame per row */
2677 }
2678 div.album .search_slider_p ul li{
2679 /*      height: 576px;  /* 144 per frame, 4 row */
2680         width: 730px;   /* 146 per frame, 5 frame per row */
2681 }
2682 div.album .search_paginator {
2683         width: 100%;
2684 }
2685
2686 div.add_photo{
2687         float: left;
2688         background: #F7F7F7;
2689         border: 1px solid #D2D2D2;
2690         width: 96%;
2691         border-radius:.5em;
2692         -moz-border-radius: .3em .3em .3em .3em;
2693         margin-bottom:.2em;
2694 }
2695 div.add_photo ul{
2696         margin: 0px;
2697         padding: 0px;
2698 }
2699 div.add_photo .toggle_uploader{
2700         width: 95%;
2701         margin: 0.5em;
2702 }
2703 div.add_photo div#ajax_uploader{
2704         display: none;
2705         margin-top: 0.5em;
2706 }
2707 div.add_photo .files .tn {
2708         max-height: 30px;
2709 }
2710 div.add_photo img{
2711         border: 0;
2712 }
2713 div.add_photo ul li{
2714         float: left;
2715         padding: 0.2em;
2716         list-style: none;
2717         width: 100%;
2718         height: 100%;
2719         border-bottom: 1px solid #ddd;
2720 /*      display: inline; */
2721 }
2722 div.add_photo p.memory_usage {
2723         float: right;
2724         font-size: 0.9em;
2725         color: #5B5B5B;
2726 }
2727
2728 div.add_profile_photo{
2729         float: left;
2730         background: #F7F7F7;
2731         border: 1px solid #D2D2D2;
2732         width: 96%;
2733         border-radius:.5em;
2734         -moz-border-radius: .5em .5em .5em .5em;
2735 /*              -moz-box-shadow:.2em .2em .1em #999999;
2736     box-shadow: .2em .2em .1em #999999;*/
2737         margin-bottom:.2em;
2738
2739 }
2740 div.add_profile_photo .profile_photo{
2741         float: left;
2742         padding: 0.5em;
2743
2744 }
2745 div.add_profile_photo .uploader{
2746         float: left;
2747         width: 50%;
2748         padding: 0.5em;
2749         border-bottom: 1px solid #ddd;
2750 }
2751
2752 div.photo_panel{
2753         background: #F7F7F7;
2754         float: left;
2755         border: 1px solid #D2D2D2;
2756         text-align: center;
2757         width: 95%;
2758         padding: 0.5em;
2759         border-radius:.5em;
2760         -moz-border-radius: .5em .5em .5em .5em;
2761 }
2762 div.photo_panel img{
2763         background: #FFFFFF;
2764         border: 1px solid #D2D2D2;
2765         padding: 0.2em;
2766 }
2767 div.photo_panel div.ordering{
2768         float:left;
2769 }
2770 div.photo_panel div.paginator{
2771         float:right;
2772 }
2773 div.photo_panel .flc-inlineEditable{
2774         width: 604px;
2775         margin: 0 auto;
2776         padding-top: 0.5em;
2777         padding-bottom: 0.5em;
2778 }
2779 div.comment_panel{
2780         background: #FFFFFF;
2781         float: left;
2782         border: 1px solid #D2D2D2;
2783         width: 95%;
2784         padding:.5em;
2785         border-radius: .3em .3em .3em .3em;
2786         -moz-border-radius: .3em .3em .3em .3em;
2787 /*              -moz-box-shadow:.2em .2em .1em #999999;
2788     box-shadow: .2em .2em .1em #999999;*/
2789         margin-top:.2em;
2790 }
2791 div.comment_panel .comment_feeds{
2792         float: left;
2793         width: 50%;
2794 }
2795 div.comment_panel .photo_actions{
2796         margin: 0.5em;
2797         max-width: 49%;
2798         background: #F7F7F7;
2799         float:right;
2800         padding:1em;
2801         border:thin solid #cccccc;
2802         border-radius:.3em;
2803         -moz-border-radius: .3em .3em .3em .3em;
2804 }
2805 .row textarea#comment_template, textarea#comment_template active{
2806         background-color:#eeeeee;
2807         border:thin solid #eeeeee;
2808         border:thin solid #cccccc;
2809         padding:.2em;
2810         border-radius:.3em;
2811         -moz-border-radius: .3em .3em .3em .3em;
2812 }
2813 .row textarea#comment{
2814         background-color:#ffffff;
2815         border:thin solid #eeeeee;
2816         border:thin solid #cccccc;
2817         padding:.2em;
2818         border-radius:.3em;
2819         -moz-border-radius: .3em .3em .3em .3em;
2820 }
2821 div.comment_panel textarea{
2822         width:100%;
2823 }
2824
2825 div.comment_box{
2826         float:left;
2827         width:100%;
2828         margin: 0.5em;
2829         padding-top: 0.5em;
2830         padding-bottom: 0.5em;
2831         background: #F7F7F7;
2832 }
2833 div.comment_box .comment_actions{
2834         float: left;
2835         margin-top: 1em;
2836         font-size: 0.8em;
2837         color: #666666;
2838 }
2839
2840 div.edit_photo_frame{
2841         width: 95%;
2842         float: left;
2843         padding: 0.2em;
2844         background: #F7F7F7;
2845         border:thin solid #cccccc;
2846         border-radius:.5em;
2847         -moz-border-radius: .5em .5em .5em .5em;
2848 }
2849 div.edit_photo_box{
2850         float: left;
2851         border: 1px solid #D2D2D2;
2852         background: white;
2853         margin: 0.2em;
2854         margin-bottom: 0.8em;
2855         padding: 0.8em;
2856         width: 94%;
2857         border-radius:.3em;
2858         -moz-border-radius: .3em .3em .3em .3em;
2859 }
2860 div.edit_photo_box .info{
2861         float: left;
2862         width: 60%;
2863 }
2864
2865 .info textarea{
2866         background-color: #eeeeee;
2867         border:thin solid #cccccc;
2868         border-radius:.3em;
2869         -moz-border-radius: .3em .3em .3em .3em;
2870         margin-top:.2em;
2871 }
2872 div.edit_photo_box .info textarea.alt_text{
2873         height: 2.5em;
2874 }
2875 div.edit_photo_box .info textarea{
2876         width: 100%;
2877 }
2878 div.edit_photo_box .action{
2879         float: right;
2880         background: #F7F7F7;
2881         min-width: 140px;
2882         padding:.2em;
2883         border:thin solid #cccccc;
2884         border-radius:.3em;
2885         -moz-border-radius: .3em .3em .3em .3em;
2886 }
2887
2888
2889 /* FLUID Image Reorderer */
2890 .fl-imageReorderer-item {
2891 }
2892 .fl-reorderer-movable-hover a{
2893         cursor: pointer;
2894         background-color: #ECEECC;
2895 }
2896 .fl-reorderer-movable-dragging a{
2897         background-color: #ECEECC;
2898 }
2899 .fl-reorderer-dropMarker {
2900         border: 2px solid red;
2901         min-height: 100px;
2902         float: left;
2903 }
2904 .fl-reorderer-avatar {
2905         opacity: 0.6;
2906         filter:alpha(opacity=60);
2907 }
2908
2909
2910 /* FLUID Simple Inline Editor */
2911 .fl-inlineEdit-invitation {
2912    background-color: #FFECB3 !important;
2913    border: 1px solid #CCC !important;
2914 }
2915 .fl-inlineEdit-focus {
2916     border: 2px solid #777777;
2917 }
2918
2919
2920 .pa_tool_link{
2921
2922 text-decoration:none;
2923 }
2924
2925 .pa_tool_image{
2926 vertical-align:middle;
2927 margin-right:.5em;
2928 }
2929
2930
2931 /* End Photo Album Styles
2932  *
2933  *
2934  *
2935  *
2936  */