themes/idi/styles.css

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