themes/mobile/blackberry.css

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