MDL-12796 iplookup rewrite
[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 .iplookup #map {
3154   margin:auto;
3157 .iplookup #note {
3158   text-align:center;
3161 /***
3162  *** Modules: Assignment
3163  ***/
3165 .userpicture,
3166 .picture user,
3167 .picture teacher {
3168   width:35px;
3169   vertical-align:top;
3171 .modform {
3172   text-align:center;
3174 #wordcount {
3175   text-align: right;
3178 /***
3179  *** Modules: Chat
3180  ***/
3182 .nextchatsession {
3183   text-align:center;
3186 #mod-chat-gui_header_js-jsupdate {
3187   margin:10px
3189 #mod-chat-gui_header_js-jsupdate .chat-event,
3190 #mod-chat-gui_header_js-jsupdate .chat-message {
3191   width:100%;
3192   padding:0;
3193   margin-top:7px
3196 #mod-chat-view #chatcurrentusers .chatuserdetails {
3197   vertical-align: middle;
3200 #mod-chat-view #enterlink {
3201   text-align: center;
3202   margin-left: auto;
3203   margin-right: auto;
3204   width: 50%;
3207 .chat-event .picture,
3208 .chat-message .picture {
3209   width:40px;
3210   vertical-align:top;
3212 .chat-event .text,
3213 .chat-message .text {
3214   text-align: left;
3217 #mod-chat-gui_basic #participants ul {
3218   margin:0px;
3219   padding:0px;
3220   list-style-type:none;
3223 #mod-chat-gui_basic #participants ul li {
3224   display:inline;
3225   margin-right:10px;
3228 #mod-chat-gui_basic #participants ul li .userinfo {
3229   display:inline;
3232 #mod-chat-gui_basic #messages dl {
3233   padding:0px;
3234   margin:1px;
3237 #mod-chat-gui_basic #messages dd,
3238 #mod-chat-gui_basic #messages dt {
3239   margin-left:0px;
3240   margin-right:5px;
3241   padding:0px;
3242   display:inline;
3245 /***
3246  *** Modules: Choice
3247  ***/
3248 .button {
3249   text-align:center;
3252 .attemptcell {
3253   width:5px;
3254   white-space: nowrap;
3257 .anonymous,
3258 .names {
3259   margin-left:auto;
3260   margin-right:auto;
3263 .downloadreport {
3264   border:0px;
3265   margin-left:auto;
3266   margin-right:auto;
3269 .choiceresponse {
3270   width:100%;
3272 .choiceresponse .picture {
3273   width:10px;
3274   white-space: nowrap;
3277 .choiceresponse .fullname {
3278   width:100%;
3279   white-space: nowrap;
3283 .results.data {
3284   vertical-align:top;
3285   white-space: nowrap;
3288 /***
3289  *** Modules: Data
3290  ***/
3291 .fieldadd,
3292 .sortdefault,
3293 .defaulttemplate {
3294   text-align:center;
3296 .datapreferences {
3297   text-align:center;
3300 table.presets {
3301   margin-left: auto;
3302   margin-right: auto;
3305 /***
3306  *** Modules: Forum
3307  ***/
3309 .forumheaderlist,
3310 .forumpost {
3311   border-width:1px;
3312   border-style:solid;
3313   border-collapse:separate;
3316 .forumpost {
3317   margin-top: 15px;
3320 .forumpost .topic {
3321   padding: 4px;
3322   border-style:solid;
3323   border-width: 0px;
3324   border-bottom-width: 1px;
3327 .forumpost .commands {
3328   padding-top: 0.5em;
3329   text-align:right;
3330   clear: both;
3333 .forumpost .ratings {
3334   padding-top: 1em;
3335   text-align:right;
3338 .forumpost .attachments {
3339   padding: 7px;
3340   text-align:right;
3343 .forumpost .content {
3344   padding: 4px;
3347 .forumpost .footer {
3348   padding-top: 0.5em;
3349   text-align:right;
3352 .forumpost .link {
3353   padding-top: 0.5em;
3354   text-align:right;
3357 .forumpost .left {
3358   width: 35px;
3359   padding: 4px;
3360   text-align: center;
3361   vertical-align: top;
3364 .mod-forum .indent {
3365   margin-left: 30px;
3368 body#user-view .forumpost,
3369 .course .forumpost {
3370   width: 100%;
3373 body#mod-forum-search .c0 {
3374   text-align: right;
3377 body#mod-forum-search .introcontent {
3378   padding: 15px;
3381 .forumolddiscuss {
3382   text-align: right;
3385 .forumheaderlist {
3386   width: 100%;
3389 .forumheaderlist td {
3390   border-width:1px 0px 0px 1px;
3391   border-style:solid;
3394 .forumheaderlist .replies {
3395   text-align: center;
3396   white-space: nowrap;
3399 .forumheaderlist .picture {
3400   width: 35px;
3403 .forumheaderlist .discussion .starter {
3404   vertical-align: middle;
3407 .forumheaderlist .lastpost {
3408   white-space: nowrap;
3409   text-align: right;
3412 .forumheaderlist .discussion .author {
3413   white-space: nowrap;
3415 .forumolddiscuss {
3416   text-align:right;
3418 .forumaddnew,
3419 .forumnodiscuss,
3420 .noticeboxcontent {
3421   text-align:center;
3424 #mod-forum-view .forumaddnew {
3425   margin-bottom: 20px;
3428 #mod-forum-view .forumcontrol .groupmenu {
3429   float: left;
3430   text-align:left;
3431   white-space: nowrap;
3434 #mod-forum-view .forumcontrol .subscription {
3435   float: right;
3436   text-align:right;
3437   white-space: nowrap;
3440 #mod-forum-index .subscription {
3441   float: right;
3442   text-align:right;
3443   white-space: nowrap;
3446 #mod-forum-view .unread {
3447   padding-left: 3px;
3448   padding-right: 3px;
3450 #mod-forum-discuss .forumpost.unread .content {
3451   border-style: solid;
3452   border-width: 2px;
3454 #mod-forum-discuss .ratingsubmit {
3455   text-align:center;
3456   padding:10px;
3458 #mod-forum-index .unread img,
3459 #mod-forum-view .unread img
3461   margin-left: 5px;
3464 #mod-forum-discuss .discussioncontrols td {
3465   width: 33%;
3466   text-align:center;
3469 #email .unsubscribelink {
3470   margin-top:20px;
3471   border-width: 0px 1px 0px 0px;
3472   border-style: solid;
3473   text-align:center;
3476 /***
3477  *** Modules: Glossary
3478  ***/
3480 .glossarypost .commands {
3481   width: 200px;
3482   white-space: nowrap;
3485 #mod-glossary-comments .glossarypost,
3486 #mod-glossary-comment .glossarypost {
3487   margin-top: 15px;
3490 .entryboxheader {
3491   border-width: 1px 1px 0px 1px;
3492   border-style: solid;
3495 .entrybox {
3496   width: 100%;
3497   border-width: 0px 1px 1px 1px;
3498   border-style: solid;
3501 .entrybox hr {
3502   border-left:none;
3503   border-right:none;
3506 .glossarypost {
3507   width: 95%;
3508   border-width:1px;
3509   border-style:solid;
3510   border-collapse:separate;
3511   margin-left:auto;
3512   margin-right:auto;
3513   margin-bottom: 5px;
3514   text-align: left;
3517 .entrylist {
3518   border-width:0px;
3521 .entrylowersection {
3522   padding-top: 10px;
3525 .entrylowersection table{
3526   width: 100%;
3529 .entrylowersection .aliases {
3530   text-align:center;
3533 .entrylowersection .icons,
3534 .entrylowersection .ratings {
3535   text-align:right;
3536   padding-right: 5px;
3539 .entrylowersection .ratings {
3540   padding-bottom: 2px;
3543 .glossarycategoryheader {
3544   width: 95%;
3545   margin-left:auto;
3546   margin-right:auto;
3549 .glossaryformatheader {
3550   width: 90%;
3553 .glossarypost .entry {
3554   padding: 3px;
3557 .glossarypost .picture {
3558   width: 35px;
3561 .glossarycomment {
3562   border-width:1px;
3563   border-style:solid;
3564   border-collapse:separate;
3565   margin-bottom: 5px;
3566   text-align: left;
3569 .glossarycomment .entry {
3570   padding: 3px;
3573 .glossarycomment .picture {
3574   width: 35px;
3577 .glossarycomment .icons {
3578   text-align: right;
3581 .glossarydisplay {
3582   width: 90%;
3583   margin-left:auto;
3584   margin-right:auto;
3585   text-align:center;
3588 .glossarydisplay .tabs {
3589   width: 100%;
3592 .glossarydisplay .separator {
3593   width: 4px;
3596 .glossarydisplay .tabs .selected,
3597 .glossarydisplay .tabs .inactive,
3598 .glossarydisplay .tabs .general {
3601 .glossaryimportexport {
3602   margin-left:auto;
3603   margin-right:auto;
3604   text-align:center;
3607 .glossarypopup {
3608   width: 95%;
3611 .glossaryapproval {
3612   width: 100%;
3615 .mod-glossary .glossarydisplay .tabs {
3616   margin-bottom: 0px;
3618 .mod-glossary .glossarydisplay .tabs .side {
3619   border-style: none;
3620   border-width: 0px;
3621   width: auto;
3624 .glossaryexplain,
3625 .glossaryaddentry {
3626   text-align: center;
3629 .mod-glossary .tabrow0 {
3630   padding-bottom: 5px;
3633 #mod-glossary-view .glossarycontrol {
3634   float: right;
3635   text-align:right;
3636   white-space: nowrap;
3639 /***
3640  *** Modules: Journal
3641  ***/
3642 #mod-journal-view .lastedit,
3643 #mod-journal-view .editend {
3644   margin: 5px;
3645   text-align: center;
3647 #mod-journal-view .feedbackbox {
3648   width: 75%;
3649   border-collapse: separate;
3651 #mod-journal-view .entrycontent {
3652   padding: 3px;
3654 #mod-journal-view .picture {
3655   width: 35px;
3657 #mod-journal-view .grade {
3658   text-align: right;
3660 #mod-journal-view .info {
3661   margin-bottom: 5px;
3662   text-align: right;
3666 /***
3667  *** Modules: Label
3668  ***/
3670 /***
3671  *** Modules: Lesson
3672  ***/
3673 #mod-lesson-lesson #page .addform {
3674   text-align: center;
3676 #mod-lesson-edit #page .label {
3677   font-weight: bold;
3679 #mod-lesson-edit #page .labelcorrect {
3680   text-decoration: underline;
3681   font-weight: bold;
3683 .lessonmediafilecontrol {
3684   text-align: center;
3685   margin-left: auto;
3686   margin-right: auto;
3690 /***
3691  *** Modules: Quiz
3692  ***/
3694 #mod-quiz-view .quizinfo {
3695   text-align: center;
3697 #mod-quiz-view #page .quizgradefeedback,
3698 #mod-quiz-view #page .quizattempt
3700   text-align: center;
3702 #mod-quiz-view #page .quizattemptsummary td p {
3703   margin-top: 0;
3705 #mod-quiz-view .generalbox#feedback {
3706   width:70%;
3707   margin-left:auto;
3708   margin-right:auto;
3709   padding-bottom:15px;
3711 #mod-quiz-view .generalbox#feedback h2 {
3712   margin: 0 0;
3714 body#mod-quiz-view .generalbox#feedback .overriddennotice {
3715   text-align: center;
3716   font-size: 0.7em;
3718 #mod-quiz-view .generalbox#feedback h3 {
3719   text-align: left;
3722 .generalbox#passwordbox { /* Should probably match .generalbox#intro above */
3723   width:70%;
3724   margin-left:auto;
3725   margin-right:auto;
3727 #passwordform {
3728   margin: 1em 0;
3730 #mod-quiz-attempt #page {
3731   text-align: center;
3733 #mod-quiz-attempt .pagingbar {
3734   margin: 1.5em auto;
3736 #mod-quiz-attempt #page {
3737     text-align: center;
3740 #mod-quiz-attempt #timer .generalbox {
3741   width:150px
3744 #mod-quiz-attempt #timer {
3745   position:absolute;
3746   /*top:100px; is set by js*/
3747   left:10px
3750 body#question-preview .quemodname,
3751 body#question-preview .controls
3753   text-align: center;
3755 body#question-preview .quemodname, body#question-preview .controls {
3756   text-align: center;
3759 #mod-quiz-attempt #page .controls,
3760 #mod-quiz-review #page .controls {
3761   text-align: center;
3762   margin: 8px auto;
3764 #mod-quiz-review .pagingbar {
3765   margin: 1.5em auto;
3767 #mod-quiz-review .pagingbar {
3768   margin: 1.5em auto;
3770 table.quizreviewsummary {
3771   margin-bottom: 1.8em;
3772   width: 100%;
3774 table.quizreviewsummary tr {
3776 table.quizreviewsummary th.cell {
3777   padding: 1px 0.5em 1px 1em;
3778   font-weight: bold;
3779   text-align: right;
3780   width: 10em;
3782 table.quizreviewsummary td.cell {
3783   padding: 1px 1em 1px 0.5em;
3786 #mod-quiz-mod #reviewoptionshdr .fitem {
3787   float: left;
3788   width: 30%;
3789   margin-left: 10px;
3790   clear: none;
3792 #mod-quiz-mod #reviewoptionshdr .fitemtitle {
3793   width: 100%;
3794   font-weight: bold;
3795   text-align: left;
3796   height: 2.5em;
3797  margin-left: 0;
3799 #mod-quiz-mod #reviewoptionshdr fieldset.fgroup {
3800   width: 100%;
3801   text-align: left;
3802  margin-left: 0;
3804 #mod-quiz-mod #reviewoptionshdr fieldset.fgroup span {
3805   float: left;
3806   clear: left;
3809 #mod-quiz-edit #page .controls,
3810 #mod-quiz-edit #page .quizattemptcounts
3812   text-align: center;
3814 #mod-quiz-edit .quizquestions h2 {
3815   margin-top: 0;
3817 #mod-quiz-edit #showbreaks {
3818   margin-top: 0.7em;
3820 .quizquestionlistcontrols {
3821   text-align: center;
3824 #mod-quiz-report table#attempts,
3825 #mod-quiz-report table#commands,
3826 #mod-quiz-report table#itemanalysis
3828   width: 80%;
3829   margin: auto;
3831 #mod-quiz-report table#attempts,
3832 #mod-quiz-report h2.main {
3833   clear: both;
3835 #mod-quiz-report table#attempts {
3836   margin: 20px auto;
3838 #mod-quiz-report table#attempts .header,
3839 #mod-quiz-report table#attempts .cell
3841   padding: 4px;
3843 #mod-quiz-report table#attempts .header .commands {
3844   display: inline;
3846 #mod-quiz-report table#attempts .picture {
3847   width: 40px;
3849 #mod-quiz-report table#attempts td {
3850   border-left-width: 1px;
3851   border-right-width: 1px;
3852   border-left-style: solid;
3853   border-right-style: solid;
3854   vertical-align: middle;
3856 #mod-quiz-report table#attempts .header {
3857   text-align: left;
3859 #mod-quiz-report table#attempts .picture {
3860   text-align: center !important;
3862 #mod-quiz-report .controls {
3863   text-align: center;
3866 #mod-quiz-report table#itemanalysis {
3867   margin: 20px auto;
3869 #mod-quiz-report table#itemanalysis .header,
3870 #mod-quiz-report table#itemanalysis .cell
3872   padding: 4px;
3874 #mod-quiz-report table#itemanalysis .header .commands {
3875   display: inline;
3877 #mod-quiz-report table#itemanalysis td {
3878   border-width: 1px;
3879   border-style: solid;
3881 #mod-quiz-report table#itemanalysis .header {
3882   text-align: left;
3884 #mod-quiz-report table#itemanalysis .numcol {
3885   text-align: center;
3886   vertical-align : middle !important;
3889 #mod-quiz-report table#itemanalysis .uncorrect {
3890   color: red;
3893 #mod-quiz-report table#itemanalysis .correct {
3894   color: blue;
3895   font-weight : bold;
3898 #mod-quiz-report table#itemanalysis .partialcorrect {
3899   color: green !important;
3902 #mod-quiz-report table#itemanalysis .qname {
3903   color: green !important;
3906 /* manual grading */
3907 #mod-quiz-grading table#grading
3909   width: 80%;
3910   margin: auto;
3913 #mod-quiz-grading table#grading
3915   margin: 20px auto;
3918 #mod-quiz-grading table#grading .header,
3919 #mod-quiz-grading table#grading .cell
3921   padding: 4px;
3924 #mod-quiz-grading table#grading .header .commands 
3926   display: inline;
3929 #mod-quiz-grading table#grading .picture 
3931   width: 40px;
3934 #mod-quiz-grading table#grading td 
3936   border-left-width: 1px;
3937   border-right-width: 1px;
3938   border-left-style: solid;
3939   border-right-style: solid;
3940   vertical-align: bottom;
3943 .mod-quiz .gradingdetails {
3944   font-size: small;
3946 .quizattemptcounts {
3947   text-align: center;
3948   margin: 6px 0;
3950 /***
3951  *** Modules: Resource
3952  ***/
3954 #mod-resource-view .resourcecontent {
3955   text-align:center;
3956   margin:20px;
3959 #mod-resource-view .resourcepdf {
3960   width: 100%;
3961   padding-top: 15px;
3962   text-align: center
3965 .resourcecontent object {
3966   height:480px;
3967   width:600px;
3970 .resourcepdf object{
3971   height: 800px;
3972   width: 800px;
3975 .mod-resource .modified {
3976   text-align:center;
3979 .mod-resource .popupnotice {
3980   text-align:center;
3981   margin:40px;
3984 .ims-nav-bar {
3985   margin-top:0.2em;
3986   position: relative;
3989 .ims-nav-button a,
3990 .ims-nav-dimmed {
3991   padding-left:1em;
3992   padding-right:1em;
3993   padding-top:0.2em;
3994   padding-bottom:0.2em;
3997 #ims-containerdiv {
3998   margin-top:0.2em;
4001 #ims-menudiv {
4002   padding-top:1em;
4003   padding-right:0.2em;
4004   position:absolute;
4005   width:250px;
4006   overflow:auto;
4009 #ims-menudiv ol {
4010   margin:0em;
4011   list-style-type:none;
4012   padding-left:1em;
4015 #ims-contentframe {
4016   position:absolute;
4017   left:260px;
4018   border:1px solid;
4019   width:640px;
4020   height:480px;
4023 #ims-contentframe-no-nav {
4024   position:absolute;
4025   border:1px solid;
4026   width:640px;
4027   height:480px;
4030 #mod-resource-view div#footer {
4031   margin-top: 5px;
4034 /***
4035  *** Modules: Scorm
4036  ***/
4038 /***
4039  *** Modules: Survey
4040  ***/
4041 .resultgraph {
4042   text-align:center;
4043   border:1px solid;
4046 .reportsummary,
4047 .studentreport,
4048 .reportbuttons {
4049   text-align:center;
4052 .centerpara {
4053   text-align:center;
4056 .fullnamecell {
4057   width:10%;
4058   vertical-align:top;
4059   white-space: nowrap;
4062 .questiontext {
4063   font-size:1em;
4066 .smalltext {
4067   font-size: 0.75em;
4070 #surveyform th {
4071   font-weight: normal;
4072   text-align: left;
4074 #surveyform th.hresponse {
4075   text-align: center;
4076   width: 9%;
4079 .rblock label {
4080   display: block;
4081   text-align: center;
4084 .foundthat,
4085 .preferthat {
4086   white-space: nowrap;
4089 .qnummiddlecell {
4090   vertical-align:middle;
4093 .optioncell {
4094   width: 50%;
4095   vertical-align: top;
4098 .buttoncell {
4099   width:5%;
4102 .questioncell {
4103   width:50%;
4104   vertical-align:top;
4107 .whitecell {
4108   background-color:white;
4110 /***
4111  *** Modules: Wiki
4112  ***/
4113 .sideblockheading,
4114 .howtowiki {
4115   text-align:right;
4118 .wikisearchform,
4119 .wikilinksblock,
4120 wikiadminactions {
4121   text-align:center;
4124 .wikilinkright{
4125   text-align:right;
4126   padding-bottom: 0.5em;
4129 .wikiexportbox{
4130   margin-left:auto;
4131   margin-right:auto;
4133 /***
4134  *** Modules: Workshop
4135  ***/
4136 .redfont {
4137   color: red;
4140 .workshopuploadform,
4141 .workshopkey {
4142   text-align:center;
4146 /***
4147  *** Help files (/lang/-/help)
4148  ***/
4149 #help hr {
4150   border: none;
4151   height: 1px;
4152   background: #ccc;
4154 #help .example1 {
4155   color: #a00;
4157 #help .success {
4158   color: #080;
4160 #help .center {
4161   text-align: center;
4163 #help .moreinfo {
4164   text-align: right;
4166 /* Equivalent to 1 and 5 nested blockquotes respectively. */
4167 #help .indent {
4168   margin-left: 40px;
4170 #help .indent-big {
4171   margin-left: 160px;
4172   margin-right:160px;
4174 #help pre, #help code {
4175   background: #eee;
4176   border: 1px dashed #ddd;
4177   padding: 3px;