themes/default_classic/styles.css

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