45276ea9075e31bb4d29b067e57bef2b4cb87ea0
[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 .que {
2901   text-align: left;
2902   margin: 0 auto 1.8em auto;
2903   border: 1px solid;
2905 .que .info {
2906   float: left;
2907   margin: 0.5em 0;
2908   width: 11.9%;
2910 .que .info h2 {
2911   margin: 0 0 0 0.64em;
2913 .que .info div {
2914   margin-left: 1em;
2916 .que .info .questionflag {
2917   margin-top: 1em;
2918   margin-right: 1em;
2919   text-align: center;
2921 .que .content {
2922   float: left;
2923   margin: 0.5em 0;
2924   width: 88%;
2926 .que.description .info {
2927   margin: 0.5em 0 0.5em 0.2em;
2928   width: 1em;
2930 .que.description .content,
2931 .que.description .generalfeedback {
2932   margin-left: 1.2em;
2933   margin-bottom: 0.5em;
2934   float: none;
2935   width: auto;
2937 .que.description .qtext {
2938   margin-bottom: 0;
2940 .que .qtext {
2941   margin-bottom: 1.5em;
2943 .que .ablock {
2944   margin: 0.7em 0 0.3em 0;
2946 .que .prompt {
2947   float: left;
2948   width: 15%;
2949   height: 2em;
2950   padding-top: 0.3em;
2952 .que .control {
2953   width: 5%;
2955 .que .answer {
2956   float: left;
2957   width: 83%;
2958   margin-bottom: 0.5em;
2960 .que .submit {
2961   position: relative;
2962   clear: both;
2963   float: left;
2965 /* MSIE Hack */
2966 * html .que .submit {
2967   float: none;
2969 .multianswer .submit {
2970   margin-top: 1em;
2972 .que .feedback {
2973   clear: both;
2974   padding: 0 0 0.3em 0.3em;
2975   margin-bottom: 0.5em;
2976   border: 1px solid;
2978 .multichoice td.feedback {
2979   width: auto;
2980   vertical-align: top;
2981   padding-top: 0.3em;
2982   border-style: none;
2984 .essay .feedback {
2985   border-style: none;
2987 .multichoice .text {
2988   width: auto;
2990 .calculated .answer,
2991 .numerical .answer,
2992 .shortanswer .answer {
2993   padding: 0.3em;
2994   width: auto;
2996 .truefalse .answer span {
2997   float: left;
2998   clear: left;
2999   padding: 0.3em;
3000   width: 100%;
3002 .que .grading,
3003 .que .comment,
3004 .que .commentlink,
3005 .que .generalfeedback,
3006 .que .history {
3007   margin-top: 0.5em;
3009 .que .grade {
3010   margin-top: 0.5em;
3013 .importerror {
3014   margin-top: 10px;
3015   border-bottom: 1px solid #555;
3017 #mod-quiz-comment #manualgradingform,
3018 #mod-quiz-report #manualgradingform {
3019   width: 100%;
3021 #mod-quiz-report #manualgradingform .que {
3022   margin-bottom: 0.7em;
3024 .mform .que.comment .fitemtitle {
3025   width: 20%;
3027 /***
3028  *** Completion progress report
3029  ***/
3031 #course-report-progress-index th,
3032 #course-report-progress-index td {
3033   padding:2px 4px;
3034   font-weight:normal;
3035   border-right: 1px solid #EEE;
3037 .completion-expired {
3038   background:#fdd;
3040 .completion-expected {
3041   font-size:0.75em;
3043 .completion-sortchoice {
3044   font-size:0.75em;
3045   vertical-align:bottom;
3047 .completion-progresscell {
3048   text-align:right;
3050 .completion-expired .completion-expected {
3051   font-weight:bold;
3053 #course-report-progress-index .progress-actions {
3054   text-align:center;
3056 #course-report-progress-index .completion_pagingbar {
3057   margin:1em 0;
3058   text-align:center;
3060 #course-report-progress-index .completion_prev {
3061   display:inline;
3062   margin-right:2em;
3064 #course-report-progress-index .completion_pagingbar p {
3065   display:inline;
3066   margin:0;
3068 #course-report-progress-index .completion_next {
3069   display:inline;
3070   margin-left:2em;
3073 /***
3074  *** Logs
3075  ***/
3077 .logtable {
3078   margin-left:auto;
3079   margin-right:auto;
3082 .logtable td,
3083 .logtable th {
3084   padding-left: 10px;
3085   padding-right: 10px;
3088 .logtable th {
3089   text-align:left;
3092 #course-user .info {
3093   margin-left:auto;
3094   margin-right:auto;
3095   text-align:center;
3096   margin:10px;
3099 /***
3100  *** Tabs
3101  ***/
3104 /*globalnav*/
3105 .tabtree {
3106   position:relative;
3109 .tabrow0 {
3110   text-align: center;
3111   width:100%;
3112   margin:0;
3113   margin-top: 10px;
3114   padding:0 0 1.75em 0;
3115   list-style:none;
3116   line-height:1.8em;
3117   font-size: 84%;
3120 .tabrow0 li {
3121   display: inline;
3122   margin: 0 -4px 0 0;
3123   padding: 0;
3126 .tabrow0 a span {
3127   padding: 10px 14px 0.35em 0;
3128   background: transparent url(pix/tab/right.gif) no-repeat right top;
3131 .tabrow1 li a span {
3132   background: none !important;
3135 .tabrow0 a {
3136   text-decoration: none;
3137   background: transparent url(pix/tab/left.gif) no-repeat left top;
3138   margin: 0 -1px 0 0;
3139   padding: 10px 0 0.35em 13px;
3142 .tabrow0 a:link:hover,
3143 .tabrow0 a:visited:hover {
3144   background-image: url(pix/tab/left_hover.gif);
3147 .tabrow0 .here a:link:hover,
3148 .tabrow0 .here a:visited:hover {
3149   background-image: url(pix/tab/left.gif);
3152 .tabrow0 a:link:hover span,
3153 .tabrow0 a:visited:hover span {
3154   background-image: url(pix/tab/right_hover.gif);
3157 .tabrow0 .here a:link:hover span,
3158 .tabrow0 .here a:visited:hover span {
3159   background-image: url(pix/tab/right.gif);
3162 .tabrow0 .here a {
3163   color:#444;
3167 .tabrow0 .here a:link,
3168 .tabrow0 .here a:visited,
3169 .tabrow0 .here a.nolink {
3170   position:relative;
3171   z-index:102;
3174 /*subnav*/
3175 .tabrow0 .empty {
3176   height: 1px;
3177   overflow: hidden;
3178   padding: 0;
3181 .tabrow0 div,
3182 .tabrow0 ul {
3183   position: absolute;
3184   left: 0;
3185   top: 1.95em;
3186   width: 100%;
3187   margin: 0;
3188   padding: 0.25em 0;
3189   list-style: none;
3190   border-top: 1px solid #aaa;
3191   line-height: normal;
3192   background: transparent url(pix/tab/tabrow1.gif) repeat-x center left;
3193   font-size: 90%;
3196 .tabrow0 ul li {
3197   display:inline;
3198   margin-top:1px;
3199   background-image: none;
3202 .tabrow0 ul a {
3203   background-image: none;
3204   color:#00c;
3205   margin:0;
3206   padding:0 1em;
3207   border:0
3210 .tabrow0 ul a span {
3211   padding: 0;
3212   background-image: none;
3215 .tabrow0 ul .last span,
3216 .tabrow0 ul li a:hover, .tabrow0 ul li a:hover span,
3217 .tabrow0 ul .here a:hover, .tabrow0 ul .here a:hover span {
3218   background-image: none !important;
3221 .tabrow0 ul div {
3222   display: none;
3225 ul.tabrow1 li a,
3226 ul.tabrow1 li a:link,
3227 ul.tabrow1 li a:visited {
3228   color:#00c;
3229   font-size: 110%;
3232 ul.tabrow1 li.here.selected a {
3233   color:#444;
3236 /***
3237  *** Tags
3238  ***/
3240 h2.tag-heading {
3241  text-align:center;
3242  margin-left:auto;
3243  margin-right:auto;
3244  display:block;
3245  width:95%;
3246  padding: 5px 5px 5px 5px;
3250 div#tag-description,
3251 div#tag-blogs {
3252  width:95%;
3253  padding: 5px 5px 5px 5px;
3254  margin-left:auto;
3255  margin-right:auto;
3256  display:block;
3259 body#tag-index .moreblogs {
3260  text-align:center;
3263 div#tag-management-box {
3264  margin-bottom:10px;
3265  text-align:center;
3266  line-height:20px;
3267  display:block;
3268  font-size:12px;
3271 div#tag-user-table {
3272  padding:3px;
3273  width:95%;
3274  clear: both;
3275  margin-left:auto;
3276  margin-right:auto;
3277  display:block;
3280 body.tag .managelink {
3281   text-align:right;
3282   padding:10px;
3285 /* small css hack for firefox*/
3286 div#tag-user-table:after{
3287  content:".";
3288  display:block;
3289  clear:both;
3290  visibility:hidden;
3291  height:0;
3292  overflow:hidden;
3294 /* end hack*/
3296 div.user-box {
3297  margin-left:8px;
3298  margin-right:8px;
3299  margin-top:8px;
3300  margin-bottom:8px;
3301  width:115px;
3302  height:160px;
3303  text-align:center;
3304  display:block;
3305  float:left;
3306  clear: none;
3309 img.user-image {
3310  border:0px;
3311  height:100px;
3312  width:100px;
3315 div#small-tag-cloud-box {
3316  width:300px;
3317  margin-left:auto;
3318  margin-right:auto;
3319  margin-bottom:0px;
3320  margin-top:0px;
3323 div#big-tag-cloud-box {
3324  width:600px;
3325  margin-left:auto;
3326  margin-right:auto;
3327  margin-bottom:0px;
3328  margin-top:0px;
3329  display:block;
3330  float:none;
3333 ul#tag-cloud-list {
3334  list-style:none;
3335  padding:5px;
3336  margin:0px;
3337  list-style-type:none;
3339 ul#tag-cloud-list li {
3340  margin:0px;
3341  display:inline;
3344 /* search start*/
3346 div#tag-search-box {
3347  text-align:center;
3348  margin-left:auto;
3349  margin-right:auto;
3350  margin-top:10px;
3351  margin-bottom:10px;
3354 div#tag-search-results-container {
3355  padding:0px;
3356  width:100%;
3359 ul#tag-search-results {
3360  padding:0px;
3361  margin-left:20%;
3362  margin-right:20%;
3363  margin-top:15px;
3364  margin-bottom:0px;
3365  float:left;
3366  width:60%;
3367  display:block;
3368  list-style:none;
3371 ul#tag-search-results li{
3373  width:30%;
3374  float:left;
3375  padding-left:1%;
3376  text-align:left;
3377  line-height:20px;
3378  padding-right:1%;
3382 div#tags-management-links {
3383  text-align:right;
3384  display:block;
3385  font-size:12px;
3388 /* search end*/
3390 /* tag management start*/
3391 span.flagged-tag {
3392  color:#FF0000;
3394 span.flagged-tag a{
3395  color:#FF0000;
3398 table#tag-management-list {
3399  text-align:left;
3400  margin-left:auto;
3401  margin-right:auto;
3404 table#tag-management-list tr td{
3405  padding-left:4px;
3406  padding-right :4px;
3409 .tag-management-form {
3410  text-align:center;
3412 /* tag management end*/
3414 /* autocomplete start*/
3415 #relatedtags-autocomplete-container
3417  margin-left:auto;
3418  margin-right:auto;
3419  min-height:4.6em;
3420  width:100%;
3423 #relatedtags-autocomplete {
3424  position:relative;
3425  display:block;
3426  width:60%;
3427  margin-left:auto;
3428  margin-right:auto;
3430 #relatedtags-autocomplete .yui-ac-content
3432  position:absolute;
3433  width:420px;
3434  left:20%;
3435  border:1px solid #404040;
3436  background:#fff;
3437  overflow:hidden;
3438  z-index:9050;
3440 #relatedtags-autocomplete .ysearchquery
3442  position:absolute;
3443  right:10px;
3444  color:#808080;
3445  z-index:10;
3447 #relatedtags-autocomplete .yui-ac-shadow {
3448  position:absolute;
3449  margin:.3em;
3450  width:100%;
3451  background:#a0a0a0;
3452  z-index:9049;
3454 #relatedtags-autocomplete ul {
3455  padding:0;width:100%;
3456  margin:0;
3457  list-style-type:none;
3460 #relatedtags-autocomplete li {
3461  padding:0 5px;
3462  cursor:default;
3463  white-space:
3464  nowrap;
3466 #relatedtags-autocomplete li.yui-ac-highlight
3468  background:#FFFFCC;
3470 /* autocomplete end*/
3472 /***
3473  *** User
3474  ***/
3476 .userinfobox {
3477   margin-bottom:5px;
3478   border-width: 1px;
3479   border-style: solid;
3480   border-collapse: separate;
3483 .userinfobox .left,
3484 .userinfobox .side {
3485   padding: 10px;
3486   width: 100px;
3487   vertical-align: top;
3490 .userinfobox .userpicture {
3491   width: 100px;
3492   height: 100px;
3495 .userinfobox .content {
3496   padding: 10px;
3497   vertical-align: top;
3500 .userinfobox .links {
3501   width: 100px;
3502   padding: 5px;
3503   vertical-align: bottom;
3506 .userinfobox .list td {
3507   padding: 3px;
3510 .userinfobox .username {
3511   padding-bottom: 20px;
3514 .userinfobox td.label {
3515   text-align:right;
3516   white-space: nowrap;
3517   vertical-align: top;
3520 table.userinfobox {
3521   width: 80%;
3522   margin-left: 10%;
3523   margin-right: 10%;
3526 table.groupinfobox {
3527   width: 60%;
3528   margin-left: 20%;
3529   margin-right: 20%;
3530   border-width:1px;
3531   border-style:solid;
3532   margin-bottom: 20px;
3535 .groupinfobox .left {
3536   padding: 10px;
3537   width: 100px;
3538   vertical-align: top;
3541 body#user-index h2 {
3542   text-align: center;
3545 #user-view .buttons,
3546 #user-index .buttons {
3547   text-align: center;
3550 #user-view .buttons form,
3551 #user-view .buttons form div {
3552   display:inline;
3555 body#user-index #longtimenosee,
3556 body#user-index #showall {
3557   text-align: center;
3560 body#user-index #showall {
3561   margin: 10px 0px;
3564 body#user-index table#participants,
3565 body#tag-manage table#tag-management-list {
3566   margin: auto;
3567   width: 80%;
3570 body#tag-manage table#tag-management-list td,
3571 body#tag-manage table#tag-management-list th,
3572 body#user-index table#participants td,
3573 body#user-index table#participants th {
3574   vertical-align: middle;
3575   text-align: left;
3576   padding: 4px;
3579 body#user-index table.controls {
3580   width: 100%;
3582 body#user-index table.controls tr {
3583   vertical-align: top;
3585 body#user-index table.controls td.right,
3586 body#user-index table.controls td.left {
3587   padding: 4px;
3589 body#user-index table.controls .right {
3590   text-align: right;
3592 body#course-participation h2 {
3593   text-align:center;
3595 body#course-participation #showall {
3596   text-align:center;
3597   margin: 10px 0px;
3599 body#user-index .rolesform {
3600   text-align:center;
3603 #user-policy .noticebox {
3604   text-align:center;
3605   margin-left:auto;
3606   margin-right:auto;
3607   margin-bottom:10px;
3608   width:80%;
3609   height:250px;
3612 #user-policy #policyframe {
3613   width:100%;
3614   height:100%;
3617 .iplookup #map {
3618   margin:auto;
3621 .iplookup #note {
3622   text-align:center;
3625 /***
3626  *** Modules: Assignment
3627  ***/
3629 .userpicture,
3630 .picture user,
3631 .picture teacher {
3632   width:35px;
3633   height: 35px;
3634   vertical-align:top;
3636 .modform {
3637   text-align:center;
3639 #wordcount {
3640   text-align: right;
3643 /***
3644  *** Modules: Chat
3645  ***/
3647 .nextchatsession {
3648   text-align:center;
3651 #mod-chat-gui_header_js-jsupdate {
3652   margin:10px
3654 #mod-chat-gui_header_js-jsupdate .chat-event,
3655 #mod-chat-gui_header_js-jsupdate .chat-message {
3656   width:100%;
3657   padding:0;
3658   margin-top:7px
3661 #mod-chat-view #chatcurrentusers .chatuserdetails {
3662   vertical-align: middle;
3665 #mod-chat-view #enterlink {
3666   text-align: center;
3667   margin-left: auto;
3668   margin-right: auto;
3669   width: 50%;
3672 .chat-event .picture,
3673 .chat-message .picture {
3674   width:40px;
3675   vertical-align:top;
3677 .chat-event .text,
3678 .chat-message .text {
3679   text-align: left;
3682 #mod-chat-gui_basic #participants ul {
3683   margin:0px;
3684   padding:0px;
3685   list-style-type:none;
3688 #mod-chat-gui_basic #participants ul li {
3689   display:inline;
3690   margin-right:10px;
3693 #mod-chat-gui_basic #participants ul li .userinfo {
3694   display:inline;
3697 #mod-chat-gui_basic #messages dl {
3698   padding:0px;
3699   margin:1px;
3702 #mod-chat-gui_basic #messages dd,
3703 #mod-chat-gui_basic #messages dt {
3704   margin-left:0px;
3705   margin-right:5px;
3706   padding:0px;
3707   display:inline;
3710 /***
3711  *** Modules: Choice
3712  ***/
3713 .button {
3714   text-align:center;
3717 .attemptcell {
3718   width:5px;
3719   white-space: nowrap;
3722 .anonymous,
3723 .names {
3724   margin-left:auto;
3725   margin-right:auto;
3728 .downloadreport {
3729   border:0px;
3730   margin-left:auto;
3731   margin-right:auto;
3734 .choiceresponse {
3735   width:100%;
3737 .choiceresponse .picture {
3738   width:10px;
3739   white-space: nowrap;
3742 .choiceresponse .fullname {
3743   width:100%;
3744   white-space: nowrap;
3748 .results.data {
3749   vertical-align:top;
3750   white-space: nowrap;
3753 /***
3754  *** Modules: Data
3755  ***/
3756 .fieldadd,
3757 .sortdefault,
3758 .defaulttemplate {
3759   text-align:center;
3761 .datapreferences {
3762   text-align:center;
3765 table.presets {
3766   margin-left: auto;
3767   margin-right: auto;
3770 /***
3771  *** Modules: Forum
3772  ***/
3774 #mod-forum-view .forummode {
3775   text-align:center;
3778 .forumheaderlist,
3779 .forumpost {
3780   border-width:1px;
3781   border-style:solid;
3782   border-collapse:separate;
3785 .forumpost {
3786   margin-top: 15px;
3789 .forumpost .topic {
3790   padding: 4px;
3791   border-style:solid;
3792   border-width: 0px;
3793   border-bottom-width: 1px;
3796 .forumpost .commands {
3797   padding-top: 0.5em;
3798   text-align:right;
3799   clear: both;
3802 .forumpost .ratings {
3803   padding-top: 1em;
3804   text-align:right;
3807 .forumpost .attachments {
3808   padding: 7px;
3809   text-align:right;
3812 .forumpost .content {
3813   padding: 4px;
3816 .forumpost .footer {
3817   padding-top: 0.5em;
3818   text-align:right;
3821 .forumpost .link {
3822   padding-top: 0.5em;
3823   text-align:right;
3826 .forumpost .left {
3827   width: 35px;
3828   padding: 4px;
3829   text-align: center;
3830   vertical-align: top;
3833 .mod-forum .indent {
3834   margin-left: 30px;
3837 body#user-view .forumpost,
3838 .course .forumpost {
3839   width: 100%;
3842 body#mod-forum-search .c0 {
3843   text-align: right;
3846 body#mod-forum-search .introcontent {
3847   padding: 15px;
3850 .forumolddiscuss {
3851   text-align: right;
3854 .forumheaderlist {
3855   width: 100%;
3858 .forumheaderlist td {
3859   border-width:1px 0px 0px 1px;
3860   border-style:solid;
3863 .forumheaderlist .replies {
3864   text-align: center;
3865   white-space: nowrap;
3868 .forumheaderlist .picture {
3869   width: 35px;
3872 .forumheaderlist .discussion .starter {
3873   vertical-align: middle;
3876 .forumheaderlist .lastpost {
3877   white-space: nowrap;
3878   text-align: right;
3881 .forumheaderlist .discussion .author {
3882   white-space: nowrap;
3884 .forumolddiscuss {
3885   text-align:right;
3887 .forumaddnew,
3888 .forumnodiscuss,
3889 .noticeboxcontent {
3890   text-align:center;
3893 #mod-forum-view .forumaddnew {
3894   margin-bottom: 20px;
3897 #mod-forum-view .forumcontrol .groupmenu {
3898   float: left;
3899   text-align:left;
3900   white-space: nowrap;
3903 #mod-forum-view .groupmenu {
3904   float: left;
3905   text-align:left;
3906   white-space: nowrap;
3909 #mod-forum-view .forumcontrol .subscription {
3910   float: right;
3911   text-align:right;
3912   white-space: nowrap;
3915 #mod-forum-view .subscription {
3916   float: right;
3917   text-align:right;
3918   white-space: nowrap;
3921 #mod-forum-index .subscription {
3922   float: right;
3923   text-align:right;
3924   white-space: nowrap;
3927 #mod-forum-view .unread {
3928   padding-left: 3px;
3929   padding-right: 3px;
3931 #mod-forum-discuss .forumpost.unread .content {
3932   border-style: solid;
3933   border-width: 2px;
3935 #mod-forum-discuss .ratingsubmit {
3936   text-align:center;
3937   padding:10px;
3939 #mod-forum-index .unread img,
3940 #mod-forum-view .unread img
3942   margin-left: 5px;
3945 #mod-forum-discuss .discussioncontrols td {
3946   width: 33%;
3947   text-align:center;
3950 #email .unsubscribelink {
3951   margin-top:20px;
3952   border-width: 0px 1px 0px 0px;
3953   border-style: solid;
3954   text-align:center;
3957 #mod-forum-view .subscription {
3958   margin: 5px 0;
3961 /***
3962  *** Modules: Glossary
3963  ***/
3965 .glossarypost .commands {
3966   width: 200px;
3967   white-space: nowrap;
3970 #mod-glossary-comments .glossarypost,
3971 #mod-glossary-comment .glossarypost {
3972   margin-top: 15px;
3975 .entryboxheader {
3976   border-width: 1px 1px 0px 1px;
3977   border-style: solid;
3980 .entrybox {
3981   width: 100%;
3982   border-width: 0px 1px 1px 1px;
3983   border-style: solid;
3986 .entrybox hr {
3987   border-left:none;
3988   border-right:none;
3991 .glossarypost {
3992   width: 95%;
3993   border-width:1px;
3994   border-style:solid;
3995   border-collapse:separate;
3996   margin-left:auto;
3997   margin-right:auto;
3998   margin-bottom: 5px;
3999   text-align: left;
4002 .entrylist {
4003   border-width:0px;
4006 .entrylowersection {
4007   padding-top: 10px;
4010 .entrylowersection table{
4011   width: 100%;
4014 .entrylowersection .aliases {
4015   text-align:center;
4018 .entrylowersection .icons,
4019 .entrylowersection .ratings {
4020   text-align:right;
4021   padding-right: 5px;
4024 .entrylowersection .ratings {
4025   padding-bottom: 2px;
4028 .glossarycategoryheader {
4029   width: 95%;
4030   margin-left:auto;
4031   margin-right:auto;
4034 .glossaryformatheader {
4035   width: 90%;
4038 .glossarypost .entry {
4039   padding: 3px;
4042 .glossarypost .picture {
4043   width: 35px;
4046 .glossarycomment {
4047   border-width:1px;
4048   border-style:solid;
4049   border-collapse:separate;
4050   margin-bottom: 5px;
4051   text-align: left;
4054 .glossarycomment .entry {
4055   padding: 3px;
4058 .glossarycomment .picture {
4059   width: 35px;
4062 .glossarycomment .icons {
4063   text-align: right;
4066 .glossarydisplay {
4067   width: 90%;
4068   margin-left:auto;
4069   margin-right:auto;
4070   text-align:center;
4073 .glossarydisplay .tabs {
4074   width: 100%;
4077 .glossarydisplay .separator {
4078   width: 4px;
4081 .glossarydisplay .tabs .selected,
4082 .glossarydisplay .tabs .inactive,
4083 .glossarydisplay .tabs .general {
4086 .glossaryimportexport {
4087   margin-left:auto;
4088   margin-right:auto;
4089   text-align:center;
4092 .glossarypopup {
4093   width: 95%;
4096 .glossaryapproval {
4097   width: 100%;
4100 .mod-glossary .glossarydisplay .tabs {
4101   margin-bottom: 0px;
4104 .mod-glossary .glossarydisplay .tabs .side {
4105   border-style: none;
4106   border-width: 0px;
4107   width: auto;
4110 .glossaryexplain,
4111 .glossaryaddentry {
4112   text-align: center;
4115 .mod-glossary .tabrow0 {
4116   padding-bottom: 5px;
4119 #mod-glossary-view .glossarycontrol {
4120   float: right;
4121   text-align:right;
4122   white-space: nowrap;
4123   margin: 5px 0;
4126 /***
4127  *** Modules: Journal
4128  ***/
4129 #mod-journal-view .lastedit,
4130 #mod-journal-view .editend {
4131   margin: 5px;
4132   text-align: center;
4134 #mod-journal-view .feedbackbox {
4135   width: 75%;
4136   border-collapse: separate;
4138 #mod-journal-view .entrycontent {
4139   padding: 3px;
4141 #mod-journal-view .picture {
4142   width: 35px;
4144 #mod-journal-view .grade {
4145   text-align: right;
4147 #mod-journal-view .info {
4148   margin-bottom: 5px;
4149   text-align: right;
4153 /***
4154  *** Modules: Label
4155  ***/
4157 /***
4158  *** Modules: Lesson
4159  ***/
4160 #mod-lesson-lesson #page .addform {
4161   text-align: center;
4163 #mod-lesson-edit #page .label {
4164   font-weight: bold;
4166 #mod-lesson-edit #page .labelcorrect {
4167   text-decoration: underline;
4168   font-weight: bold;
4170 .lessonmediafilecontrol {
4171   text-align: center;
4172   margin-left: auto;
4173   margin-right: auto;
4176 #mod-lesson-view #content .invisiblefieldset {
4177   display: block;
4178   text-align: left;
4181 /***
4182  *** Modules: Quiz
4183  ***/
4185 #mod-quiz-view .quizinfo {
4186   text-align: center;
4188 #mod-quiz-view #page .quizgradefeedback,
4189 #mod-quiz-view #page .quizattempt
4191   text-align: center;
4193 #mod-quiz-view #page .quizattemptsummary td p {
4194   margin-top: 0;
4196 #mod-quiz-view .generalbox#feedback {
4197   width:70%;
4198   margin-left:auto;
4199   margin-right:auto;
4200   padding-bottom:15px;
4202 #mod-quiz-view .generalbox#feedback h2 {
4203   margin: 0 0;
4205 #mod-quiz-view .generalbox#feedback .overriddennotice {
4206   text-align: center;
4207   font-size: 0.7em;
4209 #mod-quiz-view .generalbox#feedback h3 {
4210   text-align: left;
4213 .generalbox#passwordbox { /* Should probably match .generalbox#intro above */
4214   width:70%;
4215   margin-left:auto;
4216   margin-right:auto;
4218 #passwordform {
4219   margin: 1em 0;
4221 #mod-quiz-attempt #middle-column,
4222 #mod-quiz-review #middle-column {
4223   text-align: center;
4224   margin: 0 0 0 12.5em;
4226 #mod-quiz-attempt #left-column,
4227 #mod-quiz-review #left-column {
4228   width: 11.5em;
4229   float: left;
4231 #mod-quiz-attempt .submitbtns,
4232 #mod-quiz-review .submitbtns {
4233   text-align: left;
4234   margin-top: 1.5em;
4236 #mod-quiz-summary .submitbtns {
4237   margin-top: 1.5em;
4239 #mod-quiz-summary #content {
4240   text-align: center;
4242 #mod-quiz-summary .questionflag {
4243   width: 16px;
4244   height: 16px;
4245   vertical-align: middle;
4247 #mod-quiz-attempt #quiz-timer {
4248   display: none;
4250 #mod-quiz-attempt #quiz-time-left {
4251   font-weight: bold;
4254 body#question-preview .quemodname,
4255 body#question-preview .controls
4257   text-align: center;
4259 body#question-preview .quemodname, body#question-preview .controls {
4260   text-align: center;
4263 #mod-quiz-attempt #page .controls,
4264 #mod-quiz-summary #page .controls,
4265 #mod-quiz-review #page .controls {
4266   text-align: center;
4267   margin: 8px auto;
4269 #mod-quiz-review .pagingbar {
4270   margin: 1.5em auto;
4272 #mod-quiz-review .pagingbar {
4273   margin: 1.5em auto;
4275 table.quizreviewsummary {
4276   width: 100%;
4278 table.quizreviewsummary tr {
4280 table.quizreviewsummary th.cell {
4281   padding: 1px 0.5em 1px 1em;
4282   font-weight: bold;
4283   text-align: right;
4284   width: 10em;
4286 table.quizreviewsummary td.cell {
4287   padding: 1px 1em 1px 0.5em;
4288   text-align: left;
4291 #mod-quiz-mod #reviewoptionshdr .fitem,
4292 #adminquizreviewoptions .group {
4293   float: left;
4294   width: 33%;
4295   clear: none;
4297 #mod-quiz-mod #reviewoptionshdr .fitem {
4298   width: 30%;
4299   margin-left: 10px;
4301 #mod-quiz-mod #reviewoptionshdr .fitemtitle,
4302 #adminquizreviewoptions .fitemtitle {
4303   width: 100%;
4304   font-weight: bold;
4305   text-align: left;
4306   height: 2.5em;
4307   margin-left: 0;
4309 #mod-quiz-mod #reviewoptionshdr fieldset.fgroup {
4310   width: 100%;
4311   text-align: left;
4312   margin-left: 0;
4314 #mod-quiz-mod #reviewoptionshdr fieldset.fgroup span,
4315 #adminquizreviewoptions span {
4316   float: left;
4317   clear: left;
4319 #adminquizreviewoptions {
4320   margin-bottom: 0.5em;
4323 .quizquestionlistcontrols {
4324   text-align: center;
4327 #mod-quiz-report table#attempts,
4328 #mod-quiz-report div#commands,
4329 #mod-quiz-report table#itemanalysis
4331   width: 80%;
4332   margin: auto;
4334 #mod-quiz-report table.titlesleft td.c0
4336   font-weight: bold;
4338 #mod-quiz-report table#attempts,
4339 #mod-quiz-report h2.main {
4340   clear: both;
4342 #mod-quiz-report table#attempts {
4343   margin: 20px auto;
4345 #mod-quiz-report table#attempts .header,
4346 #mod-quiz-report table#attempts .cell
4348   padding: 4px;
4350 #mod-quiz-report table#attempts .header .commands {
4351   display: inline;
4353 #mod-quiz-report table#attempts .picture {
4354   width: 40px;
4356 #mod-quiz-report table#attempts td {
4357   border-left-width: 1px;
4358   border-right-width: 1px;
4359   border-left-style: solid;
4360   border-right-style: solid;
4361   vertical-align: middle;
4363 #mod-quiz-report table#attempts .header {
4364   text-align: left;
4366 #mod-quiz-report table#attempts .picture {
4367   text-align: center !important;
4369 #mod-quiz-report .controls {
4370   text-align: center;
4373 #mod-quiz-report table#itemanalysis {
4374   margin: 20px auto;
4376 #mod-quiz-report table#itemanalysis .header,
4377 #mod-quiz-report table#itemanalysis .cell
4379   padding: 4px;
4381 #mod-quiz-report table#itemanalysis .header .commands {
4382   display: inline;
4384 #mod-quiz-report table#itemanalysis td {
4385   border-width: 1px;
4386   border-style: solid;
4388 #mod-quiz-report table#itemanalysis .header {
4389   text-align: left;
4391 #mod-quiz-report table .numcol {
4392   text-align: center;
4393   vertical-align : middle !important;
4396 #mod-quiz-report table#itemanalysis .uncorrect {
4397   color: red;
4400 #mod-quiz-report table#itemanalysis .correct {
4401   color: blue;
4402   font-weight : bold;
4405 #mod-quiz-report table#itemanalysis .partialcorrect {
4406   color: green !important;
4409 #mod-quiz-report table#itemanalysis .qname {
4410   color: green !important;
4413 /* manual grading */
4414 #mod-quiz-grading table#grading
4416   width: 80%;
4417   margin: auto;
4420 #mod-quiz-grading table#grading
4422   margin: 20px auto;
4425 #mod-quiz-grading table#grading .header,
4426 #mod-quiz-grading table#grading .cell
4428   padding: 4px;
4431 #mod-quiz-grading table#grading .header .commands
4433   display: inline;
4436 #mod-quiz-grading table#grading .picture
4438   width: 40px;
4441 #mod-quiz-grading table#grading td
4443   border-left-width: 1px;
4444   border-right-width: 1px;
4445   border-left-style: solid;
4446   border-right-style: solid;
4447   vertical-align: bottom;
4450 .mod-quiz .gradingdetails {
4451   font-size: small;
4453 .quizattemptcounts {
4454   clear : left;
4455   text-align: center;
4456   margin: 6px 0;
4458 #mod-quiz-attempt #left-column,
4459 #mod-quiz-review #left-column {
4460   padding-top: 1px;
4462 #quiznavigation .qnbutton {
4463   display: block;
4464   float: left;
4465   width: 1.5em;
4466   height: 1.5em;
4467   overflow: hidden;
4468   margin: 0.3em 0.3em 0.3em 0;
4469   padding: 0;
4470   border: 1px solid #bbb;
4471   background: #eee no-repeat top right;
4472   text-align: center;
4473   vertical-align: middle;
4474   cursor: pointer;
4475   white-space: normal;
4477 #quiznavigation #user-picture {
4478     margin: 0.5em 0;
4480 #quiznavigation #user-picture img {
4481     width: auto;
4482     height: auto;
4483     float: left;
4485 #quiznavigation .othernav {
4486   clear: both;
4488 #quiznavigation .othernav a,
4489 #quiznavigation .othernav input {
4490   display: block;
4491   margin: 0.5em 0;
4493 .mod-quiz div.tabtree a span img.iconsmall {
4494   vertical-align: baseline;
4496 #mod-quiz-edit div.sideblock{
4497     float:right;
4498     width:30%;
4499     right:0.3em;
4500     padding-bottom:0.5em;
4501     display:block;
4504 #mod-quiz-edit div.quizcontents{
4505     float:left;
4506     width:70%;
4507     display:block;
4510 #mod-quiz-edit div.quizwhenbankcollapsed{
4511     width:100%;
4514 #mod-quiz-edit div.quizcontents,h2.main{
4515     clear:left;
4518 #mod-quiz-edit .addpage{
4519     clear:both;
4520     padding-top:0.3em;
4521     float:right;
4522     margin-right:2em;
4525 #mod-quiz-edit h2.main{
4526     display:inline;
4527     padding-right:1em;
4530 #mod-quiz-edit .statusdisplay{
4531     clear:both;
4532     display:block;
4533     border:0.2em #FFF solid;
4534     margin-bottom:0.3em;
4535     margin-right:1em;
4536     margin-top:0.3em;
4537     padding:0.1em;
4539 #mod-quiz-edit div.quizpage{
4540     display:block;
4541     clear:both;
4542     width:100%;
4545 #mod-quiz-edit div.quizpage span.pagetitle{
4546     margin-top:0.3em;
4547     float:left;
4548     display:block;
4551 #mod-quiz-edit div.reorder .reordercontrols .moveselectedonpage{
4552     clear:right;
4553     float:right;
4554     padding:0.5em 0.3em;
4557 #mod-quiz-edit div.reorder .reordercontrols .addnewpagesafterselected,#mod-quiz-edit .repaginatecommand{
4558     float:right;
4559     clear:right;
4560     padding-right:1em;
4563 #mod-quiz-edit div.reorder .reordercontrols .deleteselected{
4564     float:right;
4565     margin-right:1em;
4568 #mod-quiz-edit div.reorder .reordercontrols{
4569     clear:both;
4570     padding-right:1em;
4571     margin-top:0.5em;
4572     padding-top:0.5em;
4573     padding-bottom:0.5em;
4576 #mod-quiz-edit div.quizpage .pagecontent{
4577     margin-top:0.3em;
4578     display:block;
4579     float:left;
4580     position:relative;
4581     margin-left:0.3em;
4582     border-left:solid #777 thin;
4583     line-height:1.3em;
4584     -webkit-border-radius:0.6em;
4585     -webkit-border-radius-bottomleft:0;
4586     -webkit-border-radius-topleft:0;
4587     border-radius:0.6em;
4588     border-radius-bottomleft:0;
4589     border-radius-topleft:0;
4590     width:88%;
4591     padding:0 0 0.5em;
4594 #mod-quiz-edit div.question{
4595     clear:left;
4596     width:100%;
4599 #mod-quiz-edit div.question div.qnum{
4600     display:block;
4601     float:left;
4602     width:1.4em;
4603     padding-right:0.3em;
4604     padding-left:0;
4605     z-index:99;
4608 #mod-quiz-edit div.reorder div.question div.qnum{
4609     width:2.9em;
4610     padding-top:0.1em;
4612 /*edit tab*/
4613 #mod-quiz-edit div.editq div.question div.qnum{
4614     padding-top:0.2em;
4617 #mod-quiz-edit div.editq div.question{
4618     padding-top:0.3em;
4621 #mod-quiz-edit div.reorder div.question{
4622     padding-top:0.2em;
4625 #mod-quiz-edit div.question div.questioncontainer{
4626     background-color:#ffc;
4629 #mod-quiz-edit div.editq div.question div.content{
4630     width:87%;
4631     float:left;
4632     position:relative;
4633     -webkit-border-radius:0.6em;
4634     -webkit-border-radius-bottomleft:0;
4635     -webkit-border-radius-topleft:0;
4636     border-radius:0.6em;
4637     border-radius-bottomleft:0;
4638     border-radius-topleft:0;
4639     line-height:1.4em;
4640     padding:0.5em;
4643 #mod-quiz-edit .reorder div.question div.content{
4644     width:87%;
4645     float:left;
4646     background-color:#fff;
4647     position:relative;
4648     -webkit-border-radius:0.3em;
4649     -webkit-border-radius-bottomleft:0;
4650     -webkit-border-radius-topleft:0;
4651     border-radius:0.3em;
4652     border-radius-bottomleft:0;
4653     border-radius-topleft:0;
4654     line-height:1.2em;
4655     padding:0.1em;
4658 #mod-quiz-edit div.question div.content div.points{
4659     top:0.5em;
4660     border-left:#FFF solid 0.4em;
4661     width:8.5em;
4662     padding:0.2em;
4664 #mod-quiz-edit div.question div.content div.points input{
4665     width:2em;
4666     padding:0;
4668 #mod-quiz-edit div.question div.content div.points input.pointssubmitbutton{
4669     width:auto;
4672 #mod-quiz-edit .questionbankwindow select#catmenu_jump{
4673     /* In Opera9, IE6 the width of the
4674     select obeys the width of its content
4675     by default. This prevents that. */
4676     width:100%;
4679 #mod-quiz-edit .collapsed .container{
4680     display: none;
4683 #mod-quiz-edit .collapsed .container{
4684     display: none;
4686 #mod-quiz-edit .questionbankwindow #showbankcmd{
4687     display:none;
4689 #mod-quiz-edit .collapsed #showbankcmd{
4690     display:inline;
4692 #mod-quiz-edit .questionbankwindow #hidebankcmd{
4693     display:inline;
4695 #mod-quiz-edit .collapsed #hidebankcmd{
4696     display:none;
4699 #mod-quiz-edit .questionbankwindow div.header{
4700     padding-top:0.2em;
4703 #randomquestiondialog_c select{
4704     width:100%;
4708 #mod-quiz-edit div.question div.content div.points,
4709 #mod-quiz-edit div.question div.content div.qorder{
4710     line-height:1em;
4711     max-width:30%;
4712     position:absolute;
4713     right:50px;
4714     -webkit-border-radius:0.2em;
4715     -webkit-border-radius-bottomleft:0;
4716     -webkit-border-radius-topleft:0;
4717     border-radius:0.2em;
4718     border-radius-bottomleft:0;
4719     border-radius-topleft:0;
4720     z-index:999;
4721     display:block;
4722     margin:0;
4726 #mod-quiz-edit div.question div.content .editicon{
4727     width:15px;
4730 #mod-quiz-edit .editq div.questioncontentcontainer  div.singlequestion img{
4731     float:left;
4732     padding-top:0.3em;
4733     padding-right:0.3em;
4736 #categoryquestions .header {
4737   text-align: center;
4738   padding: 0 2px;
4741 #categoryquestions th.modifiername .sorters,
4742 #categoryquestions th.creatorname .sorters {
4743   font-weight: normal;
4744   font-size: 0.8em;
4747 #mod-quiz-edit div.question div.content .questionname,
4748 #categoryquestions .questionname{
4749     white-space:nowrap;
4750     overflow:hidden;
4751     zoom:1;
4752     position:relative;
4753     max-width:20%;
4755 #mod-quiz-edit div.question div.content .singlequestion .questionname,
4756 #mod-quiz-edit div.question div.content .singlequestion .questiontext{
4757     display:inline-block;
4760 #mod-quiz-edit div.editq div.question div.content .singlequestion a .questionname,
4761 #mod-quiz-edit div.editq div.question div.content .singlequestion a .questiontext{
4762     float:left;
4765 #mod-quiz-edit .quizquestionlistcontrols{
4766     display:inline;
4769 #mod-quiz-edit div.question div.content .questiontext,
4770 #categoryquestions .questiontext{
4771     -o-text-overflow:ellipsis;
4772     text-overflow:ellipsis;
4773     position:relative;
4774     zoom:1;
4775     padding-left:0.3em;
4776     max-width:40%;
4777     overflow:hidden;
4778     white-space:nowrap;
4779     text-overflow:ellipsis;
4782 #mod-quiz-edit div.quizpage .pagecontent .pagestatus{
4783     -webkit-border-radius-bottomright:0.3em;
4784     -webkit-border-radius-topright:0.3em;
4785     border-radius-bottomright:0.3em;
4786     border-radius-topright:0.3em;
4787     margin:0.3em;
4788     padding:0.1em 0.1em 0.1em 0.3em;
4791 #mod-quiz-edit div.question div.content .questiontype{
4792     display:block;
4793     clear:left;
4794     float:left;
4797 #mod-quiz-edit div.question div.content .questionpreview{
4798     display:block;
4799     float:left;
4800     margin-left:0.3em;
4801     padding-left:0.2em;
4802     padding-right:0.2em;
4805 #mod-quiz-edit div.question div.content div.quiz_randomquestion .questionpreview{
4806     display:inline;
4807     float:none;
4810 #mod-quiz-edit div.question div.content div.questioncontrols{
4811     float:right;
4812     width:45px;
4813     position:absolute;
4814     right:0.3em;
4815     top:0;
4816     z-index:999;
4817     display:block;
4818     padding:0.2em;
4821 #mod-quiz-edit div.question div.content div.questioncontrols img.upwithoutdown{
4822     padding-right:12px;
4823     display:inline;
4826 #mod-quiz-edit .quizpagedelete{
4827     position:absolute;
4828     top:0.2em;
4829     right:0.2em;
4830     display:inline;
4831     z-index:999;
4834 #mod-quiz-edit .quizpagedelete img{
4835     background-color:#d6d6d6;
4836     padding:0.5em;
4839 #mod-quiz-edit .pagecontrols{
4840     clear:both;
4841     margin-left:0.5em;
4842     padding-top:0.5em;
4845 #mod-quiz-edit .pagecontrols .singlebutton{
4846     float:left;
4849 #mod-quiz-edit div.quizpage .pagecontent form#addquestion{
4850     margin-right:1em;
4851     -webkit-border-radius:0.2em;
4852     border-radius:0.2em;
4853     padding:0.3em;
4856 #mod-quiz-edit div.quizpage .pagecontent form.randomquestionform{
4857     padding-left:1em;
4860 #mod-quiz-edit div.quizpage .pagecontent form.randomquestionform div{
4861     /* it is a mystery why this has to be inline-table but
4862        otherwise the layout gets screwed, even if
4863        it is "inline" */
4864     display:inline-table;
4867 #mod-quiz-edit div.quizpage .pagecontent form.randomquestionform div input{
4868     display:inline;
4871 #mod-quiz-edit div.quizpage .pagecontent .adddescription{
4872     clear:left;
4873     margin-top:0.3em;
4876 #mod-quiz-edit div.quizpage .pagecontent .addrandomquestion{
4877     margin-top:0.3em;
4880 /* a CSS class YUI container creates on the fly: */
4881 #mod-quiz-edit div#randomquestiondialog_c{
4882     width:90%;
4885 #mod-quiz-edit #repaginatedialog .hd{
4886     display:none;
4889 #mod-quiz-edit div#randomquestiondialog{
4890     display:none;
4893 #mod-quiz-edit div#randomquestiondialog_c .mform,
4894 #mod-quiz-edit div#repaginatedialog .mform{
4895     margin-left:auto;
4896     margin-right:auto;
4899 #mod-quiz-edit div.container div.generalbox{
4900     position:relative;
4901     display:block;
4902     border:0 none;
4903     margin:0;
4904     padding:0;
4907 #mod-quiz-edit .questioncontentcontainer div.randomquestionqlist{
4908     padding-left:0.2em;
4909     padding-right:0.2em;
4910     clear:both;
4911     margin:0.5em;
4912     margin-top:0.8em;
4914 #mod-quiz-edit .questioncontentcontainer div.randomquestionqlist .totalquestionsinrandomqcategory{
4915     overflow:auto;
4916     white-space:normal;
4920 #mod-quiz-edit .questioncontentcontainer div.randomquestionqlist ul{
4921     list-style-type:none;
4922     margin:0;
4923     padding:0;
4925 #mod-quiz-edit .reorder .questioncontentcontainer .quiz_randomquestion{
4927     position:relative;
4930 #mod-quiz-edit .reorder div.question div.content div.quiz_randomquestion{
4931     line-height:1em;
4934 #mod-quiz-edit .reorder .questioncontentcontainer .randomquestioncategory label{
4935     max-width: 25%;
4936     overflow:hidden;
4937     padding-left:0.3em;
4938     white-space:nowrap;
4939     display:inline-block;
4941 #mod-quiz-edit .reorder .questioncontentcontainer .randomquestionfromcategory label{
4942     overflow:hidden;
4943     white-space:nowrap;
4944     display:inline-block;
4947 #mod-quiz-edit .editq div.question div.content .randomquestioncategory{
4948     margin-top:0.4em;
4949     position:relative;
4950     display:inline-block;
4951     
4954 #mod-quiz-edit .editq div.question div.content .randomquestioncategory a{
4955     display:block;
4956     max-width:15em;
4957     overflow: hidden;
4958     text-overflow:ellipsis;
4959     -o-text-overflow:ellipsis;
4960     white-space: nowrap;
4961     float:left;
4962     position:relative;
4964 #mod-quiz-edit .editq div.question div.content .questionpreview{
4965     float:left;
4967 #mod-quiz-edit .editq div.question div.content .questionpreview a{
4968     font-weight:normal;
4969     margin-left:0em;
4970     display:inline;
4971     float:none;
4973 #mod-quiz-edit .editq div.question div.content .randomquestioncategory .questionpreview img{
4974     padding-right:0.3em;
4977 #mod-quiz-edit .questioncontentcontainer div.randomquestionqlist ul li img{
4978     padding-right:0.3em;
4982 #mod-quiz-edit .reorder .questioncontentcontainer .randomquestioncategory,
4983 #mod-quiz-edit .reorder .questioncontentcontainer .randomquestionfromcategory,
4984 #mod-quiz-edit .reorder div.question div.content .questionpreview{
4985     display:inline;
4986     float:none;
4989 #mod-quiz-edit .reorder .questioncontentcontainer{
4990     position:relative;
4991     overflow:hidden;
4992     white-space:nowrap;
4995 #mod-quiz-edit .reorder .questioncontentcontainer .randomquestioncategory{
4996     overflow:hidden;
4997     white-space:nowrap;
5000 #mod-quiz-edit .reorder fieldset{
5001     display:inline;
5004 #mod-quiz-edit .questioncontentcontainer div.randomquestionqlist ul li{
5005     clear:left;
5006     width:100%;
5007     overflow:hidden;
5008     white-space:nowrap;
5011 #mod-quiz-edit .questioncontentcontainer div.randomquestionqlist ul li span{
5012     display:inline;
5015 /*start question bank*/
5017 /*TODO: below applies to also question bank, so when
5018 question bank is adapted to the new UI, add the appropriate
5019 css id's of question bank*/
5020 #mod-quiz-edit .questionbankwindow .createnewquestion select,
5021 #mod-quiz-edit .questionbankwindow  #catmenu select{
5022     width:80%;
5024 #mod-quiz-addrandom select {
5025     width:100%;
5027 #mod-quiz-edit table#categoryquestions{
5028     width: 100%;
5029     overflow: hidden;
5030     table-layout: fixed;
5033 #mod-quiz-edit table#categoryquestions td,#mod-quiz-edit table#categoryquestions th{
5034     overflow:hidden;
5035     white-space:nowrap;
5038 #categoryquestions .iconcol {
5039   width: 15px;
5040   text-align: center;
5041   padding: 0;
5044 #categoryquestions .checkbox {
5045   width: 19px;
5046   text-align: center;
5047   padding: 0;
5050 #categoryquestions .qtype {
5051   text-align: center;
5054 #mod-quiz-edit #categoryquestions .qtype {
5055   width: 24px;
5056   padding: 0;
5059 #categoryquestions .questiontext p {
5060   margin: 0;
5062 #mod-quiz-edit .categoryinfo{
5063     padding:0.3em;
5066 #mod-quiz-edit .paging{
5067     margin-top:0;
5068     margin-bottom:0;
5069     display:block;
5072 #mod-quiz-edit .questionsortoptions{
5073     margin-top:0.3em;
5076 #mod-quiz-edit .pagingbottom{
5077     padding-bottom:0.3em;
5080 #mod-quiz-edit div.questionbank form .invisiblefieldset{
5081     clear:both;
5084 #mod-quiz-edit div.createnewquestion{
5085     padding-top:0.3em;
5086     clear:left;
5089 #mod-quiz-edit .sideblock .content{
5090     padding:0;
5093 #mod-quiz-edit .questionbank .categorysortopotionscontainer{
5094     padding-top:0.5em;
5095     margin-top:0.3em;
5098 #mod-quiz-edit .questionbank .categoryselectallcontainer{
5099     padding-bottom:0.5em;
5102 #mod-quiz-edit .questionbank div.categoryquestionscontainer,
5103 #mod-quiz-edit .questionbank .categorysortopotionscontainer,
5104 #mod-quiz-edit .questionbank .categorypagingbarcontainer,
5105 #mod-quiz-edit .questionbank .categoryselectallcontainer{
5106     padding-left:0.3em;
5107     padding-right:0.3em;
5110 #mod-quiz-edit .noquestionsincategory{
5111     clear:both;
5112     padding-top:1em;
5113     padding-bottom:1em;
5116 #mod-quiz-edit .modulespecificbuttonscontainer{
5117     padding-left:0.3em;
5118     padding-right:0.3em;
5121 #mod-quiz-edit div#footer{
5122     clear:both;
5123     padding-top:1em;
5126 #mod-quiz-edit #repaginatecommand{
5127     display:none;
5130 /* these will toggle if js is enabled */
5131 body.jsenabled #quizcontentsblock #repaginatedialog{
5132     display:none;
5134 body.jsenabled #quizcontentsblock #repaginatedialog .hd{
5135     display:block;
5137 body.jsenabled #quizcontentsblock #repaginatedialog .bd{
5138     padding:1em;
5140 body.jsenabled #quizcontentsblock  .repaginatecommand #repaginatecommand{
5141     display:block;
5144 /***
5145  *** Modules: Resource
5146  ***/
5148 #mod-resource-view .resourcecontent {
5149   text-align:center;
5150   margin:20px;
5153 #mod-resource-view .resourcepdf {
5154   width: 100%;
5155   padding-top: 15px;
5156   text-align: center
5159 .resourcecontent object {
5160   height:480px;
5161   width:600px;
5164 .resourcepdf object{
5165   height: 800px;
5166   width: 800px;
5169 .mod-resource .modified {
5170   text-align:center;
5173 .mod-resource .popupnotice {
5174   text-align:center;
5175   margin:40px;
5178 .ims-nav-bar {
5179   margin-top:0.2em;
5180   position: relative;
5183 .ims-nav-button a,
5184 .ims-nav-dimmed {
5185   padding-left:1em;
5186   padding-right:1em;
5187   padding-top:0.2em;
5188   padding-bottom:0.2em;
5191 #ims-containerdiv {
5192   margin-top:0.2em;
5195 #ims-menudiv {
5196   padding-top:1em;
5197   padding-right:0.2em;
5198   position:absolute;
5199   width:250px;
5200   overflow:auto;
5203 #ims-menudiv ol {
5204   margin:0em;
5205   list-style-type:none;
5206   padding-left:1em;
5209 #ims-contentframe {
5210   position:absolute;