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