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