docs/themes/default/styles.css

   1 html,body{
   2         height:100%;
   3 }
   4 .site-name{
   5         font-size:small;
   6         font-weight:bold;
   7         padding-left:1em;
   8         color:gray;
   9         white-space:nowrap;
  10         margin-left:.8em;
  11         float:left;
  12 }
  13 /* main body attributes */
  14 body {
  15         font-family: Verdana, Helevetica, Arial, sans-serif;
  16         font-size:.8em;
  17         margin:0px;
  18         background-color: #F2F9FA;
  19 }
  20 .page_wrapper{
  21 /*      border:1px solid #aaaaaa;*/
  22         width:100%;
  23         margin-left:auto;
  24         margin-right:auto;
  25         background-color: #ffffff;
  26         border-radius: 1em 1em 1em 1em;
  27         -moz-border-radius: 1em 1em 1em 1em;
  28 /*      -moz-box-shadow:.1em .1em  #999999;
  29         box-shadow: .1em .1em  #999999;*/
  30 /*      background-image: url('images/atutor_head.jpg');*/
  31         background-position: 0% 0%;
  32         background-repeat: repeat-x;
  33     background-size:auto auto;
  34
  35 }
  36 p {
  37         margin: 0.5em 0em 1em 0em;
  38         text-align: justify;
  39         line-height: 150%;
  40 /*      font-size: 1em;*/
  41 }
  42
  43 p a {
  44         text-decoration: underline;
  45 }
  46
  47 p a:visited {
  48         color: #3F2670;
  49         background-color: transparent;
  50 }
  51
  52 p a:active {
  53         color: #A50707;
  54         background-color: transparent;
  55 }
  56
  57 h1, h2, h3, h4, h5, h6 {
  58         color: #545454;
  59         font: 100% Verdana, Helvetica, Arial, sans-serif;
  60         font-weight: bold;
  61         margin: 0;
  62         padding-top: 0.5em;
  63 }
  64
  65 h1 {
  66         font-size: 160%;
  67 }
  68
  69 h2 {
  70         font-size: 150%;
  71 }
  72 h2.sidebox{
  73         font-size: 110%;
  74 }
  75 h2.box{
  76         font-size: 110%;
  77 }
  78 h3 {
  79         font-size: 130%;
  80 }
  81
  82 h4 {
  83         font-size: 120%;
  84 }
  85
  86
  87 h5 {
  88         font-size: 100%;
  89 }
  90
  91
  92
  93 /*  Table of content attributes*/
  94 p.toc{
  95         font-family: Verdana, Helevetica, Arial, sans-serif;
  96         background-color: #E9F4F3;
  97         padding: .6em;
  98         margin-bottom: .6em;
  99         margin-top: 0em;
 100         margin-left: 1em;
 101         margin-right: 3em;
 102         border: 1px #ACCFCC solid;
 103 }
 104
 105 /* list attributes */
 106 ul {
 107         font-family: Verdana, Helevetica, Arial, sans-serif;
 108         margin-bottom: 0px;
 109         margin-top: 0px;
 110         margin-right: 0px;
 111 }
 112
 113 li {
 114         font-family: Verdana, Helevetica, Arial, sans-serif;
 115         margin-bottom: 0px;
 116         margin-top: 0px;
 117         margin-right: 0px;
 118 }
 119
 120 li.folders {
 121         list-style: disc url(../../images/folder.gif) outside;
 122         font-family: Verdana, Helevetica, Arial, sans-serif;
 123         margin-bottom: 0px;
 124         margin-top: 0px;
 125         margin-right: 0px;
 126 }
 127
 128 li.folders .disabled {
 129         color: #B8AE9C;
 130 }
 131
 132 ul.folder{
 133
 134         list-style-image:none;
 135         list-style-position:outside;
 136         list-style-type:none;
 137         margin:0em;
 138         padding:0em;
 139
 140 }
 141
 142 /* link attributes */
 143 a:link, a:visited  {
 144         color: #1A4A72;
 145 }
 146 a:hover {
 147         color: #932318;
 148         color:#ffffff;
 149 }
 150 a:active {
 151         color: #932318;
 152 }
 153 /* align text to the left */
 154 .left {
 155         text-align: left;
 156 }
 157
 158 a.dropdown-title {
 159         color: white;
 160         font-weight: normal;
 161         text-decoration: none;
 162 }
 163
 164
 165 /* table border */
 166 .tableborder {
 167         border: 1px #595241 solid;
 168 }
 169
 170 /* main submit button */
 171 .button {
 172         background-color: #efefef;
 173         font-weight: normal;
 174         border:  #AAA  solid 1px;
 175         border-radius: .3em .3em .3em .3em;
 176         -moz-border-radius: .3em .3em .3em .3em;
 177 /*      -moz-box-shadow:.1em .1em .2em #999999;
 178         box-shadow: .1em .1em .2em #999999;*/
 179 /*      font-size:100%;*/
 180
 181 }
 182 .button:focus {
 183
 184         border:1px solid #cccccc;
 185
 186 }
 187 .button:active {
 188         background-color: #000000;
 189 }
 190 /* small submit button at top */
 191 .button2 {
 192         font-family: Verdana, Helevetica, Arial, sans-serif;
 193         background-color: #E9F4F3;
 194
 195 }
 196 .button2:focus {
 197         background-color: #E9F4F3;
 198         border:  #ACCFCC  solid 1px;
 199 }
 200
 201 /* date attributes */
 202 small.date {
 203         font-family: Verdana, Helevetica, Arial, sans-serif;
 204         color: #595241;
 205         margin-bottom: 0px;
 206         margin-top: 0px;
 207         margin-left: 5px;
 208         margin-right: 0px;
 209         font-size:1em;
 210 }
 211
 212 /* page breakline */
 213 hr {
 214         color: #ACCFCC;
 215         background-color: white;
 216         height: 1px;
 217 }
 218
 219 /* message box styles */
 220
 221 /* Editor box small */
 222 .editorsmallbox {
 223         font-family: Verdana, Helevetica, Arial, sans-serif;
 224         background-color: #E9F4F3;
 225         padding: 2px;
 226         padding-right: 3px;
 227         border: 1px #ACCFCC solid;
 228 }
 229
 230 /* Editor box large */
 231 .editorlargebox {
 232         font-family: Verdana, Helevetica, Arial, sans-serif;
 233         background-color: #E9F4F3;
 234         margin-left:1em;
 235         padding-left: .2em;
 236         padding-right: .5em;
 237         padding-top: .5em;
 238         padding-bottom: .4em;
 239         border: 1px #ACCFCC solid;
 240 }
 241
 242
 243 select.dropdown {
 244         font-family: Verdana, Helevetica, Arial, sans-serif;
 245 }
 246
 247 .highlight, a.highlight {
 248         background-color: #5B8E88;
 249         color: white;
 250 }
 251
 252 a .highlight{
 253         background-color: #5B8E88;
 254         color: white;
 255 }
 256
 257 .center {
 258         text-align: center;
 259 }
 260
 261
 262 /* edit content tabs */
 263 .buttontab {
 264         color:#555;
 265         white-space: nowrap;
 266         background-color: #FFFFFF;
 267         margin: 0px;
 268         border:0;
 269         font-weight:500;
 270         text-align:center;
 271         padding:0em 0em 0em;
 272
 273 }
 274
 275 .tab {
 276         border-top: 1px solid #cccccc;
 277         border-left: 1px solid #cccccc;
 278         border-right: 1px solid #cccccc;
 279         border-bottom:0;
 280         text-align: center;
 281         white-space: nowrap;
 282         width:13%;
 283         padding:0;
 284         margin:0;
 285 }
 286
 287 .buttontab selected {
 288         font-family: Helvetica, Arial, Helvetica, sans-serif;
 289         border:0;
 290         padding-left: 3px;
 291         padding-right: 3px;
 292         background-color: #FFFFFF;
 293         margin: 0px;
 294         font-weight:bold;
 295         text-align:center;
 296         padding:0em 1em 0em;
 297         white-space: nowrap;
 298         text-decoration:underline;
 299         width:12%;
 300 }
 301 td.selected{
 302         width:13%;
 303         font-weight: bold;
 304         text-align: center;
 305         white-space:nowrap;
 306         background-color: white;
 307         border-top: 1px #B8AE9C solid;
 308         border-left: 1px #B8AE9C solid;
 309         border-right: 1px #B8AE9C solid;
 310         padding-left: 3px;
 311         padding-right: 3px;
 312
 313 }
 314 .econtainer{
 315         background-color: #fffaf0;
 316         border:1px #6F7172 solid;
 317         margin-left:.5em;
 318 }
 319
 320 .tab a:link, .etab a:visited {
 321         color: black;
 322         background-color: white;
 323
 324 }
 325 .tab a:hover {
 326         color: black;
 327         background-color: white;
 328 }
 329
 330 .etabself {
 331         background-color: #6F7172;
 332
 333         text-align: center;
 334         font-weight: bold;
 335         padding: 2px;
 336 }
 337
 338
 339 .unsaved {
 340         color: red;
 341         background-color: #FFFDE0;
 342         font-weight: bold;
 343 }
 344 .saved {
 345         background-color: #FFFDE0;
 346         margin: 10px;
 347 }
 348
 349
 350
 351 /* the side menu */
 352 /* the side menu heading */
 353 td.dropdown-heading {
 354         background-color: #eeeeee;
 355         color: #595241;
 356         border: 1px solid #cccccc;
 357         font-weight: bold;
 358         padding: 2px;
 359 }
 360
 361 td.dropdown-heading a, td.dropdown-heading a:hover, td.dropdown-heading a:visited {
 362         text-decoration: none;
 363 }
 364
 365 td.dropdown-heading.closed {
 366         border-bottom: 1px solid #ECFEEA;
 367 }
 368
 369 /* the side menu content */
 370 td.dropdown {
 371         padding: 2px;
 372         background-color: white;
 373         color: black;
 374         border-left: 1px solid #eeeeee;
 375         border-right: 1px solid #eeeeee;
 376         border-bottom: 1px solid #eeeeee;
 377         font-weight: normal;
 378 }
 379 td.dropdown a, td.dropdown a:visited  {
 380         color: #595241;
 381         text-decoration: none;
 382 }
 383 td.dropdown a:hover {
 384         color: #595241;
 385         text-decoration: underline;
 386 }
 387 td.dropdown.cell {
 388         border-bottom: 0px;
 389 }
 390 td.dropdown strong {
 391         color: #2A6C28;
 392 }
 393
 394 /* added for 1.4.2: */
 395 .results {
 396         padding-left: 20px;
 397 }
 398
 399 h5.search-results {
 400         background-color: #F7F3ED;
 401         color: #595241;
 402         padding: 1px;
 403         margin-bottom: 5px;
 404         margin-top: 10px;
 405         margin-left: 5px;
 406 }
 407
 408 small.search-info {
 409         color: #595241;
 410 }
 411
 412 p.search-description {
 413         background-color: #FFFCE5;
 414         color: #595241;
 415 }
 416
 417 .test-box {
 418         background-color: #F7F3ED;
 419         color: #595241;
 420         border-left: 1px solid #595241;
 421         border-right: 1px solid #595241;
 422         border-top: 1px solid #595241;
 423         font-weight: bold;
 424         padding: 2px;
 425 }
 426
 427 /***************************************************************/
 428
 429 table.tabbed-table {
 430
 431         width: 100%;
 432         border:1px black solid;
 433 }
 434 table.tabbed-table th#left-empty-tab {
 435         background-color: transparent;
 436         width: 15px;
 437         border-bottom: 1px solid #B8AE9C;
 438 }
 439 table.tabbed-table th#right-empty-tab {
 440         text-align: right;
 441         background-color: transparent;
 442         border-bottom: 1px solid #B8AE9C;
 443         width: 400px;
 444         padding-right: 5px;
 445 }
 446 table.tabbed-table th#right-empty-tab a {
 447         text-decoration: underline;
 448 }
 449 table.tabbed-table th.tab-spacer {
 450         background-color: transparent;
 451         width: 5px;
 452         border-bottom: 1px solid #B8AE9C;
 453 }
 454
 455 table.tabbed-table th.tab {
 456         padding-top: 2px;
 457         padding-bottom: 2px;
 458         width: 110px;
 459         background-color: #E9F4F3;
 460         border-bottom: 1px solid #B8AE9C;
 461         border-left: 1px solid #B8AE9C;
 462         border-top: 1px solid #B8AE9C;
 463         border-right: 1px solid #B8AE9C;
 464 }
 465 table.tabbed-table th.tab:hover {
 466         background-color: #ACCFCC;
 467 }
 468
 469 table.tabbed-table th.tab a:focus {
 470         color: white;
 471 }
 472 table.tabbed-table th.selected {
 473         padding-top: 2px;
 474         padding-bottom: 2px;
 475         width: 110px;
 476         background-color: #ACCFCC;
 477         border-left: 1px solid #B8AE9C;
 478         border-top: 1px solid #B8AE9C;
 479         border-right: 1px solid #B8AE9C;
 480 }
 481
 482 table.tabbed-table a, table.tabbed-table a:visited, table.tabbed-table a:hover {
 483         color: black;
 484         text-decoration: none;
 485 }
 486
 487
 488 a#my-start-page {
 489         padding: 2px;
 490         padding-left: 15px;
 491         background-repeat: no-repeat;
 492         background-position: 2px 5px;
 493 }
 494
 495 a#back-to {
 496         padding-left: 20px;
 497         background-image: url(images/back.gif);
 498         background-repeat: no-repeat;
 499         background-position: 0px 0px;
 500 }
 501
 502 div#breadcrumbs {
 503     /* The path bar, including breadcrumbs and add to favorites */
 504         clear:both;
 505         font-size: 0.85em;
 506         padding:3px;
 507         float:left;
 508         width:85%;
 509 }
 510 h2.page-title {
 511         clear:right;
 512         margin-bottom: 10px;
 513         padding:0px;
 514 }
 515
 516 h1 {
 517         margin-bottom: 5px;
 518 }
 519
 520
 521 div#help {
 522         border-left: 1px solid black;
 523         border-right: 1px solid black;
 524         border-bottom: 1px solid black;
 525         padding-left: 5px;
 526         padding-right: 5px;
 527         padding-bottom: 5px;
 528         background-color: #F7F3ED;
 529         margin-left: 5px;
 530         margin-right: 5px;
 531         font-size: small;
 532 }
 533
 534 h3#help-title {
 535         margin-left: 5px;
 536         margin-right: 5px;
 537         border-left: 1px solid black;
 538         border-right: 1px solid black;
 539         padding: 1px;
 540         background-color: #F7F3ED;
 541 }
 542 .line {
 543         border-bottom: 1px solid black;
 544 }
 545 div#help p {
 546         padding: 0px;
 547         margin: 0px;
 548 }
 549
 550 div#toctoggle {
 551         float: left;
 552         padding-left: 10px;
 553 }
 554
 555 h1#section-title {
 556         float: left;
 557         margin-left:1em;
 558         margin-top:-1em;
 559
 560 }
 561
 562 div#bypass-links{
 563         width:3px;
 564 }
 565
 566 div#top-links {
 567         float:right;
 568         clear:both;
 569         padding-right: 5px;
 570         margin-right:20px;
 571         margin-top:0em;
 572 }
 573 div#top-links a:link, div#top-links a:visited {
 574         text-decoration:none;
 575         margin-left:.5em;
 576         margin-right:.5em;
 577
 578 }
 579 div#top-links a:focus{
 580         color:black;
 581         background-color:#F6EAD6;
 582 }
 583 #top-links-text{
 584         float:right;
 585         clear:right;
 586         margin-left: 2em;
 587         margin-top:.2em;
 588         white-space:nowrap;
 589         background-color:#F2F7F7;
 590         border:thin solid #cccccc;
 591         border-radius: .3em .3em .3em .3em;
 592         -mox-border-radius: .3em .3em .3em .3em;
 593 /*      -moz-box-shadow:.1em .1em .2em #999999;
 594          box-shadow: .1em .1em  .2em #999999;*/
 595 }
 596 #top-links-jump{
 597         float:left;
 598         white-space:nowrap;
 599         margin-top:.2em;
 600         background-color:#F2F7F7;
 601         padding-right:.5em;
 602 }
 603
 604 #jumpmenu{
 605         background-color:#F2F7F7;
 606         border:thin solid #cccccc;
 607         border-radius:.3em .3em .3em .3em;
 608         -moz-border-radius:.3em .3em .3em .3em;
 609 /*      font-size:100%;*/
 610 }
 611 a#editor-link {
 612         background-color: #F7F3ED;
 613         padding-top: 1px;
 614         padding-bottom: 1px;
 615         padding-left: 15px;
 616         padding-right: 8px;
 617         border: 1px solid #cccccc;
 618         font-weight: normal;
 619         text-decoration: none;
 620 }
 621
 622 a#editor-link:hover {
 623         background-color: #F7F3ED;
 624         border: 1px solid #B8AE9C;
 625 }
 626
 627 a#editor-link.off {
 628         background-image: url(images/pen.gif);
 629         background-repeat: no-repeat;
 630         background-position: 0px 2px;
 631 }
 632 a#editor-link.on {
 633         background-image: url(images/pen2.gif);
 634         background-repeat: no-repeat;
 635         background-position: 0px 2px;
 636 }
 637
 638
 639 /* for data tables */
 640
 641 table.data {
 642         border: 1px solid #cccccc;
 643         width: 98%;
 644         margin-left: auto;
 645         margin-right: auto;
 646         border-radius:.5em;
 647         -moz-border-radius: .5em .5em .5em .5em;
 648         padding:.2em
 649 }
 650
 651 table.data th {
 652         background-color: #eeeeee;
 653         padding: 3px;
 654         white-space: nowrap;
 655 }
 656
 657 table.data th a {
 658         color: #595241;
 659         padding-right: 15px;
 660         margin-right: 15px;
 661         background-image: url('images/sort.png');
 662         background-repeat: no-repeat;
 663         background-position: right;
 664 }
 665
 666 table.data tbody {
 667         border-top: 1px solid #B8AE9C;
 668         border-bottom: 1px solid #B8AE9C;
 669 }
 670
 671 table.data tbody th {
 672         text-align: left;
 673         background-color: #F7F3ED;
 674         cursor: auto;
 675 }
 676
 677 table.data td {
 678         padding: 3px;
 679 }
 680
 681 table.data tbody tr:hover {
 682         background-color: #efefef;
 683         cursor: pointer;
 684 }
 685
 686 table.data tbody tr.selected {
 687         background-color: #E9F4F3;
 688         cursor: auto;
 689 }
 690
 691 table.data tfoot {
 692         background-color: #F7F3ED;
 693 }
 694
 695 table.data tfoot tr:first-child td {
 696         padding: 5px;
 697         background-image: url('images/arrow_ltr.gif');
 698         background-repeat: no-repeat;
 699         background-position: 4px 5px;
 700         padding-left: 40px;
 701 }
 702
 703 table.data.static tfoot td, table.data.static tfoot tr:first-child td {
 704         border-top: 1px solid #B8AE9C;
 705         padding: 5px;
 706         background-image: none;
 707         padding-left: 0px;
 708
 709 }
 710
 711 /*buttons*/
 712 table.data tfoot input {
 713         background-color: #efefef;
 714         font-weight: normal;
 715         border:  #AAA  solid 1px;
 716 }
 717 table.data tfoot input:focus {
 718         background-color: #FFDAB9;
 719         border:  #AAA  solid 1px;
 720
 721 }
 722
 723
 724 /* used for static tables with no form elements: */
 725 table.data.static tbody tr:hover {
 726         background-color: transparent;
 727         cursor: auto;
 728 }
 729
 730 /* course browser: */
 731
 732 div#browse {
 733         margin-left: auto;
 734         margin-right: auto;
 735         width: 80%;
 736 }
 737
 738 div.browse-selected {
 739         background-image: url('images/side_arrow.gif');
 740         background-repeat: no-repeat;
 741         padding-left: 9px;
 742         background-position: center left;
 743 }
 744
 745 div.browse-unselected {
 746         padding-left: 9px;
 747 }
 748
 749 ul.browse-list {
 750         list-style: none;
 751         padding:0px;
 752 }
 753
 754 /* feedback /errors */
 755 div#error {
 756         width: 50%;
 757         margin-left: auto;
 758         margin-right: auto;
 759         margin-top: 15px;
 760         margin-bottom: 15px;
 761         border: 1px solid #DD0000;
 762         padding: 5px;
 763         background-color: #F4DCDC;
 764         color: #A50707;
 765         background-color: #F4DCDC;
 766         padding-left: 25px;
 767         font-weight: bold;
 768         border-radius: .5em;
 769         -moz-border-radius: .5em;
 770 }
 771 div#error h4 {
 772         color: black;
 773         margin-left: 0px;
 774 }
 775
 776 div#error a{
 777         color:red;
 778         text-decoration:underline;
 779 }
 780 div#error ul, div#feedback ul, div#help ul {
 781         position: relative;
 782         list-style: none;
 783         margin-left: 0px;
 784         padding-left: 0px;
 785         list-style-type:none;
 786 }
 787
 788 div#error ul li{
 789         margin-top: 5px;
 790 }
 791
 792 div#feedback {
 793         width: 50%;
 794         margin-left: auto;
 795         margin-right: auto;
 796         margin-top: 15px;
 797         margin-bottom: 15px;
 798         border: 1px solid #17B506;
 799         padding: 5px;
 800         background-color: #F2FCF0;
 801         color: #595241;
 802         font-weight: bold;
 803         border-radius: .5em;
 804         -moz-border-radius: .5em;
 805 }
 806
 807 div#help {
 808         width: 50%;
 809         margin-left: auto;
 810         margin-right: auto;
 811         margin-top: 15px;
 812         margin-bottom: 15px;
 813         border: 1px solid #ACCFCC;
 814         padding: 5px;
 815         background-color: #E9F4F3;
 816         color: #024C41;
 817         border-radius: .5em;
 818         -moz-border-radius: .5em;
 819 }
 820
 821 div#info {
 822         width: 50%;
 823         margin-left: auto;
 824         margin-right: auto;
 825         margin-top: 15px;
 826         margin-bottom: 15px;
 827         border: 1px solid #B8AE9C;
 828         padding: 5px;
 829         background-color: #EFE6FF;
 830         color: #595241;
 831         font-weight: bold;
 832         border-radius: .5em;
 833         -moz-border-radius: .5em;
 834 }
 835 div#info a{
 836         color:red;
 837         text-decoration:underline;
 838 }
 839 div#warning {
 840         width: 50%;
 841         margin-left: auto;
 842         margin-right: auto;
 843         margin-top: 15px;
 844         margin-bottom: 15px;
 845         border: 1px solid #FF8400;
 846         padding: 5px;
 847         background-color: #FFF6ED;
 848         color: #D95900;
 849         font-weight: bold;
 850         border-radius: .5em;
 851         -moz-border-radius: .5em;
 852 }
 853 acronym {
 854         cursor: help;
 855 }
 856
 857 div.news p {
 858         margin-left: 10px;
 859 }
 860 div.news span.date {
 861         font-family: Verdana, Helevetica, Arial, sans-serif;
 862         color: #B8AE9C;
 863 }
 864
 865 /* home page links */
 866 div.home-link {
 867         padding: 2px;
 868         float: left;
 869         text-align: center;
 870         margin: 2px;
 871         width: 120px;
 872         height: 90px;
 873 }
 874 div.home-link:hover {
 875         padding: 1px;
 876         background-color: #F7F3ED;
 877         border: 1px solid #afafaf;
 878         float: left;
 879         text-align: center;
 880         margin: 2px;
 881 }
 882 div.home-link a {
 883         text-decoration: none;
 884         font-weight: bold;
 885 }
 886
 887 div.home-link img {
 888         border: 0px;
 889 }
 890
 891 /* sequence links */
 892 div.sequence-links {
 893         float:right;
 894         margin-top: 10px;
 895         padding-right: 5px;
 896         padding-top:7px;
 897 }
 898 div.sequence-links a {
 899         text-decoration: none;
 900 }
 901
 902 div.dropdown {
 903         width: 200px;
 904         padding: 2px;
 905         background-color: white;
 906         color: black;
 907         border-left: 1px solid #ECFEEA;
 908         border-right: 1px solid #ECFEEA;
 909         border-bottom: 1px solid #ECFEEA;
 910         font-weight: normal;
 911 }
 912
 913 div.dropdown-heading {
 914         background-color: #ACCFCC;
 915         color: #595241;
 916         border-left: 1px solid #ECFEEA;
 917         border-right: 1px solid #ECFEEA;
 918         border-top: 1px solid #ECFEEA;
 919         font-weight: bold;
 920         padding: 2px;
 921 }
 922
 923 .required {
 924         font-weight: bold;
 925         color: red;
 926         padding-right: 2px;
 927 }
 928
 929 div#content_text {
 930         margin-left: 5px;
 931 }
 932
 933 form {
 934         clear: none;
 935         display:inline;
 936 }
 937
 938
 939 optgroup {
 940         font-size: small;
 941 }
 942
 943 /* packing */
 944 div.paging {
 945         width: 100%;
 946         text-align: center;
 947         margin: 0.5em auto;
 948 }
 949 div.paging ul {
 950         list-style: none;
 951         display: inline;
 952         padding: 0px;
 953         border: 1px solid #000;
 954 }
 955 div.paging li {
 956         display: inline;
 957         padding-left: 2px;
 958         padding-right: 2px;
 959         padding-top: 0px;
 960         padding-bottom: 0px;
 961 }
 962
 963 div.paging li a {
 964         text-decoration: none;
 965         padding-left: 4px;
 966         padding-right: 4px;
 967         border-left: 1px solid white;
 968         border-right: 1px solid white;
 969 }
 970
 971 div.paging li a:hover, div.paging li a.current {
 972         background-color: #F7F3ED;
 973         border-left: 1px solid #000;
 974         border-right: 1px solid #000;
 975 }
 976
 977 #header{
 978         /* background-image: url('images/pencil_top_ds.png'); */
 979 /*      background-position: 99% 99%;*/
 980         background-repeat: repeatx;
 981         background-image: url('images/atutor_head.jpg');
 982         height: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         border-bottom:1px solid #cccccc;
