theme/standard/styles_layout.css

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