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 body#message-send .notifysuccess {
2459   padding:1px;
2460 }
2461
2462 /***
2463  *** Notes
2464  ***/
2465 .notepost {
2466   margin-bottom: 1em;
2467   background-color: #EEE;
2468 }
2469 .sitenotepost {
2470 }
2471 .coursenotepost {
2472 }
2473 .draftnotepost {
2474 }
2475
2476 .ownnotepost .info {
2477 }
2478
2479 .notepost .header {
2480   background: #DDD;
2481   padding: 5px;
2482 }
2483
2484 .notepost .user {
2485   font-weight: bolder;
2486 }
2487
2488 .notepost .userpicture {
2489   float: left;
2490   margin-right: 5px;
2491 }
2492
2493 .notepost .info {
2494   font-size: smaller;
2495 }
2496
2497 .notepost .content {
2498   clear: both;
2499 }
2500
2501 .notepost .footer {
2502   clear: both;
2503 }
2504
2505 body.notes .generalbox {
2506   margin-left:auto;
2507   margin-right:auto;
2508   width:90%;
2509 }
2510
2511 body.notes .notesgroup {
2512   margin-left:20px;
2513 }
2514
2515 /***
2516  *** MyMoodle
2517  ***/
2518
2519 .my .coursebox .overview .info {
2520   margin-left:20px;
2521 }
2522
2523 .my .coursebox .overview {
2524   margin-bottom:10px;
2525 }
2526
2527
2528 /***
2529  *** Question
2530  ***/
2531 .questionbank h2 {
2532   margin-top: 0;
2533 }
2534
2535 .que {
2536   text-align: left;
2537   margin: 0 auto 1.8em auto;
2538   border: 1px solid;
2539   clear: both;
2540 }
2541 .que .info {
2542   float: left;
2543   margin: 0.5em 0 0.5em 1.2em;
2544   width: 8%;
2545 }
2546 .que .content {
2547   float: left;
2548   margin: 0.5em 1.2em 0.5em 0;
2549   width: 85%;
2550 }
2551 .que.description .info {
2552   display: none;
2553 }
2554 .que.description .content {
2555   margin-left: 1.2em;
2556   float: none;
2557   width: auto;
2558 }
2559 .que .qtext {
2560   margin-bottom: 1.5em;
2561 }
2562 .que .ablock {
2563   margin: 0.7em 0 0.3em 0;
2564 }
2565 .que .prompt {
2566   float: left;
2567   width: 15%;
2568   height: 2em;
2569   padding-top: 0.3em;
2570 }
2571 .que .control {
2572   width: 5%;
2573 }
2574 .que .answer {
2575   float: left;
2576   width: 83%;
2577   margin-bottom: 0.5em;
2578 }
2579 .que .submit {
2580   position: relative;
2581   clear: both;
2582   float: left;
2583 }
2584 /* MSIE Hack */
2585 * html .que .submit {
2586   float: none;
2587 }
2588 .multianswer .submit {
2589   margin-top: 1em;
2590 }
2591 .que .c0,
2592 .que .c1 {
2593   padding: 0.3em 0 0.3em 0.3em;
2594   vertical-align: top;
2595 }
2596 .que .feedback {
2597   clear: both;
2598   padding: 0 0 0.3em 0.3em;
2599   margin-bottom: 0.5em;
2600   border: 1px solid;
2601 }
2602 .multichoice td.feedback {
2603   width: auto;
2604   vertical-align: top;
2605   padding-top: 0.3em;
2606   border-style: none;
2607 }
2608 .essay .feedback {
2609   border-style: none;
2610 }
2611 .multichoice .text {
2612   width: auto;
2613 }
2614 .calculated .answer,
2615 .numerical .answer,
2616 .shortanswer .answer {
2617   padding: 0.3em;
2618   width: auto;
2619 }
2620 .truefalse .answer span {
2621   float: left;
2622   clear: left;
2623   padding: 0.3em;
2624   width: 100%;
2625 }
2626 .que .grading,
2627 .que .comment,
2628 .que .commentlink,
2629 .que .generalfeedback,
2630 .que .history {
2631   margin-top: 0.5em;
2632 }
2633 .que .grade {
2634   margin-top: 0.5em;
2635 }
2636
2637 .importerror {
2638   margin-top: 10px;
2639   border-bottom: 1px solid #555;
2640 }
2641
2642 /***
2643  *** Logs
2644  ***/
2645
2646 .logtable {
2647   margin-left:auto;
2648   margin-right:auto;
2649 }
2650
2651 .logtable td,
2652 .logtable th {
2653   padding-left: 10px;
2654   padding-right: 10px;
2655 }
2656
2657 .logtable th {
2658   text-align:left;
2659 }
2660
2661 #course-user .info {
2662   margin-left:auto;
2663   margin-right:auto;
2664   text-align:center;
2665   margin:10px;
2666 }
2667
2668 /***
2669  *** Tabs
2670  ***/
2671
2672
2673 /*globalnav*/
2674 .tabtree {
2675   position:relative;
2676 }
2677
2678 .tabrow0 {
2679   text-align: center;
2680   width:100%;
2681   padding:0 0 1.75em 0;
2682   margin:0;
2683   list-style:none;
2684   line-height:1.8em;
2685   font-size: 84%;
2686 }
2687
2688 .tabrow0 li {
2689   display: inline;
2690   margin: 0 -4px 0 0;
2691   padding: 0;
2692 }
2693
2694 .tabrow0 a span {
2695   padding: 10px 14px 0.35em 0;
2696   background: transparent url(pix/tab/right.gif) no-repeat right top;
2697 }
2698
2699 .tabrow1 li a span {
2700   background: none !important;
2701 }
2702
2703 .tabrow0 a {
2704   text-decoration: none;
2705   background: transparent url(pix/tab/left.gif) no-repeat left top;
2706   margin: 0 -1px 0 0;
2707   padding: 10px 0 0.35em 13px;
2708 }
2709
2710 .tabrow0 a:hover {
2711   background-image: url(pix/tab/left_hover.gif);
2712 }
2713
2714 .tabrow0 .here a:hover {
2715   background-image: url(pix/tab/left.gif);
2716 }
2717
2718 .tabrow0 a:hover span {
2719   background-image: url(pix/tab/right_hover.gif);
2720 }
2721
2722 .tabrow0 .here a:hover span {
2723   background-image: url(pix/tab/right.gif);
2724 }
2725
2726 .tabrow0 .here a {
2727   color:#444;
2728 }
2729
2730
2731 .tabrow0 .here a:link, .tabrow0 .here a:visited {
2732   position:relative;
2733   z-index:102;
2734 }
2735
2736 /*subnav*/
2737 .tabrow0 .empty {
2738   height: 1px;
2739   overflow: hidden;
2740   padding: 0;
2741 }
2742
2743 .tabrow0 div,
2744 .tabrow0 ul {
2745   position: absolute;
2746   left: 0;
2747   top: 2.0em;
2748   width: 100%;
2749   margin: 0;
2750   padding: 0.25em 0;
2751   list-style: none;
2752   border-top: 1px solid #aaa;
2753   line-height: normal;
2754   background: transparent url(pix/tab/tabrow1.gif) repeat-x center left;
2755   font-size: 90%;
2756 }
2757
2758 .tabrow0 ul li {
2759   display:inline;
2760   margin-top:1px;
2761   background-image: none;
2762 }
2763
2764 .tabrow0 ul a {
2765   background-image: none;
2766   color:#00c;
2767   margin:0;
2768   padding:0 1em;
2769   border:0
2770 }
2771
2772 .tabrow0 ul a span {
2773   padding: 0;
2774   background-image: none;
2775 }
2776
2777 .tabrow0 ul .last span,
2778 .tabrow0 ul li a:hover, .tabrow0 ul li a:hover span,
2779 .tabrow0 ul .here a:hover, .tabrow0 ul .here a:hover span {
2780   background-image: none !important;
2781 }
2782
2783 .tabrow0 ul div {
2784   display: none;
2785 }
2786
2787 ul.tabrow1 li a,
2788 ul.tabrow1 li a:link,
2789 ul.tabrow1 li a:visited {
2790   color:#00c;
2791   font-size: 110%;
2792 }
2793
2794 ul.tabrow1 li.here.selected a {
2795   color:#444;
2796 }
2797
2798 /***
2799  *** Tags
2800  ***/
2801
2802 h2.tag-heading {
2803  text-align:center;
2804  margin-left:auto;
2805  margin-right:auto;
2806  display:block;
2807  width:95%;
2808  padding: 5px 5px 5px 5px;
2809
2810 }
2811
2812 div#tag-description,
2813 div#tag-blogs {
2814  width:95%;
2815  padding: 5px 5px 5px 5px;
2816  margin-left:auto;
2817  margin-right:auto;
2818  display:block;
2819 }
2820
2821 body#tag-index .moreblogs {
2822  text-align:center;
2823 }
2824
2825 div#tag-management-box {
2826  margin-bottom:10px;
2827  text-align:center;
2828  line-height:20px;
2829  display:block;
2830  font-size:12px;
2831 }
2832
2833 div#tag-user-table {
2834  padding:3px;
2835  width:95%;
2836  clear: both;
2837  margin-left:auto;
2838  margin-right:auto;
2839  display:block;
2840 }
2841
2842 /* small css hack for firefox*/
2843 div#tag-user-table:after{
2844  content:".";
2845  display:block;
2846  clear:both;
2847  visibility:hidden;
2848  height:0;
2849  overflow:hidden;
2850 }
2851 /* end hack*/
2852
2853 div.user-box {
2854  margin-left:8px;
2855  margin-right:8px;
2856  margin-top:8px;
2857  margin-bottom:8px;
2858  width:115px;
2859  height:160px;
2860  text-align:center;
2861  display:block;
2862  float:left;
2863 }
2864
2865 img.user-image {
2866  border:0px;
2867  height:100px;
2868  width:100px;
2869 }
2870
2871 div#small-tag-cloud-box {
2872  width:300px;
2873  margin-left:auto;
2874  margin-right:auto;
2875  margin-bottom:0px;
2876  margin-top:0px;
2877 }
2878
2879 div#big-tag-cloud-box {
2880  width:600px;
2881  margin-left:auto;
2882  margin-right:auto;
2883  margin-bottom:0px;
2884  margin-top:0px;
2885  display:block;
2886  float:none;
2887 }
2888
2889 ul#tag-cloud-list {
2890  list-style:none;
2891  padding:5px;
2892  margin:0px;
2893  list-style-type:none;
2894 }
2895 ul#tag-cloud-list li {
2896  margin:0px;
2897  display:inline;
2898 }
2899
2900 /* search start*/
2901
2902 div#tag-search-box {
2903  text-align:center;
2904  margin-left:auto;
2905  margin-right:auto;
2906  margin-top:10px;
2907  margin-bottom:10px;
2908 }
2909
2910 div#tag-search-results-container {
2911  padding:0px;
2912  width:100%;
2913 }
2914
2915 ul#tag-search-results {
2916  padding:0px;
2917  margin-left:20%;
2918  margin-right:20%;
2919  margin-top:15px;
2920  margin-bottom:0px;
2921  float:left;
2922  width:60%;
2923  display:block;
2924  list-style:none;
2925 }
2926
2927 ul#tag-search-results li{
2928
2929  width:30%;
2930  float:left;
2931  padding-left:1%;
2932  text-align:left;
2933  line-height:20px;
2934  padding-right:1%;
2935
2936 }
2937
2938 div#tags-management-links {
2939  text-align:right;
2940  display:block;
2941  font-size:12px;
2942
2943 }
2944 /* search end*/
2945
2946 /* tag management start*/
2947 span.flagged-tag {
2948  color:#FF0000;
2949 }
2950 span.flagged-tag a{
2951  color:#FF0000;
2952 }
2953
2954 table#tag-management-list {
2955  text-align:left;
2956  margin-left:auto;
2957  margin-right:auto;
2958 }
2959
2960 table#tag-management-list tr td{
2961  padding-left:4px;
2962  padding-right :4px;
2963 }
2964
2965 form#tag-management-form {
2966  text-align:center;
2967 }
2968 /* tag management end*/
2969
2970 /* autocomplete start*/
2971 #relatedtags-autocomplete-container
2972 {
2973  margin-left:auto;
2974  margin-right:auto;
2975  min-height:4.6em;
2976  width:100%;
2977 }
2978
2979 #relatedtags-autocomplete {
2980  position:relative;
2981  display:block;
2982  width:60%;
2983  margin-left:auto;
2984  margin-right:auto;
2985 }
2986 #relatedtags-autocomplete .yui-ac-content
2987 {
2988  position:absolute;
2989  width:420px;
2990  left:20%;
2991  border:1px solid #404040;
2992  background:#fff;
2993  overflow:hidden;
2994  z-index:9050;
2995 }
2996 #relatedtags-autocomplete .ysearchquery
2997 {
2998  position:absolute;
2999  right:10px;
3000  color:#808080;
3001  z-index:10;
3002 }
3003 #relatedtags-autocomplete .yui-ac-shadow {
3004  position:absolute;
3005  margin:.3em;
3006  width:100%;
3007  background:#a0a0a0;
3008  z-index:9049;
3009 }
3010 #relatedtags-autocomplete ul {
3011  padding:0;width:100%;
3012  margin:0;
3013  list-style-type:none;
3014 }
3015
3016 #relatedtags-autocomplete li {
3017  padding:0 5px;
3018  cursor:default;
3019  white-space:
3020  nowrap;
3021 }
3022 #relatedtags-autocomplete li.yui-ac-highlight
3023 {
3024  background:#FFFFCC;
3025 }
3026 /* autocomplete end*/
3027
3028 /***
3029  *** User
3030  ***/
3031
3032 .userinfobox {
3033   margin-bottom:5px;
3034   border-width: 1px;
3035   border-style: solid;
3036   border-collapse: separate;
3037 }
3038
3039 .userinfobox .left,
3040 .userinfobox .side {
3041   padding: 10px;
3042   width: 100px;
3043   vertical-align: top;
3044 }
3045
3046 .userinfobox .userpicture {
3047   width: 100px;
3048   height: 100px;
3049 }
3050
3051 .userinfobox .content {
3052   padding: 10px;
3053   vertical-align: top;
3054 }
3055
3056 .userinfobox .links {
3057   width: 100px;
3058   padding: 5px;
3059   vertical-align: bottom;
3060 }
3061
3062 .userinfobox .list td {
3063   padding: 3px;
3064 }
3065
3066 .userinfobox .username {
3067   padding-bottom: 20px;
3068 }
3069
3070 .userinfobox td.label {
3071   text-align:right;
3072   white-space: nowrap;
3073   vertical-align: top;
3074 }
3075
3076 table.userinfobox {
3077   width: 80%;
3078   margin-left: 10%;
3079   margin-right: 10%;
3080 }
3081
3082 table.groupinfobox {
3083   width: 60%;
3084   margin-left: 20%;
3085   margin-right: 20%;
3086   border-width:1px;
3087   border-style:solid;
3088   margin-bottom: 20px;
3089 }
3090
3091 .groupinfobox .left {
3092   padding: 10px;
3093   width: 100px;
3094   vertical-align: top;
3095 }
3096
3097 body#user-index h2 {
3098   text-align: center;
3099 }
3100
3101 #user-view .buttons,
3102 #user-index .buttons {
3103   text-align: center;
3104 }
3105
3106 #user-view .buttons form,
3107 #user-view .buttons form div {
3108   display:inline;
3109 }
3110
3111 body#user-index #longtimenosee,
3112 body#user-index #showall {
3113   text-align: center;
3114 }
3115
3116 body#user-index #showall {
3117   margin: 10px 0px;
3118 }
3119
3120 body#user-index table#participants,
3121 body#tag-manage table#tag-management-list {
3122   margin: auto;
3123   width: 80%;
3124 }
3125
3126 body#tag-manage table#tag-management-list td,
3127 body#tag-manage table#tag-management-list, th,
3128 body#user-index table#participants td,
3129 body#user-index table#participants th {
3130   vertical-align: middle;
3131   text-align: left;
3132   padding: 4px;
3133 }
3134
3135 body#user-index table.controls {
3136   width: 100%;
3137 }
3138 body#user-index table.controls tr {
3139   vertical-align: top;
3140 }
3141 body#user-index table.controls td.right,
3142 body#user-index table.controls td.left {
3143   padding: 4px;
3144 }
3145 body#user-index table.controls .right {
3146   text-align: right;
3147 }
3148 body#course-participation h2 {
3149   text-align:center;
3150 }
3151 body#course-participation #showall {
3152   text-align:center;
3153   margin: 10px 0px;
3154 }
3155 body#user-index .rolesform {
3156   text-align:center;
3157 }
3158
3159 #user-policy .noticebox {
3160   text-align:center;
3161   margin-left:auto;
3162   margin-right:auto;
3163   margin-bottom:10px;
3164   width:80%;
3165   height:250px;
3166 }
3167
3168 #user-policy #policyframe {
3169   width:100%;
3170   height:100%;
3171 }
3172
3173 /***
3174  *** Modules: Assignment
3175  ***/
3176
3177 .userpicture,
3178 .picture user,
3179 .picture teacher {
3180   width:35px;
3181   vertical-align:top;
3182 }
3183 .modform {
3184   text-align:center;
3185 }
3186
3187 /***
3188  *** Modules: Chat
3189  ***/
3190
3191 .nextchatsession {
3192   text-align:center;
3193 }
3194
3195 #mod-chat-gui_header_js-jsupdate {
3196   margin:10px
3197 }
3198 #mod-chat-gui_header_js-jsupdate .chat-event,
3199 #mod-chat-gui_header_js-jsupdate .chat-message {
3200   width:100%;
3201   padding:0;
3202   margin-top:7px
3203 }
3204
3205 #mod-chat-view #chatcurrentusers .chatuserdetails {
3206   vertical-align: middle;
3207 }
3208
3209 #mod-chat-view #enterlink {
3210   text-align: center;
3211   margin-left: auto;
3212   margin-right: auto;
3213   width: 50%;
3214 }
3215
3216 .chat-event .picture,
3217 .chat-message .picture {
3218   width:40px;
3219   vertical-align:top;
3220 }
3221 .chat-event .text,
3222 .chat-message .text {
3223   text-align: left;
3224 }
3225
3226 #mod-chat-gui_basic #participants ul {
3227   margin:0px;
3228   padding:0px;
3229   list-style-type:none;
3230 }
3231
3232 #mod-chat-gui_basic #participants ul li {
3233   display:inline;
3234   margin-right:10px;
3235 }
3236
3237 #mod-chat-gui_basic #participants ul li .userinfo {
3238   display:inline;
3239 }
3240
3241 #mod-chat-gui_basic #messages dl {
3242   padding:0px;
3243   margin:1px;
3244 }
3245
3246 #mod-chat-gui_basic #messages dd,
3247 #mod-chat-gui_basic #messages dt {
3248   margin-left:0px;
3249   margin-right:5px;
3250   padding:0px;
3251   display:inline;
3252 }
3253
3254 /***
3255  *** Modules: Choice
3256  ***/
3257 .button {
3258   text-align:center;
3259 }
3260
3261 .attemptcell {
3262   width:5px;
3263   white-space: nowrap;
3264 }
3265
3266 .anonymous,
3267 .names {
3268   margin-left:auto;
3269   margin-right:auto;
3270 }
3271
3272 .downloadreport {
3273   border:0px;
3274   margin-left:auto;
3275   margin-right:auto;
3276 }
3277
3278 .choiceresponse {
3279   width:100%;
3280 }
3281 .choiceresponse .picture {
3282   width:10px;
3283   white-space: nowrap;
3284 }
3285
3286 .choiceresponse .fullname {
3287   width:100%;
3288   white-space: nowrap;
3289 }
3290
3291
3292 .results.data {
3293   vertical-align:top;
3294   white-space: nowrap;
3295 }
3296
3297 /***
3298  *** Modules: Data
3299  ***/
3300 .fieldadd,
3301 .sortdefault,
3302 .defaulttemplate {
3303   text-align:center;
3304 }
3305 .datapreferences {
3306   text-align:center;
3307 }
3308
3309 table.presets {
3310   margin-left: auto;
3311   margin-right: auto;
3312 }
3313
3314 /***
3315  *** Modules: Forum
3316  ***/
3317
3318 .forumheaderlist,
3319 .forumpost {
3320   border-width:1px;
3321   border-style:solid;
3322   border-collapse:separate;
3323 }
3324
3325 .forumpost {
3326   margin-top: 15px;
3327 }
3328
3329 .forumpost .topic {
3330   padding: 4px;
3331   border-style:solid;
3332   border-width: 0px;
3333   border-bottom-width: 1px;
3334 }
3335
3336 .forumpost .commands {
3337   padding-top: 0.5em;
3338   text-align:right;
3339   clear: both;
3340 }
3341
3342 .forumpost .ratings {
3343   padding-top: 1em;
3344   text-align:right;
3345 }
3346
3347 .forumpost .attachments {
3348   padding: 7px;
3349   text-align:right;
3350 }
3351
3352 .forumpost .content {
3353   padding: 4px;
3354 }
3355
3356 .forumpost .footer {
3357   padding-top: 0.5em;
3358   text-align:right;
3359 }
3360
3361 .forumpost .link {
3362   padding-top: 0.5em;
3363   text-align:right;
3364 }
3365
3366 .forumpost .left {
3367   width: 35px;
3368   padding: 4px;
3369   text-align: center;
3370   vertical-align: top;
3371 }
3372
3373 .mod-forum .indent {
3374   margin-left: 30px;
3375 }
3376
3377 body#user-view .forumpost,
3378 .course .forumpost {
3379   width: 100%;
3380 }
3381
3382 body#mod-forum-search .c0 {
3383   text-align: right;
3384 }
3385
3386 body#mod-forum-search .introcontent {
3387   padding: 15px;
3388 }
3389
3390 .forumolddiscuss {
3391   text-align: right;
3392 }
3393
3394 .forumheaderlist {
3395   width: 100%;
3396 }
3397
3398 .forumheaderlist td {
3399   border-width:1px 0px 0px 1px;
3400   border-style:solid;
3401 }
3402
3403 .forumheaderlist .replies {
3404   text-align: center;
3405   white-space: nowrap;
3406 }
3407
3408 .forumheaderlist .picture {
3409   width: 35px;
3410 }
3411
3412 .forumheaderlist .discussion .starter {
3413   vertical-align: middle;
3414 }
3415
3416 .forumheaderlist .lastpost {
3417   white-space: nowrap;
3418   text-align: right;
3419 }
3420
3421 .forumheaderlist .discussion .author {
3422   white-space: nowrap;
3423 }
3424 .forumolddiscuss {
3425   text-align:right;
3426 }
3427 .forumaddnew,
3428 .forumnodiscuss,
3429 .noticeboxcontent {
3430   text-align:center;
3431 }
3432
3433 #mod-forum-view .forumaddnew {
3434   margin-bottom: 20px;
3435 }
3436
3437 #mod-forum-view .forumcontrol .groupmenu {
3438   float: left;
3439   text-align:left;
3440   white-space: nowrap;
3441 }
3442
3443 #mod-forum-view .forumcontrol .subscription {
3444   float: right;
3445   text-align:right;
3446   white-space: nowrap;
3447 }
3448
3449 #mod-forum-index .subscription {
3450   float: right;
3451   text-align:right;
3452   white-space: nowrap;
3453 }
3454
3455 #mod-forum-view .unread {
3456   padding-left: 3px;
3457   padding-right: 3px;
3458 }
3459 #mod-forum-discuss .forumpost.unread .content {
3460   border-style: solid;
3461   border-width: 2px;
3462 }
3463 #mod-forum-discuss .ratingsubmit {
3464   text-align:center;
3465   padding:10px;
3466 }
3467 #mod-forum-index .unread img,
3468 #mod-forum-view .unread img
3469 {
3470   margin-left: 5px;
3471 }
3472
3473 #mod-forum-discuss .discussioncontrols td {
3474   width: 33%;
3475   text-align:center;
3476 }
3477
3478 #email .unsubscribelink {
3479   margin-top:20px;
3480   border-width: 0px 1px 0px 0px;
3481   border-style: solid;
3482   text-align:center;
3483 }
3484
3485 /***
3486  *** Modules: Glossary
3487  ***/
3488
3489 .glossarypost .commands {
3490   width: 200px;
3491   white-space: nowrap;
3492 }
3493
3494 #mod-glossary-comments .glossarypost,
3495 #mod-glossary-comment .glossarypost {
3496   margin-top: 15px;
3497 }
3498
3499 .entryboxheader {
3500   border-width: 1px 1px 0px 1px;
3501   border-style: solid;
3502 }
3503
3504 .entrybox {
3505   width: 100%;
3506   border-width: 0px 1px 1px 1px;
3507   border-style: solid;
3508 }
3509
3510 .entrybox hr {
3511   border-left:none;
3512   border-right:none;
3513 }
3514
3515 .glossarypost {
3516   width: 95%;
3517   border-width:1px;
3518   border-style:solid;
3519   border-collapse:separate;
3520   margin-left:auto;
3521   margin-right:auto;
3522   margin-bottom: 5px;
3523   text-align: left;
3524 }
3525
3526 .entrylist {
3527   border-width:0px;
3528 }
3529
3530 .entrylowersection {
3531   padding-top: 10px;
3532 }
3533
3534 .entrylowersection table{
3535   width: 100%;
3536 }
3537
3538 .entrylowersection .aliases {
3539   text-align:center;
3540 }
3541
3542 .entrylowersection .icons,
3543 .entrylowersection .ratings {
3544   text-align:right;
3545   padding-right: 5px;
3546 }
3547
3548 .entrylowersection .ratings {
3549   padding-bottom: 2px;
3550 }
3551
3552 .glossarycategoryheader {
3553   width: 95%;
3554   margin-left:auto;
3555   margin-right:auto;
3556 }
3557
3558 .glossaryformatheader {
3559   width: 90%;
3560 }
3561
3562 .glossarypost .entry {
3563   padding: 3px;
3564 }
3565
3566 .glossarypost .picture {
3567   width: 35px;
3568 }
3569
3570 .glossarycomment {
3571   border-width:1px;
3572   border-style:solid;
3573   border-collapse:separate;
3574   margin-bottom: 5px;
3575   text-align: left;
3576 }
3577
3578 .glossarycomment .entry {
3579   padding: 3px;
3580 }
3581
3582 .glossarycomment .picture {
3583   width: 35px;
3584 }
3585
3586 .glossarycomment .icons {
3587   text-align: right;
3588 }
3589
3590 .glossarydisplay {
3591   width: 90%;
3592   margin-left:auto;
3593   margin-right:auto;
3594   text-align:center;
3595 }
3596
3597 .glossarydisplay .tabs {
3598   width: 100%;
3599 }
3600
3601 .glossarydisplay .separator {
3602   width: 4px;
3603 }
3604
3605 .glossarydisplay .tabs .selected,
3606 .glossarydisplay .tabs .inactive,
3607 .glossarydisplay .tabs .general {
3608 }
3609
3610 .glossaryimportexport {
3611   margin-left:auto;
3612   margin-right:auto;
3613   text-align:center;
3614 }
3615
3616 .glossarypopup {
3617   width: 95%;
3618 }
3619
3620 .glossaryapproval {
3621   width: 100%;
3622 }
3623
3624 .mod-glossary .glossarydisplay .tabs {
3625   margin-bottom: 0px;
3626 }
3627 .mod-glossary .glossarydisplay .tabs .side {
3628   border-style: none;
3629   border-width: 0px;
3630   width: auto;
3631 }
3632
3633 .glossaryexplain,
3634 .glossaryaddentry {
3635   text-align: center;
3636 }
3637
3638 .mod-glossary .tabrow0 {
3639   padding-bottom: 5px;
3640 }
3641
3642 #mod-glossary-view .glossarycontrol {
3643   float: right;
3644   text-align:right;
3645   white-space: nowrap;
3646 }
3647
3648 /***
3649  *** Modules: Journal
3650  ***/
3651 #mod-journal-view .lastedit,
3652 #mod-journal-view .editend {
3653   margin: 5px;
3654   text-align: center;
3655 }
3656 #mod-journal-view .feedbackbox {
3657   width: 75%;
3658   border-collapse: separate;
3659 }
3660 #mod-journal-view .entrycontent {
3661   padding: 3px;
3662 }
3663 #mod-journal-view .picture {
3664   width: 35px;
3665 }
3666 #mod-journal-view .grade {
3667   text-align: right;
3668 }
3669 #mod-journal-view .info {
3670   margin-bottom: 5px;
3671   text-align: right;
3672 }
3673
3674
3675 /***
3676  *** Modules: Label
3677  ***/
3678
3679 /***
3680  *** Modules: Lesson
3681  ***/
3682 #mod-lesson-lesson #page .addform {
3683   text-align: center;
3684 }
3685 #mod-lesson-edit #page .label {
3686   font-weight: bold;
3687 }
3688 #mod-lesson-edit #page .labelcorrect {
3689   text-decoration: underline;
3690   font-weight: bold;
3691 }
3692 .lessonmediafilecontrol {
3693   text-align: center;
3694   margin-left: auto;
3695   margin-right: auto;
3696 }
3697
3698
3699 /***
3700  *** Modules: Quiz
3701  ***/
3702
3703 #mod-quiz-view .quizinfo {
3704   text-align: center;
3705 }
3706 #mod-quiz-view #page .quizgradefeedback,
3707 #mod-quiz-view #page .quizattempt
3708 {
3709   text-align: center;
3710 }
3711
3712 .generalbox#passwordbox { /* Should probably match .generalbox#intro above */
3713   width:70%;
3714   margin-left:auto;
3715   margin-right:auto;
3716 }
3717 #passwordform {
3718   margin: 1em 0;
3719 }
3720 #mod-quiz-attempt #page {
3721   text-align: center;
3722 }
3723 #mod-quiz-attempt .pagingbar {
3724   margin: 1.5em auto;
3725 }
3726
3727 body#question-preview .quemodname,
3728 body#question-preview .controls
3729 {
3730   text-align: center;
3731 }
3732 body#question-preview .quemodname, body#question-preview .controls {
3733   text-align: center;
3734 }
3735
3736 #mod-quiz-review #page .controls {
3737   text-align: center;
3738   margin: 1.5em auto;
3739 }
3740 #mod-quiz-review .pagingbar {
3741   margin: 1.5em auto;
3742 }
3743 #mod-quiz-review .pagingbar {
3744   margin: 1.5em auto;
3745 }
3746 table.quizreviewsummary {
3747   margin-bottom: 1.8em;
3748   width: 100%;
3749 }
3750 table.quizreviewsummary tr {
3751 }
3752 table.quizreviewsummary th.cell {
3753   padding: 1px 0.5em 1px 1em;
3754   font-weight: bold;
3755   text-align: right;
3756   width: 10em;
3757 }
3758 table.quizreviewsummary td.cell {
3759   padding: 1px 1em 1px 0.5em;
3760 }
3761
3762 #mod-quiz-mod #reviewoptionshdr .fitem {
3763   float: left;
3764   width: 30%;
3765   margin-left: 10px;
3766   clear: none;
3767 }
3768 #mod-quiz-mod #reviewoptionshdr .fitemtitle {
3769   width: 100%;
3770   font-weight: bold;
3771   text-align: left;
3772   height: 2.5em;
3773  margin-left: 0;
3774 }
3775 #mod-quiz-mod #reviewoptionshdr fieldset.fgroup {
3776   width: 100%;
3777   text-align: left;
3778  margin-left: 0;
3779 }
3780 #mod-quiz-mod #reviewoptionshdr fieldset.fgroup span {
3781   float: left;
3782   clear: left;
3783 }
3784
3785 #mod-quiz-edit #page .controls,
3786 #mod-quiz-edit #page .attemptsnotice
3787 {
3788   text-align: center;
3789 }
3790 #mod-quiz-edit .quizquestions h2 {
3791   margin-top: 0;
3792 }
3793 #mod-quiz-edit #showbreaks {
3794   margin-top: 0.7em;
3795 }
3796 .quizquestionlistcontrols {
3797   text-align: center;
3798 }
3799
3800 body#mod-quiz-report table#attempts,
3801 body#mod-quiz-report table#commands,
3802 body#mod-quiz-report table#itemanalysis
3803 {
3804   width: 80%;
3805   margin: auto;
3806 }
3807 body#mod-quiz-report table#attempts,
3808 body#mod-quiz-report h2.main {
3809   clear: both;
3810 }
3811 body#mod-quiz-report table#attempts {
3812   margin: 20px auto;
3813 }
3814 body#mod-quiz-report table#attempts .header,
3815 body#mod-quiz-report table#attempts .cell
3816 {
3817   padding: 4px;
3818 }
3819 body#mod-quiz-report table#attempts .header .commands {
3820   display: inline;
3821 }
3822 body#mod-quiz-report table#attempts .picture {
3823   width: 40px;
3824 }
3825 body#mod-quiz-report table#attempts td {
3826   border-left-width: 1px;
3827   border-right-width: 1px;
3828   border-left-style: solid;
3829   border-right-style: solid;
3830   vertical-align: middle;
3831 }
3832 body#mod-quiz-report table#attempts .header {
3833   text-align: left;
3834 }
3835 body#mod-quiz-report table#attempts .picture {
3836   text-align: center !important;
3837 }
3838 body#mod-quiz-report .controls {
3839   text-align: center;
3840 }
3841
3842 /***
3843  *** Modules: Resource
3844  ***/
3845
3846 #mod-resource-view .resourcecontent {
3847   text-align:center;
3848   margin:20px;
3849 }
3850
3851 #mod-resource-view .resourcepdf {
3852   width: 100%;
3853   padding-top: 15px;
3854   text-align: center
3855 }
3856
3857 .resourcecontent object {
3858   height:480px;
3859   width:600px;
3860 }
3861
3862 .resourcepdf object{
3863   height: 800px;
3864   width: 800px;
3865 }
3866
3867 .mod-resource .modified {
3868   text-align:center;
3869 }
3870
3871 .mod-resource .popupnotice {
3872   text-align:center;
3873   margin:40px;
3874 }
3875
3876 .ims-nav-bar {
3877   position: relative;
3878   padding:0.1em;
3879 }
3880
3881 .ims-nav-button a,
3882 .ims-nav-dimmed {
3883   padding-left:1em;
3884   padding-right:1em;
3885 }
3886
3887 #ims-containerdiv {
3888   margin-top:0.2em;
3889 }
3890
3891 #ims-menudiv {
3892   position:absolute;
3893   width:250px;
3894   overflow:auto;
3895 }
3896
3897 #ims-menudiv ol {
3898   list-style-type:none;
3899   margin:0px;
3900   padding-left:1em;
3901 }
3902
3903 #ims-contentframe {
3904   position:absolute;
3905   left:260px;
3906   border:1px solid;
3907   width:640px;
3908   height:480px;
3909 }
3910
3911 #ims-contentframe-no-nav {
3912   position:absolute;
3913   border:1px solid;
3914   width:640px;
3915   height:480px;
3916 }
3917
3918 #mod-resource-view div#footer {
3919   margin-top: 5px;
3920 }
3921
3922 /***
3923  *** Modules: Scorm
3924  ***/
3925
3926 /***
3927  *** Modules: Survey
3928  ***/
3929 .resultgraph {
3930   text-align:center;
3931   border:1px solid;
3932 }
3933
3934 .reportsummary,
3935 .studentreport,
3936 .reportbuttons {
3937   text-align:center;
3938 }
3939
3940 .centerpara {
3941   text-align:center;
3942 }
3943
3944 .fullnamecell {
3945   width:10%;
3946   vertical-align:top;
3947   white-space: nowrap;
3948 }
3949
3950 .questiontext {
3951   font-size:1em;
3952 }
3953
3954 .smalltext {
3955   font-size:0.6em;
3956 }
3957
3958 .smalltextcell,
3959 .screenreadertext {
3960   width:10%;
3961   text-align:center;
3962 }
3963
3964 .foundthat,
3965 .preferthat {
3966   width:10%;
3967   white-space: nowrap;
3968 }
3969
3970 .qnumtopcell {
3971   width:10px;
3972   vertical-align:top;
3973 }
3974
3975 .qnummiddlecell {
3976   width:10px;
3977   vertical-align:middle;
3978 }
3979
3980 .optioncell {
3981   width:40%;
3982   vertical-align:middle;
3983 }
3984
3985 .buttoncell {
3986   width:5%;
3987 }
3988
3989 .questioncell {
3990   width:50%;
3991   vertical-align:top;
3992 }
3993
3994 .whitecell {
3995   background-color:white;
3996 }
3997 /***
3998  *** Modules: Wiki
3999  ***/
4000 .sideblockheading,
4001 .howtowiki {
4002   text-align:right;
4003 }
4004
4005 .wikisearchform,
4006 .wikilinksblock,
4007 wikiadminactions {
4008   text-align:center;
4009 }
4010
4011 .wikilinkright{
4012   text-align:right;
4013   padding-bottom: 0.5em;
4014 }
4015
4016 .wikiexportbox{
4017   margin-left:auto;
4018   margin-right:auto;
4019 }
4020 /***
4021  *** Modules: Workshop
4022  ***/
4023 .redfont {
4024   color: red;
4025 }
4026
4027 .workshopuploadform,
4028 .workshopkey {
4029   text-align:center;
4030 }
4031
4032
4033 /***
4034  *** Help files (/lang/-/help)
4035  ***/
4036 #help hr {
4037   border: none;
4038   height: 1px;
4039   background: #ccc;
4040 }
4041 #help .example1 {
4042   color: #a00;
4043 }
4044 #help .success {
4045   color: #080;
4046 }
4047 #help .center {
4048   text-align: center;
4049 }
4050 #help .moreinfo {
4051   text-align: right;
4052 }
4053 /* Equivalent to 1 and 5 nested blockquotes respectively. */
4054 #help .indent, #help pre {
4055   margin-left: 40px;
4056 }
4057 #help .indent-big {
4058   margin-left: 160px;
4059   margin-right:160px;
4060 }
4061 #help pre, #help code {
4062   background: #eee;
4063   border: 1px dashed #ddd;
4064   padding: 3px;
4065 }