1542         clear:both;
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: .2em 1.8em .1em 1.8em;
1601 }
1602
1603 ol#tools>li:hover {
1604         border: 1px solid #e0e0e0;
1605         background-color: #efefef;
1606 }
1607
1608 /*  tool list on admin home and manage screens  */
1609  li.top-tool {
1610         list-style: none;
1611         padding: 2px 2px 2px 5px;
1612         margin-bottom: 5px;
1613         margin-left:-1em;
1614         margin-right:1em;
1615         line-height: 200%;
1616         background-color: #fdfdfd;
1617         border-bottom: 1px solid #efefef;
1618         border: 1px solid #eeeeff;
1619 }
1620
1621 li.top-tool a {  font-weight: bold; }
1622
1623 li.child-tool a {
1624         font-weight: normal;
1625         text-decoration:underline;
1626 }
1627
1628 ul.child-top-tool {
1629         margin-top: -5px;
1630         padding-left: 0px;
1631         margin-left: 0px;
1632         display: inline;
1633 }
1634 ul.child-top-tool:before {
1635         content: " : ";
1636 }
1637
1638 li.child-tool {
1639         display: inline;
1640         margin-right: 5px;
1641 /*      font-size: 80%;*/
1642 }
1643
1644 /* to modify  tool icons on the course home page */
1645 /*
1646 #icon-color-filter{
1647         width:3.9em;
1648         height:3.85em;
1649         background-color:#000000;
1650         -moz-opacity:0.5;
1651           filter:alpha(opacity=10);
1652         opacity:.10;
1653         margin-top:-3.85em;
1654         margin-left:1.90em;
1655
1656 }
1657 */
1658 .img-size-home {
1659         height:3.85em;
1660         width:3.9em;
1661 }
1662
1663 /* browse courses */
1664 div.browse-course {
1665         width: 28em;
1666         padding-bottom: 10px;
1667         background-color: #fffaf0;
1668         border:1px #6F7172 solid;
1669 /*      font-size:9pt;*/
1670         min-height:18em;
1671         margin:auto;
1672         margin-left:1em;
1673         margin-top:1em;
1674 }
1675
1676 dl.browse-course {
1677         width: 90%;
1678         padding-bottom: 10px;
1679         background-color: #fffaf0;
1680         margin:auto;
1681         margin-left:1em;
1682 }
1683 dl.browse-course dt {
1684         float: left;
1685         font-weight: bold;
1686         width: 25%;
1687         text-align: right;
1688         clear: left;
1689         padding: 5px 10px 5px 0px;
1690         vertical-align: middle;
1691 }
1692 dl.browse-course dd {
1693         margin-bottom: 5px;
1694         clear: right;
1695         padding: 5px 0px 5px 10px;
1696         margin-left: 26%;
1697
1698 }
1699 /*  form fields grouping for WCAG 2.0 conformance*/
1700 fieldset.group_form{
1701         width:90%;
1702         margin:.5em;
1703         border:1px #6D7B8D solid;
1704         min-height: 170px;
1705         padding:.5em;
1706         background-color:#ffffff;
1707
1708 }
1709 legend.group_form{
1710         border:1px #6D7B8D solid;
1711         background-color: #EEEEEE;
1712         font-weight: 600;
1713         color: black;
1714         padding-left: 1em;
1715         padding-right: 1em;
1716         border-radius:.2em;
1717         -moz-border-radius: .2em .2em .2em .2em;
1718 /*      -moz-box-shadow:.1em .1em .1em #999999;
1719         box-shadow: .1em .1em .1em #999999;*/
1720 }
1721 /* file storage */
1722
1723 #fsfloat1{
1724         float:right;
1725 }
1726 #fsfloat2{
1727         float:right;
1728         width:48%;
1729 }
1730
1731
1732 /* highlight active links for WCAG 2.0 conformance */
1733 a:active,a:hover,a:focus{
1734         background-color:#F6EAD6;
1735         color:#000000;
1736 }
1737
1738
1739 /* menu align right layout, uncomment to enable */
1740
1741 /*
1742 h2.page-title {
1743     clear:left
1744 }
1745 h2, h3, h4, h5, h6 {
1746         clear: left;
1747 }
1748 #contentcolumn_shiftright {
1749     margin-right: 17em;
1750 margin-left:1em;
1751 margin-top:1em;
1752 }
1753 #leftcolumn{
1754     float: right;
1755 }
1756 #home-links{
1757 clear:left;
1758 }
1759 table.data {
1760         clear:left;
1761 }
1762 div#menutoggle{
1763         float: right;
1764 }
1765 #fsfloat2{
1766         float:left;
1767         width:48%;
1768 }
1769
1770 #fsfloat1{
1771         float:left;
1772 }
1773 */
1774
1775
1776
1777 /* format of "table of contents" on content page */
1778 #toc a          { display:block; margin:3px; float:left;}
1779 #toc .h2                { padding:0 0 0 10px;}
1780 #toc .h3                { padding:0 0 0 30px;}
1781 #toc .h4                { padding:0 0 0 40px; }
1782 #toc .h5                { padding:0 0 0 50px; }
1783 #toc .h6                { padding:0 0 0 60px; }
1784
1785 fieldset#toc {
1786         background-color: #FEFDEF;
1787         border: 1pt solid #B8AE9C;
1788         width:50%;
1789 }
1790
1791 #side-menu{
1792          overflow:hidden;
1793          width:20.5em;
1794          padding-bottom:.3em;
1795           padding-right:.5em;
1796 }
1797
1798 /* cleans up glossary question mark line spacing*/
1799 sup{
1800         border: 1pt solid #B8AE9C;
1801         vertical-align:bottom;
1802         margin-top: 1em;
1803 }
1804
1805 /* jQuery tooltip styles */
1806 #tooltip{
1807         position:absolute;
1808         z-index:3000;
1809         border:3px solid #111;
1810         background-color:#eeeeee;
1811         padding:5px;
1812
1813
1814 }
1815 #tooltip h3,#tooltip div{
1816         margin:0;
1817 }
1818 a.tooltip{
1819         color:blue;
1820 /*      font-size:100%;*/
1821         padding-left:.2em;
1822         padding-right:.2em;
1823         padding-bottom:.2em;
1824         text-decoration:none;
1825         border-bottom:1px dashed;
1826
1827 }
1828 /* style for home page modules "detail view" */
1829
1830 div.home_box {
1831         width: 25em;
1832         height: 130px;
1833         margin-top: sem;
1834         padding: 3px;
1835         padding-bottom: .4em;
1836         float: left;
1837 }
1838
1839 .outside_box{
1840         border:1px solid #cccccc;
1841         background: #eeeeee;
1842         padding:.2em;
1843         margin-left:.4em;
1844         width:24.5em;
1845         height:9.8em;
1846         -moz-border-radius:.3em .3em .3em .3em;
1847         border-radius: .3em .3em .3em .3em;
1848 /*      -moz-box-shadow:.1em .1em .2em #999999;
1849         box-shadow: .1em .1em .2em #999999;*/
1850         padding:.2em;
1851
1852 }
1853
1854 .inside_box{
1855         border:1px solid #cccccc;
1856         background: #ffffff;
1857         padding:.3em;
1858         width:95%;
1859         margin:auto;
1860         height:50%;
1861         margin-bottom:.2em;
1862         font-size:80%;
1863         border-radius:.5em;
1864         -moz-border-radius:.5em;
1865         padding:.2em;
1866 }
1867
1868 .home-title{
1869         font-size:90%;
1870         font-weight:bold;
1871 }
1872 .buttonbox{
1873         float:right;
1874 }
1875 .details_text{
1876         margin-left:1em;
1877
1878 }
1879 .draggable_selected {
1880         background-color: lightgray;
1881         cursor: move;
1882 }
1883 div#subnavlistcontainer {
1884         width:90%;
1885         margin:auto;
1886         height:1.8em;
1887
1888 }
1889 div#subnavbacktopage {
1890         padding-top:5px;
1891         padding-left:20px;
1892         float:left;
1893 }
1894
1895 div.toolcontainer{
1896         width:95%;
1897         margin:auto;
1898         border:1px solid #e8e8e8;
1899         padding-top:1em;
1900         padding-bottom:1em;
1901         border-radius:.5em;
1902         -moz-border-radius: .5em .5em .5em .5em;
1903 }
1904
1905 ul#subnavlist {
1906         padding-top: 4px;
1907         margin-top: 0px;
1908         font-family: Verdana,Helvetica,Arial,serif;
1909 /*font-size:1.0em;*/
1910
1911
1912 }
1913
1914 ul#subnavlist li {
1915         background-color: #FFFFFF;
1916         list-style: none;
1917         display: inline-block;
1918         font-weight:700;
1919         text-align:center;
1920         border-top:1px solid #cccccc;
1921         border-left:1px solid #cccccc;
1922         border-right:1px solid #cccccc;
1923         border-radius: .3em .3em 0em 0em;
1924         -moz-border-radius: .3em .3em 0em 0em;
1925         height:.8em;
1926 /*      -moz-box-shadow:.1em .0em .1em #999999;
1927         box-shadow: .1em .0em .1em #999999;*/
1928         padding: 0em .5em .6em .5em ;
1929 }
1930
1931 ul#subnavlist li a:hover, ul#subnavlist li a:focus, ul#subnavlist li.active, ul#subnavlist li:hover{
1932         color: black;
1933         text-decoration:none;
1934         background-color: #F8F8F8;
1935         border-bottom:thin solid #F8F8F8;
1936 }
1937
1938 ul#subnavlist li a {
1939     /* The normal, unselected tabs. They are all links */
1940         color: #555;
1941         height: 1.5em;
1942         text-decoration:underline;
1943         font-weight:500;
1944 }
1945
1946 div.menuedit{
1947         float:right;
1948         margin-top:-1.2em;
1949         border:1px solid #cccccc;
1950 }
1951 /* NEW IN ATUTOR 2.0 */
1952 /* alternate colours in the My Course list */
1953 tr.even {
1954         background-color: #F7F3ED;
1955 }
1956
1957 tr.odd {
1958         background-color: transparent;
1959 }
1960
1961 /* Content editor wrapper div */
1962
1963 .editor_wrapper{
1964         border:1px solid #cccccc;
1965         border-radius:.5em;
1966         -moz-border-radius: .5em .5em .5em .5em;
1967         padding: .1em .5em .1em .5em ;
1968 }
1969 /* Content editor tabs */
1970 .editor_buttontab {
1971         color:#000000;
1972 /*      font-size:10pt;*/
1973         border:0;
1974         white-space: nowrap;
1975         background-color: #ffffff;
1976         margin: 0px;
1977         font-weight:500;
1978         text-align:center;
1979         padding:0em 0em 0em;
1980         -moz-box-shadow:0;
1981         box-shadow: 0;
1982 }
1983 .editor_tab{
1984
1985         border-top: 1px solid #cccccc;
1986         border-left: 1px solid #cccccc;
1987         border-right: 1px solid #cccccc;
1988         border-bottom:0;
1989         margin-bottom:-.5em;
1990         text-align: center;
1991         white-space: nowrap;
1992         background-color: #ffffff;
1993         border-radius: .3em .3em 0em 0em;
1994         -moz-border-radius: .3em .3em 0em 0em;
1995 /*      -moz-box-shadow:.1em .0em .1em #999999;
1996         box-shadow: .1em .0em .1em #999999;*/
1997         padding: 0em .2em 0em .2em ;
1998         height:1.4em;
1999 }
2000 .editor_tab:hover, .editor_tab input[type=submit]:hover{
2001         background-color:#eeeeee;
2002 }
2003
2004 .editor_tab_selected{
2005         border-top: 1px solid #cccccc;
2006         border-left: 1px solid #cccccc;
2007         border-right: 1px solid #cccccc;
2008         border-bottom:0;
2009         padding: 0em .2em 0em .2em ;
2010         background-color: #eeeeee;
2011         font-weight:bold;
2012         text-align:center;
2013         white-space: nowrap;
2014         text-decoration:none;
2015         border-radius:.3em;
2016         -moz-border-radius: .3em .3em 0em 0em;
2017         height:1.4em;
2018 }
2019 .editor_tab input[type=submit]{
2020         height:1.2em;
2021 }
2022 /* 1pxgs current box on My Start */
2023 .current_box{
2024         float:left;
2025         margin-left:1em;
2026         width:30%;
2027         padding:.5em;
2028         padding-left:1em;
2029         border: 1px solid #cccccc;
2030         border-radius: .5em .5em .5em .5em;
2031         -moz-border-radius: .5em .5em .5em .5em;
2032 /*      -moz-box-shadow:.1em .1em .1em #999999;
2033          box-shadow: .1em .1em  .2em #999999;*/
2034 }
2035
2036 ul.current_list{
2037       line-height:2em;
2038       list-style-type:none;
2039       margin-left:-3em;
2040 }
2041 .current_list img{
2042       vertical-align:middle;
2043 }
2044
2045 .logoutbar{
2046       background-color: #F2F7F7;
2047       font-size:0.85em;
2048       border-bottom:1px solid #F2F7F7;
2049       height:2em;
2050           margin-top:-.15em;
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 img.img1616{
2466 height:1.6em;
2467 width:1.6em;
2468 }
2469
2470 img.img1111{
2471 height:.8em;
2472 width:.8em;
2473 }
2474 img.img2424{
2475
2476
2477 }
2478 input[type=image].fl-force-right{
2479 height:.9em;
2480 width:.9em;
2481 font-size:100%;
2482 }
2483
2484 .fl-force-right{
2485 float:right;
2486
2487 }
2488 img.fl-col{
2489 height:3.5em;
2490 width:3.5em;
2491 /*font-size:100%;*/
2492 }
2493
2494
2495 /*  Photo Album Styles
2496  *
2497  *
2498  *
2499  *
2500  */
2501 div.topbar{
2502         float:left;
2503         width: 95%;
2504 }
2505 div.paginator{
2506         float: right;
2507         margin: 0px;
2508 }
2509 .paginator ul li{
2510         list-style: none;
2511 }
2512 .paginator li{
2513         padding-right: 0.5em;
2514         float: left;
2515 }
2516
2517 div.summary{
2518         float: left;
2519         margin-top: 0.5em;
2520         width:70%;
2521 }
2522
2523 div.album_panel{
2524         float: left;
2525         background: #F7F7F7;
2526         border: 1px solid #D2D2D2;
2527         width: 96%;
2528         border-radius:.5em;
2529         -moz-border-radius: .5em .5em .5em .5em;
2530 /*      -moz-box-shadow:.2em .2em .1em #999999;
2531     box-shadow: .2em .2em .1em #999999;*/
2532         padding:.3em;
2533 }
2534 div.album_panel div.photo_wrapper {
2535         /* This class is to fix the problem where the images shift
2536          * to the right when there is a border upon selection
2537          */
2538         height: 150px;
2539         float: left;
2540 }
2541 div.album_panel .photo_frame{
2542         float: left;
2543         margin: 0.2em;
2544         min-height: 140px;
2545         min-width: 140px;
2546         text-align: center;
2547 }
2548 div.album_panel .photo_frame a:focus, div.album_panel .photo_frame a:hover{
2549         cursor: pointer;
2550         float:left;
2551         min-width: 140px;
2552         min-height: 140px;
2553         background: #FCE6C9;
2554 }
2555 div.album_panel .photo_frame img{
2556         background: #FFFFFF;
2557         border: 1px solid #D2D2D2;
2558         padding: 0.2em;
2559 }
2560 div.album_panel .album_description{
2561         margin: 0.5em;
2562         width: 95%;
2563         float: left;
2564 }
2565
2566 div.search_bar {
2567         /* background-image: url('images/search_bg.png');
2568         background-repeat: no-repeat; */
2569         background-color:#ffffff;
2570         border:thin solid #cccccc;
2571         margin-left: 0.5em;
2572         margin-top: 0.5em;
2573         height: 27px;
2574         width: 180px;
2575         float: left;
2576         border-radius:.5em;
2577         -moz-border-radius:.8em .8em .8em .8em;
2578 /*              -moz-box-shadow:.2em .2em .1em #999999;
2579     box-shadow: .2em .2em .1em #999999;*/
2580 }
2581 div.search_bar .s{
2582         float: left;
2583         border: 0px;
2584         margin-top: 0.3em;
2585         margin-left: 0.5em;
2586         width: 148px;
2587 }
2588 div.search_bar .s_img{
2589         float: right;
2590         border: 0px;
2591         margin-top: 0.375em;
2592         margin-top: -1.4em\9; /* the \9 to accomodate IE 7&8 */
2593         margin-right: 0.4em;
2594 }
2595
2596 div.album {
2597         background: #FFFFFF;
2598         padding:1em;
2599         border: 1px solid #D2D2D2;
2600         width: 95%;
2601         margin: 0.5em;
2602         float: left;
2603         border-radius:.5em .5em .5em .5em;
2604         -moz-border-radius: .5em .5em .5em .5em;
2605 /*              -moz-box-shadow:.2em .2em .1em #999999;
2606     box-shadow: .2em .2em .1em #999999;*/
2607 }
2608 div.album .image{
2609         float: left;
2610         margin: 0.5em;
2611         min-width: 140px;
2612 }
2613 div.album img{
2614         border-width: 0px;
2615 }
2616 div.album .image img.no-image {
2617         float: left;
2618         width: 130px;
2619         height: 97px;
2620         background-color: #EFEFEF;
2621 }
2622 div.album .info{
2623         float: left;
2624         width: 70%;
2625 }
2626 div.album .info span{
2627         float: left;
2628         color: #666666;
2629 }
2630 div.album .info p{
2631         font-size: 0.85em;
2632         margin: 0;
2633 }
2634 div.album .search_photo_frame{
2635         float: left;
2636         margin: 0.2em;
2637         min-height: 160px;
2638         max-height: 160px;
2639         max-width: 140px;
2640         text-align: center;
2641         border: 1px solid #d3d3d3;
2642         overflow: hidden;
2643 }
2644 div.album .search_slider{
2645         float: left;
2646         overflow: hidden;
2647         position: relative;     /* ie7 */
2648 }
2649 div.album .search_slider_left{
2650         float: left;
2651         width: 10%;
2652 }
2653 div.album .search_slider_right{
2654         float: right;
2655         text-align: right;
2656         width: 10%;
2657 }
2658 div.album .search_slider ul {
2659         list-style-type: none;
2660         margin: 0;
2661         padding: 0;
2662         width: 99999px;
2663         position: relative;
2664 }
2665 div.album .search_slider ul li{
2666         float: left;
2667 }
2668 div.album .search_slider_a{
2669         width: 80%;
2670 }
2671 div.album .search_slider_p{
2672         width: 730px;   /* 146 per frame, 5 frame per row */
2673 }
2674 div.album .search_slider_p ul li{
2675 /*      height: 576px;  /* 144 per frame, 4 row */
2676         width: 730px;   /* 146 per frame, 5 frame per row */
2677 }
2678 div.album .search_paginator {
2679         width: 100%;
2680 }
2681
2682 div.add_photo{
2683         float: left;
2684         background: #F7F7F7;
2685         border: 1px solid #D2D2D2;
2686         width: 96%;
2687         border-radius:.5em;
2688         -moz-border-radius: .3em .3em .3em .3em;
2689         margin-bottom:.2em;
2690 }
2691 div.add_photo ul{
2692         margin: 0px;
2693         padding: 0px;
2694 }
2695 div.add_photo .toggle_uploader{
2696         width: 95%;
2697         margin: 0.5em;
2698 }
2699 div.add_photo div#ajax_uploader{
2700         display: none;
2701         margin-top: 0.5em;
2702 }
2703 div.add_photo .files .tn {
2704         max-height: 30px;
2705 }
2706 div.add_photo img{
2707         border: 0;
2708 }
2709 div.add_photo ul li{
2710         float: left;
2711         padding: 0.2em;
2712         list-style: none;
2713         width: 100%;
2714         height: 100%;
2715         border-bottom: 1px solid #ddd;
2716 /*      display: inline; */
2717 }
2718 div.add_photo p.memory_usage {
2719         float: right;
2720         font-size: 0.9em;
2721         color: #5B5B5B;
2722 }
2723
2724 div.add_profile_photo{
2725         float: left;
2726         background: #F7F7F7;
2727         border: 1px solid #D2D2D2;
2728         width: 96%;
2729         border-radius:.5em;
2730         -moz-border-radius: .5em .5em .5em .5em;
2731 /*              -moz-box-shadow:.2em .2em .1em #999999;
2732     box-shadow: .2em .2em .1em #999999;*/
2733         margin-bottom:.2em;
2734
2735 }
2736 div.add_profile_photo .profile_photo{
2737         float: left;
2738         padding: 0.5em;
2739
2740 }
2741 div.add_profile_photo .uploader{
2742         float: left;
2743         width: 50%;
2744         padding: 0.5em;
2745         border-bottom: 1px solid #ddd;
2746 }
2747
2748 div.photo_panel{
2749         background: #F7F7F7;
2750         float: left;
2751         border: 1px solid #D2D2D2;
2752         text-align: center;
2753         width: 95%;
2754         padding: 0.5em;
2755         border-radius:.5em;
2756         -moz-border-radius: .5em .5em .5em .5em;
2757 }
2758 div.photo_panel img{
2759         background: #FFFFFF;
2760         border: 1px solid #D2D2D2;
2761         padding: 0.2em;
2762 }
2763 div.photo_panel div.ordering{
2764         float:left;
2765 }
2766 div.photo_panel div.paginator{
2767         float:right;
2768 }
2769 div.photo_panel .flc-inlineEditable{
2770         width: 604px;
2771         margin: 0 auto;
2772         padding-top: 0.5em;
2773         padding-bottom: 0.5em;
2774 }
2775 div.comment_panel{
2776         background: #FFFFFF;
2777         float: left;
2778         border: 1px solid #D2D2D2;
2779         width: 95%;
2780         padding:.5em;
2781         border-radius: .3em .3em .3em .3em;
2782         -moz-border-radius: .3em .3em .3em .3em;
2783 /*              -moz-box-shadow:.2em .2em .1em #999999;
2784     box-shadow: .2em .2em .1em #999999;*/
2785         margin-top:.2em;
2786 }
2787 div.comment_panel .comment_feeds{
2788         float: left;
2789         width: 50%;
2790 }
2791 div.comment_panel .photo_actions{
2792         margin: 0.5em;
2793         max-width: 49%;
2794         background: #F7F7F7;
2795         float:right;
2796         padding:1em;
2797         border:thin solid #cccccc;
2798         border-radius:.3em;
2799         -moz-border-radius: .3em .3em .3em .3em;
2800 }
2801 .row textarea#comment_template, textarea#comment_template active{
2802         background-color:#eeeeee;
2803         border:thin solid #eeeeee;
2804         border:thin solid #cccccc;
2805         padding:.2em;
2806         border-radius:.3em;
2807         -moz-border-radius: .3em .3em .3em .3em;
2808 }
2809 .row textarea#comment{
2810         background-color:#ffffff;
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 div.comment_panel textarea{
2818         width:100%;
2819 }
2820
2821 div.comment_box{
2822         float:left;
2823         width:100%;
2824         margin: 0.5em;
2825         padding-top: 0.5em;
2826         padding-bottom: 0.5em;
2827         background: #F7F7F7;
2828 }
2829 div.comment_box .comment_actions{
2830         float: left;
2831         margin-top: 1em;
2832         font-size: 0.8em;
2833         color: #666666;
2834 }
2835
2836 div.edit_photo_frame{
2837         width: 95%;
2838         float: left;
2839         padding: 0.2em;
2840         background: #F7F7F7;
2841         border:thin solid #cccccc;
2842         border-radius:.5em;
2843         -moz-border-radius: .5em .5em .5em .5em;
2844 }
2845 div.edit_photo_box{
2846         float: left;
2847         border: 1px solid #D2D2D2;
2848         background: white;
2849         margin: 0.2em;
2850         margin-bottom: 0.8em;
2851         padding: 0.8em;
2852         width: 94%;
2853         border-radius:.3em;
2854         -moz-border-radius: .3em .3em .3em .3em;
2855 }
2856 div.edit_photo_box .info{
2857         float: left;
2858         width: 60%;
2859 }
2860
2861 .info textarea{
2862         background-color: #eeeeee;
2863         border:thin solid #cccccc;
2864         border-radius:.3em;
2865         -moz-border-radius: .3em .3em .3em .3em;
2866         margin-top:.2em;
2867 }
2868 div.edit_photo_box .info textarea.alt_text{
2869         height: 2.5em;
2870 }
2871 div.edit_photo_box .info textarea{
2872         width: 100%;
2873 }
2874 div.edit_photo_box .action{
2875         float: right;
2876         background: #F7F7F7;
2877         min-width: 140px;
2878         padding:.2em;
2879         border:thin solid #cccccc;
2880         border-radius:.3em;
2881         -moz-border-radius: .3em .3em .3em .3em;
2882 }
2883
2884
2885 /* FLUID Image Reorderer */
2886 .fl-imageReorderer-item {
2887 }
2888 .fl-reorderer-movable-hover a{
2889         cursor: pointer;
2890         background-color: #ECEECC;
2891 }
2892 .fl-reorderer-movable-dragging a{
2893         background-color: #ECEECC;
2894 }
2895 .fl-reorderer-dropMarker {
2896         border: 2px solid red;
2897         min-height: 100px;
2898         float: left;
2899 }
2900 .fl-reorderer-avatar {
2901         opacity: 0.6;
2902         filter:alpha(opacity=60);
2903 }
2904
2905
2906 /* FLUID Simple Inline Editor */
2907 .fl-inlineEdit-invitation {
2908    background-color: #FFECB3 !important;
2909    border: 1px solid #CCC !important;
2910 }
2911 .fl-inlineEdit-focus {
2912     border: 2px solid #777777;
2913 }
2914
2915
2916 .pa_tool_link{
2917
2918 text-decoration:none;
2919 }
2920
2921 .pa_tool_image{
2922 vertical-align:middle;
2923 margin-right:.5em;
2924 }
2925
2926
2927 /* End Photo Album Styles
2928  *
2929  *
2930  *
2931  *
2932  */