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