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