quiz editing / question bank: MDL-18355 Convert the add question drop-down to be...
[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 #redirect {
90   text-align: center;
91 }
93 /* .clearfix {display: inline-table;} */
95 /* Hides from IE-mac \*/
96 * html .clearfix {height: 1%;}
97 .clearfix {display: block;}
98 /* End hide from IE-mac */
100 .mdl-align {
101   text-align: center;
103 .mdl-left {
104   text-align: left;
106 .mdl-right {
107   text-align: right;
110 .continuebutton {
111   text-align: center;
114 form {
115   margin-bottom:0;
118 table {
119   border-spacing: 0;
120   border-collapse: collapse;
123 a img {
124   border:none;
127 img.userpicture,
128 img.grouppicture {
129   border: 0;
132 #grouppicture {
133   text-align: center;
136 div.groupselector {
137   float: left;
138   margin-top: 3px;
139   margin-bottom: 3px;
142 #addmembersform table {
143   margin-left: auto;
144   margin-right: auto;
147 .notifyproblem {
148   text-align: center;
149   padding: 10px;
152 .notifysuccess {
153   text-align:center;
154   padding: 10px;
157 .notifytiny {
158   text-align:left;
159   padding: 0;
162 .singlebutton form,
163 .singlebutton div {
164   display:inline;
167 .box {
168   clear: both;
171 .generalbox {
172   border-width:1px;
173   border-style:solid;
174   margin-bottom: 15px;
175   padding:10px;
178 .generalbox#intro {
179   width:70%;
180   margin-left:auto;
181   margin-right:auto;
182   padding-bottom:15px;
185 .boxaligncenter {
186   margin-left:auto;
187   margin-right:auto;
190 .boxalignright {
191   margin-left:auto;
192   margin-right:0;
195 .boxalignleft {
196   margin-left:0;
197   margin-right:auto;
200 .boxwidthnarrow {
201   width: 30%
204 .boxwidthnormal {
205   width: 50%
208 .boxwidthwide {
209   width: 80%
212 .centerpara {
213   text-align:center
216 .collapsibleregion {
217     overflow: hidden;
218     padding: 1px;
220 .collapsibleregioncaption {
221     white-space: nowrap;
223 .collapsibleregioncaption img {
224     vertical-align: middle;
226 div.collapsibleregion div.collapsibleregioncaption a {
227     color: inherit;
228     text-decoration: none;
230 .jsenabled .collapsed .collapsibleregioninner {
231     visibility: hidden;
234 .noticebox {
235   border-width:1px;
236   border-style:solid;
237   padding:10px;
240 #notice.generalbox {
241   width: 60%;
242   margin-left:auto;
243   margin-right:auto;
246 #notice .buttons {
247   text-align:center
250 #notice .buttons div,
251 #notice .buttons form {
252   display:inline;
255 #notice .singlebutton {
256   text-align:center;
257   padding: 5px;
258   margin: 0px;
261 .errorbox {
262   border-width:1px;
263   border-style:solid;
264   margin: 1em 15%;
265   width: 70%;
266   padding:10px;
269 .errorbox .title {
270   padding: 5px;
273 .informationbox {
274   border-width:1px;
275   border-style:solid;
276   padding: 10px;
279 .feedbackbox {
280   border-width:1px;
281   border-style:solid;
284 .feedbackby {
287 .feedback {
290 .rsslink {
291   padding:  0 0 0 0.3em;
294 .printicon {
295   padding:  0 0 0 0.3em;
298 .generaltable {
299   border-width: 1px;
300   border-style: solid;
303 .generaltable .cell {
304   border-width: 1px;
305   border-style: solid;
306   border-collapse: collapse;
308 .generaltable th.header {
309   vertical-align: top;
311 table.rotateheaders th.header {
312   vertical-align: bottom;
315 #participationreport .reporttable {
316   text-align: center;
317   margin-left:auto;
318   margin-right:auto;
321 #participationreport {
322   text-align: center;
325 #participationreport .modulename {
326   font-weight: bold;
329 #participationreportselector {
330   text-align: center;
333 #participationreportactions {
334   text-align: center;
337 .initialbar {
338   text-align: center;
341 #help .indent {
342   margin-left:3em;
345 .closewindow,
346 #help .helpindex {
347   text-align: center;
350 .tabledivider {
351   border-width:1px;
352   border-style:solid;
353   border-left:0;
354   border-right:0;
355   border-top:0;
358 .sitetopic {
359   margin-bottom:20px;
362 .sitetopiccontent {
363   border-width:1px;
364   border-style:solid;
367 .pagingbar {
368   text-align:center;
371 .pagingbar a {
372   padding-left: 10px;
375 .pagingbar .thispage {
376   padding-left: 10px;
379 table.formtable {
380   margin: auto;
383 table.formtable tbody th {
384   vertical-align: top;
387 table.formtable tbody td,
388 table.formtable tbody th
390   padding: 5px;
393 table.formtable tbody .htmlarea td,
394 table.formtable tbody .htmlarea th
396   padding: 0;
399 .flexible th
401   white-space: nowrap;
404 .paging {
405   text-align: center;
406   margin: 10px 0 10px 0;
409 .unread {
410   padding-right:2px;
413 .cell {
414   vertical-align: top;
417 .heading-with-help {
418   text-align:center;
419   margin:0.83em 0;
422 .heading-with-help h2 {
423   margin:0;
424   display:inline;
427 .helplink img {
428   vertical-align: middle;
429   margin: 0 2px;
430   width: 17px;
431   height: 17px;
434 img.emoticon {
435   vertical-align: middle;
436   width: 15px;
437   height: 15px;
440 form.popupform,
441 form.popupform div {
442   display: inline;
445 form.popupform label {
446   margin-right: 0.5em;
449 .arrow_button {
450   margin-top:3em;
453 .arrow_button input {
454   padding:0.3em;
455   overflow:hidden;
458 .groupmanagementtable {
459   width: 90%;
461 .groupmanagementtable td {
462   vertical-align: middle;
464 .groupmanagementtable p {
465   text-align: left;
466   margin-bottom: 0.2em;
468 .groupmanagementtable #existingcell,
469 .groupmanagementtable #potentialcell {
470   width: 42%;
472 .groupmanagementtable #existingcell label,
473 .groupmanagementtable #potentialcell label {
474   font-weight: bold;
476 .groupmanagementtable #buttonscell {
477   width: 16%;
479 .groupmanagementtable #buttonscell p {
480   text-align: center;
482 .groupmanagementtable #buttonscell input {
483     width: 80%;
484     padding: 1em 0;
486 .groupmanagementtable #buttonscell #remove {
487     margin: 7em 0;
489 .groupmanagementtable #backcell {
490     padding-top: 2em;
491     text-align: center;
493 .groupmanagementtable #removeselect_wrapper,
494 .groupmanagementtable #addselect_wrapper {
495     width: 100%;
497 .groupmanagementtable #removeselect_wrapper label,
498 .groupmanagementtable #addselect_wrapper label {
499   font-weight: normal;
502 #group-groupings .buttons {
503   margin: 20px;
504   text-align:center;
507 #group-groupings .buttons .singlebutton {
508   display: inline;
509   padding: 5px;
512 #group-usersummary {
513   width: 14em;
516 img.icon {
517   vertical-align:middle;
518   /*margin-right:4px;*/
519   width:16px;
520   height:16px;
521   border:0px;
524 img.iconsmall {
525   vertical-align:middle;
526   margin-right:1px;
527   width:11px;
528   height:11px;
529   border:0px;
532 img.iconhelp {
533   vertical-align:middle;
534   margin-right:4px;
535   width:17px;
536   height:17px;
537   border:0px;
540 img.iconkbhelp {
541   width:49px;
542   height:17px;
543   border:0px;
546 img.icontoggle {
547   width:50px;
548   height:17px;
549   border:0px;
550   vertical-align:middle;
553 /*Accessibility: text 'seen' by screen readers but not visual users. Fixed for RTL languages, example Farsi. */
554 .accesshide {
555   position:absolute;
556   top:-100000px;
557   left:10px;
558   font-weight:normal;
559   font-size:1em;
562 .invisiblefieldset {
563   display:inline;
564   border:0px;
565   padding:0px;
566   margin:0px;
569 span.hide,
570 div.hide {
571   display:none;
574 .userselector select {
575   width: 100%;
577 .userselector div {
578   margin-top: 0.2em;
580 .userselector div label {
581   margin-right: 0.3em;
583 #userselector_options {
584     font-size: 0.75em;
586 #userselector_options .collapsibleregioncaption {
587     font-weight: bold;
589 #userselector_options p {
590     margin:0.2em 0pt;
591     text-align:left;
594 /***
595  *** Forms
596  ***/
598 .mform {
599   margin: 0 auto;
600   padding: 0;
601   width: 80%;
603 .mform fieldset {
604   border: 1px solid #DDDDDD;
605   padding: 10px 0;
606   margin: 0.7em 0;
607   width:100%;
609 .mform fieldset.hidden, .mform fieldset.felement {
610   border: 0;
612 .mform fieldset.felement {
613   width: auto;
615 .mform fieldset legend {
616   font-weight: bold;
617   margin-left: 0.5em;
619 .advancedbutton {
620    width:100%;
621    text-align:right;
623 .mform div.fitem {
624   clear: both;
625   width: 100%;
626   min-height: 1.5em;
629 .mform .fitemtitle {
630   display: block;
631   float: left;
632   width: 30%;
633   padding: 0;
634   margin: 5px 0 0 10px;
635   text-align: right;
638 .mform .fitemtitle div{
639   display: inline;
642 div.fitem fieldset.fgroup label, div.fradio label,  div.fcheckbox label,
643 fieldset.fdate_selector label {
644   display:inline;
645   float: none;
646   width: auto;
649 .mform div.felement,  .mform fieldset.felement{
650   display: block;
651   float: left;
652   margin: 5px 0 0 10px;
653   padding: 0;
654   text-align:left;
655   width: 60%;
658 .mform div.fdescription {
659   clear: both;
660   min-height: 1.5em;
663 .mform .fdescription.required {
664   text-align:right;
667 .mform input, .mform select {
668   width: auto;
670 .mform .ftextarea #id_alltext {
671     width: 100%;
673 .mform br {
674   clear: left;
676 .mform div.fhtmleditor {
677   margin: 5px 0 0 10px;
678   padding: 0;
679   float: left;
680   display: block;
682 .mform span.error, .mform span.required {
683   color: red;
684   float: right;
685   margin-right: 0.3em;
687 .mform div.error,.mform fieldset.error {
688   border: 1px solid red;
689   color: inherit;
691 .mform .fcheckbox input {
692   margin-left: 0px;
694 .mform .fpassword .unmask {
695   display:inline;
697 .mform .fpassword .unmask input {
698   margin-left:5px;
699   margin-right:3px;
702 .mform label .req, .mform label .adv {
703   cursor: help;
705 .mform .ftags label.accesshide {
706   display: block;
707   position: static;
709 .mform .ftags select {
710   margin-bottom: 0.7em;
711   min-width: 22em;
714 /* form frozen */
715 div.mform div.fitem div.fstatic{
716  border-color : #D3D3D3;
717  border-style : dashed;
718  border-width : thin;
721 #admin-register .mform .fsubmit {
722   padding:20px;
723   text-align:center;
726 div.phpinfo .center{
727   text-align: center;
730 div.phpinfo .center table {
731   margin-left: auto;
732   margin-right: auto;
733   text-align: left;
736 div.phpinfo .center th {
737   text-align: center;
740 .backup-form-instances {
741    margin:0px 20px 0px 20px;
743 .restore-form-instances {
744    margin:0px 20px 0px 20px;
747 #portfolio-add-button {
748    display:inline;
751 /***
752  *** Header
753  ***/
755 #header-home {
758 #header {
761 .headermain, h1.headermain {
762   float:left;
763   margin:0;
764   padding:0;
767 .headermenu {
768   float:right;
769   text-align:right;
772 .navigation li,
773 .navigation div,
774 .navigation button,
775 .navigation form {
776   display: inline;
779 .navbar {
780   width:auto;
781   padding:3px 0.5em;
782   border-width:1px;
783   border-style:solid;
786 .navbar .langmenu {
787   text-align:right;
790 table.navbar {
791   width: 100%;
794 .navbar .navbutton {
795   margin-top: 3px;
796   float: left;
799 .navbar .navbutton div,
800 .navbar .navbutton form {
801   display:inline;
802   margin:0px;
803   padding:0px;
806 .navbar .breadcrumb {
807   float:left;
808   margin:0.2em 0;
811 .breadcrumb ul {
812   padding:0;
813   margin:0;
814   text-indent:0;
815   list-style:none;
817 .breadcrumb li {
818   display:inline;
821 .navbar .navbutton,
822 .navbar .menu {
823   float:right;
826 #footer .navbar {
827   margin-top: 4em;
830 .reportlink {
831   text-align:right;
834 .navigation {
835   margin-bottom: 4px;
838 .navigation ul {
839   margin:0px;
840   padding:0px;
841   list-style-type:none;
844 .navigation ul li form,
845 .navigation ul li {
846   display:inline;
847   margin:0px;
848   padding:0px;
849   margin-left:2px;
852 .navigation ul li form fieldset,
853 .navigation ul li form div select {
854   vertical-align: middle;
857 .navigation optgroup {
858   text-align:center;
859   padding-top:4px;
862 .navigation option {
863   text-align:left;
866 .navigation optgroup option {
867   padding:0px;
870 #navmenupopup option,
871 #navmenufooterpopup option {
872   padding: 2px 0 2px 20px;
873   background-repeat: no-repeat;
874   background-position: 1px 2px;
875   vertical-align: middle;
878 /***
879  *** Footer
880  ***/
882 #footer {
883   text-align:center;
884   margin-top: 40px;
887 .homelink {
888   margin: 1em 0;
891 .homelink a {
892   padding-left:1em;
893   padding-right:1em;
896 .sitelink {
897   padding-top:1em;
900 .performanceinfo {
901   margin: 2em;
904 .performanceinfo span {
905   display: block;
908 #footer .validators {
909   margin-top:40px;
910   padding-top:5px;
911   border-top: 1px dotted gray;
914 #footer .validators ul {
915   margin:0px;
916   padding:0px;
917   list-style-type:none;
920 #footer .validators ul li {
921   display:inline;
922   margin-right:10px;
923   margin-left:10px;
926 /***
927  *** Filters
928  ***/
929 .mediaplugin {
930   display:block;
931   clear:both;
932   margin-top:5px;
933   margin-bottom:5px;
936 .mediaplugin_mp3, .mediaplugin_swf, .mediaplugin_flv {
937   display:inline;
938   clear:none;
939   margin:0px;
940   margin-left:0.5em;
942 .texrender {
943   border:0px;
944   vertical-align:middle;
948 /***
949  *** Admin
950  ***/
952 body#admin-index .c0 {
953   vertical-align: top;
956 body#admin-index .c1 {
957   vertical-align: middle;
960 body#admin-blocks table.generaltable th,
961 body#admin-filters table.generaltable th,
962 body#admin-modules table.generaltable th,
963 body#admin-auth table.generaltable th
965   white-space: nowrap;
968 body#admin-modules .generaltablecell
970   padding-top: 2px;
971   padding-bottom: 2px;
974 body#admin-blocks table.generaltable th,
975 body#admin-blocks table.generaltable td.cell,
976 body#admin-filters table.generaltable th,
977 body#admin-filters table.generaltable td.cell,
978 body#admin-modules table.generaltable th,
979 body#admin-modules table.generaltable td.cell,
980 body#admin-auth table.generaltable th,
981 body#admin-auth table.generaltable td.cell
983   padding: 4px;
984   text-align: center;
985   vertical-align: middle;
988 body#admin-blocks table.generaltable th.c0,
989 body#admin-blocks table.generaltable td.c0,
990 body#admin-filters table.generaltable th.c0,
991 body#admin-filters table.generaltable td.c0,
992 body#admin-modules table.generaltable th.c0,
993 body#admin-modules table.generaltable td.c0,
994 body#admin-auth table.generaltable th.c0,
995 body#admin-auth table.generaltable td.c0
997   text-align: left;
1000 body#admin-modules table.generaltable td.c0
1002   white-space: nowrap;
1005 #admin-blocks
1006 #admin-config .confighelp {
1007   display: block;
1008   padding-bottom: 20px;
1011 #admin-stickyblocks .generalbox {
1012   text-align:center;
1015 #admin-index .copyrightnotice {
1016   margin: auto;
1017   text-align: center;
1020 #admin-maintenance .buttons {
1021   text-align:center;
1024 #admin-report-unittest-index .exception pre {
1025   padding: 8px;
1028 #admin-report-unittest-index .unittestsummary {
1029   padding: 8px;
1030   margin-top: 1em;
1033 #admin-report-security-index #timewarning {
1034   text-align:center;
1037 #admin-report-security-index .timewarninghidden {
1038   display:none;
1041 #admin-report-capability-index .rolecaps th {
1042   text-align: left;
1044 #admin-report-capability-index #settingsform {
1045   text-align: left;
1047 #admin-report-capability-index #settingsform h2 {
1048     margin-top: 0;
1050 #admin-report-capability-index #settingsform p {
1051   margin-bottom: 0;
1053 #admin-report-capability-index #settingsform #menucapability,
1054 #admin-report-capability-index #settingsform #capabilitysearchui {
1055   width: 100%;
1057 #admin-report-capability-index #settingsform #capabilitysearch {
1058   width: 30em;
1060 #admin-report-capability-index h3 {
1061   margin-bottom: 0;
1063 #admin-report-questioninstances-index #settingsform h2 {
1064     margin-top: 0;
1066 #admin-report-questioninstances-index #settingsform p {
1067   margin-bottom: 0;
1069 #admin-report-questioninstances-index #settingsform p {
1070   margin-bottom: 0;
1072 #admin-qtypes .cell.c4 {
1073   font-size: 0.7em;
1075 #admin-roles-allowassign .buttons,
1076 #admin-roles-allowoverride .buttons,
1077 #admin-roles-manage .buttons,
1078 #admin-roles-define .buttons,
1079 #admin-roles-override .buttons {
1080   margin: 20px;
1081   text-align:center;
1083 #admin-roles-manage .buttons .singlebutton,
1084 #admin-roles-define .buttons .singlebutton,
1085 #admin-roles-override .buttons .singlebutton {
1086   display: inline;
1087   padding: 5px;
1089 #admin-roles-define .topfields {
1090   margin: 1em 0 2em;
1092 .roleassigntable {
1093     width: 100%;
1095 .roleassigntable td {
1096     vertical-align: top;
1097     padding: 0.2em 0.3em;
1099 .roleassigntable p {
1100     text-align: left;
1101     margin: 0.2em 0;
1103 .roleassigntable #existingcell,
1104 .roleassigntable #potentialcell {
1105     width: 42%;
1107 .roleassigntable #existingcell label,
1108 .roleassigntable #potentialcell label {
1109     font-weight: bold;
1111 .roleassigntable #buttonscell {
1112     width: 16%;
1114 .roleassigntable #buttonscell #add,
1115 .roleassigntable #buttonscell #remove {
1116     width: 100%;
1117     margin: 0.3em 0;
1118     padding: 0.5em 0;
1120 .roleassigntable #buttonscell p {
1121     margin: 0.3em 0;
1123 .roleassigntable #buttonscell #assignoptions {
1124     font-size: 0.75em;
1126 .roleassigntable #buttonscell #assignoptions .collapsibleregioncaption {
1127     font-weight: bold;
1129 .roleassigntable #buttonscell #addcontrols {
1130     margin-top: 3em;
1131     height: 13em;
1133 .roleassigntable #removeselect_wrapper,
1134 .roleassigntable #addselect_wrapper {
1135     width: 100%;
1137 .roleassigntable #removeselect_wrapper label,
1138 .roleassigntable #addselect_wrapper label {
1139     font-weight: normal;
1141 #admin-roles-define .mform {
1142   width: 100%;
1144 #admin-roles-manage .backlink,
1145 #admin-roles-define .backlink,
1146 #admin-roles-explain .backlink,
1147 #admin-roles-assign .backlink,
1148 #admin-roles-override .backlink {
1149   text-align: right;
1150   width: 90%;
1151   margin: 2em auto 1em;
1154 #admin-roles-explain #chooseuser h3 {
1155   margin-top: 0;
1157 #admin-roles-explain #chooseusersubmit {
1158   margin: 1em 0 0;
1159   text-align: center;
1161 #admin-roles-usersroles .contextname {
1162   margin: 0.5em 0 0;
1164 #admin-roles-usersroles p {
1165   margin: 0;
1167 table.rolecap {
1168   margin-left: auto;
1169   margin-right: auto;
1171 .capabilitysearchui {
1172   text-align: left;
1173   margin-left: auto;
1174   margin-right: auto;
1176 table.rolecap .hiddenrow {
1177   display: none;
1180 tr.rolecap th {
1181   text-align: left;
1182   font-weight: normal;
1184 table.rolecap .inherit,
1185 table.rolecap .allow,
1186 table.rolecap .prevent,
1187 table.rolecap .prohibit {
1188   text-align:center;
1190 table.rolecap label {
1191   display: block;
1192   width: 100%;
1193   min-height: 2.5em;
1195 .rolecap .cap-name,
1196 .rolecap .note {
1197   display: block;
1198   padding: 0 0.5em;
1201 #admin-roles-override .cell.c1,
1202 #admin-roles-assign .cell.c3,
1203 #admin-roles-assign .cell.c1 {
1204   padding-top: 0.75em;
1207 #admin-roles-override .overridenotice,
1208 #admin-roles-define .definenotice {
1209     margin: 1em 10% 2em;
1210     text-align: left;
1213 table.explainpermissions {
1214   border: 1px solid black;
1216 table.explainpermissions .cell {
1217   border-bottom: none;
1219 table.explainpermissions th.header,
1220 table.explainpermissions th.cell,
1221 table.explainpermissions td.cell {
1222   border-left: 1px solid black;
1223   border-right: 1px solid black;
1224   vertical-align: middle;
1226 table.explainpermissions .newcontext .cell,
1227 table.explainpermissions .row2 th.header {
1228     border-top: 1px solid black;
1230 table.explainpermissions .cell.inherit,
1231 table.explainpermissions .cell.noroles {
1232   color: gray;
1234 table.explainpermissions th.assignment {
1235   text-align: left;
1236   padding-left: 0.5em;
1238 table.explainpermissions .cell.prohibit {
1239   font-weight: bold;
1241 table.explainpermissions .cell {
1242   padding: 0.2em 0.5em;
1243   text-align: center;
1245 #admin-lang .generalbox {
1246   text-align:center;
1247   margin:auto;
1248   border-width: 1px;
1249   border-style: solid;
1252 #admin-langimport .generalbox {
1253   text-align:center;
1254   margin:auto;
1255   border-width: 1px;
1256   border-style: solid;
1259 #admin-langimport .generalbox table {
1260   text-align:center;
1261   margin:auto;
1264 #admin-index .adminerror,
1265 #admin-index .adminwarning {
1266   text-align:center;
1267   border-width: 1px;
1268   border-style: solid;
1269   margin:20px;
1272 #admin-index .adminerror .singlebutton,
1273 #admin-index .adminwarning .singlebutton,
1274 #admin-index #layout-table .singlebutton {
1275   text-align:center;
1276   margin:20px;
1279 #admin-user-user_bulk #users .fgroup {
1280   white-space: nowrap;
1283 .plugincompattable caption {
1284   text-align: center;
1285   width: 100%;
1286   font-weight: bold;
1287   font-size: 130%;
1290 .plugincheckwrapper td{
1291   border: 1px #bbbbbb solid;
1294 .plugincheckwrapper{
1295     width: 100%;
1297 /* Admin settings */
1298 #adminsettings div.form-item {
1299   clear: both;
1300   margin: 1em 0 2em 0;
1303 #adminsettings .form-label {
1304   display: block;
1305   float: left;
1306   width: 12.5em;
1307   text-align: right;
1310 #adminsettings .form-shortname {
1311   display: block;
1314 #adminsettings .form-setting {
1315   display: block;
1316   margin-left: 13em;
1317   text-align: left;
1320 #adminsettings .form-defaultinfo {
1321   display: inline;
1324 #adminsettings .defaultsnext {
1325   margin-right: 0.5em;
1326   display: inline;
1329 #adminsettings .form-description {
1330   display: block;
1331   margin: 0.5em 0 0em 13em;
1332   text-align: left;
1335 #adminsettings div.form-password div.unmask {
1336   display: inline;
1339 #adminsettings fieldset {
1340   margin-top: 1em;
1341   padding: 1em 0.5em;
1344 #adminsettings legend {
1345   display: none;
1348 #adminsettings fieldset.error {
1349   margin: 0.2em 0 0.5em 0;
1350   padding: 0.5em 0 0 0;
1353 #adminsettings fieldset.error legend {
1354   display: block;
1357 #adminsettings .form-multicheckbox li {
1358   list-style: none;
1361 #adminsettings .form-multicheckbox ul {
1362   padding:0;
1363   margin:0;
1366 #adminsettings .form-item .pathok,
1367 #adminsettings .form-item .patherror {
1368   margin-left: 0.5em;
1371 #adminsettings .form-htmlarea {
1372   width:  640px;
1373   display:inline;
1376 #adminsettings .form-htmlarea .htmlarea {
1377   width:  640px;
1378   display:block;
1381 .environmentbox {
1382   margin-top: 1em;
1384 .environmenttable .cell {
1385   padding: 0.15em 0.5em;
1388 .form-buttons {
1389   margin: 10px 0 0 13em;
1392 .adminsearchform {
1393   padding-top:10px;
1396 .block_admin_tree .admintree {
1397   text-align:left;
1400 .block_admin_tree .admintree .depth1 {
1401   padding-left: 16px;
1404 .block_admin_tree .admintree .depth2 {
1405   padding-left: 32px;
1408 .block_admin_tree .admintree .depth3 {
1409   padding-left: 48px;
1412 .block_admin_tree .admintree .depth4 {
1413   padding-left: 64px;
1416 #admin-lang .translator {
1417   border-width: 1px;
1418   border-style: solid;
1421 #adminsettings #admin-calendar_weekend table {
1422   width: 100%;
1425 #adminsettings #admin-calendar_weekend table td {
1426   text-align: center;
1429 #adminsettings #admin-calendar_weekend table td label {
1430   width: 100%;
1431   text-align: center;
1432   float: none;
1435 #trustedhosts .generaltable {
1436   margin-left: auto;
1437   margin-right: auto;
1438   width: 500px;
1441 #trustedhosts .standard {
1442   width: auto;
1445 #mnetconfig table {
1446   margin-left: auto;
1447   margin-right: auto;
1450 #admin-report-courseoverview-index .graph,
1451 #course-report-stats-index .graph,
1452 #admin-report-stats-index .graph {
1453   text-align: center;
1454   margin-bottom: 1em;
1457 #admin-uploaduser table#uuresults {
1458   margin-bottom: 2em;
1461 #admin-uploaduser table#uupreview,
1462 #admin-uploaduser table#uuresults td.cell {
1463   padding-left: 3px;
1464   padding-right: 3px;
1467 /***
1468  *** Blocks
1469  ***/
1471 /*Accessibility: Skip block link, for keyboard-only users. */
1472 a.skip-block, a.skip {
1473   position: absolute;
1474   top: -1000em;
1475   font-size: 0.85em;
1477 a.skip-block:focus, a.skip-block:active,
1478 a.skip:focus, a.skip:active {
1479   position: static;
1480   display: block;
1482 .skip-block-to, #maincontent {
1483   display: block;
1484   height: 1px;
1485   overflow: hidden;
1488 .sideblock {
1489   margin-bottom:1em;
1490   width: 100%;
1493 .sideblock .header, .sideblock h2.header {
1494   text-align: left;
1495   margin:0;
1496   padding:4px;
1497   padding-top:0;
1498   border-width: 1px;
1499   border-style: solid;
1500   border-bottom: none;
1502 .sideblock h2 {
1503   margin:0;
1504   padding:0;
1507 .sideblock .header .hide-show-image {
1508   float:right;
1509   height:11px;
1510   width:11px;
1511   margin-top:0.25em;
1514 .sideblock .header .commands {
1515   margin-top: 0.3em;
1516   clear: both;
1517   height: 16px;
1520 .sideblock .header .commands a {
1521   margin: 0px 2px;
1524 #left-column .hidden .header,
1525 #right-column .hidden .header
1527   border-bottom-width: 1px;
1528   border-bottom-style: solid;
1531 #left-column .hidden .content,
1532 #right-column .hidden .content
1534   display: none;
1537 .sideblock .header .icon.hide,
1538 .sideblock .header .icon.edit {
1539   margin-right: 6px;
1542 .sideblock .content {
1543   padding: 4px;
1544   border-width: 1px;
1545   border-style: solid;
1548 .sideblock .content h3,
1549 .sideblock .content h2 {
1550   text-align: left;
1553 .sideblock .content h2 {
1554   margin:1.5em 0 0;
1555   padding:0;
1558 .sideblock .content .head {
1559   margin-top: 10px;
1562 .sideblock .content hr {
1563   height:1px;
1564   margin-top:4px;
1565   margin-bottom:4px;
1566   border:none;
1567   border-top:1px solid;
1570 .sideblock div.column {
1571   margin:0px;
1572   margin-right:4px;
1573   padding:0px;
1576 .sideblock div.column.c0 {
1577   float: left;
1580 .sideblock div.column.c1 {
1581   display: inline;
1584 .sideblock .content .c0 img.icon {
1585   margin:0px;
1588 .sideblock .content .list, .unlist, .inline-list {
1589   list-style:none;
1590   padding:0;
1591   margin:0;
1594 .sideblock .content .list {
1595   width: 100%;
1598 .sideblock .content .list li {
1599   clear: left;
1602 .sideblock .content .inline-list li, .inline-list li {
1603   display: inline;
1606 .sideblock .content ul.list li.listentry {
1607   clear:both;
1610 .sideblock .content div.info {
1611   text-align:center;
1614 .sideblock .footer {
1615   margin-bottom: 4px;
1616   text-align:center;
1617   clear:both;
1620 .sideblock img.userpicture {
1621   width:16px;
1622   height:16px;
1623   margin-right:4px;
1626 .blockconfigtable {
1627   margin-top: 0;
1628   margin-right: auto;
1629   margin-left: auto;
1632 .blockconfigtable td.label {
1633   text-align: right;
1634   width: 50%;
1637 .blockconfigtable td.value {
1638   text-align: left;
1639   width: 50%;
1642 .blockconfigtable td.submit {
1643   text-align: center;
1646 .blockconfiginstancecontent .tabs {
1647   margin-bottom: 0px;
1648   margin-left: auto;
1649   margin-right: auto;
1652 .block_adminblock {
1653   width: 180px;
1656 .block_messages .content {
1657   text-align:left;
1658   font-size:0.75em;
1659   padding-top:5px;
1662 .block_recent_activitysideblock .h3 {
1663   padding-top:5px;
1666 .block_online_users .listentry div.user,
1667 .block_messages .listentry div.user {
1668   float:left;
1671 .block_online_users .listentry div.message,
1672 .block_messages .listentry div.message {
1673   float:right;
1676 .block_course_list .footer {
1677   margin-top: 5px;
1680 #rssfeeds {
1681   margin-left: auto;
1682   margin-right: auto;
1685 #block_rss {
1686   text-align: center;
1689 .block_search_forums .invisiblefieldset {
1690   display: block;
1693 .block_tag_youtube .youtube-thumb {
1694   padding: 3px;
1695   padding-bottom: 0.5em;
1696   display: block;
1697   float: left;
1699 .block_tag_youtube .yt-video-entry li {
1700   clear: left;
1703 .block_tag_flickr .flickr-photos {
1704  padding:3px;
1707 /***
1708  *** Blogs
1709  ***/
1710 .addbloglink {
1711   text-align: center;
1714 .blogpost .audience {
1715   text-align: right;
1718 .blogpost .tags {
1719   margin-top: 15px;
1723 /***
1724  *** Calendar
1725  ***/
1727 #calendar {
1728   width: 100%;
1729   border-spacing: 5px;
1730   border-collapse: separate;
1733 #calendar h2,
1734 #calendar h3
1736   text-align: center;
1738 #calendar .sideblock h2 {
1739   text-align: left;
1742 #calendar .maincalendar,
1743 #calendar .sidecalendar
1745   vertical-align: top;
1746   border: 1px solid;
1747   padding: 0px;
1750 #calendar .maincalendar {
1751   height: 100%;
1754 #calendar .maincalendar .heightcontainer {
1755   height: 100%;
1756   position: relative;
1759 #calendar .maincalendar .bottom {
1760   width: 100%;
1761   text-align: center;
1762   padding:5px 0 0;
1765 #calendar .sidecalendar {
1766   width: 25%;
1769 #calendar .maincalendar table.calendarmonth {
1770   border-collapse: separate;
1771   margin: 0px auto;
1772   width: 98%;
1775 #calendar .maincalendar table.calendarmonth th {
1776   padding:10px;
1777   border-bottom:2px solid;
1780 #calendar .maincalendar table.calendarmonth td {
1781   height: 5em;
1782   padding-left: 4px;
1783   padding-top: 4px;
1784   line-height:1.2em;
1787 #calendar .maincalendar table.calendarmonth td,
1788 table.minicalendar td,
1789 table.minicalendar th {
1790   width:14%;
1791   vertical-align:top;
1793 table.minicalendar td {
1794   text-align: center;
1796 #calendar .maincalendar table.calendarmonth td table td {
1797   height: auto;
1800 #calendar .maincalendar div.header
1802   padding: 5px;
1805 #calendar .maincalendar .buttons {
1806   float: right;
1809 #calendar .maincalendar .filters table,
1810 #calendar .sidecalendar .filters table,
1811 .sideblock.block_calendar_month .filters table
1813   border-collapse:separate;
1814   border-spacing: 2px;
1815   padding: 2px;
1816   width: 100%;
1819 #calendar .maincalendar .filters {
1820   padding: 0px 10px;
1823 #calendar .sidecalendar .filters {
1824   padding: 5px;
1827 #calendar .maincalendar .controls {
1828   clear:both;
1829   padding:10px;
1832 #calendar .maincalendar table.calendarmonth ul.events-new,
1833 #calendar .maincalendar table.calendarmonth ul.events-underway
1835   padding:0px;
1836   margin:0px;
1837   list-style-type:none;
1840 #calendar .maincalendar table.calendarmonth ul li {
1841   margin-top: 4px;
1844 .minicalendarblock {
1845   padding: 0px 4px;
1848 table.minicalendar {
1849   width: 100%;
1850   margin: 10px auto;
1851   padding:2px;
1852   border-width:1px;
1853   border-style:solid;
1854   border-collapse:separate;
1855   border-spacing:1px !important;
1858 table.minicalendar th {
1859   padding: 0px 2px;
1862 #calendar .maincalendar .eventlist {
1863   padding: 10px;
1866 #calendar .maincalendar .eventlist .topic {
1867   padding: 5px;
1868   border-style:solid;
1869   border-width: 0px;
1870   border-bottom-color: #EEEEEE;
1871   border-bottom-width: 1px;
1874 #calendar .maincalendar .eventlist .event {
1875   width:100%;
1876   margin-bottom:10px;
1877   border-spacing:0px;
1878   border-collapse:separate;
1879   border-width:1px;
1880   border-style:solid;
1883 #calendar .maincalendar .eventlist .event .name {
1884   float:left;
1887 #calendar .maincalendar .eventlist .event .course {
1888   float:left;
1889   clear:left;
1892 #calendar .maincalendar .eventlist .event .date {
1893   float:right;
1896 #calendar .maincalendar .eventlist .event .description .commands {
1897   width:100%;
1900 #calendar .maincalendar .eventlist .event .description {
1901   padding:5px;
1904 #calendar .maincalendar .eventlist .event .picture {
1905   padding:8px;
1908 #calendar .maincalendar .eventlist .event .side {
1909   width:32px;
1912 #calendar #selecteventtype table {
1913   margin:auto;
1916 #calendar .event_global,
1917 #calendar .event_course,
1918 #calendar .event_group,
1919 #calendar .event_user,
1920 .minicalendar .event_global,
1921 .minicalendar .event_course,
1922 .minicalendar .event_group,
1923 .minicalendar .event_user {
1924   border:2px solid !important;
1927 #calendar .duration_global,
1928 #calendar .duration_course,
1929 #calendar .duration_group,
1930 #calendar .duration_user,
1931 .minicalendar .duration_global,
1932 .minicalendar .duration_course,
1933 .minicalendar .duration_group,
1934 .minicalendar .duration_user
1936   border-top:2px solid !important;
1937   border-bottom:2px solid !important;
1940 #calendar .today,
1941 .minicalendar .today {
1942   border:2px solid;
1945 #calendar .nottoday,
1946 .minicalendar .today {
1947   border:1px solid;
1950 .cal_popup_bg {
1951   padding:0px;
1952   margin:0px;
1953   border:1px solid;
1956 .cal_popup_close {
1957   margin-right:5px;
1960 .cal_popup_caption {
1961   border-width:0px 0px 1px 0px;
1962   border-style:solid;
1963   padding-bottom:2px;
1966 /*Accessibility: controls now div and span, 20:58:20% or 12:74:12% */
1967 .calendar-controls .previous,
1968 .calendar-controls .next,
1969 .calendar-controls .current {
1970   display: block;
1971   float: left;
1972   width: 12%;
1974 .calendar-controls .previous {
1975   text-align: left;
1977 .calendar-controls .current {
1978   text-align: center;
1979   width: 76%;
1981 .calendar-controls .next {
1982   text-align: right;
1985 #calendar .maincalendar .calendar-controls .previous,
1986 #calendar .maincalendar .calendar-controls .next
1988   width: 30%;
1990 #calendar .maincalendar .calendar-controls .current {
1991   width: 39.95%;
1994 #calendar .indent {
1995   padding-left: 20px;
1998 #calendar td.sidecalendar {
1999 border-width:0px;
2002 #calendar td.sidecalendar .minicalendartop {
2003   padding-top:10px;
2006 .sideblock .content h3.eventskey {
2007   margin-top:0.5em;
2008   margin-bottom:0;
2009   margin-left:0.5em;
2012 /***
2013  *** Course
2014  ***/
2016 .activitydate, .activityhead {
2017   text-align:center;
2020 #course-view .section td {
2021   vertical-align:top;
2024 #course-view .section td.content {
2025   padding:5px;
2026   border-style:solid;
2027   border-width:1px;
2028   border-left:0px;
2029   border-right:0px;
2032 #course-view .section td.side {
2033   padding:5px;
2034   border-style:solid;
2035   border-width:1px;
2038 #course-view .section td.left {
2039   border-right:0px;
2040   text-align:center;
2041   width: 1.5em;
2044 #course-view .section td.right {
2045   border-left:0px;
2046   text-align:center;
2047   width: 1.5em;
2050 #course-view .current .side {
2053 #course-view .section .spacer {
2054   height:0.5em;
2057 #course-view .section .weekdates {
2060 #course-view li.activity {
2061   margin-right:20px; /* Space allowed for completion icons if enabled */
2062   position:relative;
2064 .dir-rtl#course-view li.activity {
2065   margin-right:0px;
2066   margin-left:20px;
2068 #course-view li.activity form.togglecompletion,
2069 #course-view li.activity span.autocompletion {
2070   display:inline;
2071   position:absolute;
2072   right:-20px;
2073   top:0;
2074   z-index:10;
2075   padding:0.2em 0;
2077 .dir-rtl#course-view li.activity form.togglecompletion,
2078 .dir-rtl#course-view li.activity span.autocompletion {
2079   right:auto;
2080   left:-20px;
2082 #course-view li.activity form.togglecompletion div {
2083   display:inline;
2085 #course-view .completion-saved-display {
2086   position:absolute;
2087   top:0; left:0;
2088   border:1px solid black;
2089   padding: 1px 2px;
2090   background:white;
2091   font-size:0.85em;
2093 #course-view form.togglecompletion img.iconhelp,
2094 #course-view span.autocompletion img.iconhelp {
2095   vertical-align:top;
2098 #course-view ul.section,
2099 #site-index ul.section {
2100   margin: 0;
2101   padding: 0;
2102   list-style: none;
2105 .section_add_menus {
2106   text-align:right;
2109 .section_add_menus .horizontal div {
2110   display:inline;
2113 .weeks-format, .topics-format {
2114     margin-top: 8px;
2117 /*#course-view ul.section li.activity ul li,
2118 #site-index ul.section li.activity ul li {
2119   list-style: disc;
2120 }*/
2122 /*Accessibility: No-tables course format. */
2123 #course-view ul.weeks , #course-view ul.topics{
2124   margin: 0;
2125   padding: 0;
2126   list-style: none;
2128 /* Window-width: 800 pixels.
2129    IE doesn't support, see inline IE conditional comment. */
2130 .weeks-format, .topics-format {
2131   min-width: 763px;
2133 .topics-format .block_adminblock select,
2134 .weeks-format .block_calendar_month .minicalendar,
2135 .topics-format .block_calendar_month .minicalendar {
2136   width: 100%;
2137   padding: 0;
2139 .weeks-format .block_calendar_month .minicalendar th,
2140 .topics-format .block_calendar_month .minicalendar th,
2141 .weeks-format .block_calendar_month .minicalendar td,
2142 .topics-format .block_calendar_month .minicalendar td {
2143   padding: 0.1em 0 0.1em 1px;
2145 .weeks-format #middle-column ,
2146 .topics-format #middle-column {
2147   margin: 0 12.5em 0 12.5em;
2149 .weeks-format #left-column,
2150 .weeks-format #right-column,
2151 .topics-format #left-column,
2152 .topics-format #right-column {
2153   width: 11.5em;
2155 .weeks-format #left-column,
2156 .topics-format #left-column {
2157   float: left;
2159 .weeks-format #right-column,
2160 .topics-format #right-column {
2161   float: right;
2163 .weeks li.section ,
2164 .topics li.section {
2165   margin-bottom: 0.5em;
2166   border-style:solid;
2167   border-width:1px;
2169 .weeks .content,
2170 .topics .content {
2171   padding: 5px;
2172   margin: 0 1.7em 0 1.7em;
2174 .weeks .right,
2175 .weeks .left,
2176 .topics .right,
2177 .topics .left {
2178   width: 1.6em;
2179   padding: 5px 0;
2180   text-align: center;
2183 .weeks .left,
2184 .topics .left {
2185   float: left;
2188 .weeks .right,
2189 .topics .right {
2190   float: right;
2193 .section .activity img.activityicon {
2194   vertical-align:middle;
2195   height:16px;
2196   width:16px;
2199 .section img.movetarget {
2200   height:16px;
2201   width:80px;
2204 body#course-view .unread {
2205   margin-left: 3em;
2208 body#course-view .sideblock.drag .header {
2209   cursor: move;
2212 body#course-enrol .generalbox {
2213   margin-top: 20px;
2216 body#course-enrol .coursebox {
2217   margin-top: 20px;
2220 body#course-user .graph {
2221   text-align: center;
2224 body#course-user .section,
2225 body#course-user .content {
2226   margin-left: 30px;
2227   margin-right: 30px;
2230 body#course-user .section {
2231   border-width:1px;
2232   border-style:solid;
2233   padding:10px;
2234   margin-bottom: 20px;
2237 body#course-user .section h2 {
2238   margin-top: 0;
2242 .headingblock, h2.headingblock {
2243   border-width:1px;
2244   border-style:solid;
2245   padding:5px;
2246   margin:0;
2249 #site-index .subscribelink,
2250 #course-view .subscribelink {
2251   text-align:right;
2254 body#site-index .headingblock,
2255 body#course-view .headingblock {
2256   margin-bottom: 9px;
2259 body#course-category .courseboxes,
2260 body#course-index .courseboxes {
2261   padding:20px;
2264 body#course-category .rolelink {
2265   text-align:right;
2266   padding:10px;
2269 body#course-category .addcategory {
2270   text-align: center;
2271   padding: 10px;
2274 body#course-index .buttons .singlebutton,
2275 body#course-category .buttons .singlebutton {
2276   display: inline;
2279 body#course-index .buttons,
2280 body#course-category .buttons {
2281   text-align: center;
2282   margin-bottom: 15px;
2285 body#course-index #middle-column .editcourse {
2286   margin-left:auto;
2287   margin-right:auto;
2288   margin-top:20px;
2289   margin-bottom:20px;
2292 body#course-index #middle-column .editcourse th,
2293 body#course-index #middle-column .editcourse td {
2294   padding-left:10px;
2295   padding-right:10px;
2298 body#course-index #middle-column .editcourse .count {
2299   text-align:right;
2302 body#course-index .singlebutton,
2303 body#course-index .addcategory {
2304   text-align: center;
2307 body#course-info .generalbox.icons {
2308   text-align: center;
2311 body#course-info .generalbox.info {
2312   margin-left:auto;
2313   margin-right:auto;
2316 .coursebox {
2317   width: 100%;
2318   /* float:left; */
2319   margin-bottom: 15px;
2320   border-width:1px;
2321   border-style:solid;
2324 .coursebox .summary {
2325   float: right;
2326   text-align:left;
2327   width: 48%;
2328   padding:5px;
2331 .coursebox .info {
2332   float: left;
2333   text-align:left;
2334   width: 48%;
2335   padding:5px;
2338 #my-index .coursebox .info {
2339   float: none;
2342 #my-index .name {
2343   margin-left: 5px;
2345 #course-pending .pendingcourserequests {
2346   margin-bottom: 1em;
2348 #course-pending .pendingcourserequests .singlebutton {
2349   display: inline;
2351 #course-pending .pendingcourserequests .cell {
2352   padding: 0 5px;
2354 #course-pending .pendingcourserequests .cell.c6 {
2355   white-space: nowrap;
2357 #course-pending .singlebutton {
2358   text-align: center;
2360 .categorylist {
2361   width: 90%;
2362   margin-left: auto;
2363   margin-right: auto;
2366 .categorylist .category.image {
2367   width: 20px;
2370 .categorylist .category.number {
2371   text-align: right;
2374 .categorylist .category.indentation {
2375   width: 1px;
2378 .categoryboxcontent {
2379   border-width:1px;
2380   border-style:solid;
2383 .categorypicker {
2384   text-align:center;
2385   padding-bottom:10px;
2388 #coursesearch,
2389 #coursesearch2 {
2390   margin-top: 1em;
2391   text-align:center;
2394 .addcoursebutton {
2395   text-align:center;
2398 .coursebox .cost {
2399   padding-top: 20px;
2402 .coursebox ul.teachers li {
2403   list-style-type:none;
2404   padding:0;
2405   margin:0;
2408 #course-category #renameform {
2409   text-align:center;
2412 #course-category #themeform {
2413   text-align: center;
2416 #course-category .singlebutton {
2417   text-align:center;
2420 #course-category #coursesearch {
2421   text-align:center;
2425 #course-report #content {
2426   padding-top:15px;
2427   padding-bottom:15px;
2430 #course-report p {
2431   text-align:center;
2434 #course-report .logselectform,
2435 #course-report .participationselectform,
2436 #course-report-log-index .logselectform,
2437 #course-report-participation-index .participationselectform {
2438   margin-left:auto;
2439   margin-right:auto;
2440   text-align:center;
2441   margin-top:10px;
2442   margin-bottom:10px;
2445 #course-report .participationselectform label,
2446 #course-report-participation-index .participationselectform label {
2447   margin-left:15px;
2448   margin-right:5px;
2451 #course-report-log-index .info,
2452 #course-report-log-indexlive .info {
2453   margin-left:auto;
2454   margin-right:auto;
2455   text-align:center;
2456   margin:10px;
2459 .course-report-outline td.numviews {
2460   text-align:right;
2463 .course-report-outline div.loginfo {
2464   text-align:center;
2465   margin: 1em;
2468 #content .coursebox .summary .category {
2469   text-align:right;
2472 #course-editsection .singlebutton {
2473   text-align:center;
2476 .jumpmenu {text-align:center}
2478 /***
2479  *** Group
2480  ***/
2481 body#group-index #groupeditform {
2482   text-align: center;
2485 #add, #remove{
2486     text-align:center;
2489 /***
2490  *** Doc
2491  ***/
2493 body#doc-contents h1 {
2494   margin: 1em 0px 0px 0px;
2497 body#doc-contents ul {
2498   list-style-type: none;
2499   margin: 0;
2500   padding: 0;
2501   width: 90%;
2505 /***
2506  *** Grades
2507  ***/
2509 /* scales edit */
2511 .grade-edit-scale .buttons {
2512   margin: 20px;
2513   text-align:center;
2516 .grade-edit-scale .buttons .singlebutton {
2517   display: inline;
2518   padding: 5px;
2521 /* outcomes edit */
2523 .grade-edit-outcome .buttons {
2524   margin: 20px;
2525   text-align:center;
2528 .grade-edit-outcome .buttons .singlebutton {
2529   display: inline;
2530   padding: 5px;
2533 div.allcoursegrades {
2534     width: 100%;
2535     text-align: right;
2536     padding: 4px 0px 5px 0px;
2538 /* gradebook edit tree */
2540 .grade-edit-tree .gradetreebox {
2541   width:70%;
2542   margin-left:auto;
2543   margin-right:auto;
2544   margin-top:10px;
2545   padding-bottom:15px;
2548 .grade-edit-tree .buttons {
2549   margin: 20px;
2550   text-align:center;
2553 .grade-edit-tree .idnumber {
2554   margin-left: 15px;
2557 .grade-edit-tree .buttons .singlebutton {
2558   display: inline;
2559   padding: 5px;
2562 .grade-edit-tree .movetarget {
2563   position: relative;
2564   width: 80px;
2565   height: 16px;
2568 .grade-edit-tree ul#grade_tree {
2569   width: auto;
2572 .grade-edit-tree ul#grade_tree li {
2573   list-style: none;
2576 .grade-edit-tree ul#grade_tree li.category {
2577   margin-bottom: 6px;
2580 .grade-edit-tree .iconsmall {
2581   margin-left: 4px;
2584 #grade-report-toggles {
2585   text-align: center;
2588 .gradeexportlink {
2589   padding: 2em;
2590   text-align: center;
2591   margin-left: auto;
2592   margin-right: auto;
2595 #grade-aggregation-help dt {
2596     margin-top: 15px;
2599 #grade-aggregation-help dd.example {
2600     margin-top: 7px;
2603 #grade-aggregation-help code {
2604     display: block;
2605     margin-top: 7px;
2608 /***
2609  *** Login
2610  ***/
2612 .loginbox {
2613   margin-top:15px;
2614   margin-bottom:15px;
2615   border:1px solid;
2616   width:50%;
2617   margin-left:25%;
2618   overflow:hidden;
2621 .loginbox form {
2622   margin:0px;
2623   padding:0px;
2626 .loginbox.twocolumns {
2627   width:90%;
2628   margin-left:5%;
2629   /* background: #faa; */
2632 .loginbox h2,
2633 .loginbox .subcontent {
2634   margin:5px;
2635   padding:10px;
2636   text-align:center;
2639 .loginbox .loginpanel .subcontent {
2640   text-align:center;
2643 .loginbox .loginpanel .desc {
2644   margin:0px;
2645   padding:0px;
2646   margin-bottom:5px;
2649 .loginbox .signuppanel .subcontent {
2650   text-align:left;
2653 .loginbox .loginsub {
2654   margin-left:0%;
2655   margin-right:0%;
2658 .loginbox .guestsub,
2659 .loginbox .forgotsub {
2660   border-top:1px solid;
2661   margin-left:12%;
2662   margin-right:12%;
2663   margin-bottom:5px;
2666 .loginbox .loginform {
2667   margin-top:1em;
2668   text-align:left;
2671 .loginbox .loginform .form-label {
2672   float:left;
2673   text-align:right;
2674   width:40%;
2677 .loginbox .loginform .form-input {
2678   float:right;
2679   width:59%;
2682 .loginbox .loginform .form-input input {
2683   width: 6em;
2686 .loginbox .signupform {
2687   margin-top:1em;
2688   text-align:center;
2691 .loginbox.twocolumns .loginpanel {
2692   float:left;
2693   width:49.5%;
2694   border-right: 1px solid;
2695   margin-bottom:-2000px;
2696   padding-bottom:2000px;
2697   /* background: #afa; */
2700 .loginbox.twocolumns .signuppanel {
2701   float:right;
2702   width:50%;
2703   margin-bottom:-2000px;
2704   padding-bottom:2000px;
2708 /***
2709  *** Message
2710  ***/
2713 #message-user .userpicture,
2714 #message-history .userpicture {
2715   width: 100px;
2716   height: 100px;
2719 .message-discussion-noframes #userinfo .userpicture {
2720   float:left;
2723 .message-discussion-noframes #userinfo .name h1 {
2724   margin:0px;
2727 .message-discussion-noframes #userinfo .name {
2728   text-align:center;
2729   margin-left:60px;
2732 .message-discussion-noframes #userinfo .commands {
2733   text-align:left;
2734   margin-left:60px;
2737 .message-discussion-noframes #userinfo .commands ul {
2738   margin:0px;
2739   padding:0px;
2740   list-style-type:none;
2743 .message-discussion-noframes #userinfo .commands ul li {
2744   display:inline;
2745   padding-right:16px;
2748 .message-discussion-noframes #send {
2749   padding-top:10px;
2750   clear:both;
2753 .message-discussion-noframes #send h1 {
2754   margin:0px;
2757 .message-discussion-noframes #messages {
2758   padding-top:10px;
2761 .message-discussion-noframes #messages ul.messagelist {
2762   margin:0px;
2763   padding:0px;
2766 .message-discussion-noframes #send h1 {
2767   margin:0px;
2770 .message .noframesjslink {
2771   margin-top:20px;
2774 .message .link {
2775   vertical-align:middle;
2778 table.message .searchresults td {
2779   padding:5px;
2780   border-width:1px;
2781   border-style:solid;
2782   border-collapse:collapse;
2783   border-spacing:0px;
2785 .message .summary .link {
2786   text-align:right;
2788 .message .heading {
2789   text-align:center;
2792 .message .note {
2793   text-align:center;
2794   padding:10px;
2797 #message-user .commands span {
2798   margin-left:10px;
2799   margin-right:10px;
2802 body#message-messages {
2803   padding:10px;
2806 body#message-send .notifysuccess {
2807   padding:1px;
2810 body#message-send td.fixeditor {
2811   text-align:center;
2814 body#message-edit fieldset {
2815   padding: 20px;
2818 body#message-edit th {
2819   padding-top: 10px;
2820   padding-left: 20px;
2823 /***
2824  *** Notes
2825  ***/
2826 .notepost {
2827   margin-bottom: 1em;
2828   background-color: #EEE;
2830 .sitenotepost {
2832 .coursenotepost {
2834 .draftnotepost {
2837 .ownnotepost .info {
2840 .notepost .header {
2841   background: #DDD;
2842   padding: 5px;
2845 .notepost .user {
2846   font-weight: bolder;
2849 .notepost .userpicture {
2850   float: left;
2851   margin-right: 5px;
2854 .notepost .info {
2855   font-size: smaller;
2858 .notepost .content {
2859   clear: both;
2862 .notepost .footer {
2863   clear: both;
2866 body.notes .generalbox {
2867   margin-left:auto;
2868   margin-right:auto;
2869   width:90%;
2872 body.notes .notesgroup {
2873   margin-left:20px;
2876 /***
2877  *** MyMoodle
2878  ***/
2880 .my .coursebox .overview .info {
2881   margin-left:20px;
2884 .my .coursebox .overview {
2885   margin-bottom:10px;
2889 /***
2890  *** Question
2891  ***/
2892 .questionbank h2 {
2893   margin-top: 0;
2896 .questioncategories h3 {
2897   margin-top: 0;
2900 #chooseqtypebox {
2901   margin-top: 1em;
2903 #chooseqtype h3 {
2904   margin: 0 0 0.3em;
2906 #chooseqtype .instruction {
2907   display: none;
2909 #chooseqtype .qtypeoption {
2910   margin-bottom: 0.5em;
2912 #chooseqtype .qtypename img {
2913   padding: 0 0.3em;
2915 #chooseqtype .qtypesummary {
2916   display: block;
2917   margin: 0 2em;
2919 #chooseqtype .submitbuttons {
2920   margin: 0.7em 0;
2921   text-align: center;
2924 #qtypechoicecontainer {
2925   display: none;
2927 body.jsenabled #qtypechoicecontainer {
2928   display: block;
2930 #qtypechoicecontainer #chooseqtype {
2931   width: 30em;
2933 #qtypechoicecontainer #chooseqtypehead h3 {
2934   margin: 0;
2936 #qtypechoicecontainer #chooseqtype .qtypes {
2937   position: relative;
2938   border-bottom: 1px solid grey;
2939   padding: 0.24em 0;
2941 #qtypechoicecontainer #chooseqtype .qtypeoption {
2942   margin-bottom: 0;
2944 #qtypechoicecontainer #chooseqtype .instruction,
2945 #qtypechoicecontainer #chooseqtype .qtypesummary {
2946   display: none;
2947   position: absolute;
2948   top: 0px;
2949   right: 0px;
2950   bottom: 0px;
2951   left: 60%;
2952   margin: 0;
2953   border-left: 1px solid grey;
2954   padding: 0.3em 0.5em;
2956 #qtypechoicecontainer #chooseqtype .instruction,
2957 #qtypechoicecontainer #chooseqtype .selected .qtypesummary {
2958   display: block;
2961 .que {
2962   text-align: left;
2963   margin: 0 auto 1.8em auto;
2964   border: 1px solid;
2966 .que .info {
2967   float: left;
2968   margin: 0.5em 0;
2969   width: 11.9%;
2971 .que .info h2 {
2972   margin: 0 0 0 0.64em;
2974 .que .info div {
2975   margin-left: 1em;
2977 .que .info .questionflag {
2978   margin-top: 1em;
2979   margin-right: 1em;
2980   text-align: center;
2982 .que .content {
2983   float: left;
2984   margin: 0.5em 0;
2985   width: 88%;
2987 .que.description .info {
2988   margin: 0.5em 0 0.5em 0.2em;
2989   width: 1em;
2991 .que.description .content,
2992 .que.description .generalfeedback {
2993   margin-left: 1.2em;
2994   margin-bottom: 0.5em;
2995   float: none;
2996   width: auto;
2998 .que.description .qtext {
2999   margin-bottom: 0;
3001 .que .qtext {
3002   margin-bottom: 1.5em;
3004 .que .ablock {
3005   margin: 0.7em 0 0.3em 0;
3007 .que .prompt {
3008   float: left;
3009   width: 15%;
3010   height: 2em;
3011   padding-top: 0.3em;
3013 .que .control {
3014   width: 5%;
3016 .que .answer {
3017   float: left;
3018   width: 83%;
3019   margin-bottom: 0.5em;
3021 .que .submit {
3022   position: relative;
3023   clear: both;
3024   float: left;
3026 /* MSIE Hack */
3027 * html .que .submit {
3028   float: none;
3030 .multianswer .submit {
3031   margin-top: 1em;
3033 .que .feedback {
3034   clear: both;
3035   padding: 0 0 0.3em 0.3em;
3036   margin-bottom: 0.5em;
3037   border: 1px solid;
3039 .multichoice td.feedback {
3040   width: auto;
3041   vertical-align: top;
3042   padding-top: 0.3em;
3043   border-style: none;
3045 .essay .feedback {
3046   border-style: none;
3048 .multichoice .text {
3049   width: auto;
3051 .calculated .answer,
3052 .numerical .answer,
3053 .shortanswer .answer {
3054   padding: 0.3em;
3055   width: auto;
3057 .truefalse .answer span {
3058   float: left;
3059   clear: left;
3060   padding: 0.3em;
3061   width: 100%;
3063 .que .grading,
3064 .que .comment,
3065 .que .commentlink,
3066 .que .generalfeedback,
3067 .que .history {
3068   margin-top: 0.5em;
3070 .que .grade {
3071   margin-top: 0.5em;
3074 .importerror {
3075   margin-top: 10px;
3076   border-bottom: 1px solid #555;
3078 #mod-quiz-comment #manualgradingform,
3079 #mod-quiz-report #manualgradingform {
3080   width: 100%;
3082 #mod-quiz-report #manualgradingform .que {
3083   margin-bottom: 0.7em;
3085 .mform .que.comment .fitemtitle {
3086   width: 20%;
3088 /***
3089  *** Completion progress report
3090  ***/
3092 #course-report-progress-index th,
3093 #course-report-progress-index td {
3094   padding:2px 4px;
3095   font-weight:normal;
3096   border-right: 1px solid #EEE;
3098 .completion-expired {
3099   background:#fdd;
3101 .completion-expected {
3102   font-size:0.75em;
3104 .completion-sortchoice {
3105   font-size:0.75em;
3106   vertical-align:bottom;
3108 .completion-progresscell {
3109   text-align:right;
3111 .completion-expired .completion-expected {
3112   font-weight:bold;
3114 #course-report-progress-index .progress-actions {
3115   text-align:center;
3117 #course-report-progress-index .completion_pagingbar {
3118   margin:1em 0;
3119   text-align:center;
3121 #course-report-progress-index .completion_prev {
3122   display:inline;
3123   margin-right:2em;
3125 #course-report-progress-index .completion_pagingbar p {
3126   display:inline;
3127   margin:0;
3129 #course-report-progress-index .completion_next {
3130   display:inline;
3131   margin-left:2em;
3134 /***
3135  *** Logs
3136  ***/
3138 .logtable {
3139   margin-left:auto;
3140   margin-right:auto;
3143 .logtable td,
3144 .logtable th {
3145   padding-left: 10px;
3146   padding-right: 10px;
3149 .logtable th {
3150   text-align:left;
3153 #course-user .info {
3154   margin-left:auto;
3155   margin-right:auto;
3156   text-align:center;
3157   margin:10px;
3160 /***
3161  *** Tabs
3162  ***/
3165 /*globalnav*/
3166 .tabtree {
3167   position:relative;
3170 .tabrow0 {
3171   text-align: center;
3172   width:100%;
3173   margin:0;
3174   margin-top: 10px;
3175   padding:0 0 1.75em 0;
3176   list-style:none;
3177   line-height:1.8em;
3178   font-size: 84%;
3181 .tabrow0 li {
3182   display: inline;
3183   margin: 0 -4px 0 0;
3184   padding: 0;
3187 .tabrow0 a span {
3188   padding: 10px 14px 0.35em 0;
3189   background: transparent url(pix/tab/right.gif) no-repeat right top;
3192 .tabrow1 li a span {
3193   background: none !important;
3196 .tabrow0 a {
3197   text-decoration: none;
3198   background: transparent url(pix/tab/left.gif) no-repeat left top;
3199   margin: 0 -1px 0 0;
3200   padding: 10px 0 0.35em 13px;
3203 .tabrow0 a:link:hover,
3204 .tabrow0 a:visited:hover {
3205   background-image: url(pix/tab/left_hover.gif);
3208 .tabrow0 .here a:link:hover,
3209 .tabrow0 .here a:visited:hover {
3210   background-image: url(pix/tab/left.gif);
3213 .tabrow0 a:link:hover span,
3214 .tabrow0 a:visited:hover span {
3215   background-image: url(pix/tab/right_hover.gif);
3218 .tabrow0 .here a:link:hover span,
3219 .tabrow0 .here a:visited:hover span {
3220   background-image: url(pix/tab/right.gif);
3223 .tabrow0 .here a {
3224   color:#444;
3228 .tabrow0 .here a:link,
3229 .tabrow0 .here a:visited,
3230 .tabrow0 .here a.nolink {
3231   position:relative;
3232   z-index:102;
3235 /*subnav*/
3236 .tabrow0 .empty {
3237   height: 1px;
3238   overflow: hidden;
3239   padding: 0;
3242 .tabrow0 div,
3243 .tabrow0 ul {
3244   position: absolute;
3245   left: 0;
3246   top: 1.95em;
3247   width: 100%;
3248   margin: 0;
3249   padding: 0.25em 0;
3250   list-style: none;
3251   border-top: 1px solid #aaa;
3252   line-height: normal;
3253   background: transparent url(pix/tab/tabrow1.gif) repeat-x center left;
3254   font-size: 90%;
3257 .tabrow0 ul li {
3258   display:inline;
3259   margin-top:1px;
3260   background-image: none;
3263 .tabrow0 ul a {
3264   background-image: none;
3265   color:#00c;
3266   margin:0;
3267   padding:0 1em;
3268   border:0
3271 .tabrow0 ul a span {
3272   padding: 0;
3273   background-image: none;
3276 .tabrow0 ul .last span,
3277 .tabrow0 ul li a:hover, .tabrow0 ul li a:hover span,
3278 .tabrow0 ul .here a:hover, .tabrow0 ul .here a:hover span {
3279   background-image: none !important;
3282 .tabrow0 ul div {
3283   display: none;
3286 ul.tabrow1 li a,
3287 ul.tabrow1 li a:link,
3288 ul.tabrow1 li a:visited {
3289   color:#00c;
3290   font-size: 110%;
3293 ul.tabrow1 li.here.selected a {
3294   color:#444;
3297 /***
3298  *** Tags
3299  ***/
3301 h2.tag-heading {
3302  text-align:center;
3303  margin-left:auto;
3304  margin-right:auto;
3305  display:block;
3306  width:95%;
3307  padding: 5px 5px 5px 5px;
3311 div#tag-description,
3312 div#tag-blogs {
3313  width:95%;
3314  padding: 5px 5px 5px 5px;
3315  margin-left:auto;
3316  margin-right:auto;
3317  display:block;
3320 body#tag-index .moreblogs {
3321  text-align:center;
3324 div#tag-management-box {
3325  margin-bottom:10px;
3326  text-align:center;
3327  line-height:20px;
3328  display:block;
3329  font-size:12px;
3332 div#tag-user-table {
3333  padding:3px;
3334  width:95%;
3335  clear: both;
3336  margin-left:auto;
3337  margin-right:auto;
3338  display:block;
3341 body.tag .managelink {
3342   text-align:right;
3343   padding:10px;
3346 /* small css hack for firefox*/
3347 div#tag-user-table:after{
3348  content:".";
3349  display:block;
3350  clear:both;
3351  visibility:hidden;
3352  height:0;
3353  overflow:hidden;
3355 /* end hack*/
3357 div.user-box {
3358  margin-left:8px;
3359  margin-right:8px;
3360  margin-top:8px;
3361  margin-bottom:8px;
3362  width:115px;
3363  height:160px;
3364  text-align:center;
3365  display:block;
3366  float:left;
3367  clear: none;
3370 img.user-image {
3371  border:0px;
3372  height:100px;
3373  width:100px;
3376 div#small-tag-cloud-box {
3377  width:300px;
3378  margin-left:auto;
3379  margin-right:auto;
3380  margin-bottom:0px;
3381  margin-top:0px;
3384 div#big-tag-cloud-box {
3385  width:600px;
3386  margin-left:auto;
3387  margin-right:auto;
3388  margin-bottom:0px;
3389  margin-top:0px;
3390  display:block;
3391  float:none;
3394 ul#tag-cloud-list {
3395  list-style:none;
3396  padding:5px;
3397  margin:0px;
3398  list-style-type:none;
3400 ul#tag-cloud-list li {
3401  margin:0px;
3402  display:inline;
3405 /* search start*/
3407 div#tag-search-box {
3408  text-align:center;
3409  margin-left:auto;
3410  margin-right:auto;
3411  margin-top:10px;
3412  margin-bottom:10px;
3415 div#tag-search-results-container {
3416  padding:0px;
3417  width:100%;
3420 ul#tag-search-results {
3421  padding:0px;
3422  margin-left:20%;
3423  margin-right:20%;
3424  margin-top:15px;
3425  margin-bottom:0px;
3426  float:left;
3427  width:60%;
3428  display:block;
3429  list-style:none;
3432 ul#tag-search-results li{
3434  width:30%;
3435  float:left;
3436  padding-left:1%;
3437  text-align:left;
3438  line-height:20px;
3439  padding-right:1%;
3443 div#tags-management-links {
3444  text-align:right;
3445  display:block;
3446  font-size:12px;
3449 /* search end*/
3451 /* tag management start*/
3452 span.flagged-tag {
3453  color:#FF0000;
3455 span.flagged-tag a{
3456  color:#FF0000;
3459 table#tag-management-list {
3460  text-align:left;
3461  margin-left:auto;
3462  margin-right:auto;
3465 table#tag-management-list tr td{
3466  padding-left:4px;
3467  padding-right :4px;
3470 .tag-management-form {
3471  text-align:center;
3473 /* tag management end*/
3475 /* autocomplete start*/
3476 #relatedtags-autocomplete-container
3478  margin-left:auto;
3479  margin-right:auto;
3480  min-height:4.6em;
3481  width:100%;
3484 #relatedtags-autocomplete {
3485  position:relative;
3486  display:block;
3487  width:60%;
3488  margin-left:auto;
3489  margin-right:auto;
3491 #relatedtags-autocomplete .yui-ac-content
3493  position:absolute;
3494  width:420px;
3495  left:20%;
3496  border:1px solid #404040;
3497  background:#fff;
3498  overflow:hidden;
3499  z-index:9050;
3501 #relatedtags-autocomplete .ysearchquery
3503  position:absolute;
3504  right:10px;
3505  color:#808080;
3506  z-index:10;
3508 #relatedtags-autocomplete .yui-ac-shadow {
3509  position:absolute;
3510  margin:.3em;
3511  width:100%;
3512  background:#a0a0a0;
3513  z-index:9049;
3515 #relatedtags-autocomplete ul {
3516  padding:0;width:100%;
3517  margin:0;
3518  list-style-type:none;
3521 #relatedtags-autocomplete li {
3522  padding:0 5px;
3523  cursor:default;
3524  white-space:
3525  nowrap;
3527 #relatedtags-autocomplete li.yui-ac-highlight
3529  background:#FFFFCC;
3531 /* autocomplete end*/
3533 /***
3534  *** User
3535  ***/
3537 .userinfobox {
3538   margin-bottom:5px;
3539   border-width: 1px;
3540   border-style: solid;
3541   border-collapse: separate;
3544 .userinfobox .left,
3545 .userinfobox .side {
3546   padding: 10px;
3547   width: 100px;
3548   vertical-align: top;
3551 .userinfobox .userpicture {
3552   width: 100px;
3553   height: 100px;
3556 .userinfobox .content {
3557   padding: 10px;
3558   vertical-align: top;
3561 .userinfobox .links {
3562   width: 100px;
3563   padding: 5px;
3564   vertical-align: bottom;
3567 .userinfobox .list td {
3568   padding: 3px;
3571 .userinfobox .username {
3572   padding-bottom: 20px;
3575 .userinfobox td.label {
3576   text-align:right;
3577   white-space: nowrap;
3578   vertical-align: top;
3581 table.userinfobox {
3582   width: 80%;
3583   margin-left: 10%;
3584   margin-right: 10%;
3587 table.groupinfobox {
3588   width: 60%;
3589   margin-left: 20%;
3590   margin-right: 20%;
3591   border-width:1px;
3592   border-style:solid;
3593   margin-bottom: 20px;
3596 .groupinfobox .left {
3597   padding: 10px;
3598   width: 100px;
3599   vertical-align: top;
3602 body#user-index h2 {
3603   text-align: center;
3606 #user-view .buttons,
3607 #user-index .buttons {
3608   text-align: center;
3611 #user-view .buttons form,
3612 #user-view .buttons form div {
3613   display:inline;
3616 body#user-index #longtimenosee,
3617 body#user-index #showall {
3618   text-align: center;
3621 body#user-index #showall {
3622   margin: 10px 0px;
3625 body#user-index table#participants,
3626 body#tag-manage table#tag-management-list {
3627   margin: auto;
3628   width: 80%;
3631 body#tag-manage table#tag-management-list td,
3632 body#tag-manage table#tag-management-list th,
3633 body#user-index table#participants td,
3634 body#user-index table#participants th {
3635   vertical-align: middle;
3636   text-align: left;
3637   padding: 4px;
3640 body#user-index table.controls {
3641   width: 100%;
3643 body#user-index table.controls tr {
3644   vertical-align: top;
3646 body#user-index table.controls td.right,
3647 body#user-index table.controls td.left {
3648   padding: 4px;
3650 body#user-index table.controls .right {
3651   text-align: right;
3653 body#course-participation h2 {
3654   text-align:center;
3656 body#course-participation #showall {
3657   text-align:center;
3658   margin: 10px 0px;
3660 body#user-index .rolesform {
3661   text-align:center;
3664 #user-policy .noticebox {
3665   text-align:center;
3666   margin-left:auto;
3667   margin-right:auto;
3668   margin-bottom:10px;
3669   width:80%;
3670   height:250px;
3673 #user-policy #policyframe {
3674   width:100%;
3675   height:100%;
3678 .iplookup #map {
3679   margin:auto;
3682 .iplookup #note {
3683   text-align:center;
3686 /***
3687  *** Modules: Assignment
3688  ***/
3690 .userpicture,
3691 .picture user,
3692 .picture teacher {
3693   width:35px;
3694   height: 35px;
3695   vertical-align:top;
3697 .modform {
3698   text-align:center;
3700 #wordcount {
3701   text-align: right;
3704 /***
3705  *** Modules: Chat
3706  ***/
3708 .nextchatsession {
3709   text-align:center;
3712 #mod-chat-gui_header_js-jsupdate {
3713   margin:10px
3715 #mod-chat-gui_header_js-jsupdate .chat-event,
3716 #mod-chat-gui_header_js-jsupdate .chat-message {
3717   width:100%;
3718   padding:0;
3719   margin-top:7px
3722 #mod-chat-view #chatcurrentusers .chatuserdetails {
3723   vertical-align: middle;
3726 #mod-chat-view #enterlink {
3727   text-align: center;
3728   margin-left: auto;
3729   margin-right: auto;
3730   width: 50%;
3733 .chat-event .picture,
3734 .chat-message .picture {
3735   width:40px;
3736   vertical-align:top;
3738 .chat-event .text,
3739 .chat-message .text {
3740   text-align: left;
3743 #mod-chat-gui_basic #participants ul {
3744   margin:0px;
3745   padding:0px;
3746   list-style-type:none;
3749 #mod-chat-gui_basic #participants ul li {
3750   display:inline;
3751   margin-right:10px;
3754 #mod-chat-gui_basic #participants ul li .userinfo {
3755   display:inline;
3758 #mod-chat-gui_basic #messages dl {
3759   padding:0px;
3760   margin:1px;
3763 #mod-chat-gui_basic #messages dd,
3764 #mod-chat-gui_basic #messages dt {
3765   margin-left:0px;
3766   margin-right:5px;
3767   padding:0px;
3768   display:inline;
3771 /***
3772  *** Modules: Choice
3773  ***/
3774 .button {
3775   text-align:center;
3778 .attemptcell {
3779   width:5px;
3780   white-space: nowrap;
3783 .anonymous,
3784 .names {
3785   margin-left:auto;
3786   margin-right:auto;
3789 .downloadreport {
3790   border:0px;
3791   margin-left:auto;
3792   margin-right:auto;
3795 .choiceresponse {
3796   width:100%;
3798 .choiceresponse .picture {
3799   width:10px;
3800   white-space: nowrap;
3803 .choiceresponse .fullname {
3804   width:100%;
3805   white-space: nowrap;
3809 .results.data {
3810   vertical-align:top;
3811   white-space: nowrap;
3814 /***
3815  *** Modules: Data
3816  ***/
3817 .fieldadd,
3818 .sortdefault,
3819 .defaulttemplate {
3820   text-align:center;
3822 .datapreferences {
3823   text-align:center;
3826 table.presets {
3827   margin-left: auto;
3828   margin-right: auto;
3831 /***
3832  *** Modules: Forum
3833  ***/
3835 #mod-forum-view .forummode {
3836   text-align:center;
3839 .forumheaderlist,
3840 .forumpost {
3841   border-width:1px;
3842   border-style:solid;
3843   border-collapse:separate;
3846 .forumpost {
3847   margin-top: 15px;
3850 .forumpost .topic {
3851   padding: 4px;
3852   border-style:solid;
3853   border-width: 0px;
3854   border-bottom-width: 1px;
3857 .forumpost .commands {
3858   padding-top: 0.5em;
3859   text-align:right;
3860   clear: both;
3863 .forumpost .ratings {
3864   padding-top: 1em;
3865   text-align:right;
3868 .forumpost .attachments {
3869   padding: 7px;
3870   text-align:right;
3873 .forumpost .content {
3874   padding: 4px;
3877 .forumpost .footer {
3878   padding-top: 0.5em;
3879   text-align:right;
3882 .forumpost .link {
3883   padding-top: 0.5em;
3884   text-align:right;
3887 .forumpost .left {
3888   width: 35px;
3889   padding: 4px;
3890   text-align: center;
3891   vertical-align: top;
3894 .mod-forum .indent {
3895   margin-left: 30px;
3898 body#user-view .forumpost,
3899 .course .forumpost {
3900   width: 100%;
3903 body#mod-forum-search .c0 {
3904   text-align: right;
3907 body#mod-forum-search .introcontent {
3908   padding: 15px;
3911 .forumolddiscuss {
3912   text-align: right;
3915 .forumheaderlist {
3916   width: 100%;
3919 .forumheaderlist td {
3920   border-width:1px 0px 0px 1px;
3921   border-style:solid;
3924 .forumheaderlist .replies {
3925   text-align: center;
3926   white-space: nowrap;
3929 .forumheaderlist .picture {
3930   width: 35px;
3933 .forumheaderlist .discussion .starter {
3934   vertical-align: middle;
3937 .forumheaderlist .lastpost {
3938   white-space: nowrap;
3939   text-align: right;
3942 .forumheaderlist .discussion .author {
3943   white-space: nowrap;
3945 .forumolddiscuss {
3946   text-align:right;
3948 .forumaddnew,
3949 .forumnodiscuss,
3950 .noticeboxcontent {
3951   text-align:center;
3954 #mod-forum-view .forumaddnew {
3955   margin-bottom: 20px;
3958 #mod-forum-view .forumcontrol .groupmenu {
3959   float: left;
3960   text-align:left;
3961   white-space: nowrap;
3964 #mod-forum-view .groupmenu {
3965   float: left;
3966   text-align:left;
3967   white-space: nowrap;
3970 #mod-forum-view .forumcontrol .subscription {
3971   float: right;
3972   text-align:right;
3973   white-space: nowrap;
3976 #mod-forum-view .subscription {
3977   float: right;
3978   text-align:right;
3979   white-space: nowrap;
3982 #mod-forum-index .subscription {
3983   float: right;
3984   text-align:right;
3985   white-space: nowrap;
3988 #mod-forum-view .unread {
3989   padding-left: 3px;
3990   padding-right: 3px;
3992 #mod-forum-discuss .forumpost.unread .content {
3993   border-style: solid;
3994   border-width: 2px;
3996 #mod-forum-discuss .ratingsubmit {
3997   text-align:center;
3998   padding:10px;
4000 #mod-forum-index .unread img,
4001 #mod-forum-view .unread img
4003   margin-left: 5px;
4006 #mod-forum-discuss .discussioncontrols td {
4007   width: 33%;
4008   text-align:center;
4011 #email .unsubscribelink {
4012   margin-top:20px;
4013   border-width: 0px 1px 0px 0px;
4014   border-style: solid;
4015   text-align:center;
4018 #mod-forum-view .subscription {
4019   margin: 5px 0;
4022 /***
4023  *** Modules: Glossary
4024  ***/
4026 .glossarypost .commands {
4027   width: 200px;
4028   white-space: nowrap;
4031 #mod-glossary-comments .glossarypost,
4032 #mod-glossary-comment .glossarypost {
4033   margin-top: 15px;
4036 .entryboxheader {
4037   border-width: 1px 1px 0px 1px;
4038   border-style: solid;
4041 .entrybox {
4042   width: 100%;
4043   border-width: 0px 1px 1px 1px;
4044   border-style: solid;
4047 .entrybox hr {
4048   border-left:none;
4049   border-right:none;
4052 .glossarypost {
4053   width: 95%;
4054   border-width:1px;
4055   border-style:solid;
4056   border-collapse:separate;
4057   margin-left:auto;
4058   margin-right:auto;
4059   margin-bottom: 5px;
4060   text-align: left;
4063 .entrylist {
4064   border-width:0px;
4067 .entrylowersection {
4068   padding-top: 10px;
4071 .entrylowersection table{
4072   width: 100%;
4075 .entrylowersection .aliases {
4076   text-align:center;
4079 .entrylowersection .icons,
4080 .entrylowersection .ratings {
4081   text-align:right;
4082   padding-right: 5px;
4085 .entrylowersection .ratings {
4086   padding-bottom: 2px;
4089 .glossarycategoryheader {
4090   width: 95%;
4091   margin-left:auto;
4092   margin-right:auto;
4095 .glossaryformatheader {
4096   width: 90%;
4099 .glossarypost .entry {
4100   padding: 3px;
4103 .glossarypost .picture {
4104   width: 35px;
4107 .glossarycomment {
4108   border-width:1px;
4109   border-style:solid;
4110   border-collapse:separate;
4111   margin-bottom: 5px;
4112   text-align: left;
4115 .glossarycomment .entry {
4116   padding: 3px;
4119 .glossarycomment .picture {
4120   width: 35px;
4123 .glossarycomment .icons {
4124   text-align: right;
4127 .glossarydisplay {
4128   width: 90%;
4129   margin-left:auto;
4130   margin-right:auto;
4131   text-align:center;
4134 .glossarydisplay .tabs {
4135   width: 100%;
4138 .glossarydisplay .separator {
4139   width: 4px;
4142 .glossarydisplay .tabs .selected,
4143 .glossarydisplay .tabs .inactive,
4144 .glossarydisplay .tabs .general {
4147 .glossaryimportexport {
4148   margin-left:auto;
4149   margin-right:auto;
4150   text-align:center;
4153 .glossarypopup {
4154   width: 95%;
4157 .glossaryapproval {
4158   width: 100%;
4161 .mod-glossary .glossarydisplay .tabs {
4162   margin-bottom: 0px;
4165 .mod-glossary .glossarydisplay .tabs .side {
4166   border-style: none;
4167   border-width: 0px;
4168   width: auto;
4171 .glossaryexplain,
4172 .glossaryaddentry {
4173   text-align: center;
4176 .mod-glossary .tabrow0 {
4177   padding-bottom: 5px;
4180 #mod-glossary-view .glossarycontrol {
4181   float: right;
4182   text-align:right;
4183   white-space: nowrap;
4184   margin: 5px 0;
4187 /***
4188  *** Modules: Journal
4189  ***/
4190 #mod-journal-view .lastedit,
4191 #mod-journal-view .editend {
4192   margin: 5px;
4193   text-align: center;
4195 #mod-journal-view .feedbackbox {
4196   width: 75%;
4197   border-collapse: separate;
4199 #mod-journal-view .entrycontent {
4200   padding: 3px;
4202 #mod-journal-view .picture {
4203   width: 35px;
4205 #mod-journal-view .grade {
4206   text-align: right;
4208 #mod-journal-view .info {
4209   margin-bottom: 5px;
4210   text-align: right;
4214 /***
4215  *** Modules: Label
4216  ***/
4218 /***
4219  *** Modules: Lesson
4220  ***/
4221 #mod-lesson-lesson #page .addform {
4222   text-align: center;
4224 #mod-lesson-edit #page .label {
4225   font-weight: bold;
4227 #mod-lesson-edit #page .labelcorrect {
4228   text-decoration: underline;
4229   font-weight: bold;
4231 .lessonmediafilecontrol {
4232   text-align: center;
4233   margin-left: auto;
4234   margin-right: auto;
4237 #mod-lesson-view #content .invisiblefieldset {
4238   display: block;
4239   text-align: left;
4242 /***
4243  *** Modules: Quiz
4244  ***/
4246 #mod-quiz-view .quizinfo {
4247   text-align: center;
4249 #mod-quiz-view #page .quizgradefeedback,
4250 #mod-quiz-view #page .quizattempt
4252   text-align: center;
4254 #mod-quiz-view #page .quizattemptsummary td p {
4255   margin-top: 0;
4257 #mod-quiz-view .generalbox#feedback {
4258   width:70%;
4259   margin-left:auto;
4260   margin-right:auto;
4261   padding-bottom:15px;
4263 #mod-quiz-view .generalbox#feedback h2 {
4264   margin: 0 0;
4266 #mod-quiz-view .generalbox#feedback .overriddennotice {
4267   text-align: center;
4268   font-size: 0.7em;
4270 #mod-quiz-view .generalbox#feedback h3 {
4271   text-align: left;
4274 .generalbox#passwordbox { /* Should probably match .generalbox#intro above */
4275   width:70%;
4276   margin-left:auto;
4277   margin-right:auto;
4279 #passwordform {
4280   margin: 1em 0;
4282 #mod-quiz-attempt #middle-column,
4283 #mod-quiz-review #middle-column {
4284   text-align: center;
4285   margin: 0 0 0 12.5em;
4287 #mod-quiz-attempt #left-column,
4288 #mod-quiz-review #left-column {
4289   width: 11.5em;
4290   float: left;
4292 #mod-quiz-attempt .submitbtns,
4293 #mod-quiz-review .submitbtns {
4294   text-align: left;