Merged MDL-13640 to move "Manage tags" link
[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 body.tag .managelink {
2851   text-align:right;
2852   padding:10px;
2855 /* small css hack for firefox*/
2856 div#tag-user-table:after{
2857  content:".";
2858  display:block;
2859  clear:both;
2860  visibility:hidden;
2861  height:0;
2862  overflow:hidden;
2864 /* end hack*/
2866 div.user-box {
2867  margin-left:8px;
2868  margin-right:8px;
2869  margin-top:8px;
2870  margin-bottom:8px;
2871  width:115px;
2872  height:160px;
2873  text-align:center;
2874  display:block;
2875  float:left;
2876  clear: none;
2879 img.user-image {
2880  border:0px;
2881  height:100px;
2882  width:100px;
2885 div#small-tag-cloud-box {
2886  width:300px;
2887  margin-left:auto;
2888  margin-right:auto;
2889  margin-bottom:0px;
2890  margin-top:0px;
2893 div#big-tag-cloud-box {
2894  width:600px;
2895  margin-left:auto;
2896  margin-right:auto;
2897  margin-bottom:0px;
2898  margin-top:0px;
2899  display:block;
2900  float:none;
2903 ul#tag-cloud-list {
2904  list-style:none;
2905  padding:5px;
2906  margin:0px;
2907  list-style-type:none;
2909 ul#tag-cloud-list li {
2910  margin:0px;
2911  display:inline;
2914 /* search start*/
2916 div#tag-search-box {
2917  text-align:center;
2918  margin-left:auto;
2919  margin-right:auto;
2920  margin-top:10px;
2921  margin-bottom:10px;
2924 div#tag-search-results-container {
2925  padding:0px;
2926  width:100%;
2929 ul#tag-search-results {
2930  padding:0px;
2931  margin-left:20%;
2932  margin-right:20%;
2933  margin-top:15px;
2934  margin-bottom:0px;
2935  float:left;
2936  width:60%;
2937  display:block;
2938  list-style:none;
2941 ul#tag-search-results li{
2943  width:30%;
2944  float:left;
2945  padding-left:1%;
2946  text-align:left;
2947  line-height:20px;
2948  padding-right:1%;
2952 div#tags-management-links {
2953  text-align:right;
2954  display:block;
2955  font-size:12px;
2958 /* search end*/
2960 /* tag management start*/
2961 span.flagged-tag {
2962  color:#FF0000;
2964 span.flagged-tag a{
2965  color:#FF0000;
2968 table#tag-management-list {
2969  text-align:left;
2970  margin-left:auto;
2971  margin-right:auto;
2974 table#tag-management-list tr td{
2975  padding-left:4px;
2976  padding-right :4px;
2979 .tag-management-form {
2980  text-align:center;
2982 /* tag management end*/
2984 /* autocomplete start*/
2985 #relatedtags-autocomplete-container
2987  margin-left:auto;
2988  margin-right:auto;
2989  min-height:4.6em;
2990  width:100%;
2993 #relatedtags-autocomplete {
2994  position:relative;
2995  display:block;
2996  width:60%;
2997  margin-left:auto;
2998  margin-right:auto;
3000 #relatedtags-autocomplete .yui-ac-content
3002  position:absolute;
3003  width:420px;
3004  left:20%;
3005  border:1px solid #404040;
3006  background:#fff;
3007  overflow:hidden;
3008  z-index:9050;
3010 #relatedtags-autocomplete .ysearchquery
3012  position:absolute;
3013  right:10px;
3014  color:#808080;
3015  z-index:10;
3017 #relatedtags-autocomplete .yui-ac-shadow {
3018  position:absolute;
3019  margin:.3em;
3020  width:100%;
3021  background:#a0a0a0;
3022  z-index:9049;
3024 #relatedtags-autocomplete ul {
3025  padding:0;width:100%;
3026  margin:0;
3027  list-style-type:none;
3030 #relatedtags-autocomplete li {
3031  padding:0 5px;
3032  cursor:default;
3033  white-space:
3034  nowrap;
3036 #relatedtags-autocomplete li.yui-ac-highlight
3038  background:#FFFFCC;
3040 /* autocomplete end*/
3042 /***
3043  *** User
3044  ***/
3046 .userinfobox {
3047   margin-bottom:5px;
3048   border-width: 1px;
3049   border-style: solid;
3050   border-collapse: separate;
3053 .userinfobox .left,
3054 .userinfobox .side {
3055   padding: 10px;
3056   width: 100px;
3057   vertical-align: top;
3060 .userinfobox .userpicture {
3061   width: 100px;
3062   height: 100px;
3065 .userinfobox .content {
3066   padding: 10px;
3067   vertical-align: top;
3070 .userinfobox .links {
3071   width: 100px;
3072   padding: 5px;
3073   vertical-align: bottom;
3076 .userinfobox .list td {
3077   padding: 3px;
3080 .userinfobox .username {
3081   padding-bottom: 20px;
3084 .userinfobox td.label {
3085   text-align:right;
3086   white-space: nowrap;
3087   vertical-align: top;
3090 table.userinfobox {
3091   width: 80%;
3092   margin-left: 10%;
3093   margin-right: 10%;
3096 table.groupinfobox {
3097   width: 60%;
3098   margin-left: 20%;
3099   margin-right: 20%;
3100   border-width:1px;
3101   border-style:solid;
3102   margin-bottom: 20px;
3105 .groupinfobox .left {
3106   padding: 10px;
3107   width: 100px;
3108   vertical-align: top;
3111 body#user-index h2 {
3112   text-align: center;
3115 #user-view .buttons,
3116 #user-index .buttons {
3117   text-align: center;
3120 #user-view .buttons form,
3121 #user-view .buttons form div {
3122   display:inline;
3125 body#user-index #longtimenosee,
3126 body#user-index #showall {
3127   text-align: center;
3130 body#user-index #showall {
3131   margin: 10px 0px;
3134 body#user-index table#participants,
3135 body#tag-manage table#tag-management-list {
3136   margin: auto;
3137   width: 80%;
3140 body#tag-manage table#tag-management-list td,
3141 body#tag-manage table#tag-management-list th,
3142 body#user-index table#participants td,
3143 body#user-index table#participants th {
3144   vertical-align: middle;
3145   text-align: left;
3146   padding: 4px;
3149 body#user-index table.controls {
3150   width: 100%;
3152 body#user-index table.controls tr {
3153   vertical-align: top;
3155 body#user-index table.controls td.right,
3156 body#user-index table.controls td.left {
3157   padding: 4px;
3159 body#user-index table.controls .right {
3160   text-align: right;
3162 body#course-participation h2 {
3163   text-align:center;
3165 body#course-participation #showall {
3166   text-align:center;
3167   margin: 10px 0px;
3169 body#user-index .rolesform {
3170   text-align:center;
3173 #user-policy .noticebox {
3174   text-align:center;
3175   margin-left:auto;
3176   margin-right:auto;
3177   margin-bottom:10px;
3178   width:80%;
3179   height:250px;
3182 #user-policy #policyframe {
3183   width:100%;
3184   height:100%;
3187 .iplookup #map {
3188   margin:auto;
3191 .iplookup #note {
3192   text-align:center;
3195 /***
3196  *** Modules: Assignment
3197  ***/
3199 .userpicture,
3200 .picture user,
3201 .picture teacher {
3202   width:35px;
3203   vertical-align:top;
3205 .modform {
3206   text-align:center;
3208 #wordcount {
3209   text-align: right;
3212 /***
3213  *** Modules: Chat
3214  ***/
3216 .nextchatsession {
3217   text-align:center;
3220 #mod-chat-gui_header_js-jsupdate {
3221   margin:10px
3223 #mod-chat-gui_header_js-jsupdate .chat-event,
3224 #mod-chat-gui_header_js-jsupdate .chat-message {
3225   width:100%;
3226   padding:0;
3227   margin-top:7px
3230 #mod-chat-view #chatcurrentusers .chatuserdetails {
3231   vertical-align: middle;
3234 #mod-chat-view #enterlink {
3235   text-align: center;
3236   margin-left: auto;
3237   margin-right: auto;
3238   width: 50%;
3241 .chat-event .picture,
3242 .chat-message .picture {
3243   width:40px;
3244   vertical-align:top;
3246 .chat-event .text,
3247 .chat-message .text {
3248   text-align: left;
3251 #mod-chat-gui_basic #participants ul {
3252   margin:0px;
3253   padding:0px;
3254   list-style-type:none;
3257 #mod-chat-gui_basic #participants ul li {
3258   display:inline;
3259   margin-right:10px;
3262 #mod-chat-gui_basic #participants ul li .userinfo {
3263   display:inline;
3266 #mod-chat-gui_basic #messages dl {
3267   padding:0px;
3268   margin:1px;
3271 #mod-chat-gui_basic #messages dd,
3272 #mod-chat-gui_basic #messages dt {
3273   margin-left:0px;
3274   margin-right:5px;
3275   padding:0px;
3276   display:inline;
3279 /***
3280  *** Modules: Choice
3281  ***/
3282 .button {
3283   text-align:center;
3286 .attemptcell {
3287   width:5px;
3288   white-space: nowrap;
3291 .anonymous,
3292 .names {
3293   margin-left:auto;
3294   margin-right:auto;
3297 .downloadreport {
3298   border:0px;
3299   margin-left:auto;
3300   margin-right:auto;
3303 .choiceresponse {
3304   width:100%;
3306 .choiceresponse .picture {
3307   width:10px;
3308   white-space: nowrap;
3311 .choiceresponse .fullname {
3312   width:100%;
3313   white-space: nowrap;
3317 .results.data {
3318   vertical-align:top;
3319   white-space: nowrap;
3322 /***
3323  *** Modules: Data
3324  ***/
3325 .fieldadd,
3326 .sortdefault,
3327 .defaulttemplate {
3328   text-align:center;
3330 .datapreferences {
3331   text-align:center;
3334 table.presets {
3335   margin-left: auto;
3336   margin-right: auto;
3339 /***
3340  *** Modules: Forum
3341  ***/
3343 .forumheaderlist,
3344 .forumpost {
3345   border-width:1px;
3346   border-style:solid;
3347   border-collapse:separate;
3350 .forumpost {
3351   margin-top: 15px;
3354 .forumpost .topic {
3355   padding: 4px;
3356   border-style:solid;
3357   border-width: 0px;
3358   border-bottom-width: 1px;
3361 .forumpost .commands {
3362   padding-top: 0.5em;
3363   text-align:right;
3364   clear: both;
3367 .forumpost .ratings {
3368   padding-top: 1em;
3369   text-align:right;
3372 .forumpost .attachments {
3373   padding: 7px;
3374   text-align:right;
3377 .forumpost .content {
3378   padding: 4px;
3381 .forumpost .footer {
3382   padding-top: 0.5em;
3383   text-align:right;
3386 .forumpost .link {
3387   padding-top: 0.5em;
3388   text-align:right;
3391 .forumpost .left {
3392   width: 35px;
3393   padding: 4px;
3394   text-align: center;
3395   vertical-align: top;
3398 .mod-forum .indent {
3399   margin-left: 30px;
3402 body#user-view .forumpost,
3403 .course .forumpost {
3404   width: 100%;
3407 body#mod-forum-search .c0 {
3408   text-align: right;
3411 body#mod-forum-search .introcontent {
3412   padding: 15px;
3415 .forumolddiscuss {
3416   text-align: right;
3419 .forumheaderlist {
3420   width: 100%;
3423 .forumheaderlist td {
3424   border-width:1px 0px 0px 1px;
3425   border-style:solid;
3428 .forumheaderlist .replies {
3429   text-align: center;
3430   white-space: nowrap;
3433 .forumheaderlist .picture {
3434   width: 35px;
3437 .forumheaderlist .discussion .starter {
3438   vertical-align: middle;
3441 .forumheaderlist .lastpost {
3442   white-space: nowrap;
3443   text-align: right;
3446 .forumheaderlist .discussion .author {
3447   white-space: nowrap;
3449 .forumolddiscuss {
3450   text-align:right;
3452 .forumaddnew,
3453 .forumnodiscuss,
3454 .noticeboxcontent {
3455   text-align:center;
3458 #mod-forum-view .forumaddnew {
3459   margin-bottom: 20px;
3462 #mod-forum-view .forumcontrol .groupmenu {
3463   float: left;
3464   text-align:left;
3465   white-space: nowrap;
3468 #mod-forum-view .groupmenu {
3469   float: left;
3470   text-align:left;
3471   white-space: nowrap;
3474 #mod-forum-view .forumcontrol .subscription {
3475   float: right;
3476   text-align:right;
3477   white-space: nowrap;
3480 #mod-forum-view .subscription {
3481   float: right;
3482   text-align:right;
3483   white-space: nowrap;
3486 #mod-forum-index .subscription {
3487   float: right;
3488   text-align:right;
3489   white-space: nowrap;
3492 #mod-forum-view .unread {
3493   padding-left: 3px;
3494   padding-right: 3px;
3496 #mod-forum-discuss .forumpost.unread .content {
3497   border-style: solid;
3498   border-width: 2px;
3500 #mod-forum-discuss .ratingsubmit {
3501   text-align:center;
3502   padding:10px;
3504 #mod-forum-index .unread img,
3505 #mod-forum-view .unread img
3507   margin-left: 5px;
3510 #mod-forum-discuss .discussioncontrols td {
3511   width: 33%;
3512   text-align:center;
3515 #email .unsubscribelink {
3516   margin-top:20px;
3517   border-width: 0px 1px 0px 0px;
3518   border-style: solid;
3519   text-align:center;
3522 #mod-forum-view .subscription {
3523   margin: 5px 0;
3526 /***
3527  *** Modules: Glossary
3528  ***/
3530 .glossarypost .commands {
3531   width: 200px;
3532   white-space: nowrap;
3535 #mod-glossary-comments .glossarypost,
3536 #mod-glossary-comment .glossarypost {
3537   margin-top: 15px;
3540 .entryboxheader {
3541   border-width: 1px 1px 0px 1px;
3542   border-style: solid;
3545 .entrybox {
3546   width: 100%;
3547   border-width: 0px 1px 1px 1px;
3548   border-style: solid;
3551 .entrybox hr {
3552   border-left:none;
3553   border-right:none;
3556 .glossarypost {
3557   width: 95%;
3558   border-width:1px;
3559   border-style:solid;
3560   border-collapse:separate;
3561   margin-left:auto;
3562   margin-right:auto;
3563   margin-bottom: 5px;
3564   text-align: left;
3567 .entrylist {
3568   border-width:0px;
3571 .entrylowersection {
3572   padding-top: 10px;
3575 .entrylowersection table{
3576   width: 100%;
3579 .entrylowersection .aliases {
3580   text-align:center;
3583 .entrylowersection .icons,
3584 .entrylowersection .ratings {
3585   text-align:right;
3586   padding-right: 5px;
3589 .entrylowersection .ratings {
3590   padding-bottom: 2px;
3593 .glossarycategoryheader {
3594   width: 95%;
3595   margin-left:auto;
3596   margin-right:auto;
3599 .glossaryformatheader {
3600   width: 90%;
3603 .glossarypost .entry {
3604   padding: 3px;
3607 .glossarypost .picture {
3608   width: 35px;
3611 .glossarycomment {
3612   border-width:1px;
3613   border-style:solid;
3614   border-collapse:separate;
3615   margin-bottom: 5px;
3616   text-align: left;
3619 .glossarycomment .entry {
3620   padding: 3px;
3623 .glossarycomment .picture {
3624   width: 35px;
3627 .glossarycomment .icons {
3628   text-align: right;
3631 .glossarydisplay {
3632   width: 90%;
3633   margin-left:auto;
3634   margin-right:auto;
3635   text-align:center;
3638 .glossarydisplay .tabs {
3639   width: 100%;
3642 .glossarydisplay .separator {
3643   width: 4px;
3646 .glossarydisplay .tabs .selected,
3647 .glossarydisplay .tabs .inactive,
3648 .glossarydisplay .tabs .general {
3651 .glossaryimportexport {
3652   margin-left:auto;
3653   margin-right:auto;
3654   text-align:center;
3657 .glossarypopup {
3658   width: 95%;
3661 .glossaryapproval {
3662   width: 100%;
3665 .mod-glossary .glossarydisplay .tabs {
3666   margin-bottom: 0px;
3669 .mod-glossary .glossarydisplay .tabs .side {
3670   border-style: none;
3671   border-width: 0px;
3672   width: auto;
3675 .glossaryexplain,
3676 .glossaryaddentry {
3677   text-align: center;
3680 .mod-glossary .tabrow0 {
3681   padding-bottom: 5px;
3684 #mod-glossary-view .glossarycontrol {
3685   float: right;
3686   text-align:right;
3687   white-space: nowrap;
3688   margin: 5px 0;
3691 /***
3692  *** Modules: Journal
3693  ***/
3694 #mod-journal-view .lastedit,
3695 #mod-journal-view .editend {
3696   margin: 5px;
3697   text-align: center;
3699 #mod-journal-view .feedbackbox {
3700   width: 75%;
3701   border-collapse: separate;
3703 #mod-journal-view .entrycontent {
3704   padding: 3px;
3706 #mod-journal-view .picture {
3707   width: 35px;
3709 #mod-journal-view .grade {
3710   text-align: right;
3712 #mod-journal-view .info {
3713   margin-bottom: 5px;
3714   text-align: right;
3718 /***
3719  *** Modules: Label
3720  ***/
3722 /***
3723  *** Modules: Lesson
3724  ***/
3725 #mod-lesson-lesson #page .addform {
3726   text-align: center;
3728 #mod-lesson-edit #page .label {
3729   font-weight: bold;
3731 #mod-lesson-edit #page .labelcorrect {
3732   text-decoration: underline;
3733   font-weight: bold;
3735 .lessonmediafilecontrol {
3736   text-align: center;
3737   margin-left: auto;
3738   margin-right: auto;
3741 #mod-lesson-view .invisiblefieldset {
3742   display: block;
3743   text-align: left;
3746 /***
3747  *** Modules: Quiz
3748  ***/
3750 #mod-quiz-view .quizinfo {
3751   text-align: center;
3753 #mod-quiz-view #page .quizgradefeedback,
3754 #mod-quiz-view #page .quizattempt
3756   text-align: center;
3758 #mod-quiz-view #page .quizattemptsummary td p {
3759   margin-top: 0;
3761 #mod-quiz-view .generalbox#feedback {
3762   width:70%;
3763   margin-left:auto;
3764   margin-right:auto;
3765   padding-bottom:15px;
3767 #mod-quiz-view .generalbox#feedback h2 {
3768   margin: 0 0;
3770 body#mod-quiz-view .generalbox#feedback .overriddennotice {
3771   text-align: center;
3772   font-size: 0.7em;
3774 #mod-quiz-view .generalbox#feedback h3 {
3775   text-align: left;
3778 .generalbox#passwordbox { /* Should probably match .generalbox#intro above */
3779   width:70%;
3780   margin-left:auto;
3781   margin-right:auto;
3783 #passwordform {
3784   margin: 1em 0;
3786 #mod-quiz-attempt #page {
3787   text-align: center;
3789 #mod-quiz-attempt .pagingbar {
3790   margin: 1.5em auto;
3792 #mod-quiz-attempt #page {
3793     text-align: center;
3796 #mod-quiz-attempt #timer .generalbox {
3797   width:150px
3800 #mod-quiz-attempt #timer {
3801   position:absolute;
3802   /*top:100px; is set by js*/
3803   left:10px
3806 body#question-preview .quemodname,
3807 body#question-preview .controls
3809   text-align: center;
3811 body#question-preview .quemodname, body#question-preview .controls {
3812   text-align: center;
3815 #mod-quiz-attempt #page .controls,
3816 #mod-quiz-review #page .controls {
3817   text-align: center;
3818   margin: 8px auto;
3820 #mod-quiz-review .pagingbar {
3821   margin: 1.5em auto;
3823 #mod-quiz-review .pagingbar {
3824   margin: 1.5em auto;
3826 table.quizreviewsummary {
3827   margin-bottom: 1.8em;
3828   width: 100%;
3830 table.quizreviewsummary tr {
3832 table.quizreviewsummary th.cell {
3833   padding: 1px 0.5em 1px 1em;
3834   font-weight: bold;
3835   text-align: right;
3836   width: 10em;
3838 table.quizreviewsummary td.cell {
3839   padding: 1px 1em 1px 0.5em;
3842 #mod-quiz-mod #reviewoptionshdr .fitem {
3843   float: left;
3844   width: 30%;
3845   margin-left: 10px;
3846   clear: none;
3848 #mod-quiz-mod #reviewoptionshdr .fitemtitle {
3849   width: 100%;
3850   font-weight: bold;
3851   text-align: left;
3852   height: 2.5em;
3853  margin-left: 0;
3855 #mod-quiz-mod #reviewoptionshdr fieldset.fgroup {
3856   width: 100%;
3857   text-align: left;
3858  margin-left: 0;
3860 #mod-quiz-mod #reviewoptionshdr fieldset.fgroup span {
3861   float: left;
3862   clear: left;
3865 #mod-quiz-edit #page .controls,
3866 #mod-quiz-edit #page .quizattemptcounts
3868   text-align: center;
3870 #mod-quiz-edit .quizquestions h2 {
3871   margin-top: 0;
3873 #mod-quiz-edit #showbreaks {
3874   margin-top: 0.7em;
3876 .quizquestionlistcontrols {
3877   text-align: center;
3880 #mod-quiz-report table#attempts,
3881 #mod-quiz-report table#commands,
3882 #mod-quiz-report table#itemanalysis
3884   width: 80%;
3885   margin: auto;
3887 #mod-quiz-report table#attempts,
3888 #mod-quiz-report h2.main {
3889   clear: both;
3891 #mod-quiz-report table#attempts {
3892   margin: 20px auto;
3894 #mod-quiz-report table#attempts .header,
3895 #mod-quiz-report table#attempts .cell
3897   padding: 4px;
3899 #mod-quiz-report table#attempts .header .commands {
3900   display: inline;
3902 #mod-quiz-report table#attempts .picture {
3903   width: 40px;
3905 #mod-quiz-report table#attempts td {
3906   border-left-width: 1px;
3907   border-right-width: 1px;
3908   border-left-style: solid;
3909   border-right-style: solid;
3910   vertical-align: middle;
3912 #mod-quiz-report table#attempts .header {
3913   text-align: left;
3915 #mod-quiz-report table#attempts .picture {
3916   text-align: center !important;
3918 #mod-quiz-report .controls {
3919   text-align: center;
3922 #mod-quiz-report table#itemanalysis {
3923   margin: 20px auto;
3925 #mod-quiz-report table#itemanalysis .header,
3926 #mod-quiz-report table#itemanalysis .cell
3928   padding: 4px;
3930 #mod-quiz-report table#itemanalysis .header .commands {
3931   display: inline;
3933 #mod-quiz-report table#itemanalysis td {
3934   border-width: 1px;
3935   border-style: solid;
3937 #mod-quiz-report table#itemanalysis .header {
3938   text-align: left;
3940 #mod-quiz-report table#itemanalysis .numcol {
3941   text-align: center;
3942   vertical-align : middle !important;
3945 #mod-quiz-report table#itemanalysis .uncorrect {
3946   color: red;
3949 #mod-quiz-report table#itemanalysis .correct {
3950   color: blue;
3951   font-weight : bold;
3954 #mod-quiz-report table#itemanalysis .partialcorrect {
3955   color: green !important;
3958 #mod-quiz-report table#itemanalysis .qname {
3959   color: green !important;
3962 /* manual grading */
3963 #mod-quiz-grading table#grading
3965   width: 80%;
3966   margin: auto;
3969 #mod-quiz-grading table#grading
3971   margin: 20px auto;
3974 #mod-quiz-grading table#grading .header,
3975 #mod-quiz-grading table#grading .cell
3977   padding: 4px;
3980 #mod-quiz-grading table#grading .header .commands 
3982   display: inline;
3985 #mod-quiz-grading table#grading .picture 
3987   width: 40px;
3990 #mod-quiz-grading table#grading td 
3992   border-left-width: 1px;
3993   border-right-width: 1px;
3994   border-left-style: solid;
3995   border-right-style: solid;
3996   vertical-align: bottom;
3999 .mod-quiz .gradingdetails {
4000   font-size: small;
4002 .quizattemptcounts {
4003   text-align: center;
4004   margin: 6px 0;
4006 /***
4007  *** Modules: Resource
4008  ***/
4010 #mod-resource-view .resourcecontent {
4011   text-align:center;
4012   margin:20px;
4015 #mod-resource-view .resourcepdf {
4016   width: 100%;
4017   padding-top: 15px;
4018   text-align: center
4021 .resourcecontent object {
4022   height:480px;
4023   width:600px;
4026 .resourcepdf object{
4027   height: 800px;
4028   width: 800px;
4031 .mod-resource .modified {
4032   text-align:center;
4035 .mod-resource .popupnotice {
4036   text-align:center;
4037   margin:40px;
4040 .ims-nav-bar {
4041   margin-top:0.2em;
4042   position: relative;
4045 .ims-nav-button a,
4046 .ims-nav-dimmed {
4047   padding-left:1em;
4048   padding-right:1em;
4049   padding-top:0.2em;
4050   padding-bottom:0.2em;
4053 #ims-containerdiv {
4054   margin-top:0.2em;
4057 #ims-menudiv {
4058   padding-top:1em;
4059   padding-right:0.2em;
4060   position:absolute;
4061   width:250px;
4062   overflow:auto;
4065 #ims-menudiv ol {
4066   margin:0em;
4067   list-style-type:none;
4068   padding-left:1em;
4071 #ims-contentframe {
4072   position:absolute;
4073   left:260px;
4074   border:1px solid;
4075   width:640px;
4076   height:480px;
4079 #ims-contentframe-no-nav {
4080   position:absolute;
4081   border:1px solid;
4082   width:640px;
4083   height:480px;
4086 #mod-resource-view div#footer {
4087   margin-top: 5px;
4090 /***
4091  *** Modules: Scorm
4092  ***/
4094 /***
4095  *** Modules: Survey
4096  ***/
4097 .resultgraph {
4098   text-align:center;
4099   border:1px solid;
4102 .reportsummary,
4103 .studentreport,
4104 .reportbuttons {
4105   text-align:center;
4108 .centerpara {
4109   text-align:center;
4112 .fullnamecell {
4113   width:10%;
4114   vertical-align:top;
4115   white-space: nowrap;
4118 .questiontext {
4119   font-size:1em;
4122 .smalltext {
4123   font-size: 0.75em;
4126 #surveyform th {
4127   font-weight: normal;
4128   text-align: left;
4130 #surveyform th.hresponse {
4131   text-align: center;
4132   width: 9%;
4135 .rblock label {
4136   display: block;
4137   text-align: center;
4140 .foundthat,
4141 .preferthat {
4142   white-space: nowrap;
4145 .qnummiddlecell {
4146   vertical-align:middle;
4149 .optioncell {
4150   width: 50%;
4151   vertical-align: top;
4154 .buttoncell {
4155   width:5%;
4158 .questioncell {
4159   width:50%;
4160   vertical-align:top;
4163 .whitecell {
4164   background-color:white;
4166 /***
4167  *** Modules: Wiki
4168  ***/
4169 .sideblockheading,
4170 .howtowiki {
4171   text-align:right;
4174 .wikisearchform,
4175 .wikilinksblock,
4176 wikiadminactions {
4177   text-align:center;
4180 .wikilinkright{
4181   text-align:right;
4182   padding-bottom: 0.5em;
4185 .wikiexportbox{
4186   margin-left:auto;
4187   margin-right:auto;
4189 /***
4190  *** Modules: Workshop
4191  ***/
4192 .redfont {
4193   color: red;
4196 .workshopuploadform,
4197 .workshopkey {
4198   text-align:center;
4202 /***
4203  *** Help files (/lang/-/help)
4204  ***/
4205 #help hr {
4206   border: none;
4207   height: 1px;
4208   background: #ccc;
4210 #help .example1 {
4211   color: #a00;
4213 #help .success {
4214   color: #080;
4216 #help .center {
4217   text-align: center;
4219 #help .moreinfo {
4220   text-align: right;
4222 /* Equivalent to 1 and 5 nested blockquotes respectively. */
4223 #help .indent {
4224   margin-left: 40px;
4226 #help .indent-big {
4227   margin-left: 160px;
4228   margin-right:160px;
4230 #help pre, #help code {
4231   background: #eee;
4232   border: 1px dashed #ddd;
4233   padding: 3px;