MDL-10383 - groups/groupings refactoring and improvements - basic UI for groupings...
[moodle.git] / theme / standard / styles_layout.css
1 /* @override http://moodle18.userver.lan/theme/standard/styles_layout.css */
2 /*******************************************************************
3  styles_layout.css
5  This CSS file contains all layout definitions like positioning,
6  floats, margins, padding, borders etc.
8  Styles are organised into the following sections:
9   core
10   forms
11   header
12   footer
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
30   various modules
32 *******************************************************************/
35 /***
36  *** Core
37  ***/
39 h1.main,
40 h2.main,
41 h3.main,
42 h4.main,
43 h5.main,
44 h6.main {
45   text-align: center;
46 }
48 #layout-table {
49   width:100%;
50   border-collapse:separate;
51   margin-top: 8px;
52 }
54 #layout-table #left-column,
55 #layout-table #middle-column,
56 #layout-table #right-column
57 {
58   vertical-align:top;
59 }
61 #layout-table #middle-column {
62   padding-left:12px;
63   padding-right:12px;
64 }
66 .clearer {
67   clear:both;
68   margin:0;
69   padding:0;
70   height:1px;
71   border:none;
72   background:transparent;
73   display:block;
74 }
76 .clearfix {
77   min-width: 0;
78   /* overflow: hidden; */
79 }
81 .clearfix:after {
82   /* content: "<!-- -->";  */
83   content: ".";
84   display: block;
85   height: 0;
86   clear: both;
87   visibility: hidden;
88 }
90 /* .clearfix {display: inline-table;} */
92 /* Hides from IE-mac \*/
93 * html .clearfix {height: 1%;}
94 .clearfix {display: block;}
95 /* End hide from IE-mac */
97 .mdl-align {
98   text-align: center;
99 }
101 .continuebutton {
102   text-align: center;
105 form {
106   margin-bottom:0;
109 table {
110   border-spacing: 0;
111   border-collapse: collapse;
114 a img {
115   border:none;
118 img.userpicture,
119 img.grouppicture {
120   border: 0;
123 #grouppicture {
124   text-align: center;
127 div.groupselector {
128   float: left;
129   margin-top: 3px;
130   margin-bottom: 3px;
133 #addmembersform table {
134   margin-left: auto;
135   margin-right: auto;
138 .notifyproblem {
139   text-align: center;
140   padding: 10px;
143 .notifysuccess {
144   text-align:center;
145   padding: 10px;
148 .notifytiny {
149   text-align:left;
150   padding: 0;
153 .singlebutton form,
154 .singlebutton div {
155   display:inline;
158 .generalbox {
159   border-width:1px;
160   border-style:solid;
161   margin-bottom: 15px;
162   padding:10px;
165 .generalbox#intro {
166   width:70%;
167   margin-left:auto;
168   margin-right:auto;
169   padding-bottom:15px;
172 .boxaligncenter {
173   margin-left:auto;
174   margin-right:auto;
177 .boxalignright {
178   margin-left:auto;
179   margin-right:0;
182 .boxalignleft {
183   margin-left:0;
184   margin-right:auto;
187 .boxwidthnarrow {
188   width: 30%
191 .boxwidthnormal {
192   width: 50%
195 .boxwidthwide {
196   width: 80%
199 .centerpara {
200   text-align:center
203 .noticebox {
204   border-width:1px;
205   border-style:solid;
206   padding:10px;
209 #notice.generalbox {
210   width: 60%;
211   margin-left:auto;
212   margin-right:auto;
215 #notice .buttons {
216   text-align:center
219 #notice .buttons div,
220 #notice .buttons form {
221   display:inline;
224 #notice .singlebutton {
225   text-align:center;
226   padding: 5px;
227   margin: 0px;
230 .errorbox {
231   border-width:1px;
232   border-style:solid;
233   margin: 1em 15%;
234   width: 70%;
235   padding:10px;
238 .errorbox .title {
239   padding: 5px;
242 .informationbox {
243   border-width:1px;
244   border-style:solid;
245   padding: 10px;
248 .feedbackbox {
249   border-width:1px;
250   border-style:solid;
253 .feedbackby {
256 .feedback {
259 .generaltable {
260   border-width: 1px;
261   border-style: solid;
264 .generaltable .cell {
265   border-width: 1px;
266   border-style: solid;
267   border-collapse: collapse;
270 #participationreport .reporttable {
271   text-align: center;
272   margin-left:auto;
273   margin-right:auto;
276 #participationreport {
277   text-align: center;
280 #participationreport .modulename {
281   font-weight: bold;
284 #participationreportselector {
285   text-align: center;
288 #participationreportactions {
289   text-align: center;
292 .initialbar {
293   text-align: center;
296 #help .indent {
297   margin-left:3em;
300 .closewindow,
301 #help .helpindex {
302   text-align: center;
305 .tabledivider {
306   border-width:1px;
307   border-style:solid;
308   border-left:0;
309   border-right:0;
310   border-top:0;
313 .sitetopic {
314   margin-bottom:20px;
317 .sitetopiccontent {
318   border-width:1px;
319   border-style:solid;
322 .pagingbar {
323   text-align:center;
326 .pagingbar a {
327   padding-left: 10px;
330 .pagingbar .thispage {
331   padding-left: 10px;
334 table.formtable {
335   margin: auto;
338 table.formtable tbody th {
339   vertical-align: top;
342 table.formtable tbody td,
343 table.formtable tbody th
345   padding: 5px;
348 table.formtable tbody .htmlarea td,
349 table.formtable tbody .htmlarea th
351   padding: 0;
354 .flexible th
356   white-space: nowrap;
359 .paging {
360   text-align: center;
361   margin: 10px 0 10px 0;
364 .unread {
365   padding-right:2px;
368 .cell {
369   vertical-align: top;
372 .helplink img {
373   vertical-align: middle;
374   margin: 0 2px;
375   width: 17px;
376   height: 17px;
379 img.emoticon {
380   vertical-align: middle;
381   width: 15px;
382   height: 15px;
385 form.popupform,
386 form.popupform div {
387     display: inline;
390 form.popupform label {
391   margin-right: 0.5em;
394 .arrow_button {
395   margin-top:3em;
398 .arrow_button input {
399   width:2.4em;
400   padding:0.3em;
401   overflow:hidden;
404 .groupmanagementtable td {
405   vertical-align: top;
408 .groupmanagementtable p {
409   text-align: center;
412 .groupmanagementtable select {
413   width: 18em;
416 #group-groupings .buttons {
417   margin: 20px;
418   text-align:center;
421 #group-groupings .buttons .singlebutton {
422   display: inline;
423   padding: 5px;
427 img.icon {
428   vertical-align:middle;
429   margin-right:4px;
430   width:16px;
431   height:16px;
432   border:0px;
435 img.iconsmall {
436   vertical-align:middle;
437   margin-right:1px;
438   width:11px;
439   height:11px;
440   border:0px;
443 img.iconhelp {
444   vertical-align:middle;
445   margin-right:4px;
446   width:17px;
447   height:17px;
448   border:0px;
451 img.iconkbhelp {
452   width:49px;
453   height:17px;
454   border:0px;
457 /*Accessibility: text 'seen' by screen readers but not visual users. Fixed for RTL languages, example Farsi. */
458 .accesshide {
459   position:absolute;
460   top:-1000px;
461   left:10px;
462   font-weight:normal;
463   font-size:1em;
466 .invisiblefieldset {
467   display:inline;
468   border:0px;
469   padding:0px;
470   margin:0px;
473 span.hide,
474 div.hide {
475   display:none;
478 /***
479  *** Forms
480  ***/
482 .mform {
483   margin: 0 auto;
484   padding: 0;
485   width: 80%;
487 .mform fieldset {
488   border: 1px solid #DDDDDD;
489   padding: 10px 0;
490   margin: 0.7em 0;
491   width:100%;
493 .mform fieldset.hidden, .mform fieldset.felement {
494   border: 0;
496 .mform fieldset.felement {
497   width: auto;
499 .mform fieldset legend {
500   font-weight: bold;
501   margin-left: 0.5em;
503 .mform fieldset .advancedbutton{
504    width:100%;
505    text-align:right;
507 .mform div.fitem {
508   clear: both;
509   width: 100%;
510   min-height: 1.5em;
513 .mform .fitemtitle {
514   display: block;
515   float: left;
516   width: 30%;
517   padding: 0;
518   margin: 5px 0 0 10px;
519   text-align: right;
522 .mform .fitemtitle div{
523   display: inline;
526 div.fitem fieldset.fgroup label, div.fradio label,  div.fcheckbox label,
527 fieldset.fdate_selector label {
528   display:inline;
529   float: none;
530   width: auto;
533 .mform div.felement,  .mform fieldset.felement{
534   display: block;
535   float: left;
536   margin: 5px 0 0 10px;
537   padding: 0;
538   text-align:left;
539   width: 60%;
542 .mform div.fdescription {
543   clear: both;
544   min-height: 1.5em;
547 .mform .fdescription.required {
548   text-align:right;
551 .mform input, .mform select {
552   width: auto;
554 .mform ftextarea {
556 .mform br {
557   clear: left;
559 .mform div.fhtmleditor {
560   margin: 0 auto 10px auto;
561   width : 600px;
562   clear:both;
563   float:none;
564   padding: 25px 0 20px 0;
566 .mform span.error, .mform span.required {
567   color: red;
569 .mform div.error,.mform fieldset.error {
570   border: 1px solid red;
571   padding: 5px;
572   color: inherit;
574 .mform .fcheckbox input {
575   margin-left: 0px;
577 .mform .fpassword .unmask {
578   display:inline;
580 .mform .fpassword .unmask input {
581   margin-left:5px;
582   margin-right:3px;
585 form#adminsettings div.htmlarea {
586   clear: left;
587   padding-top: 5px;
590 .mform label .req, .mform label .adv {
591   cursor: help;
594 /* form frozen */
595 div.mform div.fitem div.fstatic{
596  border-color : lightgrey;
597  border-style : dashed;
598  border-width : thin;
601 #admin-register .mform .fsubmit {
602   padding:20px;
603   text-align:center;
606 div.phpinfo .center{
607   text-align: center;
610 div.phpinfo .center table {
611   margin-left: auto;
612   margin-right: auto;
613   text-align: left;
616 div.phpinfo .center th {
617   text-align: center;
620 .backup-form-instances {
621    margin:0px 20px 0px 20px;
623 .restore-form-instances {
624    margin:0px 20px 0px 20px;
628 /***
629  *** Header
630  ***/
632 .headerskip {
633   position:absolute;
634   right:20em;
635   font-size:0.8em;
638 #header-home {
641 #header {
644 .headermain, h1.headermain {
645   float:left;
646   margin:0;
647   padding:0;
650 .headermenu {
651   float:right;
652   text-align:right;
655 .navigation li,
656 .navigation div,
657 .navigation button,
658 .navigation form {
659   display: inline;
662 .navbar {
663   width:auto;
664   padding:3px 0.5em;
665   border-width:1px;
666   border-style:solid;
669 .navbar .langmenu {
670   text-align:right;
673 table.navbar {
674   width: 100%;
677 .navbar .navbutton {
678   margin-top: 3px;
679   float: left;
682 .navbar .navbutton div,
683 .navbar .navbutton form {
684   display:inline;
685   margin:0px;
686   padding:0px;
689 .navbar .breadcrumb {
690   float:left;
691   margin:0.2em 0;
694 .breadcrumb ul {
695   padding:0;
696   margin:0;
697   text-indent:0;
698   list-style:none;
700 .breadcrumb li {
701   display:inline;
704 .navbar .navbutton,
705 .navbar .menu {
706   float:right;
709 #footer .navbar {
710   margin-top: 4em;
713 .reportlink {
714   text-align:right;
717 .navigation {
718   margin-bottom: 4px;
721 .navigation ul {
722   margin:0px;
723   padding:0px;
724   list-style-type:none;
727 .navigation ul li form,
728 .navigation ul li {
729   display:inline;
730   margin:0px;
731   padding:0px;
732   margin-left:2px;
735 .navigation ul li form fieldset,
736 .navigation ul li form div select {
737     vertical-align: middle;
740 .navigation optgroup {
741   text-align:center;
742   padding-top:4px;
745 .navigation option {
746   text-align:left;
749 .navigation optgroup option {
750   padding:0px;
753 #navmenupopup option,
754 #navmenufooterpopup option {
755   padding: 2px 0 2px 20px;
756   background-repeat: no-repeat;
757   background-position: 1px 2px;
758   vertical-align: middle;
761 /***
762  *** Footer
763  ***/
765 #footer {
766   text-align:center;
767   margin-top: 40px;
770 .homelink {
771   margin: 1em 0;
774 .homelink a {
775   padding-left:1em;
776   padding-right:1em;
779 .sitelink {
780   padding-top:1em;
783 .performanceinfo {
784   margin: 2em;
787 .performanceinfo span {
788   display: block;
791 #footer .validators {
792   margin-top:40px;
793   padding-top:5px;
794   border-top: 1px dotted gray;
797 #footer .validators ul {
798   margin:0px;
799   padding:0px;
800   list-style-type:none;
803 #footer .validators ul li {
804   display:inline;
805   margin-right:10px;
806   margin-left:10px;
809 /***
810  *** Filters
811  ***/
812 span.mediaplugin {
813   display:block;
814   clear:both;
815   margin-top:5px;
816   margin-bottom:5px;
819 span.mediaplugin_mp3 {
820   display:inline;
821   clear:none;
822   margin:0px;
823   margin-left:0.5em;
827 /***
828  *** Admin
829  ***/
831 body#admin-index .c0 {
832   vertical-align: top;
835 body#admin-index .c1 {
836   vertical-align: middle;
839 body#admin-blocks table.generaltable th,
840 body#admin-filters table.generaltable th,
841 body#admin-modules table.generaltable th,
842 body#admin-auth table.generaltable th
844   white-space: nowrap;
847 body#admin-modules .generaltablecell
849   padding-top: 2px;
850   padding-bottom: 2px;
853 body#admin-blocks table.generaltable th,
854 body#admin-blocks table.generaltable td.cell,
855 body#admin-filters table.generaltable th,
856 body#admin-filters table.generaltable td.cell,
857 body#admin-modules table.generaltable th,
858 body#admin-modules table.generaltable td.cell,
859 body#admin-auth table.generaltable th,
860 body#admin-auth table.generaltable td.cell
862   padding: 4px;
863   text-align: center;
864   vertical-align: middle;
867 body#admin-blocks table.generaltable th.c0,
868 body#admin-blocks table.generaltable td.c0,
869 body#admin-filters table.generaltable th.c0,
870 body#admin-filters table.generaltable td.c0,
871 body#admin-modules table.generaltable th.c0,
872 body#admin-modules table.generaltable td.c0,
873 body#admin-auth table.generaltable th.c0,
874 body#admin-auth table.generaltable td.c0
876   text-align: left;
879 body#admin-modules table.generaltable td.c0
881   white-space: nowrap;
884 #admin-blocks
885 #admin-config .confighelp {
886   display: block;
887   padding-bottom: 20px;
890 #admin-roles-manage table.generalbox {
891   margin: auto;
894 #admin-stickyblocks .generalbox {
895   text-align:center;
898 #admin-index .copyrightnotice {
899   margin: auto;
900   text-align: center;
903 #admin-report-simpletest-index .exception pre {
904   padding: 8px;
907 #admin-report-simpletest-index .unittestsummary {
908   padding: 8px;
909   margin-top: 1em;
912 #admin-roles-allowassign .buttons,
913 #admin-roles-allowoverride .buttons,
914 #admin-roles-manage .buttons,
915 #admin-roles-override .buttons {
916   margin: 20px;
917   text-align:center;
920 #admin-roles-manage .buttons .singlebutton,
921 #admin-roles-override .buttons .singlebutton {
922   display: inline;
923   padding: 5px;
926 #admin-roles-manage .selector,
927 #admin-roles-override .selector {
928     text-align:center;
931 #admin-roles-manage table.roledesc,
932 #admin-roles-override table.roledesc {
933   margin-left:auto;
934   margin-right:auto;
937 #admin-roles-manage table.rolecap,
938 #admin-roles-override table.rolecap {
939   margin-left:auto;
940   margin-right:auto;
943 .rolecap .inherit,
944 .rolecap .allow,
945 .rolecap .prevent,
946 .rolecap .prohibit {
947   text-align:center;
950 #admin-roles-manage .rolecap .cap-desc .cap-name,
951 #admin-roles-override .rolecap .cap-desc .cap-name {
952   display: block;
955 #admin-roles-override .cell.c1,
956 #admin-roles-assign .cell.c1 {
957   padding-top: 0.75em;
960 #admin-lang .generalbox {
961   text-align:center;
962   margin:auto;
963   border-width: 1px;
964   border-style: solid;
967 #admin-langimport .generalbox {
968   text-align:center;
969   margin:auto;
970   border-width: 1px;
971   border-style: solid;
974 #admin-langimport .generalbox table {
975   text-align:center;
976   margin:auto;
979 #admin-index .adminwarning {
980   text-align:center;
981   border-width: 1px;
982   border-style: solid;
983   margin:20px;
986 #admin-index .adminwarning .singlebutton,
987 #admin-index #layout-table .singlebutton {
988   text-align:center;
989   margin:20px;
992 #adminsettings fieldset {
993   margin-top: 1em;
994   padding: 1em 0.5em;
997 #adminsettings legend {
998   display: none;
1001 #adminsettings .form-group {
1002   float: left;
1005 #adminsettings .form-item {
1006   margin: 0;
1009 #adminsettings label {
1010   display: block;
1011   float: left;
1012   width: 150px;
1013   text-align: right;
1016 #adminsettings .form-shortname {
1017   display: block;
1020 #adminsettings select,
1021 #adminsettings input {
1022   float: left;
1023   margin: 0 0 0 10px;
1026 #adminsettings textarea {
1027   float: left;
1028   margin: 0 0 0 10px;
1029   width: 65%;
1032 #adminsettings .form-group select,
1033 #adminsettings .form-group input {
1034   display: inline;
1035   float: none;
1039 /* #adminsettings .admin-configtime .form-select {
1040   display: inline;
1041   float: none;
1044 #adminsettings div.admin-frontpage div.form-group select.form-select {
1045   display: inline;
1046   float: none;
1047 } */
1049 #adminsettings .description {
1050   clear: both;
1051   margin: 0 1em 0 160px;
1052   padding: 0.3em 0 1.5em 0;
1055 #adminsettings .form-item .unmask input {
1056   margin-left:5px;
1057   margin-right:3px;
1060 #adminsettings .form-item .unmask label {
1061   width: auto;
1062   text-align: left;
1065 .environmentbox {
1066     margin-top: 1em;
1069 .form-buttons {
1070   margin: 10px 0 0 160px;
1073 .form-text {
1074   width: 20em;
1076 .form-textarea { }
1077 .form-select { }
1078 .form-checkbox { }
1079 .form-radio { }
1080 .form-submit { }
1081 .form-reset { }
1083 .admin-frontpagedesc .htmlarea {
1084   margin: 0 auto 10px auto;
1085   width : 600px;
1088 .adminsearchform {
1089   padding-top:10px;
1092 .block_admin_tree .admintree {
1093   text-align:left;
1096 #admin-lang .translator {
1097   border-width: 1px;
1098   border-style: solid;
1101 #adminsettings #admin-calendar_weekend table {
1102   width: 100%;
1105 #adminsettings #admin-calendar_weekend table td {
1106   text-align: center;
1109 #adminsettings #admin-calendar_weekend table td label {
1110   width: 100%;
1111   text-align: center;
1112   float: none;
1115 #trustedhosts .generaltable {
1116   margin-left: auto;
1117   margin-right: auto;
1118   width: 500px;
1121 #trustedhosts .standard {
1122   width: auto;
1125 #mnetconfig table {
1126   margin-left: auto;
1127   margin-right: auto;
1130 #admin-report-stats-index .invisiblefieldset {
1131   display: block;
1134 #admin-report-courseoverview-index .invisiblefieldset {
1135   display: block;
1138 /***
1139  *** Blocks
1140  ***/
1142 /*Accessibility: Skip block link, for screen reader users. */
1143 a.skip-block, .skip-block {
1144   display:block;
1145   width:2em;
1146   height:1px;
1148 .sideblock .skip-block {
1149   height:4px;
1151 .skip-block-to {
1152   font-size:1px;
1155 .sideblock {
1156   margin-bottom:1em;
1157   width: 100%;
1160 .sideblock .header, .sideblock h2.header {
1161   text-align: left;
1162   margin:0;
1163   padding:4px;
1164   padding-top:0;
1165   border-width: 1px;
1166   border-style: solid;
1167   border-bottom: none;
1169 .sideblock h2 {
1170   margin:0;
1171   padding:0;
1174 .sideblock .header .hide-show {
1175   float:right;
1178 .sideblock .header .hide-show img.hide-show-image {
1179   height:11px;
1180   width:11px;
1181   margin-top:0.25em;
1184 .sideblock .header .commands {
1185   margin-top: 0.3em;
1186   clear: both;
1187   height: 16px;
1190 .sideblock .header .commands a {
1191   margin: 0px 2px;
1194 #left-column .hidden .header,
1195 #right-column .hidden .header
1197   border-bottom-width: 1px;
1198   border-bottom-style: solid;
1201 #left-column .hidden .content,
1202 #right-column .hidden .content
1204   display: none;
1207 .sideblock .header .icon.hide,
1208 .sideblock .header .icon.edit {
1209   margin-right: 6px;
1212 .sideblock .content {
1213   padding: 4px;
1214   border-width: 1px;
1215   border-style: solid;
1218 .sideblock .content h3,
1219 .sideblock .content h2 {
1220   text-align: left;
1223 .sideblock .content h2 {
1224   margin:1.5em 0 0;
1225   padding:0;
1228 .sideblock .content .head {
1229   margin-top: 10px;
1232 .sideblock .content hr {
1233   height:1px;
1234   margin-top:4px;
1235   margin-bottom:4px;
1236   border:none;
1237   border-top:1px solid;
1240 .sideblock div.column {
1241   margin:0px;
1242   margin-right:4px;
1243   padding:0px;
1246 .sideblock div.column.c0 {
1247   float: left;
1250 .sideblock div.column.c1 {
1251   display: inline;
1254 .sideblock .content .c0 img.icon {
1255   margin:0px;
1258 .sideblock .content .list, .unlist, .inline-list {
1259   list-style:none;
1260   padding:0;
1261   margin:0;
1264 .sideblock .content .list {
1265   width: 100%;
1268 .sideblock .content .list li {
1269   clear: left;
1272 .sideblock .content .inline-list li {
1273   display:inline;
1276 .sideblock .content ul.list li.listentry {
1277   clear:both;
1280 .sideblock .content div.info {
1281   text-align:center;
1284 .sideblock .footer {
1285   margin-bottom: 4px;
1286   text-align:center;
1287   clear:both;
1290 .sideblock img.userpicture {
1291   width:16px;
1292   height:16px;
1293   margin-right:4px;
1296 .blockconfigtable {
1297   margin-top: 0;
1298   margin-right: auto;
1299   margin-left: auto;
1302 .blockconfigtable td.label {
1303     text-align: right;
1304     width: 50%;
1307 .blockconfigtable td.value {
1308     text-align: left;
1309     width: 50%;
1312 .blockconfigtable td.submit {
1313     text-align: center;
1316 .blockconfiginstancecontent .tabs {
1317   margin-bottom: 0px;
1318   margin-left: auto;
1319   margin-right: auto;
1322 .block_messages .content {
1323   text-align:left;
1324   font-size:0.75em;
1325   padding-top:5px;
1328 .block_recent_activitysideblock .h3 {
1329   padding-top:5px;
1332 .block_online_users .listentry div.user,
1333 .block_messages .listentry div.user {
1334   float:left;
1337 .block_online_users .listentry div.message,
1338 .block_messages .listentry div.message {
1339   float:right;
1342 .block_course_list .footer {
1343   margin-top: 5px;
1346 #rssfeeds {
1347   margin-left: auto;
1348   margin-right: auto;
1351 #block_rss {
1352   text-align: center;
1355 .block_search_forums .invisiblefieldset {
1356   display: block;
1359 .block_tag_youtube .youtube-thumb {
1360  width:75px;
1361  height:50px;
1363 .block_tag_youtube .yt-video-entry{
1364  font-size:10px;
1365  line-height:11px;
1368 .block_tag_flickr .flickr-photos {
1369  padding:3px;
1372 /***
1373  *** Blogs
1374  ***/
1375 .addbloglink {
1376   text-align: center;
1379 .blogpost .audience {
1380   text-align: right;
1383 .blogpost .tags {
1384   margin-top: 15px;
1388 /***
1389  *** Calendar
1390  ***/
1392 #calendar {
1393   width: 100%;
1394   border-spacing: 5px;
1395   border-collapse: separate;
1398 #calendar h2,
1399 #calendar h3
1401   text-align: center;
1404 #calendar .maincalendar,
1405 #calendar .sidecalendar
1407   vertical-align: top;
1408   border: 1px solid;
1409   padding: 0px;
1412 #calendar .maincalendar {
1413   height: 100%;
1416 #calendar .maincalendar .heightcontainer {
1417   height: 100%;
1418   position: relative;
1421 #calendar .maincalendar .bottom {
1422   width: 100%;
1423   text-align: center;
1424   padding:5px 0 0;
1427 #calendar .sidecalendar {
1428   width: 25%;
1431 #calendar .maincalendar table.calendarmonth {
1432   border-collapse: separate;
1433   margin: 0px auto;
1434   width: 98%;
1437 #calendar .maincalendar table.calendarmonth th {
1438   padding:10px;
1439   border-bottom:2px solid;
1442 #calendar .maincalendar table.calendarmonth td {
1443   height: 5em;
1444   padding-left: 4px;
1445   padding-top: 4px;
1446   line-height:1.2em;
1449 #calendar .maincalendar table.calendarmonth td,
1450 table.minicalendar td,
1451 table.minicalendar th {
1452   width:14%;
1453   vertical-align:top;
1455 table.minicalendar td {
1456   text-align: center;
1458 #calendar .maincalendar table.calendarmonth td table td {
1459   height: auto;
1462 #calendar div.header
1464   padding: 5px;
1467 #calendar .sideblock div.header
1469   border:none;
1472 #calendar .maincalendar .buttons {
1473   float: right;
1476 #calendar .maincalendar .filters table,
1477 #calendar .sidecalendar .filters table,
1478 .sideblock.block_calendar_month .filters table
1480   border-collapse:separate;
1481   border-spacing: 2px;
1482   padding: 2px;
1483   width: 100%;
1486 #calendar .maincalendar .filters {
1487   padding: 0px 10px;
1490 #calendar .sidecalendar .filters {
1491   padding: 5px;
1494 #calendar .maincalendar .controls {
1495   clear:both;
1496   padding:10px;
1499 #calendar .maincalendar table.calendarmonth ul.events-new,
1500 #calendar .maincalendar table.calendarmonth ul.events-underway
1502   padding:0px;
1503   margin:0px;
1504   list-style-type:none;
1507 #calendar .maincalendar table.calendarmonth ul li {
1508   margin-top: 4px;
1511 .minicalendarblock {
1512   padding: 0px 4px;
1515 table.minicalendar {
1516   width: 100%;
1517   margin: 10px auto;
1518   padding:2px;
1519   border-width:1px;
1520   border-style:solid;
1521   border-collapse:separate;
1522   border-spacing:1px !important;
1525 table.minicalendar th {
1526   padding: 0px 2px;
1529 #calendar .maincalendar .eventlist {
1530   padding: 10px;
1533 #calendar .maincalendar .eventlist .topic {
1534   padding: 5px;
1535   border-style:solid;
1536   border-width: 0px;
1537   border-bottom-color: #EEEEEE;
1538   border-bottom-width: 1px;
1541 #calendar .maincalendar .eventlist .event {
1542   width:100%;
1543   margin-bottom:10px;
1544   border-spacing:0px;
1545   border-collapse:separate;
1546   border-width:1px;
1547   border-style:solid;
1550 #calendar .maincalendar .eventlist .event .name {
1551   float:left;
1554 #calendar .maincalendar .eventlist .event .course {
1555   float:left;
1556   clear:left;
1559 #calendar .maincalendar .eventlist .event .date {
1560   float:right;
1563 #calendar .maincalendar .eventlist .event .description .commands {
1564   width:100%;
1567 #calendar .maincalendar .eventlist .event .description {
1568   padding:5px;
1571 #calendar .maincalendar .eventlist .event .picture {
1572   padding:8px;
1575 #calendar .maincalendar .eventlist .event .side {
1576   width:32px;
1579 #calendar #selecteventtype table {
1580   margin:auto;
1583 #calendar .event_global,
1584 #calendar .event_course,
1585 #calendar .event_course0,
1586 #calendar .event_course1,
1587 #calendar .event_course2,
1588 #calendar .event_group,
1589 #calendar .event_user,
1590 .minicalendar .event_global,
1591 .minicalendar .event_course,
1592 .minicalendar .event_course0,
1593 .minicalendar .event_course1,
1594 .minicalendar .event_course2,
1595 .minicalendar .event_group,
1596 .minicalendar .event_user {
1597   border:2px solid !important;
1600 #calendar .duration_global,
1601 #calendar .duration_course,
1602 #calendar .duration_course0,
1603 #calendar .duration_course1,
1604 #calendar .duration_course2,
1605 #calendar .duration_group,
1606 #calendar .duration_user,
1607 .minicalendar .duration_global,
1608 .minicalendar .duration_course,
1609 .minicalendar .duration_course0,
1610 .minicalendar .duration_course1,
1611 .minicalendar .duration_course2,
1612 .minicalendar .duration_group,
1613 .minicalendar .duration_user
1615   border-top:2px solid !important;
1616   border-bottom:2px solid !important;
1619 #calendar .today,
1620 .minicalendar .today {
1621   border:2px solid;
1624 #calendar .nottoday,
1625 .minicalendar .today {
1626   border:1px solid;
1629 .cal_popup_bg {
1630   padding:0px;
1631   margin:0px;
1632   border:1px solid;
1635 .cal_popup_close {
1636   margin-right:5px;
1639 .cal_popup_caption {
1640   border-width:0px 0px 1px 0px;
1641   border-style:solid;
1642   padding-bottom:2px;
1645 /*Accessibility: controls now div and span, 20:58:20% or 12:74:12% */
1646 .calendar-controls .previous,
1647 .calendar-controls .next,
1648 .calendar-controls .current {
1649   display: block;
1650   float: left;
1651   width: 12%;
1653 .calendar-controls .previous {
1654   text-align: left;
1656 .calendar-controls .current {
1657   text-align: center;
1658   width: 76%;
1660 .calendar-controls .next {
1661   text-align: right;
1664 #calendar .maincalendar .calendar-controls .previous,
1665 #calendar .maincalendar .calendar-controls .next
1667   width: 30%;
1669 #calendar .maincalendar .calendar-controls .current {
1670   width: 39.95%;
1673 #calendar .indent {
1674   padding-left: 20px;
1677 #calendar td.sidecalendar {
1678 border-width:0px;
1681 #calendar td.sidecalendar .sideblock {
1682   border: 1px solid;
1683   margin-bottom:10px;
1686 #calendar td.sidecalendar .minicalendartop {
1687   padding-top:10px;
1690 .sideblock .content h3.eventskey {
1691     margin-top:0.5em;
1692     margin-bottom:0;
1693     margin-left:0.5em;
1696 /***
1697  *** Course
1698  ***/
1700 .activitydate, .activityhead {
1701   text-align:center;
1704 #course-view .section td {
1705   vertical-align:top;
1708 #course-view .section td.content {
1709   padding:5px;
1710   border-style:solid;
1711   border-width:1px;
1712   border-left:0px;
1713   border-right:0px;
1716 #course-view .section td.side {
1717   padding:5px;
1718   border-style:solid;
1719   border-width:1px;
1722 #course-view .section td.left {
1723   border-right:0px;
1724   text-align:center;
1725   width: 1.5em;
1728 #course-view .section td.right {
1729   border-left:0px;
1730   text-align:center;
1731   width: 1.5em;
1734 #course-view .current .side {
1737 #course-view .section .spacer {
1738   height:0.5em;
1741 #course-view .section .weekdates {
1744 #course-view ul.section,
1745 #site-index ul.section {
1746   margin: 0;
1747   padding: 0;
1748   list-style: none;
1751 .section_add_menus {
1752   text-align:right;
1755 .section_add_menus .horizontal div {
1756   display:inline;
1760 /*#course-view ul.section li.activity ul li,
1761 #site-index ul.section li.activity ul li {
1762   list-style: disc;
1763 }*/
1765 /*Accessibility: No-tables course format. */
1766 #course-view ul.weekscss {
1767   margin: 0;
1768   padding: 0;
1769   list-style: none;
1771 /* Window-width: 800 pixels.
1772    IE doesn't support, see inline IE conditional comment. */
1773 .weekscss-format {
1774   min-width: 763px;
1776 .weekscss-format .block_adminblock select,
1777 .weekscss-format .block_calendar_month .minicalendar {
1778   width: 100%;
1779   padding: 0;
1781 .weekscss-format .block_calendar_month .minicalendar th,
1782 .weekscss-format .block_calendar_month .minicalendar td {
1783   padding: 0.1em 0 0.1em 1px;
1785 .weekscss-format #middle-column {
1786   margin: 0 12.5em 0 12.5em;
1788 .weekscss-format #left-column,
1789 .weekscss-format #right-column {
1790   width: 11.5em;
1792 .weekscss-format #left-column {
1793   float: left;
1795 .weekscss-format #right-column {
1796   float: right;
1798 .weekscss li.section {
1799   margin-bottom: 0.5em;
1800   border-style:solid;
1801   border-width:1px;
1803 .weekscss .content,
1804 .weekscss .side {
1805   padding: 5px;
1807 .weekscss .content {
1808   margin: 0 1.7em 0 1.7em;
1810 .weekscss .right {
1811   width: 1.6em;
1812   float: right;
1813   text-align:center;
1816 .section .activity img.activityicon {
1817   vertical-align:middle;
1818   height:16px;
1819   width:16px;
1822 .section img.movetarget {
1823   height:16px;
1824   width:80px;
1827 body#course-view .unread {
1828   margin-left: 3em;
1831 body#course-view .sideblock.drag .header {
1832   cursor: move;
1835 body#course-enrol .generalbox {
1836   margin-top: 20px;
1839 body#course-enrol .coursebox {
1840   margin-top: 20px;
1843 body#course-user .graph {
1844   text-align: center;
1847 body#course-user .section,
1848 body#course-user .content {
1849   margin-left: 30px;
1850   margin-right: 30px;
1853 body#course-user .section {
1854   border-width:1px;
1855   border-style:solid;
1856   padding:10px;
1857   margin-bottom: 20px;
1860 body#course-user .section h2 {
1861   margin-top: 0;
1865 .headingblock, h2.headingblock {
1866   border-width:1px;
1867   border-style:solid;
1868   padding:5px;
1869   margin:0;
1872 #site-index .subscribelink,
1873 #course-view .subscribelink {
1874   text-align:right;
1877 body#site-index .headingblock,
1878 body#course-view .headingblock {
1879   margin-bottom: 9px;
1882 body#course-category .courseboxes,
1883 body#course-index .courseboxes {
1884   padding:20px;
1887 body#course-category .rolelink {
1888   text-align:right;
1889   padding:10px;
1892 body#course-category .addcategory {
1893   text-align: center;
1894   padding: 10px;
1897 body#course-index #middle-column .editcourse {
1898   margin-left:auto;
1899   margin-right:auto;
1900   margin-top:20px;
1901   margin-bottom:20px;
1904 body#course-index #middle-column .editcourse th,
1905 body#course-index #middle-column .editcourse td {
1906   padding-left:10px;
1907   padding-right:10px;
1910 body#course-index #middle-column .editcourse .count {
1911   text-align:right;
1914 body#course-index .singlebutton,
1915 body#course-index .addcategory {
1916   text-align: center;
1919 body#course-info .generalbox.icons {
1920   text-align: center;
1923 body#course-info .generalbox.info {
1924   margin-left:auto;
1925   margin-right:auto;
1928 .coursebox {
1929   width: 100%;
1930   float:left;
1931   margin-bottom: 15px;
1932   border-width:1px;
1933   border-style:solid;
1936 .coursebox .summary {
1937   float: right;
1938   text-align:left;
1939   width: 48%;
1940   padding:5px;
1943 .coursebox .info {
1944   float: left;
1945   text-align:left;
1946   width: 48%;
1947   padding:5px;
1950 #my-index .coursebox .info {
1951   float: none;
1954 #my-index .name {
1955   margin-left: 5px;
1958 .categorylist {
1959   width:90%;
1960   margin-left:auto;
1961   margin-right:auto;
1964 .categorylist .category.image {
1965   width:20px;
1968 .categorylist .category.number {
1969   text-align:right;
1972 .categoryboxcontent {
1973   border-width:1px;
1974   border-style:solid;
1977 .categorypicker {
1978   text-align:center;
1979   padding-bottom:10px;
1982 #coursesearch,
1983 #coursesearch2 {
1984   text-align:center;
1987 .addcoursebutton {
1988   text-align:center;
1991 .coursebox .cost {
1992   padding-top: 20px;
1995 .coursebox ul.teachers li {
1996   list-style-type:none;
1997   padding:0;
1998   margin:0;
2001 #course-category #renameform {
2002   text-align:center;
2005 #course-category #themeform {
2006   text-align: center;
2009 #course-category .singlebutton {
2010   text-align:center;
2013 #course-category #coursesearch {
2014   text-align:center;
2018 #course-report #content {
2019   padding-top:15px;
2020   padding-bottom:15px;
2023 #course-report p {
2024   text-align:center;
2027 #course-report .logselectform,
2028 #course-report .participationselectform,
2029 #course-report-log-index .logselectform,
2030 #course-report-participation-index .participationselectform {
2031   margin-left:auto;
2032   margin-right:auto;
2033   text-align:center;
2034   margin-top:10px;
2035   margin-bottom:10px;
2038 #course-report .participationselectform label,
2039 #course-report-participation-index .participationselectform label {
2040   margin-left:15px;
2041   margin-right:5px;
2044 #course-report-log-index .info {
2045   margin-left:auto;
2046   margin-right:auto;
2047   text-align:center;
2048   margin:10px;
2051 #content .coursebox .summary .category {
2052   text-align:right;
2055 #course-editsection .singlebutton {
2056   text-align:center;
2059 /***
2060  *** Group
2061  ***/
2062 body#group-index #groupeditform {
2063   text-align: center;
2067 /***
2068  *** Doc
2069  ***/
2071 body#doc-contents h1 {
2072   margin: 1em 0px 0px 0px;
2075 body#doc-contents ul {
2076   list-style-type: none;
2077   margin: 0;
2078   padding: 0;
2079   width: 90%;
2083 /***
2084  *** Grades
2085  ***/
2088 .grade-report-grader table {
2089   border-width:1px;
2090   border-style:solid;
2091   margin-top: 20px;
2094 .grade-report-grader div.submit {
2095   margin-top: 20px;
2096   text-align: center;
2099 .grade-report-grader table td {
2100   border-width:1px;
2101   border-style:solid;
2104 .grade-report-grader tr.heading {
2105   border-width:0px 0px 0px 0px;
2106   border-style:solid;
2109 .grade-report-grader .heading td {
2110   border-width:0px 0px 0px 0px;
2111   border-style:solid;
2114 .grade-report-grader th.category {
2115   border-width:1px 1px 0px 1px;
2116   border-style:solid;
2119 .grade-report-grader th.user {
2120   border-width:0px 0px 1px 0px;
2121   border-style:solid;
2124 .grade-report-grader th.categoryitem,
2125 .grade-report-grader th.courseitem,
2126 .grade-report-grader td.topleft {
2127   border-width:0px 1px 0px 1px;
2128   border-style:solid;
2131 .grade-report-grader td.fillerfirst {
2132   border-width:0px 0px 0px 1px;
2133   border-style:solid;
2136 .grade-report-grader td.fillerlast {
2137   border-width:0px 1px 0px 0px;
2138   border-style:solid;
2141 .grade-report-grader th.item {
2142   border-width:1px 1px 1px 1px;
2143   border-style:solid;
2146 .grade-report-grader div.gradertoggle {
2147   display: inline;
2148   margin-left: 20px;
2151 .grade-report-grader table.gradestable {
2152   margin-left:auto;
2153   margin-right:auto;
2156 .grade-report-grader .gradestable th.user {
2157   text-align:left;
2160 .grade-report-grader .gradestable td {
2161   text-align:right;
2164 .grade-report-grader th.range {
2165   border-width:1px 1px 1px 1px;
2166   border-style:solid;
2169 .grade-report-grader .userpic {
2170   display: inline;
2171   margin-right: 10px;
2174 .grade-report-grader .quickfeedback {
2175   border: #000000 1px dashed;
2178 .popupfeedback {
2179   background-color: #FFFFFF;
2180   border: #000000 1px dashed;
2182 /* scales edit */
2184 .grade-edit-scale .buttons {
2185   margin: 20px;
2186   text-align:center;
2189 .grade-edit-scale .buttons .singlebutton {
2190   display: inline;
2191   padding: 5px;
2194 /* outcomes edit */
2196 .grade-edit-outcome .buttons {
2197   margin: 20px;
2198   text-align:center;
2201 .grade-edit-outcome .buttons .singlebutton {
2202   display: inline;
2203   padding: 5px;
2206 /* gradebook edit tree */
2208 .grade-edit-tree .gradetreebox {
2209   width:70%;
2210   margin-left:auto;
2211   margin-right:auto;
2212   margin-top:10px;
2213   padding-bottom:15px;
2216 .grade-edit-tree .buttons {
2217   margin: 20px;
2218   text-align:center;
2221 .grade-edit-tree .idnumber {
2222     margin-left: 15px;
2225 .grade-edit-tree .buttons .singlebutton {
2226   display: inline;
2227   padding: 5px;
2230 .grade-edit-tree .movetarget {
2231   position: relative;
2232   width: 80px;
2233   height: 16px;
2236 .grade-edit-tree ul#grade_tree {
2237   width: auto;
2240 .grade-edit-tree ul#grade_tree li {
2241   list-style: none;
2244 .grade-edit-tree ul#grade_tree li.category {
2245   margin-bottom: 6px;
2248 .grade-edit-tree .moving {
2249   background-color: #E8EEF7;
2252 .grade-edit-tree .iconsmall {
2253   margin-left: 4px;
2256 #grade-report-toggles {
2257   text-align: center;
2260 /***
2261  *** Login
2262  ***/
2264 .loginbox {
2265   margin-top:15px;
2266   margin-bottom:15px;
2267   border:1px solid;
2268   width:50%;
2269   margin-left:25%;
2270   overflow:hidden;
2273 .loginbox form {
2274   margin:0px;
2275   padding:0px;
2278 .loginbox.twocolumns {
2279   width:90%;
2280   margin-left:5%;
2281   /* background: #faa; */
2284 .loginbox h2,
2285 .loginbox .subcontent {
2286   margin:5px;
2287   padding:10px;
2288   text-align:center;
2291 .loginbox .loginpanel .subcontent {
2292   text-align:center;
2295 .loginbox .loginpanel .desc {
2296   margin:0px;
2297   padding:0px;
2298   margin-bottom:5px;
2301 .loginbox .signuppanel .subcontent {
2302   text-align:left;
2305 .loginbox .loginsub {
2306   margin-left:0%;
2307   margin-right:0%;
2310 .loginbox .guestsub,
2311 .loginbox .forgotsub {
2312   border-top:1px solid;
2313   margin-left:12%;
2314   margin-right:12%;
2315   margin-bottom:5px;
2318 .loginbox .loginform {
2319   margin-top:1em;
2320   text-align:left;
2323 .loginbox .loginform .form-label {
2324   float:left;
2325   text-align:right;
2326   width:40%;
2329 .loginbox .loginform .form-input {
2330   float:right;
2331   width:59%;
2334 .loginbox .loginform .form-input input {
2335   width: 6em;
2338 .loginbox .signupform {
2339   margin-top:1em;
2340   text-align:center;
2343 .loginbox.twocolumns .loginpanel {
2344   float:left;
2345   width:49.5%;
2346   border-right: 1px solid;
2347   margin-bottom:-2000px;
2348   padding-bottom:2000px;
2349   /* background: #afa; */
2352 .loginbox.twocolumns .signuppanel {
2353   float:right;
2354   width:50%;
2355   margin-bottom:-2000px;
2356   padding-bottom:2000px;
2360 /***
2361  *** Message
2362  ***/
2365 #message-user .userpicture,
2366 #message-history .userpicture {
2367   width: 100px;
2368   height: 100px;
2371 .message-discussion-noframes #userinfo .userpicture {
2372   float:left;
2375 .message-discussion-noframes #userinfo .name h1 {
2376   margin:0px;
2379 .message-discussion-noframes #userinfo .name {
2380   text-align:center;
2381   margin-left:60px;
2384 .message-discussion-noframes #userinfo .commands {
2385   text-align:left;
2386   margin-left:60px;
2389 .message-discussion-noframes #userinfo .commands ul {
2390   margin:0px;
2391   padding:0px;
2392   list-style-type:none;
2395 .message-discussion-noframes #userinfo .commands ul li {
2396   display:inline;
2397   padding-right:16px;
2400 .message-discussion-noframes #send {
2401   padding-top:10px;
2402   clear:both;
2405 .message-discussion-noframes #send h1 {
2406   margin:0px;
2409 .message-discussion-noframes #messages {
2410   padding-top:10px;
2413 .message-discussion-noframes #messages ul.messagelist {
2414   margin:0px;
2415   padding:0px;
2418 .message-discussion-noframes #send h1 {
2419   margin:0px;
2422 .message .noframesjslink {
2423   margin-top:20px;
2426 .message .link {
2427   vertical-align:middle;
2430 table.message .searchresults td {
2431   padding:5px;
2432   border-width:1px;
2433   border-style:solid;
2434   border-collapse:collapse;
2435   border-spacing:0px;
2437 .message .summary .link {
2438   text-align:right;
2440 .message .heading {
2441   text-align:center;
2444 .message .note {
2445   text-align:center;
2446   padding:10px;
2449 #message-user .commands span {
2450   margin-left:10px;
2451   margin-right:10px;
2454 body#message-messages {
2455   padding:10px;
2458 /***
2459  *** Notes
2460  ***/
2461 .notepost {
2462     margin-bottom: 1em;
2463     background-color: #EEE;
2465 .sitenotepost {
2467 .coursenotepost {
2469 .draftnotepost {
2472 .ownnotepost .info {
2473     font-weight: bolder;
2476 .notepost .header {
2477     background: #DDD;
2478     padding: 5px;
2481 .notepost .user {
2482     font-weight: bolder;
2485 .notepost .userpicture {
2486     float: left;
2487     margin-right: 5px;
2490 .notepost .info {
2491     font-size: smaller;
2494 .notepost .content {
2495     clear: both;
2498 .notepost .footer {
2499     clear: both;
2502 /***
2503  *** MyMoodle
2504  ***/
2506 .my .coursebox .overview .info {
2507   margin-left:20px;
2510 .my .coursebox .overview {
2511   margin-bottom:10px;
2515 /***
2516  *** Question
2517  ***/
2518 .questionbank h2 {
2519   margin-top: 0;
2522 .que {
2523   text-align: left;
2524   margin: 0 auto 1.8em auto;
2525   border: 1px solid;
2526   clear: both;
2528 .que .info {
2529   float: left;
2530   margin: 0.5em 0 0.5em 1.2em;
2531   width: 8%;
2533 .que .content {
2534   float: left;
2535   margin: 0.5em 1.2em 0.5em 0;
2536   width: 85%;
2538 .que.description .info {
2539   display: none;
2541 .que.description .content {
2542   margin-left: 1.2em;
2543   float: none;
2544   width: auto;
2546 .que .qtext {
2547   margin-bottom: 1.5em;
2549 .que .ablock {
2550   margin: 0.7em 0 0.3em 0;
2552 .que .prompt {
2553   float: left;
2554   width: 15%;
2555   height: 2em;
2556   padding-top: 0.3em;
2558 .que .control {
2559   width: 5%;
2561 .que .answer {
2562   float: left;
2563   width: 83%;
2564   margin-bottom: 0.5em;
2566 .que .submit {
2567   position: relative;
2568   clear: both;
2569   float: left;
2571 /* MSIE Hack */
2572 * html .que .submit {
2573   float: none;
2575 .multianswer .submit {
2576   margin-top: 1em;
2578 .que .c0,
2579 .que .c1 {
2580   padding: 0.3em 0 0.3em 0.3em;
2581   vertical-align: top;
2583 .que .feedback {
2584   clear: both;
2585   padding: 0 0 0.3em 0.3em;
2586   margin-bottom: 0.5em;
2587   border: 1px solid;
2589 .multichoice td.feedback {
2590   width: auto;
2591   vertical-align: top;
2592   padding-top: 0.3em;
2593   border-style: none;
2595 .essay .feedback {
2596   border-style: none;
2598 .multichoice .text {
2599   width: auto;
2601 .calculated .answer,
2602 .numerical .answer,
2603 .shortanswer .answer {
2604   padding: 0.3em;
2605   width: auto;
2607 .truefalse .answer span {
2608   float: left;
2609   clear: left;
2610   padding: 0.3em;
2611   width: 100%;
2613 .que .grading,
2614 .que .comment,
2615 .que .commentlink,
2616 .que .generalfeedback,
2617 .que .history {
2618   margin-top: 0.5em;
2620 .que .grade {
2621   margin-top: 0.5em;
2624 .importerror {
2625   margin-top: 10px;
2626   border-bottom: 1px solid #555;
2629 /***
2630  *** Logs
2631  ***/
2633 .logtable {
2634   margin-left:auto;
2635   margin-right:auto;
2638 .logtable td,
2639 .logtable th {
2640   padding-left: 10px;
2641   padding-right: 10px;
2644 .logtable th {
2645   text-align:left;
2648 #course-user .info {
2649   margin-left:auto;
2650   margin-right:auto;
2651   text-align:center;
2652   margin:10px;
2655 /***
2656  *** Tabs
2657  ***/
2660 /*globalnav*/
2661 .tabtree {
2662   position:relative;
2665 .tabrow0 {
2666   text-align: center;
2667   width:100%;
2668   padding:0 0 1.75em 0;
2669   margin:0;
2670   list-style:none;
2671   line-height:1.8em;
2672   font-size: 84%;
2675 .tabrow0 li {
2676   display: inline;
2677   margin: 0 -4px 0 0;
2678   padding: 0;
2681 .tabrow0 a span {
2682   padding: 10px 14px 0.35em 0;
2683   background: transparent url(pix/tab/right.gif) no-repeat right top;
2686 .tabrow1 li a span {
2687   background: none !important;
2690 .tabrow0 a {
2691   text-decoration: none;
2692   background: transparent url(pix/tab/left.gif) no-repeat left top;
2693   margin: 0 -1px 0 0;
2694   padding: 10px 0 0.35em 13px;
2697 .tabrow0 a:hover {
2698   background-image: url(pix/tab/left_hover.gif);
2701 .tabrow0 .here a:hover {
2702   background-image: url(pix/tab/left.gif);
2705 .tabrow0 a:hover span {
2706   background-image: url(pix/tab/right_hover.gif);
2709 .tabrow0 .here a:hover span {
2710   background-image: url(pix/tab/right.gif);
2713 .tabrow0 .here a {
2714   color:#444;
2718 .tabrow0 .here a:link, .tabrow0 .here a:visited {
2719   position:relative;
2720   z-index:102;
2723 /*subnav*/
2724 .tabrow0 .empty {
2725   height: 1px;
2726   overflow: hidden;
2727   padding: 0;
2730 .tabrow0 div,
2731 .tabrow0 ul {
2732   position: absolute;
2733   left: 0;
2734   top: 2.0em;
2735   width: 100%;
2736   margin: 0;
2737   padding: 0.25em 0;
2738   list-style: none;
2739   border-top: 1px solid #aaa;
2740   line-height: normal;
2741   background: transparent url(pix/tab/tabrow1.gif) repeat-x center left;
2742   font-size: 90%;
2745 .tabrow0 ul li {
2746   display:inline;
2747   margin-top:1px;
2748   background-image: none;
2751 .tabrow0 ul a {
2752   background-image: none;
2753   color:#00c;
2754   margin:0;
2755   padding:0 1em;
2756   border:0
2759 .tabrow0 ul a span {
2760   padding: 0;
2761   background-image: none;
2764 .tabrow0 ul .last span,
2765 .tabrow0 ul li a:hover, .tabrow0 ul li a:hover span,
2766 .tabrow0 ul .here a:hover, .tabrow0 ul .here a:hover span {
2767   background-image: none !important;
2770 .tabrow0 ul div {
2771   display: none;
2774 ul.tabrow1 li a,
2775 ul.tabrow1 li a:link,
2776 ul.tabrow1 li a:visited {
2777   color:#00c;
2778   font-size: 110%;
2781 ul.tabrow1 li.here.selected a {
2782   color:#444;
2785 /***
2786  *** Tags
2787  ***/
2789 h2.tag-heading {
2790  text-align:center;
2791  margin-left:auto;
2792  margin-right:auto;
2793  display:block;
2794  width:95%;
2795  padding: 5px 5px 5px 5px;
2799 div#tag-description {
2800  width:95%;
2801  padding: 5px 5px 5px 5px;
2802  margin-left:auto;
2803  margin-right:auto;
2804  display:block;
2807 div#tag-management-box {
2808  margin-bottom:10px;
2809  text-align:center;
2810  line-height:20px;
2811  display:block;
2812  font-size:12px;
2815 div#tag-user-table {
2816  padding:3px;
2817  width:95%;
2818  clear: both;
2819  margin-left:auto;
2820  margin-right:auto;
2821  display:block;
2824 /* small css hack for firefox*/
2825 div#tag-user-table:after{
2826  content:".";
2827  display:block;
2828  clear:both;
2829  visibility:hidden;
2830  height:0;
2831  overflow:hidden;
2833 /* end hack*/
2835 div.user-box {
2836  margin-left:8px;
2837  margin-right:8px;
2838  margin-top:8px;
2839  margin-bottom:8px;
2840  width:115px;
2841  height:160px;
2842  text-align:center;
2843  display:block;
2844  float:left;
2847 img.user-image {
2848  border:0px;
2849  height:100px;
2850  width:100px;
2853 div#small-tag-cloud-box {
2854  width:300px;
2855  margin-left:auto;
2856  margin-right:auto;
2857  margin-bottom:0px;
2858  margin-top:0px;
2861 div#big-tag-cloud-box {
2862  width:600px;
2863  margin-left:auto;
2864  margin-right:auto;
2865  margin-bottom:0px;
2866  margin-top:0px;
2867  display:block;
2868  float:none;
2871 ul#tag-cloud-list {
2872  list-style:none;
2873  padding:5px;
2874  margin:0px;
2875  list-style-type:none;
2877 ul#tag-cloud-list li {
2878  margin:0px;
2879  display:inline;
2882 /* search start*/
2884 div#tag-search-box {
2885  text-align:center;
2886  margin-left:auto;
2887  margin-right:auto;
2888  margin-top:10px;
2889  margin-bottom:10px;
2892 div#tag-search-results-container {
2893  padding:0px;
2894  width:100%;
2897 ul#tag-search-results {
2898  padding:0px;
2899  margin-left:20%;
2900  margin-right:20%;
2901  margin-top:15px;
2902  margin-bottom:0px;
2903  float:left;
2904  width:60%;
2905  display:block;
2906  list-style:none;
2909 ul#tag-search-results li{
2911  width:30%;
2912  float:left;
2913  padding-left:1%;
2914  text-align:left;
2915  line-height:20px;
2916  padding-right:1%;
2920 div#tags-management-links {
2921  text-align:right;
2922  display:block;
2923  font-size:12px;
2926 /* search end*/
2928 /* tag management start*/
2929 span.flagged-tag {
2930  color:#FF0000;
2932 span.flagged-tag a{
2933  color:#FF0000;
2936 table#tag-management-list {
2937  text-align:left;
2938  margin-left:auto;
2939  margin-right:auto;
2942 table#tag-management-list tr td{
2943  padding-left:4px;
2944  padding-right :4px;
2947 form#tag-management-form {
2948  text-align:center;
2950 /* tag management end*/
2952 /* autocomplete start*/
2953 #relatedtags-autocomplete-container
2955  margin-left::auto;
2956  margin-right:auto;
2957  min-height:4.6em;
2958  width:100%;
2961 #relatedtags-autocomplete {
2962  position:relative;
2963  display:block;
2964  width:60%;
2965  margin-left::auto;
2966  margin-right:auto;
2968 #relatedtags-autocomplete .yui-ac-content
2970  position:absolute;
2971  width:420px;
2972  left:53%;
2973  border:1px solid #404040;
2974  background:#fff;
2975  overflow:hidden;
2976  z-index:9050;
2978 #relatedtags-autocomplete .ysearchquery
2980  position:absolute;
2981  right:10px;
2982  color:#808080;
2983  z-index:10;
2985 #relatedtags-autocomplete .yui-ac-shadow {
2986  position:absolute;
2987  margin:.3em;
2988  width:100%;
2989  background:#a0a0a0;
2990  z-index:9049;
2992 #relatedtags-autocomplete ul {
2993  padding:0;width:100%;
2994  margin:0;
2995  list-style-type:none;
2998 #relatedtags-autocomplete li {
2999  padding:0 5px;
3000  cursor:default;
3001  white-space:
3002  nowrap;
3004 #relatedtags-autocomplete li.yui-ac-highlight
3006  background:#FFFFCC;
3008 /* autocomplete end*/
3010 /***
3011  *** User
3012  ***/
3014 .userinfobox {
3015   margin-bottom:5px;
3016   border-width: 1px;
3017   border-style: solid;
3018   border-collapse: separate;
3021 .userinfobox .left,
3022 .userinfobox .side {
3023   padding: 10px;
3024   width: 100px;
3025   vertical-align: top;
3028 .userinfobox .userpicture {
3029   width: 100px;
3030   height: 100px;
3033 .userinfobox .content {
3034   padding: 10px;
3035   vertical-align: top;
3038 .userinfobox .links {
3039   width: 100px;
3040   padding: 5px;
3041   vertical-align: bottom;
3044 .userinfobox .list td {
3045   padding: 3px;
3048 .userinfobox .username {
3049   padding-bottom: 20px;
3052 .userinfobox td.label {
3053   text-align:right;
3054   white-space: nowrap;
3055   vertical-align: top;
3058 table.userinfobox {
3059   width: 80%;
3060   margin-left: 10%;
3061   margin-right: 10%;
3064 table.groupinfobox {
3065   width: 60%;
3066   margin-left: 20%;
3067   margin-right: 20%;
3068   border-width:1px;
3069   border-style:solid;
3070   margin-bottom: 20px;
3073 .groupinfobox .left {
3074   padding: 10px;
3075   width: 100px;
3076   vertical-align: top;
3079 body#user-index h2 {
3080   text-align: center;
3083 #user-view .buttons,
3084 #user-index .buttons {
3085   text-align: center;
3088 #user-view .buttons form,
3089 #user-view .buttons form div {
3090   display:inline;
3093 body#user-index #longtimenosee,
3094 body#user-index #showall {
3095   text-align: center;
3098 body#user-index #showall {
3099   margin: 10px 0px;
3102 body#user-index table#participants {
3103   margin: auto;
3104   width: 80%;
3107 body#user-index table#participants td,
3108 body#user-index table#participants th {
3109   vertical-align: middle;
3110   text-align: left;
3111   padding: 4px;
3114 body#user-index table.controls {
3115   width: 100%;
3117 body#user-index table.controls tr {
3118   vertical-align: top;
3120 body#user-index table.controls td.right,
3121 body#user-index table.controls td.left {
3122   padding: 4px;
3124 body#user-index table.controls .right {
3125   text-align: right;
3127 body#course-participation h2 {
3128   text-align:center;
3130 body#course-participation #showall {
3131   text-align:center;
3132   margin: 10px 0px;
3134 body#user-index .rolesform {
3135   text-align:center;
3138 #user-policy .noticebox {
3139   text-align:center;
3140   margin-left:auto;
3141   margin-right:auto;
3142   margin-bottom:10px;
3143   width:80%;
3144   height:250px;
3147 #user-policy #policyframe {
3148   width:100%;
3149   height:100%;
3152 /***
3153  *** Modules: Assignment
3154  ***/
3156 .userpicture,
3157 .picture user,
3158 .picture teacher {
3159   width:35px;
3160   vertical-align:top;
3162 .modform {
3163   text-align:center;
3166 /***
3167  *** Modules: Chat
3168  ***/
3170 .nextchatsession {
3171   text-align:center;
3174 #mod-chat-gui_header_js-jsupdate {
3175   margin:10px
3177 #mod-chat-gui_header_js-jsupdate .chat-event,
3178 #mod-chat-gui_header_js-jsupdate .chat-message {
3179   width:100%;
3180   padding:0;
3181   margin-top:7px
3184 #mod-chat-view #chatcurrentusers .chatuserdetails {
3185   vertical-align: middle;
3188 #mod-chat-view #enterlink {
3189   text-align: center;
3190   margin-left: auto;
3191   margin-right: auto;
3192   width: 50%;
3195 .chat-event .picture,
3196 .chat-message .picture {
3197   width:40px;
3198   vertical-align:top;
3200 .chat-event .text,
3201 .chat-message .text {
3202   text-align: left;
3205 #mod-chat-gui_basic #participants ul {
3206   margin:0px;
3207   padding:0px;
3208   list-style-type:none;
3211 #mod-chat-gui_basic #participants ul li {
3212   display:inline;
3213   margin-right:10px;
3216 #mod-chat-gui_basic #participants ul li .userinfo {
3217   display:inline;
3220 #mod-chat-gui_basic #messages dl {
3221   padding:0px;
3222   margin:1px;
3225 #mod-chat-gui_basic #messages dd,
3226 #mod-chat-gui_basic #messages dt {
3227   margin-left:0px;
3228   margin-right:5px;
3229   padding:0px;
3230   display:inline;
3233 /***
3234  *** Modules: Choice
3235  ***/
3236 .button {
3237   text-align:center;
3240 .attemptcell {
3241   width:5px;
3242   white-space: nowrap;
3245 .anonymous,
3246 .names {
3247   margin-left:auto;
3248   margin-right:auto;
3251 .downloadreport {
3252   border:0px;
3253   margin-left:auto;
3254   margin-right:auto;
3257 .choiceresponse {
3258   width:100%;
3260 .choiceresponse .picture {
3261   width:10px;
3262   white-space: nowrap;
3265 .choiceresponse .fullname {
3266   width:100%;
3267   white-space: nowrap;
3271 .results.data {
3272   vertical-align:top;
3273   white-space: nowrap;
3276 /***
3277  *** Modules: Data
3278  ***/
3279 .fieldadd,
3280 .sortdefault,
3281 .defaulttemplate {
3282   text-align:center;
3284 .datapreferences {
3285   text-align:center;
3288 table.presets {
3289   margin-left: auto;
3290   margin-right: auto;
3293 /***
3294  *** Modules: Forum
3295  ***/
3297 .forumheaderlist,
3298 .forumpost {
3299   border-width:1px;
3300   border-style:solid;
3301   border-collapse:separate;
3304 .forumpost {
3305   margin-top: 15px;
3308 .forumpost .topic {
3309   padding: 4px;
3310   border-style:solid;
3311   border-width: 0px;
3312   border-bottom-width: 1px;
3315 .forumpost .commands {
3316   padding-top: 0.5em;
3317   text-align:right;
3318   clear: both;
3321 .forumpost .ratings {
3322   padding-top: 1em;
3323   text-align:right;
3326 .forumpost .attachments {
3327   padding: 7px;
3328   text-align:right;
3331 .forumpost .content {
3332   padding: 4px;
3335 .forumpost .footer {
3336   padding-top: 0.5em;
3337   text-align:right;
3340 .forumpost .link {
3341   padding-top: 0.5em;
3342   text-align:right;
3345 .forumpost .left {
3346   width: 35px;
3347   padding: 4px;
3348   text-align: center;
3349   vertical-align: top;
3352 .mod-forum .indent {
3353   margin-left: 30px;
3356 body#user-view .forumpost,
3357 .course .forumpost {
3358   width: 100%;
3361 body#mod-forum-search .c0 {
3362   text-align: right;
3365 body#mod-forum-search .introcontent {
3366   padding: 15px;
3369 .forumolddiscuss {
3370   text-align: right;
3373 .forumheaderlist {
3374   width: 100%;
3377 .forumheaderlist td {
3378   border-width:1px 0px 0px 1px;
3379   border-style:solid;
3382 .forumheaderlist .replies {
3383   text-align: center;
3384   white-space: nowrap;
3387 .forumheaderlist .picture {
3388   width: 35px;
3391 .forumheaderlist .discussion .starter {
3392   vertical-align: middle;
3395 .forumheaderlist .lastpost {
3396   white-space: nowrap;
3397   text-align: right;
3400 .forumheaderlist .discussion .author {
3401   white-space: nowrap;
3403 .forumolddiscuss {
3404   text-align:right;
3406 .forumaddnew,
3407 .forumnodiscuss,
3408 .noticeboxcontent {
3409   text-align:center;
3412 #mod-forum-view .forumaddnew {
3413   margin-bottom: 20px;
3416 #mod-forum-view .forumcontrol .groupmenu {
3417   float: left;
3418   text-align:left;
3419   white-space: nowrap;
3422 #mod-forum-view .forumcontrol .subscription {
3423   float: right;
3424   text-align:right;
3425   white-space: nowrap;
3428 #mod-forum-index .subscription {
3429   float: right;
3430   text-align:right;
3431   white-space: nowrap;
3434 #mod-forum-view .unread {
3435   padding-left: 3px;
3436   padding-right: 3px;
3438 #mod-forum-discuss .forumpost.unread .content {
3439   border-style: solid;
3440   border-width: 2px;
3442 #mod-forum-discuss .ratingsubmit {
3443   text-align:center;
3444   padding:10px;
3446 #mod-forum-index .unread img,
3447 #mod-forum-view .unread img
3449   margin-left: 5px;
3452 #mod-forum-discuss .discussioncontrols td {
3453   width: 33%;
3454   text-align:center;
3457 #email .unsubscribelink {
3458   margin-top:20px;
3459   border-width: 0px 1px 0px 0px;
3460   border-style: solid;
3461   text-align:center;
3464 /***
3465  *** Modules: Glossary
3466  ***/
3468 .glossarypost .commands {
3469   width: 200px;
3470   white-space: nowrap;
3473 #mod-glossary-comments .glossarypost,
3474 #mod-glossary-comment .glossarypost {
3475   margin-top: 15px;
3478 .entryboxheader {
3479   border-width: 1px 1px 0px 1px;
3480   border-style: solid;
3483 .entrybox {
3484   width: 100%;
3485   border-width: 0px 1px 1px 1px;
3486   border-style: solid;
3489 .entrybox hr {
3490   border-left:none;
3491   border-right:none;
3494 .glossarypost {
3495   width: 95%;
3496   border-width:1px;
3497   border-style:solid;
3498   border-collapse:separate;
3499   margin-left:auto;
3500   margin-right:auto;
3501   margin-bottom: 5px;
3502   text-align: left;
3505 .entrylist {
3506   border-width:0px;
3509 .entrylowersection {
3510   padding-top: 10px;
3513 .entrylowersection table{
3514   width: 100%;
3517 .entrylowersection .aliases {
3518   text-align:center;
3521 .entrylowersection .icons,
3522 .entrylowersection .ratings {
3523   text-align:right;
3524   padding-right: 5px;
3527 .entrylowersection .ratings {
3528   padding-bottom: 2px;
3531 .glossarycategoryheader {
3532   width: 95%;
3533   margin-left:auto;
3534   margin-right:auto;
3537 .glossaryformatheader {
3538   width: 90%;
3541 .glossarypost .entry {
3542   padding: 3px;
3545 .glossarypost .picture {
3546   width: 35px;
3549 .glossarycomment {
3550   border-width:1px;
3551   border-style:solid;
3552   border-collapse:separate;
3553   margin-bottom: 5px;
3554   text-align: left;
3557 .glossarycomment .entry {
3558   padding: 3px;
3561 .glossarycomment .picture {
3562   width: 35px;
3565 .glossarycomment .icons {
3566   text-align: right;
3569 .glossarydisplay {
3570   width: 90%;
3571   margin-left:auto;
3572   margin-right:auto;
3573   text-align:center;
3576 .glossarydisplay .tabs {
3577   width: 100%;
3580 .glossarydisplay .separator {
3581   width: 4px;
3584 .glossarydisplay .tabs .selected,
3585 .glossarydisplay .tabs .inactive,
3586 .glossarydisplay .tabs .general {
3589 .glossaryimportexport {
3590   margin-left:auto;
3591   margin-right:auto;
3592   text-align:center;
3595 .glossarypopup {
3596   width: 95%;
3599 .glossaryapproval {
3600   width: 100%;
3603 .mod-glossary .glossarydisplay .tabs {
3604   margin-bottom: 0px;
3606 .mod-glossary .glossarydisplay .tabs .side {
3607   border-style: none;
3608   border-width: 0px;
3609   width: auto;
3612 .glossaryexplain,
3613 .glossaryaddentry {
3614   text-align: center;
3617 .mod-glossary .tabrow0 {
3618   padding-bottom: 5px;
3621 #mod-glossary-view .glossarycontrol {
3622   float: right;
3623   text-align:right;
3624   white-space: nowrap;
3627 /***
3628  *** Modules: Journal
3629  ***/
3630 #mod-journal-view .lastedit,
3631 #mod-journal-view .editend {
3632   margin: 5px;
3633   text-align: center;
3635 #mod-journal-view .feedbackbox {
3636   width: 75%;
3637   border-collapse: separate;
3639 #mod-journal-view .entrycontent {
3640   padding: 3px;
3642 #mod-journal-view .picture {
3643   width: 35px;
3645 #mod-journal-view .grade {
3646   text-align: right;
3648 #mod-journal-view .info {
3649   margin-bottom: 5px;
3650   text-align: right;
3654 /***
3655  *** Modules: Label
3656  ***/
3658 /***
3659  *** Modules: Lesson
3660  ***/
3661 #mod-lesson-lesson #page .addform {
3662   text-align: center;
3664 #mod-lesson-edit #page .label {
3665   font-weight: bold;
3667 #mod-lesson-edit #page .labelcorrect {
3668   text-decoration: underline;
3669   font-weight: bold;
3671 .lessonmediafilecontrol {
3672   text-align: center;
3673   margin-left: auto;
3674   margin-right: auto;
3678 /***
3679  *** Modules: Quiz
3680  ***/
3682 #mod-quiz-view .quizinfo {
3683   text-align: center;
3685 #mod-quiz-view #page .quizgradefeedback,
3686 #mod-quiz-view #page .quizattempt
3688   text-align: center;
3691 .generalbox#passwordbox { /* Should probably match .generalbox#intro above */
3692   width:70%;
3693   margin-left:auto;
3694   margin-right:auto;
3696 #passwordform {
3697   margin: 1em 0;
3699 #mod-quiz-attempt #page {
3700   text-align: center;
3702 #mod-quiz-attempt .pagingbar {
3703   margin: 1.5em auto;
3706 body#question-preview .quemodname,
3707 body#question-preview .controls
3709   text-align: center;
3711 body#question-preview .quemodname, body#question-preview .controls {
3712   text-align: center;
3715 #mod-quiz-review #page .controls {
3716   text-align: center;
3717   margin: 1.5em auto;
3719 #mod-quiz-review .pagingbar {
3720   margin: 1.5em auto;
3722 #mod-quiz-review .pagingbar {
3723   margin: 1.5em auto;
3725 table.quizreviewsummary {
3726   margin-bottom: 1.8em;
3727   width: 100%;
3729 table.quizreviewsummary tr {
3731 table.quizreviewsummary th.cell {
3732   padding: 1px 0.5em 1px 1em;
3733   font-weight: bold;
3734   text-align: right;
3735   width: 10em;
3737 table.quizreviewsummary td.cell {
3738   padding: 1px 1em 1px 0.5em;
3741 #mod-quiz-mod #reviewoptionshdr .fitem {
3742     float: left;
3743     width: 30%;
3744     margin-left: 10px;
3745     clear: none;
3747 #mod-quiz-mod #reviewoptionshdr .fitemtitle {
3748     width: 100%;
3749     font-weight: bold;
3750     text-align: left;
3751     height: 2.5em;
3752  margin-left: 0;
3754 #mod-quiz-mod #reviewoptionshdr fieldset.fgroup {
3755     width: 100%;
3756     text-align: left;
3757  margin-left: 0;
3759 #mod-quiz-mod #reviewoptionshdr fieldset.fgroup span {
3760     float: left;
3761     clear: left;
3764 #mod-quiz-edit #page .controls,
3765 #mod-quiz-edit #page .attemptsnotice
3767   text-align: center;
3769 #mod-quiz-edit .quizquestions h2 {
3770   margin-top: 0;
3772 #mod-quiz-edit #showbreaks {
3773   margin-top: 0.7em;
3775 .quizquestionlistcontrols {
3776   text-align: center;
3779 body#mod-quiz-report table#attempts,
3780 body#mod-quiz-report table#commands,
3781 body#mod-quiz-report table#itemanalysis
3783   width: 80%;
3784   margin: auto;
3786 body#mod-quiz-report table#attempts,
3787 body#mod-quiz-report h2.main {
3788   clear: both;
3790 body#mod-quiz-report table#attempts {
3791   margin: 20px auto;
3793 body#mod-quiz-report table#attempts .header,
3794 body#mod-quiz-report table#attempts .cell
3796   padding: 4px;
3798 body#mod-quiz-report table#attempts .header .commands {
3799   display: inline;
3801 body#mod-quiz-report table#attempts .picture {
3802   width: 40px;
3804 body#mod-quiz-report table#attempts td {
3805   border-left-width: 1px;
3806   border-right-width: 1px;
3807   border-left-style: solid;
3808   border-right-style: solid;
3809   vertical-align: middle;
3811 body#mod-quiz-report table#attempts .header {
3812   text-align: left;
3814 body#mod-quiz-report table#attempts .picture {
3815   text-align: center !important;
3817 body#mod-quiz-report .controls {
3818   text-align: center;
3821 /***
3822  *** Modules: Resource
3823  ***/
3825 #mod-resource-view .resourcecontent {
3826   text-align:center;
3827   margin:20px;
3830 #mod-resource-view .resourcepdf {
3831   width: 100%;
3832   padding-top: 15px;
3833   text-align: center
3834   }
3836 .resourcecontent object {
3837     height:480px;
3838     width:600px;
3841 .resourcepdf object{
3842     height: 800px;
3843     width: 800px;
3846 .mod-resource .modified {
3847   text-align:center;
3850 .mod-resource .popupnotice {
3851   text-align:center;
3852   margin:40px;
3855 .ims-nav-bar {
3856   position: relative;
3857   padding:0.1em;
3860 .ims-nav-button a,
3861 .ims-nav-dimmed {
3862   padding-left:1em;
3863   padding-right:1em;
3866 #ims-containerdiv {
3867   margin-top:0.2em;
3870 #ims-menudiv {
3871   position:absolute;
3872   width:250px;
3873   overflow:auto;
3876 #ims-menudiv ol {
3877   list-style-type:none;
3878   margin:0px;
3879   padding-left:1em;
3882 #ims-contentframe {
3883   position:absolute;
3884   left:260px;
3885   border:1px solid;
3886   width:640px;
3887   height:480px;
3890 #ims-contentframe-no-nav {
3891   position:absolute;
3892   border:1px solid;
3893   width:640px;
3894   height:480px;
3897 #mod-resource-view div#footer {
3898   margin-top: 5px;
3901 /***
3902  *** Modules: Scorm
3903  ***/
3905 /***
3906  *** Modules: Survey
3907  ***/
3908 .resultgraph {
3909   text-align:center;
3910   border:1px solid;
3913 .reportsummary,
3914 .studentreport,
3915 .reportbuttons {
3916   text-align:center;
3919 .centerpara {
3920   text-align:center;
3923 .fullnamecell {
3924   width:10%;
3925   vertical-align:top;
3926   white-space: nowrap;
3929 .questiontext {
3930   font-size:1em;
3933 .smalltext {
3934   font-size:0.6em;
3937 .smalltextcell,
3938 .screenreadertext {
3939   width:10%;
3940   text-align:center;
3943 .foundthat,
3944 .preferthat {
3945   width:10%;
3946   white-space: nowrap;
3949 .qnumtopcell {
3950   width:10px;
3951   vertical-align:top;
3954 .qnummiddlecell {
3955   width:10px;
3956   vertical-align:middle;
3959 .optioncell {
3960   width:40%;
3961   vertical-align:middle;
3964 .buttoncell {
3965   width:5%;
3968 .questioncell {
3969   width:50%;
3970   vertical-align:top;
3973 .whitecell {
3974   background-color:white;
3976 /***
3977  *** Modules: Wiki
3978  ***/
3979 .sideblockheading,
3980 .howtowiki {
3981   text-align:right;
3984 .wikisearchform,
3985 .wikilinksblock,
3986 wikiadminactions {
3987   text-align:center;
3990 .wikilinkright{
3991   text-align:right;
3992   padding-bottom: 0.5em;
3995 .wikiexportbox{
3996   margin-left:auto;
3997   margin-right:auto;
3999 /***
4000  *** Modules: Workshop
4001  ***/
4002 .redfont {
4003   color: red;
4006 .workshopuploadform,
4007 .workshopkey {
4008   text-align:center;