themes/blumin/styles.css

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