bcd11759a019e59d7fcbe35b794ea1563da68f76
[moodle.git] / theme / standard / styles_layout.css
1 /* @override http://moodle18.userver.lan/theme/standard/styles_layout.css */
2 /*******************************************************************
3  styles_layout.css
5  This CSS file contains all layout definitions like positioning,
6  floats, margins, padding, borders etc.
8  Styles are organised into the following sections:
9   core
10   forms
11   header
12   footer
14   admin
15   blocks
16   blog
17   calendar
18   course
19   doc
20   grades
21   login
22   message
23   notes
24   mymoodle
25   question
26   tabs
27   tags
28   user
30   various modules
32 *******************************************************************/
35 /***
36  *** Core
37  ***/
39 h1.main,
40 h2.main,
41 h3.main,
42 h4.main,
43 h5.main,
44 h6.main {
45   text-align: center;
46 }
48 #layout-table {
49   width:100%;
50   border-collapse:separate;
51   margin-top: 8px;
52 }
54 #layout-table #left-column,
55 #layout-table #middle-column,
56 #layout-table #right-column
57 {
58   vertical-align:top;
59 }
61 #layout-table #middle-column {
62   padding-left:12px;
63   padding-right:12px;
64 }
66 .clearer {
67   clear:both;
68   margin:0;
69   padding:0;
70   height:1px;
71   border:none;
72   background:transparent;
73   display:block;
74 }
76 .clearfix {
77   min-width: 0;
78   /* overflow: hidden; */
79 }
81 .clearfix:after {
82   /* content: "<!-- -->";  */
83   content: ".";
84   display: block;
85   height: 0;
86   clear: both;
87   visibility: hidden;
88 }
90 /* .clearfix {display: inline-table;} */
92 /* Hides from IE-mac \*/
93 * html .clearfix {height: 1%;}
94 .clearfix {display: block;}
95 /* End hide from IE-mac */
97 .mdl-align {
98   text-align: center;
99 }
101 .continuebutton {
102   text-align: center;
105 form {
106   margin-bottom:0;
109 table {
110   border-spacing: 0;
111   border-collapse: collapse;
114 a img {
115   border:none;
118 img.userpicture,
119 img.grouppicture {
120   border: 0;
123 #grouppicture {
124   text-align: center;
127 div.groupselector {
128   float: left;
129   margin-top: 3px;
130   margin-bottom: 3px;
133 #addmembersform table {
134   margin-left: auto;
135   margin-right: auto;
138 .notifyproblem {
139   text-align: center;
140   padding: 10px;
143 .notifysuccess {
144   text-align:center;
145   padding: 10px;
148 .notifytiny {
149   text-align:left;
150   padding: 0;
153 .singlebutton form,
154 .singlebutton div {
155   display:inline;
158 .generalbox {
159   border-width:1px;
160   border-style:solid;
161   margin-bottom: 15px;
162   padding:10px;
165 .generalbox#intro {
166   width:70%;
167   margin-left:auto;
168   margin-right:auto;
169   padding-bottom:15px;
172 .boxaligncenter {
173   margin-left:auto;
174   margin-right:auto;
177 .boxalignright {
178   margin-left:auto;
179   margin-right:0;
182 .boxalignleft {
183   margin-left:0;
184   margin-right:auto;
187 .boxwidthnarrow {
188   width: 30%
191 .boxwidthnormal {
192   width: 50%
195 .boxwidthwide {
196   width: 80%
199 .centerpara {
200   text-align:center
203 .noticebox {
204   border-width:1px;
205   border-style:solid;
206   padding:10px;
209 #notice.generalbox {
210   width: 60%;
211   margin-left:auto;
212   margin-right:auto;
215 #notice .buttons {
216   text-align:center
219 #notice .buttons div,
220 #notice .buttons form {
221   display:inline;
224 #notice .singlebutton {
225   text-align:center;
226   padding: 5px;
227   margin: 0px;
230 .errorbox {
231   border-width:1px;
232   border-style:solid;
233   margin: 1em 15%;
234   width: 70%;
235   padding:10px;
238 .errorbox .title {
239   padding: 5px;
242 .informationbox {
243   border-width:1px;
244   border-style:solid;
245   padding: 10px;
248 .feedbackbox {
249   border-width:1px;
250   border-style:solid;
253 .feedbackby {
256 .feedback {
259 .generaltable {
260   border-width: 1px;
261   border-style: solid;
264 .generaltable .cell {
265   border-width: 1px;
266   border-style: solid;
267   border-collapse: collapse;
270 #participationreport .reporttable {
271   text-align: center;
272   margin-left:auto;
273   margin-right:auto;
276 #participationreport {
277   text-align: center;
280 #participationreport .modulename {
281   font-weight: bold;
284 #participationreportselector {
285   text-align: center;
288 #participationreportactions {
289   text-align: center;
292 .initialbar {
293   text-align: center;
296 #help .indent {
297   margin-left:3em;
300 .closewindow,
301 #help .helpindex {
302   text-align: center;
305 .tabledivider {
306   border-width:1px;
307   border-style:solid;
308   border-left:0;
309   border-right:0;
310   border-top:0;
313 .sitetopic {
314   margin-bottom:20px;
317 .sitetopiccontent {
318   border-width:1px;
319   border-style:solid;
322 .pagingbar {
323   text-align:center;
326 .pagingbar a {
327   padding-left: 10px;
330 .pagingbar .thispage {
331   padding-left: 10px;
334 table.formtable {
335   margin: auto;
338 table.formtable tbody th {
339   vertical-align: top;
342 table.formtable tbody td,
343 table.formtable tbody th
345   padding: 5px;
348 table.formtable tbody .htmlarea td,
349 table.formtable tbody .htmlarea th
351   padding: 0;
354 .flexible th
356   white-space: nowrap;
359 .paging {
360   text-align: center;
361   margin: 10px 0 10px 0;
364 .unread {
365   padding-right:2px;
368 .cell {
369   vertical-align: top;
372 .helplink img {
373   vertical-align: middle;
374   margin: 0 2px;
375   width: 17px;
376   height: 17px;
379 img.emoticon {
380   vertical-align: middle;
381   width: 15px;
382   height: 15px;
385 form.popupform,
386 form.popupform div {
387   display: inline;
390 form.popupform label {
391   margin-right: 0.5em;
394 .arrow_button {
395   margin-top:3em;
398 .arrow_button input {
399   width:2.4em;
400   padding:0.3em;
401   overflow:hidden;
404 .groupmanagementtable td {
405   vertical-align: top;
408 .groupmanagementtable p {
409   text-align: center;
412 .groupmanagementtable select {
413   width: 18em;
416 #group-groupings .buttons {
417   margin: 20px;
418   text-align:center;
421 #group-groupings .buttons .singlebutton {
422   display: inline;
423   padding: 5px;
427 img.icon {
428   vertical-align:middle;
429   margin-right:4px;
430   width:16px;
431   height:16px;
432   border:0px;
435 img.iconsmall {
436   vertical-align:middle;
437   margin-right:1px;
438   width:11px;
439   height:11px;
440   border:0px;
443 img.iconhelp {
444   vertical-align:middle;
445   margin-right:4px;
446   width:17px;
447   height:17px;
448   border:0px;
451 img.iconkbhelp {
452   width:49px;
453   height:17px;
454   border:0px;
457 /*Accessibility: text 'seen' by screen readers but not visual users. Fixed for RTL languages, example Farsi. */
458 .accesshide {
459   position:absolute;
460   top:-1000px;
461   left:10px;
462   font-weight:normal;
463   font-size:1em;
466 .invisiblefieldset {
467   display:inline;
468   border:0px;
469   padding:0px;
470   margin:0px;
473 span.hide,
474 div.hide {
475   display:none;
478 /***
479  *** Forms
480  ***/
482 .mform {
483   margin: 0 auto;
484   padding: 0;
485   width: 80%;
487 .mform fieldset {
488   border: 1px solid #DDDDDD;
489   padding: 10px 0;
490   margin: 0.7em 0;
491   width:100%;
493 .mform fieldset.hidden, .mform fieldset.felement {
494   border: 0;
496 .mform fieldset.felement {
497   width: auto;
499 .mform fieldset legend {
500   font-weight: bold;
501   margin-left: 0.5em;
503 .mform fieldset .advancedbutton{
504    width:100%;
505    text-align:right;
507 .mform div.fitem {
508   clear: both;
509   width: 100%;
510   min-height: 1.5em;
513 .mform .fitemtitle {
514   display: block;
515   float: left;
516   width: 30%;
517   padding: 0;
518   margin: 5px 0 0 10px;
519   text-align: right;
522 .mform .fitemtitle div{
523   display: inline;
526 div.fitem fieldset.fgroup label, div.fradio label,  div.fcheckbox label,
527 fieldset.fdate_selector label {
528   display:inline;
529   float: none;
530   width: auto;
533 .mform div.felement,  .mform fieldset.felement{
534   display: block;
535   float: left;
536   margin: 5px 0 0 10px;
537   padding: 0;
538   text-align:left;
539   width: 60%;
542 .mform div.fdescription {
543   clear: both;
544   min-height: 1.5em;
547 .mform .fdescription.required {
548   text-align:right;
551 .mform input, .mform select {
552   width: auto;
554 .mform ftextarea {
556 .mform br {
557   clear: left;
559 .mform div.fhtmleditor {
560   margin: 0 auto 10px auto;
561   width : 600px;
562   clear:both;
563   float:none;
564   padding: 25px 0 20px 0;
566 .mform span.error, .mform span.required {
567   color: red;
569 .mform div.error,.mform fieldset.error {
570   border: 1px solid red;
571   padding: 5px;
572   color: inherit;
574 .mform .fcheckbox input {
575   margin-left: 0px;
577 .mform .fpassword .unmask {
578   display:inline;
580 .mform .fpassword .unmask input {
581   margin-left:5px;
582   margin-right:3px;
585 form#adminsettings div.htmlarea {
586   clear: left;
587   padding-top: 5px;
590 .mform label .req, .mform label .adv {
591   cursor: help;
594 /* form frozen */
595 div.mform div.fitem div.fstatic{
596  border-color : lightgrey;
597  border-style : dashed;
598  border-width : thin;
601 #admin-register .mform .fsubmit {
602   padding:20px;
603   text-align:center;
606 div.phpinfo .center{
607   text-align: center;
610 div.phpinfo .center table {
611   margin-left: auto;
612   margin-right: auto;
613   text-align: left;
616 div.phpinfo .center th {
617   text-align: center;
620 .backup-form-instances {
621    margin:0px 20px 0px 20px;
623 .restore-form-instances {
624    margin:0px 20px 0px 20px;
628 /***
629  *** Header
630  ***/
632 .headerskip {
633   position:absolute;
634   right:20em;
635   font-size:0.8em;
638 #header-home {
641 #header {
644 .headermain, h1.headermain {
645   float:left;
646   margin:0;
647   padding:0;
650 .headermenu {
651   float:right;
652   text-align:right;
655 .navigation li,
656 .navigation div,
657 .navigation button,
658 .navigation form {
659   display: inline;
662 .navbar {
663   width:auto;
664   padding:3px 0.5em;
665   border-width:1px;
666   border-style:solid;
669 .navbar .langmenu {
670   text-align:right;
673 table.navbar {
674   width: 100%;
677 .navbar .navbutton {
678   margin-top: 3px;
679   float: left;
682 .navbar .navbutton div,
683 .navbar .navbutton form {
684   display:inline;
685   margin:0px;
686   padding:0px;
689 .navbar .breadcrumb {
690   float:left;
691   margin:0.2em 0;
694 .breadcrumb ul {
695   padding:0;
696   margin:0;
697   text-indent:0;
698   list-style:none;
700 .breadcrumb li {
701   display:inline;
704 .navbar .navbutton,
705 .navbar .menu {
706   float:right;
709 #footer .navbar {
710   margin-top: 4em;
713 .reportlink {
714   text-align:right;
717 .navigation {
718   margin-bottom: 4px;
721 .navigation ul {
722   margin:0px;
723   padding:0px;
724   list-style-type:none;
727 .navigation ul li form,
728 .navigation ul li {
729   display:inline;
730   margin:0px;
731   padding:0px;
732   margin-left:2px;
735 .navigation ul li form fieldset,
736 .navigation ul li form div select {
737   vertical-align: middle;
740 .navigation optgroup {
741   text-align:center;
742   padding-top:4px;
745 .navigation option {
746   text-align:left;
749 .navigation optgroup option {
750   padding:0px;
753 #navmenupopup option,
754 #navmenufooterpopup option {
755   padding: 2px 0 2px 20px;
756   background-repeat: no-repeat;
757   background-position: 1px 2px;
758   vertical-align: middle;
761 /***
762  *** Footer
763  ***/
765 #footer {
766   text-align:center;
767   margin-top: 40px;
770 .homelink {
771   margin: 1em 0;
774 .homelink a {
775   padding-left:1em;
776   padding-right:1em;
779 .sitelink {
780   padding-top:1em;
783 .performanceinfo {
784   margin: 2em;
787 .performanceinfo span {
788   display: block;
791 #footer .validators {
792   margin-top:40px;
793   padding-top:5px;
794   border-top: 1px dotted gray;
797 #footer .validators ul {
798   margin:0px;
799   padding:0px;
800   list-style-type:none;
803 #footer .validators ul li {
804   display:inline;
805   margin-right:10px;
806   margin-left:10px;
809 /***
810  *** Filters
811  ***/
812 span.mediaplugin {
813   display:block;
814   clear:both;
815   margin-top:5px;
816   margin-bottom:5px;
819 span.mediaplugin_mp3 {
820   display:inline;
821   clear:none;
822   margin:0px;
823   margin-left:0.5em;
827 /***
828  *** Admin
829  ***/
831 body#admin-index .c0 {
832   vertical-align: top;
835 body#admin-index .c1 {
836   vertical-align: middle;
839 body#admin-blocks table.generaltable th,
840 body#admin-filters table.generaltable th,
841 body#admin-modules table.generaltable th,
842 body#admin-auth table.generaltable th
844   white-space: nowrap;
847 body#admin-modules .generaltablecell
849   padding-top: 2px;
850   padding-bottom: 2px;
853 body#admin-blocks table.generaltable th,
854 body#admin-blocks table.generaltable td.cell,
855 body#admin-filters table.generaltable th,
856 body#admin-filters table.generaltable td.cell,
857 body#admin-modules table.generaltable th,
858 body#admin-modules table.generaltable td.cell,
859 body#admin-auth table.generaltable th,
860 body#admin-auth table.generaltable td.cell
862   padding: 4px;
863   text-align: center;
864   vertical-align: middle;
867 body#admin-blocks table.generaltable th.c0,
868 body#admin-blocks table.generaltable td.c0,
869 body#admin-filters table.generaltable th.c0,
870 body#admin-filters table.generaltable td.c0,
871 body#admin-modules table.generaltable th.c0,
872 body#admin-modules table.generaltable td.c0,
873 body#admin-auth table.generaltable th.c0,
874 body#admin-auth table.generaltable td.c0
876   text-align: left;
879 body#admin-modules table.generaltable td.c0
881   white-space: nowrap;
884 #admin-blocks
885 #admin-config .confighelp {
886   display: block;
887   padding-bottom: 20px;
890 #admin-roles-manage table.generalbox {
891   margin: auto;
894 #admin-stickyblocks .generalbox {
895   text-align:center;
898 #admin-index .copyrightnotice {
899   margin: auto;
900   text-align: center;
903 #admin-report-simpletest-index .exception pre {
904   padding: 8px;
907 #admin-report-simpletest-index .unittestsummary {
908   padding: 8px;
909   margin-top: 1em;
912 #admin-roles-allowassign .buttons,
913 #admin-roles-allowoverride .buttons,
914 #admin-roles-manage .buttons,
915 #admin-roles-override .buttons {
916   margin: 20px;
917   text-align:center;
920 #admin-roles-manage .buttons .singlebutton,
921 #admin-roles-override .buttons .singlebutton {
922   display: inline;
923   padding: 5px;
926 #admin-roles-manage .selector,
927 #admin-roles-override .selector {
928   text-align:center;
931 #admin-roles-manage table.roledesc,
932 #admin-roles-override table.roledesc {
933   margin-left:auto;
934   margin-right:auto;
937 #admin-roles-manage table.rolecap,
938 #admin-roles-override table.rolecap {
939   margin-left:auto;
940   margin-right:auto;
943 .rolecap .inherit,
944 .rolecap .allow,
945 .rolecap .prevent,
946 .rolecap .prohibit {
947   text-align:center;
950 #admin-roles-manage .rolecap .cap-desc .cap-name,
951 #admin-roles-override .rolecap .cap-desc .cap-name {
952   display: block;
955 #admin-roles-override .cell.c1,
956 #admin-roles-assign .cell.c1 {
957   padding-top: 0.75em;
960 #admin-lang .generalbox {
961   text-align:center;
962   margin:auto;
963   border-width: 1px;
964   border-style: solid;
967 #admin-langimport .generalbox {
968   text-align:center;
969   margin:auto;
970   border-width: 1px;
971   border-style: solid;
974 #admin-langimport .generalbox table {
975   text-align:center;
976   margin:auto;
979 #admin-index .adminwarning {
980   text-align:center;
981   border-width: 1px;
982   border-style: solid;
983   margin:20px;
986 #admin-index .adminwarning .singlebutton,
987 #admin-index #layout-table .singlebutton {
988   text-align:center;
989   margin:20px;
992 #adminsettings fieldset {
993   margin-top: 1em;
994   padding: 1em 0.5em;
997 #adminsettings legend {
998   display: none;
1001 #adminsettings .form-group {
1002   float: left;
1005 #adminsettings .form-item {
1006   margin: 0;
1009 #adminsettings label {
1010   display: block;
1011   float: left;
1012   width: 150px;
1013   text-align: right;
1016 #adminsettings .form-shortname {
1017   display: block;
1020 #adminsettings select,
1021 #adminsettings input {
1022   float: left;
1023   margin: 0 0 0 10px;
1026 #adminsettings textarea {
1027   float: left;
1028   margin: 0 0 0 10px;
1029   width: 65%;
1032 #adminsettings .form-group select,
1033 #adminsettings .form-group input {
1034   display: inline;
1035   float: none;
1039 /* #adminsettings .admin-configtime .form-select {
1040   display: inline;
1041   float: none;
1044 #adminsettings div.admin-frontpage div.form-group select.form-select {
1045   display: inline;
1046   float: none;
1047 } */
1049 #adminsettings .description {
1050   clear: both;
1051   margin: 0 1em 0 160px;
1052   padding: 0.3em 0 1.5em 0;
1055 #adminsettings .form-item .unmask input {
1056   margin-left:5px;
1057   margin-right:3px;
1060 #adminsettings .form-item .unmask label {
1061   width: auto;
1062   text-align: left;
1065 .environmentbox {
1066   margin-top: 1em;
1069 .form-buttons {
1070   margin: 10px 0 0 160px;
1073 .form-text {
1074   width: 20em;
1076 .form-textarea { }
1077 .form-select { }
1078 .form-checkbox { }
1079 .form-radio { }
1080 .form-submit { }
1081 .form-reset { }
1083 .admin-frontpagedesc .htmlarea {
1084   margin: 0 auto 10px auto;
1085   width : 600px;
1088 .adminsearchform {
1089   padding-top:10px;
1092 .block_admin_tree .admintree {
1093   text-align:left;
1096 #admin-lang .translator {
1097   border-width: 1px;
1098   border-style: solid;
1101 #adminsettings #admin-calendar_weekend table {
1102   width: 100%;
1105 #adminsettings #admin-calendar_weekend table td {
1106   text-align: center;
1109 #adminsettings #admin-calendar_weekend table td label {
1110   width: 100%;
1111   text-align: center;
1112   float: none;
1115 #trustedhosts .generaltable {
1116   margin-left: auto;
1117   margin-right: auto;
1118   width: 500px;
1121 #trustedhosts .standard {
1122   width: auto;
1125 #mnetconfig table {
1126   margin-left: auto;
1127   margin-right: auto;
1130 #admin-report-stats-index .invisiblefieldset {
1131   display: block;
1134 #admin-report-courseoverview-index .invisiblefieldset {
1135   display: block;
1138 /***
1139  *** Blocks
1140  ***/
1142 /*Accessibility: Skip block link, for screen reader users. */
1143 a.skip-block, .skip-block {
1144   display:block;
1145   width:2em;
1146   height:1px;
1148 .sideblock .skip-block {
1149   height:4px;
1151 .skip-block-to {
1152   font-size:1px;
1155 .sideblock {
1156   margin-bottom:1em;
1157   width: 100%;
1160 .sideblock .header, .sideblock h2.header {
1161   text-align: left;
1162   margin:0;
1163   padding:4px;
1164   padding-top:0;
1165   border-width: 1px;
1166   border-style: solid;
1167   border-bottom: none;
1169 .sideblock h2 {
1170   margin:0;
1171   padding:0;
1174 .sideblock .header .hide-show {
1175   float:right;
1178 .sideblock .header .hide-show img.hide-show-image {
1179   height:11px;
1180   width:11px;
1181   margin-top:0.25em;
1184 .sideblock .header .commands {
1185   margin-top: 0.3em;
1186   clear: both;
1187   height: 16px;
1190 .sideblock .header .commands a {
1191   margin: 0px 2px;
1194 #left-column .hidden .header,
1195 #right-column .hidden .header
1197   border-bottom-width: 1px;
1198   border-bottom-style: solid;
1201 #left-column .hidden .content,
1202 #right-column .hidden .content
1204   display: none;
1207 .sideblock .header .icon.hide,
1208 .sideblock .header .icon.edit {
1209   margin-right: 6px;
1212 .sideblock .content {
1213   padding: 4px;
1214   border-width: 1px;
1215   border-style: solid;
1218 .sideblock .content h3,
1219 .sideblock .content h2 {
1220   text-align: left;
1223 .sideblock .content h2 {
1224   margin:1.5em 0 0;
1225   padding:0;
1228 .sideblock .content .head {
1229   margin-top: 10px;
1232 .sideblock .content hr {
1233   height:1px;
1234   margin-top:4px;
1235   margin-bottom:4px;
1236   border:none;
1237   border-top:1px solid;
1240 .sideblock div.column {
1241   margin:0px;
1242   margin-right:4px;
1243   padding:0px;
1246 .sideblock div.column.c0 {
1247   float: left;
1250 .sideblock div.column.c1 {
1251   display: inline;
1254 .sideblock .content .c0 img.icon {
1255   margin:0px;
1258 .sideblock .content .list, .unlist, .inline-list {
1259   list-style:none;
1260   padding:0;
1261   margin:0;
1264 .sideblock .content .list {
1265   width: 100%;
1268 .sideblock .content .list li {
1269   clear: left;
1272 .sideblock .content .inline-list li {
1273   display:inline;
1276 .sideblock .content ul.list li.listentry {
1277   clear:both;
1280 .sideblock .content div.info {
1281   text-align:center;
1284 .sideblock .footer {
1285   margin-bottom: 4px;
1286   text-align:center;
1287   clear:both;
1290 .sideblock img.userpicture {
1291   width:16px;
1292   height:16px;
1293   margin-right:4px;
1296 .blockconfigtable {
1297   margin-top: 0;
1298   margin-right: auto;
1299   margin-left: auto;
1302 .blockconfigtable td.label {
1303   text-align: right;
1304   width: 50%;
1307 .blockconfigtable td.value {
1308   text-align: left;
1309   width: 50%;
1312 .blockconfigtable td.submit {
1313   text-align: center;
1316 .blockconfiginstancecontent .tabs {
1317   margin-bottom: 0px;
1318   margin-left: auto;
1319   margin-right: auto;
1322 .block_messages .content {
1323   text-align:left;
1324   font-size:0.75em;
1325   padding-top:5px;
1328 .block_recent_activitysideblock .h3 {
1329   padding-top:5px;
1332 .block_online_users .listentry div.user,
1333 .block_messages .listentry div.user {
1334   float:left;
1337 .block_online_users .listentry div.message,
1338 .block_messages .listentry div.message {
1339   float:right;
1342 .block_course_list .footer {
1343   margin-top: 5px;
1346 #rssfeeds {
1347   margin-left: auto;
1348   margin-right: auto;
1351 #block_rss {
1352   text-align: center;
1355 .block_search_forums .invisiblefieldset {
1356   display: block;
1359 .block_tag_youtube .youtube-thumb {
1360  width:75px;
1361  height:50px;
1363 .block_tag_youtube .yt-video-entry{
1364  font-size:10px;
1365  line-height:11px;
1368 .block_tag_flickr .flickr-photos {
1369  padding:3px;
1372 /***
1373  *** Blogs
1374  ***/
1375 .addbloglink {
1376   text-align: center;
1379 .blogpost .audience {
1380   text-align: right;
1383 .blogpost .tags {
1384   margin-top: 15px;
1388 /***
1389  *** Calendar
1390  ***/
1392 #calendar {
1393   width: 100%;
1394   border-spacing: 5px;
1395   border-collapse: separate;
1398 #calendar h2,
1399 #calendar h3
1401   text-align: center;
1404 #calendar .maincalendar,
1405 #calendar .sidecalendar
1407   vertical-align: top;
1408   border: 1px solid;
1409   padding: 0px;
1412 #calendar .maincalendar {
1413   height: 100%;
1416 #calendar .maincalendar .heightcontainer {
1417   height: 100%;
1418   position: relative;
1421 #calendar .maincalendar .bottom {
1422   width: 100%;
1423   text-align: center;
1424   padding:5px 0 0;
1427 #calendar .sidecalendar {
1428   width: 25%;
1431 #calendar .maincalendar table.calendarmonth {
1432   border-collapse: separate;
1433   margin: 0px auto;
1434   width: 98%;
1437 #calendar .maincalendar table.calendarmonth th {
1438   padding:10px;
1439   border-bottom:2px solid;
1442 #calendar .maincalendar table.calendarmonth td {
1443   height: 5em;
1444   padding-left: 4px;
1445   padding-top: 4px;
1446   line-height:1.2em;
1449 #calendar .maincalendar table.calendarmonth td,
1450 table.minicalendar td,
1451 table.minicalendar th {
1452   width:14%;
1453   vertical-align:top;
1455 table.minicalendar td {
1456   text-align: center;
1458 #calendar .maincalendar table.calendarmonth td table td {
1459   height: auto;
1462 #calendar div.header
1464   padding: 5px;
1467 #calendar .sideblock div.header
1469   border:none;
1472 #calendar .maincalendar .buttons {
1473   float: right;
1476 #calendar .maincalendar .filters table,
1477 #calendar .sidecalendar .filters table,
1478 .sideblock.block_calendar_month .filters table
1480   border-collapse:separate;
1481   border-spacing: 2px;
1482   padding: 2px;
1483   width: 100%;
1486 #calendar .maincalendar .filters {
1487   padding: 0px 10px;
1490 #calendar .sidecalendar .filters {
1491   padding: 5px;
1494 #calendar .maincalendar .controls {
1495   clear:both;
1496   padding:10px;
1499 #calendar .maincalendar table.calendarmonth ul.events-new,
1500 #calendar .maincalendar table.calendarmonth ul.events-underway
1502   padding:0px;
1503   margin:0px;
1504   list-style-type:none;
1507 #calendar .maincalendar table.calendarmonth ul li {
1508   margin-top: 4px;
1511 .minicalendarblock {
1512   padding: 0px 4px;
1515 table.minicalendar {
1516   width: 100%;
1517   margin: 10px auto;
1518   padding:2px;
1519   border-width:1px;
1520   border-style:solid;
1521   border-collapse:separate;
1522   border-spacing:1px !important;
1525 table.minicalendar th {
1526   padding: 0px 2px;
1529 #calendar .maincalendar .eventlist {
1530   padding: 10px;
1533 #calendar .maincalendar .eventlist .topic {
1534   padding: 5px;
1535   border-style:solid;
1536   border-width: 0px;
1537   border-bottom-color: #EEEEEE;
1538   border-bottom-width: 1px;
1541 #calendar .maincalendar .eventlist .event {
1542   width:100%;
1543   margin-bottom:10px;
1544   border-spacing:0px;
1545   border-collapse:separate;
1546   border-width:1px;
1547   border-style:solid;
1550 #calendar .maincalendar .eventlist .event .name {
1551   float:left;
1554 #calendar .maincalendar .eventlist .event .course {
1555   float:left;
1556   clear:left;
1559 #calendar .maincalendar .eventlist .event .date {
1560   float:right;
1563 #calendar .maincalendar .eventlist .event .description .commands {
1564   width:100%;
1567 #calendar .maincalendar .eventlist .event .description {
1568   padding:5px;
1571 #calendar .maincalendar .eventlist .event .picture {
1572   padding:8px;
1575 #calendar .maincalendar .eventlist .event .side {
1576   width:32px;
1579 #calendar #selecteventtype table {
1580   margin:auto;
1583 #calendar .event_global,
1584 #calendar .event_course,
1585 #calendar .event_course0,
1586 #calendar .event_course1,
1587 #calendar .event_course2,
1588 #calendar .event_group,
1589 #calendar .event_user,
1590 .minicalendar .event_global,
1591 .minicalendar .event_course,
1592 .minicalendar .event_course0,
1593 .minicalendar .event_course1,
1594 .minicalendar .event_course2,
1595 .minicalendar .event_group,
1596 .minicalendar .event_user {
1597   border:2px solid !important;
1600 #calendar .duration_global,
1601 #calendar .duration_course,
1602 #calendar .duration_course0,
1603 #calendar .duration_course1,
1604 #calendar .duration_course2,
1605 #calendar .duration_group,
1606 #calendar .duration_user,
1607 .minicalendar .duration_global,
1608 .minicalendar .duration_course,
1609 .minicalendar .duration_course0,
1610 .minicalendar .duration_course1,
1611 .minicalendar .duration_course2,
1612 .minicalendar .duration_group,
1613 .minicalendar .duration_user
1615   border-top:2px solid !important;
1616   border-bottom:2px solid !important;
1619 #calendar .today,
1620 .minicalendar .today {
1621   border:2px solid;
1624 #calendar .nottoday,
1625 .minicalendar .today {
1626   border:1px solid;
1629 .cal_popup_bg {
1630   padding:0px;
1631   margin:0px;
1632   border:1px solid;
1635 .cal_popup_close {
1636   margin-right:5px;
1639 .cal_popup_caption {
1640   border-width:0px 0px 1px 0px;
1641   border-style:solid;
1642   padding-bottom:2px;
1645 /*Accessibility: controls now div and span, 20:58:20% or 12:74:12% */
1646 .calendar-controls .previous,
1647 .calendar-controls .next,
1648 .calendar-controls .current {
1649   display: block;
1650   float: left;
1651   width: 12%;
1653 .calendar-controls .previous {
1654   text-align: left;
1656 .calendar-controls .current {
1657   text-align: center;
1658   width: 76%;
1660 .calendar-controls .next {
1661   text-align: right;
1664 #calendar .maincalendar .calendar-controls .previous,
1665 #calendar .maincalendar .calendar-controls .next
1667   width: 30%;
1669 #calendar .maincalendar .calendar-controls .current {
1670   width: 39.95%;
1673 #calendar .indent {
1674   padding-left: 20px;
1677 #calendar td.sidecalendar {
1678 border-width:0px;
1681 #calendar td.sidecalendar .sideblock {
1682   border: 1px solid;
1683   margin-bottom:10px;
1686 #calendar td.sidecalendar .minicalendartop {
1687   padding-top:10px;
1690 .sideblock .content h3.eventskey {
1691   margin-top:0.5em;
1692   margin-bottom:0;
1693   margin-left:0.5em;
1696 /***
1697  *** Course
1698  ***/
1700 .activitydate, .activityhead {
1701   text-align:center;
1704 #course-view .section td {
1705   vertical-align:top;
1708 #course-view .section td.content {
1709   padding:5px;
1710   border-style:solid;
1711   border-width:1px;
1712   border-left:0px;
1713   border-right:0px;
1716 #course-view .section td.side {
1717   padding:5px;
1718   border-style:solid;
1719   border-width:1px;
1722 #course-view .section td.left {
1723   border-right:0px;
1724   text-align:center;
1725   width: 1.5em;
1728 #course-view .section td.right {
1729   border-left:0px;
1730   text-align:center;
1731   width: 1.5em;
1734 #course-view .current .side {
1737 #course-view .section .spacer {
1738   height:0.5em;
1741 #course-view .section .weekdates {
1744 #course-view ul.section,
1745 #site-index ul.section {
1746   margin: 0;
1747   padding: 0;
1748   list-style: none;
1751 .section_add_menus {
1752   text-align:right;
1755 .section_add_menus .horizontal div {
1756   display:inline;
1760 /*#course-view ul.section li.activity ul li,
1761 #site-index ul.section li.activity ul li {
1762   list-style: disc;
1763 }*/
1765 /*Accessibility: No-tables course format. */
1766 #course-view ul.weekscss {
1767   margin: 0;
1768   padding: 0;
1769   list-style: none;
1771 /* Window-width: 800 pixels.
1772    IE doesn't support, see inline IE conditional comment. */
1773 .weekscss-format {
1774   min-width: 763px;
1776 .weekscss-format .block_adminblock select,
1777 .weekscss-format .block_calendar_month .minicalendar {
1778   width: 100%;
1779   padding: 0;
1781 .weekscss-format .block_calendar_month .minicalendar th,
1782 .weekscss-format .block_calendar_month .minicalendar td {
1783   padding: 0.1em 0 0.1em 1px;
1785 .weekscss-format #middle-column {
1786   margin: 0 12.5em 0 12.5em;
1788 .weekscss-format #left-column,
1789 .weekscss-format #right-column {
1790   width: 11.5em;
1792 .weekscss-format #left-column {
1793   float: left;
1795 .weekscss-format #right-column {
1796   float: right;
1798 .weekscss li.section {
1799   margin-bottom: 0.5em;
1800   border-style:solid;
1801   border-width:1px;
1803 .weekscss .content,
1804 .weekscss .side {
1805   padding: 5px;
1807 .weekscss .content {
1808   margin: 0 1.7em 0 1.7em;
1810 .weekscss .right {
1811   width: 1.6em;
1812   float: right;
1813   text-align:center;
1816 .section .activity img.activityicon {
1817   vertical-align:middle;
1818   height:16px;
1819   width:16px;
1822 .section img.movetarget {
1823   height:16px;
1824   width:80px;
1827 body#course-view .unread {
1828   margin-left: 3em;
1831 body#course-view .sideblock.drag .header {
1832   cursor: move;
1835 body#course-enrol .generalbox {
1836   margin-top: 20px;
1839 body#course-enrol .coursebox {
1840   margin-top: 20px;
1843 body#course-user .graph {
1844   text-align: center;
1847 body#course-user .section,
1848 body#course-user .content {
1849   margin-left: 30px;
1850   margin-right: 30px;
1853 body#course-user .section {
1854   border-width:1px;
1855   border-style:solid;
1856   padding:10px;
1857   margin-bottom: 20px;
1860 body#course-user .section h2 {
1861   margin-top: 0;
1865 .headingblock, h2.headingblock {
1866   border-width:1px;
1867   border-style:solid;
1868   padding:5px;
1869   margin:0;
1872 #site-index .subscribelink,
1873 #course-view .subscribelink {
1874   text-align:right;
1877 body#site-index .headingblock,
1878 body#course-view .headingblock {
1879   margin-bottom: 9px;
1882 body#course-category .courseboxes,
1883 body#course-index .courseboxes {
1884   padding:20px;
1887 body#course-category .rolelink {
1888   text-align:right;
1889   padding:10px;
1892 body#course-category .addcategory {
1893   text-align: center;
1894   padding: 10px;
1897 body#course-index #middle-column .editcourse {
1898   margin-left:auto;
1899   margin-right:auto;
1900   margin-top:20px;
1901   margin-bottom:20px;
1904 body#course-index #middle-column .editcourse th,
1905 body#course-index #middle-column .editcourse td {
1906   padding-left:10px;
1907   padding-right:10px;
1910 body#course-index #middle-column .editcourse .count {
1911   text-align:right;
1914 body#course-index .singlebutton,
1915 body#course-index .addcategory {
1916   text-align: center;
1919 body#course-info .generalbox.icons {
1920   text-align: center;
1923 body#course-info .generalbox.info {
1924   margin-left:auto;
1925   margin-right:auto;
1928 .coursebox {
1929   width: 100%;
1930   float:left;
1931   margin-bottom: 15px;
1932   border-width:1px;
1933   border-style:solid;
1936 .coursebox .summary {
1937   float: right;
1938   text-align:left;
1939   width: 48%;
1940   padding:5px;
1943 .coursebox .info {
1944   float: left;
1945   text-align:left;
1946   width: 48%;
1947   padding:5px;
1950 #my-index .coursebox .info {
1951   float: none;
1954 #my-index .name {
1955   margin-left: 5px;
1958 .categorylist {
1959   width:90%;
1960   margin-left:auto;
1961   margin-right:auto;
1964 .categorylist .category.image {
1965   width:20px;
1968 .categorylist .category.number {
1969   text-align:right;
1972 .categoryboxcontent {
1973   border-width:1px;
1974   border-style:solid;
1977 .categorypicker {
1978   text-align:center;
1979   padding-bottom:10px;
1982 #coursesearch,
1983 #coursesearch2 {
1984   text-align:center;
1987 .addcoursebutton {
1988   text-align:center;
1991 .coursebox .cost {
1992   padding-top: 20px;
1995 .coursebox ul.teachers li {
1996   list-style-type:none;
1997   padding:0;
1998   margin:0;
2001 #course-category #renameform {
2002   text-align:center;
2005 #course-category #themeform {
2006   text-align: center;
2009 #course-category .singlebutton {
2010   text-align:center;
2013 #course-category #coursesearch {
2014   text-align:center;
2018 #course-report #content {
2019   padding-top:15px;
2020   padding-bottom:15px;
2023 #course-report p {
2024   text-align:center;
2027 #course-report .logselectform,
2028 #course-report .participationselectform,
2029 #course-report-log-index .logselectform,
2030 #course-report-participation-index .participationselectform {
2031   margin-left:auto;
2032   margin-right:auto;
2033   text-align:center;
2034   margin-top:10px;
2035   margin-bottom:10px;
2038 #course-report .participationselectform label,
2039 #course-report-participation-index .participationselectform label {
2040   margin-left:15px;
2041   margin-right:5px;
2044 #course-report-log-index .info {
2045   margin-left:auto;
2046   margin-right:auto;
2047   text-align:center;
2048   margin:10px;
2051 #content .coursebox .summary .category {
2052   text-align:right;
2055 #course-editsection .singlebutton {
2056   text-align:center;
2059 /***
2060  *** Group
2061  ***/
2062 body#group-index #groupeditform {
2063   text-align: center;
2067 /***
2068  *** Doc
2069  ***/
2071 body#doc-contents h1 {
2072   margin: 1em 0px 0px 0px;
2075 body#doc-contents ul {
2076   list-style-type: none;
2077   margin: 0;
2078   padding: 0;
2079   width: 90%;
2083 /***
2084  *** Grades
2085  ***/
2088 .grade-report-grader table {
2089   border-width:1px;
2090   border-style:solid;
2091   margin-top: 20px;
2094 .grade-report-grader div.submit {
2095   margin-top: 20px;
2096   text-align: center;
2099 .grade-report-grader table td {
2100   border-width:1px;
2101   border-style:solid;
2104 .grade-report-grader tr.heading {
2105   border-width:0px 0px 0px 0px;
2106   border-style:solid;
2109 .grade-report-grader .heading td {
2110   border-width:0px 0px 0px 0px;
2111   border-style:solid;
2114 .grade-report-grader th.category {
2115   border-width:1px 1px 0px 1px;
2116   border-style:solid;
2119 .grade-report-grader th.user {
2120   border-width:0px 0px 1px 0px;
2121   border-style:solid;
2124 .grade-report-grader th.categoryitem,
2125 .grade-report-grader th.courseitem,
2126 .grade-report-grader td.topleft {
2127   border-width:0px 1px 0px 1px;
2128   border-style:solid;
2131 .grade-report-grader td.fillerfirst {
2132   border-width:0px 0px 0px 1px;
2133   border-style:solid;
2136 .grade-report-grader td.fillerlast {
2137   border-width:0px 1px 0px 0px;
2138   border-style:solid;
2141 .grade-report-grader th.item {
2142   border-width:1px 1px 1px 1px;
2143   border-style:solid;
2146 .grade-report-grader div.gradertoggle {
2147   display: inline;
2148   margin-left: 20px;
2151 .grade-report-grader table.gradestable {
2152   margin-left:auto;
2153   margin-right:auto;
2156 .grade-report-grader .gradestable th.user {
2157   text-align:left;
2160 .grade-report-grader .gradestable td {
2161   text-align:right;
2164 .grade-report-grader th.range {
2165   border-width:1px 1px 1px 1px;
2166   border-style:solid;
2169 .grade-report-grader .userpic {
2170   display: inline;
2171   margin-right: 10px;
2174 .grade-report-grader .quickfeedback {
2175   border: #000000 1px dashed;
2178 .popupfeedback {
2179   background-color: #FFFFFF;
2180   border: #000000 1px dashed;
2182 /* scales edit */
2184 .grade-edit-scale .buttons {
2185   margin: 20px;
2186   text-align:center;
2189 .grade-edit-scale .buttons .singlebutton {
2190   display: inline;
2191   padding: 5px;
2194 /* outcomes edit */
2196 .grade-edit-outcome .buttons {
2197   margin: 20px;
2198   text-align:center;
2201 .grade-edit-outcome .buttons .singlebutton {
2202   display: inline;
2203   padding: 5px;
2206 /* gradebook edit tree */
2208 .grade-edit-tree .gradetreebox {
2209   width:70%;
2210   margin-left:auto;
2211   margin-right:auto;
2212   margin-top:10px;
2213   padding-bottom:15px;
2216 .grade-edit-tree .buttons {
2217   margin: 20px;
2218   text-align:center;
2221 .grade-edit-tree .idnumber {
2222   margin-left: 15px;
2225 .grade-edit-tree .buttons .singlebutton {
2226   display: inline;
2227   padding: 5px;
2230 .grade-edit-tree .movetarget {
2231   position: relative;
2232   width: 80px;
2233   height: 16px;
2236 .grade-edit-tree ul#grade_tree {
2237   width: auto;
2240 .grade-edit-tree ul#grade_tree li {
2241   list-style: none;
2244 .grade-edit-tree ul#grade_tree li.category {
2245   margin-bottom: 6px;
2248 .grade-edit-tree .moving {
2249   background-color: #E8EEF7;
2252 .grade-edit-tree .iconsmall {
2253   margin-left: 4px;
2256 #grade-report-toggles {
2257   text-align: center;
2260 .grade-report-grader #siteconfiglink {
2261   text-align: right;
2264 .gradeexportlink {
2265   padding: 2em;
2266   text-align: center;
2267   margin-left: auto;
2268   margin-right: auto;
2271 /***
2272  *** Login
2273  ***/
2275 .loginbox {
2276   margin-top:15px;
2277   margin-bottom:15px;
2278   border:1px solid;
2279   width:50%;
2280   margin-left:25%;
2281   overflow:hidden;
2284 .loginbox form {
2285   margin:0px;
2286   padding:0px;
2289 .loginbox.twocolumns {
2290   width:90%;
2291   margin-left:5%;
2292   /* background: #faa; */
2295 .loginbox h2,
2296 .loginbox .subcontent {
2297   margin:5px;
2298   padding:10px;
2299   text-align:center;
2302 .loginbox .loginpanel .subcontent {
2303   text-align:center;
2306 .loginbox .loginpanel .desc {
2307   margin:0px;
2308   padding:0px;
2309   margin-bottom:5px;
2312 .loginbox .signuppanel .subcontent {
2313   text-align:left;
2316 .loginbox .loginsub {
2317   margin-left:0%;
2318   margin-right:0%;
2321 .loginbox .guestsub,
2322 .loginbox .forgotsub {
2323   border-top:1px solid;
2324   margin-left:12%;
2325   margin-right:12%;
2326   margin-bottom:5px;
2329 .loginbox .loginform {
2330   margin-top:1em;
2331   text-align:left;
2334 .loginbox .loginform .form-label {
2335   float:left;
2336   text-align:right;
2337   width:40%;
2340 .loginbox .loginform .form-input {
2341   float:right;
2342   width:59%;
2345 .loginbox .loginform .form-input input {
2346   width: 6em;
2349 .loginbox .signupform {
2350   margin-top:1em;
2351   text-align:center;
2354 .loginbox.twocolumns .loginpanel {
2355   float:left;
2356   width:49.5%;
2357   border-right: 1px solid;
2358   margin-bottom:-2000px;
2359   padding-bottom:2000px;
2360   /* background: #afa; */
2363 .loginbox.twocolumns .signuppanel {
2364   float:right;
2365   width:50%;
2366   margin-bottom:-2000px;
2367   padding-bottom:2000px;
2371 /***
2372  *** Message
2373  ***/
2376 #message-user .userpicture,
2377 #message-history .userpicture {
2378   width: 100px;
2379   height: 100px;
2382 .message-discussion-noframes #userinfo .userpicture {
2383   float:left;
2386 .message-discussion-noframes #userinfo .name h1 {
2387   margin:0px;
2390 .message-discussion-noframes #userinfo .name {
2391   text-align:center;
2392   margin-left:60px;
2395 .message-discussion-noframes #userinfo .commands {
2396   text-align:left;
2397   margin-left:60px;
2400 .message-discussion-noframes #userinfo .commands ul {
2401   margin:0px;
2402   padding:0px;
2403   list-style-type:none;
2406 .message-discussion-noframes #userinfo .commands ul li {
2407   display:inline;
2408   padding-right:16px;
2411 .message-discussion-noframes #send {
2412   padding-top:10px;
2413   clear:both;
2416 .message-discussion-noframes #send h1 {
2417   margin:0px;
2420 .message-discussion-noframes #messages {
2421   padding-top:10px;
2424 .message-discussion-noframes #messages ul.messagelist {
2425   margin:0px;
2426   padding:0px;
2429 .message-discussion-noframes #send h1 {
2430   margin:0px;
2433 .message .noframesjslink {
2434   margin-top:20px;
2437 .message .link {
2438   vertical-align:middle;
2441 table.message .searchresults td {
2442   padding:5px;
2443   border-width:1px;
2444   border-style:solid;
2445   border-collapse:collapse;
2446   border-spacing:0px;
2448 .message .summary .link {
2449   text-align:right;
2451 .message .heading {
2452   text-align:center;
2455 .message .note {
2456   text-align:center;
2457   padding:10px;
2460 #message-user .commands span {
2461   margin-left:10px;
2462   margin-right:10px;
2465 body#message-messages {
2466   padding:10px;
2469 body#message-send .notifysuccess {
2470   padding:1px;
2473 /***
2474  *** Notes
2475  ***/
2476 .notepost {
2477   margin-bottom: 1em;
2478   background-color: #EEE;
2480 .sitenotepost {
2482 .coursenotepost {
2484 .draftnotepost {
2487 .ownnotepost .info {
2490 .notepost .header {
2491   background: #DDD;
2492   padding: 5px;
2495 .notepost .user {
2496   font-weight: bolder;
2499 .notepost .userpicture {
2500   float: left;
2501   margin-right: 5px;
2504 .notepost .info {
2505   font-size: smaller;
2508 .notepost .content {
2509   clear: both;
2512 .notepost .footer {
2513   clear: both;
2516 body.notes .generalbox {
2517   margin-left:auto;
2518   margin-right:auto;
2519   width:90%;
2522 body.notes .notesgroup {
2523   margin-left:20px;
2526 /***
2527  *** MyMoodle
2528  ***/
2530 .my .coursebox .overview .info {
2531   margin-left:20px;
2534 .my .coursebox .overview {
2535   margin-bottom:10px;
2539 /***
2540  *** Question
2541  ***/
2542 .questionbank h2 {
2543   margin-top: 0;
2546 .que {
2547   text-align: left;
2548   margin: 0 auto 1.8em auto;
2549   border: 1px solid;
2550   clear: both;
2552 .que .info {
2553   float: left;
2554   margin: 0.5em 0 0.5em 1.2em;
2555   width: 8%;
2557 .que .content {
2558   float: left;
2559   margin: 0.5em 1.2em 0.5em 0;
2560   width: 85%;
2562 .que.description .info {
2563   display: none;
2565 .que.description .content {
2566   margin-left: 1.2em;
2567   float: none;
2568   width: auto;
2570 .que .qtext {
2571   margin-bottom: 1.5em;
2573 .que .ablock {
2574   margin: 0.7em 0 0.3em 0;
2576 .que .prompt {
2577   float: left;
2578   width: 15%;
2579   height: 2em;
2580   padding-top: 0.3em;
2582 .que .control {
2583   width: 5%;
2585 .que .answer {
2586   float: left;
2587   width: 83%;
2588   margin-bottom: 0.5em;
2590 .que .submit {
2591   position: relative;
2592   clear: both;
2593   float: left;
2595 /* MSIE Hack */
2596 * html .que .submit {
2597   float: none;
2599 .multianswer .submit {
2600   margin-top: 1em;
2602 .que .c0,
2603 .que .c1 {
2604   padding: 0.3em 0 0.3em 0.3em;
2605   vertical-align: top;
2607 .que .feedback {
2608   clear: both;
2609   padding: 0 0 0.3em 0.3em;
2610   margin-bottom: 0.5em;
2611   border: 1px solid;
2613 .multichoice td.feedback {
2614   width: auto;
2615   vertical-align: top;
2616   padding-top: 0.3em;
2617   border-style: none;
2619 .essay .feedback {
2620   border-style: none;
2622 .multichoice .text {
2623   width: auto;
2625 .calculated .answer,
2626 .numerical .answer,
2627 .shortanswer .answer {
2628   padding: 0.3em;
2629   width: auto;
2631 .truefalse .answer span {
2632   float: left;
2633   clear: left;
2634   padding: 0.3em;
2635   width: 100%;
2637 .que .grading,
2638 .que .comment,
2639 .que .commentlink,
2640 .que .generalfeedback,
2641 .que .history {
2642   margin-top: 0.5em;
2644 .que .grade {
2645   margin-top: 0.5em;
2648 .importerror {
2649   margin-top: 10px;
2650   border-bottom: 1px solid #555;
2653 /***
2654  *** Logs
2655  ***/
2657 .logtable {
2658   margin-left:auto;
2659   margin-right:auto;
2662 .logtable td,
2663 .logtable th {
2664   padding-left: 10px;
2665   padding-right: 10px;
2668 .logtable th {
2669   text-align:left;
2672 #course-user .info {
2673   margin-left:auto;
2674   margin-right:auto;
2675   text-align:center;
2676   margin:10px;
2679 /***
2680  *** Tabs
2681  ***/
2684 /*globalnav*/
2685 .tabtree {
2686   position:relative;
2689 .tabrow0 {
2690   text-align: center;
2691   width:100%;
2692   padding:0 0 1.75em 0;
2693   margin:0;
2694   list-style:none;
2695   line-height:1.8em;
2696   font-size: 84%;
2699 .tabrow0 li {
2700   display: inline;
2701   margin: 0 -4px 0 0;
2702   padding: 0;
2705 .tabrow0 a span {
2706   padding: 10px 14px 0.35em 0;
2707   background: transparent url(pix/tab/right.gif) no-repeat right top;
2710 .tabrow1 li a span {
2711   background: none !important;
2714 .tabrow0 a {
2715   text-decoration: none;
2716   background: transparent url(pix/tab/left.gif) no-repeat left top;
2717   margin: 0 -1px 0 0;
2718   padding: 10px 0 0.35em 13px;
2721 .tabrow0 a:hover {
2722   background-image: url(pix/tab/left_hover.gif);
2725 .tabrow0 .here a:hover {
2726   background-image: url(pix/tab/left.gif);
2729 .tabrow0 a:hover span {
2730   background-image: url(pix/tab/right_hover.gif);
2733 .tabrow0 .here a:hover span {
2734   background-image: url(pix/tab/right.gif);
2737 .tabrow0 .here a {
2738   color:#444;
2742 .tabrow0 .here a:link, .tabrow0 .here a:visited {
2743   position:relative;
2744   z-index:102;
2747 /*subnav*/
2748 .tabrow0 .empty {
2749   height: 1px;
2750   overflow: hidden;
2751   padding: 0;
2754 .tabrow0 div,
2755 .tabrow0 ul {
2756   position: absolute;
2757   left: 0;
2758   top: 2.0em;
2759   width: 100%;
2760   margin: 0;
2761   padding: 0.25em 0;
2762   list-style: none;
2763   border-top: 1px solid #aaa;
2764   line-height: normal;
2765   background: transparent url(pix/tab/tabrow1.gif) repeat-x center left;
2766   font-size: 90%;
2769 .tabrow0 ul li {
2770   display:inline;
2771   margin-top:1px;
2772   background-image: none;
2775 .tabrow0 ul a {
2776   background-image: none;
2777   color:#00c;
2778   margin:0;
2779   padding:0 1em;
2780   border:0
2783 .tabrow0 ul a span {
2784   padding: 0;
2785   background-image: none;
2788 .tabrow0 ul .last span,
2789 .tabrow0 ul li a:hover, .tabrow0 ul li a:hover span,
2790 .tabrow0 ul .here a:hover, .tabrow0 ul .here a:hover span {
2791   background-image: none !important;
2794 .tabrow0 ul div {
2795   display: none;
2798 ul.tabrow1 li a,
2799 ul.tabrow1 li a:link,
2800 ul.tabrow1 li a:visited {
2801   color:#00c;
2802   font-size: 110%;
2805 ul.tabrow1 li.here.selected a {
2806   color:#444;
2809 /***
2810  *** Tags
2811  ***/
2813 h2.tag-heading {
2814  text-align:center;
2815  margin-left:auto;
2816  margin-right:auto;
2817  display:block;
2818  width:95%;
2819  padding: 5px 5px 5px 5px;
2823 div#tag-description,
2824 div#tag-blogs {
2825  width:95%;
2826  padding: 5px 5px 5px 5px;
2827  margin-left:auto;
2828  margin-right:auto;
2829  display:block;
2832 body#tag-index .moreblogs {
2833  text-align:center;
2836 div#tag-management-box {
2837  margin-bottom:10px;
2838  text-align:center;
2839  line-height:20px;
2840  display:block;
2841  font-size:12px;
2844 div#tag-user-table {
2845  padding:3px;
2846  width:95%;
2847  clear: both;
2848  margin-left:auto;
2849  margin-right:auto;
2850  display:block;
2853 /* small css hack for firefox*/
2854 div#tag-user-table:after{
2855  content:".";
2856  display:block;
2857  clear:both;
2858  visibility:hidden;
2859  height:0;
2860  overflow:hidden;
2862 /* end hack*/
2864 div.user-box {
2865  margin-left:8px;
2866  margin-right:8px;
2867  margin-top:8px;
2868  margin-bottom:8px;
2869  width:115px;
2870  height:160px;
2871  text-align:center;
2872  display:block;
2873  float:left;
2876 img.user-image {
2877  border:0px;
2878  height:100px;
2879  width:100px;
2882 div#small-tag-cloud-box {
2883  width:300px;
2884  margin-left:auto;
2885  margin-right:auto;
2886  margin-bottom:0px;
2887  margin-top:0px;
2890 div#big-tag-cloud-box {
2891  width:600px;
2892  margin-left:auto;
2893  margin-right:auto;
2894  margin-bottom:0px;
2895  margin-top:0px;
2896  display:block;
2897  float:none;
2900 ul#tag-cloud-list {
2901  list-style:none;
2902  padding:5px;
2903  margin:0px;
2904  list-style-type:none;
2906 ul#tag-cloud-list li {
2907  margin:0px;
2908  display:inline;
2911 /* search start*/
2913 div#tag-search-box {
2914  text-align:center;
2915  margin-left:auto;
2916  margin-right:auto;
2917  margin-top:10px;
2918  margin-bottom:10px;
2921 div#tag-search-results-container {
2922  padding:0px;
2923  width:100%;
2926 ul#tag-search-results {
2927  padding:0px;
2928  margin-left:20%;
2929  margin-right:20%;
2930  margin-top:15px;
2931  margin-bottom:0px;
2932  float:left;
2933  width:60%;
2934  display:block;
2935  list-style:none;
2938 ul#tag-search-results li{
2940  width:30%;
2941  float:left;
2942  padding-left:1%;
2943  text-align:left;
2944  line-height:20px;
2945  padding-right:1%;
2949 div#tags-management-links {
2950  text-align:right;
2951  display:block;
2952  font-size:12px;
2955 /* search end*/
2957 /* tag management start*/
2958 span.flagged-tag {
2959  color:#FF0000;
2961 span.flagged-tag a{
2962  color:#FF0000;
2965 table#tag-management-list {
2966  text-align:left;
2967  margin-left:auto;
2968  margin-right:auto;
2971 table#tag-management-list tr td{
2972  padding-left:4px;
2973  padding-right :4px;
2976 form#tag-management-form {
2977  text-align:center;
2979 /* tag management end*/
2981 /* autocomplete start*/
2982 #relatedtags-autocomplete-container
2984  margin-left:auto;
2985  margin-right:auto;
2986  min-height:4.6em;
2987  width:100%;
2990 #relatedtags-autocomplete {
2991  position:relative;
2992  display:block;
2993  width:60%;
2994  margin-left:auto;
2995  margin-right:auto;
2997 #relatedtags-autocomplete .yui-ac-content
2999  position:absolute;
3000  width:420px;
3001  left:20%;
3002  border:1px solid #404040;
3003  background:#fff;
3004  overflow:hidden;
3005  z-index:9050;
3007 #relatedtags-autocomplete .ysearchquery
3009  position:absolute;
3010  right:10px;
3011  color:#808080;
3012  z-index:10;
3014 #relatedtags-autocomplete .yui-ac-shadow {
3015  position:absolute;
3016  margin:.3em;
3017  width:100%;
3018  background:#a0a0a0;
3019  z-index:9049;
3021 #relatedtags-autocomplete ul {
3022  padding:0;width:100%;
3023  margin:0;
3024  list-style-type:none;
3027 #relatedtags-autocomplete li {
3028  padding:0 5px;
3029  cursor:default;
3030  white-space:
3031  nowrap;
3033 #relatedtags-autocomplete li.yui-ac-highlight
3035  background:#FFFFCC;
3037 /* autocomplete end*/
3039 /***
3040  *** User
3041  ***/
3043 .userinfobox {
3044   margin-bottom:5px;
3045   border-width: 1px;
3046   border-style: solid;
3047   border-collapse: separate;
3050 .userinfobox .left,
3051 .userinfobox .side {
3052   padding: 10px;
3053   width: 100px;
3054   vertical-align: top;
3057 .userinfobox .userpicture {
3058   width: 100px;
3059   height: 100px;
3062 .userinfobox .content {
3063   padding: 10px;
3064   vertical-align: top;
3067 .userinfobox .links {
3068   width: 100px;
3069   padding: 5px;
3070   vertical-align: bottom;
3073 .userinfobox .list td {
3074   padding: 3px;
3077 .userinfobox .username {
3078   padding-bottom: 20px;
3081 .userinfobox td.label {
3082   text-align:right;
3083   white-space: nowrap;
3084   vertical-align: top;
3087 table.userinfobox {
3088   width: 80%;
3089   margin-left: 10%;
3090   margin-right: 10%;
3093 table.groupinfobox {
3094   width: 60%;
3095   margin-left: 20%;
3096   margin-right: 20%;
3097   border-width:1px;
3098   border-style:solid;
3099   margin-bottom: 20px;
3102 .groupinfobox .left {
3103   padding: 10px;
3104   width: 100px;
3105   vertical-align: top;
3108 body#user-index h2 {
3109   text-align: center;
3112 #user-view .buttons,
3113 #user-index .buttons {
3114   text-align: center;
3117 #user-view .buttons form,
3118 #user-view .buttons form div {
3119   display:inline;
3122 body#user-index #longtimenosee,
3123 body#user-index #showall {
3124   text-align: center;
3127 body#user-index #showall {
3128   margin: 10px 0px;
3131 body#user-index table#participants,
3132 body#tag-manage table#tag-management-list {
3133   margin: auto;
3134   width: 80%;
3137 body#tag-manage table#tag-management-list td,
3138 body#tag-manage table#tag-management-list, th,
3139 body#user-index table#participants td,
3140 body#user-index table#participants th {
3141   vertical-align: middle;
3142   text-align: left;
3143   padding: 4px;
3146 body#user-index table.controls {
3147   width: 100%;
3149 body#user-index table.controls tr {
3150   vertical-align: top;
3152 body#user-index table.controls td.right,
3153 body#user-index table.controls td.left {
3154   padding: 4px;
3156 body#user-index table.controls .right {
3157   text-align: right;
3159 body#course-participation h2 {
3160   text-align:center;
3162 body#course-participation #showall {
3163   text-align:center;
3164   margin: 10px 0px;
3166 body#user-index .rolesform {
3167   text-align:center;
3170 #user-policy .noticebox {
3171   text-align:center;
3172   margin-left:auto;
3173   margin-right:auto;
3174   margin-bottom:10px;
3175   width:80%;
3176   height:250px;
3179 #user-policy #policyframe {
3180   width:100%;
3181   height:100%;
3184 /***
3185  *** Modules: Assignment
3186  ***/
3188 .userpicture,
3189 .picture user,
3190 .picture teacher {
3191   width:35px;
3192   vertical-align:top;
3194 .modform {
3195   text-align:center;
3197 #wordcount {
3198   text-align: right;
3201 /***
3202  *** Modules: Chat
3203  ***/
3205 .nextchatsession {
3206   text-align:center;
3209 #mod-chat-gui_header_js-jsupdate {
3210   margin:10px
3212 #mod-chat-gui_header_js-jsupdate .chat-event,
3213 #mod-chat-gui_header_js-jsupdate .chat-message {
3214   width:100%;
3215   padding:0;
3216   margin-top:7px
3219 #mod-chat-view #chatcurrentusers .chatuserdetails {
3220   vertical-align: middle;
3223 #mod-chat-view #enterlink {
3224   text-align: center;
3225   margin-left: auto;
3226   margin-right: auto;
3227   width: 50%;
3230 .chat-event .picture,
3231 .chat-message .picture {
3232   width:40px;
3233   vertical-align:top;
3235 .chat-event .text,
3236 .chat-message .text {
3237   text-align: left;
3240 #mod-chat-gui_basic #participants ul {
3241   margin:0px;
3242   padding:0px;
3243   list-style-type:none;
3246 #mod-chat-gui_basic #participants ul li {
3247   display:inline;
3248   margin-right:10px;
3251 #mod-chat-gui_basic #participants ul li .userinfo {
3252   display:inline;
3255 #mod-chat-gui_basic #messages dl {
3256   padding:0px;
3257   margin:1px;
3260 #mod-chat-gui_basic #messages dd,
3261 #mod-chat-gui_basic #messages dt {
3262   margin-left:0px;
3263   margin-right:5px;
3264   padding:0px;
3265   display:inline;
3268 /***
3269  *** Modules: Choice
3270  ***/
3271 .button {
3272   text-align:center;
3275 .attemptcell {
3276   width:5px;
3277   white-space: nowrap;
3280 .anonymous,
3281 .names {
3282   margin-left:auto;
3283   margin-right:auto;
3286 .downloadreport {
3287   border:0px;
3288   margin-left:auto;
3289   margin-right:auto;
3292 .choiceresponse {
3293   width:100%;
3295 .choiceresponse .picture {
3296   width:10px;
3297   white-space: nowrap;
3300 .choiceresponse .fullname {
3301   width:100%;
3302   white-space: nowrap;
3306 .results.data {
3307   vertical-align:top;
3308   white-space: nowrap;
3311 /***
3312  *** Modules: Data
3313  ***/
3314 .fieldadd,
3315 .sortdefault,
3316 .defaulttemplate {
3317   text-align:center;
3319 .datapreferences {
3320   text-align:center;
3323 table.presets {
3324   margin-left: auto;
3325   margin-right: auto;
3328 /***
3329  *** Modules: Forum
3330  ***/
3332 .forumheaderlist,
3333 .forumpost {
3334   border-width:1px;
3335   border-style:solid;
3336   border-collapse:separate;
3339 .forumpost {
3340   margin-top: 15px;
3343 .forumpost .topic {
3344   padding: 4px;
3345   border-style:solid;
3346   border-width: 0px;
3347   border-bottom-width: 1px;
3350 .forumpost .commands {
3351   padding-top: 0.5em;
3352   text-align:right;
3353   clear: both;
3356 .forumpost .ratings {
3357   padding-top: 1em;
3358   text-align:right;
3361 .forumpost .attachments {
3362   padding: 7px;
3363   text-align:right;
3366 .forumpost .content {
3367   padding: 4px;
3370 .forumpost .footer {
3371   padding-top: 0.5em;
3372   text-align:right;
3375 .forumpost .link {
3376   padding-top: 0.5em;
3377   text-align:right;
3380 .forumpost .left {
3381   width: 35px;
3382   padding: 4px;
3383   text-align: center;
3384   vertical-align: top;
3387 .mod-forum .indent {
3388   margin-left: 30px;
3391 body#user-view .forumpost,
3392 .course .forumpost {
3393   width: 100%;
3396 body#mod-forum-search .c0 {
3397   text-align: right;
3400 body#mod-forum-search .introcontent {
3401   padding: 15px;
3404 .forumolddiscuss {
3405   text-align: right;
3408 .forumheaderlist {
3409   width: 100%;
3412 .forumheaderlist td {
3413   border-width:1px 0px 0px 1px;
3414   border-style:solid;
3417 .forumheaderlist .replies {
3418   text-align: center;
3419   white-space: nowrap;
3422 .forumheaderlist .picture {
3423   width: 35px;
3426 .forumheaderlist .discussion .starter {
3427   vertical-align: middle;
3430 .forumheaderlist .lastpost {
3431   white-space: nowrap;
3432   text-align: right;
3435 .forumheaderlist .discussion .author {
3436   white-space: nowrap;
3438 .forumolddiscuss {
3439   text-align:right;
3441 .forumaddnew,
3442 .forumnodiscuss,
3443 .noticeboxcontent {
3444   text-align:center;
3447 #mod-forum-view .forumaddnew {
3448   margin-bottom: 20px;
3451 #mod-forum-view .forumcontrol .groupmenu {
3452   float: left;
3453   text-align:left;
3454   white-space: nowrap;
3457 #mod-forum-view .forumcontrol .subscription {
3458   float: right;
3459   text-align:right;
3460   white-space: nowrap;
3463 #mod-forum-index .subscription {
3464   float: right;
3465   text-align:right;
3466   white-space: nowrap;
3469 #mod-forum-view .unread {
3470   padding-left: 3px;
3471   padding-right: 3px;
3473 #mod-forum-discuss .forumpost.unread .content {
3474   border-style: solid;
3475   border-width: 2px;
3477 #mod-forum-discuss .ratingsubmit {
3478   text-align:center;
3479   padding:10px;
3481 #mod-forum-index .unread img,
3482 #mod-forum-view .unread img
3484   margin-left: 5px;
3487 #mod-forum-discuss .discussioncontrols td {
3488   width: 33%;
3489   text-align:center;
3492 #email .unsubscribelink {
3493   margin-top:20px;
3494   border-width: 0px 1px 0px 0px;
3495   border-style: solid;
3496   text-align:center;
3499 /***
3500  *** Modules: Glossary
3501  ***/
3503 .glossarypost .commands {
3504   width: 200px;
3505   white-space: nowrap;
3508 #mod-glossary-comments .glossarypost,
3509 #mod-glossary-comment .glossarypost {
3510   margin-top: 15px;
3513 .entryboxheader {
3514   border-width: 1px 1px 0px 1px;
3515   border-style: solid;
3518 .entrybox {
3519   width: 100%;
3520   border-width: 0px 1px 1px 1px;
3521   border-style: solid;
3524 .entrybox hr {
3525   border-left:none;
3526   border-right:none;
3529 .glossarypost {
3530   width: 95%;
3531   border-width:1px;
3532   border-style:solid;
3533   border-collapse:separate;
3534   margin-left:auto;
3535   margin-right:auto;
3536   margin-bottom: 5px;
3537   text-align: left;
3540 .entrylist {
3541   border-width:0px;
3544 .entrylowersection {
3545   padding-top: 10px;
3548 .entrylowersection table{
3549   width: 100%;
3552 .entrylowersection .aliases {
3553   text-align:center;
3556 .entrylowersection .icons,
3557 .entrylowersection .ratings {
3558   text-align:right;
3559   padding-right: 5px;
3562 .entrylowersection .ratings {
3563   padding-bottom: 2px;
3566 .glossarycategoryheader {
3567   width: 95%;
3568   margin-left:auto;
3569   margin-right:auto;
3572 .glossaryformatheader {
3573   width: 90%;
3576 .glossarypost .entry {
3577   padding: 3px;
3580 .glossarypost .picture {
3581   width: 35px;
3584 .glossarycomment {
3585   border-width:1px;
3586   border-style:solid;
3587   border-collapse:separate;
3588   margin-bottom: 5px;
3589   text-align: left;
3592 .glossarycomment .entry {
3593   padding: 3px;
3596 .glossarycomment .picture {
3597   width: 35px;
3600 .glossarycomment .icons {
3601   text-align: right;
3604 .glossarydisplay {
3605   width: 90%;
3606   margin-left:auto;
3607   margin-right:auto;
3608   text-align:center;
3611 .glossarydisplay .tabs {
3612   width: 100%;
3615 .glossarydisplay .separator {
3616   width: 4px;
3619 .glossarydisplay .tabs .selected,
3620 .glossarydisplay .tabs .inactive,
3621 .glossarydisplay .tabs .general {
3624 .glossaryimportexport {
3625   margin-left:auto;
3626   margin-right:auto;
3627   text-align:center;
3630 .glossarypopup {
3631   width: 95%;
3634 .glossaryapproval {
3635   width: 100%;
3638 .mod-glossary .glossarydisplay .tabs {
3639   margin-bottom: 0px;
3641 .mod-glossary .glossarydisplay .tabs .side {
3642   border-style: none;
3643   border-width: 0px;
3644   width: auto;
3647 .glossaryexplain,
3648 .glossaryaddentry {
3649   text-align: center;
3652 .mod-glossary .tabrow0 {
3653   padding-bottom: 5px;
3656 #mod-glossary-view .glossarycontrol {
3657   float: right;
3658   text-align:right;
3659   white-space: nowrap;
3662 /***
3663  *** Modules: Journal
3664  ***/
3665 #mod-journal-view .lastedit,
3666 #mod-journal-view .editend {
3667   margin: 5px;
3668   text-align: center;
3670 #mod-journal-view .feedbackbox {
3671   width: 75%;
3672   border-collapse: separate;
3674 #mod-journal-view .entrycontent {
3675   padding: 3px;
3677 #mod-journal-view .picture {
3678   width: 35px;
3680 #mod-journal-view .grade {
3681   text-align: right;
3683 #mod-journal-view .info {
3684   margin-bottom: 5px;
3685   text-align: right;
3689 /***
3690  *** Modules: Label
3691  ***/
3693 /***
3694  *** Modules: Lesson
3695  ***/
3696 #mod-lesson-lesson #page .addform {
3697   text-align: center;
3699 #mod-lesson-edit #page .label {
3700   font-weight: bold;
3702 #mod-lesson-edit #page .labelcorrect {
3703   text-decoration: underline;
3704   font-weight: bold;
3706 .lessonmediafilecontrol {
3707   text-align: center;
3708   margin-left: auto;
3709   margin-right: auto;
3713 /***
3714  *** Modules: Quiz
3715  ***/
3717 #mod-quiz-view .quizinfo {
3718   text-align: center;
3720 #mod-quiz-view #page .quizgradefeedback,
3721 #mod-quiz-view #page .quizattempt
3723   text-align: center;
3726 .generalbox#passwordbox { /* Should probably match .generalbox#intro above */
3727   width:70%;
3728   margin-left:auto;
3729   margin-right:auto;
3731 #passwordform {
3732   margin: 1em 0;
3734 #mod-quiz-attempt #page {
3735   text-align: center;
3737 #mod-quiz-attempt .pagingbar {
3738   margin: 1.5em auto;
3741 body#question-preview .quemodname,
3742 body#question-preview .controls
3744   text-align: center;
3746 body#question-preview .quemodname, body#question-preview .controls {
3747   text-align: center;
3750 #mod-quiz-review #page .controls {
3751   text-align: center;
3752   margin: 1.5em auto;
3754 #mod-quiz-review .pagingbar {
3755   margin: 1.5em auto;
3757 #mod-quiz-review .pagingbar {
3758   margin: 1.5em auto;
3760 table.quizreviewsummary {
3761   margin-bottom: 1.8em;
3762   width: 100%;
3764 table.quizreviewsummary tr {
3766 table.quizreviewsummary th.cell {
3767   padding: 1px 0.5em 1px 1em;
3768   font-weight: bold;
3769   text-align: right;
3770   width: 10em;
3772 table.quizreviewsummary td.cell {
3773   padding: 1px 1em 1px 0.5em;
3776 #mod-quiz-mod #reviewoptionshdr .fitem {
3777   float: left;
3778   width: 30%;
3779   margin-left: 10px;
3780   clear: none;
3782 #mod-quiz-mod #reviewoptionshdr .fitemtitle {
3783   width: 100%;
3784   font-weight: bold;
3785   text-align: left;
3786   height: 2.5em;
3787  margin-left: 0;
3789 #mod-quiz-mod #reviewoptionshdr fieldset.fgroup {
3790   width: 100%;
3791   text-align: left;
3792  margin-left: 0;
3794 #mod-quiz-mod #reviewoptionshdr fieldset.fgroup span {
3795   float: left;
3796   clear: left;
3799 #mod-quiz-edit #page .controls,
3800 #mod-quiz-edit #page .attemptsnotice
3802   text-align: center;
3804 #mod-quiz-edit .quizquestions h2 {
3805   margin-top: 0;
3807 #mod-quiz-edit #showbreaks {
3808   margin-top: 0.7em;
3810 .quizquestionlistcontrols {
3811   text-align: center;
3814 body#mod-quiz-report table#attempts,
3815 body#mod-quiz-report table#commands,
3816 body#mod-quiz-report table#itemanalysis
3818   width: 80%;
3819   margin: auto;
3821 body#mod-quiz-report table#attempts,
3822 body#mod-quiz-report h2.main {
3823   clear: both;
3825 body#mod-quiz-report table#attempts {
3826   margin: 20px auto;
3828 body#mod-quiz-report table#attempts .header,
3829 body#mod-quiz-report table#attempts .cell
3831   padding: 4px;
3833 body#mod-quiz-report table#attempts .header .commands {
3834   display: inline;
3836 body#mod-quiz-report table#attempts .picture {
3837   width: 40px;
3839 body#mod-quiz-report table#attempts td {
3840   border-left-width: 1px;
3841   border-right-width: 1px;
3842   border-left-style: solid;
3843   border-right-style: solid;
3844   vertical-align: middle;
3846 body#mod-quiz-report table#attempts .header {
3847   text-align: left;
3849 body#mod-quiz-report table#attempts .picture {
3850   text-align: center !important;
3852 body#mod-quiz-report .controls {
3853   text-align: center;
3856 /***
3857  *** Modules: Resource
3858  ***/
3860 #mod-resource-view .resourcecontent {
3861   text-align:center;
3862   margin:20px;
3865 #mod-resource-view .resourcepdf {
3866   width: 100%;
3867   padding-top: 15px;
3868   text-align: center
3871 .resourcecontent object {
3872   height:480px;
3873   width:600px;
3876 .resourcepdf object{
3877   height: 800px;
3878   width: 800px;
3881 .mod-resource .modified {
3882   text-align:center;
3885 .mod-resource .popupnotice {
3886   text-align:center;
3887   margin:40px;
3890 .ims-nav-bar {
3891   margin-top:0.2em;
3892   position: relative;
3895 .ims-nav-button a,
3896 .ims-nav-dimmed {
3897   padding-left:1em;
3898   padding-right:1em;
3899   padding-top:0.2em;
3900   padding-bottom:0.2em;
3903 #ims-containerdiv {
3904   margin-top:0.2em;
3907 #ims-menudiv {
3908   padding-top:1em;
3909   padding-right:0.2em;
3910   position:absolute;
3911   width:250px;
3912   overflow:auto;
3915 #ims-menudiv ol {
3916   margin:0em;
3917   list-style-type:none;
3918   padding-left:1em;
3921 #ims-contentframe {
3922   position:absolute;
3923   left:260px;
3924   border:1px solid;
3925   width:640px;
3926   height:480px;
3929 #ims-contentframe-no-nav {
3930   position:absolute;
3931   border:1px solid;
3932   width:640px;
3933   height:480px;
3936 #mod-resource-view div#footer {
3937   margin-top: 5px;
3940 /***
3941  *** Modules: Scorm
3942  ***/
3944 /***
3945  *** Modules: Survey
3946  ***/
3947 .resultgraph {
3948   text-align:center;
3949   border:1px solid;
3952 .reportsummary,
3953 .studentreport,
3954 .reportbuttons {
3955   text-align:center;
3958 .centerpara {
3959   text-align:center;
3962 .fullnamecell {
3963   width:10%;
3964   vertical-align:top;
3965   white-space: nowrap;
3968 .questiontext {
3969   font-size:1em;
3972 .smalltext {
3973   font-size:0.6em;
3976 .smalltextcell,
3977 .screenreadertext {
3978   width:10%;
3979   text-align:center;
3982 .foundthat,
3983 .preferthat {
3984   width:10%;
3985   white-space: nowrap;
3988 .qnumtopcell {
3989   width:10px;
3990   vertical-align:top;
3993 .qnummiddlecell {
3994   width:10px;
3995   vertical-align:middle;
3998 .optioncell {
3999   width:40%;
4000   vertical-align:middle;
4003 .buttoncell {
4004   width:5%;
4007 .questioncell {
4008   width:50%;
4009   vertical-align:top;
4012 .whitecell {
4013   background-color:white;
4015 /***
4016  *** Modules: Wiki
4017  ***/
4018 .sideblockheading,
4019 .howtowiki {
4020   text-align:right;
4023 .wikisearchform,
4024 .wikilinksblock,
4025 wikiadminactions {
4026   text-align:center;
4029 .wikilinkright{
4030   text-align:right;
4031   padding-bottom: 0.5em;
4034 .wikiexportbox{
4035   margin-left:auto;
4036   margin-right:auto;
4038 /***
4039  *** Modules: Workshop
4040  ***/
4041 .redfont {
4042   color: red;
4045 .workshopuploadform,
4046 .workshopkey {
4047   text-align:center;
4051 /***
4052  *** Help files (/lang/-/help)
4053  ***/
4054 #help hr {
4055   border: none;
4056   height: 1px;
4057   background: #ccc;
4059 #help .example1 {
4060   color: #a00;
4062 #help .success {
4063   color: #080;
4065 #help .center {
4066   text-align: center;
4068 #help .moreinfo {
4069   text-align: right;
4071 /* Equivalent to 1 and 5 nested blockquotes respectively. */
4072 #help .indent, #help pre {
4073   margin-left: 40px;
4075 #help .indent-big {
4076   margin-left: 160px;
4077   margin-right:160px;
4079 #help pre, #help code {
4080   background: #eee;
4081   border: 1px dashed #ddd;
4082   padding: 3px;