MDL-16263 A way for students to flag/bookmark, particular questions during a quiz...
[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 #redirect #message {
94   
95 }
97 #redirect #continue {
98   
99 }
101 /* .clearfix {display: inline-table;} */
103 /* Hides from IE-mac \*/
104 * html .clearfix {height: 1%;}
105 .clearfix {display: block;}
106 /* End hide from IE-mac */
108 .mdl-align {
109   text-align: center;
112 .continuebutton {
113   text-align: center;
116 form {
117   margin-bottom:0;
120 table {
121   border-spacing: 0;
122   border-collapse: collapse;
125 a img {
126   border:none;
129 img.userpicture,
130 img.grouppicture {
131   border: 0;
134 #grouppicture {
135   text-align: center;
138 div.groupselector {
139   float: left;
140   margin-top: 3px;
141   margin-bottom: 3px;
144 #addmembersform table {
145   margin-left: auto;
146   margin-right: auto;
149 .notifyproblem {
150   text-align: center;
151   padding: 10px;
154 .notifysuccess {
155   text-align:center;
156   padding: 10px;
159 .notifytiny {
160   text-align:left;
161   padding: 0;
164 .singlebutton form,
165 .singlebutton div {
166   display:inline;
169 .box {
170   clear: both;
173 .generalbox {
174   border-width:1px;
175   border-style:solid;
176   margin-bottom: 15px;
177   padding:10px;
180 .generalbox#intro {
181   width:70%;
182   margin-left:auto;
183   margin-right:auto;
184   padding-bottom:15px;
187 .boxaligncenter {
188   margin-left:auto;
189   margin-right:auto;
192 .boxalignright {
193   margin-left:auto;
194   margin-right:0;
197 .boxalignleft {
198   margin-left:0;
199   margin-right:auto;
202 .boxwidthnarrow {
203   width: 30%
206 .boxwidthnormal {
207   width: 50%
210 .boxwidthwide {
211   width: 80%
214 .centerpara {
215   text-align:center
218 .noticebox {
219   border-width:1px;
220   border-style:solid;
221   padding:10px;
224 #notice.generalbox {
225   width: 60%;
226   margin-left:auto;
227   margin-right:auto;
230 #notice .buttons {
231   text-align:center
234 #notice .buttons div,
235 #notice .buttons form {
236   display:inline;
239 #notice .singlebutton {
240   text-align:center;
241   padding: 5px;
242   margin: 0px;
245 .errorbox {
246   border-width:1px;
247   border-style:solid;
248   margin: 1em 15%;
249   width: 70%;
250   padding:10px;
253 .errorbox .title {
254   padding: 5px;
257 .informationbox {
258   border-width:1px;
259   border-style:solid;
260   padding: 10px;
263 .feedbackbox {
264   border-width:1px;
265   border-style:solid;
268 .feedbackby {
271 .feedback {
274 .rsslink {
275   padding:  0 0 0 0.3em;
278 .printicon {
279   padding:  0 0 0 0.3em;
282 .generaltable {
283   border-width: 1px;
284   border-style: solid;
287 .generaltable .cell {
288   border-width: 1px;
289   border-style: solid;
290   border-collapse: collapse;
293 #participationreport .reporttable {
294   text-align: center;
295   margin-left:auto;
296   margin-right:auto;
299 #participationreport {
300   text-align: center;
303 #participationreport .modulename {
304   font-weight: bold;
307 #participationreportselector {
308   text-align: center;
311 #participationreportactions {
312   text-align: center;
315 .initialbar {
316   text-align: center;
319 #help .indent {
320   margin-left:3em;
323 .closewindow,
324 #help .helpindex {
325   text-align: center;
328 .tabledivider {
329   border-width:1px;
330   border-style:solid;
331   border-left:0;
332   border-right:0;
333   border-top:0;
336 .sitetopic {
337   margin-bottom:20px;
340 .sitetopiccontent {
341   border-width:1px;
342   border-style:solid;
345 .pagingbar {
346   text-align:center;
349 .pagingbar a {
350   padding-left: 10px;
353 .pagingbar .thispage {
354   padding-left: 10px;
357 table.formtable {
358   margin: auto;
361 table.formtable tbody th {
362   vertical-align: top;
365 table.formtable tbody td,
366 table.formtable tbody th
368   padding: 5px;
371 table.formtable tbody .htmlarea td,
372 table.formtable tbody .htmlarea th
374   padding: 0;
377 .flexible th
379   white-space: nowrap;
382 .paging {
383   text-align: center;
384   margin: 10px 0 10px 0;
387 .unread {
388   padding-right:2px;
391 .cell {
392   vertical-align: top;
395 .heading-with-help {
396   text-align:center;
397   margin:0.83em 0;
400 .heading-with-help h2 {
401   margin:0;
402   display:inline;
405 .helplink img {
406   vertical-align: middle;
407   margin: 0 2px;
408   width: 17px;
409   height: 17px;
412 img.emoticon {
413   vertical-align: middle;
414   width: 15px;
415   height: 15px;
418 form.popupform,
419 form.popupform div {
420   display: inline;
423 form.popupform label {
424   margin-right: 0.5em;
427 .arrow_button {
428   margin-top:3em;
431 .arrow_button input {
432   padding:0.3em;
433   overflow:hidden;
436 .groupmanagementtable td {
437   vertical-align: top;
440 .groupmanagementtable p {
441   text-align: center;
444 .groupmanagementtable select {
445   width: 18em;
448 #group-groupings .buttons {
449   margin: 20px;
450   text-align:center;
453 #group-groupings .buttons .singlebutton {
454   display: inline;
455   padding: 5px;
458 #group-usersummary {
459   width: 14em;
462 img.icon {
463   vertical-align:middle;
464   /*margin-right:4px;*/
465   width:16px;
466   height:16px;
467   border:0px;
470 img.iconsmall {
471   vertical-align:middle;
472   margin-right:1px;
473   width:11px;
474   height:11px;
475   border:0px;
478 img.iconhelp {
479   vertical-align:middle;
480   margin-right:4px;
481   width:17px;
482   height:17px;
483   border:0px;
486 img.iconkbhelp {
487   width:49px;
488   height:17px;
489   border:0px;
492 img.icontoggle {
493   width:50px;
494   height:17px;
495   border:0px;
496   vertical-align:middle;
499 /*Accessibility: text 'seen' by screen readers but not visual users. Fixed for RTL languages, example Farsi. */
500 .accesshide {
501   position:absolute;
502   top:-100000px;
503   left:10px;
504   font-weight:normal;
505   font-size:1em;
508 .invisiblefieldset {
509   display:inline;
510   border:0px;
511   padding:0px;
512   margin:0px;
515 span.hide,
516 div.hide {
517   display:none;
520 /***
521  *** Forms
522  ***/
524 .mform {
525   margin: 0 auto;
526   padding: 0;
527   width: 80%;
529 .mform fieldset {
530   border: 1px solid #DDDDDD;
531   padding: 10px 0;
532   margin: 0.7em 0;
533   width:100%;
535 .mform fieldset.hidden, .mform fieldset.felement {
536   border: 0;
538 .mform fieldset.felement {
539   width: auto;
541 .mform fieldset legend {
542   font-weight: bold;
543   margin-left: 0.5em;
545 .mform fieldset .advancedbutton{
546    width:100%;
547    text-align:right;
549 .mform div.fitem {
550   clear: both;
551   width: 100%;
552   min-height: 1.5em;
555 .mform .fitemtitle {
556   display: block;
557   float: left;
558   width: 30%;
559   padding: 0;
560   margin: 5px 0 0 10px;
561   text-align: right;
564 .mform .fitemtitle div{
565   display: inline;
568 div.fitem fieldset.fgroup label, div.fradio label,  div.fcheckbox label,
569 fieldset.fdate_selector label {
570   display:inline;
571   float: none;
572   width: auto;
575 .mform div.felement,  .mform fieldset.felement{
576   display: block;
577   float: left;
578   margin: 5px 0 0 10px;
579   padding: 0;
580   text-align:left;
581   width: 60%;
584 .mform div.fdescription {
585   clear: both;
586   min-height: 1.5em;
589 .mform .fdescription.required {
590   text-align:right;
593 .mform input, .mform select {
594   width: auto;
596 .mform .ftextarea #id_alltext {
597     width: 100%;
599 .mform br {
600   clear: left;
602 .mform div.fhtmleditor {
603   margin: 5px 0 0 10px;
604   padding: 0;
605   float: left;
606   display: block;
608 .mform span.error, .mform span.required {
609   color: red;
611 .mform div.error,.mform fieldset.error {
612   border: 1px solid red;
613   padding: 5px;
614   color: inherit;
616 .mform .fcheckbox input {
617   margin-left: 0px;
619 .mform .fpassword .unmask {
620   display:inline;
622 .mform .fpassword .unmask input {
623   margin-left:5px;
624   margin-right:3px;
627 .mform label .req, .mform label .adv {
628   cursor: help;
631 /* form frozen */
632 div.mform div.fitem div.fstatic{
633  border-color : #D3D3D3;
634  border-style : dashed;
635  border-width : thin;
638 #admin-register .mform .fsubmit {
639   padding:20px;
640   text-align:center;
643 div.phpinfo .center{
644   text-align: center;
647 div.phpinfo .center table {
648   margin-left: auto;
649   margin-right: auto;
650   text-align: left;
653 div.phpinfo .center th {
654   text-align: center;
657 .backup-form-instances {
658    margin:0px 20px 0px 20px;
660 .restore-form-instances {
661    margin:0px 20px 0px 20px;
664 #portfolio-add-button {
665    display:inline;
668 /***
669  *** Header
670  ***/
672 #header-home {
675 #header {
678 .headermain, h1.headermain {
679   float:left;
680   margin:0;
681   padding:0;
684 .headermenu {
685   float:right;
686   text-align:right;
689 .navigation li,
690 .navigation div,
691 .navigation button,
692 .navigation form {
693   display: inline;
696 .navbar {
697   width:auto;
698   padding:3px 0.5em;
699   border-width:1px;
700   border-style:solid;
703 .navbar .langmenu {
704   text-align:right;
707 table.navbar {
708   width: 100%;
711 .navbar .navbutton {
712   margin-top: 3px;
713   float: left;
716 .navbar .navbutton div,
717 .navbar .navbutton form {
718   display:inline;
719   margin:0px;
720   padding:0px;
723 .navbar .breadcrumb {
724   float:left;
725   margin:0.2em 0;
728 .breadcrumb ul {
729   padding:0;
730   margin:0;
731   text-indent:0;
732   list-style:none;
734 .breadcrumb li {
735   display:inline;
738 .navbar .navbutton,
739 .navbar .menu {
740   float:right;
743 #footer .navbar {
744   margin-top: 4em;
747 .reportlink {
748   text-align:right;
751 .navigation {
752   margin-bottom: 4px;
755 .navigation ul {
756   margin:0px;
757   padding:0px;
758   list-style-type:none;
761 .navigation ul li form,
762 .navigation ul li {
763   display:inline;
764   margin:0px;
765   padding:0px;
766   margin-left:2px;
769 .navigation ul li form fieldset,
770 .navigation ul li form div select {
771   vertical-align: middle;
774 .navigation optgroup {
775   text-align:center;
776   padding-top:4px;
779 .navigation option {
780   text-align:left;
783 .navigation optgroup option {
784   padding:0px;
787 #navmenupopup option,
788 #navmenufooterpopup option {
789   padding: 2px 0 2px 20px;
790   background-repeat: no-repeat;
791   background-position: 1px 2px;
792   vertical-align: middle;
795 /***
796  *** Footer
797  ***/
799 #footer {
800   text-align:center;
801   margin-top: 40px;
804 .homelink {
805   margin: 1em 0;
808 .homelink a {
809   padding-left:1em;
810   padding-right:1em;
813 .sitelink {
814   padding-top:1em;
817 .performanceinfo {
818   margin: 2em;
821 .performanceinfo span {
822   display: block;
825 #footer .validators {
826   margin-top:40px;
827   padding-top:5px;
828   border-top: 1px dotted gray;
831 #footer .validators ul {
832   margin:0px;
833   padding:0px;
834   list-style-type:none;
837 #footer .validators ul li {
838   display:inline;
839   margin-right:10px;
840   margin-left:10px;
843 /***
844  *** Filters
845  ***/
846 span.mediaplugin {
847   display:block;
848   clear:both;
849   margin-top:5px;
850   margin-bottom:5px;
853 span.mediaplugin_mp3 {
854   display:inline;
855   clear:none;
856   margin:0px;
857   margin-left:0.5em;
861 /***
862  *** Admin
863  ***/
865 body#admin-index .c0 {
866   vertical-align: top;
869 body#admin-index .c1 {
870   vertical-align: middle;
873 body#admin-blocks table.generaltable th,
874 body#admin-filters table.generaltable th,
875 body#admin-modules table.generaltable th,
876 body#admin-auth table.generaltable th
878   white-space: nowrap;
881 body#admin-modules .generaltablecell
883   padding-top: 2px;
884   padding-bottom: 2px;
887 body#admin-blocks table.generaltable th,
888 body#admin-blocks table.generaltable td.cell,
889 body#admin-filters table.generaltable th,
890 body#admin-filters table.generaltable td.cell,
891 body#admin-modules table.generaltable th,
892 body#admin-modules table.generaltable td.cell,
893 body#admin-auth table.generaltable th,
894 body#admin-auth table.generaltable td.cell
896   padding: 4px;
897   text-align: center;
898   vertical-align: middle;
901 body#admin-blocks table.generaltable th.c0,
902 body#admin-blocks table.generaltable td.c0,
903 body#admin-filters table.generaltable th.c0,
904 body#admin-filters table.generaltable td.c0,
905 body#admin-modules table.generaltable th.c0,
906 body#admin-modules table.generaltable td.c0,
907 body#admin-auth table.generaltable th.c0,
908 body#admin-auth table.generaltable td.c0
910   text-align: left;
913 body#admin-modules table.generaltable td.c0
915   white-space: nowrap;
918 #admin-blocks
919 #admin-config .confighelp {
920   display: block;
921   padding-bottom: 20px;
924 #admin-roles-manage table.generalbox {
925   margin: auto;
928 #admin-stickyblocks .generalbox {
929   text-align:center;
932 #admin-index .copyrightnotice {
933   margin: auto;
934   text-align: center;
937 #admin-report-simpletest-index .exception pre {
938   padding: 8px;
941 #admin-report-simpletest-index .unittestsummary {
942   padding: 8px;
943   margin-top: 1em;
946 #admin-roles-allowassign .buttons,
947 #admin-roles-allowoverride .buttons,
948 #admin-roles-manage .buttons,
949 #admin-roles-override .buttons {
950   margin: 20px;
951   text-align:center;
954 #admin-roles-manage .buttons .singlebutton,
955 #admin-roles-override .buttons .singlebutton {
956   display: inline;
957   padding: 5px;
960 #admin-roles-manage .selector,
961 #admin-roles-assign .selector,
962 #admin-roles-override .selector {
963   text-align:center;
964   margin-bottom:1em;
967 #admin-roles-manage table.roledesc,
968 #admin-roles-override table.roledesc {
969   margin-left:auto;
970   margin-right:auto;
973 #admin-roles-manage table.rolecap,
974 #admin-roles-override table.rolecap {
975   margin-left:auto;
976   margin-right:auto;
979 .rolecap .inherit,
980 .rolecap .allow,
981 .rolecap .prevent,
982 .rolecap .prohibit {
983   text-align:center;
986 #admin-roles-manage .rolecap .cap-desc .cap-name,
987 #admin-roles-override .rolecap .cap-desc .cap-name {
988   display: block;
991 #admin-roles-override .cell.c1,
992 #admin-roles-assign .cell.c3,
993 #admin-roles-assign .cell.c1 {
994   padding-top: 0.75em;
997 #admin-roles-override .sefeoverridenotice {
998   text-align:center;
1001 #admin-lang .generalbox {
1002   text-align:center;
1003   margin:auto;
1004   border-width: 1px;
1005   border-style: solid;
1008 #admin-langimport .generalbox {
1009   text-align:center;
1010   margin:auto;
1011   border-width: 1px;
1012   border-style: solid;
1015 #admin-langimport .generalbox table {
1016   text-align:center;
1017   margin:auto;
1020 #admin-index .adminerror,
1021 #admin-index .adminwarning {
1022   text-align:center;
1023   border-width: 1px;
1024   border-style: solid;
1025   margin:20px;
1028 #admin-index .adminerror .singlebutton,
1029 #admin-index .adminwarning .singlebutton,
1030 #admin-index #layout-table .singlebutton {
1031   text-align:center;
1032   margin:20px;
1035 #admin-user-user_bulk #users .fgroup {
1036   white-space: nowrap;
1039 .plugincompattable caption {
1040   text-align: center;
1041   width: 100%;
1042   font-weight: bold;
1043   font-size: 130%;
1046 .plugincheckwrapper td{
1047   border: 1px #bbbbbb solid;
1050 .plugincheckwrapper{
1051     width: 100%;
1053 /* Admin settings */
1054 #adminsettings div.form-item {
1055   clear: both;
1056   margin: 1em 0 2em 0;
1059 #adminsettings .form-label {
1060   display: block;
1061   float: left;
1062   width: 12.5em;
1063   text-align: right;
1066 #adminsettings .form-shortname {
1067   display: block;
1070 #adminsettings .form-setting {
1071   display: block;
1072   margin-left: 13em;
1073   text-align: left;
1076 #adminsettings .form-defaultinfo {
1077   display: inline;
1080 #adminsettings .defaultsnext {
1081   margin-right: 0.5em;
1082   display: inline;
1085 #adminsettings .form-description {
1086   display: block;
1087   margin: 0.5em 0 0em 13em;
1088   text-align: left;
1091 #adminsettings div.form-password div.unmask {
1092   display: inline;
1095 #adminsettings fieldset {
1096   margin-top: 1em;
1097   padding: 1em 0.5em;
1100 #adminsettings legend {
1101   display: none;
1104 #adminsettings fieldset.error {
1105   margin: 0.2em 0 0.5em 0;
1106   padding: 0.5em 0 0 0;
1109 #adminsettings fieldset.error legend {
1110   display: block;
1113 #adminsettings .form-multicheckbox li {
1114   list-style: none;
1117 #adminsettings .form-multicheckbox ul {
1118   padding:0;
1119   margin:0;
1122 #adminsettings .form-item .pathok,
1123 #adminsettings .form-item .patherror {
1124   margin-left: 0.5em;
1127 #adminsettings .form-htmlarea {
1128   width:  640px;
1129   display:inline;
1132 #adminsettings .form-htmlarea .htmlarea {
1133   width:  640px;
1134   display:block;
1137 .environmentbox {
1138   margin-top: 1em;
1141 .form-buttons {
1142   margin: 10px 0 0 13em;
1145 .adminsearchform {
1146   padding-top:10px;
1149 .block_admin_tree .admintree {
1150   text-align:left;
1153 .block_admin_tree .admintree .depth1 {
1154   padding-left: 16px;
1157 .block_admin_tree .admintree .depth2 {
1158   padding-left: 32px;
1161 .block_admin_tree .admintree .depth3 {
1162   padding-left: 48px;
1165 .block_admin_tree .admintree .depth4 {
1166   padding-left: 64px;
1169 #admin-lang .translator {
1170   border-width: 1px;
1171   border-style: solid;
1174 #adminsettings #admin-calendar_weekend table {
1175   width: 100%;
1178 #adminsettings #admin-calendar_weekend table td {
1179   text-align: center;
1182 #adminsettings #admin-calendar_weekend table td label {
1183   width: 100%;
1184   text-align: center;
1185   float: none;
1188 #trustedhosts .generaltable {
1189   margin-left: auto;
1190   margin-right: auto;
1191   width: 500px;
1194 #trustedhosts .standard {
1195   width: auto;
1198 #mnetconfig table {
1199   margin-left: auto;
1200   margin-right: auto;
1203 #admin-report-courseoverview-index .graph,
1204 #course-report-stats-index .graph,
1205 #admin-report-stats-index .graph {
1206   text-align: center;
1207   margin-bottom: 1em;
1210 #admin-uploaduser table#uuresults {
1211   margin-bottom: 2em;
1214 #admin-uploaduser table#uupreview,
1215 #admin-uploaduser table#uuresults td.cell {
1216   padding-left: 3px;
1217   padding-right: 3px;
1220 /***
1221  *** Blocks
1222  ***/
1224 /*Accessibility: Skip block link, for keyboard-only users. */
1225 a.skip-block, a.skip {
1226   position: absolute;
1227   top: -1000em;
1228   font-size: 0.85em;
1230 a.skip-block:focus, a.skip-block:active,
1231 a.skip:focus, a.skip:active {
1232   position: static;
1233   display: block;
1235 .skip-block-to, #maincontent {
1236   display: block;
1237   height: 1px;
1240 .sideblock {
1241   margin-bottom:1em;
1242   width: 100%;
1245 .sideblock .header, .sideblock h2.header {
1246   text-align: left;
1247   margin:0;
1248   padding:4px;
1249   padding-top:0;
1250   border-width: 1px;
1251   border-style: solid;
1252   border-bottom: none;
1254 .sideblock h2 {
1255   margin:0;
1256   padding:0;
1259 .sideblock .header .hide-show-image {
1260   float:right;
1261   height:11px;
1262   width:11px;
1263   margin-top:0.25em;
1266 .sideblock .header .commands {
1267   margin-top: 0.3em;
1268   clear: both;
1269   height: 16px;
1272 .sideblock .header .commands a {
1273   margin: 0px 2px;
1276 #left-column .hidden .header,
1277 #right-column .hidden .header
1279   border-bottom-width: 1px;
1280   border-bottom-style: solid;
1283 #left-column .hidden .content,
1284 #right-column .hidden .content
1286   display: none;
1289 .sideblock .header .icon.hide,
1290 .sideblock .header .icon.edit {
1291   margin-right: 6px;
1294 .sideblock .content {
1295   padding: 4px;
1296   border-width: 1px;
1297   border-style: solid;
1300 .sideblock .content h3,
1301 .sideblock .content h2 {
1302   text-align: left;
1305 .sideblock .content h2 {
1306   margin:1.5em 0 0;
1307   padding:0;
1310 .sideblock .content .head {
1311   margin-top: 10px;
1314 .sideblock .content hr {
1315   height:1px;
1316   margin-top:4px;
1317   margin-bottom:4px;
1318   border:none;
1319   border-top:1px solid;
1322 .sideblock div.column {
1323   margin:0px;
1324   margin-right:4px;
1325   padding:0px;
1328 .sideblock div.column.c0 {
1329   float: left;
1332 .sideblock div.column.c1 {
1333   display: inline;
1336 .sideblock .content .c0 img.icon {
1337   margin:0px;
1340 .sideblock .content .list, .unlist, .inline-list {
1341   list-style:none;
1342   padding:0;
1343   margin:0;
1346 .sideblock .content .list {
1347   width: 100%;
1350 .sideblock .content .list li {
1351   clear: left;
1354 .sideblock .content .inline-list li, .inline-list li {
1355   display: inline;
1358 .sideblock .content ul.list li.listentry {
1359   clear:both;
1362 .sideblock .content div.info {
1363   text-align:center;
1366 .sideblock .footer {
1367   margin-bottom: 4px;
1368   text-align:center;
1369   clear:both;
1372 .sideblock img.userpicture {
1373   width:16px;
1374   height:16px;
1375   margin-right:4px;
1378 .blockconfigtable {
1379   margin-top: 0;
1380   margin-right: auto;
1381   margin-left: auto;
1384 .blockconfigtable td.label {
1385   text-align: right;
1386   width: 50%;
1389 .blockconfigtable td.value {
1390   text-align: left;
1391   width: 50%;
1394 .blockconfigtable td.submit {
1395   text-align: center;
1398 .blockconfiginstancecontent .tabs {
1399   margin-bottom: 0px;
1400   margin-left: auto;
1401   margin-right: auto;
1404 .block_adminblock {
1405   width: 180px;
1408 .block_messages .content {
1409   text-align:left;
1410   font-size:0.75em;
1411   padding-top:5px;
1414 .block_recent_activitysideblock .h3 {
1415   padding-top:5px;
1418 .block_online_users .listentry div.user,
1419 .block_messages .listentry div.user {
1420   float:left;
1423 .block_online_users .listentry div.message,
1424 .block_messages .listentry div.message {
1425   float:right;
1428 .block_course_list .footer {
1429   margin-top: 5px;
1432 #rssfeeds {
1433   margin-left: auto;
1434   margin-right: auto;
1437 #block_rss {
1438   text-align: center;
1441 .block_search_forums .invisiblefieldset {
1442   display: block;
1445 .block_tag_youtube .youtube-thumb {
1446   padding: 3px;
1447   padding-bottom: 0.5em;
1448   display: block;
1449   float: left;
1451 .block_tag_youtube .yt-video-entry li {
1452   clear: left;
1455 .block_tag_flickr .flickr-photos {
1456  padding:3px;
1459 /***
1460  *** Blogs
1461  ***/
1462 .addbloglink {
1463   text-align: center;
1466 .blogpost .audience {
1467   text-align: right;
1470 .blogpost .tags {
1471   margin-top: 15px;
1475 /***
1476  *** Calendar
1477  ***/
1479 #calendar {
1480   width: 100%;
1481   border-spacing: 5px;
1482   border-collapse: separate;
1485 #calendar h2,
1486 #calendar h3
1488   text-align: center;
1490 #calendar .sideblock h2 {
1491   text-align: left;
1494 #calendar .maincalendar,
1495 #calendar .sidecalendar
1497   vertical-align: top;
1498   border: 1px solid;
1499   padding: 0px;
1502 #calendar .maincalendar {
1503   height: 100%;
1506 #calendar .maincalendar .heightcontainer {
1507   height: 100%;
1508   position: relative;
1511 #calendar .maincalendar .bottom {
1512   width: 100%;
1513   text-align: center;
1514   padding:5px 0 0;
1517 #calendar .sidecalendar {
1518   width: 25%;
1521 #calendar .maincalendar table.calendarmonth {
1522   border-collapse: separate;
1523   margin: 0px auto;
1524   width: 98%;
1527 #calendar .maincalendar table.calendarmonth th {
1528   padding:10px;
1529   border-bottom:2px solid;
1532 #calendar .maincalendar table.calendarmonth td {
1533   height: 5em;
1534   padding-left: 4px;
1535   padding-top: 4px;
1536   line-height:1.2em;
1539 #calendar .maincalendar table.calendarmonth td,
1540 table.minicalendar td,
1541 table.minicalendar th {
1542   width:14%;
1543   vertical-align:top;
1545 table.minicalendar td {
1546   text-align: center;
1548 #calendar .maincalendar table.calendarmonth td table td {
1549   height: auto;
1552 #calendar .maincalendar div.header
1554   padding: 5px;
1557 #calendar .maincalendar .buttons {
1558   float: right;
1561 #calendar .maincalendar .filters table,
1562 #calendar .sidecalendar .filters table,
1563 .sideblock.block_calendar_month .filters table
1565   border-collapse:separate;
1566   border-spacing: 2px;
1567   padding: 2px;
1568   width: 100%;
1571 #calendar .maincalendar .filters {
1572   padding: 0px 10px;
1575 #calendar .sidecalendar .filters {
1576   padding: 5px;
1579 #calendar .maincalendar .controls {
1580   clear:both;
1581   padding:10px;
1584 #calendar .maincalendar table.calendarmonth ul.events-new,
1585 #calendar .maincalendar table.calendarmonth ul.events-underway
1587   padding:0px;
1588   margin:0px;
1589   list-style-type:none;
1592 #calendar .maincalendar table.calendarmonth ul li {
1593   margin-top: 4px;
1596 .minicalendarblock {
1597   padding: 0px 4px;
1600 table.minicalendar {
1601   width: 100%;
1602   margin: 10px auto;
1603   padding:2px;
1604   border-width:1px;
1605   border-style:solid;
1606   border-collapse:separate;
1607   border-spacing:1px !important;
1610 table.minicalendar th {
1611   padding: 0px 2px;
1614 #calendar .maincalendar .eventlist {
1615   padding: 10px;
1618 #calendar .maincalendar .eventlist .topic {
1619   padding: 5px;
1620   border-style:solid;
1621   border-width: 0px;
1622   border-bottom-color: #EEEEEE;
1623   border-bottom-width: 1px;
1626 #calendar .maincalendar .eventlist .event {
1627   width:100%;
1628   margin-bottom:10px;
1629   border-spacing:0px;
1630   border-collapse:separate;
1631   border-width:1px;
1632   border-style:solid;
1635 #calendar .maincalendar .eventlist .event .name {
1636   float:left;
1639 #calendar .maincalendar .eventlist .event .course {
1640   float:left;
1641   clear:left;
1644 #calendar .maincalendar .eventlist .event .date {
1645   float:right;
1648 #calendar .maincalendar .eventlist .event .description .commands {
1649   width:100%;
1652 #calendar .maincalendar .eventlist .event .description {
1653   padding:5px;
1656 #calendar .maincalendar .eventlist .event .picture {
1657   padding:8px;
1660 #calendar .maincalendar .eventlist .event .side {
1661   width:32px;
1664 #calendar #selecteventtype table {
1665   margin:auto;
1668 #calendar .event_global,
1669 #calendar .event_course,
1670 #calendar .event_group,
1671 #calendar .event_user,
1672 .minicalendar .event_global,
1673 .minicalendar .event_course,
1674 .minicalendar .event_group,
1675 .minicalendar .event_user {
1676   border:2px solid !important;
1679 #calendar .duration_global,
1680 #calendar .duration_course,
1681 #calendar .duration_group,
1682 #calendar .duration_user,
1683 .minicalendar .duration_global,
1684 .minicalendar .duration_course,
1685 .minicalendar .duration_group,
1686 .minicalendar .duration_user
1688   border-top:2px solid !important;
1689   border-bottom:2px solid !important;
1692 #calendar .today,
1693 .minicalendar .today {
1694   border:2px solid;
1697 #calendar .nottoday,
1698 .minicalendar .today {
1699   border:1px solid;
1702 .cal_popup_bg {
1703   padding:0px;
1704   margin:0px;
1705   border:1px solid;
1708 .cal_popup_close {
1709   margin-right:5px;
1712 .cal_popup_caption {
1713   border-width:0px 0px 1px 0px;
1714   border-style:solid;
1715   padding-bottom:2px;
1718 /*Accessibility: controls now div and span, 20:58:20% or 12:74:12% */
1719 .calendar-controls .previous,
1720 .calendar-controls .next,
1721 .calendar-controls .current {
1722   display: block;
1723   float: left;
1724   width: 12%;
1726 .calendar-controls .previous {
1727   text-align: left;
1729 .calendar-controls .current {
1730   text-align: center;
1731   width: 76%;
1733 .calendar-controls .next {
1734   text-align: right;
1737 #calendar .maincalendar .calendar-controls .previous,
1738 #calendar .maincalendar .calendar-controls .next
1740   width: 30%;
1742 #calendar .maincalendar .calendar-controls .current {
1743   width: 39.95%;
1746 #calendar .indent {
1747   padding-left: 20px;
1750 #calendar td.sidecalendar {
1751 border-width:0px;
1754 #calendar td.sidecalendar .minicalendartop {
1755   padding-top:10px;
1758 .sideblock .content h3.eventskey {
1759   margin-top:0.5em;
1760   margin-bottom:0;
1761   margin-left:0.5em;
1764 /***
1765  *** Course
1766  ***/
1768 .activitydate, .activityhead {
1769   text-align:center;
1772 #course-view .section td {
1773   vertical-align:top;
1776 #course-view .section td.content {
1777   padding:5px;
1778   border-style:solid;
1779   border-width:1px;
1780   border-left:0px;
1781   border-right:0px;
1784 #course-view .section td.side {
1785   padding:5px;
1786   border-style:solid;
1787   border-width:1px;
1790 #course-view .section td.left {
1791   border-right:0px;
1792   text-align:center;
1793   width: 1.5em;
1796 #course-view .section td.right {
1797   border-left:0px;
1798   text-align:center;
1799   width: 1.5em;
1802 #course-view .current .side {
1805 #course-view .section .spacer {
1806   height:0.5em;
1809 #course-view .section .weekdates {
1812 #course-view li.activity {
1813   margin-right:20px; /* Space allowed for completion icons if enabled */
1814   position:relative;
1816 #course-view li.activity form.togglecompletion,
1817 #course-view li.activity span.autocompletion {
1818   display:inline;
1819   position:absolute;
1820   right:-20px;
1821   top:0;
1822   z-index:10;
1823   padding:0.2em 0;
1825 #course-view li.activity form.togglecompletion div {
1826   display:inline;
1828 #course-view .completion-saved-display {
1829   position:absolute;
1830   top:0; left:0;
1831   border:1px solid black;
1832   padding: 1px 2px;
1833   background:white;
1834   font-size:0.85em; 
1836 #course-view form.togglecompletion img.iconhelp,
1837 #course-view span.autocompletion img.iconhelp {
1838   vertical-align:top;
1841 #course-view ul.section,
1842 #site-index ul.section {
1843   margin: 0;
1844   padding: 0;
1845   list-style: none;
1848 .section_add_menus {
1849   text-align:right;
1852 .section_add_menus .horizontal div {
1853   display:inline;
1856 .weeks-format, .topics-format {
1857     margin-top: 8px;
1860 /*#course-view ul.section li.activity ul li,
1861 #site-index ul.section li.activity ul li {
1862   list-style: disc;
1863 }*/
1865 /*Accessibility: No-tables course format. */
1866 #course-view ul.weeks , #course-view ul.topics{
1867   margin: 0;
1868   padding: 0;
1869   list-style: none;
1871 /* Window-width: 800 pixels.
1872    IE doesn't support, see inline IE conditional comment. */
1873 .weeks-format, .topics-format {
1874   min-width: 763px;
1876 .topics-format .block_adminblock select,
1877 .weeks-format .block_calendar_month .minicalendar,
1878 .topics-format .block_calendar_month .minicalendar {
1879   width: 100%;
1880   padding: 0;
1882 .weeks-format .block_calendar_month .minicalendar th,
1883 .topics-format .block_calendar_month .minicalendar th, 
1884 .weeks-format .block_calendar_month .minicalendar td,
1885 .topics-format .block_calendar_month .minicalendar td {
1886   padding: 0.1em 0 0.1em 1px;
1888 .weeks-format #middle-column ,
1889 .topics-format #middle-column {
1890   margin: 0 12.5em 0 12.5em;
1892 .weeks-format #left-column,
1893 .weeks-format #right-column,
1894 .topics-format #left-column,
1895 .topics-format #right-column {
1896   width: 11.5em;
1898 .weeks-format #left-column,
1899 .topics-format #left-column {
1900   float: left;
1902 .weeks-format #right-column,
1903 .topics-format #right-column {
1904   float: right;
1906 .weeks li.section ,
1907 .topics li.section {
1908   margin-bottom: 0.5em;
1909   border-style:solid;
1910   border-width:1px;
1912 .weeks .content,
1913 .topics .content {
1914   padding: 5px;
1915   margin: 0 1.7em 0 1.7em;
1917 .weeks .right,
1918 .weeks .left,
1919 .topics .right,
1920 .topics .left {
1921   width: 1.6em;
1922   padding: 5px 0;
1923   text-align: center;
1926 .weeks .left,
1927 .topics .left {
1928   float: left;
1931 .weeks .right,
1932 .topics .right {
1933   float: right;
1934
1936 .section .activity img.activityicon {
1937   vertical-align:middle;
1938   height:16px;
1939   width:16px;
1942 .section img.movetarget {
1943   height:16px;
1944   width:80px;
1947 body#course-view .unread {
1948   margin-left: 3em;
1951 body#course-view .sideblock.drag .header {
1952   cursor: move;
1955 body#course-enrol .generalbox {
1956   margin-top: 20px;
1959 body#course-enrol .coursebox {
1960   margin-top: 20px;
1963 body#course-user .graph {
1964   text-align: center;
1967 body#course-user .section,
1968 body#course-user .content {
1969   margin-left: 30px;
1970   margin-right: 30px;
1973 body#course-user .section {
1974   border-width:1px;
1975   border-style:solid;
1976   padding:10px;
1977   margin-bottom: 20px;
1980 body#course-user .section h2 {
1981   margin-top: 0;
1985 .headingblock, h2.headingblock {
1986   border-width:1px;
1987   border-style:solid;
1988   padding:5px;
1989   margin:0;
1992 #site-index .subscribelink,
1993 #course-view .subscribelink {
1994   text-align:right;
1997 body#site-index .headingblock,
1998 body#course-view .headingblock {
1999   margin-bottom: 9px;
2002 body#course-category .courseboxes,
2003 body#course-index .courseboxes {
2004   padding:20px;
2007 body#course-category .rolelink {
2008   text-align:right;
2009   padding:10px;
2012 body#course-category .addcategory {
2013   text-align: center;
2014   padding: 10px;
2017 body#course-category .buttons .singlebutton {
2018   display: inline;
2021 body#course-category .buttons {
2022   text-align: center;
2023   margin-bottom: 15px;
2026 body#course-index #middle-column .editcourse {
2027   margin-left:auto;
2028   margin-right:auto;
2029   margin-top:20px;
2030   margin-bottom:20px;
2033 body#course-index #middle-column .editcourse th,
2034 body#course-index #middle-column .editcourse td {
2035   padding-left:10px;
2036   padding-right:10px;
2039 body#course-index #middle-column .editcourse .count {
2040   text-align:right;
2043 body#course-index .singlebutton,
2044 body#course-index .addcategory {
2045   text-align: center;
2048 body#course-info .generalbox.icons {
2049   text-align: center;
2052 body#course-info .generalbox.info {
2053   margin-left:auto;
2054   margin-right:auto;
2057 .coursebox {
2058   width: 100%;
2059   /* float:left; */
2060   margin-bottom: 15px;
2061   border-width:1px;
2062   border-style:solid;
2065 .coursebox .summary {
2066   float: right;
2067   text-align:left;
2068   width: 48%;
2069   padding:5px;
2072 .coursebox .info {
2073   float: left;
2074   text-align:left;
2075   width: 48%;
2076   padding:5px;
2079 #my-index .coursebox .info {
2080   float: none;
2083 #my-index .name {
2084   margin-left: 5px;
2087 .categorylist {
2088   width:90%;
2089   margin-left:auto;
2090   margin-right:auto;
2093 .categorylist .category.image {
2094   width:20px;
2097 .categorylist .category.number {
2098   text-align:right;
2101 .categoryboxcontent {
2102   border-width:1px;
2103   border-style:solid;
2106 .categorypicker {
2107   text-align:center;
2108   padding-bottom:10px;
2111 #coursesearch,
2112 #coursesearch2 {
2113   text-align:center;
2116 .addcoursebutton {
2117   text-align:center;
2120 .coursebox .cost {
2121   padding-top: 20px;
2124 .coursebox ul.teachers li {
2125   list-style-type:none;
2126   padding:0;
2127   margin:0;
2130 #course-category #renameform {
2131   text-align:center;
2134 #course-category #themeform {
2135   text-align: center;
2138 #course-category .singlebutton {
2139   text-align:center;
2142 #course-category #coursesearch {
2143   text-align:center;
2147 #course-report #content {
2148   padding-top:15px;
2149   padding-bottom:15px;
2152 #course-report p {
2153   text-align:center;
2156 #course-report .logselectform,
2157 #course-report .participationselectform,
2158 #course-report-log-index .logselectform,
2159 #course-report-participation-index .participationselectform {
2160   margin-left:auto;
2161   margin-right:auto;
2162   text-align:center;
2163   margin-top:10px;
2164   margin-bottom:10px;
2167 #course-report .participationselectform label,
2168 #course-report-participation-index .participationselectform label {
2169   margin-left:15px;
2170   margin-right:5px;
2173 #course-report-log-index .info {
2174   margin-left:auto;
2175   margin-right:auto;
2176   text-align:center;
2177   margin:10px;
2180 .course-report-outline td.numviews {
2181   text-align:right;
2184 .course-report-outline div.loginfo {
2185   text-align:center;
2186   margin: 1em;
2189 #content .coursebox .summary .category {
2190   text-align:right;
2193 #course-editsection .singlebutton {
2194   text-align:center;
2197 /***
2198  *** Group
2199  ***/
2200 body#group-index #groupeditform {
2201   text-align: center;
2204 #add, #remove{
2205     text-align:center;
2208 /***
2209  *** Doc
2210  ***/
2212 body#doc-contents h1 {
2213   margin: 1em 0px 0px 0px;
2216 body#doc-contents ul {
2217   list-style-type: none;
2218   margin: 0;
2219   padding: 0;
2220   width: 90%;
2224 /***
2225  *** Grades
2226  ***/
2228 /* scales edit */
2230 .grade-edit-scale .buttons {
2231   margin: 20px;
2232   text-align:center;
2235 .grade-edit-scale .buttons .singlebutton {
2236   display: inline;
2237   padding: 5px;
2240 /* outcomes edit */
2242 .grade-edit-outcome .buttons {
2243   margin: 20px;
2244   text-align:center;
2247 .grade-edit-outcome .buttons .singlebutton {
2248   display: inline;
2249   padding: 5px;
2252 div.allcoursegrades {
2253     width: 100%;
2254     text-align: right;
2255     padding: 4px 0px 5px 0px;
2257 /* gradebook edit tree */
2259 .grade-edit-tree .gradetreebox {
2260   width:70%;
2261   margin-left:auto;
2262   margin-right:auto;
2263   margin-top:10px;
2264   padding-bottom:15px;
2267 .grade-edit-tree .buttons {
2268   margin: 20px;
2269   text-align:center;
2272 .grade-edit-tree .idnumber {
2273   margin-left: 15px;
2276 .grade-edit-tree .buttons .singlebutton {
2277   display: inline;
2278   padding: 5px;
2281 .grade-edit-tree .movetarget {
2282   position: relative;
2283   width: 80px;
2284   height: 16px;
2287 .grade-edit-tree ul#grade_tree {
2288   width: auto;
2291 .grade-edit-tree ul#grade_tree li {
2292   list-style: none;
2295 .grade-edit-tree ul#grade_tree li.category {
2296   margin-bottom: 6px;
2299 .grade-edit-tree .iconsmall {
2300   margin-left: 4px;
2303 #grade-report-toggles {
2304   text-align: center;
2307 .gradeexportlink {
2308   padding: 2em;
2309   text-align: center;
2310   margin-left: auto;
2311   margin-right: auto;
2314 #grade-aggregation-help dt {
2315     margin-top: 15px; 
2318 #grade-aggregation-help dd.example {
2319     margin-top: 7px;
2322 #grade-aggregation-help code {
2323     display: block;
2324     margin-top: 7px;
2327 /***
2328  *** Login
2329  ***/
2331 .loginbox {
2332   margin-top:15px;
2333   margin-bottom:15px;
2334   border:1px solid;
2335   width:50%;
2336   margin-left:25%;
2337   overflow:hidden;
2340 .loginbox form {
2341   margin:0px;
2342   padding:0px;
2345 .loginbox.twocolumns {
2346   width:90%;
2347   margin-left:5%;
2348   /* background: #faa; */
2351 .loginbox h2,
2352 .loginbox .subcontent {
2353   margin:5px;
2354   padding:10px;
2355   text-align:center;
2358 .loginbox .loginpanel .subcontent {
2359   text-align:center;
2362 .loginbox .loginpanel .desc {
2363   margin:0px;
2364   padding:0px;
2365   margin-bottom:5px;
2368 .loginbox .signuppanel .subcontent {
2369   text-align:left;
2372 .loginbox .loginsub {
2373   margin-left:0%;
2374   margin-right:0%;
2377 .loginbox .guestsub,
2378 .loginbox .forgotsub {
2379   border-top:1px solid;
2380   margin-left:12%;
2381   margin-right:12%;
2382   margin-bottom:5px;
2385 .loginbox .loginform {
2386   margin-top:1em;
2387   text-align:left;
2390 .loginbox .loginform .form-label {
2391   float:left;
2392   text-align:right;
2393   width:40%;
2396 .loginbox .loginform .form-input {
2397   float:right;
2398   width:59%;
2401 .loginbox .loginform .form-input input {
2402   width: 6em;
2405 .loginbox .signupform {
2406   margin-top:1em;
2407   text-align:center;
2410 .loginbox.twocolumns .loginpanel {
2411   float:left;
2412   width:49.5%;
2413   border-right: 1px solid;
2414   margin-bottom:-2000px;
2415   padding-bottom:2000px;
2416   /* background: #afa; */
2419 .loginbox.twocolumns .signuppanel {
2420   float:right;
2421   width:50%;
2422   margin-bottom:-2000px;
2423   padding-bottom:2000px;
2427 /***
2428  *** Message
2429  ***/
2432 #message-user .userpicture,
2433 #message-history .userpicture {
2434   width: 100px;
2435   height: 100px;
2438 .message-discussion-noframes #userinfo .userpicture {
2439   float:left;
2442 .message-discussion-noframes #userinfo .name h1 {
2443   margin:0px;
2446 .message-discussion-noframes #userinfo .name {
2447   text-align:center;
2448   margin-left:60px;
2451 .message-discussion-noframes #userinfo .commands {
2452   text-align:left;
2453   margin-left:60px;
2456 .message-discussion-noframes #userinfo .commands ul {
2457   margin:0px;
2458   padding:0px;
2459   list-style-type:none;
2462 .message-discussion-noframes #userinfo .commands ul li {
2463   display:inline;
2464   padding-right:16px;
2467 .message-discussion-noframes #send {
2468   padding-top:10px;
2469   clear:both;
2472 .message-discussion-noframes #send h1 {
2473   margin:0px;
2476 .message-discussion-noframes #messages {
2477   padding-top:10px;
2480 .message-discussion-noframes #messages ul.messagelist {
2481   margin:0px;
2482   padding:0px;
2485 .message-discussion-noframes #send h1 {
2486   margin:0px;
2489 .message .noframesjslink {
2490   margin-top:20px;
2493 .message .link {
2494   vertical-align:middle;
2497 table.message .searchresults td {
2498   padding:5px;
2499   border-width:1px;
2500   border-style:solid;
2501   border-collapse:collapse;
2502   border-spacing:0px;
2504 .message .summary .link {
2505   text-align:right;
2507 .message .heading {
2508   text-align:center;
2511 .message .note {
2512   text-align:center;
2513   padding:10px;
2516 #message-user .commands span {
2517   margin-left:10px;
2518   margin-right:10px;
2521 body#message-messages {
2522   padding:10px;
2525 body#message-send .notifysuccess {
2526   padding:1px;
2529 body#message-send td.fixeditor {
2530   text-align:center;
2533 /***
2534  *** Notes
2535  ***/
2536 .notepost {
2537   margin-bottom: 1em;
2538   background-color: #EEE;
2540 .sitenotepost {
2542 .coursenotepost {
2544 .draftnotepost {
2547 .ownnotepost .info {
2550 .notepost .header {
2551   background: #DDD;
2552   padding: 5px;
2555 .notepost .user {
2556   font-weight: bolder;
2559 .notepost .userpicture {
2560   float: left;
2561   margin-right: 5px;
2564 .notepost .info {
2565   font-size: smaller;
2568 .notepost .content {
2569   clear: both;
2572 .notepost .footer {
2573   clear: both;
2576 body.notes .generalbox {
2577   margin-left:auto;
2578   margin-right:auto;
2579   width:90%;
2582 body.notes .notesgroup {
2583   margin-left:20px;
2586 /***
2587  *** MyMoodle
2588  ***/
2590 .my .coursebox .overview .info {
2591   margin-left:20px;
2594 .my .coursebox .overview {
2595   margin-bottom:10px;
2599 /***
2600  *** Question
2601  ***/
2602 .questionbank h2 {
2603   margin-top: 0;
2606 .questioncatategories h3 {
2607   margin-top: 0;
2610 .que {
2611   text-align: left;
2612   margin: 0 auto 1.8em auto;
2613   border: 1px solid;
2615 .que .info {
2616   float: left;
2617   margin: 0.5em 0;
2618   width: 11.9%;
2620 .que .info h2 {
2621   margin: 0 0 0 0.64em;
2623 .que .info div {
2624   margin-left: 1em;
2626 .que .info .questionflag {
2627   margin-top: 1em;
2628   margin-right: 1em;
2629   text-align: center;
2631 .que .info .questionflag .jsworking {
2632   position: absolute;
2633   visibility: hidden;
2635 .que .content {
2636   float: left;
2637   margin: 0;
2638   width: 88%;
2640 .que.description .info {
2641   display: none;
2643 .que.description .content,
2644 .que.description .generalfeedback {
2645   margin-left: 1.2em;
2646   margin-bottom: 0.5em;
2647   float: none;
2648   width: auto;
2650 .que.description .qtext {
2651   margin-bottom: 0;
2653 .que .qtext {
2654   margin-bottom: 1.5em;
2656 .que .ablock {
2657   margin: 0.7em 0 0.3em 0;
2659 .que .prompt {
2660   float: left;
2661   width: 15%;
2662   height: 2em;
2663   padding-top: 0.3em;
2665 .que .control {
2666   width: 5%;
2668 .que .answer {
2669   float: left;
2670   width: 83%;
2671   margin-bottom: 0.5em;
2673 .que .submit {
2674   position: relative;
2675   clear: both;
2676   float: left;
2678 /* MSIE Hack */
2679 * html .que .submit {
2680   float: none;
2682 .multianswer .submit {
2683   margin-top: 1em;
2685 .que .feedback {
2686   clear: both;
2687   padding: 0 0 0.3em 0.3em;
2688   margin-bottom: 0.5em;
2689   border: 1px solid;
2691 .multichoice td.feedback {
2692   width: auto;
2693   vertical-align: top;
2694   padding-top: 0.3em;
2695   border-style: none;
2697 .essay .feedback {
2698   border-style: none;
2700 .multichoice .text {
2701   width: auto;
2703 .calculated .answer,
2704 .numerical .answer,
2705 .shortanswer .answer {
2706   padding: 0.3em;
2707   width: auto;
2709 .truefalse .answer span {
2710   float: left;
2711   clear: left;
2712   padding: 0.3em;
2713   width: 100%;
2715 .que .grading,
2716 .que .comment,
2717 .que .commentlink,
2718 .que .generalfeedback,
2719 .que .history {
2720   margin-top: 0.5em;
2722 .que .grade {
2723   margin-top: 0.5em;
2726 .importerror {
2727   margin-top: 10px;
2728   border-bottom: 1px solid #555;
2731 /***
2732  *** Completion progress report
2733  ***/
2735 #course-report-progress-index th,
2736 #course-report-progress-index td {
2737   padding:2px 4px;
2738   font-weight:normal;
2739   border-right: 1px solid #EEE;
2741 .completion-expired {
2742   background:#fdd;
2744 .completion-expected {
2745   font-size:0.75em;
2747 .completion-sortchoice {
2748   font-size:0.75em;
2749   vertical-align:bottom;
2751 .completion-progresscell {
2752   text-align:right;
2754 .completion-expired .completion-expected {
2755   font-weight:bold;
2757 #course-report-progress-index .progress-actions {
2758   text-align:center;
2761 /***
2762  *** Logs
2763  ***/
2765 .logtable {
2766   margin-left:auto;
2767   margin-right:auto;
2770 .logtable td,
2771 .logtable th {
2772   padding-left: 10px;
2773   padding-right: 10px;
2776 .logtable th {
2777   text-align:left;
2780 #course-user .info {
2781   margin-left:auto;
2782   margin-right:auto;
2783   text-align:center;
2784   margin:10px;
2787 /***
2788  *** Tabs
2789  ***/
2792 /*globalnav*/
2793 .tabtree {
2794   position:relative;
2797 .tabrow0 {
2798   text-align: center;
2799   width:100%;
2800   margin:0;
2801   margin-top: 10px;
2802   padding:0 0 1.75em 0;
2803   list-style:none;
2804   line-height:1.8em;
2805   font-size: 84%;
2808 .tabrow0 li {
2809   display: inline;
2810   margin: 0 -4px 0 0;
2811   padding: 0;
2814 .tabrow0 a span {
2815   padding: 10px 14px 0.35em 0;
2816   background: transparent url(pix/tab/right.gif) no-repeat right top;
2819 .tabrow1 li a span {
2820   background: none !important;
2823 .tabrow0 a {
2824   text-decoration: none;
2825   background: transparent url(pix/tab/left.gif) no-repeat left top;
2826   margin: 0 -1px 0 0;
2827   padding: 10px 0 0.35em 13px;
2830 .tabrow0 a:link:hover,
2831 .tabrow0 a:visited:hover {
2832   background-image: url(pix/tab/left_hover.gif);
2835 .tabrow0 .here a:link:hover,
2836 .tabrow0 .here a:visited:hover {
2837   background-image: url(pix/tab/left.gif);
2840 .tabrow0 a:link:hover span,
2841 .tabrow0 a:visited:hover span {
2842   background-image: url(pix/tab/right_hover.gif);
2845 .tabrow0 .here a:link:hover span,
2846 .tabrow0 .here a:visited:hover span {
2847   background-image: url(pix/tab/right.gif);
2850 .tabrow0 .here a {
2851   color:#444;
2855 .tabrow0 .here a:link, 
2856 .tabrow0 .here a:visited,
2857 .tabrow0 .here a.nolink {
2858   position:relative;
2859   z-index:102;
2862 /*subnav*/
2863 .tabrow0 .empty {
2864   height: 1px;
2865   overflow: hidden;
2866   padding: 0;
2869 .tabrow0 div,
2870 .tabrow0 ul {
2871   position: absolute;
2872   left: 0;
2873   top: 1.95em;
2874   width: 100%;
2875   margin: 0;
2876   padding: 0.25em 0;
2877   list-style: none;
2878   border-top: 1px solid #aaa;
2879   line-height: normal;
2880   background: transparent url(pix/tab/tabrow1.gif) repeat-x center left;
2881   font-size: 90%;
2884 .tabrow0 ul li {
2885   display:inline;
2886   margin-top:1px;
2887   background-image: none;
2890 .tabrow0 ul a {
2891   background-image: none;
2892   color:#00c;
2893   margin:0;
2894   padding:0 1em;
2895   border:0
2898 .tabrow0 ul a span {
2899   padding: 0;
2900   background-image: none;
2903 .tabrow0 ul .last span,
2904 .tabrow0 ul li a:hover, .tabrow0 ul li a:hover span,
2905 .tabrow0 ul .here a:hover, .tabrow0 ul .here a:hover span {
2906   background-image: none !important;
2909 .tabrow0 ul div {
2910   display: none;
2913 ul.tabrow1 li a,
2914 ul.tabrow1 li a:link,
2915 ul.tabrow1 li a:visited {
2916   color:#00c;
2917   font-size: 110%;
2920 ul.tabrow1 li.here.selected a {
2921   color:#444;
2924 /***
2925  *** Tags
2926  ***/
2928 h2.tag-heading {
2929  text-align:center;
2930  margin-left:auto;
2931  margin-right:auto;
2932  display:block;
2933  width:95%;
2934  padding: 5px 5px 5px 5px;
2938 div#tag-description,
2939 div#tag-blogs {
2940  width:95%;
2941  padding: 5px 5px 5px 5px;
2942  margin-left:auto;
2943  margin-right:auto;
2944  display:block;
2947 body#tag-index .moreblogs {
2948  text-align:center;
2951 div#tag-management-box {
2952  margin-bottom:10px;
2953  text-align:center;
2954  line-height:20px;
2955  display:block;
2956  font-size:12px;
2959 div#tag-user-table {
2960  padding:3px;
2961  width:95%;
2962  clear: both;
2963  margin-left:auto;
2964  margin-right:auto;
2965  display:block;
2968 body.tag .managelink {
2969   text-align:right;
2970   padding:10px;
2973 /* small css hack for firefox*/
2974 div#tag-user-table:after{
2975  content:".";
2976  display:block;
2977  clear:both;
2978  visibility:hidden;
2979  height:0;
2980  overflow:hidden;
2982 /* end hack*/
2984 div.user-box {
2985  margin-left:8px;
2986  margin-right:8px;
2987  margin-top:8px;
2988  margin-bottom:8px;
2989  width:115px;
2990  height:160px;
2991  text-align:center;
2992  display:block;
2993  float:left;
2994  clear: none;
2997 img.user-image {
2998  border:0px;
2999  height:100px;
3000  width:100px;
3003 div#small-tag-cloud-box {
3004  width:300px;
3005  margin-left:auto;
3006  margin-right:auto;
3007  margin-bottom:0px;
3008  margin-top:0px;
3011 div#big-tag-cloud-box {
3012  width:600px;
3013  margin-left:auto;
3014  margin-right:auto;
3015  margin-bottom:0px;
3016  margin-top:0px;
3017  display:block;
3018  float:none;
3021 ul#tag-cloud-list {
3022  list-style:none;
3023  padding:5px;
3024  margin:0px;
3025  list-style-type:none;
3027 ul#tag-cloud-list li {
3028  margin:0px;
3029  display:inline;
3032 /* search start*/
3034 div#tag-search-box {
3035  text-align:center;
3036  margin-left:auto;
3037  margin-right:auto;
3038  margin-top:10px;
3039  margin-bottom:10px;
3042 div#tag-search-results-container {
3043  padding:0px;
3044  width:100%;
3047 ul#tag-search-results {
3048  padding:0px;
3049  margin-left:20%;
3050  margin-right:20%;
3051  margin-top:15px;
3052  margin-bottom:0px;
3053  float:left;
3054  width:60%;
3055  display:block;
3056  list-style:none;
3059 ul#tag-search-results li{
3061  width:30%;
3062  float:left;
3063  padding-left:1%;
3064  text-align:left;
3065  line-height:20px;
3066  padding-right:1%;
3070 div#tags-management-links {
3071  text-align:right;
3072  display:block;
3073  font-size:12px;
3076 /* search end*/
3078 /* tag management start*/
3079 span.flagged-tag {
3080  color:#FF0000;
3082 span.flagged-tag a{
3083  color:#FF0000;
3086 table#tag-management-list {
3087  text-align:left;
3088  margin-left:auto;
3089  margin-right:auto;
3092 table#tag-management-list tr td{
3093  padding-left:4px;
3094  padding-right :4px;
3097 .tag-management-form {
3098  text-align:center;
3100 /* tag management end*/
3102 /* autocomplete start*/
3103 #relatedtags-autocomplete-container
3105  margin-left:auto;
3106  margin-right:auto;
3107  min-height:4.6em;
3108  width:100%;
3111 #relatedtags-autocomplete {
3112  position:relative;
3113  display:block;
3114  width:60%;
3115  margin-left:auto;
3116  margin-right:auto;
3118 #relatedtags-autocomplete .yui-ac-content
3120  position:absolute;
3121  width:420px;
3122  left:20%;
3123  border:1px solid #404040;
3124  background:#fff;
3125  overflow:hidden;
3126  z-index:9050;
3128 #relatedtags-autocomplete .ysearchquery
3130  position:absolute;
3131  right:10px;
3132  color:#808080;
3133  z-index:10;
3135 #relatedtags-autocomplete .yui-ac-shadow {
3136  position:absolute;
3137  margin:.3em;
3138  width:100%;
3139  background:#a0a0a0;
3140  z-index:9049;
3142 #relatedtags-autocomplete ul {
3143  padding:0;width:100%;
3144  margin:0;
3145  list-style-type:none;
3148 #relatedtags-autocomplete li {
3149  padding:0 5px;
3150  cursor:default;
3151  white-space:
3152  nowrap;
3154 #relatedtags-autocomplete li.yui-ac-highlight
3156  background:#FFFFCC;
3158 /* autocomplete end*/
3160 /***
3161  *** User
3162  ***/
3164 .userinfobox {
3165   margin-bottom:5px;
3166   border-width: 1px;
3167   border-style: solid;
3168   border-collapse: separate;
3171 .userinfobox .left,
3172 .userinfobox .side {
3173   padding: 10px;
3174   width: 100px;
3175   vertical-align: top;
3178 .userinfobox .userpicture {
3179   width: 100px;
3180   height: 100px;
3183 .userinfobox .content {
3184   padding: 10px;
3185   vertical-align: top;
3188 .userinfobox .links {
3189   width: 100px;
3190   padding: 5px;
3191   vertical-align: bottom;
3194 .userinfobox .list td {
3195   padding: 3px;
3198 .userinfobox .username {
3199   padding-bottom: 20px;
3202 .userinfobox td.label {
3203   text-align:right;
3204   white-space: nowrap;
3205   vertical-align: top;
3208 table.userinfobox {
3209   width: 80%;
3210   margin-left: 10%;
3211   margin-right: 10%;
3214 table.groupinfobox {
3215   width: 60%;
3216   margin-left: 20%;
3217   margin-right: 20%;
3218   border-width:1px;
3219   border-style:solid;
3220   margin-bottom: 20px;
3223 .groupinfobox .left {
3224   padding: 10px;
3225   width: 100px;
3226   vertical-align: top;
3229 body#user-index h2 {
3230   text-align: center;
3233 #user-view .buttons,
3234 #user-index .buttons {
3235   text-align: center;
3238 #user-view .buttons form,
3239 #user-view .buttons form div {
3240   display:inline;
3243 body#user-index #longtimenosee,
3244 body#user-index #showall {
3245   text-align: center;
3248 body#user-index #showall {
3249   margin: 10px 0px;
3252 body#user-index table#participants,
3253 body#tag-manage table#tag-management-list {
3254   margin: auto;
3255   width: 80%;
3258 body#tag-manage table#tag-management-list td,
3259 body#tag-manage table#tag-management-list th,
3260 body#user-index table#participants td,
3261 body#user-index table#participants th {
3262   vertical-align: middle;
3263   text-align: left;
3264   padding: 4px;
3267 body#user-index table.controls {
3268   width: 100%;
3270 body#user-index table.controls tr {
3271   vertical-align: top;
3273 body#user-index table.controls td.right,
3274 body#user-index table.controls td.left {
3275   padding: 4px;
3277 body#user-index table.controls .right {
3278   text-align: right;
3280 body#course-participation h2 {
3281   text-align:center;
3283 body#course-participation #showall {
3284   text-align:center;
3285   margin: 10px 0px;
3287 body#user-index .rolesform {
3288   text-align:center;
3291 #user-policy .noticebox {
3292   text-align:center;
3293   margin-left:auto;
3294   margin-right:auto;
3295   margin-bottom:10px;
3296   width:80%;
3297   height:250px;
3300 #user-policy #policyframe {
3301   width:100%;
3302   height:100%;
3305 .iplookup #map {
3306   margin:auto;
3309 .iplookup #note {
3310   text-align:center;
3313 /***
3314  *** Modules: Assignment
3315  ***/
3317 .userpicture,
3318 .picture user,
3319 .picture teacher {
3320   width:35px;
3321   height: 35px;
3322   vertical-align:top;
3324 .modform {
3325   text-align:center;
3327 #wordcount {
3328   text-align: right;
3331 /***
3332  *** Modules: Chat
3333  ***/
3335 .nextchatsession {
3336   text-align:center;
3339 #mod-chat-gui_header_js-jsupdate {
3340   margin:10px
3342 #mod-chat-gui_header_js-jsupdate .chat-event,
3343 #mod-chat-gui_header_js-jsupdate .chat-message {
3344   width:100%;
3345   padding:0;
3346   margin-top:7px
3349 #mod-chat-view #chatcurrentusers .chatuserdetails {
3350   vertical-align: middle;
3353 #mod-chat-view #enterlink {
3354   text-align: center;
3355   margin-left: auto;
3356   margin-right: auto;
3357   width: 50%;
3360 .chat-event .picture,
3361 .chat-message .picture {
3362   width:40px;
3363   vertical-align:top;
3365 .chat-event .text,
3366 .chat-message .text {
3367   text-align: left;
3370 #mod-chat-gui_basic #participants ul {
3371   margin:0px;
3372   padding:0px;
3373   list-style-type:none;
3376 #mod-chat-gui_basic #participants ul li {
3377   display:inline;
3378   margin-right:10px;
3381 #mod-chat-gui_basic #participants ul li .userinfo {
3382   display:inline;
3385 #mod-chat-gui_basic #messages dl {
3386   padding:0px;
3387   margin:1px;
3390 #mod-chat-gui_basic #messages dd,
3391 #mod-chat-gui_basic #messages dt {
3392   margin-left:0px;
3393   margin-right:5px;
3394   padding:0px;
3395   display:inline;
3398 /***
3399  *** Modules: Choice
3400  ***/
3401 .button {
3402   text-align:center;
3405 .attemptcell {
3406   width:5px;
3407   white-space: nowrap;
3410 .anonymous,
3411 .names {
3412   margin-left:auto;
3413   margin-right:auto;
3416 .downloadreport {
3417   border:0px;
3418   margin-left:auto;
3419   margin-right:auto;
3422 .choiceresponse {
3423   width:100%;
3425 .choiceresponse .picture {
3426   width:10px;
3427   white-space: nowrap;
3430 .choiceresponse .fullname {
3431   width:100%;
3432   white-space: nowrap;
3436 .results.data {
3437   vertical-align:top;
3438   white-space: nowrap;
3441 /***
3442  *** Modules: Data
3443  ***/
3444 .fieldadd,
3445 .sortdefault,
3446 .defaulttemplate {
3447   text-align:center;
3449 .datapreferences {
3450   text-align:center;
3453 table.presets {
3454   margin-left: auto;
3455   margin-right: auto;
3458 /***
3459  *** Modules: Forum
3460  ***/
3462 #mod-forum-view .forummode {
3463   text-align:center;
3466 .forumheaderlist,
3467 .forumpost {
3468   border-width:1px;
3469   border-style:solid;
3470   border-collapse:separate;
3473 .forumpost {
3474   margin-top: 15px;
3477 .forumpost .topic {
3478   padding: 4px;
3479   border-style:solid;
3480   border-width: 0px;
3481   border-bottom-width: 1px;
3484 .forumpost .commands {
3485   padding-top: 0.5em;
3486   text-align:right;
3487   clear: both;
3490 .forumpost .ratings {
3491   padding-top: 1em;
3492   text-align:right;
3495 .forumpost .attachments {
3496   padding: 7px;
3497   text-align:right;
3500 .forumpost .content {
3501   padding: 4px;
3504 .forumpost .footer {
3505   padding-top: 0.5em;
3506   text-align:right;
3509 .forumpost .link {
3510   padding-top: 0.5em;
3511   text-align:right;
3514 .forumpost .left {
3515   width: 35px;
3516   padding: 4px;
3517   text-align: center;
3518   vertical-align: top;
3521 .mod-forum .indent {
3522   margin-left: 30px;
3525 body#user-view .forumpost,
3526 .course .forumpost {
3527   width: 100%;
3530 body#mod-forum-search .c0 {
3531   text-align: right;
3534 body#mod-forum-search .introcontent {
3535   padding: 15px;
3538 .forumolddiscuss {
3539   text-align: right;
3542 .forumheaderlist {
3543   width: 100%;
3546 .forumheaderlist td {
3547   border-width:1px 0px 0px 1px;
3548   border-style:solid;
3551 .forumheaderlist .replies {
3552   text-align: center;
3553   white-space: nowrap;
3556 .forumheaderlist .picture {
3557   width: 35px;
3560 .forumheaderlist .discussion .starter {
3561   vertical-align: middle;
3564 .forumheaderlist .lastpost {
3565   white-space: nowrap;
3566   text-align: right;
3569 .forumheaderlist .discussion .author {
3570   white-space: nowrap;
3572 .forumolddiscuss {
3573   text-align:right;
3575 .forumaddnew,
3576 .forumnodiscuss,
3577 .noticeboxcontent {
3578   text-align:center;
3581 #mod-forum-view .forumaddnew {
3582   margin-bottom: 20px;
3585 #mod-forum-view .forumcontrol .groupmenu {
3586   float: left;
3587   text-align:left;
3588   white-space: nowrap;
3591 #mod-forum-view .groupmenu {
3592   float: left;
3593   text-align:left;
3594   white-space: nowrap;
3597 #mod-forum-view .forumcontrol .subscription {
3598   float: right;
3599   text-align:right;
3600   white-space: nowrap;
3603 #mod-forum-view .subscription {
3604   float: right;
3605   text-align:right;
3606   white-space: nowrap;
3609 #mod-forum-index .subscription {
3610   float: right;
3611   text-align:right;
3612   white-space: nowrap;
3615 #mod-forum-view .unread {
3616   padding-left: 3px;
3617   padding-right: 3px;
3619 #mod-forum-discuss .forumpost.unread .content {
3620   border-style: solid;
3621   border-width: 2px;
3623 #mod-forum-discuss .ratingsubmit {
3624   text-align:center;
3625   padding:10px;
3627 #mod-forum-index .unread img,
3628 #mod-forum-view .unread img
3630   margin-left: 5px;
3633 #mod-forum-discuss .discussioncontrols td {
3634   width: 33%;
3635   text-align:center;
3638 #email .unsubscribelink {
3639   margin-top:20px;
3640   border-width: 0px 1px 0px 0px;
3641   border-style: solid;
3642   text-align:center;
3645 #mod-forum-view .subscription {
3646   margin: 5px 0;
3649 /***
3650  *** Modules: Glossary
3651  ***/
3653 .glossarypost .commands {
3654   width: 200px;
3655   white-space: nowrap;
3658 #mod-glossary-comments .glossarypost,
3659 #mod-glossary-comment .glossarypost {
3660   margin-top: 15px;
3663 .entryboxheader {
3664   border-width: 1px 1px 0px 1px;
3665   border-style: solid;
3668 .entrybox {
3669   width: 100%;
3670   border-width: 0px 1px 1px 1px;
3671   border-style: solid;
3674 .entrybox hr {
3675   border-left:none;
3676   border-right:none;
3679 .glossarypost {
3680   width: 95%;
3681   border-width:1px;
3682   border-style:solid;
3683   border-collapse:separate;
3684   margin-left:auto;
3685   margin-right:auto;
3686   margin-bottom: 5px;
3687   text-align: left;
3690 .entrylist {
3691   border-width:0px;
3694 .entrylowersection {
3695   padding-top: 10px;
3698 .entrylowersection table{
3699   width: 100%;
3702 .entrylowersection .aliases {
3703   text-align:center;
3706 .entrylowersection .icons,
3707 .entrylowersection .ratings {
3708   text-align:right;
3709   padding-right: 5px;
3712 .entrylowersection .ratings {
3713   padding-bottom: 2px;
3716 .glossarycategoryheader {
3717   width: 95%;
3718   margin-left:auto;
3719   margin-right:auto;
3722 .glossaryformatheader {
3723   width: 90%;
3726 .glossarypost .entry {
3727   padding: 3px;
3730 .glossarypost .picture {
3731   width: 35px;
3734 .glossarycomment {
3735   border-width:1px;
3736   border-style:solid;
3737   border-collapse:separate;
3738   margin-bottom: 5px;
3739   text-align: left;
3742 .glossarycomment .entry {
3743   padding: 3px;
3746 .glossarycomment .picture {
3747   width: 35px;
3750 .glossarycomment .icons {
3751   text-align: right;
3754 .glossarydisplay {
3755   width: 90%;
3756   margin-left:auto;
3757   margin-right:auto;
3758   text-align:center;
3761 .glossarydisplay .tabs {
3762   width: 100%;
3765 .glossarydisplay .separator {
3766   width: 4px;
3769 .glossarydisplay .tabs .selected,
3770 .glossarydisplay .tabs .inactive,
3771 .glossarydisplay .tabs .general {
3774 .glossaryimportexport {
3775   margin-left:auto;
3776   margin-right:auto;
3777   text-align:center;
3780 .glossarypopup {
3781   width: 95%;
3784 .glossaryapproval {
3785   width: 100%;
3788 .mod-glossary .glossarydisplay .tabs {
3789   margin-bottom: 0px;
3792 .mod-glossary .glossarydisplay .tabs .side {
3793   border-style: none;
3794   border-width: 0px;
3795   width: auto;
3798 .glossaryexplain,
3799 .glossaryaddentry {
3800   text-align: center;
3803 .mod-glossary .tabrow0 {
3804   padding-bottom: 5px;
3807 #mod-glossary-view .glossarycontrol {
3808   float: right;
3809   text-align:right;
3810   white-space: nowrap;
3811   margin: 5px 0;
3814 /***
3815  *** Modules: Journal
3816  ***/
3817 #mod-journal-view .lastedit,
3818 #mod-journal-view .editend {
3819   margin: 5px;
3820   text-align: center;
3822 #mod-journal-view .feedbackbox {
3823   width: 75%;
3824   border-collapse: separate;
3826 #mod-journal-view .entrycontent {
3827   padding: 3px;
3829 #mod-journal-view .picture {
3830   width: 35px;
3832 #mod-journal-view .grade {
3833   text-align: right;
3835 #mod-journal-view .info {
3836   margin-bottom: 5px;
3837   text-align: right;
3841 /***
3842  *** Modules: Label
3843  ***/
3845 /***
3846  *** Modules: Lesson
3847  ***/
3848 #mod-lesson-lesson #page .addform {
3849   text-align: center;
3851 #mod-lesson-edit #page .label {
3852   font-weight: bold;
3854 #mod-lesson-edit #page .labelcorrect {
3855   text-decoration: underline;
3856   font-weight: bold;
3858 .lessonmediafilecontrol {
3859   text-align: center;
3860   margin-left: auto;
3861   margin-right: auto;
3864 #mod-lesson-view #content .invisiblefieldset {
3865   display: block;
3866   text-align: left;
3869 /***
3870  *** Modules: Quiz
3871  ***/
3873 #mod-quiz-view .quizinfo {
3874   text-align: center;
3876 #mod-quiz-view #page .quizgradefeedback,
3877 #mod-quiz-view #page .quizattempt
3879   text-align: center;
3881 #mod-quiz-view #page .quizattemptsummary td p {
3882   margin-top: 0;
3884 #mod-quiz-view .generalbox#feedback {
3885   width:70%;
3886   margin-left:auto;
3887   margin-right:auto;
3888   padding-bottom:15px;
3890 #mod-quiz-view .generalbox#feedback h2 {
3891   margin: 0 0;
3893 #mod-quiz-view .generalbox#feedback .overriddennotice {
3894   text-align: center;
3895   font-size: 0.7em;
3897 #mod-quiz-view .generalbox#feedback h3 {
3898   text-align: left;
3901 .generalbox#passwordbox { /* Should probably match .generalbox#intro above */
3902   width:70%;
3903   margin-left:auto;
3904   margin-right:auto;
3906 #passwordform {
3907   margin: 1em 0;
3909 #mod-quiz-attempt #middle-column,
3910 #mod-quiz-review #middle-column {
3911   text-align: center;
3912   margin: 0 0 0 12.5em;
3914 #mod-quiz-attempt #left-column,
3915 #mod-quiz-review #left-column {
3916   width: 11.5em;
3917   float: left;
3919 #mod-quiz-attempt .submitbtns,
3920 #mod-quiz-review .submitbtns {
3921   text-align: left;
3923 #mod-quiz-summary .submitbtns {
3924   margin-top: 1.5em;
3927 #mod-quiz-attempt #quiz-timer {
3928   display: none;
3930 #mod-quiz-attempt #quiz-time-left {
3931   font-weight: bold;
3934 body#question-preview .quemodname,
3935 body#question-preview .controls
3937   text-align: center;
3939 body#question-preview .quemodname, body#question-preview .controls {
3940   text-align: center;
3943 #mod-quiz-attempt #page .controls,
3944 #mod-quiz-summary #page .controls,
3945 #mod-quiz-review #page .controls {
3946   text-align: center;
3947   margin: 8px auto;
3949 #mod-quiz-review .pagingbar {
3950   margin: 1.5em auto;
3952 #mod-quiz-review .pagingbar {
3953   margin: 1.5em auto;
3955 table.quizreviewsummary {
3956   width: 100%;
3958 table.quizreviewsummary tr {
3960 table.quizreviewsummary th.cell {
3961   padding: 1px 0.5em 1px 1em;
3962   font-weight: bold;
3963   text-align: right;
3964   width: 10em;
3966 table.quizreviewsummary td.cell {
3967   padding: 1px 1em 1px 0.5em;
3968   text-align: left;
3971 #mod-quiz-mod #reviewoptionshdr .fitem,
3972 #adminquizreviewoptions .group {
3973   float: left;
3974   width: 33%;
3975   clear: none;
3977 #mod-quiz-mod #reviewoptionshdr .fitem {
3978   width: 30%;
3979   margin-left: 10px;
3981 #mod-quiz-mod #reviewoptionshdr .fitemtitle,
3982 #adminquizreviewoptions .fitemtitle {
3983   width: 100%;
3984   font-weight: bold;
3985   text-align: left;
3986   height: 2.5em;
3987   margin-left: 0;
3989 #mod-quiz-mod #reviewoptionshdr fieldset.fgroup {
3990   width: 100%;
3991   text-align: left;
3992   margin-left: 0;
3994 #mod-quiz-mod #reviewoptionshdr fieldset.fgroup span,
3995 #adminquizreviewoptions span {
3996   float: left;
3997   clear: left;
3999 #adminquizreviewoptions {
4000   margin-bottom: 0.5em;
4003 #mod-quiz-edit #page .controls,
4004 #mod-quiz-edit #page .quizattemptcounts
4006   text-align: center;
4008 #mod-quiz-edit .quizquestions h2 {
4009   margin-top: 0;
4011 #mod-quiz-edit #showhidepagingcontrols {
4012   margin-top: 0.7em;
4014 #mod-quiz-edit #showhidepagingcontrols .singlebutton {
4015   display: inline;
4017 .quizquestionlistcontrols {
4018   text-align: center;
4021 #mod-quiz-report table#attempts,
4022 #mod-quiz-report div#commands,
4023 #mod-quiz-report table#itemanalysis
4025   width: 80%;
4026   margin: auto;
4028 #mod-quiz-report table.titlesleft td.c0
4030   font-weight: bold;
4032 #mod-quiz-report table#attempts,
4033 #mod-quiz-report h2.main {
4034   clear: both;
4036 #mod-quiz-report table#attempts {
4037   margin: 20px auto;
4039 #mod-quiz-report table#attempts .header,
4040 #mod-quiz-report table#attempts .cell
4042   padding: 4px;
4044 #mod-quiz-report table#attempts .header .commands {
4045   display: inline;
4047 #mod-quiz-report table#attempts .picture {
4048   width: 40px;
4050 #mod-quiz-report table#attempts td {
4051   border-left-width: 1px;
4052   border-right-width: 1px;
4053   border-left-style: solid;
4054   border-right-style: solid;
4055   vertical-align: middle;
4057 #mod-quiz-report table#attempts .header {
4058   text-align: left;
4060 #mod-quiz-report table#attempts .picture {
4061   text-align: center !important;
4063 #mod-quiz-report .controls {
4064   text-align: center;
4067 #mod-quiz-report table#itemanalysis {
4068   margin: 20px auto;
4070 #mod-quiz-report table#itemanalysis .header,
4071 #mod-quiz-report table#itemanalysis .cell
4073   padding: 4px;
4075 #mod-quiz-report table#itemanalysis .header .commands {
4076   display: inline;
4078 #mod-quiz-report table#itemanalysis td {
4079   border-width: 1px;
4080   border-style: solid;
4082 #mod-quiz-report table#itemanalysis .header {
4083   text-align: left;
4085 #mod-quiz-report table .numcol {
4086   text-align: center;
4087   vertical-align : middle !important;
4090 #mod-quiz-report table#itemanalysis .uncorrect {
4091   color: red;
4094 #mod-quiz-report table#itemanalysis .correct {
4095   color: blue;
4096   font-weight : bold;
4099 #mod-quiz-report table#itemanalysis .partialcorrect {
4100   color: green !important;
4103 #mod-quiz-report table#itemanalysis .qname {
4104   color: green !important;
4107 /* manual grading */
4108 #mod-quiz-grading table#grading
4110   width: 80%;
4111   margin: auto;
4114 #mod-quiz-grading table#grading
4116   margin: 20px auto;
4119 #mod-quiz-grading table#grading .header,
4120 #mod-quiz-grading table#grading .cell
4122   padding: 4px;
4125 #mod-quiz-grading table#grading .header .commands 
4127   display: inline;
4130 #mod-quiz-grading table#grading .picture 
4132   width: 40px;
4135 #mod-quiz-grading table#grading td 
4137   border-left-width: 1px;
4138   border-right-width: 1px;
4139   border-left-style: solid;
4140   border-right-style: solid;
4141   vertical-align: bottom;
4144 .mod-quiz .gradingdetails {
4145   font-size: small;
4147 .quizattemptcounts {
4148   clear : left;
4149   text-align: center;
4150   margin: 6px 0;
4153 #quiznavigation .qnbutton {
4154   float: left;
4155   width: 1.5em;
4156   height: 1.5em;
4157   margin: 0.3em 0.3em 0.3em 0;
4158   border: 1px solid grey;
4159   background: white;
4160   font-weight: bold;
4161   text-align: center;
4162   vertical-align: middle;
4164 #quiznavigation .qnbutton:hover {
4165   background: silver;
4166   text-decoration: underline;
4168 #quiznavigation .qnbutton.thispage {
4169   background: #eee;
4171 #quiznavigation .othernav {
4172   clear: both;
4174 #quiznavigation .othernav a,
4175 #quiznavigation .othernav input {
4176   display: block;
4177   margin: 0.5em 0;
4180 /***
4181  *** Modules: Resource
4182  ***/
4184 #mod-resource-view .resourcecontent {
4185   text-align:center;
4186   margin:20px;
4189 #mod-resource-view .resourcepdf {
4190   width: 100%;
4191   padding-top: 15px;
4192   text-align: center
4195 .resourcecontent object {
4196   height:480px;
4197   width:600px;
4200 .resourcepdf object{
4201   height: 800px;
4202   width: 800px;
4205 .mod-resource .modified {
4206   text-align:center;
4209 .mod-resource .popupnotice {
4210   text-align:center;
4211   margin:40px;
4214 .ims-nav-bar {
4215   margin-top:0.2em;
4216   position: relative;
4219 .ims-nav-button a,
4220 .ims-nav-dimmed {
4221   padding-left:1em;
4222   padding-right:1em;
4223   padding-top:0.2em;
4224   padding-bottom:0.2em;
4227 #ims-containerdiv {
4228   margin-top:0.2em;
4231 #ims-menudiv {
4232   padding-top:1em;
4233   padding-right:0.2em;
4234   position:absolute;
4235   width:250px;
4236   overflow:auto;
4239 #ims-menudiv ol {
4240   margin:0em;
4241   list-style-type:none;
4242   padding-left:1em;
4245 #ims-contentframe {
4246   position:absolute;
4247   left:260px;
4248   border:1px solid;
4249   width:640px;
4250   height:480px;
4253 #ims-contentframe-no-nav {
4254   position:absolute;
4255   border:1px solid;
4256   width:640px;
4257   height:480px;
4260 #mod-resource-view div#footer {
4261   margin-top: 5px;
4264 /***
4265  *** Modules: Scorm
4266  ***/
4268 /***
4269  *** Modules: Survey
4270  ***/
4271 .resultgraph {
4272   text-align:center;
4273   border:1px solid;
4276 .reportsummary,
4277 .studentreport,
4278 .reportbuttons {
4279   text-align:center;
4282 .centerpara {
4283   text-align:center;
4286 .fullnamecell {
4287   width:10%;
4288   vertical-align:top;
4289   white-space: nowrap;
4292 .questiontext {
4293   font-size:1em;
4296 .smalltext {
4297   font-size: 0.75em;
4300 #surveyform th {
4301   font-weight: normal;
4302   text-align: left;
4304 #surveyform th.hresponse {
4305   text-align: center;