808044dad8b534408cf891d5cd6d41423be1aa43
[moodle.git] / theme / standard / styles_layout.css
1 /*******************************************************************
2  styles_layout.css
4  This CSS file contains all layout definitions like positioning,
5  floats, margins, padding, borders etc.
7  Styles are organised into the following sections:
8   core
9   forms
10   header
11   footer
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
29   various modules
31 *******************************************************************/
34 /***
35  *** Core
36  ***/
38 h1.main,
39 h2.main,
40 h3.main,
41 h4.main,
42 h5.main,
43 h6.main {
44   text-align: center;
45 }
47 #layout-table {
48   width:100%;
49   border-collapse:separate;
50   margin-top: 8px;
51 }
53 #layout-table #left-column,
54 #layout-table #middle-column,
55 #layout-table #right-column
56 {
57   vertical-align:top;
58 }
60 #layout-table #middle-column {
61   padding-left:12px;
62   padding-right:12px;
63 }
65 .clearer {
66   clear:both;
67   margin:0;
68   padding:0;
69   height:1px;
70   border:none;
71   background:transparent;
72   display:block;
73 }
75 .clearfix {
76   min-width: 0;
77   /* overflow: hidden; */
78 }
80 .clearfix:after {
81   /* content: "<!-- -->";  */
82   content: ".";
83   display: block;
84   height: 0;
85   clear: both;
86   visibility: hidden;
87 }
89 /* .clearfix {display: inline-table;} */
91 /* Hides from IE-mac \*/
92 * html .clearfix {height: 1%;}
93 .clearfix {display: block;}
94 /* End hide from IE-mac */
96 .mdl-align {
97   text-align: center;
98 }
100 .continuebutton {
101   text-align: center;
104 form {
105   margin-bottom:0;
108 table {
109   border-spacing: 0;
110   border-collapse: collapse;
113 a img {
114   border:none;
117 img.userpicture,
118 img.grouppicture {
119   border: 0;
122 #grouppicture {
123   text-align: center;
126 div.groupselector {
127   float: left;
128   margin-top: 3px;
129   margin-bottom: 3px;
132 #addmembersform table {
133   margin-left: auto;
134   margin-right: auto;
137 .notifyproblem {
138   text-align: center;
139   padding: 10px;
142 .notifysuccess {
143   text-align:center;
144   padding: 10px;
147 .notifytiny {
148   text-align:left;
149   padding: 0;
152 .singlebutton form,
153 .singlebutton div {
154   display:inline;
157 .box {
158   clear: both;
161 .generalbox {
162   border-width:1px;
163   border-style:solid;
164   margin-bottom: 15px;
165   padding:10px;
168 .generalbox#intro {
169   width:70%;
170   margin-left:auto;
171   margin-right:auto;
172   padding-bottom:15px;
175 .boxaligncenter {
176   margin-left:auto;
177   margin-right:auto;
180 .boxalignright {
181   margin-left:auto;
182   margin-right:0;
185 .boxalignleft {
186   margin-left:0;
187   margin-right:auto;
190 .boxwidthnarrow {
191   width: 30%
194 .boxwidthnormal {
195   width: 50%
198 .boxwidthwide {
199   width: 80%
202 .centerpara {
203   text-align:center
206 .noticebox {
207   border-width:1px;
208   border-style:solid;
209   padding:10px;
212 #notice.generalbox {
213   width: 60%;
214   margin-left:auto;
215   margin-right:auto;
218 #notice .buttons {
219   text-align:center
222 #notice .buttons div,
223 #notice .buttons form {
224   display:inline;
227 #notice .singlebutton {
228   text-align:center;
229   padding: 5px;
230   margin: 0px;
233 .errorbox {
234   border-width:1px;
235   border-style:solid;
236   margin: 1em 15%;
237   width: 70%;
238   padding:10px;
241 .errorbox .title {
242   padding: 5px;
245 .informationbox {
246   border-width:1px;
247   border-style:solid;
248   padding: 10px;
251 .feedbackbox {
252   border-width:1px;
253   border-style:solid;
256 .feedbackby {
259 .feedback {
262 .rsslink {
263   padding:  0 0 0 0.3em;
266 .printicon {
267   padding:  0 0 0 0.3em;
270 .generaltable {
271   border-width: 1px;
272   border-style: solid;
275 .generaltable .cell {
276   border-width: 1px;
277   border-style: solid;
278   border-collapse: collapse;
281 #participationreport .reporttable {
282   text-align: center;
283   margin-left:auto;
284   margin-right:auto;
287 #participationreport {
288   text-align: center;
291 #participationreport .modulename {
292   font-weight: bold;
295 #participationreportselector {
296   text-align: center;
299 #participationreportactions {
300   text-align: center;
303 .initialbar {
304   text-align: center;
307 #help .indent {
308   margin-left:3em;
311 .closewindow,
312 #help .helpindex {
313   text-align: center;
316 .tabledivider {
317   border-width:1px;
318   border-style:solid;
319   border-left:0;
320   border-right:0;
321   border-top:0;
324 .sitetopic {
325   margin-bottom:20px;
328 .sitetopiccontent {
329   border-width:1px;
330   border-style:solid;
333 .pagingbar {
334   text-align:center;
337 .pagingbar a {
338   padding-left: 10px;
341 .pagingbar .thispage {
342   padding-left: 10px;
345 table.formtable {
346   margin: auto;
349 table.formtable tbody th {
350   vertical-align: top;
353 table.formtable tbody td,
354 table.formtable tbody th
356   padding: 5px;
359 table.formtable tbody .htmlarea td,
360 table.formtable tbody .htmlarea th
362   padding: 0;
365 .flexible th
367   white-space: nowrap;
370 .paging {
371   text-align: center;
372   margin: 10px 0 10px 0;
375 .unread {
376   padding-right:2px;
379 .cell {
380   vertical-align: top;
383 .helplink img {
384   vertical-align: middle;
385   margin: 0 2px;
386   width: 17px;
387   height: 17px;
390 img.emoticon {
391   vertical-align: middle;
392   width: 15px;
393   height: 15px;
396 form.popupform,
397 form.popupform div {
398   display: inline;
401 form.popupform label {
402   margin-right: 0.5em;
405 .arrow_button {
406   margin-top:3em;
409 .arrow_button input {
410   width:2.4em;
411   padding:0.3em;
412   overflow:hidden;
415 .groupmanagementtable td {
416   vertical-align: top;
419 .groupmanagementtable p {
420   text-align: center;
423 .groupmanagementtable select {
424   width: 18em;
427 #group-groupings .buttons {
428   margin: 20px;
429   text-align:center;
432 #group-groupings .buttons .singlebutton {
433   display: inline;
434   padding: 5px;
437 #group-usersummary {
438   width: 14em;
441 img.icon {
442   vertical-align:middle;
443   /*margin-right:4px;*/
444   width:16px;
445   height:16px;
446   border:0px;
449 img.iconsmall {
450   vertical-align:middle;
451   margin-right:1px;
452   width:11px;
453   height:11px;
454   border:0px;
457 img.iconhelp {
458   vertical-align:middle;
459   margin-right:4px;
460   width:17px;
461   height:17px;
462   border:0px;
465 img.iconkbhelp {
466   width:49px;
467   height:17px;
468   border:0px;
471 /*Accessibility: text 'seen' by screen readers but not visual users. Fixed for RTL languages, example Farsi. */
472 .accesshide {
473   position:absolute;
474   top:-100000px;
475   left:10px;
476   font-weight:normal;
477   font-size:1em;
480 .invisiblefieldset {
481   display:inline;
482   border:0px;
483   padding:0px;
484   margin:0px;
487 span.hide,
488 div.hide {
489   display:none;
492 /***
493  *** Forms
494  ***/
496 .mform {
497   margin: 0 auto;
498   padding: 0;
499   width: 80%;
501 .mform fieldset {
502   border: 1px solid #DDDDDD;
503   padding: 10px 0;
504   margin: 0.7em 0;
505   width:100%;
507 .mform fieldset.hidden, .mform fieldset.felement {
508   border: 0;
510 .mform fieldset.felement {
511   width: auto;
513 .mform fieldset legend {
514   font-weight: bold;
515   margin-left: 0.5em;
517 .mform fieldset .advancedbutton{
518    width:100%;
519    text-align:right;
521 .mform div.fitem {
522   clear: both;
523   width: 100%;
524   min-height: 1.5em;
527 .mform .fitemtitle {
528   display: block;
529   float: left;
530   width: 30%;
531   padding: 0;
532   margin: 5px 0 0 10px;
533   text-align: right;
536 .mform .fitemtitle div{
537   display: inline;
540 div.fitem fieldset.fgroup label, div.fradio label,  div.fcheckbox label,
541 fieldset.fdate_selector label {
542   display:inline;
543   float: none;
544   width: auto;
547 .mform div.felement,  .mform fieldset.felement{
548   display: block;
549   float: left;
550   margin: 5px 0 0 10px;
551   padding: 0;
552   text-align:left;
553   width: 60%;
556 .mform div.fdescription {
557   clear: both;
558   min-height: 1.5em;
561 .mform .fdescription.required {
562   text-align:right;
565 .mform input, .mform select {
566   width: auto;
568 .mform .ftextarea #id_alltext {
569     width: 100%;
571 .mform br {
572   clear: left;
574 .mform div.fhtmleditor {
575   margin: 0 auto 10px auto;
576   width : 600px;
577   clear:both;
578   float:none;
579   padding: 25px 0 20px 0;
581 .mform span.error, .mform span.required {
582   color: red;
584 .mform div.error,.mform fieldset.error {
585   border: 1px solid red;
586   padding: 5px;
587   color: inherit;
589 .mform .fcheckbox input {
590   margin-left: 0px;
592 .mform .fpassword .unmask {
593   display:inline;
595 .mform .fpassword .unmask input {
596   margin-left:5px;
597   margin-right:3px;
600 .mform label .req, .mform label .adv {
601   cursor: help;
604 /* form frozen */
605 div.mform div.fitem div.fstatic{
606  border-color : #D3D3D3;
607  border-style : dashed;
608  border-width : thin;
611 #admin-register .mform .fsubmit {
612   padding:20px;
613   text-align:center;
616 div.phpinfo .center{
617   text-align: center;
620 div.phpinfo .center table {
621   margin-left: auto;
622   margin-right: auto;
623   text-align: left;
626 div.phpinfo .center th {
627   text-align: center;
630 .backup-form-instances {
631    margin:0px 20px 0px 20px;
633 .restore-form-instances {
634    margin:0px 20px 0px 20px;
638 /***
639  *** Header
640  ***/
642 #header-home {
645 #header {
648 .headermain, h1.headermain {
649   float:left;
650   margin:0;
651   padding:0;
654 .headermenu {
655   float:right;
656   text-align:right;
659 .navigation li,
660 .navigation div,
661 .navigation button,
662 .navigation form {
663   display: inline;
666 .navbar {
667   width:auto;
668   padding:3px 0.5em;
669   border-width:1px;
670   border-style:solid;
673 .navbar .langmenu {
674   text-align:right;
677 table.navbar {
678   width: 100%;
681 .navbar .navbutton {
682   margin-top: 3px;
683   float: left;
686 .navbar .navbutton div,
687 .navbar .navbutton form {
688   display:inline;
689   margin:0px;
690   padding:0px;
693 .navbar .breadcrumb {
694   float:left;
695   margin:0.2em 0;
698 .breadcrumb ul {
699   padding:0;
700   margin:0;
701   text-indent:0;
702   list-style:none;
704 .breadcrumb li {
705   display:inline;
708 .navbar .navbutton,
709 .navbar .menu {
710   float:right;
713 #footer .navbar {
714   margin-top: 4em;
717 .reportlink {
718   text-align:right;
721 .navigation {
722   margin-bottom: 4px;
725 .navigation ul {
726   margin:0px;
727   padding:0px;
728   list-style-type:none;
731 .navigation ul li form,
732 .navigation ul li {
733   display:inline;
734   margin:0px;
735   padding:0px;
736   margin-left:2px;
739 .navigation ul li form fieldset,
740 .navigation ul li form div select {
741   vertical-align: middle;
744 .navigation optgroup {
745   text-align:center;
746   padding-top:4px;
749 .navigation option {
750   text-align:left;
753 .navigation optgroup option {
754   padding:0px;
757 #navmenupopup option,
758 #navmenufooterpopup option {
759   padding: 2px 0 2px 20px;
760   background-repeat: no-repeat;
761   background-position: 1px 2px;
762   vertical-align: middle;
765 /***
766  *** Footer
767  ***/
769 #footer {
770   text-align:center;
771   margin-top: 40px;
774 .homelink {
775   margin: 1em 0;
778 .homelink a {
779   padding-left:1em;
780   padding-right:1em;
783 .sitelink {
784   padding-top:1em;
787 .performanceinfo {
788   margin: 2em;
791 .performanceinfo span {
792   display: block;
795 #footer .validators {
796   margin-top:40px;
797   padding-top:5px;
798   border-top: 1px dotted gray;
801 #footer .validators ul {
802   margin:0px;
803   padding:0px;
804   list-style-type:none;
807 #footer .validators ul li {
808   display:inline;
809   margin-right:10px;
810   margin-left:10px;
813 /***
814  *** Filters
815  ***/
816 span.mediaplugin {
817   display:block;
818   clear:both;
819   margin-top:5px;
820   margin-bottom:5px;
823 span.mediaplugin_mp3 {
824   display:inline;
825   clear:none;
826   margin:0px;
827   margin-left:0.5em;
831 /***
832  *** Admin
833  ***/
835 body#admin-index .c0 {
836   vertical-align: top;
839 body#admin-index .c1 {
840   vertical-align: middle;
843 body#admin-blocks table.generaltable th,
844 body#admin-filters table.generaltable th,
845 body#admin-modules table.generaltable th,
846 body#admin-auth table.generaltable th
848   white-space: nowrap;
851 body#admin-modules .generaltablecell
853   padding-top: 2px;
854   padding-bottom: 2px;
857 body#admin-blocks table.generaltable th,
858 body#admin-blocks table.generaltable td.cell,
859 body#admin-filters table.generaltable th,
860 body#admin-filters table.generaltable td.cell,
861 body#admin-modules table.generaltable th,
862 body#admin-modules table.generaltable td.cell,
863 body#admin-auth table.generaltable th,
864 body#admin-auth table.generaltable td.cell
866   padding: 4px;
867   text-align: center;
868   vertical-align: middle;
871 body#admin-blocks table.generaltable th.c0,
872 body#admin-blocks table.generaltable td.c0,
873 body#admin-filters table.generaltable th.c0,
874 body#admin-filters table.generaltable td.c0,
875 body#admin-modules table.generaltable th.c0,
876 body#admin-modules table.generaltable td.c0,
877 body#admin-auth table.generaltable th.c0,
878 body#admin-auth table.generaltable td.c0
880   text-align: left;
883 body#admin-modules table.generaltable td.c0
885   white-space: nowrap;
888 #admin-blocks
889 #admin-config .confighelp {
890   display: block;
891   padding-bottom: 20px;
894 #admin-roles-manage table.generalbox {
895   margin: auto;
898 #admin-stickyblocks .generalbox {
899   text-align:center;
902 #admin-index .copyrightnotice {
903   margin: auto;
904   text-align: center;
907 #admin-report-simpletest-index .exception pre {
908   padding: 8px;
911 #admin-report-simpletest-index .unittestsummary {
912   padding: 8px;
913   margin-top: 1em;
916 #admin-roles-allowassign .buttons,
917 #admin-roles-allowoverride .buttons,
918 #admin-roles-manage .buttons,
919 #admin-roles-override .buttons {
920   margin: 20px;
921   text-align:center;
924 #admin-roles-manage .buttons .singlebutton,
925 #admin-roles-override .buttons .singlebutton {
926   display: inline;
927   padding: 5px;
930 #admin-roles-manage .selector,
931 #admin-roles-assign .selector,
932 #admin-roles-override .selector {
933   text-align:center;
934   margin-bottom:1em;
937 #admin-roles-manage table.roledesc,
938 #admin-roles-override table.roledesc {
939   margin-left:auto;
940   margin-right:auto;
943 #admin-roles-manage table.rolecap,
944 #admin-roles-override table.rolecap {
945   margin-left:auto;
946   margin-right:auto;
949 .rolecap .inherit,
950 .rolecap .allow,
951 .rolecap .prevent,
952 .rolecap .prohibit {
953   text-align:center;
956 #admin-roles-manage .rolecap .cap-desc .cap-name,
957 #admin-roles-override .rolecap .cap-desc .cap-name {
958   display: block;
961 #admin-roles-override .cell.c1,
962 #admin-roles-assign .cell.c3,
963 #admin-roles-assign .cell.c1 {
964   padding-top: 0.75em;
967 #admin-lang .generalbox {
968   text-align:center;
969   margin:auto;
970   border-width: 1px;
971   border-style: solid;
974 #admin-langimport .generalbox {
975   text-align:center;
976   margin:auto;
977   border-width: 1px;
978   border-style: solid;
981 #admin-langimport .generalbox table {
982   text-align:center;
983   margin:auto;
986 #admin-index .adminwarning {
987   text-align:center;
988   border-width: 1px;
989   border-style: solid;
990   margin:20px;
993 #admin-index .adminwarning .singlebutton,
994 #admin-index #layout-table .singlebutton {
995   text-align:center;
996   margin:20px;
999 #admin-user-user_bulk #users .fgroup {
1000   white-space: nowrap;
1003 .plugincompattable caption {
1004   text-align: center;
1005   width: 100%;
1006   font-weight: bold;
1007   font-size: 130%;
1010 .plugincheckwrapper td{
1011   border: 1px #bbbbbb solid;
1014 .plugincheckwrapper{
1015     width: 100%;
1017 /* Admin settings */
1018 #adminsettings div.form-item {
1019   clear: both;
1020   margin: 1em 0 2em 0;
1023 #adminsettings .form-label {
1024   display: block;
1025   float: left;
1026   width: 12.5em;
1027   text-align: right;
1030 #adminsettings .form-shortname {
1031   display: block;
1034 #adminsettings .form-setting {
1035   display: block;
1036   margin-left: 13em;
1037   text-align: left;
1040 #adminsettings .form-defaultinfo {
1041   display: inline;
1044 #adminsettings .defaultsnext {
1045   margin-right: 0.5em;
1046   display: inline;
1049 #adminsettings .form-description {
1050   display: block;
1051   margin: 0.5em 0 0em 13em;
1052   text-align: left;
1055 #adminsettings fieldset {
1056   margin-top: 1em;
1057   padding: 1em 0.5em;
1060 #adminsettings legend {
1061   display: none;
1064 #adminsettings fieldset.error {
1065   margin: 0.2em 0 0.5em 0;
1066   padding: 0.5em 0 0 0;
1069 #adminsettings fieldset.error legend {
1070   display: block;
1073 #adminsettings .form-multicheckbox li {
1074   list-style: none;
1077 #adminsettings .form-multicheckbox ul {
1078   padding:0;
1079   margin:0;
1082 #adminsettings .form-item .pathok,
1083 #adminsettings .form-item .patherror {
1084   margin-left: 0.5em;
1087 #adminsettings .form-htmlarea {
1088   width:  640px;
1091 .environmentbox {
1092   margin-top: 1em;
1095 .form-buttons {
1096   margin: 10px 0 0 13em;
1099 .adminsearchform {
1100   padding-top:10px;
1103 .block_admin_tree .admintree {
1104   text-align:left;
1107 .block_admin_tree .admintree .depth1 {
1108   padding-left: 16px;
1111 .block_admin_tree .admintree .depth2 {
1112   padding-left: 32px;
1115 .block_admin_tree .admintree .depth3 {
1116   padding-left: 48px;
1119 .block_admin_tree .admintree .depth4 {
1120   padding-left: 64px;
1123 #admin-lang .translator {
1124   border-width: 1px;
1125   border-style: solid;
1128 #adminsettings #admin-calendar_weekend table {
1129   width: 100%;
1132 #adminsettings #admin-calendar_weekend table td {
1133   text-align: center;
1136 #adminsettings #admin-calendar_weekend table td label {
1137   width: 100%;
1138   text-align: center;
1139   float: none;
1142 #trustedhosts .generaltable {
1143   margin-left: auto;
1144   margin-right: auto;
1145   width: 500px;
1148 #trustedhosts .standard {
1149   width: auto;
1152 #mnetconfig table {
1153   margin-left: auto;
1154   margin-right: auto;
1157 #admin-report-courseoverview-index .graph,
1158 #course-report-stats-index .graph,
1159 #admin-report-stats-index .graph {
1160   text-align: center;
1161   margin-bottom: 1em;
1164 #admin-uploaduser table#uuresults {
1165   margin-bottom: 2em;
1168 #admin-uploaduser table#uupreview,
1169 #admin-uploaduser table#uuresults td.cell {
1170   padding-left: 3px;
1171   padding-right: 3px;
1174 /***
1175  *** Blocks
1176  ***/
1178 /*Accessibility: Skip block link, for keyboard-only users. */
1179 a.skip-block, a.skip {
1180   position: absolute;
1181   top: -1000em;
1182   font-size: 0.85em;
1184 a.skip-block:focus, a.skip-block:active,
1185 a.skip:focus, a.skip:active {
1186   position: static;
1187   display: block;
1189 .skip-block-to, #maincontent {
1190   display: block;
1191   height: 1px;
1194 .sideblock {
1195   margin-bottom:1em;
1196   width: 100%;
1199 .sideblock .header, .sideblock h2.header {
1200   text-align: left;
1201   margin:0;
1202   padding:4px;
1203   padding-top:0;
1204   border-width: 1px;
1205   border-style: solid;
1206   border-bottom: none;
1208 .sideblock h2 {
1209   margin:0;
1210   padding:0;
1213 .sideblock .header .hide-show-image {
1214   float:right;
1215   height:11px;
1216   width:11px;
1217   margin-top:0.25em;
1220 .sideblock .header .commands {
1221   margin-top: 0.3em;
1222   clear: both;
1223   height: 16px;
1226 .sideblock .header .commands a {
1227   margin: 0px 2px;
1230 #left-column .hidden .header,
1231 #right-column .hidden .header
1233   border-bottom-width: 1px;
1234   border-bottom-style: solid;
1237 #left-column .hidden .content,
1238 #right-column .hidden .content
1240   display: none;
1243 .sideblock .header .icon.hide,
1244 .sideblock .header .icon.edit {
1245   margin-right: 6px;
1248 .sideblock .content {
1249   padding: 4px;
1250   border-width: 1px;
1251   border-style: solid;
1254 .sideblock .content h3,
1255 .sideblock .content h2 {
1256   text-align: left;
1259 .sideblock .content h2 {
1260   margin:1.5em 0 0;
1261   padding:0;
1264 .sideblock .content .head {
1265   margin-top: 10px;
1268 .sideblock .content hr {
1269   height:1px;
1270   margin-top:4px;
1271   margin-bottom:4px;
1272   border:none;
1273   border-top:1px solid;
1276 .sideblock div.column {
1277   margin:0px;
1278   margin-right:4px;
1279   padding:0px;
1282 .sideblock div.column.c0 {
1283   float: left;
1286 .sideblock div.column.c1 {
1287   display: inline;
1290 .sideblock .content .c0 img.icon {
1291   margin:0px;
1294 .sideblock .content .list, .unlist, .inline-list {
1295   list-style:none;
1296   padding:0;
1297   margin:0;
1300 .sideblock .content .list {
1301   width: 100%;
1304 .sideblock .content .list li {
1305   clear: left;
1308 .sideblock .content .inline-list li, .inline-list li {
1309   display: inline;
1312 .sideblock .content ul.list li.listentry {
1313   clear:both;
1316 .sideblock .content div.info {
1317   text-align:center;
1320 .sideblock .footer {
1321   margin-bottom: 4px;
1322   text-align:center;
1323   clear:both;
1326 .sideblock img.userpicture {
1327   width:16px;
1328   height:16px;
1329   margin-right:4px;
1332 .blockconfigtable {
1333   margin-top: 0;
1334   margin-right: auto;
1335   margin-left: auto;
1338 .blockconfigtable td.label {
1339   text-align: right;
1340   width: 50%;
1343 .blockconfigtable td.value {
1344   text-align: left;
1345   width: 50%;
1348 .blockconfigtable td.submit {
1349   text-align: center;
1352 .blockconfiginstancecontent .tabs {
1353   margin-bottom: 0px;
1354   margin-left: auto;
1355   margin-right: auto;
1358 .block_adminblock {
1359   width: 180px;
1362 .block_messages .content {
1363   text-align:left;
1364   font-size:0.75em;
1365   padding-top:5px;
1368 .block_recent_activitysideblock .h3 {
1369   padding-top:5px;
1372 .block_online_users .listentry div.user,
1373 .block_messages .listentry div.user {
1374   float:left;
1377 .block_online_users .listentry div.message,
1378 .block_messages .listentry div.message {
1379   float:right;
1382 .block_course_list .footer {
1383   margin-top: 5px;
1386 #rssfeeds {
1387   margin-left: auto;
1388   margin-right: auto;
1391 #block_rss {
1392   text-align: center;
1395 .block_search_forums .invisiblefieldset {
1396   display: block;
1399 .block_tag_youtube .youtube-thumb {
1400   padding: 3px;
1401   padding-bottom: 0.5em;
1402   display: block;
1403   float: left;
1405 .block_tag_youtube .yt-video-entry li {
1406   clear: left;
1409 .block_tag_flickr .flickr-photos {
1410  padding:3px;
1413 /***
1414  *** Blogs
1415  ***/
1416 .addbloglink {
1417   text-align: center;
1420 .blogpost .audience {
1421   text-align: right;
1424 .blogpost .tags {
1425   margin-top: 15px;
1429 /***
1430  *** Calendar
1431  ***/
1433 #calendar {
1434   width: 100%;
1435   border-spacing: 5px;
1436   border-collapse: separate;
1439 #calendar h2,
1440 #calendar h3
1442   text-align: center;
1444 #calendar .sideblock h2 {
1445   text-align: left;
1448 #calendar .maincalendar,
1449 #calendar .sidecalendar
1451   vertical-align: top;
1452   border: 1px solid;
1453   padding: 0px;
1456 #calendar .maincalendar {
1457   height: 100%;
1460 #calendar .maincalendar .heightcontainer {
1461   height: 100%;
1462   position: relative;
1465 #calendar .maincalendar .bottom {
1466   width: 100%;
1467   text-align: center;
1468   padding:5px 0 0;
1471 #calendar .sidecalendar {
1472   width: 25%;
1475 #calendar .maincalendar table.calendarmonth {
1476   border-collapse: separate;
1477   margin: 0px auto;
1478   width: 98%;
1481 #calendar .maincalendar table.calendarmonth th {
1482   padding:10px;
1483   border-bottom:2px solid;
1486 #calendar .maincalendar table.calendarmonth td {
1487   height: 5em;
1488   padding-left: 4px;
1489   padding-top: 4px;
1490   line-height:1.2em;
1493 #calendar .maincalendar table.calendarmonth td,
1494 table.minicalendar td,
1495 table.minicalendar th {
1496   width:14%;
1497   vertical-align:top;
1499 table.minicalendar td {
1500   text-align: center;
1502 #calendar .maincalendar table.calendarmonth td table td {
1503   height: auto;
1506 #calendar div.header
1508   padding: 5px;
1511 #calendar .sideblock div.header
1513   border:none;
1516 #calendar .maincalendar .buttons {
1517   float: right;
1520 #calendar .maincalendar .filters table,
1521 #calendar .sidecalendar .filters table,
1522 .sideblock.block_calendar_month .filters table
1524   border-collapse:separate;
1525   border-spacing: 2px;
1526   padding: 2px;
1527   width: 100%;
1530 #calendar .maincalendar .filters {
1531   padding: 0px 10px;
1534 #calendar .sidecalendar .filters {
1535   padding: 5px;
1538 #calendar .maincalendar .controls {
1539   clear:both;
1540   padding:10px;
1543 #calendar .maincalendar table.calendarmonth ul.events-new,
1544 #calendar .maincalendar table.calendarmonth ul.events-underway
1546   padding:0px;
1547   margin:0px;
1548   list-style-type:none;
1551 #calendar .maincalendar table.calendarmonth ul li {
1552   margin-top: 4px;
1555 .minicalendarblock {
1556   padding: 0px 4px;
1559 table.minicalendar {
1560   width: 100%;
1561   margin: 10px auto;
1562   padding:2px;
1563   border-width:1px;
1564   border-style:solid;
1565   border-collapse:separate;
1566   border-spacing:1px !important;
1569 table.minicalendar th {
1570   padding: 0px 2px;
1573 #calendar .maincalendar .eventlist {
1574   padding: 10px;
1577 #calendar .maincalendar .eventlist .topic {
1578   padding: 5px;
1579   border-style:solid;
1580   border-width: 0px;
1581   border-bottom-color: #EEEEEE;
1582   border-bottom-width: 1px;
1585 #calendar .maincalendar .eventlist .event {
1586   width:100%;
1587   margin-bottom:10px;
1588   border-spacing:0px;
1589   border-collapse:separate;
1590   border-width:1px;
1591   border-style:solid;
1594 #calendar .maincalendar .eventlist .event .name {
1595   float:left;
1598 #calendar .maincalendar .eventlist .event .course {
1599   float:left;
1600   clear:left;
1603 #calendar .maincalendar .eventlist .event .date {
1604   float:right;
1607 #calendar .maincalendar .eventlist .event .description .commands {
1608   width:100%;
1611 #calendar .maincalendar .eventlist .event .description {
1612   padding:5px;
1615 #calendar .maincalendar .eventlist .event .picture {
1616   padding:8px;
1619 #calendar .maincalendar .eventlist .event .side {
1620   width:32px;
1623 #calendar #selecteventtype table {
1624   margin:auto;
1627 #calendar .event_global,
1628 #calendar .event_course,
1629 #calendar .event_group,
1630 #calendar .event_user,
1631 .minicalendar .event_global,
1632 .minicalendar .event_course,
1633 .minicalendar .event_group,
1634 .minicalendar .event_user {
1635   border:2px solid !important;
1638 #calendar .duration_global,
1639 #calendar .duration_course,
1640 #calendar .duration_group,
1641 #calendar .duration_user,
1642 .minicalendar .duration_global,
1643 .minicalendar .duration_course,
1644 .minicalendar .duration_group,
1645 .minicalendar .duration_user
1647   border-top:2px solid !important;
1648   border-bottom:2px solid !important;
1651 #calendar .today,
1652 .minicalendar .today {
1653   border:2px solid;
1656 #calendar .nottoday,
1657 .minicalendar .today {
1658   border:1px solid;
1661 .cal_popup_bg {
1662   padding:0px;
1663   margin:0px;
1664   border:1px solid;
1667 .cal_popup_close {
1668   margin-right:5px;
1671 .cal_popup_caption {
1672   border-width:0px 0px 1px 0px;
1673   border-style:solid;
1674   padding-bottom:2px;
1677 /*Accessibility: controls now div and span, 20:58:20% or 12:74:12% */
1678 .calendar-controls .previous,
1679 .calendar-controls .next,
1680 .calendar-controls .current {
1681   display: block;
1682   float: left;
1683   width: 12%;
1685 .calendar-controls .previous {
1686   text-align: left;
1688 .calendar-controls .current {
1689   text-align: center;
1690   width: 76%;
1692 .calendar-controls .next {
1693   text-align: right;
1696 #calendar .maincalendar .calendar-controls .previous,
1697 #calendar .maincalendar .calendar-controls .next
1699   width: 30%;
1701 #calendar .maincalendar .calendar-controls .current {
1702   width: 39.95%;
1705 #calendar .indent {
1706   padding-left: 20px;
1709 #calendar td.sidecalendar {
1710 border-width:0px;
1713 #calendar td.sidecalendar .sideblock {
1714   border: 1px solid;
1715   margin-bottom:10px;
1718 #calendar td.sidecalendar .minicalendartop {
1719   padding-top:10px;
1722 .sideblock .content h3.eventskey {
1723   margin-top:0.5em;
1724   margin-bottom:0;
1725   margin-left:0.5em;
1728 /***
1729  *** Course
1730  ***/
1732 .activitydate, .activityhead {
1733   text-align:center;
1736 #course-view .section td {
1737   vertical-align:top;
1740 #course-view .section td.content {
1741   padding:5px;
1742   border-style:solid;
1743   border-width:1px;
1744   border-left:0px;
1745   border-right:0px;
1748 #course-view .section td.side {
1749   padding:5px;
1750   border-style:solid;
1751   border-width:1px;
1754 #course-view .section td.left {
1755   border-right:0px;
1756   text-align:center;
1757   width: 1.5em;
1760 #course-view .section td.right {
1761   border-left:0px;
1762   text-align:center;
1763   width: 1.5em;
1766 #course-view .current .side {
1769 #course-view .section .spacer {
1770   height:0.5em;
1773 #course-view .section .weekdates {
1776 #course-view ul.section,
1777 #site-index ul.section {
1778   margin: 0;
1779   padding: 0;
1780   list-style: none;
1783 .section_add_menus {
1784   text-align:right;
1787 .section_add_menus .horizontal div {
1788   display:inline;
1791 .weeks-format, .topics-format {
1792     margin-top: 8px;
1795 /*#course-view ul.section li.activity ul li,
1796 #site-index ul.section li.activity ul li {
1797   list-style: disc;
1798 }*/
1800 /*Accessibility: No-tables course format. */
1801 #course-view ul.weeks , #course-view ul.topics{
1802   margin: 0;
1803   padding: 0;
1804   list-style: none;
1806 /* Window-width: 800 pixels.
1807    IE doesn't support, see inline IE conditional comment. */
1808 .weeks-format, .topics-format {
1809   min-width: 763px;
1811 .topics-format .block_adminblock select,
1812 .weeks-format .block_calendar_month .minicalendar,
1813 .topics-format .block_calendar_month .minicalendar {
1814   width: 100%;
1815   padding: 0;
1817 .weeks-format .block_calendar_month .minicalendar th,
1818 .topics-format .block_calendar_month .minicalendar th, 
1819 .weeks-format .block_calendar_month .minicalendar td,
1820 .topics-format .block_calendar_month .minicalendar td {
1821   padding: 0.1em 0 0.1em 1px;
1823 .weeks-format #middle-column ,
1824 .topics-format #middle-column {
1825   margin: 0 12.5em 0 12.5em;
1827 .weeks-format #left-column,
1828 .weeks-format #right-column,
1829 .topics-format #left-column,
1830 .topics-format #right-column {
1831   width: 11.5em;
1833 .weeks-format #left-column,
1834 .topics-format #left-column {
1835   float: left;
1837 .weeks-format #right-column,
1838 .topics-format #right-column {
1839   float: right;
1841 .weeks li.section ,
1842 .topics li.section {
1843   margin-bottom: 0.5em;
1844   border-style:solid;
1845   border-width:1px;
1847 .weeks .content,
1848 .topics .content {
1849   padding: 5px;
1850   margin: 0 1.7em 0 1.7em;
1852 .weeks .right,
1853 .weeks .left,
1854 .topics .right,
1855 .topics .left {
1856   width: 1.6em;
1857   padding: 5px 0;
1858   text-align: center;
1861 .weeks .left,
1862 .topics .left {
1863   float: left;
1866 .weeks .right,
1867 .topics .right {
1868   float: right;
1869
1871 .section .activity img.activityicon {
1872   vertical-align:middle;
1873   height:16px;
1874   width:16px;
1877 .section img.movetarget {
1878   height:16px;
1879   width:80px;
1882 body#course-view .unread {
1883   margin-left: 3em;
1886 body#course-view .sideblock.drag .header {
1887   cursor: move;
1890 body#course-enrol .generalbox {
1891   margin-top: 20px;
1894 body#course-enrol .coursebox {
1895   margin-top: 20px;
1898 body#course-user .graph {
1899   text-align: center;
1902 body#course-user .section,
1903 body#course-user .content {
1904   margin-left: 30px;
1905   margin-right: 30px;
1908 body#course-user .section {
1909   border-width:1px;
1910   border-style:solid;
1911   padding:10px;
1912   margin-bottom: 20px;
1915 body#course-user .section h2 {
1916   margin-top: 0;
1920 .headingblock, h2.headingblock {
1921   border-width:1px;
1922   border-style:solid;
1923   padding:5px;
1924   margin:0;
1927 #site-index .subscribelink,
1928 #course-view .subscribelink {
1929   text-align:right;
1932 body#site-index .headingblock,
1933 body#course-view .headingblock {
1934   margin-bottom: 9px;
1937 body#course-category .courseboxes,
1938 body#course-index .courseboxes {
1939   padding:20px;
1942 body#course-category .rolelink {
1943   text-align:right;
1944   padding:10px;
1947 body#course-category .addcategory {
1948   text-align: center;
1949   padding: 10px;
1952 body#course-category .buttons .singlebutton {
1953   display: inline;
1956 body#course-category .buttons {
1957   text-align: center;
1958   margin-bottom: 15px;
1961 body#course-index #middle-column .editcourse {
1962   margin-left:auto;
1963   margin-right:auto;
1964   margin-top:20px;
1965   margin-bottom:20px;
1968 body#course-index #middle-column .editcourse th,
1969 body#course-index #middle-column .editcourse td {
1970   padding-left:10px;
1971   padding-right:10px;
1974 body#course-index #middle-column .editcourse .count {
1975   text-align:right;
1978 body#course-index .singlebutton,
1979 body#course-index .addcategory {
1980   text-align: center;
1983 body#course-info .generalbox.icons {
1984   text-align: center;
1987 body#course-info .generalbox.info {
1988   margin-left:auto;
1989   margin-right:auto;
1992 .coursebox {
1993   width: 100%;
1994   /* float:left; */
1995   margin-bottom: 15px;
1996   border-width:1px;
1997   border-style:solid;
2000 .coursebox .summary {
2001   float: right;
2002   text-align:left;
2003   width: 48%;
2004   padding:5px;
2007 .coursebox .info {
2008   float: left;
2009   text-align:left;
2010   width: 48%;
2011   padding:5px;
2014 #my-index .coursebox .info {
2015   float: none;
2018 #my-index .name {
2019   margin-left: 5px;
2022 .categorylist {
2023   width:90%;
2024   margin-left:auto;
2025   margin-right:auto;
2028 .categorylist .category.image {
2029   width:20px;
2032 .categorylist .category.number {
2033   text-align:right;
2036 .categoryboxcontent {
2037   border-width:1px;
2038   border-style:solid;
2041 .categorypicker {
2042   text-align:center;
2043   padding-bottom:10px;
2046 #coursesearch,
2047 #coursesearch2 {
2048   text-align:center;
2051 .addcoursebutton {
2052   text-align:center;
2055 .coursebox .cost {
2056   padding-top: 20px;
2059 .coursebox ul.teachers li {
2060   list-style-type:none;
2061   padding:0;
2062   margin:0;
2065 #course-category #renameform {
2066   text-align:center;
2069 #course-category #themeform {
2070   text-align: center;
2073 #course-category .singlebutton {
2074   text-align:center;
2077 #course-category #coursesearch {
2078   text-align:center;
2082 #course-report #content {
2083   padding-top:15px;
2084   padding-bottom:15px;
2087 #course-report p {
2088   text-align:center;
2091 #course-report .logselectform,
2092 #course-report .participationselectform,
2093 #course-report-log-index .logselectform,
2094 #course-report-participation-index .participationselectform {
2095   margin-left:auto;
2096   margin-right:auto;
2097   text-align:center;
2098   margin-top:10px;
2099   margin-bottom:10px;
2102 #course-report .participationselectform label,
2103 #course-report-participation-index .participationselectform label {
2104   margin-left:15px;
2105   margin-right:5px;
2108 #course-report-log-index .info {
2109   margin-left:auto;
2110   margin-right:auto;
2111   text-align:center;
2112   margin:10px;
2115 .course-report-outline td.numviews {
2116   text-align:right;
2119 .course-report-outline div.loginfo {
2120   text-align:center;
2121   margin: 1em;
2124 #content .coursebox .summary .category {
2125   text-align:right;
2128 #course-editsection .singlebutton {
2129   text-align:center;
2132 /***
2133  *** Group
2134  ***/
2135 body#group-index #groupeditform {
2136   text-align: center;
2140 /***
2141  *** Doc
2142  ***/
2144 body#doc-contents h1 {
2145   margin: 1em 0px 0px 0px;
2148 body#doc-contents ul {
2149   list-style-type: none;
2150   margin: 0;
2151   padding: 0;
2152   width: 90%;
2156 /***
2157  *** Grades
2158  ***/
2160 /* scales edit */
2162 .grade-edit-scale .buttons {
2163   margin: 20px;
2164   text-align:center;
2167 .grade-edit-scale .buttons .singlebutton {
2168   display: inline;
2169   padding: 5px;
2172 /* outcomes edit */
2174 .grade-edit-outcome .buttons {
2175   margin: 20px;
2176   text-align:center;
2179 .grade-edit-outcome .buttons .singlebutton {
2180   display: inline;
2181   padding: 5px;
2184 .allcoursegrades {
2185     float: right;
2187 /* gradebook edit tree */
2189 .grade-edit-tree .gradetreebox {
2190   width:70%;
2191   margin-left:auto;
2192   margin-right:auto;
2193   margin-top:10px;
2194   padding-bottom:15px;
2197 .grade-edit-tree .buttons {
2198   margin: 20px;
2199   text-align:center;
2202 .grade-edit-tree .idnumber {
2203   margin-left: 15px;
2206 .grade-edit-tree .buttons .singlebutton {
2207   display: inline;
2208   padding: 5px;
2211 .grade-edit-tree .movetarget {
2212   position: relative;
2213   width: 80px;
2214   height: 16px;
2217 .grade-edit-tree ul#grade_tree {
2218   width: auto;
2221 .grade-edit-tree ul#grade_tree li {
2222   list-style: none;
2225 .grade-edit-tree ul#grade_tree li.category {
2226   margin-bottom: 6px;
2229 .grade-edit-tree .iconsmall {
2230   margin-left: 4px;
2233 #grade-report-toggles {
2234   text-align: center;
2237 .gradeexportlink {
2238   padding: 2em;
2239   text-align: center;
2240   margin-left: auto;
2241   margin-right: auto;
2244 #grade-aggregation-help dt {
2245     margin-top: 15px; 
2248 #grade-aggregation-help dd.example {
2249     margin-top: 7px;
2252 #grade-aggregation-help code {
2253     display: block;
2254     margin-top: 7px;
2257 /***
2258  *** Login
2259  ***/
2261 .loginbox {
2262   margin-top:15px;
2263   margin-bottom:15px;
2264   border:1px solid;
2265   width:50%;
2266   margin-left:25%;
2267   overflow:hidden;
2270 .loginbox form {
2271   margin:0px;
2272   padding:0px;
2275 .loginbox.twocolumns {
2276   width:90%;
2277   margin-left:5%;
2278   /* background: #faa; */
2281 .loginbox h2,
2282 .loginbox .subcontent {
2283   margin:5px;
2284   padding:10px;
2285   text-align:center;
2288 .loginbox .loginpanel .subcontent {
2289   text-align:center;
2292 .loginbox .loginpanel .desc {
2293   margin:0px;
2294   padding:0px;
2295   margin-bottom:5px;
2298 .loginbox .signuppanel .subcontent {
2299   text-align:left;
2302 .loginbox .loginsub {
2303   margin-left:0%;
2304   margin-right:0%;
2307 .loginbox .guestsub,
2308 .loginbox .forgotsub {
2309   border-top:1px solid;
2310   margin-left:12%;
2311   margin-right:12%;
2312   margin-bottom:5px;
2315 .loginbox .loginform {
2316   margin-top:1em;
2317   text-align:left;
2320 .loginbox .loginform .form-label {
2321   float:left;
2322   text-align:right;
2323   width:40%;
2326 .loginbox .loginform .form-input {
2327   float:right;
2328   width:59%;
2331 .loginbox .loginform .form-input input {
2332   width: 6em;
2335 .loginbox .signupform {
2336   margin-top:1em;
2337   text-align:center;
2340 .loginbox.twocolumns .loginpanel {
2341   float:left;
2342   width:49.5%;
2343   border-right: 1px solid;
2344   margin-bottom:-2000px;
2345   padding-bottom:2000px;
2346   /* background: #afa; */
2349 .loginbox.twocolumns .signuppanel {
2350   float:right;
2351   width:50%;
2352   margin-bottom:-2000px;
2353   padding-bottom:2000px;
2357 /***
2358  *** Message
2359  ***/
2362 #message-user .userpicture,
2363 #message-history .userpicture {
2364   width: 100px;
2365   height: 100px;
2368 .message-discussion-noframes #userinfo .userpicture {
2369   float:left;
2372 .message-discussion-noframes #userinfo .name h1 {
2373   margin:0px;
2376 .message-discussion-noframes #userinfo .name {
2377   text-align:center;
2378   margin-left:60px;
2381 .message-discussion-noframes #userinfo .commands {
2382   text-align:left;
2383   margin-left:60px;
2386 .message-discussion-noframes #userinfo .commands ul {
2387   margin:0px;
2388   padding:0px;
2389   list-style-type:none;
2392 .message-discussion-noframes #userinfo .commands ul li {
2393   display:inline;
2394   padding-right:16px;
2397 .message-discussion-noframes #send {
2398   padding-top:10px;
2399   clear:both;
2402 .message-discussion-noframes #send h1 {
2403   margin:0px;
2406 .message-discussion-noframes #messages {
2407   padding-top:10px;
2410 .message-discussion-noframes #messages ul.messagelist {
2411   margin:0px;
2412   padding:0px;
2415 .message-discussion-noframes #send h1 {
2416   margin:0px;
2419 .message .noframesjslink {
2420   margin-top:20px;
2423 .message .link {
2424   vertical-align:middle;
2427 table.message .searchresults td {
2428   padding:5px;
2429   border-width:1px;
2430   border-style:solid;
2431   border-collapse:collapse;
2432   border-spacing:0px;
2434 .message .summary .link {
2435   text-align:right;
2437 .message .heading {
2438   text-align:center;
2441 .message .note {
2442   text-align:center;
2443   padding:10px;
2446 #message-user .commands span {
2447   margin-left:10px;
2448   margin-right:10px;
2451 body#message-messages {
2452   padding:10px;
2455 body#message-send .notifysuccess {
2456   padding:1px;
2459 body#message-send td.fixeditor {
2460   text-align:center;
2463 /***
2464  *** Notes
2465  ***/
2466 .notepost {
2467   margin-bottom: 1em;
2468   background-color: #EEE;
2470 .sitenotepost {
2472 .coursenotepost {
2474 .draftnotepost {
2477 .ownnotepost .info {
2480 .notepost .header {
2481   background: #DDD;
2482   padding: 5px;
2485 .notepost .user {
2486   font-weight: bolder;
2489 .notepost .userpicture {
2490   float: left;
2491   margin-right: 5px;
2494 .notepost .info {
2495   font-size: smaller;
2498 .notepost .content {
2499   clear: both;
2502 .notepost .footer {
2503   clear: both;
2506 body.notes .generalbox {
2507   margin-left:auto;
2508   margin-right:auto;
2509   width:90%;
2512 body.notes .notesgroup {
2513   margin-left:20px;
2516 /***
2517  *** MyMoodle
2518  ***/
2520 .my .coursebox .overview .info {
2521   margin-left:20px;
2524 .my .coursebox .overview {
2525   margin-bottom:10px;
2529 /***
2530  *** Question
2531  ***/
2532 .questionbank h2 {
2533   margin-top: 0;
2536 .questioncatategories h3 {
2537   margin-top: 0;
2540 .que {
2541   text-align: left;
2542   margin: 0 auto 1.8em auto;
2543   border: 1px solid;
2544   clear: both;
2546 .que .info {
2547   float: left;
2548   margin: 0.5em 0 0.5em 1.2em;
2549   width: 8%;
2551 .que .content {
2552   float: left;
2553   margin: 0.5em 1.2em 0.5em 0;
2554   width: 85%;
2556 .que.description .info {
2557   display: none;
2559 .que.description .content {
2560   margin-left: 1.2em;
2561   float: none;
2562   width: auto;
2564 .que .qtext {
2565   margin-bottom: 1.5em;
2567 .que .ablock {
2568   margin: 0.7em 0 0.3em 0;
2570 .que .prompt {
2571   float: left;
2572   width: 15%;
2573   height: 2em;
2574   padding-top: 0.3em;
2576 .que .control {
2577   width: 5%;
2579 .que .answer {
2580   float: left;
2581   width: 83%;
2582   margin-bottom: 0.5em;
2584 .que .submit {
2585   position: relative;
2586   clear: both;
2587   float: left;
2589 /* MSIE Hack */
2590 * html .que .submit {
2591   float: none;
2593 .multianswer .submit {
2594   margin-top: 1em;
2596 .que .c0,
2597 .que .c1 {
2598   padding: 0.3em 0 0.3em 0.3em;
2599   vertical-align: top;
2601 .que .feedback {
2602   clear: both;
2603   padding: 0 0 0.3em 0.3em;
2604   margin-bottom: 0.5em;
2605   border: 1px solid;
2607 .multichoice td.feedback {
2608   width: auto;
2609   vertical-align: top;
2610   padding-top: 0.3em;
2611   border-style: none;
2613 .essay .feedback {
2614   border-style: none;
2616 .multichoice .text {
2617   width: auto;
2619 .calculated .answer,
2620 .numerical .answer,
2621 .shortanswer .answer {
2622   padding: 0.3em;
2623   width: auto;
2625 .truefalse .answer span {
2626   float: left;
2627   clear: left;
2628   padding: 0.3em;
2629   width: 100%;
2631 .que .grading,
2632 .que .comment,
2633 .que .commentlink,
2634 .que .generalfeedback,
2635 .que .history {
2636   margin-top: 0.5em;
2638 .que .grade {
2639   margin-top: 0.5em;
2642 .importerror {
2643   margin-top: 10px;
2644   border-bottom: 1px solid #555;
2647 /***
2648  *** Logs
2649  ***/
2651 .logtable {
2652   margin-left:auto;
2653   margin-right:auto;
2656 .logtable td,
2657 .logtable th {
2658   padding-left: 10px;
2659   padding-right: 10px;
2662 .logtable th {
2663   text-align:left;
2666 #course-user .info {
2667   margin-left:auto;
2668   margin-right:auto;
2669   text-align:center;
2670   margin:10px;
2673 /***
2674  *** Tabs
2675  ***/
2678 /*globalnav*/
2679 .tabtree {
2680   position:relative;
2683 .tabrow0 {
2684   text-align: center;
2685   width:100%;
2686   margin:0;
2687   margin-top: 10px;
2688   padding:0 0 1.75em 0;
2689   list-style:none;
2690   line-height:1.8em;
2691   font-size: 84%;
2694 .tabrow0 li {
2695   display: inline;
2696   margin: 0 -4px 0 0;
2697   padding: 0;
2700 .tabrow0 a span {
2701   padding: 10px 14px 0.35em 0;
2702   background: transparent url(pix/tab/right.gif) no-repeat right top;
2705 .tabrow1 li a span {
2706   background: none !important;
2709 .tabrow0 a {
2710   text-decoration: none;
2711   background: transparent url(pix/tab/left.gif) no-repeat left top;
2712   margin: 0 -1px 0 0;
2713   padding: 10px 0 0.35em 13px;
2716 .tabrow0 a:hover {
2717   background-image: url(pix/tab/left_hover.gif);
2720 .tabrow0 .here a:hover {
2721   background-image: url(pix/tab/left.gif);
2724 .tabrow0 a:hover span {
2725   background-image: url(pix/tab/right_hover.gif);
2728 .tabrow0 .here a:hover span {
2729   background-image: url(pix/tab/right.gif);
2732 .tabrow0 .here a {
2733   color:#444;
2737 .tabrow0 .here a:link, 
2738 .tabrow0 .here a:visited,
2739 .tabrow0 .here a.nolink {
2740   position:relative;
2741   z-index:102;
2744 /*subnav*/
2745 .tabrow0 .empty {
2746   height: 1px;
2747   overflow: hidden;
2748   padding: 0;
2751 .tabrow0 div,
2752 .tabrow0 ul {
2753   position: absolute;
2754   left: 0;
2755   top: 1.95em;
2756   width: 100%;
2757   margin: 0;
2758   padding: 0.25em 0;
2759   list-style: none;
2760   border-top: 1px solid #aaa;
2761   line-height: normal;
2762   background: transparent url(pix/tab/tabrow1.gif) repeat-x center left;
2763   font-size: 90%;
2766 .tabrow0 ul li {
2767   display:inline;
2768   margin-top:1px;
2769   background-image: none;
2772 .tabrow0 ul a {
2773   background-image: none;
2774   color:#00c;
2775   margin:0;
2776   padding:0 1em;
2777   border:0
2780 .tabrow0 ul a span {
2781   padding: 0;
2782   background-image: none;
2785 .tabrow0 ul .last span,
2786 .tabrow0 ul li a:hover, .tabrow0 ul li a:hover span,
2787 .tabrow0 ul .here a:hover, .tabrow0 ul .here a:hover span {
2788   background-image: none !important;
2791 .tabrow0 ul div {
2792   display: none;
2795 ul.tabrow1 li a,
2796 ul.tabrow1 li a:link,
2797 ul.tabrow1 li a:visited {
2798   color:#00c;
2799   font-size: 110%;
2802 ul.tabrow1 li.here.selected a {
2803   color:#444;
2806 /***
2807  *** Tags
2808  ***/
2810 h2.tag-heading {
2811  text-align:center;
2812  margin-left:auto;
2813  margin-right:auto;
2814  display:block;
2815  width:95%;
2816  padding: 5px 5px 5px 5px;
2820 div#tag-description,
2821 div#tag-blogs {
2822  width:95%;
2823  padding: 5px 5px 5px 5px;
2824  margin-left:auto;
2825  margin-right:auto;
2826  display:block;
2829 body#tag-index .moreblogs {
2830  text-align:center;
2833 div#tag-management-box {
2834  margin-bottom:10px;
2835  text-align:center;
2836  line-height:20px;
2837  display:block;
2838  font-size:12px;
2841 div#tag-user-table {
2842  padding:3px;
2843  width:95%;
2844  clear: both;
2845  margin-left:auto;
2846  margin-right:auto;
2847  display:block;
2850 /* small css hack for firefox*/
2851 div#tag-user-table:after{
2852  content:".";
2853  display:block;
2854  clear:both;
2855  visibility:hidden;
2856  height:0;
2857  overflow:hidden;
2859 /* end hack*/
2861 div.user-box {
2862  margin-left:8px;
2863  margin-right:8px;
2864  margin-top:8px;
2865  margin-bottom:8px;
2866  width:115px;
2867  height:160px;
2868  text-align:center;
2869  display:block;
2870  float:left;
2871  clear: none;
2874 img.user-image {
2875  border:0px;
2876  height:100px;
2877  width:100px;
2880 div#small-tag-cloud-box {
2881  width:300px;
2882  margin-left:auto;
2883  margin-right:auto;
2884  margin-bottom:0px;
2885  margin-top:0px;
2888 div#big-tag-cloud-box {
2889  width:600px;
2890  margin-left:auto;
2891  margin-right:auto;
2892  margin-bottom:0px;
2893  margin-top:0px;
2894  display:block;
2895  float:none;
2898 ul#tag-cloud-list {
2899  list-style:none;
2900  padding:5px;
2901  margin:0px;
2902  list-style-type:none;
2904 ul#tag-cloud-list li {
2905  margin:0px;
2906  display:inline;
2909 /* search start*/
2911 div#tag-search-box {
2912  text-align:center;
2913  margin-left:auto;
2914  margin-right:auto;
2915  margin-top:10px;
2916  margin-bottom:10px;
2919 div#tag-search-results-container {
2920  padding:0px;
2921  width:100%;
2924 ul#tag-search-results {
2925  padding:0px;
2926  margin-left:20%;
2927  margin-right:20%;
2928  margin-top:15px;
2929  margin-bottom:0px;
2930  float:left;
2931  width:60%;
2932  display:block;
2933  list-style:none;
2936 ul#tag-search-results li{
2938  width:30%;
2939  float:left;
2940  padding-left:1%;
2941  text-align:left;
2942  line-height:20px;
2943  padding-right:1%;
2947 div#tags-management-links {
2948  text-align:right;
2949  display:block;
2950  font-size:12px;
2953 /* search end*/
2955 /* tag management start*/
2956 span.flagged-tag {
2957  color:#FF0000;
2959 span.flagged-tag a{
2960  color:#FF0000;
2963 table#tag-management-list {
2964  text-align:left;
2965  margin-left:auto;
2966  margin-right:auto;
2969 table#tag-management-list tr td{
2970  padding-left:4px;
2971  padding-right :4px;
2974 .tag-management-form {
2975  text-align:center;
2977 /* tag management end*/
2979 /* autocomplete start*/
2980 #relatedtags-autocomplete-container
2982  margin-left:auto;
2983  margin-right:auto;
2984  min-height:4.6em;
2985  width:100%;
2988 #relatedtags-autocomplete {
2989  position:relative;
2990  display:block;
2991  width:60%;
2992  margin-left:auto;
2993  margin-right:auto;
2995 #relatedtags-autocomplete .yui-ac-content
2997  position:absolute;
2998  width:420px;
2999  left:20%;
3000  border:1px solid #404040;
3001  background:#fff;
3002  overflow:hidden;
3003  z-index:9050;
3005 #relatedtags-autocomplete .ysearchquery
3007  position:absolute;
3008  right:10px;
3009  color:#808080;
3010  z-index:10;
3012 #relatedtags-autocomplete .yui-ac-shadow {
3013  position:absolute;
3014  margin:.3em;
3015  width:100%;
3016  background:#a0a0a0;
3017  z-index:9049;
3019 #relatedtags-autocomplete ul {
3020  padding:0;width:100%;
3021  margin:0;
3022  list-style-type:none;
3025 #relatedtags-autocomplete li {
3026  padding:0 5px;
3027  cursor:default;
3028  white-space:
3029  nowrap;
3031 #relatedtags-autocomplete li.yui-ac-highlight
3033  background:#FFFFCC;
3035 /* autocomplete end*/
3037 /***
3038  *** User
3039  ***/
3041 .userinfobox {
3042   margin-bottom:5px;
3043   border-width: 1px;
3044   border-style: solid;
3045   border-collapse: separate;
3048 .userinfobox .left,
3049 .userinfobox .side {
3050   padding: 10px;
3051   width: 100px;
3052   vertical-align: top;
3055 .userinfobox .userpicture {
3056   width: 100px;
3057   height: 100px;
3060 .userinfobox .content {
3061   padding: 10px;
3062   vertical-align: top;
3065 .userinfobox .links {
3066   width: 100px;
3067   padding: 5px;
3068   vertical-align: bottom;
3071 .userinfobox .list td {
3072   padding: 3px;
3075 .userinfobox .username {
3076   padding-bottom: 20px;
3079 .userinfobox td.label {
3080   text-align:right;
3081   white-space: nowrap;
3082   vertical-align: top;
3085 table.userinfobox {
3086   width: 80%;
3087   margin-left: 10%;
3088   margin-right: 10%;
3091 table.groupinfobox {
3092   width: 60%;
3093   margin-left: 20%;
3094   margin-right: 20%;
3095   border-width:1px;
3096   border-style:solid;
3097   margin-bottom: 20px;
3100 .groupinfobox .left {
3101   padding: 10px;
3102   width: 100px;
3103   vertical-align: top;
3106 body#user-index h2 {
3107   text-align: center;
3110 #user-view .buttons,
3111 #user-index .buttons {
3112   text-align: center;
3115 #user-view .buttons form,
3116 #user-view .buttons form div {
3117   display:inline;
3120 body#user-index #longtimenosee,
3121 body#user-index #showall {
3122   text-align: center;
3125 body#user-index #showall {
3126   margin: 10px 0px;
3129 body#user-index table#participants,
3130 body#tag-manage table#tag-management-list {
3131   margin: auto;
3132   width: 80%;
3135 body#tag-manage table#tag-management-list td,
3136 body#tag-manage table#tag-management-list th,
3137 body#user-index table#participants td,
3138 body#user-index table#participants th {
3139   vertical-align: middle;
3140   text-align: left;
3141   padding: 4px;
3144 body#user-index table.controls {
3145   width: 100%;
3147 body#user-index table.controls tr {
3148   vertical-align: top;
3150 body#user-index table.controls td.right,
3151 body#user-index table.controls td.left {
3152   padding: 4px;
3154 body#user-index table.controls .right {
3155   text-align: right;
3157 body#course-participation h2 {
3158   text-align:center;
3160 body#course-participation #showall {
3161   text-align:center;
3162   margin: 10px 0px;
3164 body#user-index .rolesform {
3165   text-align:center;
3168 #user-policy .noticebox {
3169   text-align:center;
3170   margin-left:auto;
3171   margin-right:auto;
3172   margin-bottom:10px;
3173   width:80%;
3174   height:250px;
3177 #user-policy #policyframe {
3178   width:100%;
3179   height:100%;
3182 .iplookup #map {
3183   margin:auto;
3186 .iplookup #note {
3187   text-align:center;
3190 /***
3191  *** Modules: Assignment
3192  ***/
3194 .userpicture,
3195 .picture user,
3196 .picture teacher {
3197   width:35px;
3198   vertical-align:top;
3200 .modform {
3201   text-align:center;
3203 #wordcount {
3204   text-align: right;
3207 /***
3208  *** Modules: Chat
3209  ***/
3211 .nextchatsession {
3212   text-align:center;
3215 #mod-chat-gui_header_js-jsupdate {
3216   margin:10px
3218 #mod-chat-gui_header_js-jsupdate .chat-event,
3219 #mod-chat-gui_header_js-jsupdate .chat-message {
3220   width:100%;
3221   padding:0;
3222   margin-top:7px
3225 #mod-chat-view #chatcurrentusers .chatuserdetails {
3226   vertical-align: middle;
3229 #mod-chat-view #enterlink {
3230   text-align: center;
3231   margin-left: auto;
3232   margin-right: auto;
3233   width: 50%;
3236 .chat-event .picture,
3237 .chat-message .picture {
3238   width:40px;
3239   vertical-align:top;
3241 .chat-event .text,
3242 .chat-message .text {
3243   text-align: left;
3246 #mod-chat-gui_basic #participants ul {
3247   margin:0px;
3248   padding:0px;
3249   list-style-type:none;
3252 #mod-chat-gui_basic #participants ul li {
3253   display:inline;
3254   margin-right:10px;
3257 #mod-chat-gui_basic #participants ul li .userinfo {
3258   display:inline;
3261 #mod-chat-gui_basic #messages dl {
3262   padding:0px;
3263   margin:1px;
3266 #mod-chat-gui_basic #messages dd,
3267 #mod-chat-gui_basic #messages dt {
3268   margin-left:0px;
3269   margin-right:5px;
3270   padding:0px;
3271   display:inline;
3274 /***
3275  *** Modules: Choice
3276  ***/
3277 .button {
3278   text-align:center;
3281 .attemptcell {
3282   width:5px;
3283   white-space: nowrap;
3286 .anonymous,
3287 .names {
3288   margin-left:auto;
3289   margin-right:auto;
3292 .downloadreport {
3293   border:0px;
3294   margin-left:auto;
3295   margin-right:auto;
3298 .choiceresponse {
3299   width:100%;
3301 .choiceresponse .picture {
3302   width:10px;
3303   white-space: nowrap;
3306 .choiceresponse .fullname {
3307   width:100%;
3308   white-space: nowrap;
3312 .results.data {
3313   vertical-align:top;
3314   white-space: nowrap;
3317 /***
3318  *** Modules: Data
3319  ***/
3320 .fieldadd,
3321 .sortdefault,
3322 .defaulttemplate {
3323   text-align:center;
3325 .datapreferences {
3326   text-align:center;
3329 table.presets {
3330   margin-left: auto;
3331   margin-right: auto;
3334 /***
3335  *** Modules: Forum
3336  ***/
3338 .forumheaderlist,
3339 .forumpost {
3340   border-width:1px;
3341   border-style:solid;
3342   border-collapse:separate;
3345 .forumpost {
3346   margin-top: 15px;
3349 .forumpost .topic {
3350   padding: 4px;
3351   border-style:solid;
3352   border-width: 0px;
3353   border-bottom-width: 1px;
3356 .forumpost .commands {
3357   padding-top: 0.5em;
3358   text-align:right;
3359   clear: both;
3362 .forumpost .ratings {
3363   padding-top: 1em;
3364   text-align:right;
3367 .forumpost .attachments {
3368   padding: 7px;
3369   text-align:right;
3372 .forumpost .content {
3373   padding: 4px;
3376 .forumpost .footer {
3377   padding-top: 0.5em;
3378   text-align:right;
3381 .forumpost .link {
3382   padding-top: 0.5em;
3383   text-align:right;
3386 .forumpost .left {
3387   width: 35px;
3388   padding: 4px;
3389   text-align: center;
3390   vertical-align: top;
3393 .mod-forum .indent {
3394   margin-left: 30px;
3397 body#user-view .forumpost,
3398 .course .forumpost {
3399   width: 100%;
3402 body#mod-forum-search .c0 {
3403   text-align: right;
3406 body#mod-forum-search .introcontent {
3407   padding: 15px;
3410 .forumolddiscuss {
3411   text-align: right;
3414 .forumheaderlist {
3415   width: 100%;
3418 .forumheaderlist td {
3419   border-width:1px 0px 0px 1px;
3420   border-style:solid;
3423 .forumheaderlist .replies {
3424   text-align: center;
3425   white-space: nowrap;
3428 .forumheaderlist .picture {
3429   width: 35px;
3432 .forumheaderlist .discussion .starter {
3433   vertical-align: middle;
3436 .forumheaderlist .lastpost {
3437   white-space: nowrap;
3438   text-align: right;
3441 .forumheaderlist .discussion .author {
3442   white-space: nowrap;
3444 .forumolddiscuss {
3445   text-align:right;
3447 .forumaddnew,
3448 .forumnodiscuss,
3449 .noticeboxcontent {
3450   text-align:center;
3453 #mod-forum-view .forumaddnew {
3454   margin-bottom: 20px;
3457 #mod-forum-view .forumcontrol .groupmenu {
3458   float: left;
3459   text-align:left;
3460   white-space: nowrap;
3463 #mod-forum-view .groupmenu {
3464   float: left;
3465   text-align:left;
3466   white-space: nowrap;
3469 #mod-forum-view .forumcontrol .subscription {
3470   float: right;
3471   text-align:right;
3472   white-space: nowrap;
3475 #mod-forum-view .subscription {
3476   float: right;
3477   text-align:right;
3478   white-space: nowrap;
3481 #mod-forum-index .subscription {
3482   float: right;
3483   text-align:right;
3484   white-space: nowrap;
3487 #mod-forum-view .unread {
3488   padding-left: 3px;
3489   padding-right: 3px;
3491 #mod-forum-discuss .forumpost.unread .content {
3492   border-style: solid;
3493   border-width: 2px;
3495 #mod-forum-discuss .ratingsubmit {
3496   text-align:center;
3497   padding:10px;
3499 #mod-forum-index .unread img,
3500 #mod-forum-view .unread img
3502   margin-left: 5px;
3505 #mod-forum-discuss .discussioncontrols td {
3506   width: 33%;
3507   text-align:center;
3510 #email .unsubscribelink {
3511   margin-top:20px;
3512   border-width: 0px 1px 0px 0px;
3513   border-style: solid;
3514   text-align:center;
3517 #mod-forum-view .subscription {
3518   margin: 5px 0;
3521 /***
3522  *** Modules: Glossary
3523  ***/
3525 .glossarypost .commands {
3526   width: 200px;
3527   white-space: nowrap;
3530 #mod-glossary-comments .glossarypost,
3531 #mod-glossary-comment .glossarypost {
3532   margin-top: 15px;
3535 .entryboxheader {
3536   border-width: 1px 1px 0px 1px;
3537   border-style: solid;
3540 .entrybox {
3541   width: 100%;
3542   border-width: 0px 1px 1px 1px;
3543   border-style: solid;
3546 .entrybox hr {
3547   border-left:none;
3548   border-right:none;
3551 .glossarypost {
3552   width: 95%;
3553   border-width:1px;
3554   border-style:solid;
3555   border-collapse:separate;
3556   margin-left:auto;
3557   margin-right:auto;
3558   margin-bottom: 5px;
3559   text-align: left;
3562 .entrylist {
3563   border-width:0px;
3566 .entrylowersection {
3567   padding-top: 10px;
3570 .entrylowersection table{
3571   width: 100%;
3574 .entrylowersection .aliases {
3575   text-align:center;
3578 .entrylowersection .icons,
3579 .entrylowersection .ratings {
3580   text-align:right;
3581   padding-right: 5px;
3584 .entrylowersection .ratings {
3585   padding-bottom: 2px;
3588 .glossarycategoryheader {
3589   width: 95%;
3590   margin-left:auto;
3591   margin-right:auto;
3594 .glossaryformatheader {
3595   width: 90%;
3598 .glossarypost .entry {
3599   padding: 3px;
3602 .glossarypost .picture {
3603   width: 35px;
3606 .glossarycomment {
3607   border-width:1px;
3608   border-style:solid;
3609   border-collapse:separate;
3610   margin-bottom: 5px;
3611   text-align: left;
3614 .glossarycomment .entry {
3615   padding: 3px;
3618 .glossarycomment .picture {
3619   width: 35px;
3622 .glossarycomment .icons {
3623   text-align: right;
3626 .glossarydisplay {
3627   width: 90%;
3628   margin-left:auto;
3629   margin-right:auto;
3630   text-align:center;
3633 .glossarydisplay .tabs {
3634   width: 100%;
3637 .glossarydisplay .separator {
3638   width: 4px;
3641 .glossarydisplay .tabs .selected,
3642 .glossarydisplay .tabs .inactive,
3643 .glossarydisplay .tabs .general {
3646 .glossaryimportexport {
3647   margin-left:auto;
3648   margin-right:auto;
3649   text-align:center;
3652 .glossarypopup {
3653   width: 95%;
3656 .glossaryapproval {
3657   width: 100%;
3660 .mod-glossary .glossarydisplay .tabs {
3661   margin-bottom: 0px;
3664 .mod-glossary .glossarydisplay .tabs .side {
3665   border-style: none;
3666   border-width: 0px;
3667   width: auto;
3670 .glossaryexplain,
3671 .glossaryaddentry {
3672   text-align: center;
3675 .mod-glossary .tabrow0 {
3676   padding-bottom: 5px;
3679 #mod-glossary-view .glossarycontrol {
3680   float: right;
3681   text-align:right;
3682   white-space: nowrap;
3683   margin: 5px 0;
3686 /***
3687  *** Modules: Journal
3688  ***/
3689 #mod-journal-view .lastedit,
3690 #mod-journal-view .editend {
3691   margin: 5px;
3692   text-align: center;
3694 #mod-journal-view .feedbackbox {
3695   width: 75%;
3696   border-collapse: separate;
3698 #mod-journal-view .entrycontent {
3699   padding: 3px;
3701 #mod-journal-view .picture {
3702   width: 35px;
3704 #mod-journal-view .grade {
3705   text-align: right;
3707 #mod-journal-view .info {
3708   margin-bottom: 5px;
3709   text-align: right;
3713 /***
3714  *** Modules: Label
3715  ***/
3717 /***
3718  *** Modules: Lesson
3719  ***/
3720 #mod-lesson-lesson #page .addform {
3721   text-align: center;
3723 #mod-lesson-edit #page .label {
3724   font-weight: bold;
3726 #mod-lesson-edit #page .labelcorrect {
3727   text-decoration: underline;
3728   font-weight: bold;
3730 .lessonmediafilecontrol {
3731   text-align: center;
3732   margin-left: auto;
3733   margin-right: auto;
3736 #mod-lesson-view .invisiblefieldset {
3737   display: block;
3738   text-align: left;
3741 /***
3742  *** Modules: Quiz
3743  ***/
3745 #mod-quiz-view .quizinfo {
3746   text-align: center;
3748 #mod-quiz-view #page .quizgradefeedback,
3749 #mod-quiz-view #page .quizattempt
3751   text-align: center;
3753 #mod-quiz-view #page .quizattemptsummary td p {
3754   margin-top: 0;
3756 #mod-quiz-view .generalbox#feedback {
3757   width:70%;
3758   margin-left:auto;
3759   margin-right:auto;
3760   padding-bottom:15px;
3762 #mod-quiz-view .generalbox#feedback h2 {
3763   margin: 0 0;
3765 body#mod-quiz-view .generalbox#feedback .overriddennotice {
3766   text-align: center;
3767   font-size: 0.7em;
3769 #mod-quiz-view .generalbox#feedback h3 {
3770   text-align: left;
3773 .generalbox#passwordbox { /* Should probably match .generalbox#intro above */
3774   width:70%;
3775   margin-left:auto;
3776   margin-right:auto;
3778 #passwordform {
3779   margin: 1em 0;
3781 #mod-quiz-attempt #page {
3782   text-align: center;
3784 #mod-quiz-attempt .pagingbar {
3785   margin: 1.5em auto;
3787 #mod-quiz-attempt #page {
3788     text-align: center;
3791 #mod-quiz-attempt #timer .generalbox {
3792   width:150px
3795 #mod-quiz-attempt #timer {
3796   position:absolute;
3797   /*top:100px; is set by js*/
3798   left:10px
3801 body#question-preview .quemodname,
3802 body#question-preview .controls
3804   text-align: center;
3806 body#question-preview .quemodname, body#question-preview .controls {
3807   text-align: center;
3810 #mod-quiz-attempt #page .controls,
3811 #mod-quiz-review #page .controls {
3812   text-align: center;
3813   margin: 8px auto;
3815 #mod-quiz-review .pagingbar {
3816   margin: 1.5em auto;
3818 #mod-quiz-review .pagingbar {
3819   margin: 1.5em auto;
3821 table.quizreviewsummary {
3822   margin-bottom: 1.8em;
3823   width: 100%;
3825 table.quizreviewsummary tr {
3827 table.quizreviewsummary th.cell {
3828   padding: 1px 0.5em 1px 1em;
3829   font-weight: bold;
3830   text-align: right;
3831   width: 10em;
3833 table.quizreviewsummary td.cell {
3834   padding: 1px 1em 1px 0.5em;
3837 #mod-quiz-mod #reviewoptionshdr .fitem {
3838   float: left;
3839   width: 30%;
3840   margin-left: 10px;
3841   clear: none;
3843 #mod-quiz-mod #reviewoptionshdr .fitemtitle {
3844   width: 100%;
3845   font-weight: bold;
3846   text-align: left;
3847   height: 2.5em;
3848  margin-left: 0;
3850 #mod-quiz-mod #reviewoptionshdr fieldset.fgroup {
3851   width: 100%;
3852   text-align: left;
3853  margin-left: 0;
3855 #mod-quiz-mod #reviewoptionshdr fieldset.fgroup span {
3856   float: left;
3857   clear: left;
3860 #mod-quiz-edit #page .controls,
3861 #mod-quiz-edit #page .quizattemptcounts
3863   text-align: center;
3865 #mod-quiz-edit .quizquestions h2 {
3866   margin-top: 0;
3868 #mod-quiz-edit #showbreaks {
3869   margin-top: 0.7em;
3871 .quizquestionlistcontrols {
3872   text-align: center;
3875 #mod-quiz-report table#attempts,
3876 #mod-quiz-report table#commands,
3877 #mod-quiz-report table#itemanalysis
3879   width: 80%;
3880   margin: auto;
3882 #mod-quiz-report table#attempts,
3883 #mod-quiz-report h2.main {
3884   clear: both;
3886 #mod-quiz-report table#attempts {
3887   margin: 20px auto;
3889 #mod-quiz-report table#attempts .header,
3890 #mod-quiz-report table#attempts .cell
3892   padding: 4px;
3894 #mod-quiz-report table#attempts .header .commands {
3895   display: inline;
3897 #mod-quiz-report table#attempts .picture {
3898   width: 40px;
3900 #mod-quiz-report table#attempts td {
3901   border-left-width: 1px;
3902   border-right-width: 1px;
3903   border-left-style: solid;
3904   border-right-style: solid;
3905   vertical-align: middle;
3907 #mod-quiz-report table#attempts .header {
3908   text-align: left;
3910 #mod-quiz-report table#attempts .picture {
3911   text-align: center !important;
3913 #mod-quiz-report .controls {
3914   text-align: center;
3917 #mod-quiz-report table#itemanalysis {
3918   margin: 20px auto;
3920 #mod-quiz-report table#itemanalysis .header,
3921 #mod-quiz-report table#itemanalysis .cell
3923   padding: 4px;
3925 #mod-quiz-report table#itemanalysis .header .commands {
3926   display: inline;
3928 #mod-quiz-report table#itemanalysis td {
3929   border-width: 1px;
3930   border-style: solid;
3932 #mod-quiz-report table#itemanalysis .header {
3933   text-align: left;
3935 #mod-quiz-report table#itemanalysis .numcol {
3936   text-align: center;
3937   vertical-align : middle !important;
3940 #mod-quiz-report table#itemanalysis .uncorrect {
3941   color: red;
3944 #mod-quiz-report table#itemanalysis .correct {
3945   color: blue;
3946   font-weight : bold;
3949 #mod-quiz-report table#itemanalysis .partialcorrect {
3950   color: green !important;
3953 #mod-quiz-report table#itemanalysis .qname {
3954   color: green !important;
3957 /* manual grading */
3958 #mod-quiz-grading table#grading
3960   width: 80%;
3961   margin: auto;
3964 #mod-quiz-grading table#grading
3966   margin: 20px auto;
3969 #mod-quiz-grading table#grading .header,
3970 #mod-quiz-grading table#grading .cell
3972   padding: 4px;
3975 #mod-quiz-grading table#grading .header .commands 
3977   display: inline;
3980 #mod-quiz-grading table#grading .picture 
3982   width: 40px;
3985 #mod-quiz-grading table#grading td 
3987   border-left-width: 1px;
3988   border-right-width: 1px;
3989   border-left-style: solid;
3990   border-right-style: solid;
3991   vertical-align: bottom;
3994 .mod-quiz .gradingdetails {
3995   font-size: small;
3997 .quizattemptcounts {
3998   text-align: center;
3999   margin: 6px 0;
4001 /***
4002  *** Modules: Resource
4003  ***/
4005 #mod-resource-view .resourcecontent {
4006   text-align:center;
4007   margin:20px;
4010 #mod-resource-view .resourcepdf {
4011   width: 100%;
4012   padding-top: 15px;
4013   text-align: center
4016 .resourcecontent object {
4017   height:480px;
4018   width:600px;
4021 .resourcepdf object{
4022   height: 800px;
4023   width: 800px;
4026 .mod-resource .modified {
4027   text-align:center;
4030 .mod-resource .popupnotice {
4031   text-align:center;
4032   margin:40px;
4035 .ims-nav-bar {
4036   margin-top:0.2em;
4037   position: relative;
4040 .ims-nav-button a,
4041 .ims-nav-dimmed {
4042   padding-left:1em;
4043   padding-right:1em;
4044   padding-top:0.2em;
4045   padding-bottom:0.2em;
4048 #ims-containerdiv {
4049   margin-top:0.2em;
4052 #ims-menudiv {
4053   padding-top:1em;
4054   padding-right:0.2em;
4055   position:absolute;
4056   width:250px;
4057   overflow:auto;
4060 #ims-menudiv ol {
4061   margin:0em;
4062   list-style-type:none;
4063   padding-left:1em;
4066 #ims-contentframe {
4067   position:absolute;
4068   left:260px;
4069   border:1px solid;
4070   width:640px;
4071   height:480px;
4074 #ims-contentframe-no-nav {
4075   position:absolute;
4076   border:1px solid;
4077   width:640px;
4078   height:480px;
4081 #mod-resource-view div#footer {
4082   margin-top: 5px;
4085 /***
4086  *** Modules: Scorm
4087  ***/
4089 /***
4090  *** Modules: Survey
4091  ***/
4092 .resultgraph {
4093   text-align:center;
4094   border:1px solid;
4097 .reportsummary,
4098 .studentreport,
4099 .reportbuttons {
4100   text-align:center;
4103 .centerpara {
4104   text-align:center;
4107 .fullnamecell {
4108   width:10%;
4109   vertical-align:top;
4110   white-space: nowrap;
4113 .questiontext {
4114   font-size:1em;
4117 .smalltext {
4118   font-size: 0.75em;
4121 #surveyform th {
4122   font-weight: normal;
4123   text-align: left;
4125 #surveyform th.hresponse {
4126   text-align: center;
4127   width: 9%;
4130 .rblock label {
4131   display: block;
4132   text-align: center;
4135 .foundthat,
4136 .preferthat {
4137   white-space: nowrap;
4140 .qnummiddlecell {
4141   vertical-align:middle;
4144 .optioncell {
4145   width: 50%;
4146   vertical-align: top;
4149 .buttoncell {
4150   width:5%;
4153 .questioncell {
4154   width:50%;
4155   vertical-align:top;
4158 .whitecell {
4159   background-color:white;
4161 /***
4162  *** Modules: Wiki
4163  ***/
4164 .sideblockheading,
4165 .howtowiki {
4166   text-align:right;
4169 .wikisearchform,
4170 .wikilinksblock,
4171 wikiadminactions {
4172   text-align:center;
4175 .wikilinkright{
4176   text-align:right;
4177   padding-bottom: 0.5em;
4180 .wikiexportbox{
4181   margin-left:auto;
4182   margin-right:auto;
4184 /***
4185  *** Modules: Workshop
4186  ***/
4187 .redfont {
4188   color: red;
4191 .workshopuploadform,
4192 .workshopkey {
4193   text-align:center;
4197 /***
4198  *** Help files (/lang/-/help)
4199  ***/
4200 #help hr {
4201   border: none;
4202   height: 1px;
4203   background: #ccc;
4205 #help .example1 {
4206   color: #a00;
4208 #help .success {
4209   color: #080;
4211 #help .center {
4212   text-align: center;
4214 #help .moreinfo {
4215   text-align: right;
4217 /* Equivalent to 1 and 5 nested blockquotes respectively. */
4218 #help .indent {
4219   margin-left: 40px;
4221 #help .indent-big {
4222   margin-left: 160px;
4223   margin-right:160px;
4225 #help pre, #help code {
4226   background: #eee;
4227   border: 1px dashed #ddd;
4228   padding: 3px;