theme/standard/styles_layout.css

   1 /*******************************************************************
   2  styles_layout.css
   3
   4  This CSS file contains all layout definitions like positioning,
   5  floats, margins, padding, borders etc.
   6
   7  Styles are organised into the following sections:
   8   core
   9   forms
  10   header
  11   footer
  12
  13   admin
  14   blocks
  15   blog
  16   calendar
  17   course
  18   doc
  19   grades
  20   login
  21   message
  22   question
  23   tabs
  24   user
  25
  26   various modules
  27
  28 *******************************************************************/
  29
  30
  31 /***
  32  *** Core
  33  ***/
  34
  35 h1.main,
  36 h2.main,
  37 h3.main,
  38 h4.main,
  39 h5.main,
  40 h6.main {
  41   text-align: center;
  42 }
  43
  44 #layout-table {
  45   width:100%;
  46   border-collapse:separate;
  47   margin-top: 8px;
  48 }
  49
  50 #layout-table #left-column,
  51 #layout-table #middle-column,
  52 #layout-table #right-column
  53 {
  54   vertical-align:top;
  55 }
  56
  57 #layout-table #middle-column {
  58   padding-left:12px;
  59   padding-right:12px;
  60 }
  61
  62 .clearer {
  63   clear:both;
  64   margin:0;
  65   padding:0;
  66   height:1px;
  67   border:none;
  68   background:transparent;
  69   display:block;
  70 }
  71
  72 .clearfix {
  73   min-width: 0;
  74   /* overflow: hidden; */
  75 }
  76
  77 .clearfix:after {
  78   /* content: "<!-- -->";  */
  79   content: ".";
  80   display: block;
  81   height: 0;
  82   clear: both;
  83   visibility: hidden;
  84 }
  85
  86 /* .clearfix {display: inline-table;} */
  87
  88 /* Hides from IE-mac \*/
  89 * html .clearfix {height: 1%;}
  90 .clearfix {display: block;}
  91 /* End hide from IE-mac */
  92
  93 .mdl-align {
  94   text-align: center;
  95 }
  96
  97 .continuebutton {
  98   text-align: center;
  99 }
 100
 101 form {
 102   margin-bottom:0;
 103 }
 104
 105 table {
 106   border-spacing: 0;
 107   border-collapse: collapse;
 108 }
 109
 110 a img {
 111   border:none;
 112 }
 113
 114 img.userpicture,
 115 img.grouppicture {
 116   border: 0;
 117 }
 118
 119 #grouppicture {
 120   text-align: center;
 121 }
 122
 123 div.groupselector {
 124   float: left;
 125   margin-top: 3px;
 126   margin-bottom: 3px;
 127 }
 128
 129 #addmembersform table {
 130   margin-left: auto;
 131   margin-right: auto;
 132 }
 133
 134 .notifyproblem {
 135   text-align: center;
 136   padding: 10px;
 137 }
 138
 139 .notifysuccess {
 140   text-align:center;
 141   padding: 10px;
 142 }
 143
 144 .notifytiny {
 145   text-align:left;
 146   padding: 0;
 147 }
 148
 149 .singlebutton form,
 150 .singlebutton div {
 151   display:inline;
 152 }
 153
 154 .generalbox {
 155   border-width:1px;
 156   border-style:solid;
 157   margin-bottom: 15px;
 158   padding:10px;
 159 }
 160
 161 .generalbox#intro {
 162   width:70%;
 163   margin-left:auto;
 164   margin-right:auto;
 165   padding-bottom:15px;
 166 }
 167
 168 .boxaligncenter {
 169   margin-left:auto;
 170   margin-right:auto;
 171 }
 172
 173 .boxalignright {
 174   margin-left:auto;
 175   margin-right:0;
 176 }
 177
 178 .boxalignleft {
 179   margin-left:0;
 180   margin-right:auto;
 181 }
 182
 183 .boxwidthnarrow {
 184   width: 30%
 185 }
 186
 187 .boxwidthnormal {
 188   width: 50%
 189 }
 190
 191 .boxwidthwide {
 192   width: 80%
 193 }
 194
 195 .centerpara {
 196   text-align:center
 197 }
 198
 199 .noticebox {
 200   border-width:1px;
 201   border-style:solid;
 202   padding:10px;
 203 }
 204
 205 #notice.generalbox {
 206   width: 60%;
 207   margin-left:auto;
 208   margin-right:auto;
 209 }
 210
 211 #notice .buttons {
 212   text-align:center
 213 }
 214
 215 #notice .buttons div,
 216 #notice .buttons form {
 217   display:inline;
 218 }
 219
 220 #notice .singlebutton {
 221   text-align:center;
 222   padding: 5px;
 223   margin: 0px;
 224 }
 225
 226 .errorbox {
 227   border-width:1px;
 228   border-style:solid;
 229   margin: 1em 15%;
 230   width: 70%;
 231   padding:10px;
 232 }
 233
 234 .errorbox .title {
 235   padding: 5px;
 236 }
 237
 238 .informationbox {
 239   border-width:1px;
 240   border-style:solid;
 241   padding: 10px;
 242 }
 243
 244 .feedbackbox {
 245   border-width:1px;
 246   border-style:solid;
 247 }
 248
 249 .feedbackby {
 250 }
 251
 252 .feedback {
 253 }
 254
 255 .generaltable {
 256   border-width: 1px;
 257   border-style: solid;
 258 }
 259
 260 .generaltable .cell {
 261   border-width: 1px;
 262   border-style: solid;
 263   border-collapse: collapse;
 264 }
 265
 266 #participationreport .reporttable {
 267   text-align: center;
 268   margin-left:auto;
 269   margin-right:auto;
 270 }
 271
 272 #participationreport {
 273   text-align: center;
 274 }
 275
 276 #participationreport .modulename {
 277   font-weight: bold;
 278 }
 279
 280 #participationreportselector {
 281   text-align: center;
 282 }
 283
 284 #participationreportactions {
 285   text-align: center;
 286 }
 287
 288 .initialbar {
 289   text-align: center;
 290 }
 291
 292 #help .indent {
 293   margin-left:3em;
 294 }
 295
 296 .closewindow,
 297 #help .helpindex {
 298   text-align: center;
 299 }
 300
 301 .tabledivider {
 302   border-width:1px;
 303   border-style:solid;
 304   border-left:0;
 305   border-right:0;
 306   border-top:0;
 307 }
 308
 309 .sitetopic {
 310   margin-bottom:20px;
 311 }
 312
 313 .sitetopiccontent {
 314   border-width:1px;
 315   border-style:solid;
 316 }
 317
 318 .pagingbar {
 319   text-align:center;
 320 }
 321
 322 .pagingbar a {
 323   padding-left: 10px;
 324 }
 325
 326 .pagingbar .thispage {
 327   padding-left: 10px;
 328 }
 329
 330 table.formtable {
 331   margin: auto;
 332 }
 333
 334 table.formtable tbody th {
 335   vertical-align: top;
 336 }
 337
 338 table.formtable tbody td,
 339 table.formtable tbody th
 340 {
 341   padding: 5px;
 342 }
 343
 344 table.formtable tbody .htmlarea td,
 345 table.formtable tbody .htmlarea th
 346 {
 347   padding: 0;
 348 }
 349
 350 .flexible th
 351 {
 352   white-space: nowrap;
 353 }
 354
 355 .paging {
 356   text-align: center;
 357   margin: 10px 0 10px 0;
 358 }
 359
 360 .unread {
 361   padding-right:2px;
 362 }
 363
 364 .cell {
 365   vertical-align: top;
 366 }
 367
 368 .helplink img {
 369   vertical-align: middle;
 370   margin: 0 2px;
 371   width: 17px;
 372   height: 17px;
 373 }
 374
 375 img.emoticon {
 376   vertical-align: middle;
 377   width: 15px;
 378   height: 15px;
 379 }
 380
 381 form.popupform,
 382 form.popupform div {
 383     display: inline;
 384 }
 385
 386 form.popupform label {
 387   margin-right: 0.5em;
 388 }
 389
 390 .arrow_button {
 391   margin-top:3em;
 392 }
 393
 394 .arrow_button input {
 395   width:2.4em;
 396   padding:0.3em;
 397   overflow:hidden;
 398 }
 399
 400 .groupmanagementtable td {
 401   vertical-align: top;
 402 }
 403
 404 .groupmanagementtable p {
 405   text-align: center;
 406 }
 407
 408 .groupmanagementtable select {
 409   width: 18em;
 410 }
 411
 412 img.icon {
 413   vertical-align:middle;
 414   margin-right:4px;
 415   width:16px;
 416   height:16px;
 417   border:0px;
 418 }
 419
 420 img.iconsmall {
 421   vertical-align:middle;
 422   margin-right:1px;
 423   width:11px;
 424   height:11px;
 425   border:0px;
 426 }
 427
 428 img.iconhelp {
 429   vertical-align:middle;
 430   margin-right:4px;
 431   width:17px;
 432   height:17px;
 433   border:0px;
 434 }
 435
 436 img.iconkbhelp {
 437   width:49px;
 438   height:17px;
 439   border:0px;
 440 }
 441
 442 /*Accessibility: text 'seen' by screen readers but not visual users. Fixed for RTL languages, example Farsi. */
 443 .accesshide {
 444   position:absolute;
 445   top:-1000px;
 446   left:10px;
 447   font-weight:normal;
 448   font-size:1em;
 449 }
 450
 451 .invisiblefieldset {
 452   display:inline;
 453   border:0px;
 454   padding:0px;
 455   margin:0px;
 456 }
 457
 458 span.hide,
 459 div.hide {
 460   display:none;
 461 }
 462
 463 /***
 464  *** Forms
 465  ***/
 466
 467 .mform {
 468   margin: 0 auto;
 469   padding: 0;
 470   width: 80%;
 471 }
 472 .mform fieldset {
 473   border: 1px solid #DDDDDD;
 474   padding: 10px 0;
 475   margin: 0.7em 0;
 476   width:100%;
 477 }
 478 .mform fieldset.hidden, .mform fieldset.felement {
 479   border: 0;
 480 }
 481 .mform fieldset.felement {
 482   width: auto;
 483 }
 484 .mform fieldset legend {
 485   font-weight: bold;
 486   margin-left: 0.5em;
 487 }
 488 .mform fieldset .advancedbutton{
 489    width:100%;
 490    text-align:right;
 491 }
 492 .mform div.fitem {
 493   clear: both;
 494   width: 100%;
 495   min-height: 1.5em;
 496 }
 497
 498 .mform .fitemtitle {
 499   display: block;
 500   float: left;
 501   width: 30%;
 502   padding: 0;
 503   margin: 5px 0 0 10px;
 504   text-align: right;
 505 }
 506
 507 .mform .fitemtitle div{
 508   display: inline;
 509 }
 510
 511 div.fitem fieldset.fgroup label, div.fradio label,  div.fcheckbox label,
 512 fieldset.fdate_selector label {
 513   display:inline;
 514   float: none;
 515   width: auto;
 516 }
 517
 518 .mform div.felement,  .mform fieldset.felement{
 519   display: block;
 520   float: left;
 521   margin: 5px 0 0 10px;
 522   padding: 0;
 523   text-align:left;
 524   width: 60%;
 525 }
 526
 527 .mform div.fdescription {
 528   clear: both;
 529   min-height: 1.5em;
 530 }
 531
 532 .mform .fdescription.required {
 533   text-align:right;
 534 }
 535
 536 .mform input, .mform select {
 537   width: auto;
 538 }
 539 .mform ftextarea {
 540 }
 541 .mform br {
 542   clear: left;
 543 }
 544 .mform div.fhtmleditor {
 545   margin: 0 auto 10px auto;
 546   width : 600px;
 547   clear:both;
 548   float:none;
 549   padding: 25px 0 20px 0;
 550 }
 551 .mform span.error, .mform span.required {
 552   color: red;
 553 }
 554 .mform div.error,.mform fieldset.error {
 555   border: 1px solid red;
 556   padding: 5px;
 557   color: inherit;
 558 }
 559 .mform .fcheckbox input {
 560   margin-left: 0px;
 561 }
 562 .mform .fpassword .unmask {
 563   display:inline;
 564 }
 565 .mform .fpassword .unmask input {
 566   margin-left:5px;
 567   margin-right:3px;
 568 }
 569
 570 form#adminsettings div.htmlarea {
 571   clear: left;
 572   padding-top: 5px;
 573 }
 574
 575 .mform label .req, .mform label .adv {
 576   cursor: help;
 577 }
 578
 579 /* form frozen */
 580 div.mform div.fitem div.fstatic{
 581         border-color : lightgrey;
 582         border-style : dashed;
 583         border-width : thin;
 584 }
 585
 586 #admin-register .mform .fsubmit {
 587   padding:20px;
 588   text-align:center;
 589 }
 590
 591 div.phpinfo .center{
 592   text-align: center;
 593 }
 594
 595 div.phpinfo .center table {
 596   margin-left: auto;
 597   margin-right: auto;
 598   text-align: left;
 599 }
 600
 601 div.phpinfo .center th {
 602   text-align: center;
 603 }
 604
 605 /***
 606  *** Header
 607  ***/
 608
 609 .headerskip {
 610   position:absolute;
 611   right:20em;
 612   font-size:0.8em;
 613 }
 614
 615 #header-home {
 616 }
 617
 618 #header {
 619 }
 620
 621 .headermain, h1.headermain {
 622   float:left;
 623   margin:0;
 624   padding:0;
 625 }
 626
 627 .headermenu {
 628   float:right;
 629   text-align:right;
 630 }
 631
 632 .navigation li,
 633 .navigation div,
 634 .navigation button,
 635 .navigation form {
 636   display: inline;
 637 }
 638
 639 .navbar {
 640   width:auto;
 641   padding:3px 0.5em;
 642   border-width:1px;
 643   border-style:solid;
 644 }
 645
 646 .navbar .langmenu {
 647   text-align:right;
 648 }
 649
 650 table.navbar {
 651   width: 100%;
 652 }
 653
 654 .navbar .navbutton {
 655   margin-top: 3px;
 656   float: left;
 657 }
 658
 659 .navbar .navbutton div,
 660 .navbar .navbutton form {
 661   display:inline;
 662   margin:0px;
 663   padding:0px;
 664 }
 665
 666 .navbar .breadcrumb {
 667   float:left;
 668   margin:0.2em 0;
 669 }
 670
 671 .breadcrumb ul {
 672   padding:0;
 673   margin:0;
 674   text-indent:0;
 675   list-style:none;
 676 }
 677 .breadcrumb li {
 678   display:inline;
 679 }
 680
 681 .navbar .navbutton,
 682 .navbar .menu {
 683   float:right;
 684 }
 685
 686 #footer .navbar {
 687   margin-top: 4em;
 688 }
 689
 690 .reportlink {
 691   text-align:right;
 692 }
 693
 694 .navigation ul {
 695   margin:0px;
 696   padding:0px;
 697   list-style-type:none;
 698 }
 699
 700 .navigation ul li form,
 701 .navigation ul li {
 702   display:inline;
 703   margin:0px;
 704   padding:0px;
 705   margin-left:2px;
 706 }
 707
 708 .navigation optgroup {
 709   text-align:center;
 710   padding-top:4px;
 711 }
 712
 713 .navigation option {
 714   text-align:left;
 715 }
 716
 717 .navigation optgroup option {
 718   padding:0px;
 719 }
 720
 721 #navmenupopup option,
 722 #navmenufooterpopup option {
 723   padding: 2px 0 2px 20px;
 724   background-repeat: no-repeat;
 725   background-position: 1px 2px;
 726   vertical-align: middle;
 727 }
 728
 729 /***
 730  *** Footer
 731  ***/
 732
 733 #footer {
 734   text-align:center;
 735   margin-top: 40px;
 736 }
 737
 738 .homelink {
 739   margin: 1em 0;
 740 }
 741
 742 .homelink a {
 743   padding-left:1em;
 744   padding-right:1em;
 745 }
 746
 747 .performanceinfo {
 748   margin: 2em;
 749 }
 750
 751 .performanceinfo span {
 752   display: block;
 753 }
 754
 755 #footer .validators {
 756   margin-top:40px;
 757   padding-top:5px;
 758   border-top: 1px dotted gray;
 759 }
 760
 761 #footer .validators ul {
 762   margin:0px;
 763   padding:0px;
 764   list-style-type:none;
 765 }
 766
 767 #footer .validators ul li {
 768   display:inline;
 769   margin-right:10px;
 770   margin-left:10px;
 771 }
 772
 773 /***
 774  *** Filters
 775  ***/
 776 span.mediaplugin {
 777   display:block;
 778   clear:both;
 779   margin-top:5px;
 780   margin-bottom:5px;
 781 }
 782
 783 span.mediaplugin_mp3 {
 784   display:inline;
 785   clear:none;
 786   margin:0px;
 787   margin-left:0.5em;
 788 }
 789
 790
 791 /***
 792  *** Admin
 793  ***/
 794
 795 body#admin-index .c0 {
 796   vertical-align: top;
 797 }
 798
 799 body#admin-index .c1 {
 800   vertical-align: middle;
 801 }
 802
 803 body#admin-blocks table.generaltable th,
 804 body#admin-filters table.generaltable th,
 805 body#admin-modules table.generaltable th,
 806 body#admin-auth table.generaltable th
 807 {
 808   white-space: nowrap;
 809 }
 810
 811 body#admin-modules .generaltablecell
 812 {
 813   padding-top: 2px;
 814   padding-bottom: 2px;
 815 }
 816
 817 body#admin-blocks table.generaltable th,
 818 body#admin-blocks table.generaltable td.cell,
 819 body#admin-filters table.generaltable th,
 820 body#admin-filters table.generaltable td.cell,
 821 body#admin-modules table.generaltable th,
 822 body#admin-modules table.generaltable td.cell,
 823 body#admin-auth table.generaltable th,
 824 body#admin-auth table.generaltable td.cell
 825 {
 826   padding: 4px;
 827   text-align: center;
 828   vertical-align: middle;
 829 }
 830
 831 body#admin-blocks table.generaltable th.c0,
 832 body#admin-blocks table.generaltable td.c0,
 833 body#admin-filters table.generaltable th.c0,
 834 body#admin-filters table.generaltable td.c0,
 835 body#admin-modules table.generaltable th.c0,
 836 body#admin-modules table.generaltable td.c0,
 837 body#admin-auth table.generaltable th.c0,
 838 body#admin-auth table.generaltable td.c0
 839 {
 840   text-align: left;
 841 }
 842
 843 body#admin-modules table.generaltable td.c0
 844 {
 845   white-space: nowrap;
 846 }
 847
 848 #admin-blocks
 849 #admin-config .confighelp {
 850   display: block;
 851   padding-bottom: 20px;
 852 }
 853
 854 #admin-roles-manage table.generalbox {
 855   margin: auto;
 856 }
 857
 858 #admin-stickyblocks .generalbox {
 859   text-align:center;
 860 }
 861
 862 #admin-index .copyrightnotice {
 863   margin: auto;
 864   text-align: center;
 865 }
 866
 867 #admin-report-simpletest-index .exception pre {
 868   padding: 8px;
 869 }
 870
 871 #admin-report-simpletest-index .unittestsummary {
 872   padding: 8px;
 873   margin-top: 1em;
 874 }
 875
 876 #admin-roles-allowassign .buttons,
 877 #admin-roles-allowoverride .buttons,
 878 #admin-roles-manage .buttons,
 879 #admin-roles-override .buttons {
 880   margin: 20px;
 881   text-align:center;
 882 }
 883
 884 #admin-roles-manage .buttons .singlebutton,
 885 #admin-roles-override .buttons .singlebutton {
 886     display: inline;
 887   padding: 5px;
 888 }
 889
 890 #admin-roles-manage .selector,
 891 #admin-roles-override .selector {
 892     text-align:center;
 893 }
 894
 895 #admin-roles-manage table.roledesc,
 896 #admin-roles-override table.roledesc {
 897   margin-left:auto;
 898   margin-right:auto;
 899 }
 900
 901 #admin-roles-manage table.rolecap,
 902 #admin-roles-override table.rolecap {
 903   margin-left:auto;
 904   margin-right:auto;
 905 }
 906
 907 .rolecap .inherit,
 908 .rolecap .allow,
 909 .rolecap .prevent,
 910 .rolecap .prohibit {
 911   text-align:center;
 912 }
 913
 914 #admin-roles-manage .rolecap .cap-desc .cap-name,
 915 #admin-roles-override .rolecap .cap-desc .cap-name {
 916   display: block;
 917 }
 918
 919 #admin-roles-override .cell.c1,
 920 #admin-roles-assign .cell.c1 {
 921   padding-top: 0.75em;
 922 }
 923
 924 #admin-lang .generalbox {
 925   text-align:center;
 926   margin:auto;
 927   border-width: 1px;
 928   border-style: solid;
 929 }
 930
 931 #admin-langimport .generalbox {
 932   text-align:center;
 933   margin:auto;
 934   border-width: 1px;
 935   border-style: solid;
 936 }
 937
 938 #admin-langimport .generalbox table {
 939   text-align:center;
 940   margin:auto;
 941 }
 942
 943 #admin-index .adminwarning {
 944   text-align:center;
 945   border-width: 1px;
 946   border-style: solid;
 947   margin:20px;
 948 }
 949
 950 #admin-index .adminwarning .singlebutton,
 951 #admin-index #layout-table .singlebutton {
 952   text-align:center;
 953   margin:20px;
 954 }
 955
 956 #adminsettings fieldset {
 957   margin-top: 1em;
 958   padding: 1em 0.5em;
 959 }
 960
 961 #adminsettings legend {
 962   display: none;
 963 }
 964
 965 #adminsettings .form-group {
 966   float: left;
 967 }
 968
 969 #adminsettings .form-item {
 970   margin: 0;
 971 }
 972
 973 #adminsettings label {
 974   display: block;
 975   float: left;
 976   width: 150px;
 977   text-align: right;
 978 }
 979
 980 #adminsettings .form-shortname {
 981   display: block;
 982 }
 983
 984 #adminsettings select,
 985 #adminsettings input {
 986   float: left;
 987   margin: 0 0 0 10px;
 988 }
 989
 990 #adminsettings textarea {
 991   float: left;
 992   margin: 0 0 0 10px;
 993   width: 65%;
 994 }
 995
 996 #adminsettings .form-group select,
 997 #adminsettings .form-group input {
 998   display: inline;
 999   float: none;
