docs/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, div.content-from-module {
1397         float: left;
1398         margin-top: 2em;
1399         margin-bottom: 2em;
1400         padding-right: 5pt;
1401         width: 80%;
1402 }
1403 div#content-test ol{
1404         margin-right: 5pt;;
1405 }
1406
1407 div#content-test ol ul li{
1408         list-style: none;
1409         padding: 0 0.125em 0  0.938em;
1410         margin-bottom: 0.063em;
1411         line-height: 200%;
1412         background-color: #fdfdfd;
1413         border-bottom: 1px solid #efefef;
1414         border: 1px solid #eeeeff;
1415 }
1416
1417 div#content-info {
1418         margin: 5pt;
1419         font-size: small;
1420         color: #b8ae9c;
1421         clear: both;
1422 }
1423
1424 div#container {
1425         text-align: left;
1426         margin: 0 auto;
1427         padding: 0;
1428         border:0;
1429         width: 95%;
1430 }
1431
1432 div#menutoggle{
1433         text-align: right;
1434         padding-bottom: 0.625em;
1435         padding-right: 0.625em;
1436         float: left;
1437         margin-top: 0.625em;
1438         padding-right: 0.313em;
1439         font-size:0.95em;
1440 }
1441
1442
1443 /* login page */
1444 div.column {
1445         float: left;
1446         width: 45%;
1447         margin: 0.313em;
1448         min-width: 10.625em;
1449 }
1450
1451 div.column h3 {
1452         background-color: #F6EAD6;
1453         border-bottom: .05em solid #6F7172;
1454         font-size: small;
1455         display:block;
1456         color:black;
1457         font-weight:600;
1458         padding-left:0.5em;
1459 }
1460
1461 div.insidecol {
1462    min-height: 10.625em;
1463    height: 10.625em;
1464    padding:0.313em;
1465 }
1466
1467
1468 /* index page */
1469 ul#home-links, ul#home-detail-links {
1470         list-style: none;
1471 }
1472 ul#home-links li {
1473
1474         display: inline;
1475         float: left;
1476         padding: 0.8em;
1477         text-align: center;
1478         margin: 0.1em;
1479         width: 8.5em;
1480         height: 7.0em;
1481         padding-left:0;
1482
1483 }
1484 ul#home-links li a {
1485         text-decoration: none;
1486         border: 1px transparent;
1487         font-weight: bold;
1488 }
1489 ul#home-links li a img {
1490         border: 0;
1491         display: block;
1492         padding-left:1.563em;
1493 }
1494
1495 /*my start page */
1496 #my_courses_container{
1497         text-align: left;
1498         margin: 0 auto;
1499         border:0;
1500         min-width: 100%;
1501 }
1502 #my-courses-navlist{
1503 }
1504 .my-courses-list{
1505         border: solid 1px #A9ADB0;
1506         /*-webkit-border-radius:5px;*/
1507         padding: .375em;
1508         color: #5984C4;
1509         margin: .375em;
1510         padding: .375em;
1511 }
1512 .my-courses-list-ul{
1513         margin: 0 auto;
1514         padding-left: 0;
1515         width: 100%;
1516 }
1517 .my-courses-links{
1518         font-size: 80%;
1519         padding-top: .75em;
1520 }
1521 .my-courses-resume{
1522         float: right;
1523 }
1524 .fl-link-summary{
1525         padding-left: 0.875em;
1526         padding-bottom: 0.875em;
1527         display: inline;
1528 }
1529 .fl-list-menu li a {
1530 }
1531 .fl-theme-iphone [class*="fl-list"]:not(.fl-list):not(.fl-grid) a {
1532 }
1533 .fl-theme-iphone [class*="fl-list"] > li .fl-link-summary{
1534         color: #5984C4;
1535 }
1536 .current_head{
1537         padding-top: .5em;
1538 }
1539 .fl-list-menu {
1540
1541 }
1542
1543 .current_box{
1544         max-width: 100%;
1545         background-color:#F3F6FA;
1546 }
1547 .current_list{
1548         width: 95%;
1549         padding: 0 0.375em;
1550 }
1551 .current_list li{
1552         list-style-type: none;
1553         padding:0;
1554         margin:0;
1555
1556 }
1557 .current_list img{
1558
1559 }
1560
1561 #show-all{
1562         text-align: center;
1563 }
1564 /* enrollment tabs */
1565 #navlist {
1566         padding: 0;
1567         margin-left: 0;
1568         margin-right: auto;
1569         margin-left: auto;
1570         margin-bottom: .25em;
1571         margin-top: 0.938em;
1572         white-space: nowrap;
1573 }
1574
1575 #navlist li {
1576         list-style: none;
1577         display: inline;
1578         margin: 0;
1579 }
1580
1581 #navlist li a {
1582         padding: 0.188em 0.563em;
1583         border: 1px solid #F7F3ED;
1584         border-bottom: none;
1585         background-color: #F7F3ED;
1586         text-decoration: none;
1587         margin-left: .25em;
1588         white-space: nowrap;
1589 }
1590
1591 #navlist li a:hover, #navlist li a:active {
1592         color: #000;
1593         background-color: #fff;
1594 }
1595
1596 /* tree */
1597 .img-size-tree {
1598         vertical-align: middle;
1599         margin-top: 0;
1600     padding:0;
1601         height:1.45em;
1602         width:1.5em;
1603 }
1604 /* profile page */
1605
1606 dl#public-profile {
1607         width: 100%;
1608
1609 }
1610
1611 dl#public-profile {
1612         width: 100%;
1613
1614 }
1615 dl#public-profile dt {
1616         float: left;
1617         width: 90%;
1618         border-right: 1px solid #F7F3ED;
1619         padding: 0.313em 0.313em 0.313em 0;
1620
1621         margin-right: 0.313em;
1622 }
1623 dl#public-profile dd {
1624         margin: 0;
1625 }
1626
1627 div.social-right{
1628         margin-left:.5em;
1629         margin-top: 1em;
1630 }
1631 div.social-left{
1632         margin-left:.5em;
1633 }
1634 h4.profile{
1635         float: left;
1636 }
1637 .social-wrapper h3{
1638         padding-top: .5em;
1639 }
1640 .my-contacts h3{
1641         padding-bottom: .375em;
1642 }
1643 img#profile{
1644         border: 1px #cccccc solid;
1645         margin-left: 1em;
1646 }
1647 dd{
1648     margin: 0;
1649 }
1650
1651
1652 /** forum stuff **/
1653 #forum-thread li {border:1px solid #eee; border-bottom: 1px solid #F7F3ED; float:left; width: 97%; list-style: none; }
1654 #forum-thread li.even { background-color: #F7F3ED; border-top: none; }
1655 #forum-thread li.odd { background-color: #fff; }
1656 div.forum-post-author { float:left; width:19.375em; padding:0.5em 0.625em; }
1657 div.forum-post-author a.title {font-size: 1.1em; line-height: 1.2em; font-weight: bold; text-decoration:none; }
1658 div.forum-post-author img.profile-picture { border: 2px solid #F7F3ED; text-align:right;}
1659 div.forum-post-content { margin-left: 19.375em; padding: 0.313em 0 1.125em 1.125em;}
1660 div.forum-post-content h3 { font-weight: 500; float:left;clear:right; }
1661 div.forum-post-ctrl { float: right; padding-right: 0.313em; color: #a1a1a1;}
1662 div.forum-post-ctrl a { text-decoration: none; }
1663 div.forum-post-ctrl span { color: black; background-color: #fefdc2; padding: 0.188em; }
1664 div.forum-post-content p.date { color: #a1a1a1; border-bottom: 1px solid #F7F3ED; }
1665 div.forum-post-content div.body p { margin-bottom:1em; }
1666 div.forum-paginator{border:thin #cccccc solid; padding:.3em; width:95%;margin:auto;background-color:#F7F3ED;}
1667 span.forum-paginator-active{font-weight:700;text-decoration:underline; height:2em;}
1668
1669
1670
1671 /** inbox stuff - reuses some of the forum layout **/
1672 #inbox-msg li {border:1px solid #eee; border-bottom: 1px solid #F7F3ED; width: 95%; list-style: none; min-height: 11em;}
1673
1674 /*  tool list on admin home and manage screens  */
1675  li.top-tool {
1676         list-style: none;
1677         padding: 0.125em 0.125em 0.125em  0.938em;
1678         margin-bottom: 0.313em;
1679         line-height: 200%;
1680         border: solid 1px #A9ADB0;
1681         /*-webkit-border-radius:5px;*/
1682 }
1683 li.top-tool a {  font-weight: bold; } /* ol#tools>li>a */
1684
1685 li.child-tool a {
1686         font-size: x-small;
1687         font-weight: normal;
1688 }
1689
1690 /* ol#tools>li>ul, */
1691 ul.child-top-tool {
1692         margin-top: -0.313em;
1693         padding-left: 0;
1694         margin-left: 0;
1695         display: inline;
1696 }
1697 ul.child-top-tool:before {
1698         content: " : ";
1699 }
1700
1701 li.child-tool {
1702         display: inline;
1703         margin-right: 0.313em;
1704         font-size: x-small;
1705 }
1706
1707 .img-size-home {
1708         height:3.85em;
1709         width:3.9em;
1710 }
1711
1712 /* browse courses */
1713 div.browse-course {
1714         width: 28em;
1715         padding-bottom: 0.625em;
1716         background-color: #fffaf0;
1717         border:1px #6F7172 solid;
1718         font-size:9pt;
1719         min-height:18em;
1720         margin:auto;
1721         margin-left:1em;
1722         margin-top:1em;
1723 }
1724
1725 dl.browse-course {
1726         width: 90%;
1727         padding-bottom: 0.625em;
1728         background-color: #fffaf0;
1729
1730         margin:auto;
1731         margin-left:1em;
1732 }
1733 dl.browse-course dt {
1734         float: left;
1735         font-weight: bold;
1736         width: 25%;
1737         text-align: right;
1738         clear: left;
1739         padding: 0.313em 0.625em 0.313em 0;
1740         vertical-align: middle;
1741
1742 }
1743 dl.browse-course dd {
1744         margin-bottom: 0.313em;
1745         clear: right;
1746         padding: 0.313em 0 0.313em 0.625em;
1747         margin-left: 26%;
1748
1749 }
1750 .row .buttons{
1751         border: none;
1752 }
1753
1754 /*  form fields grouping for WCAG 2.0 conformance*/
1755
1756 fieldset.group_form{
1757         width:95%;
1758         margin:0 auto;
1759         margin-bottom: 1em;
1760         /*border: 1px #6D7B8D solid;*/
1761         /*-webkit-border-radius:5px;*/
1762 }
1763
1764 legend.group_form{
1765         background-color:white;
1766         font-weight: 600;
1767         color: #333;
1768         padding:.5em;
1769         /*border: 1px #6D7B8D solid;*/
1770         /*-webkit-border-radius:5px;*/
1771         text-align:left;
1772 }
1773 /* file storage */
1774
1775 #fsfloat1{
1776         float:right;
1777 }
1778 #fsfloat2{
1779         float:right;
1780         width:48%;
1781 }
1782
1783
1784 /* highlight active links for WCAG 2.0 conformance */
1785 a:active,a:hover,a:focus{
1786         background-color:#F6EAD6;
1787         color:#000000;
1788 }
1789
1790
1791 /*Added by Silvia */
1792 div.column_primary {
1793         float: left;
1794         width: 42%;
1795         margin: 0.313em;
1796         padding: 0;
1797         min-width: 10.625em;
1798 /*      position: relative;*/
1799 }
1800
1801 div.column_equivalent{
1802         float: left;
1803         width: 52%;
1804         margin-left:  0.938em;
1805         margin-top: 0.313em;
1806         margin-right: 0.313em;
1807         margin-bottom: 0.313em;
1808         min-width: 10.625em;
1809         padding: 0.313em;
1810         border: 1px solid #EEE;
1811         background-color: #FFF;
1812 /*      position: relative;*/
1813
1814 }
1815
1816 div.resource_box{
1817         border: 1px solid #aaa;
1818         width: 95%;
1819         margin: 0.313em;
1820         padding: 0.313em;
1821         min-width: 9.375em;
1822         background-color: #eee;
1823 /*      position: relative;*/
1824 }
1825
1826 h2.alternatives_to{
1827         margin-top: 0.75em;
1828         font-size: 90%;
1829         color: #A50707;
1830 }
1831
1832 div.alternative_box{
1833         border: 1px solid #ddd;
1834         /*width: 90%;*/
1835         margin: 0.313em;
1836         padding: 0.313em;
1837         min-width: 9.375em;
1838         background-color: #fff;
1839 }
1840
1841 div.alternative_box legend {
1842         color: #000;
1843 }
1844
1845 div.resource_box legend {
1846         color: #000;
1847 }
1848
1849 label.primary a{
1850         color: #A50707;
1851         font-weight: bolder;
1852         background-color: white;
1853 }
1854
1855 /* format of "table of contents" on content page */
1856 #toc a          { display:block; margin:0.188em; }
1857 #toc a:hover, a:focus {color:#fff; background-color:#3866C4;}
1858 #toc .h2, #toc .h3, #toc .h4, #toc .h5, #toc .h6{
1859         padding:0 0 0 0;
1860 }
1861
1862 #toc .h2 {font-size:80%;
1863 padding:0.8em 0 0 1em;}
1864
1865 #toc .h3 {font-size:80%; font-weight:normal;
1866 padding:0 0 0 2em;}
1867
1868 #toc {border: none;
1869 padding-bottom:-1em;
1870 margin-bottom:0;}
1871
1872 div#content-text {margin-top:-0.5em;}
1873
1874 fieldset#toc {
1875         /*background-color: #B8AE9C;*/
1876         /*border: 1pt solid #B8AE9C;*/
1877         width:89%;
1878         background-color:#E8EEF7;
1879 }
1880
1881 #toc legend {
1882         font-family:Arial,Helvetica,sans-serif;
1883         font-size:12pt;
1884         font-weight:bold;
1885         margin-top: 16pt;
1886         margin-right: 0;
1887         margin-bottom: 0;
1888         margin-left: 0;
1889         padding-top: 2em;
1890         padding-right: 0;
1891         padding-bottom: 0.5em;
1892         padding-left: 0;
1893 }
1894
1895 #content-text blockquote {
1896 border-bottom:2px solid black;
1897 border-top:2px solid black;
1898 color:#000000;
1899 clear:both;
1900 font-size:1em;
1901 font-style:italic;
1902 line-height:1.4em;
1903 margin:0.5em 1.5em 0.5em 0;
1904 padding:0.1em 0 0;
1905 width:14em;}
1906
1907 #side-menu{
1908         overflow:hidden;
1909 }
1910
1911 /* cleans up glossary question mark line spacing*/
1912 sup{
1913         border: 1pt solid #B8AE9C;
1914         vertical-align:bottom;
1915         margin-top: 1em;
1916 }
1917
1918 /* jQuery tooltip styles */
1919 #tooltip{
1920         position:absolute;
1921         z-index:3000;
1922         border:3px solid #111;
1923         background-color:#eeeeee;
1924         padding:0.313em;
1925 }
1926 #tooltip h3,#tooltip div{
1927         margin:0;
1928 }
1929
1930 /* style for home page modules "detail view" */
1931 div.home_box {
1932         padding: .75em 0;
1933         margin: 0 auto;
1934 }
1935
1936 .outside_box{
1937         background:#e0e0e0;
1938         width: 17em;
1939         margin: .375em;
1940         padding: 0;
1941         height:9.8em;
1942 }
1943
1944 .inside_box{
1945         width:100%;
1946         margin:auto;
1947         height:52%;
1948         margin-bottom:.2em;
1949         background:#eeeeee;
1950
1951 }
1952 .details_or{
1953         width:28.8em;
1954         height:9.8em;
1955         margin:0;
1956         background-image:url(images/details_r.png);
1957         background-position: top right;
1958         background-repeat:no-repeat;
1959 }
1960 .details_ol{
1961         height:9.8em;
1962         margin:0;
1963         width:.45em;
1964         background-image:url(images/details_l.png);
1965         background-position: top left;
1966         background-repeat:no-repeat;
1967 }
1968 .details_ir{
1969         width:.5em;
1970         height:100%;
1971         float:right;
1972         background-image:url(images/details_ir.png);
1973         background-position: top right;
1974         background-repeat:no-repeat;
1975 }
1976 .details_il{
1977         height:100%;
1978         float:left;
1979         background-image:url(images/details_il.png);
1980         background-position: top left;
1981         background-repeat:no-repeat;
1982 }
1983 .home-title{
1984         font-size:12pt;
1985 }
1986 .buttonbox{
1987         float:right;
1988 }
1989 .details_text{
1990         margin-left:1em;
1991 }
1992 .draggable_selected {
1993         background-color: lightgrey;
1994         cursor: move;
1995 }
1996
1997 div.menuedit{
1998         float:right;
1999         margin-top:-1.2em;
2000         border:1px solid #cccccc;
2001 }
2002 li.folders {
2003         list-style: disc url(../../images/folder.gif) outside;
2004         font-family: Verdana, Helevetica, Arial, sans-serif;
2005         margin-bottom: 0;
2006         margin-top: 0;
2007         margin-right: 0;
2008 }
2009
2010 li.folders .disabled {
2011         color: #B8AE9C;
2012 }
2013
2014 ul.folder{
2015         list-style-image:none;
2016         list-style-position:outside;
2017         list-style-type:none;
2018         margin:0em;
2019         padding:0em;
2020 }
2021
2022
2023 /*      top navigation */
2024
2025 #topnavlist-link {
2026         color: #000;
2027         text-decoration: none;
2028         font-weight: bold;
2029
2030         margin-right:-20px;
2031         background-image:url(images/tree/tree_collapse.gif);
2032         background-repeat:no-repeat;
2033         background-position: center right;
2034
2035         /*border: thin solid red;*/}
2036
2037         #topnavlist-link a:link {color:#5984C4;}
2038
2039
2040 ul#topnavlist {
2041         display: none;
2042         position: relative;
2043         top: 1.2em;
2044         z-index: 1;
2045         background-color:#fff;
2046         }
2047
2048
2049 ul#topnavlist li {
2050         padding: 0;
2051         margin: 0;
2052 }
2053 ul#topnavlist li a.active {
2054         color: #5984C4;
2055         font-style: italic;
2056         }
2057
2058 #topnavlist a:hover {color:#3866c4 !important;
2059 text-decoration:underline !important;
2060 background-color:transparent;}
2061
2062 ul#topnavlist li a  {
2063         color: #5984C4;
2064         text-decoration: none;
2065 }
2066
2067
2068 div.toolcontainer{
2069         width:90%;
2070         margin:auto;
2071         border:thin solid #e8e8e8;
2072         padding-top:1em;
2073         padding-bottom:1em;
2074 }
2075
2076 ul#subnavlist {
2077         padding: 0;
2078         padding-bottom: 0.313em;
2079         margin: 0;
2080         font-size: 90%;
2081 }
2082
2083
2084 ul#subnavlist li {
2085         display: inline;
2086 }
2087
2088 ul#subnavlist li#test{
2089         display: none;
2090 }
2091 ul#subnavlist li a:hover, ul#subnavlist li a:focus, ul#subnavlist li a.active{ /*
2092         color: black;
2093         text-decoration:none;*/
2094 }
2095
2096 ul#subnavlist li a, ul#subnavlist li a:visited {
2097         color: #5984C4;
2098 }
2099
2100
2101 /* list attributes */
2102 ul {
2103         list-style: none;
2104 }
2105 li {
2106         color: black;
2107         list-style: none;
2108 }
2109
2110 ol#tools>li:hover, ol#tools>li:hover a {
2111         border: 1px solid #e0e0e0;
2112         background-color: #e6e6e6;
2113         color: black;
2114 }
2115
2116
2117 #content-contentwrapper{
2118         height:100%;
2119     position:relative;
2120         z-index:1000;
2121         width:100%;
2122         overflow:hidden;
2123 }
2124
2125 #leftcolumn{
2126         float: left;
2127         width: 17em;
2128         margin-left: 0.313em;
2129         margin-top:-0.625em;
2130 }
2131
2132 #copyright{
2133         font-size: 0.5em color:#333;
2134 }
2135 #gototop{
2136         text-align: right;
2137         color: #4B6B90;
2138 }
2139
2140  #tools{
2141         margin: 0 auto;
2142         padding: 0.375em;
2143 }
2144
2145
2146 /* ATutor Social Styles */
2147
2148 div .profile_container {
2149         background-color:#eee;
2150         border: 1px solid #8e8e8e;
2151         width:80%;
2152         padding:0.5em;
2153         margin-bottom: 0.5em;
2154 }
2155
2156 div .profile_container .top_right {
2157         float: right;
2158 }
2159
2160 dl.public-profile dd{
2161         margin-left:0;
2162 }
2163 dl.public-profile dt {
2164         float: left;
2165         font-weight: bold;
2166         min-width:12em;
2167 }
2168
2169 /* Search form */
2170 div .search_form {
2171         margin-bottom: 1em;
2172 }
2173
2174 div .search_form .row{
2175         background-color: #DEDEC0;
2176         padding: 0.5em;
2177 }
2178 div .button {
2179         background-color: #eee;
2180         border: 1px solid #aaa;
2181 }
2182 div .button:hover{
2183         background-color: #cccccc;
2184         color: #ffffff;
2185 }
2186
2187 /* Side menu */
2188
2189
2190 ul.social_side_menu {
2191         padding-left: 2em;
2192 }
2193 ul.social_side_menu li {
2194         padding-bottom: 0.2em;
2195         list-style: circle;
2196 }
2197
2198 div .divider {
2199         border-bottom:1px solid #C1C157;
2200         padding-bottom:0.5em;
2201         margin-bottom:0.5em;
2202 }
2203
2204 .activity{
2205         line-height:18pt;
2206         font-size:.8em;
2207 }
2208
2209 div.contentbox, input-form{
2210
2211         padding:.5em;
2212         background-color: #ffffff;
2213     overflow:hidden;
2214     /*border: #A9ADB0 solid 1px;
2215         /*-webkit-border-radius: 5px;*/
2216 }
2217
2218 div.suggestions{
2219         border:1px solid #a50707;
2220         margin-left:0.625em;
2221         width:50%;
2222 }
2223 li.inlinelist{
2224         display: inline;
2225         padding-right: 1em;
2226 }
2227 ul.social_inline_menu{
2228         background-color: #eeeeee;
2229         border:thin #cccccc solid;
2230         padding:.5em;
2231         width:90%;
2232         margin:auto;
2233 }
2234 div.social-wrapper{
2235         width: 100%;
2236 }
2237
2238
2239 .contentbox-a{
2240     width: 100%;
2241 }
2242 .contentbox-b{
2243     padding-bottom:0.2em;
2244 }
2245
2246 div.logo{
2247 float:left;
2248 clear:right;
2249 margin-left:2em;}
2250
2251
2252 /* Overrides for external stylesheets */
2253
2254 .fl-tabs li a {
2255         color:#6699ff;
2256  -moz-background-clip:none;
2257 -moz-background-clip: none;
2258 -moz-background-origin: none;
2259 border-style:none;}
2260
2261 #top-links .fl-tabs li a{
2262         color:#6699ff;
2263 }
2264
2265 .recent_item {padding-bottom:1em;}