3bab97fc114e9c9e5f83b0da2062472ed192d528
[moodle.git] / theme / standard / styles_layout.css
1 /*******************************************************************
2  styles_layout.css
4  This CSS file contains all layout definitions like positioning,
5  floats, margins, padding, borders etc.
7  Styles are organised into the following sections:
8   core
9   forms
10   header
11   footer
13   admin
14   blocks
15   blog
16   calendar
17   course
18   doc
19   grades
20   login
21   message
22   notes
23   mymoodle
24   question
25   tabs
26   tags
27   user
29   various modules
31 *******************************************************************/
34 /***
35  *** Core
36  ***/
38 h1.main,
39 h2.main,
40 h3.main,
41 h4.main,
42 h5.main,
43 h6.main {
44   text-align: center;
45 }
47 #layout-table {
48   width:100%;
49   border-collapse:separate;
50   margin-top: 8px;
51 }
53 #layout-table #left-column,
54 #layout-table #middle-column,
55 #layout-table #right-column
56 {
57   vertical-align:top;
58 }
60 #layout-table #middle-column {
61   padding-left:12px;
62   padding-right:12px;
63 }
65 .clearer {
66   clear:both;
67   margin:0;
68   padding:0;
69   height:1px;
70   border:none;
71   background:transparent;
72   display:block;
73 }
75 .clearfix {
76   min-width: 0;
77   /* overflow: hidden; */
78 }
80 .clearfix:after {
81   /* content: "<!-- -->";  */
82   content: ".";
83   display: block;
84   height: 0;
85   clear: both;
86   visibility: hidden;
87 }
89 /* .clearfix {display: inline-table;} */
91 /* Hides from IE-mac \*/
92 * html .clearfix {height: 1%;}
93 .clearfix {display: block;}
94 /* End hide from IE-mac */
96 .mdl-align {
97   text-align: center;
98 }
100 .continuebutton {
101   text-align: center;
104 form {
105   margin-bottom:0;
108 table {
109   border-spacing: 0;
110   border-collapse: collapse;
113 a img {
114   border:none;
117 img.userpicture,
118 img.grouppicture {
119   border: 0;
122 #grouppicture {
123   text-align: center;
126 div.groupselector {
127   float: left;
128   margin-top: 3px;
129   margin-bottom: 3px;
132 #addmembersform table {
133   margin-left: auto;
134   margin-right: auto;
137 .notifyproblem {
138   text-align: center;
139   padding: 10px;
142 .notifysuccess {
143   text-align:center;
144   padding: 10px;
147 .notifytiny {
148   text-align:left;
149   padding: 0;
152 .singlebutton form,
153 .singlebutton div {
154   display:inline;
157 .generalbox {
158   border-width:1px;
159   border-style:solid;
160   margin-bottom: 15px;
161   padding:10px;
164 .generalbox#intro {
165   width:70%;
166   margin-left:auto;
167   margin-right:auto;
168   padding-bottom:15px;
171 .boxaligncenter {
172   margin-left:auto;
173   margin-right:auto;
176 .boxalignright {
177   margin-left:auto;
178   margin-right:0;
181 .boxalignleft {
182   margin-left:0;
183   margin-right:auto;
186 .boxwidthnarrow {
187   width: 30%
190 .boxwidthnormal {
191   width: 50%
194 .boxwidthwide {
195   width: 80%
198 .centerpara {
199   text-align:center
202 .noticebox {
203   border-width:1px;
204   border-style:solid;
205   padding:10px;
208 #notice.generalbox {
209   width: 60%;
210   margin-left:auto;
211   margin-right:auto;
214 #notice .buttons {
215   text-align:center
218 #notice .buttons div,
219 #notice .buttons form {
220   display:inline;
223 #notice .singlebutton {
224   text-align:center;
225   padding: 5px;
226   margin: 0px;
229 .errorbox {
230   border-width:1px;
231   border-style:solid;
232   margin: 1em 15%;
233   width: 70%;
234   padding:10px;
237 .errorbox .title {
238   padding: 5px;
241 .informationbox {
242   border-width:1px;
243   border-style:solid;
244   padding: 10px;
247 .feedbackbox {
248   border-width:1px;
249   border-style:solid;
252 .feedbackby {
255 .feedback {
258 .generaltable {
259   border-width: 1px;
260   border-style: solid;
263 .generaltable .cell {
264   border-width: 1px;
265   border-style: solid;
266   border-collapse: collapse;
269 #participationreport .reporttable {
270   text-align: center;
271   margin-left:auto;
272   margin-right:auto;
275 #participationreport {
276   text-align: center;
279 #participationreport .modulename {
280   font-weight: bold;
283 #participationreportselector {
284   text-align: center;
287 #participationreportactions {
288   text-align: center;
291 .initialbar {
292   text-align: center;
295 #help .indent {
296   margin-left:3em;
299 .closewindow,
300 #help .helpindex {
301   text-align: center;
304 .tabledivider {
305   border-width:1px;
306   border-style:solid;
307   border-left:0;
308   border-right:0;
309   border-top:0;
312 .sitetopic {
313   margin-bottom:20px;
316 .sitetopiccontent {
317   border-width:1px;
318   border-style:solid;
321 .pagingbar {
322   text-align:center;
325 .pagingbar a {
326   padding-left: 10px;
329 .pagingbar .thispage {
330   padding-left: 10px;
333 table.formtable {
334   margin: auto;
337 table.formtable tbody th {
338   vertical-align: top;
341 table.formtable tbody td,
342 table.formtable tbody th
344   padding: 5px;
347 table.formtable tbody .htmlarea td,
348 table.formtable tbody .htmlarea th
350   padding: 0;
353 .flexible th
355   white-space: nowrap;
358 .paging {
359   text-align: center;
360   margin: 10px 0 10px 0;
363 .unread {
364   padding-right:2px;
367 .cell {
368   vertical-align: top;
371 .helplink img {
372   vertical-align: middle;
373   margin: 0 2px;
374   width: 17px;
375   height: 17px;
378 img.emoticon {
379   vertical-align: middle;
380   width: 15px;
381   height: 15px;
384 form.popupform,
385 form.popupform div {
386   display: inline;
389 form.popupform label {
390   margin-right: 0.5em;
393 .arrow_button {
394   margin-top:3em;
397 .arrow_button input {
398   width:2.4em;
399   padding:0.3em;
400   overflow:hidden;
403 .groupmanagementtable td {
404   vertical-align: top;
407 .groupmanagementtable p {
408   text-align: center;
411 .groupmanagementtable select {
412   width: 18em;
415 #group-groupings .buttons {
416   margin: 20px;
417   text-align:center;
420 #group-groupings .buttons .singlebutton {
421   display: inline;
422   padding: 5px;
425 #group-usersummary {
426   width: 14em;
429 img.icon {
430   vertical-align:middle;
431   /*margin-right:4px;*/
432   width:16px;
433   height:16px;
434   border:0px;
437 img.iconsmall {
438   vertical-align:middle;
439   margin-right:1px;
440   width:11px;
441   height:11px;
442   border:0px;
445 img.iconhelp {
446   vertical-align:middle;
447   margin-right:4px;
448   width:17px;
449   height:17px;
450   border:0px;
453 img.iconkbhelp {
454   width:49px;
455   height:17px;
456   border:0px;
459 /*Accessibility: text 'seen' by screen readers but not visual users. Fixed for RTL languages, example Farsi. */
460 .accesshide {
461   position:absolute;
462   top:-1000px;
463   left:10px;
464   font-weight:normal;
465   font-size:1em;
468 .invisiblefieldset {
469   display:inline;
470   border:0px;
471   padding:0px;
472   margin:0px;
475 span.hide,
476 div.hide {
477   display:none;
480 /***
481  *** Forms
482  ***/
484 .mform {
485   margin: 0 auto;
486   padding: 0;
487   width: 80%;
489 .mform fieldset {
490   border: 1px solid #DDDDDD;
491   padding: 10px 0;
492   margin: 0.7em 0;
493   width:100%;
495 .mform fieldset.hidden, .mform fieldset.felement {
496   border: 0;
498 .mform fieldset.felement {
499   width: auto;
501 .mform fieldset legend {
502   font-weight: bold;
503   margin-left: 0.5em;
505 .mform fieldset .advancedbutton{
506    width:100%;
507    text-align:right;
509 .mform div.fitem {
510   clear: both;
511   width: 100%;
512   min-height: 1.5em;
515 .mform .fitemtitle {
516   display: block;
517   float: left;
518   width: 30%;
519   padding: 0;
520   margin: 5px 0 0 10px;
521   text-align: right;
524 .mform .fitemtitle div{
525   display: inline;
528 div.fitem fieldset.fgroup label, div.fradio label,  div.fcheckbox label,
529 fieldset.fdate_selector label {
530   display:inline;
531   float: none;
532   width: auto;
535 .mform div.felement,  .mform fieldset.felement{
536   display: block;
537   float: left;
538   margin: 5px 0 0 10px;
539   padding: 0;
540   text-align:left;
541   width: 60%;
544 .mform div.fdescription {
545   clear: both;
546   min-height: 1.5em;
549 .mform .fdescription.required {
550   text-align:right;
553 .mform input, .mform select {
554   width: auto;
556 .mform .ftextarea #id_alltext {
557     width: 100%;
559 .mform br {
560   clear: left;
562 .mform div.fhtmleditor {
563   margin: 0 auto 10px auto;
564   width : 600px;
565   clear:both;
566   float:none;
567   padding: 25px 0 20px 0;
569 .mform span.error, .mform span.required {
570   color: red;
572 .mform div.error,.mform fieldset.error {
573   border: 1px solid red;
574   padding: 5px;
575   color: inherit;
577 .mform .fcheckbox input {
578   margin-left: 0px;
580 .mform .fpassword .unmask {
581   display:inline;
583 .mform .fpassword .unmask input {
584   margin-left:5px;
585   margin-right:3px;
588 .mform label .req, .mform label .adv {
589   cursor: help;
592 /* form frozen */
593 div.mform div.fitem div.fstatic{
594  border-color : #D3D3D3;
595  border-style : dashed;
596  border-width : thin;
599 #admin-register .mform .fsubmit {
600   padding:20px;
601   text-align:center;
604 div.phpinfo .center{
605   text-align: center;
608 div.phpinfo .center table {
609   margin-left: auto;
610   margin-right: auto;
611   text-align: left;
614 div.phpinfo .center th {
615   text-align: center;
618 .backup-form-instances {
619    margin:0px 20px 0px 20px;
621 .restore-form-instances {
622    margin:0px 20px 0px 20px;
626 /***
627  *** Header
628  ***/
630 #header-home {
633 #header {
636 .headermain, h1.headermain {
637   float:left;
638   margin:0;
639   padding:0;
642 .headermenu {
643   float:right;
644   text-align:right;
647 .navigation li,
648 .navigation div,
649 .navigation button,
650 .navigation form {
651   display: inline;
654 .navbar {
655   width:auto;
656   padding:3px 0.5em;
657   border-width:1px;
658   border-style:solid;
661 .navbar .langmenu {
662   text-align:right;
665 table.navbar {
666   width: 100%;
669 .navbar .navbutton {
670   margin-top: 3px;
671   float: left;
674 .navbar .navbutton div,
675 .navbar .navbutton form {
676   display:inline;
677   margin:0px;
678   padding:0px;
681 .navbar .breadcrumb {
682   float:left;
683   margin:0.2em 0;
686 .breadcrumb ul {
687   padding:0;
688   margin:0;
689   text-indent:0;
690   list-style:none;
692 .breadcrumb li {
693   display:inline;
696 .navbar .navbutton,
697 .navbar .menu {
698   float:right;
701 #footer .navbar {
702   margin-top: 4em;
705 .reportlink {
706   text-align:right;
709 .navigation {
710   margin-bottom: 4px;
713 .navigation ul {
714   margin:0px;
715   padding:0px;
716   list-style-type:none;
719 .navigation ul li form,
720 .navigation ul li {
721   display:inline;
722   margin:0px;
723   padding:0px;
724   margin-left:2px;
727 .navigation ul li form fieldset,
728 .navigation ul li form div select {
729   vertical-align: middle;
732 .navigation optgroup {
733   text-align:center;
734   padding-top:4px;
737 .navigation option {
738   text-align:left;
741 .navigation optgroup option {
742   padding:0px;
745 #navmenupopup option,
746 #navmenufooterpopup option {
747   padding: 2px 0 2px 20px;
748   background-repeat: no-repeat;
749   background-position: 1px 2px;
750   vertical-align: middle;
753 /***
754  *** Footer
755  ***/
757 #footer {
758   text-align:center;
759   margin-top: 40px;
762 .homelink {
763   margin: 1em 0;
766 .homelink a {
767   padding-left:1em;
768   padding-right:1em;
771 .sitelink {
772   padding-top:1em;
775 .performanceinfo {
776   margin: 2em;
779 .performanceinfo span {
780   display: block;
783 #footer .validators {
784   margin-top:40px;
785   padding-top:5px;
786   border-top: 1px dotted gray;
789 #footer .validators ul {
790   margin:0px;
791   padding:0px;
792   list-style-type:none;
795 #footer .validators ul li {
796   display:inline;
797   margin-right:10px;
798   margin-left:10px;
801 /***
802  *** Filters
803  ***/
804 span.mediaplugin {
805   display:block;
806   clear:both;
807   margin-top:5px;
808   margin-bottom:5px;
811 span.mediaplugin_mp3 {
812   display:inline;
813   clear:none;
814   margin:0px;
815   margin-left:0.5em;
819 /***
820  *** Admin
821  ***/
823 body#admin-index .c0 {
824   vertical-align: top;
827 body#admin-index .c1 {
828   vertical-align: middle;
831 body#admin-blocks table.generaltable th,
832 body#admin-filters table.generaltable th,
833 body#admin-modules table.generaltable th,
834 body#admin-auth table.generaltable th
836   white-space: nowrap;
839 body#admin-modules .generaltablecell
841   padding-top: 2px;
842   padding-bottom: 2px;
845 body#admin-blocks table.generaltable th,
846 body#admin-blocks table.generaltable td.cell,
847 body#admin-filters table.generaltable th,
848 body#admin-filters table.generaltable td.cell,
849 body#admin-modules table.generaltable th,
850 body#admin-modules table.generaltable td.cell,
851 body#admin-auth table.generaltable th,
852 body#admin-auth table.generaltable td.cell
854   padding: 4px;
855   text-align: center;
856   vertical-align: middle;
859 body#admin-blocks table.generaltable th.c0,
860 body#admin-blocks table.generaltable td.c0,
861 body#admin-filters table.generaltable th.c0,
862 body#admin-filters table.generaltable td.c0,
863 body#admin-modules table.generaltable th.c0,
864 body#admin-modules table.generaltable td.c0,
865 body#admin-auth table.generaltable th.c0,
866 body#admin-auth table.generaltable td.c0
868   text-align: left;
871 body#admin-modules table.generaltable td.c0
873   white-space: nowrap;
876 #admin-blocks
877 #admin-config .confighelp {
878   display: block;
879   padding-bottom: 20px;
882 #admin-roles-manage table.generalbox {
883   margin: auto;
886 #admin-stickyblocks .generalbox {
887   text-align:center;
890 #admin-index .copyrightnotice {
891   margin: auto;
892   text-align: center;
895 #admin-report-simpletest-index .exception pre {
896   padding: 8px;
899 #admin-report-simpletest-index .unittestsummary {
900   padding: 8px;
901   margin-top: 1em;
904 #admin-roles-allowassign .buttons,
905 #admin-roles-allowoverride .buttons,
906 #admin-roles-manage .buttons,
907 #admin-roles-override .buttons {
908   margin: 20px;
909   text-align:center;
912 #admin-roles-manage .buttons .singlebutton,
913 #admin-roles-override .buttons .singlebutton {
914   display: inline;
915   padding: 5px;
918 #admin-roles-manage .selector,
919 #admin-roles-assign .selector,
920 #admin-roles-override .selector {
921   text-align:center;
922   margin-bottom:1em;
925 #admin-roles-manage table.roledesc,
926 #admin-roles-override table.roledesc {
927   margin-left:auto;
928   margin-right:auto;
931 #admin-roles-manage table.rolecap,
932 #admin-roles-override table.rolecap {
933   margin-left:auto;
934   margin-right:auto;
937 .rolecap .inherit,
938 .rolecap .allow,
939 .rolecap .prevent,
940 .rolecap .prohibit {
941   text-align:center;
944 #admin-roles-manage .rolecap .cap-desc .cap-name,
945 #admin-roles-override .rolecap .cap-desc .cap-name {
946   display: block;
949 #admin-roles-override .cell.c1,
950 #admin-roles-assign .cell.c3,
951 #admin-roles-assign .cell.c1 {
952   padding-top: 0.75em;
955 #admin-lang .generalbox {
956   text-align:center;
957   margin:auto;
958   border-width: 1px;
959   border-style: solid;
962 #admin-langimport .generalbox {
963   text-align:center;
964   margin:auto;
965   border-width: 1px;
966   border-style: solid;
969 #admin-langimport .generalbox table {
970   text-align:center;
971   margin:auto;
974 #admin-index .adminwarning {
975   text-align:center;
976   border-width: 1px;
977   border-style: solid;
978   margin:20px;
981 #admin-index .adminwarning .singlebutton,
982 #admin-index #layout-table .singlebutton {
983   text-align:center;
984   margin:20px;
987 /* Admin settings */
988 #adminsettings div.form-item {
989   clear: both;
990   margin: 1em 0 2em 0;
993 #adminsettings .form-label {
994   display: block;
995   float: left;
996   width: 12.5em;
997   text-align: right;
1000 #adminsettings .form-shortname {
1001   display: block;
1004 #adminsettings .form-setting {
1005   display: block;
1006   margin-left: 13em;
1007   text-align: left;
1010 #adminsettings .form-defaultinfo {
1011   display: inline;
1014 #adminsettings .defaultsnext {
1015   margin-right: 0.5em;
1016   display: inline;
1019 #adminsettings .form-description {
1020   display: block;
1021   margin: 0.5em 0 0em 13em;
1022   text-align: left;
1025 #adminsettings fieldset {
1026   margin-top: 1em;
1027   padding: 1em 0.5em;
1030 #adminsettings legend {
1031   display: none;
1034 #adminsettings fieldset.error {
1035   margin: 0.2em 0 0.5em 0;
1036   padding: 0.5em 0 0 0;
1039 #adminsettings fieldset.error legend {
1040   display: block;
1043 #adminsettings .form-multicheckbox li {
1044   list-style: none;
1047 #adminsettings .form-multicheckbox ul {
1048   padding:0;
1049   margin:0;
1052 #adminsettings .form-text input {
1053   width: 20em;
1056 #adminsettings .form-password input[type="text"],
1057 #adminsettings .form-password input[type="password"] {
1058     width: 20em;
1061 #adminsettings .form-text input.number {
1062   width: 5em;
1065 #adminsettings .form-file input {
1066     width: 30em;
1069 #adminsettings .form-item .pathok,
1070 #adminsettings .form-item .patherror {
1071   margin-left: 0.5em;
1074 #adminsettings .form-htmlarea {
1075   width:  640px;
1078 .environmentbox {
1079   margin-top: 1em;
1082 .form-buttons {
1083   margin: 10px 0 0 13em;
1086 .adminsearchform {
1087   padding-top:10px;
1090 .block_admin_tree .admintree {
1091   text-align:left;
1094 .block_admin_tree .admintree .depth1 {
1095   padding-left: 16px;
1098 .block_admin_tree .admintree .depth2 {
1099   padding-left: 32px;
1102 .block_admin_tree .admintree .depth3 {
1103   padding-left: 48px;
1106 .block_admin_tree .admintree .depth4 {
1107   padding-left: 64px;
1110 #admin-lang .translator {
1111   border-width: 1px;
1112   border-style: solid;
1115 #adminsettings #admin-calendar_weekend table {
1116   width: 100%;
1119 #adminsettings #admin-calendar_weekend table td {
1120   text-align: center;
1123 #adminsettings #admin-calendar_weekend table td label {
1124   width: 100%;
1125   text-align: center;
1126   float: none;
1129 #trustedhosts .generaltable {
1130   margin-left: auto;
1131   margin-right: auto;
1132   width: 500px;
1135 #trustedhosts .standard {
1136   width: auto;
1139 #mnetconfig table {
1140   margin-left: auto;
1141   margin-right: auto;
1144 #admin-report-stats-index .invisiblefieldset {
1145   display: block;
1148 #admin-report-courseoverview-index .invisiblefieldset {
1149   display: block;
1152 #admin-uploaduser table#uuresults {
1153   margin-bottom: 2em;
1156 #admin-uploaduser table#uupreview,
1157 #admin-uploaduser table#uuresults td.cell {
1158   padding-left: 3px;
1159   padding-right: 3px;
1162 /***
1163  *** Blocks
1164  ***/
1166 /*Accessibility: Skip block link, for keyboard-only users. */
1167 a.skip-block, a.skip {
1168   position: absolute;
1169   top: -1000em;
1170   font-size: 0.85em;
1172 a.skip-block:focus, a.skip-block:active,
1173 a.skip:focus, a.skip:active {
1174   position: static;
1175   display: block;
1177 .skip-block-to, #maincontent {
1178   display: block;
1179   height: 1px;
1182 .sideblock {
1183   margin-bottom:1em;
1184   width: 100%;
1187 .sideblock .header, .sideblock h2.header {
1188   text-align: left;
1189   margin:0;
1190   padding:4px;
1191   padding-top:0;
1192   border-width: 1px;
1193   border-style: solid;
1194   border-bottom: none;
1196 .sideblock h2 {
1197   margin:0;
1198   padding:0;
1201 .sideblock .header .hide-show-image {
1202   float:right;
1203   height:11px;
1204   width:11px;
1205   margin-top:0.25em;
1208 .sideblock .header .commands {
1209   margin-top: 0.3em;
1210   clear: both;
1211   height: 16px;
1214 .sideblock .header .commands a {
1215   margin: 0px 2px;
1218 #left-column .hidden .header,
1219 #right-column .hidden .header
1221   border-bottom-width: 1px;
1222   border-bottom-style: solid;
1225 #left-column .hidden .content,
1226 #right-column .hidden .content
1228   display: none;
1231 .sideblock .header .icon.hide,
1232 .sideblock .header .icon.edit {
1233   margin-right: 6px;
1236 .sideblock .content {
1237   padding: 4px;
1238   border-width: 1px;
1239   border-style: solid;
1242 .sideblock .content h3,
1243 .sideblock .content h2 {
1244   text-align: left;
1247 .sideblock .content h2 {
1248   margin:1.5em 0 0;
1249   padding:0;
1252 .sideblock .content .head {
1253   margin-top: 10px;
1256 .sideblock .content hr {
1257   height:1px;
1258   margin-top:4px;
1259   margin-bottom:4px;
1260   border:none;
1261   border-top:1px solid;
1264 .sideblock div.column {
1265   margin:0px;
1266   margin-right:4px;
1267   padding:0px;
1270 .sideblock div.column.c0 {
1271   float: left;
1274 .sideblock div.column.c1 {
1275   display: inline;
1278 .sideblock .content .c0 img.icon {
1279   margin:0px;
1282 .sideblock .content .list, .unlist, .inline-list {
1283   list-style:none;
1284   padding:0;
1285   margin:0;
1288 .sideblock .content .list {
1289   width: 100%;
1292 .sideblock .content .list li {
1293   clear: left;
1296 .sideblock .content .inline-list li, .inline-list li {
1297   display: inline;
1300 .sideblock .content ul.list li.listentry {
1301   clear:both;
1304 .sideblock .content div.info {
1305   text-align:center;
1308 .sideblock .footer {
1309   margin-bottom: 4px;
1310   text-align:center;
1311   clear:both;
1314 .sideblock img.userpicture {
1315   width:16px;
1316   height:16px;
1317   margin-right:4px;
1320 .blockconfigtable {
1321   margin-top: 0;
1322   margin-right: auto;
1323   margin-left: auto;
1326 .blockconfigtable td.label {
1327   text-align: right;
1328   width: 50%;
1331 .blockconfigtable td.value {
1332   text-align: left;
1333   width: 50%;
1336 .blockconfigtable td.submit {
1337   text-align: center;
1340 .blockconfiginstancecontent .tabs {
1341   margin-bottom: 0px;
1342   margin-left: auto;
1343   margin-right: auto;
1346 .block_messages .content {
1347   text-align:left;
1348   font-size:0.75em;
1349   padding-top:5px;
1352 .block_recent_activitysideblock .h3 {
1353   padding-top:5px;
1356 .block_online_users .listentry div.user,
1357 .block_messages .listentry div.user {
1358   float:left;
1361 .block_online_users .listentry div.message,
1362 .block_messages .listentry div.message {
1363   float:right;
1366 .block_course_list .footer {
1367   margin-top: 5px;
1370 #rssfeeds {
1371   margin-left: auto;
1372   margin-right: auto;
1375 #block_rss {
1376   text-align: center;
1379 .block_search_forums .invisiblefieldset {
1380   display: block;
1383 .block_tag_youtube .youtube-thumb {
1384   padding: 3px;
1385   padding-bottom: 0.5em;
1386   display: block;
1387   float: left;
1389 .block_tag_youtube .yt-video-entry li {
1390   clear: left;
1393 .block_tag_flickr .flickr-photos {
1394  padding:3px;
1397 /***
1398  *** Blogs
1399  ***/
1400 .addbloglink {
1401   text-align: center;
1404 .blogpost .audience {
1405   text-align: right;
1408 .blogpost .tags {
1409   margin-top: 15px;
1413 /***
1414  *** Calendar
1415  ***/
1417 #calendar {
1418   width: 100%;
1419   border-spacing: 5px;
1420   border-collapse: separate;
1423 #calendar h2,
1424 #calendar h3
1426   text-align: center;
1428 #calendar .sideblock h2 {
1429   text-align: left;
1432 #calendar .maincalendar,
1433 #calendar .sidecalendar
1435   vertical-align: top;
1436   border: 1px solid;
1437   padding: 0px;
1440 #calendar .maincalendar {
1441   height: 100%;
1444 #calendar .maincalendar .heightcontainer {
1445   height: 100%;
1446   position: relative;
1449 #calendar .maincalendar .bottom {
1450   width: 100%;
1451   text-align: center;
1452   padding:5px 0 0;
1455 #calendar .sidecalendar {
1456   width: 25%;
1459 #calendar .maincalendar table.calendarmonth {
1460   border-collapse: separate;
1461   margin: 0px auto;
1462   width: 98%;
1465 #calendar .maincalendar table.calendarmonth th {
1466   padding:10px;
1467   border-bottom:2px solid;
1470 #calendar .maincalendar table.calendarmonth td {
1471   height: 5em;
1472   padding-left: 4px;
1473   padding-top: 4px;
1474   line-height:1.2em;
1477 #calendar .maincalendar table.calendarmonth td,
1478 table.minicalendar td,
1479 table.minicalendar th {
1480   width:14%;
1481   vertical-align:top;
1483 table.minicalendar td {
1484   text-align: center;
1486 #calendar .maincalendar table.calendarmonth td table td {
1487   height: auto;
1490 #calendar div.header
1492   padding: 5px;
1495 #calendar .sideblock div.header
1497   border:none;
1500 #calendar .maincalendar .buttons {
1501   float: right;
1504 #calendar .maincalendar .filters table,
1505 #calendar .sidecalendar .filters table,
1506 .sideblock.block_calendar_month .filters table
1508   border-collapse:separate;
1509   border-spacing: 2px;
1510   padding: 2px;
1511   width: 100%;
1514 #calendar .maincalendar .filters {
1515   padding: 0px 10px;
1518 #calendar .sidecalendar .filters {
1519   padding: 5px;
1522 #calendar .maincalendar .controls {
1523   clear:both;
1524   padding:10px;
1527 #calendar .maincalendar table.calendarmonth ul.events-new,
1528 #calendar .maincalendar table.calendarmonth ul.events-underway
1530   padding:0px;
1531   margin:0px;
1532   list-style-type:none;
1535 #calendar .maincalendar table.calendarmonth ul li {
1536   margin-top: 4px;
1539 .minicalendarblock {
1540   padding: 0px 4px;
1543 table.minicalendar {
1544   width: 100%;
1545   margin: 10px auto;
1546   padding:2px;
1547   border-width:1px;
1548   border-style:solid;
1549   border-collapse:separate;
1550   border-spacing:1px !important;
1553 table.minicalendar th {
1554   padding: 0px 2px;
1557 #calendar .maincalendar .eventlist {
1558   padding: 10px;
1561 #calendar .maincalendar .eventlist .topic {
1562   padding: 5px;
1563   border-style:solid;
1564   border-width: 0px;
1565   border-bottom-color: #EEEEEE;
1566   border-bottom-width: 1px;
1569 #calendar .maincalendar .eventlist .event {
1570   width:100%;
1571   margin-bottom:10px;
1572   border-spacing:0px;
1573   border-collapse:separate;
1574   border-width:1px;
1575   border-style:solid;
1578 #calendar .maincalendar .eventlist .event .name {
1579   float:left;
1582 #calendar .maincalendar .eventlist .event .course {
1583   float:left;
1584   clear:left;
1587 #calendar .maincalendar .eventlist .event .date {
1588   float:right;
1591 #calendar .maincalendar .eventlist .event .description .commands {
1592   width:100%;
1595 #calendar .maincalendar .eventlist .event .description {
1596   padding:5px;
1599 #calendar .maincalendar .eventlist .event .picture {
1600   padding:8px;
1603 #calendar .maincalendar .eventlist .event .side {
1604   width:32px;
1607 #calendar #selecteventtype table {
1608   margin:auto;
1611 #calendar .event_global,
1612 #calendar .event_course,
1613 #calendar .event_group,
1614 #calendar .event_user,
1615 .minicalendar .event_global,
1616 .minicalendar .event_course,
1617 .minicalendar .event_group,
1618 .minicalendar .event_user {
1619   border:2px solid !important;
1622 #calendar .duration_global,
1623 #calendar .duration_course,
1624 #calendar .duration_group,
1625 #calendar .duration_user,
1626 .minicalendar .duration_global,
1627 .minicalendar .duration_course,
1628 .minicalendar .duration_group,
1629 .minicalendar .duration_user
1631   border-top:2px solid !important;
1632   border-bottom:2px solid !important;
1635 #calendar .today,
1636 .minicalendar .today {
1637   border:2px solid;
1640 #calendar .nottoday,
1641 .minicalendar .today {
1642   border:1px solid;
1645 .cal_popup_bg {
1646   padding:0px;
1647   margin:0px;
1648   border:1px solid;
1651 .cal_popup_close {
1652   margin-right:5px;
1655 .cal_popup_caption {
1656   border-width:0px 0px 1px 0px;
1657   border-style:solid;
1658   padding-bottom:2px;
1661 /*Accessibility: controls now div and span, 20:58:20% or 12:74:12% */
1662 .calendar-controls .previous,
1663 .calendar-controls .next,
1664 .calendar-controls .current {
1665   display: block;
1666   float: left;
1667   width: 12%;
1669 .calendar-controls .previous {
1670   text-align: left;
1672 .calendar-controls .current {
1673   text-align: center;
1674   width: 76%;
1676 .calendar-controls .next {
1677   text-align: right;
1680 #calendar .maincalendar .calendar-controls .previous,
1681 #calendar .maincalendar .calendar-controls .next
1683   width: 30%;
1685 #calendar .maincalendar .calendar-controls .current {
1686   width: 39.95%;
1689 #calendar .indent {
1690   padding-left: 20px;
1693 #calendar td.sidecalendar {
1694 border-width:0px;
1697 #calendar td.sidecalendar .sideblock {
1698   border: 1px solid;
1699   margin-bottom:10px;
1702 #calendar td.sidecalendar .minicalendartop {
1703   padding-top:10px;
1706 .sideblock .content h3.eventskey {
1707   margin-top:0.5em;
1708   margin-bottom:0;
1709   margin-left:0.5em;
1712 /***
1713  *** Course
1714  ***/
1716 .activitydate, .activityhead {
1717   text-align:center;
1720 #course-view .section td {
1721   vertical-align:top;
1724 #course-view .section td.content {
1725   padding:5px;
1726   border-style:solid;
1727   border-width:1px;
1728   border-left:0px;
1729   border-right:0px;
1732 #course-view .section td.side {
1733   padding:5px;
1734   border-style:solid;
1735   border-width:1px;
1738 #course-view .section td.left {
1739   border-right:0px;
1740   text-align:center;
1741   width: 1.5em;
1744 #course-view .section td.right {
1745   border-left:0px;
1746   text-align:center;
1747   width: 1.5em;
1750 #course-view .current .side {
1753 #course-view .section .spacer {
1754   height:0.5em;
1757 #course-view .section .weekdates {
1760 #course-view ul.section,
1761 #site-index ul.section {
1762   margin: 0;
1763   padding: 0;
1764   list-style: none;
1767 .section_add_menus {
1768   text-align:right;
1771 .section_add_menus .horizontal div {
1772   display:inline;
1775 .weeks-format, .topics-format {
1776     margin-top: 8px;
1779 /*#course-view ul.section li.activity ul li,
1780 #site-index ul.section li.activity ul li {
1781   list-style: disc;
1782 }*/
1784 /*Accessibility: No-tables course format. */
1785 #course-view ul.weeks , #course-view ul.topics{
1786   margin: 0;
1787   padding: 0;
1788   list-style: none;
1790 /* Window-width: 800 pixels.
1791    IE doesn't support, see inline IE conditional comment. */
1792 .weeks-format, .topics-format {
1793   min-width: 763px;
1795 .topics-format .block_adminblock select,
1796 .weeks-format .block_calendar_month .minicalendar,
1797 .topics-format .block_calendar_month .minicalendar {
1798   width: 100%;
1799   padding: 0;
1801 .weeks-format .block_calendar_month .minicalendar th,
1802 .topics-format .block_calendar_month .minicalendar th, 
1803 .weeks-format .block_calendar_month .minicalendar td,
1804 .topics-format .block_calendar_month .minicalendar td {
1805   padding: 0.1em 0 0.1em 1px;
1807 .weeks-format #middle-column ,
1808 .topics-format #middle-column {
1809   margin: 0 12.5em 0 12.5em;
1811 .weeks-format #left-column,
1812 .weeks-format #right-column,
1813 .topics-format #left-column,
1814 .topics-format #right-column {
1815   width: 11.5em;
1817 .weeks-format #left-column,
1818 .topics-format #left-column {
1819   float: left;
1821 .weeks-format #right-column,
1822 .topics-format #right-column {
1823   float: right;
1825 .weeks li.section ,
1826 .topics li.section {
1827   margin-bottom: 0.5em;
1828   border-style:solid;
1829   border-width:1px;
1831 .weeks .content,
1832 .topics .content {
1833   padding: 5px;
1834   margin: 0 1.7em 0 1.7em;
1836 .weeks .right,
1837 .weeks .left,
1838 .topics .right,
1839 .topics .left {
1840   width: 1.6em;
1841   padding: 5px 0;
1842   text-align: center;
1845 .weeks .left,
1846 .topics .left {
1847   float: left;
1850 .weeks .right,
1851 .topics .right {
1852   float: right;
1853
1855 .section .activity img.activityicon {
1856   vertical-align:middle;
1857   height:16px;
1858   width:16px;
1861 .section img.movetarget {
1862   height:16px;
1863   width:80px;
1866 body#course-view .unread {
1867   margin-left: 3em;
1870 body#course-view .sideblock.drag .header {
1871   cursor: move;
1874 body#course-enrol .generalbox {
1875   margin-top: 20px;
1878 body#course-enrol .coursebox {
1879   margin-top: 20px;
1882 body#course-user .graph {
1883   text-align: center;
1886 body#course-user .section,
1887 body#course-user .content {
1888   margin-left: 30px;
1889   margin-right: 30px;
1892 body#course-user .section {
1893   border-width:1px;
1894   border-style:solid;
1895   padding:10px;
1896   margin-bottom: 20px;
1899 body#course-user .section h2 {
1900   margin-top: 0;
1904 .headingblock, h2.headingblock {
1905   border-width:1px;
1906   border-style:solid;
1907   padding:5px;
1908   margin:0;
1911 #site-index .subscribelink,
1912 #course-view .subscribelink {
1913   text-align:right;
1916 body#site-index .headingblock,
1917 body#course-view .headingblock {
1918   margin-bottom: 9px;
1921 body#course-category .courseboxes,
1922 body#course-index .courseboxes {
1923   padding:20px;
1926 body#course-category .rolelink {
1927   text-align:right;
1928   padding:10px;
1931 body#course-category .addcategory {
1932   text-align: center;
1933   padding: 10px;
1936 body#course-category .buttons .singlebutton {
1937   display: inline;
1940 body#course-category .buttons {
1941   text-align: center;
1942   margin-bottom: 15px;
1945 body#course-index #middle-column .editcourse {
1946   margin-left:auto;
1947   margin-right:auto;
1948   margin-top:20px;
1949   margin-bottom:20px;
1952 body#course-index #middle-column .editcourse th,
1953 body#course-index #middle-column .editcourse td {
1954   padding-left:10px;
1955   padding-right:10px;
1958 body#course-index #middle-column .editcourse .count {
1959   text-align:right;
1962 body#course-index .singlebutton,
1963 body#course-index .addcategory {
1964   text-align: center;
1967 body#course-info .generalbox.icons {
1968   text-align: center;
1971 body#course-info .generalbox.info {
1972   margin-left:auto;
1973   margin-right:auto;
1976 .coursebox {
1977   width: 100%;
1978   /* float:left; */
1979   margin-bottom: 15px;
1980   border-width:1px;
1981   border-style:solid;
1984 .coursebox .summary {
1985   float: right;
1986   text-align:left;
1987   width: 48%;
1988   padding:5px;
1991 .coursebox .info {
1992   float: left;
1993   text-align:left;
1994   width: 48%;
1995   padding:5px;
1998 #my-index .coursebox .info {
1999   float: none;
2002 #my-index .name {
2003   margin-left: 5px;
2006 .categorylist {
2007   width:90%;
2008   margin-left:auto;
2009   margin-right:auto;
2012 .categorylist .category.image {
2013   width:20px;
2016 .categorylist .category.number {
2017   text-align:right;
2020 .categoryboxcontent {
2021   border-width:1px;
2022   border-style:solid;
2025 .categorypicker {
2026   text-align:center;
2027   padding-bottom:10px;
2030 #coursesearch,
2031 #coursesearch2 {
2032   text-align:center;
2035 .addcoursebutton {
2036   text-align:center;
2039 .coursebox .cost {
2040   padding-top: 20px;
2043 .coursebox ul.teachers li {
2044   list-style-type:none;
2045   padding:0;
2046   margin:0;
2049 #course-category #renameform {
2050   text-align:center;
2053 #course-category #themeform {
2054   text-align: center;
2057 #course-category .singlebutton {
2058   text-align:center;
2061 #course-category #coursesearch {
2062   text-align:center;
2066 #course-report #content {
2067   padding-top:15px;
2068   padding-bottom:15px;
2071 #course-report p {
2072   text-align:center;
2075 #course-report .logselectform,
2076 #course-report .participationselectform,
2077 #course-report-log-index .logselectform,
2078 #course-report-participation-index .participationselectform {
2079   margin-left:auto;
2080   margin-right:auto;
2081   text-align:center;
2082   margin-top:10px;
2083   margin-bottom:10px;
2086 #course-report .participationselectform label,
2087 #course-report-participation-index .participationselectform label {
2088   margin-left:15px;
2089   margin-right:5px;
2092 #course-report-log-index .info {
2093   margin-left:auto;
2094   margin-right:auto;
2095   text-align:center;
2096   margin:10px;
2099 #content .coursebox .summary .category {
2100   text-align:right;
2103 #course-editsection .singlebutton {
2104   text-align:center;
2107 /***
2108  *** Group
2109  ***/
2110 body#group-index #groupeditform {
2111   text-align: center;
2115 /***
2116  *** Doc
2117  ***/
2119 body#doc-contents h1 {
2120   margin: 1em 0px 0px 0px;
2123 body#doc-contents ul {
2124   list-style-type: none;
2125   margin: 0;
2126   padding: 0;
2127   width: 90%;
2131 /***
2132  *** Grades
2133  ***/
2135 /* scales edit */
2137 .grade-edit-scale .buttons {
2138   margin: 20px;
2139   text-align:center;
2142 .grade-edit-scale .buttons .singlebutton {
2143   display: inline;
2144   padding: 5px;
2147 /* outcomes edit */
2149 .grade-edit-outcome .buttons {
2150   margin: 20px;
2151   text-align:center;
2154 .grade-edit-outcome .buttons .singlebutton {
2155   display: inline;
2156   padding: 5px;
2159 /* gradebook edit tree */
2161 .grade-edit-tree .gradetreebox {
2162   width:70%;
2163   margin-left:auto;
2164   margin-right:auto;
2165   margin-top:10px;
2166   padding-bottom:15px;
2169 .grade-edit-tree .buttons {
2170   margin: 20px;
2171   text-align:center;
2174 .grade-edit-tree .idnumber {
2175   margin-left: 15px;
2178 .grade-edit-tree .buttons .singlebutton {
2179   display: inline;
2180   padding: 5px;
2183 .grade-edit-tree .movetarget {
2184   position: relative;
2185   width: 80px;
2186   height: 16px;
2189 .grade-edit-tree ul#grade_tree {
2190   width: auto;
2193 .grade-edit-tree ul#grade_tree li {
2194   list-style: none;
2197 .grade-edit-tree ul#grade_tree li.category {
2198   margin-bottom: 6px;
2201 .grade-edit-tree .iconsmall {
2202   margin-left: 4px;
2205 #grade-report-toggles {
2206   text-align: center;
2209 .gradeexportlink {
2210   padding: 2em;
2211   text-align: center;
2212   margin-left: auto;
2213   margin-right: auto;
2216 #grade-aggregation-help dt {
2217     margin-top: 15px; 
2220 #grade-aggregation-help dd.example {
2221     margin-top: 7px;
2224 #grade-aggregation-help code {
2225     display: block;
2226     margin-top: 7px;
2229 /***
2230  *** Login
2231  ***/
2233 .loginbox {
2234   margin-top:15px;
2235   margin-bottom:15px;
2236   border:1px solid;
2237   width:50%;
2238   margin-left:25%;
2239   overflow:hidden;
2242 .loginbox form {
2243   margin:0px;
2244   padding:0px;
2247 .loginbox.twocolumns {
2248   width:90%;
2249   margin-left:5%;
2250   /* background: #faa; */
2253 .loginbox h2,
2254 .loginbox .subcontent {
2255   margin:5px;
2256   padding:10px;
2257   text-align:center;
2260 .loginbox .loginpanel .subcontent {
2261   text-align:center;
2264 .loginbox .loginpanel .desc {
2265   margin:0px;
2266   padding:0px;
2267   margin-bottom:5px;
2270 .loginbox .signuppanel .subcontent {
2271   text-align:left;
2274 .loginbox .loginsub {
2275   margin-left:0%;
2276   margin-right:0%;
2279 .loginbox .guestsub,
2280 .loginbox .forgotsub {
2281   border-top:1px solid;
2282   margin-left:12%;
2283   margin-right:12%;
2284   margin-bottom:5px;
2287 .loginbox .loginform {
2288   margin-top:1em;
2289   text-align:left;
2292 .loginbox .loginform .form-label {
2293   float:left;
2294   text-align:right;
2295   width:40%;
2298 .loginbox .loginform .form-input {
2299   float:right;
2300   width:59%;
2303 .loginbox .loginform .form-input input {
2304   width: 6em;
2307 .loginbox .signupform {
2308   margin-top:1em;
2309   text-align:center;
2312 .loginbox.twocolumns .loginpanel {
2313   float:left;
2314   width:49.5%;
2315   border-right: 1px solid;
2316   margin-bottom:-2000px;
2317   padding-bottom:2000px;
2318   /* background: #afa; */
2321 .loginbox.twocolumns .signuppanel {
2322   float:right;
2323   width:50%;
2324   margin-bottom:-2000px;
2325   padding-bottom:2000px;
2329 /***
2330  *** Message
2331  ***/
2334 #message-user .userpicture,
2335 #message-history .userpicture {
2336   width: 100px;
2337   height: 100px;
2340 .message-discussion-noframes #userinfo .userpicture {
2341   float:left;
2344 .message-discussion-noframes #userinfo .name h1 {
2345   margin:0px;
2348 .message-discussion-noframes #userinfo .name {
2349   text-align:center;
2350   margin-left:60px;
2353 .message-discussion-noframes #userinfo .commands {
2354   text-align:left;
2355   margin-left:60px;
2358 .message-discussion-noframes #userinfo .commands ul {
2359   margin:0px;
2360   padding:0px;
2361   list-style-type:none;
2364 .message-discussion-noframes #userinfo .commands ul li {
2365   display:inline;
2366   padding-right:16px;
2369 .message-discussion-noframes #send {
2370   padding-top:10px;
2371   clear:both;
2374 .message-discussion-noframes #send h1 {
2375   margin:0px;
2378 .message-discussion-noframes #messages {
2379   padding-top:10px;
2382 .message-discussion-noframes #messages ul.messagelist {
2383   margin:0px;
2384   padding:0px;
2387 .message-discussion-noframes #send h1 {
2388   margin:0px;
2391 .message .noframesjslink {
2392   margin-top:20px;
2395 .message .link {
2396   vertical-align:middle;
2399 table.message .searchresults td {
2400   padding:5px;
2401   border-width:1px;
2402   border-style:solid;
2403   border-collapse:collapse;
2404   border-spacing:0px;
2406 .message .summary .link {
2407   text-align:right;
2409 .message .heading {
2410   text-align:center;
2413 .message .note {
2414   text-align:center;
2415   padding:10px;
2418 #message-user .commands span {
2419   margin-left:10px;
2420   margin-right:10px;
2423 body#message-messages {
2424   padding:10px;
2427 body#message-send .notifysuccess {
2428   padding:1px;
2431 body#message-send td.fixeditor {
2432   text-align:center;
2435 /***
2436  *** Notes
2437  ***/
2438 .notepost {
2439   margin-bottom: 1em;
2440   background-color: #EEE;
2442 .sitenotepost {
2444 .coursenotepost {
2446 .draftnotepost {
2449 .ownnotepost .info {
2452 .notepost .header {
2453   background: #DDD;
2454   padding: 5px;
2457 .notepost .user {
2458   font-weight: bolder;
2461 .notepost .userpicture {
2462   float: left;
2463   margin-right: 5px;
2466 .notepost .info {
2467   font-size: smaller;
2470 .notepost .content {
2471   clear: both;
2474 .notepost .footer {
2475   clear: both;
2478 body.notes .generalbox {
2479   margin-left:auto;
2480   margin-right:auto;
2481   width:90%;
2484 body.notes .notesgroup {
2485   margin-left:20px;
2488 /***
2489  *** MyMoodle
2490  ***/
2492 .my .coursebox .overview .info {
2493   margin-left:20px;
2496 .my .coursebox .overview {
2497   margin-bottom:10px;
2501 /***
2502  *** Question
2503  ***/
2504 .questionbank h2 {
2505   margin-top: 0;
2508 .questioncatategories h3 {
2509   margin-top: 0;
2512 .que {
2513   text-align: left;
2514   margin: 0 auto 1.8em auto;
2515   border: 1px solid;
2516   clear: both;
2518 .que .info {
2519   float: left;
2520   margin: 0.5em 0 0.5em 1.2em;
2521   width: 8%;
2523 .que .content {
2524   float: left;
2525   margin: 0.5em 1.2em 0.5em 0;
2526   width: 85%;
2528 .que.description .info {
2529   display: none;
2531 .que.description .content {
2532   margin-left: 1.2em;
2533   float: none;
2534   width: auto;
2536 .que .qtext {
2537   margin-bottom: 1.5em;
2539 .que .ablock {
2540   margin: 0.7em 0 0.3em 0;
2542 .que .prompt {
2543   float: left;
2544   width: 15%;
2545   height: 2em;
2546   padding-top: 0.3em;
2548 .que .control {
2549   width: 5%;
2551 .que .answer {
2552   float: left;
2553   width: 83%;
2554   margin-bottom: 0.5em;
2556 .que .submit {
2557   position: relative;
2558   clear: both;
2559   float: left;
2561 /* MSIE Hack */
2562 * html .que .submit {
2563   float: none;
2565 .multianswer .submit {
2566   margin-top: 1em;
2568 .que .c0,
2569 .que .c1 {
2570   padding: 0.3em 0 0.3em 0.3em;
2571   vertical-align: top;
2573 .que .feedback {
2574   clear: both;
2575   padding: 0 0 0.3em 0.3em;
2576   margin-bottom: 0.5em;
2577   border: 1px solid;
2579 .multichoice td.feedback {
2580   width: auto;
2581   vertical-align: top;
2582   padding-top: 0.3em;
2583   border-style: none;
2585 .essay .feedback {
2586   border-style: none;
2588 .multichoice .text {
2589   width: auto;
2591 .calculated .answer,
2592 .numerical .answer,
2593 .shortanswer .answer {
2594   padding: 0.3em;
2595   width: auto;
2597 .truefalse .answer span {
2598   float: left;
2599   clear: left;
2600   padding: 0.3em;
2601   width: 100%;
2603 .que .grading,
2604 .que .comment,
2605 .que .commentlink,
2606 .que .generalfeedback,
2607 .que .history {
2608   margin-top: 0.5em;
2610 .que .grade {
2611   margin-top: 0.5em;
2614 .importerror {
2615   margin-top: 10px;
2616   border-bottom: 1px solid #555;
2619 /***
2620  *** Logs
2621  ***/
2623 .logtable {
2624   margin-left:auto;
2625   margin-right:auto;
2628 .logtable td,
2629 .logtable th {
2630   padding-left: 10px;
2631   padding-right: 10px;
2634 .logtable th {
2635   text-align:left;
2638 #course-user .info {
2639   margin-left:auto;
2640   margin-right:auto;
2641   text-align:center;
2642   margin:10px;
2645 /***
2646  *** Tabs
2647  ***/
2650 /*globalnav*/
2651 .tabtree {
2652   position:relative;
2655 .tabrow0 {
2656   text-align: center;
2657   width:100%;
2658   margin:0;
2659   margin-top: 10px;
2660   padding:0 0 1.75em 0;
2661   list-style:none;
2662   line-height:1.8em;
2663   font-size: 84%;
2666 .tabrow0 li {
2667   display: inline;
2668   margin: 0 -4px 0 0;
2669   padding: 0;
2672 .tabrow0 a span {
2673   padding: 10px 14px 0.35em 0;
2674   background: transparent url(pix/tab/right.gif) no-repeat right top;
2677 .tabrow1 li a span {
2678   background: none !important;
2681 .tabrow0 a {
2682   text-decoration: none;
2683   background: transparent url(pix/tab/left.gif) no-repeat left top;
2684   margin: 0 -1px 0 0;
2685   padding: 10px 0 0.35em 13px;
2688 .tabrow0 a:hover {
2689   background-image: url(pix/tab/left_hover.gif);
2692 .tabrow0 .here a:hover {
2693   background-image: url(pix/tab/left.gif);
2696 .tabrow0 a:hover span {
2697   background-image: url(pix/tab/right_hover.gif);
2700 .tabrow0 .here a:hover span {
2701   background-image: url(pix/tab/right.gif);
2704 .tabrow0 .here a {
2705   color:#444;
2709 .tabrow0 .here a:link, 
2710 .tabrow0 .here a:visited,
2711 .tabrow0 .here a.nolink {
2712   position:relative;
2713   z-index:102;
2716 /*subnav*/
2717 .tabrow0 .empty {
2718   height: 1px;
2719   overflow: hidden;
2720   padding: 0;
2723 .tabrow0 div,
2724 .tabrow0 ul {
2725   position: absolute;
2726   left: 0;
2727   top: 1.95em;
2728   width: 100%;
2729   margin: 0;
2730   padding: 0.25em 0;
2731   list-style: none;
2732   border-top: 1px solid #aaa;
2733   line-height: normal;
2734   background: transparent url(pix/tab/tabrow1.gif) repeat-x center left;
2735   font-size: 90%;
2738 .tabrow0 ul li {
2739   display:inline;
2740   margin-top:1px;
2741   background-image: none;
2744 .tabrow0 ul a {
2745   background-image: none;
2746   color:#00c;
2747   margin:0;
2748   padding:0 1em;
2749   border:0
2752 .tabrow0 ul a span {
2753   padding: 0;
2754   background-image: none;
2757 .tabrow0 ul .last span,
2758 .tabrow0 ul li a:hover, .tabrow0 ul li a:hover span,
2759 .tabrow0 ul .here a:hover, .tabrow0 ul .here a:hover span {
2760   background-image: none !important;
2763 .tabrow0 ul div {
2764   display: none;
2767 ul.tabrow1 li a,
2768 ul.tabrow1 li a:link,
2769 ul.tabrow1 li a:visited {
2770   color:#00c;
2771   font-size: 110%;
2774 ul.tabrow1 li.here.selected a {
2775   color:#444;
2778 /***
2779  *** Tags
2780  ***/
2782 h2.tag-heading {
2783  text-align:center;
2784  margin-left:auto;
2785  margin-right:auto;
2786  display:block;
2787  width:95%;
2788  padding: 5px 5px 5px 5px;
2792 div#tag-description,
2793 div#tag-blogs {
2794  width:95%;
2795  padding: 5px 5px 5px 5px;
2796  margin-left:auto;
2797  margin-right:auto;
2798  display:block;
2801 body#tag-index .moreblogs {
2802  text-align:center;
2805 div#tag-management-box {
2806  margin-bottom:10px;
2807  text-align:center;
2808  line-height:20px;
2809  display:block;
2810  font-size:12px;
2813 div#tag-user-table {
2814  padding:3px;
2815  width:95%;
2816  clear: both;
2817  margin-left:auto;
2818  margin-right:auto;
2819  display:block;
2822 /* small css hack for firefox*/
2823 div#tag-user-table:after{
2824  content:".";
2825  display:block;
2826  clear:both;
2827  visibility:hidden;
2828  height:0;
2829  overflow:hidden;
2831 /* end hack*/
2833 div.user-box {
2834  margin-left:8px;
2835  margin-right:8px;
2836  margin-top:8px;
2837  margin-bottom:8px;
2838  width:115px;
2839  height:160px;
2840  text-align:center;
2841  display:block;
2842  float:left;
2845 img.user-image {
2846  border:0px;
2847  height:100px;
2848  width:100px;
2851 div#small-tag-cloud-box {
2852  width:300px;
2853  margin-left:auto;
2854  margin-right:auto;
2855  margin-bottom:0px;
2856  margin-top:0px;
2859 div#big-tag-cloud-box {
2860  width:600px;
2861  margin-left:auto;
2862  margin-right:auto;
2863  margin-bottom:0px;
2864  margin-top:0px;
2865  display:block;
2866  float:none;
2869 ul#tag-cloud-list {
2870  list-style:none;
2871  padding:5px;
2872  margin:0px;
2873  list-style-type:none;
2875 ul#tag-cloud-list li {
2876  margin:0px;
2877  display:inline;
2880 /* search start*/
2882 div#tag-search-box {
2883  text-align:center;
2884  margin-left:auto;
2885  margin-right:auto;
2886  margin-top:10px;
2887  margin-bottom:10px;
2890 div#tag-search-results-container {
2891  padding:0px;
2892  width:100%;
2895 ul#tag-search-results {
2896  padding:0px;
2897  margin-left:20%;
2898  margin-right:20%;
2899  margin-top:15px;
2900  margin-bottom:0px;
2901  float:left;
2902  width:60%;
2903  display:block;
2904  list-style:none;
2907 ul#tag-search-results li{
2909  width:30%;
2910  float:left;
2911  padding-left:1%;
2912  text-align:left;
2913  line-height:20px;
2914  padding-right:1%;
2918 div#tags-management-links {
2919  text-align:right;
2920  display:block;
2921  font-size:12px;
2924 /* search end*/
2926 /* tag management start*/
2927 span.flagged-tag {
2928  color:#FF0000;
2930 span.flagged-tag a{
2931  color:#FF0000;
2934 table#tag-management-list {
2935  text-align:left;
2936  margin-left:auto;
2937  margin-right:auto;
2940 table#tag-management-list tr td{
2941  padding-left:4px;
2942  padding-right :4px;
2945 form#tag-management-form {
2946  text-align:center;
2948 /* tag management end*/
2950 /* autocomplete start*/
2951 #relatedtags-autocomplete-container
2953  margin-left:auto;
2954  margin-right:auto;
2955  min-height:4.6em;
2956  width:100%;
2959 #relatedtags-autocomplete {
2960  position:relative;
2961  display:block;
2962  width:60%;
2963  margin-left:auto;
2964  margin-right:auto;
2966 #relatedtags-autocomplete .yui-ac-content
2968  position:absolute;
2969  width:420px;
2970  left:20%;
2971  border:1px solid #404040;
2972  background:#fff;
2973  overflow:hidden;
2974  z-index:9050;
2976 #relatedtags-autocomplete .ysearchquery
2978  position:absolute;
2979  right:10px;
2980  color:#808080;
2981  z-index:10;
2983 #relatedtags-autocomplete .yui-ac-shadow {
2984  position:absolute;
2985  margin:.3em;
2986  width:100%;
2987  background:#a0a0a0;
2988  z-index:9049;
2990 #relatedtags-autocomplete ul {
2991  padding:0;width:100%;
2992  margin:0;
2993  list-style-type:none;
2996 #relatedtags-autocomplete li {
2997  padding:0 5px;
2998  cursor:default;
2999  white-space:
3000  nowrap;
3002 #relatedtags-autocomplete li.yui-ac-highlight
3004  background:#FFFFCC;
3006 /* autocomplete end*/
3008 /***
3009  *** User
3010  ***/
3012 .userinfobox {
3013   margin-bottom:5px;
3014   border-width: 1px;
3015   border-style: solid;
3016   border-collapse: separate;
3019 .userinfobox .left,
3020 .userinfobox .side {
3021   padding: 10px;
3022   width: 100px;
3023   vertical-align: top;
3026 .userinfobox .userpicture {
3027   width: 100px;
3028   height: 100px;
3031 .userinfobox .content {
3032   padding: 10px;
3033   vertical-align: top;
3036 .userinfobox .links {
3037   width: 100px;
3038   padding: 5px;
3039   vertical-align: bottom;
3042 .userinfobox .list td {
3043   padding: 3px;
3046 .userinfobox .username {
3047   padding-bottom: 20px;
3050 .userinfobox td.label {
3051   text-align:right;
3052   white-space: nowrap;
3053   vertical-align: top;
3056 table.userinfobox {
3057   width: 80%;
3058   margin-left: 10%;
3059   margin-right: 10%;
3062 table.groupinfobox {
3063   width: 60%;
3064   margin-left: 20%;
3065   margin-right: 20%;
3066   border-width:1px;
3067   border-style:solid;
3068   margin-bottom: 20px;
3071 .groupinfobox .left {
3072   padding: 10px;
3073   width: 100px;
3074   vertical-align: top;
3077 body#user-index h2 {
3078   text-align: center;
3081 #user-view .buttons,
3082 #user-index .buttons {
3083   text-align: center;
3086 #user-view .buttons form,
3087 #user-view .buttons form div {
3088   display:inline;
3091 body#user-index #longtimenosee,
3092 body#user-index #showall {
3093   text-align: center;
3096 body#user-index #showall {
3097   margin: 10px 0px;
3100 body#user-index table#participants,
3101 body#tag-manage table#tag-management-list {
3102   margin: auto;
3103   width: 80%;
3106 body#tag-manage table#tag-management-list td,
3107 body#tag-manage table#tag-management-list, th,
3108 body#user-index table#participants td,
3109 body#user-index table#participants th {
3110   vertical-align: middle;
3111   text-align: left;
3112   padding: 4px;
3115 body#user-index table.controls {
3116   width: 100%;
3118 body#user-index table.controls tr {
3119   vertical-align: top;
3121 body#user-index table.controls td.right,
3122 body#user-index table.controls td.left {
3123   padding: 4px;
3125 body#user-index table.controls .right {
3126   text-align: right;
3128 body#course-participation h2 {
3129   text-align:center;
3131 body#course-participation #showall {
3132   text-align:center;
3133   margin: 10px 0px;
3135 body#user-index .rolesform {
3136   text-align:center;
3139 #user-policy .noticebox {
3140   text-align:center;
3141   margin-left:auto;
3142   margin-right:auto;
3143   margin-bottom:10px;
3144   width:80%;
3145   height:250px;
3148 #user-policy #policyframe {
3149   width:100%;
3150   height:100%;
3153 /***
3154  *** Modules: Assignment
3155  ***/
3157 .userpicture,
3158 .picture user,
3159 .picture teacher {
3160   width:35px;
3161   vertical-align:top;
3163 .modform {
3164   text-align:center;
3166 #wordcount {
3167   text-align: right;
3170 /***
3171  *** Modules: Chat
3172  ***/
3174 .nextchatsession {
3175   text-align:center;
3178 #mod-chat-gui_header_js-jsupdate {
3179   margin:10px
3181 #mod-chat-gui_header_js-jsupdate .chat-event,
3182 #mod-chat-gui_header_js-jsupdate .chat-message {
3183   width:100%;
3184   padding:0;
3185   margin-top:7px
3188 #mod-chat-view #chatcurrentusers .chatuserdetails {
3189   vertical-align: middle;
3192 #mod-chat-view #enterlink {
3193   text-align: center;
3194   margin-left: auto;
3195   margin-right: auto;
3196   width: 50%;
3199 .chat-event .picture,
3200 .chat-message .picture {
3201   width:40px;
3202   vertical-align:top;
3204 .chat-event .text,
3205 .chat-message .text {
3206   text-align: left;
3209 #mod-chat-gui_basic #participants ul {
3210   margin:0px;
3211   padding:0px;
3212   list-style-type:none;
3215 #mod-chat-gui_basic #participants ul li {
3216   display:inline;
3217   margin-right:10px;
3220 #mod-chat-gui_basic #participants ul li .userinfo {
3221   display:inline;
3224 #mod-chat-gui_basic #messages dl {
3225   padding:0px;
3226   margin:1px;
3229 #mod-chat-gui_basic #messages dd,
3230 #mod-chat-gui_basic #messages dt {
3231   margin-left:0px;
3232   margin-right:5px;
3233   padding:0px;
3234   display:inline;
3237 /***
3238  *** Modules: Choice
3239  ***/
3240 .button {
3241   text-align:center;
3244 .attemptcell {
3245   width:5px;
3246   white-space: nowrap;
3249 .anonymous,
3250 .names {
3251   margin-left:auto;
3252   margin-right:auto;
3255 .downloadreport {
3256   border:0px;
3257   margin-left:auto;
3258   margin-right:auto;
3261 .choiceresponse {
3262   width:100%;
3264 .choiceresponse .picture {
3265   width:10px;
3266   white-space: nowrap;
3269 .choiceresponse .fullname {
3270   width:100%;
3271   white-space: nowrap;
3275 .results.data {
3276   vertical-align:top;
3277   white-space: nowrap;
3280 /***
3281  *** Modules: Data
3282  ***/
3283 .fieldadd,
3284 .sortdefault,
3285 .defaulttemplate {
3286   text-align:center;
3288 .datapreferences {
3289   text-align:center;
3292 table.presets {
3293   margin-left: auto;
3294   margin-right: auto;
3297 /***
3298  *** Modules: Forum
3299  ***/
3301 .forumheaderlist,
3302 .forumpost {
3303   border-width:1px;
3304   border-style:solid;
3305   border-collapse:separate;
3308 .forumpost {
3309   margin-top: 15px;
3312 .forumpost .topic {
3313   padding: 4px;
3314   border-style:solid;
3315   border-width: 0px;
3316   border-bottom-width: 1px;
3319 .forumpost .commands {
3320   padding-top: 0.5em;
3321   text-align:right;
3322   clear: both;
3325 .forumpost .ratings {
3326   padding-top: 1em;
3327   text-align:right;
3330 .forumpost .attachments {
3331   padding: 7px;
3332   text-align:right;
3335 .forumpost .content {
3336   padding: 4px;
3339 .forumpost .footer {
3340   padding-top: 0.5em;
3341   text-align:right;
3344 .forumpost .link {
3345   padding-top: 0.5em;
3346   text-align:right;
3349 .forumpost .left {
3350   width: 35px;
3351   padding: 4px;
3352   text-align: center;
3353   vertical-align: top;
3356 .mod-forum .indent {
3357   margin-left: 30px;
3360 body#user-view .forumpost,
3361 .course .forumpost {
3362   width: 100%;
3365 body#mod-forum-search .c0 {
3366   text-align: right;
3369 body#mod-forum-search .introcontent {
3370   padding: 15px;
3373 .forumolddiscuss {
3374   text-align: right;
3377 .forumheaderlist {
3378   width: 100%;
3381 .forumheaderlist td {
3382   border-width:1px 0px 0px 1px;
3383   border-style:solid;
3386 .forumheaderlist .replies {
3387   text-align: center;
3388   white-space: nowrap;
3391 .forumheaderlist .picture {
3392   width: 35px;
3395 .forumheaderlist .discussion .starter {
3396   vertical-align: middle;
3399 .forumheaderlist .lastpost {
3400   white-space: nowrap;
3401   text-align: right;
3404 .forumheaderlist .discussion .author {
3405   white-space: nowrap;
3407 .forumolddiscuss {
3408   text-align:right;
3410 .forumaddnew,
3411 .forumnodiscuss,
3412 .noticeboxcontent {
3413   text-align:center;
3416 #mod-forum-view .forumaddnew {
3417   margin-bottom: 20px;
3420 #mod-forum-view .forumcontrol .groupmenu {
3421   float: left;
3422   text-align:left;
3423   white-space: nowrap;
3426 #mod-forum-view .forumcontrol .subscription {
3427   float: right;
3428   text-align:right;
3429   white-space: nowrap;
3432 #mod-forum-index .subscription {
3433   float: right;
3434   text-align:right;
3435   white-space: nowrap;
3438 #mod-forum-view .unread {
3439   padding-left: 3px;
3440   padding-right: 3px;
3442 #mod-forum-discuss .forumpost.unread .content {
3443   border-style: solid;
3444   border-width: 2px;
3446 #mod-forum-discuss .ratingsubmit {
3447   text-align:center;
3448   padding:10px;
3450 #mod-forum-index .unread img,
3451 #mod-forum-view .unread img
3453   margin-left: 5px;
3456 #mod-forum-discuss .discussioncontrols td {
3457   width: 33%;
3458   text-align:center;
3461 #email .unsubscribelink {
3462   margin-top:20px;
3463   border-width: 0px 1px 0px 0px;
3464   border-style: solid;
3465   text-align:center;
3468 /***
3469  *** Modules: Glossary
3470  ***/
3472 .glossarypost .commands {
3473   width: 200px;
3474   white-space: nowrap;
3477 #mod-glossary-comments .glossarypost,
3478 #mod-glossary-comment .glossarypost {
3479   margin-top: 15px;
3482 .entryboxheader {
3483   border-width: 1px 1px 0px 1px;
3484   border-style: solid;
3487 .entrybox {
3488   width: 100%;
3489   border-width: 0px 1px 1px 1px;
3490   border-style: solid;
3493 .entrybox hr {
3494   border-left:none;
3495   border-right:none;
3498 .glossarypost {
3499   width: 95%;
3500   border-width:1px;
3501   border-style:solid;
3502   border-collapse:separate;
3503   margin-left:auto;
3504   margin-right:auto;
3505   margin-bottom: 5px;
3506   text-align: left;
3509 .entrylist {
3510   border-width:0px;
3513 .entrylowersection {
3514   padding-top: 10px;
3517 .entrylowersection table{
3518   width: 100%;
3521 .entrylowersection .aliases {
3522   text-align:center;
3525 .entrylowersection .icons,
3526 .entrylowersection .ratings {
3527   text-align:right;
3528   padding-right: 5px;
3531 .entrylowersection .ratings {
3532   padding-bottom: 2px;
3535 .glossarycategoryheader {
3536   width: 95%;
3537   margin-left:auto;
3538   margin-right:auto;
3541 .glossaryformatheader {
3542   width: 90%;
3545 .glossarypost .entry {
3546   padding: 3px;
3549 .glossarypost .picture {
3550   width: 35px;
3553 .glossarycomment {
3554   border-width:1px;
3555   border-style:solid;
3556   border-collapse:separate;
3557   margin-bottom: 5px;
3558   text-align: left;
3561 .glossarycomment .entry {
3562   padding: 3px;
3565 .glossarycomment .picture {
3566   width: 35px;
3569 .glossarycomment .icons {
3570   text-align: right;
3573 .glossarydisplay {
3574   width: 90%;
3575   margin-left:auto;
3576   margin-right:auto;
3577   text-align:center;
3580 .glossarydisplay .tabs {
3581   width: 100%;
3584 .glossarydisplay .separator {
3585   width: 4px;
3588 .glossarydisplay .tabs .selected,
3589 .glossarydisplay .tabs .inactive,
3590 .glossarydisplay .tabs .general {
3593 .glossaryimportexport {
3594   margin-left:auto;
3595   margin-right:auto;
3596   text-align:center;
3599 .glossarypopup {
3600   width: 95%;
3603 .glossaryapproval {
3604   width: 100%;
3607 .mod-glossary .glossarydisplay .tabs {
3608   margin-bottom: 0px;
3610 .mod-glossary .glossarydisplay .tabs .side {
3611   border-style: none;
3612   border-width: 0px;
3613   width: auto;
3616 .glossaryexplain,
3617 .glossaryaddentry {
3618   text-align: center;
3621 .mod-glossary .tabrow0 {
3622   padding-bottom: 5px;
3625 #mod-glossary-view .glossarycontrol {
3626   float: right;
3627   text-align:right;
3628   white-space: nowrap;
3631 /***
3632  *** Modules: Journal
3633  ***/
3634 #mod-journal-view .lastedit,
3635 #mod-journal-view .editend {
3636   margin: 5px;
3637   text-align: center;
3639 #mod-journal-view .feedbackbox {
3640   width: 75%;
3641   border-collapse: separate;
3643 #mod-journal-view .entrycontent {
3644   padding: 3px;
3646 #mod-journal-view .picture {
3647   width: 35px;
3649 #mod-journal-view .grade {
3650   text-align: right;
3652 #mod-journal-view .info {
3653   margin-bottom: 5px;
3654   text-align: right;
3658 /***
3659  *** Modules: Label
3660  ***/
3662 /***
3663  *** Modules: Lesson
3664  ***/
3665 #mod-lesson-lesson #page .addform {
3666   text-align: center;
3668 #mod-lesson-edit #page .label {
3669   font-weight: bold;
3671 #mod-lesson-edit #page .labelcorrect {
3672   text-decoration: underline;
3673   font-weight: bold;
3675 .lessonmediafilecontrol {
3676   text-align: center;
3677   margin-left: auto;
3678   margin-right: auto;
3682 /***
3683  *** Modules: Quiz
3684  ***/
3686 #mod-quiz-view .quizinfo {
3687   text-align: center;
3689 #mod-quiz-view #page .quizgradefeedback,
3690 #mod-quiz-view #page .quizattempt
3692   text-align: center;
3694 #mod-quiz-view #page .quizattemptsummary td p {
3695   margin-top: 0;
3697 #mod-quiz-view .generalbox#feedback {
3698   width:70%;
3699   margin-left:auto;
3700   margin-right:auto;
3701   padding-bottom:15px;
3703 #mod-quiz-view .generalbox#feedback h2 {
3704   margin: 0 0;
3706 body#mod-quiz-view .generalbox#feedback .overriddennotice {
3707   text-align: center;
3708   font-size: 0.7em;
3710 #mod-quiz-view .generalbox#feedback h3 {
3711   text-align: left;
3714 .generalbox#passwordbox { /* Should probably match .generalbox#intro above */
3715   width:70%;
3716   margin-left:auto;
3717   margin-right:auto;
3719 #passwordform {
3720   margin: 1em 0;
3722 #mod-quiz-attempt #page {
3723   text-align: center;
3725 #mod-quiz-attempt .pagingbar {
3726   margin: 1.5em auto;
3728 #mod-quiz-attempt #page {
3729     text-align: center;
3732 #mod-quiz-attempt #timer .generalbox {
3733   width:150px
3736 #mod-quiz-attempt #timer {
3737   position:absolute;
3738   /*top:100px; is set by js*/
3739   left:10px
3742 body#question-preview .quemodname,
3743 body#question-preview .controls
3745   text-align: center;
3747 body#question-preview .quemodname, body#question-preview .controls {
3748   text-align: center;
3751 #mod-quiz-attempt #page .controls,
3752 #mod-quiz-review #page .controls {
3753   text-align: center;
3754   margin: 8px auto;
3756 #mod-quiz-review .pagingbar {
3757   margin: 1.5em auto;
3759 #mod-quiz-review .pagingbar {
3760   margin: 1.5em auto;
3762 table.quizreviewsummary {
3763   margin-bottom: 1.8em;
3764   width: 100%;
3766 table.quizreviewsummary tr {
3768 table.quizreviewsummary th.cell {
3769   padding: 1px 0.5em 1px 1em;
3770   font-weight: bold;
3771   text-align: right;
3772   width: 10em;
3774 table.quizreviewsummary td.cell {
3775   padding: 1px 1em 1px 0.5em;
3778 #mod-quiz-mod #reviewoptionshdr .fitem {
3779   float: left;
3780   width: 30%;
3781   margin-left: 10px;
3782   clear: none;
3784 #mod-quiz-mod #reviewoptionshdr .fitemtitle {
3785   width: 100%;
3786   font-weight: bold;
3787   text-align: left;
3788   height: 2.5em;
3789  margin-left: 0;
3791 #mod-quiz-mod #reviewoptionshdr fieldset.fgroup {
3792   width: 100%;
3793   text-align: left;
3794  margin-left: 0;
3796 #mod-quiz-mod #reviewoptionshdr fieldset.fgroup span {
3797   float: left;
3798   clear: left;
3801 #mod-quiz-edit #page .controls,
3802 #mod-quiz-edit #page .quizattemptcounts
3804   text-align: center;
3806 #mod-quiz-edit .quizquestions h2 {
3807   margin-top: 0;
3809 #mod-quiz-edit #showbreaks {
3810   margin-top: 0.7em;
3812 .quizquestionlistcontrols {
3813   text-align: center;
3816 #mod-quiz-report table#attempts,
3817 #mod-quiz-report table#commands,
3818 #mod-quiz-report table#itemanalysis
3820   width: 80%;
3821   margin: auto;
3823 #mod-quiz-report table#attempts,
3824 #mod-quiz-report h2.main {
3825   clear: both;
3827 #mod-quiz-report table#attempts {
3828   margin: 20px auto;
3830 #mod-quiz-report table#attempts .header,
3831 #mod-quiz-report table#attempts .cell
3833   padding: 4px;
3835 #mod-quiz-report table#attempts .header .commands {
3836   display: inline;
3838 #mod-quiz-report table#attempts .picture {
3839   width: 40px;
3841 #mod-quiz-report table#attempts td {
3842   border-left-width: 1px;
3843   border-right-width: 1px;
3844   border-left-style: solid;
3845   border-right-style: solid;
3846   vertical-align: middle;
3848 #mod-quiz-report table#attempts .header {
3849   text-align: left;
3851 #mod-quiz-report table#attempts .picture {
3852   text-align: center !important;
3854 #mod-quiz-report .controls {
3855   text-align: center;
3858 #mod-quiz-report table#itemanalysis {
3859   margin: 20px auto;
3861 #mod-quiz-report table#itemanalysis .header,
3862 #mod-quiz-report table#itemanalysis .cell
3864   padding: 4px;
3866 #mod-quiz-report table#itemanalysis .header .commands {
3867   display: inline;
3869 #mod-quiz-report table#itemanalysis td {
3870   border-width: 1px;
3871   border-style: solid;
3873 #mod-quiz-report table#itemanalysis .header {
3874   text-align: left;
3876 #mod-quiz-report table#itemanalysis .numcol {
3877   text-align: center;
3878   vertical-align : middle !important;
3881 #mod-quiz-report table#itemanalysis .uncorrect {
3882   color: red;
3885 #mod-quiz-report table#itemanalysis .correct {
3886   color: blue;
3887   font-weight : bold;
3890 #mod-quiz-report table#itemanalysis .partialcorrect {
3891   color: green !important;
3894 #mod-quiz-report table#itemanalysis .qname {
3895   color: green !important;
3898 /* manual grading */
3899 #mod-quiz-grading table#grading
3901   width: 80%;
3902   margin: auto;
3905 #mod-quiz-grading table#grading
3907   margin: 20px auto;
3910 #mod-quiz-grading table#grading .header,
3911 #mod-quiz-grading table#grading .cell
3913   padding: 4px;
3916 #mod-quiz-grading table#grading .header .commands 
3918   display: inline;
3921 #mod-quiz-grading table#grading .picture 
3923   width: 40px;
3926 #mod-quiz-grading table#grading td 
3928   border-left-width: 1px;
3929   border-right-width: 1px;
3930   border-left-style: solid;
3931   border-right-style: solid;
3932   vertical-align: bottom;
3935 .mod-quiz .gradingdetails {
3936   font-size: small;
3938 .quizattemptcounts {
3939   text-align: center;
3940   margin: 6px 0;
3942 /***
3943  *** Modules: Resource
3944  ***/
3946 #mod-resource-view .resourcecontent {
3947   text-align:center;
3948   margin:20px;
3951 #mod-resource-view .resourcepdf {
3952   width: 100%;
3953   padding-top: 15px;
3954   text-align: center
3957 .resourcecontent object {
3958   height:480px;
3959   width:600px;
3962 .resourcepdf object{
3963   height: 800px;
3964   width: 800px;
3967 .mod-resource .modified {
3968   text-align:center;
3971 .mod-resource .popupnotice {
3972   text-align:center;
3973   margin:40px;
3976 .ims-nav-bar {
3977   margin-top:0.2em;
3978   position: relative;
3981 .ims-nav-button a,
3982 .ims-nav-dimmed {
3983   padding-left:1em;
3984   padding-right:1em;
3985   padding-top:0.2em;
3986   padding-bottom:0.2em;
3989 #ims-containerdiv {
3990   margin-top:0.2em;
3993 #ims-menudiv {
3994   padding-top:1em;
3995   padding-right:0.2em;
3996   position:absolute;
3997   width:250px;
3998   overflow:auto;
4001 #ims-menudiv ol {
4002   margin:0em;
4003   list-style-type:none;
4004   padding-left:1em;
4007 #ims-contentframe {
4008   position:absolute;
4009   left:260px;
4010   border:1px solid;
4011   width:640px;
4012   height:480px;
4015 #ims-contentframe-no-nav {
4016   position:absolute;
4017   border:1px solid;
4018   width:640px;
4019   height:480px;
4022 #mod-resource-view div#footer {
4023   margin-top: 5px;
4026 /***
4027  *** Modules: Scorm
4028  ***/
4030 /***
4031  *** Modules: Survey
4032  ***/
4033 .resultgraph {
4034   text-align:center;
4035   border:1px solid;
4038 .reportsummary,
4039 .studentreport,
4040 .reportbuttons {
4041   text-align:center;
4044 .centerpara {
4045   text-align:center;
4048 .fullnamecell {
4049   width:10%;
4050   vertical-align:top;
4051   white-space: nowrap;
4054 .questiontext {
4055   font-size:1em;
4058 .smalltext {
4059   font-size: 0.75em;
4062 #surveyform th {
4063   font-weight: normal;
4064   text-align: left;
4066 #surveyform th.hresponse {
4067   text-align: center;
4068   width: 9%;
4071 .rblock label {
4072   display: block;
4073   text-align: center;
4076 .foundthat,
4077 .preferthat {
4078   white-space: nowrap;
4081 .qnummiddlecell {
4082   vertical-align:middle;
4085 .optioncell {
4086   width: 50%;
4087   vertical-align: top;
4090 .buttoncell {
4091   width:5%;
4094 .questioncell {
4095   width:50%;
4096   vertical-align:top;
4099 .whitecell {
4100   background-color:white;
4102 /***
4103  *** Modules: Wiki
4104  ***/
4105 .sideblockheading,
4106 .howtowiki {
4107   text-align:right;
4110 .wikisearchform,
4111 .wikilinksblock,
4112 wikiadminactions {
4113   text-align:center;
4116 .wikilinkright{
4117   text-align:right;
4118   padding-bottom: 0.5em;
4121 .wikiexportbox{
4122   margin-left:auto;
4123   margin-right:auto;
4125 /***
4126  *** Modules: Workshop
4127  ***/
4128 .redfont {
4129   color: red;
4132 .workshopuploadform,
4133 .workshopkey {
4134   text-align:center;
4138 /***
4139  *** Help files (/lang/-/help)
4140  ***/
4141 #help hr {
4142   border: none;
4143   height: 1px;
4144   background: #ccc;
4146 #help .example1 {
4147   color: #a00;
4149 #help .success {
4150   color: #080;
4152 #help .center {
4153   text-align: center;
4155 #help .moreinfo {
4156   text-align: right;
4158 /* Equivalent to 1 and 5 nested blockquotes respectively. */
4159 #help .indent {
4160   margin-left: 40px;
4162 #help .indent-big {
4163   margin-left: 160px;
4164   margin-right:160px;
4166 #help pre, #help code {
4167   background: #eee;
4168   border: 1px dashed #ddd;
4169   padding: 3px;