1000 }
1001
1002
1003 /* #adminsettings .admin-configtime .form-select {
1004   display: inline;
1005   float: none;
1006 }
1007
1008 #adminsettings div.admin-frontpage div.form-group select.form-select {
1009   display: inline;
1010   float: none;
1011 } */
1012
1013 #adminsettings .description {
1014   clear: both;
1015   margin: 0 1em 0 160px;
1016   padding: 0.3em 0 1.5em 0;
1017 }
1018
1019 #adminsettings .form-item .unmask input {
1020   margin-left:5px;
1021   margin-right:3px;
1022 }
1023
1024 #adminsettings .form-item .unmask label {
1025   width: auto;
1026   text-align: left;
1027 }
1028
1029 .environmentbox {
1030     margin-top: 1em;
1031 }
1032
1033 .form-buttons {
1034   margin: 10px 0 0 160px;
1035 }
1036
1037 .form-text {
1038   width: 20em;
1039 }
1040 .form-textarea { }
1041 .form-select { }
1042 .form-checkbox { }
1043 .form-radio { }
1044 .form-submit { }
1045 .form-reset { }
1046
1047 .admin-frontpagedesc .htmlarea {
1048   margin: 0 auto 10px auto;
1049   width : 600px;
1050 }
1051
1052 .adminsearchform {
1053   padding-top:10px;
1054 }
1055
1056 .block_admin_tree .admintree {
1057   text-align:left;
1058 }
1059
1060 #admin-lang .translator {
1061   border-width: 1px;
1062   border-style: solid;
1063 }
1064
1065 #adminsettings #admin-calendar_weekend table {
1066   width: 100%;
1067 }
1068
1069 #adminsettings #admin-calendar_weekend table td {
1070   text-align: center;
1071 }
1072
1073 #adminsettings #admin-calendar_weekend table td label {
1074   width: 100%;
1075   text-align: center;
1076   float: none;
1077 }
1078
1079 #trustedhosts .generaltable {
1080   margin-left: auto;
1081   margin-right: auto;
1082   width: 500px;
1083 }
1084
1085 #trustedhosts .standard {
1086   width: auto;
1087 }
1088
1089 #mnetconfig table {
1090   margin-left: auto;
1091   margin-right: auto;
1092 }
1093
1094 /***
1095  *** Blocks
1096  ***/
1097
1098 /*Accessibility: Skip block link, for screen reader users. */
1099 a.skip-block, .skip-block {
1100   display:block;
1101   width:2em;
1102   height:1px;
1103 }
1104 .sideblock .skip-block {
1105   height:4px;
1106 }
1107 .skip-block-to {
1108   font-size:1px;
1109 }
1110
1111 .sideblock {
1112   margin-bottom:1em;
1113   width: 100%;
1114 }
1115
1116 .sideblock .header, .sideblock h2.header {
1117   text-align: left;
1118   margin:0;
1119   padding:4px;
1120   padding-top:0;
1121   border-width: 1px;
1122   border-style: solid;
1123   border-bottom: none;
1124 }
1125 .sideblock h2 {
1126   margin:0;
1127   padding:0;
1128 }
1129
1130 .sideblock .header .hide-show {
1131   float:right;
1132 }
1133
1134 .sideblock .header .hide-show img.hide-show-image {
1135   height:11px;
1136   width:11px;
1137   margin-top:0.25em;
1138 }
1139
1140 .sideblock .header .commands {
1141   margin-top: 0.3em;
1142   clear: both;
1143   height: 16px;
1144 }
1145
1146 .sideblock .header .commands a {
1147   margin: 0px 2px;
1148 }
1149
1150 #left-column .hidden .header,
1151 #right-column .hidden .header
1152 {
1153   border-bottom-width: 1px;
1154   border-bottom-style: solid;
1155 }
1156
1157 #left-column .hidden .content,
1158 #right-column .hidden .content
1159 {
1160   display: none;
1161 }
1162
1163 .sideblock .header .icon.hide,
1164 .sideblock .header .icon.edit {
1165   margin-right: 6px;
1166 }
1167
1168 .sideblock .content {
1169   padding: 4px;
1170   border-width: 1px;
1171   border-style: solid;
1172 }
1173
1174 .sideblock .content h3,
1175 .sideblock .content h2 {
1176   text-align: left;
1177 }
1178
1179 .sideblock .content h2 {
1180   margin:1.5em 0 0;
1181   padding:0;
1182 }
1183
1184 .sideblock .content .head {
1185   margin-top: 10px;
1186 }
1187
1188 .sideblock .content hr {
1189   height:1px;
1190   margin-top:4px;
1191   margin-bottom:4px;
1192   border:none;
1193   border-top:1px solid;
1194 }
1195
1196 .sideblock div.column {
1197   margin:0px;
1198   margin-right:4px;
1199   padding:0px;
1200 }
1201
1202 .sideblock div.column.c0 {
1203   float: left;
1204 }
1205
1206 .sideblock div.column.c1 {
1207   display: inline;
1208 }
1209
1210 .sideblock .content .c0 img.icon {
1211   margin:0px;
1212 }
1213
1214 .sideblock .content .list, .unlist, .inline-list {
1215   list-style:none;
1216   padding:0;
1217   margin:0;
1218 }
1219
1220 .sideblock .content .list {
1221   width: 100%;
1222 }
1223
1224 .sideblock .content .list li {
1225   clear: left;
1226 }
1227
1228 .sideblock .content .inline-list li {
1229   display:inline;
1230 }
1231
1232 .sideblock .content ul.list li.listentry {
1233   clear:both;
1234 }
1235
1236 .sideblock .content div.info {
1237   text-align:center;
1238 }
1239
1240 .sideblock .footer {
1241   margin-bottom: 4px;
1242   text-align:center;
1243   clear:both;
1244 }
1245
1246 .sideblock img.userpicture {
1247   width:16px;
1248   height:16px;
1249   margin-right:4px;
1250 }
1251
1252 .blockconfigtable {
1253   margin-top: 0;
1254   margin-right: auto;
1255   margin-left: auto;
1256 }
1257
1258 .blockconfigtable td.label {
1259     text-align: right;
1260     width: 50%;
1261 }
1262
1263 .blockconfigtable td.value {
1264     text-align: left;
1265     width: 50%;
1266 }
1267
1268 .blockconfigtable td.submit {
1269     text-align: center;
1270 }
1271
1272 .blockconfiginstancecontent .tabs {
1273   margin-bottom: 0px;
1274   margin-left: auto;
1275   margin-right: auto;
1276 }
1277
1278 .block_messages .content {
1279   text-align:left;
1280   font-size:0.75em;
1281   padding-top:5px;
1282 }
1283
1284 .block_recent_activitysideblock .h3 {
1285   padding-top:5px;
1286 }
1287
1288 .block_online_users .listentry div.user,
1289 .block_messages .listentry div.user {
1290   float:left;
1291 }
1292
1293 .block_online_users .listentry div.message,
1294 .block_messages .listentry div.message {
1295   float:right;
1296 }
1297
1298 .block_course_list .footer {
1299   margin-top: 5px;
1300 }
1301
1302 #rssfeeds {
1303   margin-left: auto;
1304   margin-right: auto;
1305 }
1306
1307 #block_rss {
1308   text-align: center;
1309 }
1310
1311 /***
1312  *** Blogs
1313  ***/
1314 .addbloglink {
1315   text-align: center;
1316 }
1317
1318 .blogpost .audience {
1319   text-align: right;
1320 }
1321
1322 .blogpost .tags {
1323   margin-top: 15px;
1324 }
1325
1326
1327 /***
1328  *** Calendar
1329  ***/
1330
1331 #calendar {
1332   width: 100%;
1333   border-spacing: 5px;
1334   border-collapse: separate;
1335 }
1336
1337 #calendar h2,
1338 #calendar h3
1339 {
1340   text-align: center;
1341 }
1342
1343 #calendar .maincalendar,
1344 #calendar .sidecalendar
1345 {
1346   vertical-align: top;
1347   border: 1px solid;
1348   padding: 0px;
1349 }
1350
1351 #calendar .maincalendar {
1352   height: 100%;
1353 }
1354
1355 #calendar .maincalendar .heightcontainer {
1356   height: 100%;
1357   position: relative;
1358 }
1359
1360 #calendar .maincalendar .bottom {
1361   width: 100%;
1362   position: absolute;
1363   bottom: 0;
1364   text-align: center;
1365 }
1366
1367 #calendar .sidecalendar {
1368   width: 25%;
1369 }
1370
1371 #calendar .maincalendar table.calendarmonth {
1372   border-collapse: separate;
1373   margin: 0px auto;
1374   width: 98%;
1375 }
1376
1377 #calendar .maincalendar table.calendarmonth th {
1378   padding:10px;
1379   border-bottom:2px solid;
1380 }
1381
1382 #calendar .maincalendar table.calendarmonth td {
1383   height: 5em;
1384   padding-left: 4px;
1385   padding-top: 4px;
1386   line-height:1.2em;
1387 }
1388
1389 #calendar .maincalendar table.calendarmonth td,
1390 table.minicalendar td,
1391 table.minicalendar th {
1392   width:14%;
1393   vertical-align:top;
1394 }
1395 table.minicalendar td {
1396   text-align: center;
1397 }
1398 #calendar .maincalendar table.calendarmonth td table td {
1399   height: auto;
1400 }
1401
1402 #calendar div.header
1403 {
1404   padding: 5px;
1405 }
1406
1407 #calendar .maincalendar .buttons {
1408   float: right;
1409 }
1410
1411 #calendar .maincalendar .filters table,
1412 #calendar .sidecalendar .filters table,
1413 .sideblock.block_calendar_month .filters table
1414 {
1415   border-collapse:separate;
1416   border-spacing: 2px;
1417   padding: 2px;
1418   width: 100%;
1419 }
1420
1421 #calendar .maincalendar .filters {
1422   padding: 0px 10px;
1423 }
1424
1425 #calendar .sidecalendar .filters {
1426   padding: 5px;
1427 }
1428
1429 #calendar .maincalendar .controls {
1430   clear:both;
1431   padding:10px;
1432 }
1433
1434 #calendar .maincalendar table.calendarmonth ul.events-new,
1435 #calendar .maincalendar table.calendarmonth ul.events-underway
1436 {
1437   padding:0px;
1438   margin:0px;
1439   list-style-type:none;
1440 }
1441
1442 #calendar .maincalendar table.calendarmonth ul li {
1443   margin-top: 4px;
1444 }
1445
1446 .minicalendarblock {
1447   padding: 0px 4px;
1448 }
1449
1450 table.minicalendar {
1451   width: 100%;
1452   margin: 10px auto;
1453   padding:2px;
1454   border-width:1px;
1455   border-style:solid;
1456   border-collapse:separate;
1457   border-spacing:1px !important;
1458 }
1459
1460 table.minicalendar th {
1461   padding: 0px 2px;
1462 }
1463
1464 #calendar .maincalendar .eventlist {
1465   padding: 10px;
1466 }
1467
1468 #calendar .maincalendar .eventlist .topic {
1469   padding: 5px;
1470   border-style:solid;
1471   border-width: 0px;
1472   border-bottom-color: #EEEEEE;
1473   border-bottom-width: 1px;
1474 }
1475
1476 #calendar .maincalendar .eventlist .event {
1477   width:100%;
1478   margin-bottom:10px;
1479   border-spacing:0px;
1480   border-collapse:separate;
1481   border-width:1px;
1482   border-style:solid;
1483 }
1484
1485 #calendar .maincalendar .eventlist .event .name {
1486   float:left;
1487 }
1488
1489 #calendar .maincalendar .eventlist .event .course {
1490   float:left;
1491   clear:left;
1492 }
1493
1494 #calendar .maincalendar .eventlist .event .date {
1495   float:right;
1496 }
1497
1498 #calendar .maincalendar .eventlist .event .description .commands {
1499   width:100%;
1500 }
1501
1502 #calendar .maincalendar .eventlist .event .description {
1503   padding:5px;
1504 }
1505
1506 #calendar .maincalendar .eventlist .event .picture {
1507   padding:8px;
1508 }
1509
1510 #calendar .maincalendar .eventlist .event .side {
1511   width:32px;
1512 }
1513
1514 #calendar #selecteventtype table {
1515   margin:auto;
1516 }
1517
1518 #calendar .event_global,
1519 #calendar .event_course,
1520 #calendar .event_group,
1521 #calendar .event_user,
1522 .minicalendar .event_global,
1523 .minicalendar .event_course,
1524 .minicalendar .event_group,
1525 .minicalendar .event_user {
1526   border:2px solid !important;
1527 }
1528
1529 #calendar .duration_global,
1530 #calendar .duration_course,
1531 #calendar .duration_group,
1532 #calendar .duration_user,
1533 .minicalendar .duration_global,
1534 .minicalendar .duration_course,
1535 .minicalendar .duration_group,
1536 .minicalendar .duration_user
1537 {
1538   border-top:2px solid !important;
1539   border-bottom:2px solid !important;
1540 }
1541
1542 #calendar .today,
1543 .minicalendar .today {
1544   border:2px solid;
1545 }
1546
1547 .cal_popup_bg {
1548   padding:0px;
1549   margin:0px;
1550   border:1px solid;
1551 }
1552
1553 .cal_popup_close {
1554   margin-right:5px;
1555 }
1556
1557 .cal_popup_caption {
1558   border-width:0px 0px 1px 0px;
1559   border-style:solid;
1560   padding-bottom:2px;
1561 }
1562
1563 /*Accessibility: controls now div and span, 20:58:20% or 12:74:12% */
1564 .calendar-controls .previous,
1565 .calendar-controls .next,
1566 .calendar-controls .current {
1567   display: block;
1568   float: left;
1569   width: 12%;
1570 }
1571 .calendar-controls .previous {
1572   text-align: left;
1573 }
1574 .calendar-controls .current {
1575   text-align: center;
1576   width: 76%;
1577 }
1578 .calendar-controls .next {
1579   text-align: right;
1580 }
1581
1582 #calendar .maincalendar .calendar-controls .previous,
1583 #calendar .maincalendar .calendar-controls .next
1584 {
1585   width: 30%;
1586 }
1587 #calendar .maincalendar .calendar-controls .current {
1588   width: 40%;
1589 }
1590
1591 #calendar .indent {
1592   padding-left: 20px;
1593 }
1594
1595 /***
1596  *** Course
1597  ***/
1598
1599 .activitydate, .activityhead {
1600   text-align:center;
1601 }
1602
1603 #course-view .section td {
1604   vertical-align:top;
1605 }
1606
1607 #course-view .section td.content {
1608   padding:5px;
1609   border-style:solid;
1610   border-width:1px;
1611   border-left:0px;
1612   border-right:0px;
1613 }
1614
1615 #course-view .section td.side {
1616   padding:5px;
1617   border-style:solid;
1618   border-width:1px;
1619 }
1620
1621 #course-view .section td.left {
1622   border-right:0px;
1623   text-align:center;
1624   width: 1.5em;
1625 }
1626
1627 #course-view .section td.right {
1628   border-left:0px;
1629   text-align:center;
1630   width: 1.5em;
1631 }
1632
1633 #course-view .current .side {
1634 }
1635
1636 #course-view .section .spacer {
1637   height:0.5em;
1638 }
1639
1640 #course-view .section .weekdates {
1641 }
1642
1643 #course-view ul.section,
1644 #site-index ul.section {
1645   margin: 0;
1646   padding: 0;
1647   list-style: none;
1648 }
1649
1650 .section_add_menus {
1651   text-align:right;
1652 }
1653
1654 .section_add_menus .horizontal div {
1655   display:inline;
1656 }
1657
1658
1659 /*#course-view ul.section li.activity ul li,
1660 #site-index ul.section li.activity ul li {
1661   list-style: disc;
1662 }*/
1663
1664 /*Accessibility: No-tables course format. */
1665 #course-view ul.weekscss {
1666   margin: 0;
1667   padding: 0;
1668   list-style: none;
1669 }
1670 /* Window-width: 800 pixels.
1671    IE doesn't support, see inline IE conditional comment. */
1672 .weekscss-format {
1673   min-width: 763px;
1674 }
1675 .weekscss-format .block_adminblock select,
1676 .weekscss-format .block_calendar_month .minicalendar {
1677   width: 100%;
1678   padding: 0;
1679 }
1680 .weekscss-format .block_calendar_month .minicalendar th,
1681 .weekscss-format .block_calendar_month .minicalendar td {
1682   padding: 0.1em 0 0.1em 1px;
1683 }
1684 .weekscss-format #middle-column {
1685   margin: 0 12.5em 0 12.5em;
1686 }
1687 .weekscss-format #left-column,
1688 .weekscss-format #right-column {
1689   width: 11.5em;
1690 }
1691 .weekscss-format #left-column {
1692   float: left;
1693 }
1694 .weekscss-format #right-column {
1695   float: right;
1696 }
1697 .weekscss li.section {
1698   margin-bottom: 0.5em;
1699   border-style:solid;
1700   border-width:1px;
1701 }
1702 .weekscss .content,
1703 .weekscss .side {
1704   padding: 5px;
1705 }
1706 .weekscss .content {
1707   margin: 0 1.7em 0 1.7em;
1708 }
1709 .weekscss .right {
1710   width: 1.6em;
1711   float: right;
1712   text-align:center;
1713 }
1714
1715 .section .activity img.activityicon {
1716   vertical-align:middle;
1717   height:16px;
1718   width:16px;
1719 }
1720
1721 .section img.movetarget {
1722   height:16px;
1723   width:80px;
1724 }
1725
1726 body#course-view .unread {
1727   margin-left: 3em;
1728 }
1729
1730 body#course-view .sideblock.drag .header {
1731   cursor: move;
1732 }
1733
1734 body#course-enrol .generalbox {
1735   margin-top: 20px;
1736 }
1737
1738 body#course-enrol .coursebox {
1739   margin-top: 20px;
1740 }
1741
1742 body#course-user .graph {
1743   text-align: center;
1744 }
1745
1746 body#course-user .section,
1747 body#course-user .content {
1748   margin-left: 30px;
1749   margin-right: 30px;
1750 }
1751
1752 body#course-user .section {
1753   border-width:1px;
1754   border-style:solid;
1755   padding:10px;
1756   margin-bottom: 20px;
1757 }
1758
1759 body#course-user .section h2 {
1760   margin-top: 0;
1761 }
1762
1763
1764 .headingblock, h2.headingblock {
1765   border-width:1px;
1766   border-style:solid;
1767   padding:5px;
1768   margin:0;
1769 }
1770
1771 #site-index .subscribelink,
1772 #course-view .subscribelink {
1773   text-align:right;
1774 }
1775
1776 body#site-index .headingblock,
1777 body#course-view .headingblock {
1778   margin-bottom: 9px;
1779 }
1780
1781 body#course-category .courseboxes,
1782 body#course-index .courseboxes {
1783   padding:20px;
1784 }
1785
1786 body#course-category .rolelink {
1787   text-align:right;
1788   padding:10px;
1789 }
1790
1791 body#course-index #middle-column .editcourse {
1792   margin-left:auto;
1793   margin-right:auto;
1794   margin-top:20px;
1795   margin-bottom:20px;
1796 }
1797
1798 body#course-index #middle-column .editcourse th,
1799 body#course-index #middle-column .editcourse td {
1800   padding-left:10px;
1801   padding-right:10px;
1802 }
1803
1804 body#course-index #middle-column .editcourse .count {
1805   text-align:right;
1806 }
1807
1808 body#course-index .singlebutton,
1809 body#course-index .addcategory {
1810   text-align: center;
1811 }
1812
1813 body#course-info .generalbox.icons {
1814   text-align: center;
1815 }
1816
1817 body#course-info .generalbox.info {
1818   margin-left:auto;
1819   margin-right:auto;
1820 }
1821
1822 .coursebox {
1823   width: 100%;
1824   float:left;
1825   margin-bottom: 15px;
1826   border-width:1px;
1827   border-style:solid;
1828 }
1829
1830 .coursebox .summary {
1831   float: right;
1832   text-align:left;
1833   width: 48%;
1834   padding:5px;
1835 }
1836
1837 .coursebox .info {
1838   float: left;
1839   text-align:left;
1840   width: 48%;
1841   padding:5px;
1842 }
1843
1844 #my-index .coursebox .info {
1845   float: none;
1846 }
1847
1848 #my-index .name {
1849   margin-left: 5px;
1850 }
1851
1852 .categorylist {
1853   width:90%;
1854   margin-left:auto;
1855   margin-right:auto;
1856 }
1857
1858 .categorylist .category.image {
1859   width:20px;
1860 }
1861
1862 .categorylist .category.number {
1863   text-align:right;
1864 }
1865
1866 .categoryboxcontent {
1867   border-width:1px;
1868   border-style:solid;
1869 }
1870
1871 .categorypicker {
1872   text-align:center;
1873   padding-bottom:10px;
1874 }
1875
1876 #coursesearch,
1877 #coursesearch2 {
1878   text-align:center;
1879 }
1880
1881 .addcoursebutton {
1882   text-align:center;
1883 }
1884
1885 .coursebox .cost {
1886   padding-top: 20px;
1887 }
1888
1889 .coursebox ul.teachers li {
1890   list-style-type:none;
1891   padding:0;
1892   margin:0;
1893 }
1894
1895 #course-category #renameform {
1896   text-align:center;
1897 }
1898
1899 #course-category #themeform {
1900   text-align: center;
1901 }
1902
1903 #course-category .singlebutton {
1904   text-align:center;
1905 }
1906
1907 #course-category #coursesearch {
1908   text-align:center;
1909 }
1910
1911
1912 #course-report #content {
1913   padding-top:15px;
1914   padding-bottom:15px;
1915 }
1916
1917 #course-report p {
1918   text-align:center;
1919 }
1920
1921 #course-report .logselectform,
1922 #course-report .participationselectform,
1923 #course-report-log-index .logselectform,
1924 #course-report-participation-index .participationselectform {
1925   margin-left:auto;
1926   margin-right:auto;
1927   text-align:center;
1928   margin-top:10px;
1929   margin-bottom:10px;
1930 }
1931
1932 #course-report .participationselectform label,
1933 #course-report-participation-index .participationselectform label {
1934   margin-left:15px;
1935   margin-right:5px;
1936 }
1937
1938 #course-report-log-index .info {
1939   margin-left:auto;
1940   margin-right:auto;
1941   text-align:center;
1942   margin:10px;
1943 }
1944
1945 #content .coursebox .summary .category {
1946   text-align:right;
1947 }
1948
1949 #course-editsection .singlebutton {
1950   text-align:center;
1951 }
1952
1953 /***
1954  *** Group
1955  ***/
1956 body#group-index #groupeditform {
1957   text-align: center;
1958 }
1959
1960
1961 /***
1962  *** Doc
1963  ***/
1964
1965 body#doc-contents h1 {
1966   margin: 1em 0px 0px 0px;
1967 }
1968
1969 body#doc-contents ul {
1970   list-style-type: none;
1971   margin: 0;
1972   padding: 0;
1973   width: 90%;
1974 }
1975
1976
1977 /***
1978  *** Grades
1979  ***/
1980
1981 body#grade-index .grades {
1982   border-width:1px;
1983   border-style:solid;
1984   border-collapse: separate;
1985 }
1986
1987 body#grade-index .grades td {
1988   border-width:0 1px 0 1px;
1989   border-style:solid;
1990   border-collapse: collapse;
1991 }
1992
1993 body#grade-index .grades .header {
1994   vertical-align: top;
1995 }
1996
1997 body#grade-index .grades .points,
1998 body#grade-index .grades .percent,
1999 body#grade-index .grades .weighted {
2000   text-align: right;
2001 }
2002
2003 .backup-form-instances {
2004    margin:0px 20px 0px 20px;
2005 }
2006 .restore-form-instances {
2007    margin:0px 20px 0px 20px;
2008 }
2009
2010 /***
2011  *** Login
2012  ***/
2013
2014 .loginbox {
2015   margin-top:15px;
2016   margin-bottom:15px;
2017   border:1px solid;
2018   width:50%;
2019   margin-left:25%;
2020   overflow:hidden;
2021 }
2022
2023 .loginbox form {
2024   margin:0px;
2025   padding:0px;
2026 }
2027
2028 .loginbox.twocolumns {
2029   width:90%;
2030   margin-left:5%;
2031   /* background: #faa; */
2032 }
2033
2034 .loginbox h2,
2035 .loginbox .subcontent {
2036   margin:5px;
2037   padding:10px;
2038   text-align:center;
2039 }
2040
2041 .loginbox .loginpanel .subcontent {
2042   text-align:center;
2043 }
2044
2045 .loginbox .loginpanel .desc {
2046   margin:0px;
2047   padding:0px;
2048   margin-bottom:5px;
2049 }
2050
2051 .loginbox .signuppanel .subcontent {
2052   text-align:left;
2053 }
2054
2055 .loginbox .loginsub {
2056   margin-left:0%;
2057   margin-right:0%;
2058 }
2059
2060 .loginbox .guestsub,
2061 .loginbox .forgotsub {
2062   border-top:1px solid;
2063   margin-left:12%;
2064   margin-right:12%;
2065   margin-bottom:5px;
2066 }
2067
2068 .loginbox .loginform {
2069   margin-top:1em;
2070   text-align:left;
2071 }
2072
2073 .loginbox .loginform .form-label {
2074   float:left;
2075   text-align:right;
2076   width:40%;
2077 }
2078
2079 .loginbox .loginform .form-input {
2080   float:right;
2081   width:59%;
2082 }
2083
2084 .loginbox .loginform .form-input input {
2085   width: 6em;
2086 }
2087
2088 .loginbox .signupform {
2089   margin-top:1em;
2090   text-align:center;
2091 }
2092
2093 .loginbox.twocolumns .loginpanel {
2094   float:left;
2095   width:49.5%;
2096   border-right: 1px solid;
2097   margin-bottom:-2000px;
2098   padding-bottom:2000px;
2099   /* background: #afa; */
2100 }
2101
2102 .loginbox.twocolumns .signuppanel {
2103   float:right;
2104   width:50%;
2105   margin-bottom:-2000px;
2106   padding-bottom:2000px;
2107 }
2108
2109
2110 /***
2111  *** Message
2112  ***/
2113
2114
2115 #message-user .userpicture,
2116 #message-history .userpicture {
2117   width: 100px;
2118   height: 100px;
2119 }
2120
2121 .message-discussion-noframes #userinfo .userpicture {
2122   float:left;
2123 }
2124
2125 .message-discussion-noframes #userinfo .name h1 {
2126   margin:0px;
2127 }
2128
2129 .message-discussion-noframes #userinfo .name {
2130   text-align:center;
2131   margin-left:60px;
2132 }
2133
2134 .message-discussion-noframes #userinfo .commands {
2135   text-align:left;
2136   margin-left:60px;
2137 }
2138
2139 .message-discussion-noframes #userinfo .commands ul {
2140   margin:0px;
2141   padding:0px;
2142   list-style-type:none;
2143 }
2144
2145 .message-discussion-noframes #userinfo .commands ul li {
2146   display:inline;
2147   padding-right:16px;
2148 }
2149
2150 .message-discussion-noframes #send {
2151   padding-top:10px;
2152   clear:both;
2153 }
2154
2155 .message-discussion-noframes #send h1 {
2156   margin:0px;
2157 }
2158
2159 .message-discussion-noframes #messages {
2160   padding-top:10px;
2161 }
2162
2163 .message-discussion-noframes #messages ul.messagelist {
2164   margin:0px;
2165   padding:0px;
2166 }
2167
2168 .message-discussion-noframes #send h1 {
2169   margin:0px;
2170 }
2171
2172 .message .noframesjslink {
2173   margin-top:20px;
2174 }
2175
2176 .message .link {
2177   vertical-align:middle;
2178 }
2179
2180 table.message .searchresults td {
2181   padding:5px;
2182   border-width:1px;
2183   border-style:solid;
2184   border-collapse:collapse;
2185   border-spacing:0px;
2186 }
2187 .message .summary .link {
2188   text-align:right;
2189 }
2190 .message .heading {
2191   text-align:center;
2192 }
2193
2194 .message .note {
2195   text-align:center;
2196   padding:10px;
2197 }
2198
2199 #message-user .commands span {
2200   margin-left:10px;
2201   margin-right:10px;
2202 }
2203
2204 body#message-messages {
2205   padding:10px;
2206 }
2207
2208
2209 /***
2210  *** MyMoodle
2211  ***/
2212
2213 .my .coursebox .overview .info {
2214   margin-left:20px;
2215 }
2216
2217 .my .coursebox .overview {
2218   margin-bottom:10px;
2219 }
2220
2221
2222 /***
2223  *** Question
2224  ***/
2225 .questionbank h2 {
2226   margin-top: 0;
2227 }
2228
2229 .que {
2230   width: 90%;
2231   text-align: left;
2232   margin: 10px auto 15px auto;
2233   border: 1px solid;
2234   clear: both;
2235 }
2236 .que .info {
2237   float: left;
2238   margin: 5px;
2239   width: 8%;
2240 }
2241 .que .grade {
2242   margin-top: 0.5em;
2243 }
2244 .que .content {
2245   float: right;
2246   margin: 5px;
2247   width: 88%;
2248 }
2249 .que .qtext {
2250   margin-bottom: 1.5em;
2251 }
2252 .que .ablock {
2253   margin: 0.7em 0 0.3em 0;
2254 }
2255 .que .prompt {
2256   float: left;
2257   width: 15%;
2258   height: 2em;
2259   padding-top: 0.3em;
2260 }
2261 .que .control {
2262   width: 5%;
2263 }
2264 .que .answer {
2265   /* float: right; */
2266   float: left;
2267   width: 83%;
2268   margin-bottom: 0.5em;
2269 }
2270 .que .submit {
2271   position: relative;
2272   clear: both;
2273   float: left;
2274 }
2275 /* MSIE Hack */
2276 * html .que .submit {
2277   float: none;
2278 }
2279 .multianswer .submit {
2280   margin-top: 1em;
2281 }
2282 .que .c0,
2283 .que .c1 {
2284   padding: 0.3em 0 0.3em 0.3em;
2285   vertical-align: top;
2286 }
2287 .que .feedback {
2288   clear: both;
2289   /* float: right; */
2290   width: 83%;
2291   padding: 0 0 0.3em 0.3em;
2292   border: 1px solid;
2293 }
2294 .multichoice td.feedback {
2295   width: auto;
2296   vertical-align: top;
2297   padding-top: 0.3em;
2298   border-style: none;
2299 }
2300 .essay .feedback {
2301   border-style: none;
2302 }
2303 .multichoice .text {
2304   width: auto;
2305 }
2306 .calculated .answer,
2307 .numerical .answer,
2308 .shortanswer .answer,
2309 .truefalse .answer {
2310   padding: 0.3em 0 0.3em 0.3em;
2311 }
2312 .calculated .answer input,
2313 .numerical .answer input,
2314 .shortanswer .answer input {
2315   width: 85%;
2316 }
2317 .truefalse .answer span {
2318   float: left;
2319   clear: left;
2320   padding: 0.2em 0;
2321 }
2322 .que .grading,
2323 .que .comment,
2324 .que .commentlink,
2325 .que .generalfeedback,
2326 .que .history {
2327   float: right;
2328   margin: 5px;
2329   width: 88%;
2330 }
2331
2332 .importerror {
2333   margin-top: 10px;
2334   border-bottom: 1px solid #555;
2335 }
2336
2337 /***
2338  *** Logs
2339  ***/
2340
2341 .logtable {
2342   margin-left:auto;
2343   margin-right:auto;
2344 }
2345
2346 .logtable td,
2347 .logtable th {
2348   padding-left: 10px;
2349   padding-right: 10px;
2350 }
2351
2352 .logtable th {
2353   text-align:left;
2354 }
2355
2356 #course-user .info {
2357   margin-left:auto;
2358   margin-right:auto;
2359   text-align:center;
2360   margin:10px;
2361 }
2362
2363 /***
2364  *** Tabs
2365  ***/
2366
2367
2368 /*globalnav*/
2369 .tabtree {
2370   position:relative;
2371 }
2372
2373 .tabrow0 {
2374   text-align: center;
2375   width:100%;
2376   padding:0 0 1.75em 0;
2377   margin:0;
2378   list-style:none;
2379   line-height:1.8em;
2380   font-size: 84%;
2381 }
2382
2383 .tabrow0 li {
2384   display: inline;
2385   margin: 0 -4px 0 0;
2386   padding: 0;
2387 }
2388
2389 .tabrow0 a span {
2390   padding: 10px 14px 0.35em 0;
2391   background: transparent url(pix/tab/right.gif) no-repeat right top;
2392 }
2393
2394 .tabrow1 li a span {
2395   background: none !important;
2396 }
2397
2398 .tabrow0 a {
2399   text-decoration: none;
2400   background: transparent url(pix/tab/left.gif) no-repeat left top;
2401   margin: 0 -1px 0 0;
2402   padding: 10px 0 0.35em 13px;
2403 }
2404
2405 .tabrow0 a:hover {
2406   background-image: url(pix/tab/left_hover.gif);
2407 }
2408
2409 .tabrow0 .here a:hover {
2410   background-image: url(pix/tab/left.gif);
2411 }
2412
2413 .tabrow0 a:hover span {
2414   background-image: url(pix/tab/right_hover.gif);
2415 }
2416
2417 .tabrow0 .here a:hover span {
2418   background-image: url(pix/tab/right.gif);
2419 }
2420
2421 .tabrow0 .here a {
2422   color:#444;
2423 }
2424
2425
2426 .tabrow0 .here a:link, .tabrow0 .here a:visited {
2427   position:relative;
2428   z-index:102;
2429 }
2430
2431 /*subnav*/
2432 .tabrow0 .empty {
2433   height: 1px;
2434   overflow: hidden;
2435   padding: 0;
2436 }
2437
2438 .tabrow0 div,
2439 .tabrow0 ul {
2440   position: absolute;
2441   left: 0;
2442   top: 2.0em;
2443   width: 100%;
2444   margin: 0;
2445   padding: 0.25em 0;
2446   list-style: none;
2447   border-top: 1px solid #aaa;
2448   line-height: normal;
2449   background: transparent url(pix/tab/tabrow1.gif) repeat-x center left;
2450   font-size: 90%;
2451 }
2452
2453 .tabrow0 ul li {
2454   display:inline;
2455   margin-top:1px;
2456   background-image: none;
2457 }
2458
2459 .tabrow0 ul a {
2460   background-image: none;
2461   color:#00c;
2462   margin:0;
2463   padding:0 1em;
2464   border:0
2465 }
2466
2467 .tabrow0 ul a span {
2468   padding: 0;
2469   background-image: none;
2470 }
2471
2472 .tabrow0 ul .last span,
2473 .tabrow0 ul li a:hover, .tabrow0 ul li a:hover span,
2474 .tabrow0 ul .here a:hover, .tabrow0 ul .here a:hover span {
2475   background-image: none !important;
2476 }
2477
2478 .tabrow0 ul div {
2479   display: none;
2480 }
2481
2482 ul.tabrow1 li a,
2483 ul.tabrow1 li a:link,
2484 ul.tabrow1 li a:visited {
2485   color:#00c;
2486   font-size: 110%;
2487 }
2488
2489 ul.tabrow1 li.here.selected a {
2490   color:#444;
2491 }
2492
2493 /***
2494  *** User
2495  ***/
2496
2497 .userinfobox {
2498   margin-bottom:5px;
2499   border-width: 1px;
2500   border-style: solid;
2501   border-collapse: separate;
2502 }
2503
2504 .userinfobox .left,
2505 .userinfobox .side {
2506   padding: 10px;
2507   width: 100px;
2508   vertical-align: top;
2509 }
2510
2511 .userinfobox .userpicture {
2512   width: 100px;
2513   height: 100px;
2514 }
2515
2516 .userinfobox .content {
2517   padding: 10px;
2518   vertical-align: top;
2519 }
2520
2521 .userinfobox .links {
2522   width: 100px;
2523   padding: 5px;
2524   vertical-align: bottom;
2525 }
2526
2527 .userinfobox .list td {
2528   padding: 3px;
2529 }
2530
2531 .userinfobox .username {
2532   padding-bottom: 20px;
2533 }
2534
2535 .userinfobox td.label {
2536   text-align:right;
2537   white-space: nowrap;
2538   vertical-align: top;
2539 }
2540
2541 table.userinfobox {
2542   width: 80%;
2543   margin-left: 10%;
2544   margin-right: 10%;
2545 }
2546
2547 table.groupinfobox {
2548   width: 60%;
2549   margin-left: 20%;
2550   margin-right: 20%;
2551   border-width:1px;
2552   border-style:solid;
2553   margin-bottom: 20px;
2554 }
2555
2556 .groupinfobox .left {
2557   padding: 10px;
2558   width: 100px;
2559   vertical-align: top;
2560 }
2561
2562 body#user-index h2 {
2563   text-align: center;
2564 }
2565
2566 #user-view .buttons,
2567 #user-index .buttons {
2568   text-align: center;
2569 }
2570
2571 #user-view .buttons form,
2572 #user-view .buttons form div {
2573   display:inline;
2574 }
2575
2576 body#user-index #longtimenosee,
2577 body#user-index #showall {
2578   text-align: center;
2579 }
2580
2581 body#user-index #showall {
2582   margin: 10px 0px;
2583 }
2584
2585 body#user-index table#participants {
2586   margin: auto;
2587   width: 80%;
2588 }
2589
2590 body#user-index table#participants td,
2591 body#user-index table#participants th {
2592   vertical-align: middle;
2593   text-align: left;
2594   padding: 4px;
2595 }
2596
2597 body#user-index table.controls {
2598   width: 100%;
2599 }
2600 body#user-index table.controls tr {
2601   vertical-align: top;
2602 }
2603 body#user-index table.controls td.right,
2604 body#user-index table.controls td.left {
2605   padding: 4px;
2606 }
2607 body#user-index table.controls .right {
2608   text-align: right;
2609 }
2610 body#course-participation h2 {
2611   text-align:center;
2612 }
2613 body#course-participation #showall {
2614   text-align:center;
2615   margin: 10px 0px;
2616 }
2617 body#user-index .rolesform {
2618   text-align:center;
2619 }
2620
2621 #user-policy .noticebox {
2622   text-align:center;
2623   margin-left:auto;
2624   margin-right:auto;
2625   margin-bottom:10px;
2626   width:80%;
2627   height:250px;
2628 }
2629
2630 #user-policy #policyframe {
2631   width:100%;
2632   height:100%;
2633 }
2634
2635 /***
2636  *** Modules: Assignment
2637  ***/
2638
2639 .userpicture,
2640 .picture user,
2641 .picture teacher {
2642   width:35px;
2643   vertical-align:top;
2644 }
2645 .modform {
2646   text-align:center;
2647 }
2648
2649 /***
2650  *** Modules: Chat
2651  ***/
2652
2653 .nextchatsession {
2654   text-align:center;
2655 }
2656
2657 #mod-chat-gui_header_js-jsupdate {
2658   margin:10px
2659 }
2660 #mod-chat-gui_header_js-jsupdate .chat-event,
2661 #mod-chat-gui_header_js-jsupdate .chat-message {
2662   width:100%;
2663   padding:0;
2664   margin-top:7px
2665 }
2666
2667 #mod-chat-view #chatcurrentusers .chatuserdetails {
2668    vertical-align: middle;
2669 }
2670
2671 #mod-chat-view #enterlink {
2672    text-align: center;
2673    margin-left: auto;
2674    margin-right: auto;
2675    width: 50%;
2676 }
2677
2678 .chat-event .picture,
2679 .chat-message .picture {
2680   width:40px;
2681   vertical-align:top;
2682 }
2683 .chat-event .text,
2684 .chat-message .text {
2685   text-align: left;
2686 }
2687
2688 #mod-chat-gui_basic #participants ul {
2689   margin:0px;
2690   padding:0px;
2691   list-style-type:none;
2692 }
2693
2694 #mod-chat-gui_basic #participants ul li {
2695   display:inline;
2696   margin-right:10px;
2697 }
2698
2699 #mod-chat-gui_basic #participants ul li .userinfo {
2700   display:inline;
2701 }
2702
2703 #mod-chat-gui_basic #messages dl {
2704   padding:0px;
2705   margin:1px;
2706 }
2707
2708 #mod-chat-gui_basic #messages dd,
2709 #mod-chat-gui_basic #messages dt {
2710   margin-left:0px;
2711   margin-right:5px;
2712   padding:0px;
2713   display:inline;
2714 }
2715
2716 /***
2717  *** Modules: Choice
2718  ***/
2719 .button {
2720   text-align:center;
2721 }
2722
2723 .attemptcell {
2724   width:5px;
2725   white-space: nowrap;
2726 }
2727
2728 .anonymous,
2729 .names {
2730   margin-left:auto;
2731   margin-right:auto;
2732 }
2733
2734 .downloadreport {
2735   border:0px;
2736   margin-left:auto;
2737   margin-right:auto;
2738 }
2739
2740 .choiceresponse {
2741   width:100%;
2742 }
2743 .choiceresponse .picture {
2744   width:10px;
2745   white-space: nowrap;
2746 }
2747
2748 .choiceresponse .fullname {
2749   width:100%;
2750   white-space: nowrap;
2751 }
2752
2753
2754 .results.data {
2755   vertical-align:top;
2756   white-space: nowrap;
2757 }
2758
2759 /***
2760  *** Modules: Data
2761  ***/
2762 .fieldadd,
2763 .sortdefault,
2764 .defaulttemplate {
2765   text-align:center;
2766 }
2767 .datapreferences {
2768   text-align:center;
2769 }
2770
2771 table.presets {
2772   margin-left: auto;
2773   margin-right: auto;
2774 }
2775
2776 /***
2777  *** Modules: Forum
2778  ***/
2779
2780 .forumheaderlist,
2781 .forumpost {
2782   border-width:1px;
2783   border-style:solid;
2784   border-collapse:separate;
2785 }
2786
2787 .forumpost {
2788   margin-top: 15px;
2789 }
2790
2791 .forumpost .topic {
2792   padding: 4px;
2793   border-style:solid;
2794   border-width: 0px;
2795   border-bottom-width: 1px;
2796 }
2797
2798 .forumpost .commands {
2799   padding-top: 0.5em;
2800   text-align:right;
2801   clear: both;
2802 }
2803
2804 .forumpost .ratings {
2805   padding-top: 1em;
2806   text-align:right;
2807 }
2808
2809 .forumpost .attachments {
2810   padding: 7px;
2811   text-align:right;
2812 }
2813
2814 .forumpost .content {
2815   padding: 4px;
2816 }
2817
2818 .forumpost .footer {
2819   padding-top: 0.5em;
2820   text-align:right;
2821 }
2822
2823 .forumpost .link {
2824   padding-top: 0.5em;
2825   text-align:right;
2826 }
2827
2828 .forumpost .left {
2829   width: 35px;
2830   padding: 4px;
2831   text-align: center;
2832   vertical-align: top;
2833 }
2834
2835 .mod-forum .indent {
2836   margin-left: 30px;
2837 }
2838
2839 body#user-view .forumpost,
2840 .course .forumpost {
2841   width: 100%;
2842 }
2843
2844 body#mod-forum-search .c0 {
2845   text-align: right;
2846 }
2847
2848 body#mod-forum-search .introcontent {
2849   padding: 15px;
2850 }
2851
2852 .forumolddiscuss {
2853   text-align: right;
2854 }
2855
2856 .forumheaderlist {
2857   width: 100%;
2858 }
2859
2860 .forumheaderlist td {
2861   border-width:1px 0px 0px 1px;
2862   border-style:solid;
2863 }
2864
2865 .forumheaderlist .replies {
2866   text-align: center;
2867   white-space: nowrap;
2868 }
2869
2870 .forumheaderlist .picture {
2871   width: 35px;
2872 }
2873
2874 .forumheaderlist .discussion .starter {
2875   vertical-align: middle;
2876 }
2877
2878 .forumheaderlist .lastpost {
2879   white-space: nowrap;
2880   text-align: right;
2881 }
2882
2883 .forumheaderlist .discussion .author {
2884   white-space: nowrap;
2885 }
2886 .forumolddiscuss {
2887   text-align:right;
2888 }
2889 .forumaddnew,
2890 .forumnodiscuss,
2891 .noticeboxcontent {
2892   text-align:center;
2893 }
2894
2895 #mod-forum-view .forumcontrol .groupmenu {
2896   float: left;
2897   text-align:left;
2898   white-space: nowrap;
2899 }
2900
2901 #mod-forum-view .forumcontrol .subscription {
2902   float: right;
2903   text-align:right;
2904   white-space: nowrap;
2905 }
2906
2907 #mod-forum-index .subscription {
2908   float: right;
2909   text-align:right;
2910   white-space: nowrap;
2911 }
2912
2913 #mod-forum-view .unread {
2914   padding-left: 3px;
2915   padding-right: 3px;
2916 }
2917 #mod-forum-discuss .forumpost.unread .content {
2918   border-style: solid;
2919   border-width: 2px;
2920 }
2921 #mod-forum-discuss .ratingsubmit {
2922   text-align:center;
2923   padding:10px;
2924 }
2925 #mod-forum-index .unread img,
2926 #mod-forum-view .unread img
2927 {
2928   margin-left: 5px;
2929 }
2930
2931 #mod-forum-discuss .discussioncontrols td {
2932   width: 33%;
2933   text-align:center;
2934 }
2935
2936 #email .unsubscribelink {
2937   margin-top:20px;
2938   border-width: 0px 1px 0px 0px;
2939   border-style: solid;
2940   text-align:center;
2941 }
2942
2943 /***
2944  *** Modules: Glossary
2945  ***/
2946
2947 .glossarypost .commands {
2948   width: 200px;
2949   white-space: nowrap;
2950 }
2951
2952 #mod-glossary-comments .glossarypost,
2953 #mod-glossary-comment .glossarypost {
2954   margin-top: 15px;
2955 }
2956
2957 .entryboxheader {
2958   border-width: 1px 1px 0px 1px;
2959   border-style: solid;
2960 }
2961
2962 .entrybox {
2963   width: 100%;
2964   border-width: 0px 1px 1px 1px;
2965   border-style: solid;
2966 }
2967
2968 .entrybox hr {
2969   border-left:none;
2970   border-right:none;
2971 }
2972
2973 .glossarypost {
2974   width: 95%;
2975   border-width:1px;
2976   border-style:solid;
2977   border-collapse:separate;
2978   margin-left:auto;
2979   margin-right:auto;
2980   margin-bottom: 5px;
2981   text-align: left;
2982 }
2983
2984 .entrylist {
2985   border-width:0px;
2986 }
2987
2988 .entrylowersection {
2989   padding-top: 10px;
2990 }
2991
2992 .entrylowersection table{
2993   width: 100%;
2994 }
2995
2996 .entrylowersection .aliases {
2997   text-align:center;
2998 }
2999
3000 .entrylowersection .icons,
3001 .entrylowersection .ratings {
3002   text-align:right;
3003   padding-right: 5px;
3004 }
3005
3006 .entrylowersection .ratings {
3007   padding-bottom: 2px;
3008 }
3009
3010 .glossarycategoryheader {
3011   width: 95%;
3012   margin-left:auto;
3013   margin-right:auto;
3014 }
3015
3016 .glossaryformatheader {
3017   width: 90%;
3018 }
3019
3020 .glossarypost .entry {
3021   padding: 3px;
3022 }
3023
3024 .glossarypost .picture {
3025   width: 35px;
3026 }
3027
3028 .glossarycomment {
3029   border-width:1px;
3030   border-style:solid;
3031   border-collapse:separate;
3032   margin-bottom: 5px;
3033   text-align: left;
3034 }
3035
3036 .glossarycomment .entry {
3037   padding: 3px;
3038 }
3039
3040 .glossarycomment .picture {
3041   width: 35px;
3042 }
3043
3044 .glossarycomment .icons {
3045   text-align: right;
3046 }
3047
3048 .glossarydisplay {
3049   width: 90%;
3050   margin-left:auto;
3051   margin-right:auto;
3052   text-align:center;
3053 }
3054
3055 .glossarydisplay .tabs {
3056   width: 100%;
3057 }
3058
3059 .glossarydisplay .separator {
3060   width: 4px;
3061 }
3062
3063 .glossarydisplay .tabs .selected,
3064 .glossarydisplay .tabs .inactive,
3065 .glossarydisplay .tabs .general {
3066 }
3067
3068 .glossaryimportexport {
3069   margin-left:auto;
3070   margin-right:auto;
3071   text-align:center;
3072 }
3073
3074 .glossarypopup {
3075   width: 95%;
3076 }
3077
3078 .glossaryapproval {
3079   width: 100%;
3080 }
3081
3082 .mod-glossary .glossarydisplay .tabs {
3083   margin-bottom: 0px;
3084 }
3085 .mod-glossary .glossarydisplay .tabs .side {
3086   border-style: none;
3087   border-width: 0px;
3088   width: auto;
3089 }
3090
3091 .glossaryexplain,
3092 .glossaryaddentry {
3093   text-align: center;
3094 }
3095
3096 .mod-glossary .tabrow0 {
3097   padding-bottom: 5px;
3098 }
3099
3100 #mod-glossary-view .glossarycontrol {
3101   float: right;
3102   text-align:right;
3103   white-space: nowrap;
3104 }
3105
3106 /***
3107  *** Modules: Journal
3108  ***/
3109 #mod-journal-view .lastedit,
3110 #mod-journal-view .editend {
3111   margin: 5px;
3112   text-align: center;
3113 }
3114 #mod-journal-view .feedbackbox {
3115   width: 75%;
3116   border-collapse: separate;
3117 }
3118 #mod-journal-view .entrycontent {
3119   padding: 3px;
3120 }
3121 #mod-journal-view .picture {
3122   width: 35px;
3123 }
3124 #mod-journal-view .grade {
3125   text-align: right;
3126 }
3127 #mod-journal-view .info {
3128   margin-bottom: 5px;
3129   text-align: right;
3130 }
3131
3132
3133 /***
3134  *** Modules: Label
3135  ***/
3136
3137 /***
3138  *** Modules: Lesson
3139  ***/
3140 #mod-lesson-lesson #page .addform {
3141   text-align: center;
3142 }
3143 #mod-lesson-edit #page .label {
3144   font-weight: bold;
3145 }
3146 #mod-lesson-edit #page .labelcorrect {
3147   text-decoration: underline;
3148   font-weight: bold;
3149 }
3150 .lessonmediafilecontrol {
3151   text-align: center;
3152   margin-left: auto;
3153   margin-right: auto;
3154 }
3155
3156
3157 /***
3158  *** Modules: Quiz
3159  ***/
3160
3161
3162 #mod-quiz-attempt #page {
3163   text-align: center;
3164 }
3165 #mod-quiz-edit #page .controls,
3166 #mod-quiz-edit #page .attemptsnotice
3167 {
3168   text-align: center;
3169 }
3170 #mod-quiz-edit .quizquestions h2 {
3171   margin-top: 0;
3172 }
3173 #mod-quiz-edit #showbreaks {
3174   margin-top: 0.7em;
3175 }
3176 body#question-preview .quemodname,
3177 body#question-preview .controls
3178 {
3179   text-align: center;
3180 }
3181 body#mod-quiz-report table#attempts,
3182 body#mod-quiz-report table#commands,
3183 body#mod-quiz-report table#itemanalysis
3184 {
3185   width: 80%;
3186   margin: auto;
3187 }
3188 body#mod-quiz-report table#attempts {
3189   margin: 20px auto;
3190 }
3191 body#mod-quiz-report table#attempts .header,
3192 body#mod-quiz-report table#attempts .cell
3193 {
3194   padding: 4px;
3195 }
3196 body#mod-quiz-report table#attempts .header .commands {
3197   display: inline;
3198 }
3199 body#mod-quiz-report table#attempts .picture {
3200   width: 40px;
3201 }
3202 body#mod-quiz-report table#attempts td {
3203   border-left-width: 1px;
3204   border-right-width: 1px;
3205   border-left-style: solid;
3206   border-right-style: solid;
3207   vertical-align: middle;
3208 }
3209 body#mod-quiz-report table#attempts .header {
3210   text-align: left;
3211 }
3212 body#mod-quiz-report table#attempts .picture {
3213   text-align: center !important;
3214 }
3215 body#mod-quiz-report .controls {
3216   text-align: center;
3217 }
3218 #mod-quiz-review #page .controls {
3219   text-align: center;
3220 }
3221 #mod-quiz-view .quizinfo {
3222   text-align: center;
3223 }
3224 #mod-quiz-view #page .quizgradefeedback,
3225 #mod-quiz-view #page .quizattempt
3226 {
3227   text-align: center;
3228 }
3229 .quizquestionlistcontrols {
3230   text-align: center;
3231 }
3232 body#question-preview .quemodname, body#question-preview .controls {
3233   text-align: center;
3234 }
3235
3236 /***
3237  *** Modules: Resource
3238  ***/
3239
3240 #mod-resource-view .resourcecontent {
3241   text-align:center;
3242   margin:20px;
3243 }
3244
3245 #mod-resource-view .resourcepdf {
3246   width: 100%;
3247   padding-top: 15px;
3248   text-align: center
3249   }
3250
3251 .resourcecontent object {
3252     height:480px;
3253     width:600px;
3254 }
3255
3256 .resourcepdf object{
3257     height: 800px;
3258     width: 800px;
3259 }
3260
3261 .mod-resource .modified {
3262   text-align:center;
3263 }
3264
3265 .mod-resource .popupnotice {
3266   text-align:center;
3267   margin:40px;
3268 }
3269
3270 .ims-nav-bar {
3271   position: relative;
3272   padding:0.1em;
3273 }
3274
3275 .ims-nav-button a,
3276 .ims-nav-dimmed {
3277   padding-left:1em;
3278   padding-right:1em;
3279 }
3280
3281 #ims-containerdiv {
3282   margin-top:0.2em;
3283 }
3284
3285 #ims-menudiv {
3286   position:absolute;
3287   width:250px;
3288   overflow:auto;
3289 }
3290
3291 #ims-menudiv ol {
3292   list-style-type:none;
3293   margin:0px;
3294   padding-left:1em;
3295 }
3296
3297 #ims-contentframe {
3298   position:absolute;
3299   left:260px;
3300   border:1px solid;
3301   width:640px;
3302   height:480px;
3303 }
3304
3305 #ims-contentframe-no-nav {
3306   position:absolute;
3307   border:1px solid;
3308   width:640px;
3309   height:480px;
3310 }
3311
3312 #mod-resource-view div#footer {
3313   margin-top: 5px;
3314 }
3315
3316 /***
3317  *** Modules: Scorm
3318  ***/
3319
3320 /***
3321  *** Modules: Survey
3322  ***/
3323 .resultgraph {
3324   text-align:center;
3325   border:1px solid;
3326 }
3327
3328 .reportsummary,
3329 .studentreport,
3330 .reportbuttons {
3331   text-align:center;
3332 }
3333
3334 .centerpara {
3335   text-align:center;
3336 }
3337
3338 .fullnamecell {
3339   width:10%;
3340   vertical-align:top;
3341   white-space: nowrap;
3342 }
3343
3344 .questiontext {
3345   font-size:1em;
3346 }
3347
3348 .smalltext {
3349   font-size:0.6em;
3350 }
3351
3352 .smalltextcell,
3353 .screenreadertext {
3354   width:10%;
3355   text-align:center;
3356 }
3357
3358 .foundthat,
3359 .preferthat {
3360   width:10%;
3361   white-space: nowrap;
3362 }
3363
3364 .qnumtopcell {
3365   width:10px;
3366   vertical-align:top;
3367 }
3368
3369 .qnummiddlecell {
3370   width:10px;
3371   vertical-align:middle;
3372 }
3373
3374 .optioncell {
3375   width:40%;
3376   vertical-align:middle;
3377 }
3378
3379 .buttoncell {
3380   width:5%;
3381 }
3382
3383 .questioncell {
3384   width:50%;
3385   vertical-align:top;
3386 }
3387
3388 .whitecell {
3389   background-color:white;
3390 }
3391 /***
3392  *** Modules: Wiki
3393  ***/
3394 .sideblockheading,
3395 .howtowiki {
3396   text-align:right;
3397 }
3398
3399 .wikisearchform,
3400 .wikilinksblock,
3401 wikiadminactions {
3402   text-align:center;
3403 }
3404
3405 .wikilinkright{
3406   text-align:right;
3407   padding-bottom: 0.5em;
3408 }
3409
3410 .wikiexportbox{
3411   margin-left:auto;
3412   margin-right:auto;
3413 }
3414 /***
3415  *** Modules: Workshop
3416  ***/
3417 .redfont {
3418   color: red;
3419 }
3420
3421 .workshopuploadform,
3422 .workshopkey {
3423   text-align:center;
3424 }