theme/standard/styles_layout.css

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