docs/themes/default16/styles.css

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