themes/simplified-desktop/blackberry.css

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