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